mirror of
https://github.com/andwati/zitadel.git
synced 2026-10-18 05:52:51 +00:00
chore(deps): update npm dependencies and clean up pnpm overrides (#12592)
# Which Problems Are Solved Several dependencies across the workspace had fallen behind their latest patch releases, and the override list in pnpm-workspace.yaml had drifted: many of the 28 entries were no longer needed because the dependency tree had already moved past them, while a few enforced outdated version floors. # How the Problems Are Solved Direct dependencies were updated where newer patch releases were available: `@angular/*` → ^21.2.19, `next` → 16.2.11 (docs and login, incl. `@next/eslint-plugin-next`), `nx` → 22.7.7, and `js-yaml` → ^4.3.1 / `postcss` → ^8.5.23 in docs. The lockfile was regenerated from scratch so all transitive dependencies resolve to the newest versions within their allowed ranges. With that in place, the override list was rebuilt down to the 8 entries that are still required because a parent package pins an older version (axios and brace-expansion via nx, postcss and sharp via next, esbuild via tsx, uuid via testcontainers, and the two OpenTelemetry packages); the other 20 overrides were removed. A verification pass confirmed the resolved versions stay at or above the floors the removed overrides used to enforce, and `pnpm audit` comes back clean. --------- Co-authored-by: Livio Spring <[email protected]>
This commit is contained in:
co-authored by
Livio Spring
parent
d488ecb07f
commit
a1a4572303
+13
-13
@@ -14,18 +14,18 @@
|
||||
},
|
||||
"private": true,
|
||||
"dependencies": {
|
||||
"@angular/animations": "^21.2.17",
|
||||
"@angular/animations": "^21.2.19",
|
||||
"@angular/cdk": "^21.2.14",
|
||||
"@angular/common": "^21.2.17",
|
||||
"@angular/compiler": "^21.2.17",
|
||||
"@angular/core": "^21.2.17",
|
||||
"@angular/forms": "^21.2.17",
|
||||
"@angular/common": "^21.2.19",
|
||||
"@angular/compiler": "^21.2.19",
|
||||
"@angular/core": "^21.2.19",
|
||||
"@angular/forms": "^21.2.19",
|
||||
"@angular/material": "^21.2.14",
|
||||
"@angular/material-moment-adapter": "^21.2.14",
|
||||
"@angular/platform-browser": "^21.2.17",
|
||||
"@angular/platform-browser-dynamic": "^21.2.17",
|
||||
"@angular/router": "^21.2.17",
|
||||
"@angular/service-worker": "^21.2.17",
|
||||
"@angular/platform-browser": "^21.2.19",
|
||||
"@angular/platform-browser-dynamic": "^21.2.19",
|
||||
"@angular/router": "^21.2.19",
|
||||
"@angular/service-worker": "^21.2.19",
|
||||
"@bufbuild/protobuf": "^2.12.0",
|
||||
"@connectrpc/connect": "^2.1.1",
|
||||
"@connectrpc/connect-web": "^2.1.1",
|
||||
@@ -63,10 +63,10 @@
|
||||
"@angular-eslint/eslint-plugin": "21.4.0",
|
||||
"@angular-eslint/eslint-plugin-template": "21.4.0",
|
||||
"@angular-eslint/template-parser": "21.4.0",
|
||||
"@angular/build": "^21.2.17",
|
||||
"@angular/cli": "^21.2.17",
|
||||
"@angular/compiler-cli": "^21.2.17",
|
||||
"@angular/language-service": "^21.2.17",
|
||||
"@angular/build": "^21.2.19",
|
||||
"@angular/cli": "^21.2.19",
|
||||
"@angular/compiler-cli": "^21.2.19",
|
||||
"@angular/language-service": "^21.2.19",
|
||||
"@eslint/js": "^10.0.1",
|
||||
"@tailwindcss/postcss": "^4.3.0",
|
||||
"@types/file-saver": "^2.0.7",
|
||||
|
||||
+1
-1
@@ -13,7 +13,7 @@
|
||||
|
||||
$list-background-color: map-get($background, 300);
|
||||
$card-background-color: map-get($background, cards);
|
||||
$border-color: if(sass($is-dark-theme): rgba(#8795a1, 0.2) ; else: rgba(#8795a1, 0.2));
|
||||
$border-color: if(sass($is-dark-theme): rgba(#8795a1, 0.2); else: rgba(#8795a1, 0.2));
|
||||
$border-selected-color: if(sass($is-dark-theme): #fff; else: #000);
|
||||
|
||||
.full-width {
|
||||
|
||||
@@ -13,7 +13,7 @@
|
||||
|
||||
$list-background-color: map-get($background, 300);
|
||||
$card-background-color: map-get($background, cards);
|
||||
$border-color: if(sass($is-dark-theme): rgba(#8795a1, 0.2) ; else: rgba(#8795a1, 0.2));
|
||||
$border-color: if(sass($is-dark-theme): rgba(#8795a1, 0.2); else: rgba(#8795a1, 0.2));
|
||||
$border-selected-color: if(sass($is-dark-theme): #fff; else: #000);
|
||||
|
||||
.framework-change-wrapper {
|
||||
|
||||
@@ -13,7 +13,7 @@
|
||||
|
||||
$list-background-color: map-get($background, 300);
|
||||
$card-background-color: map-get($background, cards);
|
||||
$border-color: if(sass($is-dark-theme): rgba(#8795a1, 0.2) ; else: rgba(#8795a1, 0.2));
|
||||
$border-color: if(sass($is-dark-theme): rgba(#8795a1, 0.2); else: rgba(#8795a1, 0.2));
|
||||
$border-selected-color: if(sass($is-dark-theme): #fff; else: #000);
|
||||
|
||||
.quickstart-header {
|
||||
|
||||
@@ -11,7 +11,7 @@
|
||||
$foreground: map-get($theme, foreground);
|
||||
$is-dark-theme: map-get($theme, is-dark);
|
||||
$back: map-get($background, background);
|
||||
$border-color: if(sass($is-dark-theme): rgba(#8795a1, 0.2) ; else: rgba(#8795a1, 0.2));
|
||||
$border-color: if(sass($is-dark-theme): rgba(#8795a1, 0.2); else: rgba(#8795a1, 0.2));
|
||||
$secondary-text: map-get($foreground, secondary-text);
|
||||
|
||||
.accounts-card {
|
||||
|
||||
+1
-1
@@ -3,7 +3,7 @@
|
||||
$primary-color: map-get($primary, 500);
|
||||
$is-dark-theme: map-get($theme, is-dark);
|
||||
$background: map-get($theme, background);
|
||||
$border-color: if(sass($is-dark-theme): rgba(#8795a1, 0.2) ; else: rgba(#8795a1, 0.2));
|
||||
$border-color: if(sass($is-dark-theme): rgba(#8795a1, 0.2); else: rgba(#8795a1, 0.2));
|
||||
|
||||
.auth-method-radio-button-wrapper {
|
||||
display: flex;
|
||||
|
||||
@@ -11,7 +11,7 @@
|
||||
$primary-color: map-get($primary, 500);
|
||||
$is-dark-theme: map-get($theme, is-dark);
|
||||
$background: map-get($theme, background);
|
||||
$border-color: if(sass($is-dark-theme): rgba(#8795a1, 0.2) ; else: rgba(#8795a1, 0.2));
|
||||
$border-color: if(sass($is-dark-theme): rgba(#8795a1, 0.2); else: rgba(#8795a1, 0.2));
|
||||
|
||||
input[type='radio'].app {
|
||||
appearance: none;
|
||||
|
||||
@@ -4,7 +4,7 @@
|
||||
$background: map-get($theme, background);
|
||||
$card-background-color: map-get($background, cards);
|
||||
$is-dark-theme: map-get($theme, is-dark);
|
||||
$border-color: if(sass($is-dark-theme): rgba(#8795a1, 0.2) ; else: rgba(#8795a1, 0.2));
|
||||
$border-color: if(sass($is-dark-theme): rgba(#8795a1, 0.2); else: rgba(#8795a1, 0.2));
|
||||
$border-selected-color: if(sass($is-dark-theme): #fff; else: #000);
|
||||
|
||||
.card {
|
||||
@@ -57,7 +57,7 @@
|
||||
.cnsl-chip {
|
||||
height: auto;
|
||||
border: 1px solid $border-color;
|
||||
background: if(sass($is-dark-theme): map-get($background, state) ; else: #e4e7e4) !important;
|
||||
background: if(sass($is-dark-theme): map-get($background, state); else: #e4e7e4) !important;
|
||||
|
||||
.cnsl-chip-content {
|
||||
display: flex;
|
||||
|
||||
+1
-1
@@ -1,6 +1,6 @@
|
||||
@mixin domain-verification-theme($theme) {
|
||||
$is-dark-theme: map-get($theme, is-dark);
|
||||
$border-color: if(sass($is-dark-theme): rgba(#8795a1, 0.2) ; else: rgba(#8795a1, 0.2));
|
||||
$border-color: if(sass($is-dark-theme): rgba(#8795a1, 0.2); else: rgba(#8795a1, 0.2));
|
||||
|
||||
.entry {
|
||||
margin: 0.5rem 0;
|
||||
|
||||
@@ -18,7 +18,7 @@
|
||||
$foreground: map-get($theme, foreground);
|
||||
$is-dark-theme: map-get($theme, is-dark);
|
||||
$card-background-color: map-get($background, cards);
|
||||
$border-color: if(sass($is-dark-theme): rgba(#8795a1, 0.2) ; else: rgba(#8795a1, 0.2));
|
||||
$border-color: if(sass($is-dark-theme): rgba(#8795a1, 0.2); else: rgba(#8795a1, 0.2));
|
||||
$primary: map-get($theme, primary);
|
||||
$primary-color: map-get($primary, 500);
|
||||
|
||||
|
||||
@@ -9,7 +9,7 @@
|
||||
$secondary-text: map-get($foreground, secondary-text);
|
||||
$is-dark-theme: map-get($theme, is-dark);
|
||||
|
||||
$link-hover-color: if(sass($is-dark-theme): map-get($primary, 200) ; else: $primary-color);
|
||||
$link-hover-color: if(sass($is-dark-theme): map-get($primary, 200); else: $primary-color);
|
||||
$link-color: if(sass($is-dark-theme): $lighter-primary-color; else: $primary-color);
|
||||
|
||||
.filter-events-wrapper {
|
||||
|
||||
@@ -11,7 +11,7 @@
|
||||
$foreground: map-get($theme, foreground);
|
||||
$is-dark-theme: map-get($theme, is-dark);
|
||||
$back: map-get($background, background);
|
||||
$border-color: if(sass($is-dark-theme): rgba(#8795a1, 0.2) ; else: rgba(#8795a1, 0.2));
|
||||
$border-color: if(sass($is-dark-theme): rgba(#8795a1, 0.2); else: rgba(#8795a1, 0.2));
|
||||
|
||||
.cnsl-filter-button-wrapper {
|
||||
position: relative;
|
||||
|
||||
@@ -25,7 +25,7 @@
|
||||
padding: 1rem;
|
||||
font-size: 14px;
|
||||
width: 300px;
|
||||
border: 1px solid if(sass($is-dark-theme): rgba(#8795a1, 0.2) ; else: rgba(#8795a1, 0.2));
|
||||
border: 1px solid if(sass($is-dark-theme): rgba(#8795a1, 0.2); else: rgba(#8795a1, 0.2));
|
||||
|
||||
&::before {
|
||||
visibility: hidden;
|
||||
|
||||
@@ -104,7 +104,7 @@
|
||||
}
|
||||
|
||||
.keyboard-shortcuts-group {
|
||||
$border-color: if(sass($is-dark-theme): rgba(#8795a1, 0.2) ; else: rgba(#8795a1, 0.2));
|
||||
$border-color: if(sass($is-dark-theme): rgba(#8795a1, 0.2); else: rgba(#8795a1, 0.2));
|
||||
border: 1px solid $border-color;
|
||||
background-color: $card-background-color;
|
||||
|
||||
|
||||
@@ -17,10 +17,7 @@ import { ProjectMembersDataSource } from '../project-members/project-members-dat
|
||||
import { WarnDialogComponent } from '../warn-dialog/warn-dialog.component';
|
||||
|
||||
type MemberDatasource =
|
||||
| OrgMembersDataSource
|
||||
| ProjectMembersDataSource
|
||||
| ProjectGrantMembersDataSource
|
||||
| InstanceMembersDataSource;
|
||||
OrgMembersDataSource | ProjectMembersDataSource | ProjectGrantMembersDataSource | InstanceMembersDataSource;
|
||||
|
||||
@Component({
|
||||
selector: 'cnsl-members-table',
|
||||
|
||||
@@ -70,7 +70,7 @@
|
||||
width: 1.5rem;
|
||||
border-radius: 50vw;
|
||||
margin-right: 1rem;
|
||||
background-color: if(sass($is-dark-theme): map-get($background, state) ; else: #e4e7e4);
|
||||
background-color: if(sass($is-dark-theme): map-get($background, state); else: #e4e7e4);
|
||||
box-shadow: 0 0 3px #0000001a;
|
||||
border: 1px solid rgba(#8795a1, 0.2);
|
||||
|
||||
|
||||
@@ -13,7 +13,7 @@
|
||||
|
||||
$list-background-color: map-get($background, 300);
|
||||
$card-background-color: map-get($background, cards);
|
||||
$border-color: if(sass($is-dark-theme): rgba(#8795a1, 0.2) ; else: rgba(#8795a1, 0.2));
|
||||
$border-color: if(sass($is-dark-theme): rgba(#8795a1, 0.2); else: rgba(#8795a1, 0.2));
|
||||
$border-selected-color: if(sass($is-dark-theme): #fff; else: #000);
|
||||
|
||||
.onboarding-header {
|
||||
@@ -141,7 +141,7 @@
|
||||
width: 1.5rem;
|
||||
border-radius: 50vw;
|
||||
margin-right: 1rem;
|
||||
background-color: if(sass($is-dark-theme): map-get($background, state) ; else: #e4e7e4);
|
||||
background-color: if(sass($is-dark-theme): map-get($background, state); else: #e4e7e4);
|
||||
box-shadow: 0 0 3px #0000001a;
|
||||
border: 1px solid rgba(#8795a1, 0.2);
|
||||
|
||||
|
||||
+2
-2
@@ -7,8 +7,8 @@
|
||||
$is-dark-theme: map.get($theme, is-dark);
|
||||
$background: map.get($theme, background);
|
||||
$foreground: map.get($theme, foreground);
|
||||
$p-border-color: if(sass($is-dark-theme): rgba(#8795a1, 0.2) ; else: rgba(#8795a1, 0.2));
|
||||
$border-color: if(sass($is-dark-theme): rgba(#8795a1, 0.2) ; else: rgba(#8795a1, 0.2));
|
||||
$p-border-color: if(sass($is-dark-theme): rgba(#8795a1, 0.2); else: rgba(#8795a1, 0.2));
|
||||
$border-color: if(sass($is-dark-theme): rgba(#8795a1, 0.2); else: rgba(#8795a1, 0.2));
|
||||
|
||||
.privatelabeling-policy {
|
||||
.header {
|
||||
|
||||
@@ -40,9 +40,7 @@ export class ProjectMembersDataSource extends DataSource<Member.AsObject> {
|
||||
this.loadingSubject.next(true);
|
||||
|
||||
const promise:
|
||||
| Promise<ListProjectMembersResponse.AsObject>
|
||||
| Promise<ListProjectGrantMembersResponse.AsObject>
|
||||
| undefined =
|
||||
Promise<ListProjectMembersResponse.AsObject> | Promise<ListProjectGrantMembersResponse.AsObject> | undefined =
|
||||
projectType === ProjectType.PROJECTTYPE_OWNED
|
||||
? this.service.listProjectMembers(projectId, pageSize, offset)
|
||||
: projectType === ProjectType.PROJECTTYPE_GRANTED && grantId
|
||||
|
||||
@@ -13,7 +13,7 @@
|
||||
|
||||
$list-background-color: map-get($background, 300);
|
||||
$card-background-color: map-get($background, cards);
|
||||
$border-color: if(sass($is-dark-theme): rgba(#8795a1, 0.2) ; else: rgba(#8795a1, 0.2));
|
||||
$border-color: if(sass($is-dark-theme): rgba(#8795a1, 0.2); else: rgba(#8795a1, 0.2));
|
||||
$border-selected-color: if(sass($is-dark-theme): #fff; else: #000);
|
||||
|
||||
.project-role-chip {
|
||||
|
||||
+1
-1
@@ -9,7 +9,7 @@
|
||||
$secondary-text: map-get($foreground, secondary-text);
|
||||
$is-dark-theme: map-get($theme, is-dark);
|
||||
|
||||
$link-hover-color: if(sass($is-dark-theme): map-get($primary, 200) ; else: $primary-color);
|
||||
$link-hover-color: if(sass($is-dark-theme): map-get($primary, 200); else: $primary-color);
|
||||
$link-color: if(sass($is-dark-theme): $lighter-primary-color; else: $primary-color);
|
||||
|
||||
.user-autocomplete-found {
|
||||
|
||||
@@ -13,7 +13,7 @@
|
||||
|
||||
$list-background-color: map-get($background, 300);
|
||||
$card-background-color: map-get($background, cards);
|
||||
$border-color: if(sass($is-dark-theme): rgba(#8795a1, 0.2) ; else: rgba(#8795a1, 0.2));
|
||||
$border-color: if(sass($is-dark-theme): rgba(#8795a1, 0.2); else: rgba(#8795a1, 0.2));
|
||||
$border-selected-color: if(sass($is-dark-theme): #fff; else: #000);
|
||||
|
||||
.shortcut-container {
|
||||
|
||||
@@ -37,7 +37,7 @@
|
||||
font-weight: 600;
|
||||
margin-bottom: 0.5rem;
|
||||
padding-top: 1rem;
|
||||
border-top: 1px solid if(sass($is-dark-theme): rgba(#8795a1, 0.2) ; else: rgba(#8795a1, 0.2));
|
||||
border-top: 1px solid if(sass($is-dark-theme): rgba(#8795a1, 0.2); else: rgba(#8795a1, 0.2));
|
||||
|
||||
&:nth-child(2) {
|
||||
border-top: none;
|
||||
|
||||
@@ -299,8 +299,7 @@ export class SMTPProviderComponent {
|
||||
? ({
|
||||
case: 'defaults',
|
||||
defaults: SMTPKnownProviders[configOrProvider as keyof typeof SMTPKnownProviders] as
|
||||
| (typeof SMTPKnownProviders)[keyof typeof SMTPKnownProviders]
|
||||
| undefined,
|
||||
(typeof SMTPKnownProviders)[keyof typeof SMTPKnownProviders] | undefined,
|
||||
} as const)
|
||||
: ({ case: 'config', config: this.getConfig(configOrProvider) } as const);
|
||||
|
||||
|
||||
@@ -3,7 +3,7 @@
|
||||
$foreground: map-get($theme, foreground);
|
||||
$is-dark-theme: map-get($theme, is-dark);
|
||||
$card-background-color: map-get($background, cards);
|
||||
$border-color: if(sass($is-dark-theme): rgba(#8795a1, 0.2) ; else: rgba(#8795a1, 0.2));
|
||||
$border-color: if(sass($is-dark-theme): rgba(#8795a1, 0.2); else: rgba(#8795a1, 0.2));
|
||||
|
||||
.cnsl-table-action-wrapper {
|
||||
height: 36px;
|
||||
|
||||
@@ -13,7 +13,7 @@
|
||||
|
||||
$list-background-color: map-get($background, 300);
|
||||
$card-background-color: map-get($background, cards);
|
||||
$border-color: if(sass($is-dark-theme): rgba(#8795a1, 0.2) ; else: rgba(#8795a1, 0.2));
|
||||
$border-color: if(sass($is-dark-theme): rgba(#8795a1, 0.2); else: rgba(#8795a1, 0.2));
|
||||
$border-selected-color: if(sass($is-dark-theme): #fff; else: #000);
|
||||
|
||||
.home-title {
|
||||
|
||||
@@ -165,7 +165,7 @@
|
||||
.current-auth-method {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
border: 1px solid if(sass($is-dark-theme): rgba(#8795a1, 0.2) ; else: rgba(#8795a1, 0.2));
|
||||
border: 1px solid if(sass($is-dark-theme): rgba(#8795a1, 0.2); else: rgba(#8795a1, 0.2));
|
||||
color: white;
|
||||
border-radius: 0.5rem;
|
||||
padding: 0.5rem 1rem;
|
||||
|
||||
@@ -115,7 +115,7 @@ h1 {
|
||||
|
||||
$list-background-color: map-get($background, 300);
|
||||
$card-background-color: map-get($background, cards);
|
||||
$border-color: if(sass($is-dark-theme): rgba(#8795a1, 0.2) ; else: rgba(#8795a1, 0.2));
|
||||
$border-color: if(sass($is-dark-theme): rgba(#8795a1, 0.2); else: rgba(#8795a1, 0.2));
|
||||
$border-selected-color: if(sass($is-dark-theme): #fff; else: #000);
|
||||
|
||||
.integrate-layout-container {
|
||||
|
||||
+1
-3
@@ -35,9 +35,7 @@ import { LoginPolicy } from '@zitadel/proto/zitadel/policy_pb';
|
||||
import { QueryClient } from '@tanstack/angular-query-experimental';
|
||||
|
||||
type MetadataQuery =
|
||||
| { state: 'success'; value: Metadata[] }
|
||||
| { state: 'loading'; value: Metadata[] }
|
||||
| { state: 'error'; error: any };
|
||||
{ state: 'success'; value: Metadata[] } | { state: 'loading'; value: Metadata[] } | { state: 'error'; error: any };
|
||||
|
||||
type UserWithHumanType = Omit<User, 'type'> & { type: { case: 'human'; value: HumanUser } };
|
||||
|
||||
|
||||
+1
-3
@@ -18,9 +18,7 @@ export type EditDialogData = {
|
||||
labelKey: 'ACTIONS.NEWVALUE';
|
||||
titleKey: 'USER.LOGINMETHODS.EMAIL.EDITTITLE' | 'USER.PROFILE.CHANGEUSERNAME_TITLE' | 'USER.LOGINMETHODS.PHONE.EDITTITLE';
|
||||
descriptionKey:
|
||||
| 'USER.LOGINMETHODS.EMAIL.EDITDESC'
|
||||
| 'USER.PROFILE.CHANGEUSERNAME_DESC'
|
||||
| 'USER.LOGINMETHODS.PHONE.EDITDESC';
|
||||
'USER.LOGINMETHODS.EMAIL.EDITDESC' | 'USER.PROFILE.CHANGEUSERNAME_DESC' | 'USER.LOGINMETHODS.PHONE.EDITDESC';
|
||||
isVerifiedTextKey?: 'USER.LOGINMETHODS.EMAIL.ISVERIFIED';
|
||||
isVerifiedTextDescKey?: 'USER.LOGINMETHODS.EMAIL.ISVERIFIEDDESC';
|
||||
value: string | undefined;
|
||||
|
||||
@@ -71,9 +71,7 @@ type UserQuery =
|
||||
| { state: 'notfound' };
|
||||
|
||||
type MetadataQuery =
|
||||
| { state: 'success'; value: Metadata[] }
|
||||
| { state: 'loading'; value: Metadata[] }
|
||||
| { state: 'error'; value: string };
|
||||
{ state: 'success'; value: Metadata[] } | { state: 'loading'; value: Metadata[] } | { state: 'error'; value: string };
|
||||
|
||||
type UserWithHumanType = Omit<UserV2, 'type'> & { type: { case: 'human'; value: HumanUser } };
|
||||
|
||||
|
||||
@@ -123,17 +123,17 @@
|
||||
font-weight: 500;
|
||||
font-size: 12px;
|
||||
white-space: nowrap;
|
||||
background-color: if(sass($is-dark-theme): map.get($background, state) ; else: #e4e7e4);
|
||||
background-color: if(sass($is-dark-theme): map.get($background, state); else: #e4e7e4);
|
||||
box-shadow: 0 0 3px #0000001a;
|
||||
|
||||
&.active {
|
||||
background-color: if(sass($is-dark-theme): map.get($background, state-active) ; else: #cbf4c9);
|
||||
background-color: if(sass($is-dark-theme): map.get($background, state-active); else: #cbf4c9);
|
||||
color: if(sass($is-dark-theme): #cbf4c9; else: #0e6245);
|
||||
}
|
||||
|
||||
&.inactive {
|
||||
color: if(sass($is-dark-theme): #ffc1c1; else: #620e0e);
|
||||
background-color: if(sass($is-dark-theme): map.get($background, state-inactive) ; else: #ffc1c1);
|
||||
background-color: if(sass($is-dark-theme): map.get($background, state-inactive); else: #ffc1c1);
|
||||
}
|
||||
|
||||
&.neutral {
|
||||
@@ -143,21 +143,21 @@
|
||||
}
|
||||
|
||||
.bg-state {
|
||||
background-color: if(sass($is-dark-theme): map.get($background, state) ; else: #e4e7e4) !important;
|
||||
background-color: if(sass($is-dark-theme): map.get($background, state); else: #e4e7e4) !important;
|
||||
|
||||
&.active {
|
||||
background-color: if(sass($is-dark-theme): map.get($background, state-active) ; else: #cbf4c9) !important;
|
||||
background-color: if(sass($is-dark-theme): map.get($background, state-active); else: #cbf4c9) !important;
|
||||
color: if(sass($is-dark-theme): #cbf4c9; else: #0e6245) !important;
|
||||
}
|
||||
|
||||
&.inactive {
|
||||
color: if(sass($is-dark-theme): #ffc1c1; else: #620e0e) !important;
|
||||
background-color: if(sass($is-dark-theme): map.get($background, state-inactive) ; else: #ffc1c1) !important;
|
||||
background-color: if(sass($is-dark-theme): map.get($background, state-inactive); else: #ffc1c1) !important;
|
||||
}
|
||||
}
|
||||
|
||||
.color-shadow {
|
||||
border: 1px solid if(sass($is-dark-theme): rgba(#8795a1, 0.2) ; else: rgba(#8795a1, 0.2));
|
||||
border: 1px solid if(sass($is-dark-theme): rgba(#8795a1, 0.2); else: rgba(#8795a1, 0.2));
|
||||
box-shadow: 0 0 3px #0000001a;
|
||||
}
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user