@ukic/canary-react 3.0.0-canary.1 → 3.0.0-canary.2
Sign up to get free protection for your applications and to get access to all the features.
- package/dist/core/core.css +91 -37
- package/package.json +5 -5
package/dist/core/core.css
CHANGED
@@ -1,4 +1,4 @@
|
|
1
|
-
html{font-family:var(--ic-font-body-family);color:var(--ic-color-primary
|
1
|
+
html{font-family:var(--ic-font-body-family);color:var(--ic-color-text-primary)}a.ic-card-wrapper-link{text-decoration:none;outline:none;color:currentcolor}:root{--ic-font-body-family:"Open Sans", "Helvetica Neue", "Arial", "sans-serif";--ic-font-heading-family:"Nunito Sans", sans-serif;--ic-font-code-family:"Source Code Pro", monospace;--ic-font-weight-extrabold:800;--ic-font-weight-bold:700;--ic-font-weight-semibold:600;--ic-font-weight-regular:400;--ic-font-size-h1:2.625rem;--ic-font-size-h2:2.125rem;--ic-font-size-h3:1.5rem;--ic-font-size-h4:1.25rem;--ic-font-size-regular:1rem;--ic-font-size-label:0.875rem;--ic-font-size-caption:0.75rem;--ic-font-size-badge-small:0.563rem;--ic-font-line-height-h1:3.5rem;--ic-font-line-height-h2:3.5rem;--ic-font-line-height-h3:2.5rem;--ic-font-line-height-h4:2rem;--ic-font-line-height-subtitle-large:1.5rem;--ic-font-line-height-subtitle-small:1.5rem;--ic-font-line-height-body:1.5rem;--ic-font-line-height-caption:1.25rem;--ic-font-line-height-code:1.5rem;--ic-font-line-height-badge:0.875rem;--ic-font-line-height-badge-small:0.75rem;--ic-font-letter-spacing-0pt025:0.025rem;--ic-font-letter-spacing-0pt005:0.005rem;--ic-font-letter-spacing-0pt0025:0.0025rem;--ic-font-letter-spacing-0pt0015:0.0015rem;--ic-font-h1:var(--ic-font-weight-extrabold) var(--ic-font-size-h1) /
|
2
2
|
var(--ic-font-line-height-h1) var(--ic-font-heading-family);--ic-font-h2:var(--ic-font-weight-bold) var(--ic-font-size-h2) /
|
3
3
|
var(--ic-font-line-height-h2) var(--ic-font-heading-family);--ic-font-h3:var(--ic-font-weight-regular) var(--ic-font-size-h3) /
|
4
4
|
var(--ic-font-line-height-h3) var(--ic-font-body-family);--ic-font-h4:var(--ic-font-weight-semibold) var(--ic-font-size-h4) /
|
@@ -17,28 +17,87 @@ html{font-family:var(--ic-font-body-family);color:var(--ic-color-primary-text)}a
|
|
17
17
|
var(--ic-font-code-family);--ic-font-badge:var(--ic-font-weight-semibold) var(--ic-font-size-caption) /
|
18
18
|
var(--ic-font-line-height-badge) var(--ic-font-body-family);--ic-font-badge-small:var(--ic-font-weight-semibold)
|
19
19
|
var(--ic-font-size-badge-small) / var(--ic-font-line-height-badge-small)
|
20
|
-
var(--ic-font-body-family)}:root,ic-theme,.ic-theme-light{--ic-
|
20
|
+
var(--ic-font-body-family)}:root,ic-theme,.ic-theme-light{--ic-color-text-primary:var(--ic-color-text-primary-light);--ic-color-text-secondary:var(--ic-color-text-secondary-light);--ic-color-text-tertiary:var(--ic-color-text-tertiary-light);--ic-color-text-inverse:var(--ic-color-text-inverse-light);--ic-color-background-primary:var(--ic-color-background-primary-light);--ic-color-background-secondary:var(--ic-color-background-secondary-light);--ic-color-background-active:var(--ic-color-background-active-light);--ic-color-background-hover:var(--ic-color-background-hover-light);--ic-color-background-pressed:var(--ic-color-background-pressed-light);--ic-color-background-disabled:var(--ic-color-background-disabled-light);--ic-color-background-success:var(--ic-color-background-success-light);--ic-color-background-warning:var(--ic-color-background-warning-light);--ic-color-background-destructive:var(
|
21
|
+
--ic-color-background-destructive-light
|
22
|
+
);--ic-color-background-destructive-hover:var(
|
23
|
+
--ic-color-background-destructive-hover-light
|
24
|
+
);--ic-color-background-destructive-pressed:var(
|
25
|
+
--ic-color-background-destructive-pressed-light
|
26
|
+
);--ic-color-background-neutral:var(--ic-color-background-neutral-light);--ic-color-border-neutral-grey:var(--ic-color-border-neutral-grey-light);--ic-color-border-neutral-hover:var(--ic-color-border-neutral-hover-light);--ic-color-border-neutral-pressed:var(
|
27
|
+
--ic-color-border-neutral-pressed-light
|
28
|
+
);--ic-color-border-neutral-disabled:var(
|
29
|
+
--ic-color-border-neutral-disabled-light
|
30
|
+
);--ic-color-border-success:var(--ic-color-border-success-light);--ic-color-border-success-hover:var(--ic-color-border-success-hover-light);--ic-color-border-success-pressed:var(
|
31
|
+
--ic-color-border-success-pressed-light
|
32
|
+
);--ic-color-border-warning:var(--ic-color-border-warning-light);--ic-color-border-warning-hover:var(--ic-color-border-warning-hover-light);--ic-color-border-warning-pressed:var(
|
33
|
+
--ic-color-border-warning-pressed-light
|
34
|
+
);--ic-color-border-error:var(--ic-color-border-error-light);--ic-color-border-error-hover:var(--ic-color-border-error-hover-light);--ic-color-border-error-pressed:var(--ic-color-border-error-pressed-light);--ic-action-default:var(--ic-action-default-light);--ic-action-default-hover:var(--ic-action-default-hover-light);--ic-action-default-pressed:var(--ic-action-default-pressed-light);--ic-action-destructive:var(--ic-action-destructive-light);--ic-action-destructive-hover:var(--ic-action-destructive-hover-light);--ic-action-destructive-pressed:var(--ic-action-destructive-pressed-light);--ic-action-neutral:var(--ic-action-neutral-light);--ic-color-hyperlink-default:var(--ic-color-hyperlink-default-light);--ic-color-hyperlink-visited:var(--ic-color-hyperlink-visited-light);--ic-color-hyperlink-visited-monochrome:var(
|
35
|
+
--ic-color-hyperlink-visited-monochrome-light
|
36
|
+
);--ic-status-success:var(--ic-status-success-light);--ic-status-warning:var(--ic-status-warning-light);--ic-status-error:var(--ic-status-error-light);--ic-status-anomalous:var(--ic-status-anomalous-light);--ic-status-info:var(--ic-status-info-light);--ic-status-unknown:var(--ic-status-unknown-light);--ic-color-icon-grey:var(--ic-color-icon-grey-light);--ic-color-icon-hover:var(--ic-color-icon-hover-light);--ic-color-icon-pressed:var(--ic-color-icon-pressed-light);--ic-color-icon-disabled:var(--ic-color-icon-disabled-light);--ic-color-icon-action-default:var(--ic-color-icon-action-default-light);--ic-color-icon-error:var(--ic-color-icon-error-light);--ic-typography-color:var(--ic-color-text-primary);--ic-badge-text:var(--ic-color-text-inverse);--ic-badge-icon:var(--ic-color-text-inverse);--ic-badge-warning-text:var(--ic-color-text-primary);--ic-badge-warning-icon:var(--ic-color-icon-neutral);--ic-badge-light-text:var(--ic-color-text-primary);--ic-badge-light-icon:var(--ic-color-icon-neutral);--ic-badge-success:var(--ic-status-success-default);--ic-badge-warning:var(--ic-status-warning-default);--ic-badge-error:var(--ic-status-error-default);--ic-badge-info:var(--ic-status-info-default);--ic-badge-neutral:var(--ic-status-unknown-mid);--ic-badge-light:var(--ic-color-background-primary);--ic-breadcrumb-page-title:var(--ic-color-hyperlink-default);--ic-breadcrumb-page-title-hover:var(--ic-color-hyperlink-default);--ic-breadcrumb-page-title-pressed:var(--ic-color-hyperlink-default);--ic-breadcrumb-page-title-monochrome:var(--ic-color-text-primary);--ic-breadcrumb-page-title-hover-monochrome:var(--ic-color-text-primary);--ic-breadcrumb-page-title-pressed-monochrome:var(--ic-color-text-primary);--ic-breadcrumb-icon-chevron:var(--ic-color-icon-grey-default);--ic-breadcrumb-icon-chevron-monochrome:var(--ic-color-icon-grey-dark);--ic-breadcrumb-page-icon:var(--ic-color-icon-action-default);--ic-breadcrumb-page-icon-monochrome:var(--ic-color-icon-neutral);--ic-breadcrumb-text:var(--ic-color-text-primary);--ic-breadcrumb-text-monochrome:var(--ic-color-text-primary);--ic-chip-label:var(--ic-color-text-primary);--ic-chip-label-inactive:var(--ic-color-text-inactive);--ic-chip-icon:var(--ic-color-icon-neutral);--ic-chip-icon-inactive:var(--ic-color-icon-disabled-dark);--ic-chip-outline:var(--ic-color-text-primary);--ic-chip-outline-inactive:var(--ic-color-border-neutral-disabled);--ic-chip-outline-background:var(--ic-color-background-primary);--ic-chip-background-filled-default:var(--ic-state-layer-neutral-default);--ic-chip-background-filled-inactive:var(--ic-state-layer-neutral-light);--ic-chip-action-hover:var(--ic-action-dark-bg-hover);--ic-chip-action-pressed:var(--ic-action-dark-bg-pressed);--ic-data-list-text-cell:var(--ic-color-text-primary);--ic-data-list-text-heading:var(--ic-color-text-primary);--ic-data-list-text-label:var(--ic-color-text-tertiary);--ic-data-list-keyline-heading:var(--ic-color-border-neutral-default);--ic-data-list-keyline-cell:var(--ic-color-border-neutral-default);--ic-empty-state-title:var(--ic-color-text-primary);--ic-empty-state-subtitle:var(--ic-color-text-secondary);--ic-empty-state-body:var(--ic-color-text-tertiary);--ic-link-text:var(--ic-color-hyperlink-default);--ic-link-text-hover:var(--ic-color-hyperlink-default);--ic-link-text-pressed:var(--ic-color-hyperlink-default);--ic-link-text-focused:var(--ic-color-hyperlink-default);--ic-link-text-visited:var(--ic-color-hyperlink-visited);--ic-link-text-monochrome:var(--ic-color-text-primary);--ic-link-text-hover-monochrome:var(--ic-color-text-primary);--ic-link-text-pressed-monochrome:var(--ic-color-text-primary);--ic-link-text-focused-monochrome:var(--ic-color-text-primary);--ic-link-text-visited-monochrome:var(--ic-color-text-secondary);--ic-link-icon-launch:var(--ic-color-hyperlink-default);--ic-link-icon-launch-visited:var(--ic-color-hyperlink-visited);--ic-link-icon-launch-monochrome:var(--ic-color-text-primary);--ic-link-icon-launch-visited-monochrome:var(--ic-color-text-secondary);--ic-loading-indicator-inner-color:var(--ic-status-info-default);--ic-loading-indicator-outer-color:var(--ic-action-neutral);--ic-loading-indicator-label-color:var(--ic-color-text-primary);--ic-loading-indicator-inner-color-monochrome:var(--ic-action-neutral-dark);--ic-loading-indicator-outer-color-monochrome:var(--ic-action-light);--ic-loading-indicator-label-color-monochrome:var(--ic-color-text-primary);--ic-skeleton-background:var(--ic-architectural-100);--ic-skeleton-background-secondary:var(--ic-architectural-200);--ic-status-tag-text:var(--ic-color-text-inverse);--ic-status-tag-text-inverted:var(--ic-color-text-primary);--ic-status-tag-outlined-text:var(--ic-color-text-primary);--ic-status-tag-success:var(--ic-status-success-default);--ic-status-tag-outlined-background-success:var(--ic-status-success-light);--ic-status-tag-outlined-success:var(--ic-status-success-default);--ic-status-tag-error:var(--ic-status-error-default);--ic-status-tag-outlined-background-error:var(--ic-status-error-light);--ic-status-tag-outlined-error:var(--ic-status-error-dark);--ic-status-tag-warning:var(--ic-status-warning-contrast);--ic-status-tag-outlined-background-warning:var(--ic-status-warning-light);--ic-status-tag-outlined-warning:var(--ic-status-warning-dark);--ic-status-tag-neutral:var(--ic-status-unknown-mid);--ic-status-tag-outlined-background-neutral:var(
|
21
37
|
--ic-status-unknown-outlined
|
22
|
-
);--ic-status-tag-outlined-neutral:var(--ic-status-unknown-mid);--ic-
|
23
|
-
|
24
|
-
|
25
|
-
|
26
|
-
|
38
|
+
);--ic-status-tag-outlined-neutral:var(--ic-status-unknown-mid);--ic-step-title:var(--ic-color-text-primary);--ic-step-title-current:var(--ic-status-info-default);--ic-step-title-success:var(--ic-status-success-default);--ic-step-title-active:var(--ic-color-text-tertiary);--ic-step-title-disabled:var(--ic-color-text-disabled-default);--ic-step-title-status-text-current:var(--ic-color-text-primary);--ic-step-title-status-text-inactive:var(--ic-color-text-tertiary);--ic-step-title-status-text-disabled:var(--ic-color-text-disabled-default);--ic-stepper-connector-success:var(--ic-status-success-default);--ic-stepper-connector-current-status:var(--ic-status-info-default);--ic-stepper-connector-remaining-status:var(--ic-architectural-200);--ic-stepper-connector-disabled:var(--ic-architectural-200);--ic-step-number-background-active:var(--ic-status-info-default);--ic-step-number-background-success:var(--ic-status-success-default);--ic-step-number-text:var(--ic-color-text-inverse);--ic-step-number-text-inactive:var(--ic-color-text-primary);--ic-step-number-text-disabled:var(--ic-color-text-disabled-default);--ic-step-number-icon-success:var(--ic-color-icon-inverted);--ic-step-number-inactive:var(--ic-color-background-primary);--ic-step-number-disabled:var(--ic-architectural-200);--ic-step-number-inactive-outline:var(--ic-architectural-200);--ic-step-number-current-outer-fill:var(--ic-color-background-primary);--ic-step-number-current-outline:var(--ic-status-info-default);--ic-step-indicator-status-current:var(--ic-status-info-default);--ic-step-indicator-text-current:var(--ic-status-info-default);--ic-step-indicator-status-remaining:var(--ic-architectural-200);--ic-step-indicator-background:var(--ic-color-background-primary);--ic-step-indicator-status-disabled:var(--ic-color-border-neutral-grey);--ic-step-indicator-status-disabled-outline:var(
|
39
|
+
--ic-color-border-neutral-grey
|
40
|
+
);--ic-step-indicator-text-disabled:var(--ic-color-text-tertiary);--ic-stepper-compact-step-title:var(--ic-color-text-primary);--ic-stepper-compact-step-title-disabled:var(--ic-color-text-tertiary);--ic-stepper-compact-step-stage-text:var(--ic-color-text-secondary);--ic-stepper-compact-step-next-text:var(--ic-color-text-primary);--ic-stepper-compact-step-requirement-text:var(--ic-color-text-secondary);--ic-stepper-compact-step-requirement-text-disabled:var(
|
41
|
+
--ic-color-text-tertiary
|
42
|
+
);--ic-stepper-compact-step-completed-text:var(--ic-status-success-default);--ic-tab-label:var(--ic-color-text-primary);--ic-tab-label-monochrome:var(--ic-color-text-primary);--ic-tab-icon:var(--ic-color-icon-neutral);--ic-tab-icon-monochrome:var(--ic-color-icon-neutral);--ic-tab-bottom-border:var(--ic-color-border-neutral-grey-dark);--ic-tab-bottom-border-monochrome:var(--ic-color-border-neutral-black);--ic-tab-item-pressed:var(--ic-action-default-bg-active);--ic-tab-item-pressed-monochrome:var(--ic-action-dark-bg-pressed);--ic-tab-item:var(--ic-action-default);--ic-tab-item-monochrome:var(--ic-action-dark);--ic-tab-item-hover:var(--ic-action-default-bg-hover);--ic-tab-item-hover-monochrome:var(--ic-action-dark-bg-hover)}@media (prefers-color-scheme: dark){:root{--ic-color-text-primary:var(--ic-color-text-primary-dark);--ic-color-text-secondary:var(--ic-color-text-secondary-dark);--ic-color-text-tertiary:var(--ic-color-text-tertiary-dark);--ic-color-text-inverse:var(--ic-color-text-inverse-dark);--ic-color-background-primary:var(--ic-color-background-primary-dark);--ic-color-background-secondary:var(--ic-color-background-secondary-dark);--ic-color-background-active:var(--ic-color-background-active-dark);--ic-color-background-hover:var(--ic-color-background-hover-dark);--ic-color-background-pressed:var(--ic-color-background-pressed-dark);--ic-color-background-disabled:var(--ic-color-background-disabled-dark);--ic-color-background-success:var(--ic-color-background-success-dark);--ic-color-background-warning:var(--ic-color-background-warning-dark);--ic-color-background-destructive:var(
|
43
|
+
--ic-color-background-destructive-dark
|
44
|
+
);--ic-color-background-destructive-hover:var(
|
45
|
+
--ic-color-background-destructive-hover-dark
|
46
|
+
);--ic-color-background-destructive-pressed:var(
|
47
|
+
--ic-color-background-destructive-pressed-dark
|
48
|
+
);--ic-color-background-neutral:var(--ic-color-background-neutral-dark);--ic-color-border-neutral-grey:var(--ic-color-border-neutral-grey-dark);--ic-color-border-neutral-hover:var(--ic-color-border-neutral-hover-dark);--ic-color-border-neutral-pressed:var(
|
49
|
+
--ic-color-border-neutral-pressed-dark
|
50
|
+
);--ic-color-border-neutral-disabled:var(
|
51
|
+
--ic-color-border-neutral-disabled-dark
|
52
|
+
);--ic-color-border-success:var(--ic-color-border-success-dark);--ic-color-border-success-hover:var(--ic-color-border-success-hover-dark);--ic-color-border-success-pressed:var(
|
53
|
+
--ic-color-border-success-pressed-dark
|
54
|
+
);--ic-color-border-warning:var(--ic-color-border-warning-dark);--ic-color-border-warning-hover:var(--ic-color-border-warning-hover-dark);--ic-color-border-warning-pressed:var(
|
55
|
+
--ic-color-border-warning-pressed-dark
|
56
|
+
);--ic-color-border-error:var(--ic-color-border-error-dark);--ic-color-border-error-hover:var(--ic-color-border-error-hover-dark);--ic-color-border-error-pressed:var(--ic-color-border-error-pressed-dark);--ic-action-default:var(--ic-action-default-dark);--ic-action-default-hover:var(--ic-action-default-hover-dark);--ic-action-default-pressed:var(--ic-action-default-pressed-dark);--ic-action-destructive:var(--ic-action-destructive-dark);--ic-action-destructive-hover:var(--ic-action-destructive-hover-dark);--ic-action-destructive-pressed:var(--ic-action-destructive-pressed-dark);--ic-action-neutral:var(--ic-action-neutral-dark);--ic-color-hyperlink-default:var(--ic-color-hyperlink-default-dark);--ic-color-hyperlink-visited:var(--ic-color-hyperlink-visited-dark);--ic-color-hyperlink-visited-monochrome:var(
|
57
|
+
--ic-color-hyperlink-visited-monochrome-dark
|
58
|
+
);--ic-status-success:var(--ic-status-success-dark);--ic-status-warning:var(--ic-status-warning-dark);--ic-status-error:var(--ic-status-error-dark);--ic-status-anomalous:var(--ic-status-anomalous-dark);--ic-status-info:var(--ic-status-info-dark);--ic-status-unknown:var(--ic-status-unknown-dark);--ic-color-icon-grey:var(--ic-color-icon-grey-dark);--ic-color-icon-hover:var(--ic-color-icon-hover-dark);--ic-color-icon-pressed:var(--ic-color-icon-pressed-dark);--ic-color-icon-disabled:var(--ic-color-icon-disabled-dark);--ic-color-icon-action-default:var(--ic-color-icon-action-default-dark);--ic-color-icon-error:var(--ic-color-icon-error-dark);--ic-badge-text:var(--ic-color-text-inverse);--ic-badge-icon:var(--ic-color-text-inverse);--ic-badge-warning-text:var(--ic-color-text-inverse);--ic-badge-warning-icon:var(--ic-color-icon-neutral);--ic-badge-light-text:var(--ic-color-text-primary);--ic-badge-light-icon:var(--ic-color-icon-inverted);--ic-badge-success:var(--ic-status-success-contrast);--ic-badge-warning:var(--ic-status-warning-contrast);--ic-badge-error:var(--ic-status-error-contrast);--ic-badge-info:var(--ic-status-info-light);--ic-badge-light:var(--ic-status-unknown-dark);--ic-badge-neutral:var(--ic-color-background-primary-light);--ic-breadcrumb-page-title:var(--ic-color-hyperlink-default-dark);--ic-breadcrumb-page-title-hover:var(--ic-color-hyperlink-default-dark);--ic-breadcrumb-page-title-pressed:var(--ic-color-hyperlink-default-dark);--ic-breadcrumb-page-title-monochrome:var(--ic-color-text-primary);--ic-breadcrumb-page-title-hover-monochrome:var(--ic-color-text-primary);--ic-breadcrumb-page-title-pressed-monochrome:var(--ic-color-text-primary);--ic-breadcrumb-icon-chevron:var(--ic-color-icon-grey-default);--ic-breadcrumb-icon-chevron-monochrome:var(--ic-color-icon-grey-dark);--ic-breadcrumb-page-icon:var(--ic-color-icon-action-default-dark);--ic-breadcrumb-page-icon-monochrome:var(--ic-color-icon-inverted);--ic-breadcrumb-text:var(--ic-color-text-primary);--ic-breadcrumb-text-monochrome:var(--ic-color-text-primary);--ic-chip-label:var(--ic-color-text-primary-dark);--ic-chip-label-inactive:var(--ic-color-text-inactive);--ic-chip-icon:var(--ic-color-icon-inverted);--ic-chip-icon-inactive:var(--ic-color-icon-chevron);--ic-chip-outline:var(--ic-color-text-primary-dark);--ic-chip-outline-inactive:var(--ic-color-border-neutral-white);--ic-chip-outline-background:var(--ic-color-background-primary-dark);--ic-chip-background-filled-default:var(--ic-state-layer-neutral-darker);--ic-chip-background-filled-inactive:var(--ic-state-layer-neutral-darker);--ic-chip-action-hover:var(--ic-action-light-bg-hover);--ic-chip-action-pressed:var(--ic-action-light-bg-pressed);--ic-data-list-text-cell:var(--ic-color-text-primary);--ic-data-list-text-heading:var(--ic-color-text-primary);--ic-data-list-text-label:var(--ic-color-text-tertiary);--ic-data-list-keyline-heading:var(--ic-color-border-neutral-default);--ic-data-list-keyline-cell:var(--ic-color-border-neutral-default);--ic-empty-state-title:var(--ic-color-text-primary);--ic-empty-state-subtitle:var(--ic-color-text-secondary);--ic-empty-state-body:var(--ic-color-text-tertiary);--ic-link-text:var(--ic-color-hyperlink-default-dark);--ic-link-text-hover:var(--ic-color-hyperlink-default-dark);--ic-link-text-pressed:var(--ic-color-hyperlink-default-dark);--ic-link-text-focused:var(--ic-color-hyperlink-default-dark);--ic-link-text-visited:var(--ic-color-hyperlink-visited-dark);--ic-link-text-monochrome:var(--ic-color-text-primary);--ic-link-text-hover-monochrome:var(--ic-color-text-primary);--ic-link-text-pressed-monochrome:var(--ic-color-text-primary);--ic-link-text-focused-monochrome:var(--ic-color-text-primary);--ic-link-text-visited-monochrome:var(
|
59
|
+
--ic-color-hyperlink-visited-monochrome-dark
|
60
|
+
);--ic-link-icon-launch:var(--ic-color-hyperlink-default-dark);--ic-link-icon-launch-visited:var(--ic-color-hyperlink-visited-dark);--ic-link-icon-launch-monochrome:var(--ic-color-text-primary);--ic-link-icon-launch-visited-monochrome:var(
|
61
|
+
--ic-color-hyperlink-visited-monochrome-dark
|
62
|
+
);--ic-loading-indicator-inner-color:var(--ic-action-default);--ic-loading-indicator-outer-color:var(--ic-action-neutral-light);--ic-loading-indicator-label-color:var(--ic-color-text-primary);--ic-loading-indicator-inner-color-monochrome:var(--ic-action-light);--ic-loading-indicator-outer-color-monochrome:var(
|
63
|
+
--ic-action-neutral-dark
|
64
|
+
);--ic-loading-indicator-label-color-monochrome:var(--ic-color-text-primary);--ic-skeleton-background:var(--ic-architectural-400);--ic-skeleton-background-secondary:var(--ic-architectural-600);--ic-status-tag-text:var(--ic-color-text-inverse);--ic-status-tag-text-inverted:var(--ic-color-text-primary);--ic-status-tag-outlined-text:var(--ic-color-text-inverse);--ic-status-tag-success:var(--ic-status-success-contrast);--ic-status-tag-outlined-background-success:var(
|
27
65
|
--ic-status-success-outlined
|
28
66
|
);--ic-status-tag-outlined-success:var(--ic-status-success-contrast);--ic-status-tag-error:var(--ic-status-error-contrast);--ic-status-tag-outlined-background-error:var(--ic-status-error-outlined);--ic-status-tag-outlined-error:var(--ic-status-error-light);--ic-status-tag-warning:var(--ic-status-warning-light);--ic-status-tag-outlined-background-warning:var(
|
29
67
|
--ic-status-warning-outlined
|
30
|
-
);--ic-status-tag-outlined-warning:var(--ic-status-warning-light);--ic-status-tag-neutral:var(--ic-status-unknown-contrast);--ic-status-tag-outlined-background-neutral:var(--ic-status-unknown-light);--ic-status-tag-outlined-neutral:var(--ic-status-unknown
|
31
|
-
|
32
|
-
|
33
|
-
|
34
|
-
|
68
|
+
);--ic-status-tag-outlined-warning:var(--ic-status-warning-light);--ic-status-tag-neutral:var(--ic-status-unknown-contrast);--ic-status-tag-outlined-background-neutral:var(--ic-status-unknown-light);--ic-status-tag-outlined-neutral:var(--ic-status-unknown-default);--ic-step-title:var(--ic-architectural-200);--ic-step-title-current:var(--ic-status-info-contrast);--ic-step-title-success:var(--ic-status-success-contrast);--ic-step-title-active:var(--ic-color-text-tertiary);--ic-step-title-disabled:var(--ic-color-text-inactive);--ic-step-title-status-text-current:var(--ic-color-text-primary);--ic-step-title-status-text-inactive:var(--ic-color-text-primary);--ic-step-title-status-text-disabled:var(--ic-color-text-tertiary);--ic-stepper-connector-success:var(--ic-status-success-contrast);--ic-stepper-connector-current-status:var(--ic-status-info-contrast);--ic-stepper-connector-remaining-status:var(--ic-architectural-600);--ic-stepper-connector-disabled:var(--ic-architectural-600);--ic-step-number-background-active:var(--ic-status-info-contrast);--ic-step-number-background-success:var(--ic-status-success-contrast);--ic-step-number-text:var(--ic-color-text-primary);--ic-step-number-text-inactive:var(--ic-color-text-primary);--ic-step-number-text-disabled:var(--ic-color-text-inactive);--ic-step-number-icon-success:var(--ic-color-icon-grey-darker);--ic-step-number-inactive:var(--ic-color-background-primary);--ic-step-number-disabled:var(--ic-color-border-neutral-grey-dark);--ic-step-number-inactive-outline:var(--ic-color-border-neutral-grey-dark);--ic-step-number-current-outer-fill:var(--ic-color-background-primary);--ic-step-number-current-outline:var(--ic-status-info-contrast);--ic-step-indicator-status-current:var(--ic-status-info-contrast);--ic-step-indicator-text-current:var(--ic-status-info-contrast);--ic-step-indicator-status-remaining:var(--ic-architectural-600);--ic-step-indicator-background:var(--ic-color-background-primary);--ic-step-indicator-status-disabled:var(--ic-color-border-neutral-grey);--ic-step-indicator-status-disabled-outline:var(
|
69
|
+
--ic-color-border-neutral-grey
|
70
|
+
);--ic-step-indicator-text-disabled:var(--ic-color-text-inactive);--ic-stepper-compact-step-title:var(--ic-color-text-primary);--ic-stepper-compact-step-title-disabled:var(--ic-color-text-inactive);--ic-stepper-compact-step-stage-text:var(--ic-color-text-secondary);--ic-stepper-compact-step-next-text:var(--ic-color-text-primary);--ic-stepper-compact-step-requirement-text:var(--ic-color-text-secondary);--ic-stepper-compact-step-requirement-text-disabled:var(
|
71
|
+
--ic-color-text-inactive
|
72
|
+
);--ic-stepper-compact-step-completed-text:var(--ic-status-success-contrast);--ic-tab-label:var(--ic-color-text-primary-dark);--ic-tab-label-monochrome:var(--ic-color-text-inverse-light);--ic-tab-icon:var(--ic-color-icon-inverted);--ic-tab-icon-monochrome:var(--ic-color-icon-inverted);--ic-tab-bottom-border:var(--ic-color-border-neutral-white);--ic-tab-bottom-border-monochrome:var(--ic-color-border-neutral-white);--ic-tab-item-pressed:var(--ic-action-light-bg-pressed);--ic-tab-item-pressed-monochrome:var(--ic-action-light-bg-pressed);--ic-tab-item:var(--ic-action-light);--ic-tab-item-monochrome:var(--ic-action-light);--ic-tab-item-hover:var(--ic-action-light-bg-hover);--ic-tab-item-hover-monochrome:var(--ic-action-dark-bg-hover)}}.ic-theme-dark{--ic-color-text-primary:var(--ic-color-text-primary-dark);--ic-color-text-secondary:var(--ic-color-text-secondary-dark);--ic-color-text-tertiary:var(--ic-color-text-tertiary-dark);--ic-color-text-inverse:var(--ic-color-text-inverse-dark);--ic-color-background-primary:var(--ic-color-background-primary-dark);--ic-color-background-secondary:var(--ic-color-background-secondary-dark);--ic-color-background-active:var(--ic-color-background-active-dark);--ic-color-background-hover:var(--ic-color-background-hover-dark);--ic-color-background-pressed:var(--ic-color-background-pressed-dark);--ic-color-background-disabled:var(--ic-color-background-disabled-dark);--ic-color-background-success:var(--ic-color-background-success-dark);--ic-color-background-warning:var(--ic-color-background-warning-dark);--ic-color-background-destructive:var(
|
73
|
+
--ic-color-background-destructive-dark
|
74
|
+
);--ic-color-background-destructive-hover:var(
|
75
|
+
--ic-color-background-destructive-hover-dark
|
76
|
+
);--ic-color-background-destructive-pressed:var(
|
77
|
+
--ic-color-background-destructive-pressed-dark
|
78
|
+
);--ic-color-background-neutral:var(--ic-color-background-neutral-dark);--ic-color-border-neutral-grey:var(--ic-color-border-neutral-grey-dark);--ic-color-border-neutral-hover:var(--ic-color-border-neutral-hover-dark);--ic-color-border-neutral-pressed:var(
|
79
|
+
--ic-color-border-neutral-pressed-dark
|
80
|
+
);--ic-color-border-neutral-disabled:var(
|
81
|
+
--ic-color-border-neutral-disabled-dark
|
82
|
+
);--ic-color-border-success:var(--ic-color-border-success-dark);--ic-color-border-success-hover:var(--ic-color-border-success-hover-dark);--ic-color-border-success-pressed:var(
|
83
|
+
--ic-color-border-success-pressed-dark
|
84
|
+
);--ic-color-border-warning:var(--ic-color-border-warning-dark);--ic-color-border-warning-hover:var(--ic-color-border-warning-hover-dark);--ic-color-border-warning-pressed:var(
|
85
|
+
--ic-color-border-warning-pressed-dark
|
86
|
+
);--ic-color-border-error:var(--ic-color-border-error-dark);--ic-color-border-error-hover:var(--ic-color-border-error-hover-dark);--ic-color-border-error-pressed:var(--ic-color-border-error-pressed-dark);--ic-action-default:var(--ic-action-default-dark);--ic-action-default-hover:var(--ic-action-default-hover-dark);--ic-action-default-pressed:var(--ic-action-default-pressed-dark);--ic-action-destructive:var(--ic-action-destructive-dark);--ic-action-destructive-hover:var(--ic-action-destructive-hover-dark);--ic-action-destructive-pressed:var(--ic-action-destructive-pressed-dark);--ic-action-neutral:var(--ic-action-neutral-dark);--ic-color-hyperlink-default:var(--ic-color-hyperlink-default-dark);--ic-color-hyperlink-visited:var(--ic-color-hyperlink-visited-dark);--ic-color-hyperlink-visited-monochrome:var(
|
87
|
+
--ic-color-hyperlink-visited-monochrome-dark
|
88
|
+
);--ic-status-success:var(--ic-status-success-dark);--ic-status-warning:var(--ic-status-warning-dark);--ic-status-error:var(--ic-status-error-dark);--ic-status-anomalous:var(--ic-status-anomalous-dark);--ic-status-info:var(--ic-status-info-dark);--ic-status-unknown:var(--ic-status-unknown-dark);--ic-color-icon-grey:var(--ic-color-icon-grey-dark);--ic-color-icon-hover:var(--ic-color-icon-hover-dark);--ic-color-icon-pressed:var(--ic-color-icon-pressed-dark);--ic-color-icon-disabled:var(--ic-color-icon-disabled-dark);--ic-color-icon-action-default:var(--ic-color-icon-action-default-dark);--ic-color-icon-error:var(--ic-color-icon-error-dark);--ic-badge-text:var(--ic-color-text-inverse);--ic-badge-icon:var(--ic-color-text-inverse);--ic-badge-warning-text:var(--ic-color-text-inverse);--ic-badge-warning-icon:var(--ic-color-icon-neutral);--ic-badge-light-text:var(--ic-color-text-primary);--ic-badge-light-icon:var(--ic-color-icon-inverted);--ic-badge-success:var(--ic-status-success-contrast);--ic-badge-warning:var(--ic-status-warning-contrast);--ic-badge-error:var(--ic-status-error-contrast);--ic-badge-info:var(--ic-status-info-light);--ic-badge-light:var(--ic-status-unknown-dark);--ic-badge-neutral:var(--ic-color-background-primary-light);--ic-breadcrumb-page-title:var(--ic-color-hyperlink-default-dark);--ic-breadcrumb-page-title-hover:var(--ic-color-hyperlink-default-dark);--ic-breadcrumb-page-title-pressed:var(--ic-color-hyperlink-default-dark);--ic-breadcrumb-page-title-monochrome:var(--ic-color-text-primary);--ic-breadcrumb-page-title-hover-monochrome:var(--ic-color-text-primary);--ic-breadcrumb-page-title-pressed-monochrome:var(--ic-color-text-primary);--ic-breadcrumb-icon-chevron:var(--ic-color-icon-grey-default);--ic-breadcrumb-icon-chevron-monochrome:var(--ic-color-icon-grey-dark);--ic-breadcrumb-page-icon:var(--ic-color-icon-action-default-dark);--ic-breadcrumb-page-icon-monochrome:var(--ic-color-icon-inverted);--ic-breadcrumb-text:var(--ic-color-text-primary);--ic-breadcrumb-text-monochrome:var(--ic-color-text-primary);--ic-chip-label:var(--ic-color-text-primary-dark);--ic-chip-label-inactive:var(--ic-color-text-inactive);--ic-chip-icon:var(--ic-color-icon-inverted);--ic-chip-icon-inactive:var(--ic-color-icon-chevron);--ic-chip-outline:var(--ic-color-text-primary-dark);--ic-chip-outline-inactive:var(--ic-color-border-neutral-white);--ic-chip-outline-background:var(--ic-color-background-primary-dark);--ic-chip-background-filled-default:var(--ic-state-layer-neutral-darker);--ic-chip-background-filled-inactive:var(--ic-state-layer-neutral-darker);--ic-chip-action-hover:var(--ic-action-light-bg-hover);--ic-chip-action-pressed:var(--ic-action-light-bg-pressed);--ic-data-list-text-cell:var(--ic-color-text-primary);--ic-data-list-text-heading:var(--ic-color-text-primary);--ic-data-list-text-label:var(--ic-color-text-tertiary);--ic-data-list-keyline-heading:var(--ic-color-border-neutral-default);--ic-data-list-keyline-cell:var(--ic-color-border-neutral-default);--ic-empty-state-title:var(--ic-color-text-primary);--ic-empty-state-subtitle:var(--ic-color-text-secondary);--ic-empty-state-body:var(--ic-color-text-tertiary);--ic-link-text:var(--ic-color-hyperlink-default-dark);--ic-link-text-hover:var(--ic-color-hyperlink-default-dark);--ic-link-text-pressed:var(--ic-color-hyperlink-default-dark);--ic-link-text-focused:var(--ic-color-hyperlink-default-dark);--ic-link-text-visited:var(--ic-color-hyperlink-visited-dark);--ic-link-text-monochrome:var(--ic-color-text-primary);--ic-link-text-hover-monochrome:var(--ic-color-text-primary);--ic-link-text-pressed-monochrome:var(--ic-color-text-primary);--ic-link-text-focused-monochrome:var(--ic-color-text-primary);--ic-link-text-visited-monochrome:var(
|
89
|
+
--ic-color-hyperlink-visited-monochrome-dark
|
90
|
+
);--ic-link-icon-launch:var(--ic-color-hyperlink-default-dark);--ic-link-icon-launch-visited:var(--ic-color-hyperlink-visited-dark);--ic-link-icon-launch-monochrome:var(--ic-color-text-primary);--ic-link-icon-launch-visited-monochrome:var(
|
91
|
+
--ic-color-hyperlink-visited-monochrome-dark
|
92
|
+
);--ic-loading-indicator-inner-color:var(--ic-action-default);--ic-loading-indicator-outer-color:var(--ic-action-neutral-light);--ic-loading-indicator-label-color:var(--ic-color-text-primary);--ic-loading-indicator-inner-color-monochrome:var(--ic-action-light);--ic-loading-indicator-outer-color-monochrome:var(--ic-action-neutral-dark);--ic-loading-indicator-label-color-monochrome:var(--ic-color-text-primary);--ic-skeleton-background:var(--ic-architectural-400);--ic-skeleton-background-secondary:var(--ic-architectural-600);--ic-status-tag-text:var(--ic-color-text-inverse);--ic-status-tag-text-inverted:var(--ic-color-text-primary);--ic-status-tag-outlined-text:var(--ic-color-text-inverse);--ic-status-tag-success:var(--ic-status-success-contrast);--ic-status-tag-outlined-background-success:var(
|
35
93
|
--ic-status-success-outlined
|
36
94
|
);--ic-status-tag-outlined-success:var(--ic-status-success-contrast);--ic-status-tag-error:var(--ic-status-error-contrast);--ic-status-tag-outlined-background-error:var(--ic-status-error-outlined);--ic-status-tag-outlined-error:var(--ic-status-error-light);--ic-status-tag-warning:var(--ic-status-warning-light);--ic-status-tag-outlined-background-warning:var(
|
37
95
|
--ic-status-warning-outlined
|
38
|
-
);--ic-status-tag-outlined-warning:var(--ic-status-warning-light);--ic-status-tag-neutral:var(--ic-status-unknown-contrast);--ic-status-tag-outlined-background-neutral:var(--ic-status-unknown-light);--ic-status-tag-outlined-neutral:var(--ic-status-unknown);--ic-
|
39
|
-
|
40
|
-
|
41
|
-
|
96
|
+
);--ic-status-tag-outlined-warning:var(--ic-status-warning-light);--ic-status-tag-neutral:var(--ic-status-unknown-contrast);--ic-status-tag-outlined-background-neutral:var(--ic-status-unknown-light);--ic-status-tag-outlined-neutral:var(--ic-status-unknown-default);--ic-step-title:var(--ic-architectural-200);--ic-step-title-current:var(--ic-status-info-contrast);--ic-step-title-success:var(--ic-status-success-contrast);--ic-step-title-active:var(--ic-color-text-tertiary);--ic-step-title-disabled:var(--ic-color-text-inactive);--ic-step-title-status-text-current:var(--ic-color-text-primary);--ic-step-title-status-text-inactive:var(--ic-color-text-primary);--ic-step-title-status-text-disabled:var(--ic-color-text-tertiary);--ic-stepper-connector-success:var(--ic-status-success-contrast);--ic-stepper-connector-current-status:var(--ic-status-info-contrast);--ic-stepper-connector-remaining-status:var(--ic-architectural-600);--ic-stepper-connector-disabled:var(--ic-architectural-600);--ic-step-number-background-active:var(--ic-status-info-contrast);--ic-step-number-background-success:var(--ic-status-success-contrast);--ic-step-number-text:var(--ic-color-text-primary);--ic-step-number-text-inactive:var(--ic-color-text-primary);--ic-step-number-text-disabled:var(--ic-color-text-inactive);--ic-step-number-icon-success:var(--ic-color-icon-grey-darker);--ic-step-number-inactive:var(--ic-color-background-primary);--ic-step-number-disabled:var(--ic-color-border-neutral-grey-dark);--ic-step-number-inactive-outline:var(--ic-color-border-neutral-grey-dark);--ic-step-number-current-outer-fill:var(--ic-color-background-primary);--ic-step-number-current-outline:var(--ic-status-info-contrast);--ic-step-indicator-status-current:var(--ic-status-info-contrast);--ic-step-indicator-text-current:var(--ic-status-info-contrast);--ic-step-indicator-status-remaining:var(--ic-architectural-600);--ic-step-indicator-background:var(--ic-color-background-primary);--ic-step-indicator-status-disabled:var(--ic-color-border-neutral-grey);--ic-step-indicator-status-disabled-outline:var(
|
97
|
+
--ic-color-border-neutral-grey
|
98
|
+
);--ic-step-indicator-text-disabled:var(--ic-color-text-inactive);--ic-stepper-compact-step-title:var(--ic-color-text-primary);--ic-stepper-compact-step-title-disabled:var(--ic-color-text-inactive);--ic-stepper-compact-step-stage-text:var(--ic-color-text-secondary);--ic-stepper-compact-step-next-text:var(--ic-color-text-primary);--ic-stepper-compact-step-requirement-text:var(--ic-color-text-secondary);--ic-stepper-compact-step-requirement-text-disabled:var(
|
99
|
+
--ic-color-text-inactive
|
100
|
+
);--ic-stepper-compact-step-completed-text:var(--ic-status-success-contrast);--ic-tab-label:var(--ic-color-text-primary-dark);--ic-tab-label-monochrome:var(--ic-color-text-inverse-light);--ic-tab-icon:var(--ic-color-icon-inverted);--ic-tab-icon-monochrome:var(--ic-color-icon-inverted);--ic-tab-divider:var(--ic-state-layer-neutral-light);--ic-tab-divider-monochrome:var(--ic-color-icon-inverted);--ic-tab-bottom-border:var(--ic-color-border-neutral-white);--ic-tab-bottom-border-monochrome:var(--ic-color-border-neutral-white);--ic-tab-item-pressed:var(--ic-action-light-bg-pressed);--ic-tab-item-pressed-monochrome:var(--ic-action-light-bg-pressed);--ic-tab-item:var(--ic-action-light);--ic-tab-item-monochrome:var(--ic-action-light);--ic-tab-item-hover:var(--ic-action-light-bg-hover);--ic-tab-item-hover-monochrome:var(--ic-action-dark-bg-hover)}:root{--ic-architectural-20:#f9fafa;--ic-architectural-40:#f4f4f5;--ic-architectural-60:#eeeff0;--ic-architectural-80:#e8e9eb;--ic-architectural-100:#e1e3e5;--ic-architectural-200:#c4c8cd;--ic-architectural-300:#a7acb3;--ic-architectural-400:#8a919b;--ic-architectural-500:#6c7580;--ic-architectural-600:#575e68;--ic-architectural-700:#41464d;--ic-architectural-800:#2c2f34;--ic-architectural-900:#0b0c0c;--ic-architectural-white:#fff;--ic-architectural-black:#000;--ic-architectural-700-state-layer-10:rgb(65 70 77 / 10%);--ic-architectural-700-state-layer-20:rgb(65 70 77 / 20%);--ic-architectural-white-state-layer-10:rgb(255 255 255 / 10%);--ic-architectural-white-state-layer-20:rgb(255 255 255 / 20%);--ic-architectural-white-state-layer-25:rgb(255 255 255 / 25%);--ic-architectural-white-state-layer-40:rgb(255 255 255 / 40%);--ic-architectural-white-state-layer-50:rgb(255 255 255 / 50%);--ic-architectural-black-state-layer-20:rgb(0 0 0 / 20%);--ic-architectural-black-state-layer-25:rgb(0 0 0 / 25%);--ic-architectural-black-state-layer-30:rgb(0 0 0 / 30%);--ic-architectural-black-state-layer-40:rgb(0 0 0 / 40%);--ic-architectural-black-state-layer-50:rgb(0 0 0 / 50%);--ic-blue-0:#e1f0fc;--ic-blue-50:#c3e1f9;--ic-blue-100:#98c9f5;--ic-blue-200:#77b4f0;--ic-blue-300:#5da0ea;--ic-blue-400:#488fe3;--ic-blue-500:#377fdb;--ic-blue-600:#2a71d2;--ic-blue-700:#2064c8;--ic-blue-800:#1759bc;--ic-blue-900:#124db3;--ic-blue-1000:#0e43a8;--ic-blue-1100:#0b399c;--ic-blue-1200:#09308e;--ic-blue-1300:#07277e;--ic-blue-1400:#1b3c79;--ic-blue-1500:#122e63;--ic-blue-1600:#041144;--ic-blue-800-state-layer-10:rgb(23 89 188 / 10%);--ic-blue-800-state-layer-20:rgb(23 89 188 / 20%);--ic-blue-800-state-layer-50:rgb(23 89 188 / 50%);--ic-red-0:#ffe4e3;--ic-red-50:#fec9c8;--ic-red-100:#fca19e;--ic-red-200:#f9837d;--ic-red-300:#f66d63;--ic-red-400:#f15b4e;--ic-red-500:#ec4e3d;--ic-red-600:#e54330;--ic-red-700:#dd3b25;--ic-red-800:#d4351c;--ic-red-900:#c92c16;--ic-red-1000:#bc2411;--ic-red-1100:#ad1e0e;--ic-red-1300:#8b1209;--ic-red-1500:#610a05;--ic-green-0:#e8fef3;--ic-green-50:#d1fde7;--ic-green-100:#b2fad6;--ic-green-200:#97f6c8;--ic-green-300:#81f2bb;--ic-green-400:#6dedaf;--ic-green-500:#5ce7a3;--ic-green-600:#4cdf98;--ic-green-700:#3ed78d;--ic-green-800:#31cd83;--ic-green-900:#26c278;--ic-green-1000:#1bb56c;--ic-green-1100:#12a661;--ic-green-1200:#0b9655;--ic-green-1300:#058449;--ic-green-1400:#00703c;--ic-green-1600:#0e462b;--ic-green-1700:#0e3020;--ic-yellow-0:#fffbd8;--ic-yellow-50:#fff7b0;--ic-yellow-100:#ffed83;--ic-yellow-200:#ffe058;--ic-yellow-300:#ffd12e;--ic-yellow-400:#ffc107;--ic-yellow-500:#f8ae10;--ic-yellow-600:#f09d19;--ic-yellow-700:#e78f22;--ic-yellow-800:#dc832a;--ic-yellow-900:#d07932;--ic-yellow-1000:#c26f38;--ic-yellow-1100:#b3673c;--ic-yellow-1200:#a25e3f;--ic-yellow-1300:#8f553e;--ic-yellow-1400:#7a4c3c;--ic-purple-0:#f9f2ff;--ic-purple-50:#efdbff;--ic-purple-100:#e4c5ff;--ic-purple-200:#d5a2fe;--ic-purple-300:#c988fd;--ic-purple-400:#bf74fc;--ic-purple-500:#b764fb;--ic-purple-600:#b057f9;--ic-purple-700:#ab4df7;--ic-purple-800:#a645f5;--ic-purple-900:#a13ef2;--ic-purple-1000:#9c38ee;--ic-purple-1100:#9733e8;--ic-purple-1200:#902fe0;--ic-purple-1300:#882ad5;--ic-purple-1400:#7c25c2;--ic-light-blue-0:#f7faff;--ic-light-blue-100:#e3ecfd;--ic-light-blue-600:#769ee7;--ic-light-blue-1000:#3d6abe;--ic-light-blue-1400:#1b3c79;--ic-color-classification-blue:#2b71c7;--ic-color-classification-yellow:#f39c2c;--ic-color-classification-red:#a00;--ic-color-classification-grey:#616161;--ic-brand-blue-primary:#1b3c79;--ic-brand-blue-0:#eff3fa;--ic-brand-blue-20:#cdd5e3;--ic-brand-blue-40:#abb6ce;--ic-brand-blue-60:#8997b7;--ic-brand-blue-80:#6678a0;--ic-brand-blue-100:#445a8b;--ic-brand-blue-500:#192b50;--ic-brand-blue-700:#0c213a;--ic-brand-blue-800:#0e1c30;--ic-brand-blue-900:#0a1321;--ic-brand-darken-20:var(--ic-architectural-black-state-layer-20);--ic-brand-darken-30:var(--ic-architectural-black-state-layer-30);--ic-brand-darken-40:var(--ic-architectural-black-state-layer-40);--ic-brand-lighten-20:var(--ic-architectural-white-state-layer-20);--ic-brand-lighten-40:var(--ic-architectural-white-state-layer-40);--ic-color-hyperlink-default-light:var(--ic-blue-800);--ic-color-hyperlink-default-dark:var(--ic-blue-300);--ic-color-hyperlink-visited-light:#330072;--ic-color-hyperlink-visited-dark:var(--ic-purple-300);--ic-color-hyperlink-visited-monochrome-light:var(--ic-architectural-700);--ic-color-hyperlink-visited-monochrome-dark:#b0b0b0;--ic-color-hyperlink-contrast:#5c98f2;--ic-color-hyperlink-contrast-visited:#bc75ff;--ic-color-hyperlink-contrast-hover:#db76ac;--ic-color-hyperlink-brand:var(--ic-architectural-white);--ic-color-focus-inner:#0044d7;--ic-color-focus-outer:#80a1e8;--ic-hc-focus-outline:3px solid transparent;--ic-color-keyline-darken:var(--ic-architectural-black-state-layer-20);--ic-color-keyline-lighten:var(--ic-architectural-white-state-layer-20);--ic-status-success-default:var(--ic-green-1400);--ic-status-success-light:var(--ic-green-0);--ic-status-success-dark:var(--ic-green-1700);--ic-status-success-outlined:var(--ic-green-100);--ic-status-success-contrast:var(--ic-green-1000);--ic-status-success-r:0;--ic-status-success-g:112;--ic-status-success-b:60;--ic-status-success-a:1;--ic-status-success-hover:rgb(
|
42
101
|
calc(var(--ic-status-success-r) * 0.8)
|
43
102
|
calc(var(--ic-status-success-g) * 0.8)
|
44
103
|
calc(var(--ic-status-success-b) * 0.8) / var(--ic-status-success-a)
|
@@ -46,10 +105,7 @@ html{font-family:var(--ic-font-body-family);color:var(--ic-color-primary-text)}a
|
|
46
105
|
calc(var(--ic-status-success-r) * 0.6)
|
47
106
|
calc(var(--ic-status-success-g) * 0.6)
|
48
107
|
calc(var(--ic-status-success-b) * 0.6) / var(--ic-status-success-a)
|
49
|
-
);--ic-status-
|
50
|
-
var(--ic-status-warning-r) var(--ic-status-warning-g)
|
51
|
-
var(--ic-status-warning-b) / var(--ic-status-warning-a)
|
52
|
-
);--ic-status-warning-hover:rgb(
|
108
|
+
);--ic-status-warning-default:var(--ic-yellow-900);--ic-status-warning-light:var(--ic-yellow-0);--ic-status-warning-dark:var(--ic-yellow-1400);--ic-status-warning-outlined:var(--ic-yellow-100);--ic-status-warning-contrast:var(--ic-yellow-400);--ic-status-warning-r:208;--ic-status-warning-g:121;--ic-status-warning-b:50;--ic-status-warning-a:1;--ic-status-warning-hover:rgb(
|
53
109
|
calc(var(--ic-status-warning-r) * 0.8)
|
54
110
|
calc(var(--ic-status-warning-g) * 0.8)
|
55
111
|
calc(var(--ic-status-warning-b) * 0.8) / var(--ic-status-warning-a)
|
@@ -57,16 +113,13 @@ html{font-family:var(--ic-font-body-family);color:var(--ic-color-primary-text)}a
|
|
57
113
|
calc(var(--ic-status-warning-r) * 0.6)
|
58
114
|
calc(var(--ic-status-warning-g) * 0.6)
|
59
115
|
calc(var(--ic-status-warning-b) * 0.6) / var(--ic-status-warning-a)
|
60
|
-
);--ic-status-
|
61
|
-
var(--ic-status-error-r) var(--ic-status-error-g) var(--ic-status-error-b) /
|
62
|
-
var(--ic-status-error-a)
|
63
|
-
);--ic-status-error-hover:rgb(
|
116
|
+
);--ic-status-error-default:var(--ic-red-800);--ic-status-error-light:var(--ic-red-0);--ic-status-error-dark:var(--ic-red-1500);--ic-status-error-outlined:var(--ic-red-500);--ic-status-error-contrast:var(--ic-red-400);--ic-status-error-r:212;--ic-status-error-g:53;--ic-status-error-b:28;--ic-status-error-a:1;--ic-status-error-hover:rgb(
|
64
117
|
calc(var(--ic-status-error-r) * 0.8) calc(var(--ic-status-error-g) * 0.8)
|
65
118
|
calc(var(--ic-status-error-b) * 0.8) / var(--ic-status-error-a)
|
66
119
|
);--ic-status-error-pressed:rgb(
|
67
120
|
calc(var(--ic-status-error-r) * 0.6) calc(var(--ic-status-error-g) * 0.6)
|
68
121
|
calc(var(--ic-status-error-b) * 0.6) / var(--ic-status-error-a)
|
69
|
-
);--ic-status-
|
122
|
+
);--ic-status-info-default:var(--ic-blue-900);--ic-status-info-light:var(--ic-blue-0);--ic-status-info-dark:var(--ic-blue-1600);--ic-status-info-contrast:var(--ic-blue-400);--ic-status-anomalous-default:var(--ic-purple-1400);--ic-status-anomalous-light:var(--ic-purple-50);--ic-status-anomalous-dark:#350f54;--ic-status-anomalous-contrast:var(--ic-purple-500);--ic-status-unknown-default:var(--ic-architectural-500);--ic-status-unknown-mid:var(--ic-architectural-700);--ic-status-unknown-light:var(--ic-architectural-40);--ic-status-unknown-dark:var(--ic-architectural-800);--ic-status-unknown-outlined:var(--ic-architectural-200);--ic-status-unknown-contrast:var(--ic-architectural-300);--ic-color-brand-text:var(--ic-architectural-white);--ic-color-text-primary-light:var(--ic-architectural-900);--ic-color-text-primary-dark:var(--ic-architectural-white);--ic-color-text-secondary-light:var(--ic-architectural-700);--ic-color-text-secondary-dark:var(--ic-architectural-100);--ic-color-text-tertiary-light:var(--ic-architectural-500);--ic-color-text-tertiary-dark:var(--ic-architectural-200);--ic-color-text-inverse-light:var(--ic-color-text-primary-dark);--ic-color-text-inverse-dark:var(--ic-color-text-primary-light);--ic-color-white-text:var(--ic-architectural-white);--ic-color-text-disabled-default:var(--ic-architectural-300);--ic-color-text-disabled-light:var(--ic-architectural-200);--ic-color-text-disabled-dark:var(--ic-architectural-600);--ic-color-text-inactive:var(--ic-architectural-400);--ic-color-text-action:var(--ic-blue-800);--ic-color-text-action-dark:var(--ic-blue-500);--ic-color-text-action-hover:var(--ic-blue-1100);--ic-color-text-action-pressed:var(--ic-blue-1300);--ic-color-text-error-light:var(--ic-red-300);--ic-color-text-error-dark:var(--ic-red-800);--ic-color-background-primary-light:var(--ic-architectural-white);--ic-color-background-primary-dark:var(--ic-architectural-800);--ic-color-background-secondary-light:var(--ic-architectural-20);--ic-color-background-secondary-dark:var(--ic-architectural-700);--ic-color-background-neutral-light:var(--ic-architectural-800);--ic-color-background-neutral-dark:var(--ic-architectural-900);--ic-color-background-active-light:var(--ic-blue-800);--ic-color-background-active-dark:var(--ic-blue-300);--ic-color-background-hover-default:var(--ic-blue-1100);--ic-color-background-hover-light:var(--ic-architectural-200);--ic-color-background-hover-dark:var(--ic-architectural-800);--ic-color-background-pressed-default:var(--ic-blue-1300);--ic-color-background-pressed-light:var(--ic-architectural-300);--ic-color-background-pressed-dark:var(--ic-architectural-700);--ic-color-background-disabled-light:var(--ic-architectural-80);--ic-color-background-disabled-dark:var(--ic-architectural-300);--ic-color-background-selected:var(--ic-architectural-white);--ic-color-background-success-light:var(--ic-green-1400);--ic-color-background-success-dark:var(--ic-green-300);--ic-color-background-warning-light:var(--ic-yellow-400);--ic-color-background-warning-dark:var(--ic-yellow-300);--ic-color-background-destructive-light:var(--ic-red-800);--ic-color-background-destructive-dark:var(--ic-red-300);--ic-color-background-destructive-hover-light:var(--ic-red-1100);--ic-color-background-destructive-hover-dark:var(--ic-red-400);--ic-color-background-destructive-pressed-light:var(--ic-red-1300);--ic-color-background-destructive-pressed-dark:var(--ic-red-700);--ic-color-border-neutral-default:var(--ic-architectural-300);--ic-color-border-neutral-black:var(--ic-architectural-black);--ic-color-border-neutral-white:var(--ic-architectural-white);--ic-color-border-neutral-grey-light:var(--ic-architectural-40);--ic-color-border-neutral-grey-dark:var(--ic-architectural-400);--ic-color-border-neutral-pressed-default:var(--ic-architectural-600);--ic-color-border-neutral-pressed-light:var(--ic-architectural-200);--ic-color-border-neutral-pressed-dark:var(--ic-architectural-700);--ic-color-border-neutral-hover-default:var(--ic-architectural-500);--ic-color-border-neutral-hover-light:var(--ic-architectural-200);--ic-color-border-neutral-hover-dark:var(--ic-architectural-800);--ic-color-border-neutral-disabled-light:var(--ic-architectural-200);--ic-color-border-neutral-disabled-dark:var(--ic-architectural-600);--ic-color-border-success-light:var(--ic-green-1400);--ic-color-border-success-dark:var(--ic-green-300);--ic-color-border-success-hover-light:var(--ic-green-1600);--ic-color-border-success-hover-dark:var(--ic-green-400);--ic-color-border-success-pressed-light:var(--ic-green-1700);--ic-color-border-success-pressed-dark:var(--ic-green-600);--ic-color-border-warning-light:var(--ic-yellow-900);--ic-color-border-warning-dark:var(--ic-yellow-300);--ic-color-border-warning-hover-light:var(--ic-yellow-1100);--ic-color-border-warning-hover-dark:var(--ic-yellow-400);--ic-color-border-warning-pressed-light:var(--ic-yellow-1300);--ic-color-border-warning-pressed-dark:var(--ic-yellow-500);--ic-color-border-error-light:var(--ic-red-800);--ic-color-border-error-dark:var(--ic-red-300);--ic-color-border-error-hover-light:var(--ic-red-1100);--ic-color-border-error-hover-dark:var(--ic-red-400);--ic-color-border-error-pressed-light:var(--ic-red-1300);--ic-color-border-error-pressed-dark:var(--ic-red-700);--ic-color-border-action-light:var(--ic-blue-800);--ic-color-border-action-dark:var(--ic-blue-300);--ic-color-border-action-hover-light:var(--ic-blue-1100);--ic-color-border-action-hover-dark:var(--ic-blue-100);--ic-color-border-action-pressed-light:var(--ic-blue-1300);--ic-color-border-action-pressed-dark:var(--ic-blue-400);--ic-action-default-light:var(--ic-blue-800);--ic-action-default-dark:var(--ic-blue-300);--ic-action-default-hover-light:var(--ic-blue-1100);--ic-action-default-hover-dark:var(--ic-blue-100);--ic-action-default-pressed-light:var(--ic-blue-1300);--ic-action-default-pressed-dark:var(--ic-blue-400);--ic-action-default-disabled:var(--ic-blue-50);--ic-action-default-active-alpha:var(--ic-blue-800-state-layer-50);--ic-action-default-bg-hover:var(--ic-blue-800-state-layer-10);--ic-action-default-bg-active:var(--ic-blue-800-state-layer-20);--ic-action-default-bg-hover-no-alpha:#e7eef8;--ic-action-default-bg-active-no-alpha:#d0def2;--ic-action-destructive-light:var(--ic-red-800);--ic-action-destructive-dark:var(--ic-red-300);--ic-action-destructive-hover-light:var(--ic-red-1100);--ic-action-destructive-hover-dark:var(--ic-red-400);--ic-action-destructive-pressed-light:var(--ic-red-1300);--ic-action-destructive-pressed-dark:var(--ic-red-700);--ic-action-light:var(--ic-architectural-white);--ic-action-light-hover:var(--ic-architectural-200);--ic-action-light-pressed:var(--ic-architectural-300);--ic-action-light-bg-hover:var(--ic-state-layer-lighten-10);--ic-action-light-bg-pressed:var(--ic-state-layer-lighten-20);--ic-action-dark:var(--ic-architectural-900);--ic-action-dark-hover:var(--ic-architectural-800);--ic-action-dark-pressed:var(--ic-architectural-700);--ic-action-dark-bg-hover:var(--ic-architectural-700-state-layer-10);--ic-action-dark-bg-pressed:var(--ic-architectural-700-state-layer-20);--ic-action-dark-bg-hover-no-alpha:#ececed;--ic-action-dark-bg-active-no-alpha:#d9dadb;--ic-action-neutral-light:var(--ic-architectural-100);--ic-action-neutral-dark:var(--ic-architectural-800);--ic-theme-blue-primary-r:27;--ic-theme-blue-primary-g:60;--ic-theme-blue-primary-b:121;--ic-theme-blue-primary-a:1;--ic-theme-lighten-20:rgb(255 255 255 / 20%);--ic-theme-lighten-40:rgb(255 255 255 / 40%);--ic-theme-primary-r:var(--ic-theme-blue-primary-r);--ic-theme-primary-g:var(--ic-theme-blue-primary-g);--ic-theme-primary-b:var(--ic-theme-blue-primary-b);--ic-theme-primary-a:var(--ic-theme-blue-primary-a);--ic-theme-primary:rgb(
|
70
123
|
var(--ic-theme-primary-r) var(--ic-theme-primary-g)
|
71
124
|
var(--ic-theme-primary-b) / var(--ic-theme-primary-a)
|
72
125
|
);--ic-theme-secondary:rgb(
|
@@ -108,18 +161,19 @@ html{font-family:var(--ic-font-body-family);color:var(--ic-color-primary-text)}a
|
|
108
161
|
min(255, calc(var(--ic-theme-calc) + 65))
|
109
162
|
min(255, calc(var(--ic-theme-calc) + 70))
|
110
163
|
min(255, calc(var(--ic-theme-calc) + 77)) / 20%
|
111
|
-
);--ic-
|
112
|
-
|
113
|
-
|
114
|
-
|
115
|
-
var(--ic-
|
116
|
-
var(--ic-
|
117
|
-
var(--ic-
|
118
|
-
var(--ic-
|
119
|
-
var(--ic-
|
120
|
-
var(--ic-
|
121
|
-
var(--ic-
|
122
|
-
var(--ic-
|
164
|
+
);--ic-table-row-selected:#c7d7ef;--ic-color-icon-brand:var(--ic-architectural-white);--ic-color-icon-neutral:var(--ic-architectural-black);--ic-color-icon-inverted:var(--ic-architectural-white);--ic-color-icon-hover-light:var(--ic-architectural-200);--ic-color-icon-hover-dark:var(--ic-architectural-800);--ic-color-icon-pressed-light:var(--ic-architectural-300);--ic-color-icon-pressed-dark:var(--ic-architectural-700);--ic-color-icon-disabled-light:var(--ic-architectural-300);--ic-color-icon-disabled-dark:var(--ic-architectural-500);--ic-color-icon-grey-default:var(--ic-architectural-400);--ic-color-icon-grey-lighter:var(--ic-architectural-100);--ic-color-icon-grey-light:var(--ic-architectural-200);--ic-color-icon-grey-dark:var(--ic-architectural-500);--ic-color-icon-grey-darker:var(--ic-architectural-700);--ic-color-icon-action-default-light:var(--ic-blue-800);--ic-color-icon-action-default-dark:var(--ic-blue-300);--ic-color-icon-action-hover:var(--ic-blue-1100);--ic-color-icon-action-pressed:var(--ic-blue-1300);--ic-color-icon-error-light:var(--ic-red-300);--ic-color-icon-error-dark:var(--ic-red-800);--ic-color-icon-action-dark:var(--ic-architectural-white);--ic-color-icon-chevron:var(--ic-architectural-400);--ic-state-layer-primary:var(--ic-brand-blue-primary);--ic-state-layer-secondary-default:var(--ic-blue-50);--ic-state-layer-secondary-light:var(--ic-blue-0);--ic-state-layer-secondary-dark:var(--ic-blue-100);--ic-state-layer-neutral-default:var(--ic-architectural-200);--ic-state-layer-neutral-light:var(--ic-architectural-100);--ic-state-layer-neutral-dark:var(--ic-architectural-400);--ic-state-layer-neutral-darker:var(--ic-architectural-600);--ic-state-layer-darken-20:var(--ic-architectural-black-state-layer-20);--ic-state-layer-darken-25:var(--ic-architectural-black-state-layer-25);--ic-state-layer-darken-30:var(--ic-architectural-black-state-layer-30);--ic-state-layer-darken-40:var(--ic-architectural-black-state-layer-40);--ic-state-layer-darken-50:var(--ic-architectural-black-state-layer-50);--ic-state-layer-lighten-10:var(--ic-architectural-white-state-layer-10);--ic-state-layer-lighten-20:var(--ic-architectural-white-state-layer-20);--ic-state-layer-lighten-25:var(--ic-architectural-white-state-layer-25);--ic-state-layer-lighten-40:var(--ic-architectural-white-state-layer-40);--ic-state-layer-lighten-50:var(--ic-architectural-white-state-layer-50);--ic-surface-brand:var(--ic-architectural-white);--ic-surface-primary:var(--ic-architectural-white);--ic-surface-secondary:var(--ic-architectural-white);--ic-surface-inverted:var(--ic-architectural-white);--ic-surface-disabled:var(--ic-architectural-white)}:root{--ic-border-radius:2px;--ic-border-radius-inset:11px;--ic-border-width:0.0625rem;--ic-border-disabled:var(--ic-space-1px) dashed
|
165
|
+
var(--ic-color-border-neutral-disabled);--ic-border-light:var(--ic-space-1px) solid var(--ic-architectural-200);--ic-border-default:var(--ic-space-1px) solid var(--ic-architectural-400);--ic-border-hover:var(--ic-space-1px) solid var(--ic-architectural-500);--ic-border-pressed-default:var(--ic-space-1px) solid
|
166
|
+
var(--ic-color-border-neutral-pressed-default);--ic-border-pressed:var(--ic-space-1px) solid
|
167
|
+
var(--ic-color-border-neutral-pressed);--ic-border-focus:0 0 0 2px var(--ic-architectural-white),
|
168
|
+
0 0 0 4px var(--ic-color-focus-inner), 0 0 0 8px var(--ic-color-focus-outer);--ic-border-focus-inset:inset 0 0 0 4px var(--ic-color-focus-outer),
|
169
|
+
inset 0 0 0 6px var(--ic-color-focus-inner),
|
170
|
+
inset 0 0 0 8px var(--ic-architectural-white);--ic-border-focus-dark:0 0 0 2px white, 0 0 0 5px rgba(255 255 255 / 52%);--ic-border-hc:var(--ic-space-1px) solid transparent;--ic-border-keyline-darken:1px solid var(--ic-color-keyline-darken);--ic-border-keyline-lighten:1px solid var(--ic-color-keyline-lighten);--ic-border-error:var(--ic-space-xxxs) solid var(--ic-color-border-error);--ic-border-error-hover:var(--ic-space-xxxs) solid
|
171
|
+
var(--ic-color-border-error-hover);--ic-border-error-pressed:var(--ic-space-xxxs) solid
|
172
|
+
var(--ic-color-border-error-pressed);--ic-border-success:var(--ic-space-xxxs) solid var(--ic-color-border-success);--ic-border-success-hover:var(--ic-space-xxxs) solid
|
173
|
+
var(--ic-color-border-success-hover);--ic-border-success-pressed:var(--ic-space-xxxs) solid
|
174
|
+
var(--ic-color-border-success-pressed);--ic-border-warning:var(--ic-space-xxxs) solid var(--ic-color-border-warning);--ic-border-warning-hover:var(--ic-space-xxxs) solid
|
175
|
+
var(--ic-color-border-warning-hover);--ic-border-warning-pressed:var(--ic-space-xxxs) solid
|
176
|
+
var(--ic-color-border-warning-pressed)}:root{--ic-elevation-raised:0 0 2px rgb(0 0 0 / 50%);--ic-elevation-overlay:0 2px 8px rgb(0 0 0 / 20%);--ic-elevation-modal:0 4px 16px rgb(0 0 0 / 25%);--ic-elevation-inset:inset 0 4px 16px rgb(0 0 0 / 25%),
|
123
177
|
inset 0 -4px 16px rgb(0 0 0 / 25%);--ic-easing-transition-fast:var(--ic-transition-duration-fast)
|
124
178
|
cubic-bezier(0.165, 0.84, 0.44, 1);--ic-easing-transition-slow:var(--ic-transition-duration-slow)
|
125
179
|
cubic-bezier(0.165, 0.84, 0.44, 1);--ic-transition-duration-fast:100ms;--ic-transition-duration-slow:300ms;--ic-breakpoint-xs:0;--ic-breakpoint-sm:576px;--ic-breakpoint-md:768px;--ic-breakpoint-lg:992px;--ic-breakpoint-xl:1200px;--ic-space-1px:0.063rem;--ic-space-xxxs:0.125rem;--ic-space-xxs:0.25rem;--ic-space-xs:0.5rem;--ic-space-sm:0.75rem;--ic-space-md:1rem;--ic-space-lg:1.5rem;--ic-space-xl:2rem;--ic-space-xxl:3rem;--ic-z-index-base-value:0;--ic-z-index-page-header:calc(var(--ic-z-index-base-value) + 10);--ic-z-index-back-to-top:calc(var(--ic-z-index-base-value) + 20);--ic-z-index-popover:calc(var(--ic-z-index-base-value) + 50);--ic-z-index-sticky-page-header:calc(var(--ic-z-index-base-value) + 60);--ic-z-index-date-picker:calc(var(--ic-z-index-base-value) + 70);--ic-z-index-navigation-item:calc(var(--ic-z-index-base-value) + 70);--ic-z-index-navigation-menu:calc(var(--ic-z-index-base-value) + 70);--ic-z-index-menu:calc(var(--ic-z-index-base-value) + 70);--ic-z-index-side-navigation:calc(var(--ic-z-index-base-value) + 70);--ic-z-index-dialog:calc(var(--ic-z-index-base-value) + 100);--ic-z-index-toast:calc(var(--ic-z-index-base-value) + 110);--ic-z-index-tooltip:calc(var(--ic-z-index-base-value) + 110);--ic-z-index-classification-banner:calc(var(--ic-z-index-base-value) + 200)}
|
package/package.json
CHANGED
@@ -3,7 +3,7 @@
|
|
3
3
|
"sideEffects": [
|
4
4
|
"*.css"
|
5
5
|
],
|
6
|
-
"version": "3.0.0-canary.
|
6
|
+
"version": "3.0.0-canary.2",
|
7
7
|
"description": "React-wrapped web components compiled using StencilJS",
|
8
8
|
"scripts": {
|
9
9
|
"build": "npm run clean && npm run compile && npm run copy:core-css && npm run copy:normalize-css",
|
@@ -30,9 +30,9 @@
|
|
30
30
|
"dist/"
|
31
31
|
],
|
32
32
|
"dependencies": {
|
33
|
-
"@ukic/canary-web-components": "^3.0.0-canary.
|
34
|
-
"@ukic/react": "^3.0.0-alpha.
|
35
|
-
"@ukic/web-components": "^3.0.0-alpha.
|
33
|
+
"@ukic/canary-web-components": "^3.0.0-canary.2",
|
34
|
+
"@ukic/react": "^3.0.0-alpha.2",
|
35
|
+
"@ukic/web-components": "^3.0.0-alpha.2"
|
36
36
|
},
|
37
37
|
"devDependencies": {
|
38
38
|
"@babel/core": "^7.16.0",
|
@@ -94,5 +94,5 @@
|
|
94
94
|
]
|
95
95
|
},
|
96
96
|
"license": "MIT",
|
97
|
-
"gitHead": "
|
97
|
+
"gitHead": "59d0e036de6def6644421e17bf1c5591eac0e34a"
|
98
98
|
}
|