@inera/ids-design 8.0.0 → 8.1.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/components/accordion/accordion-lit.js +1 -1
- package/components/accordion/accordion.css +35 -175
- package/components/alert/alert-lit.js +1 -1
- package/components/alert/alert.css +28 -138
- package/components/badge/badge-lit.js +1 -1
- package/components/badge/badge.css +1 -1
- package/components/box-link/box-link-lit.js +1 -1
- package/components/box-link/box-link.css +94 -39
- package/components/breadcrumbs/breadcrumbs-lit.js +1 -1
- package/components/breadcrumbs/breadcrumbs.css +1 -0
- package/components/card/card-lit.js +1 -1
- package/components/card/card.css +34 -128
- package/components/carousel/carousel-item-lit.js +1 -1
- package/components/carousel/carousel-item.css +10 -122
- package/components/carousel/carousel-lit.js +1 -1
- package/components/carousel/carousel.css +36 -17
- package/components/data-table/data-table-lit.js +1 -1
- package/components/data-table/data-table.css +5 -11
- package/components/dialog/dialog-lit.js +1 -1
- package/components/dialog/dialog.css +8 -11
- package/components/dropdown/dropdown-lit.js +1 -1
- package/components/dropdown/dropdown.css +21 -12
- package/components/footer-1177/footer-1177-lit.js +1 -1
- package/components/footer-1177/footer-1177.css +48 -125
- package/components/footer-1177-admin/footer-1177-admin-lit.js +1 -1
- package/components/footer-1177-admin/footer-1177-admin.css +47 -140
- package/components/footer-1177-pro/footer-1177-pro-lit.js +1 -1
- package/components/footer-1177-pro/footer-1177-pro.css +47 -140
- package/components/footer-inera/footer-inera-lit.js +1 -1
- package/components/footer-inera/footer-inera.css +42 -123
- package/components/footer-inera-admin/footer-inera-admin-lit.js +1 -1
- package/components/footer-inera-admin/footer-inera-admin.css +47 -132
- package/components/form/group/group-lit.js +1 -1
- package/components/form/group/group.css +10 -113
- package/components/form/range/range-lit.js +1 -1
- package/components/form/range/range.css +40 -119
- package/components/form/select-multiple/select-multiple-lit.js +1 -1
- package/components/form/select-multiple/select-multiple.css +27 -5
- package/components/global-alert/global-alert-lit.js +1 -1
- package/components/global-alert/global-alert.css +55 -161
- package/components/grid/container/container-lit.js +1 -1
- package/components/grid/container/container.css +1 -1
- package/components/header-1177/composite-header-1177.css +612 -842
- package/components/header-1177/header-1177-avatar-lit.js +1 -1
- package/components/header-1177/header-1177-avatar.css +57 -156
- package/components/header-1177/header-1177-item-lit.js +1 -1
- package/components/header-1177/header-1177-item.css +366 -139
- package/components/header-1177/header-1177-lit.js +1 -1
- package/components/header-1177/header-1177-menu-mobile-lit.js +1 -1
- package/components/header-1177/header-1177-menu-mobile.css +14 -4
- package/components/header-1177/header-1177-nav-item-lit.js +1 -1
- package/components/header-1177/header-1177-nav-item-mobile-lit.js +1 -1
- package/components/header-1177/header-1177-nav-item-mobile.css +40 -116
- package/components/header-1177/header-1177-nav-item.css +102 -416
- package/components/header-1177/header-1177-nav-lit.js +1 -1
- package/components/header-1177/header-1177-nav.css +20 -1
- package/components/header-1177/header-1177-region-picker-lit.js +1 -1
- package/components/header-1177/header-1177-region-picker-mobile-lit.js +1 -1
- package/components/header-1177/header-1177-region-picker-mobile.css +3 -2
- package/components/header-1177/header-1177-region-picker.css +3 -2
- package/components/header-1177/header-1177.css +19 -17
- package/components/header-1177-admin/header-1177-admin-avatar-lit.js +1 -1
- package/components/header-1177-admin/header-1177-admin-avatar-mobile-lit.js +1 -1
- package/components/header-1177-admin/header-1177-admin-avatar-mobile.css +8 -12
- package/components/header-1177-admin/header-1177-admin-avatar.css +29 -132
- package/components/header-1177-admin/header-1177-admin-item-lit.js +1 -1
- package/components/header-1177-admin/header-1177-admin-item.css +307 -122
- package/components/header-1177-admin/header-1177-admin-lit.js +1 -1
- package/components/header-1177-admin/header-1177-admin-menu-mobile-lit.js +1 -1
- package/components/header-1177-admin/header-1177-admin-menu-mobile.css +14 -4
- package/components/header-1177-admin/header-1177-admin-nav-item-lit.js +1 -1
- package/components/header-1177-admin/header-1177-admin-nav-item.css +108 -436
- package/components/header-1177-admin/header-1177-admin.css +33 -33
- package/components/header-1177-pro/header-1177-pro-avatar-lit.js +1 -1
- package/components/header-1177-pro/header-1177-pro-avatar-mobile-lit.js +1 -1
- package/components/header-1177-pro/header-1177-pro-avatar-mobile.css +8 -13
- package/components/header-1177-pro/header-1177-pro-avatar.css +25 -128
- package/components/header-1177-pro/header-1177-pro-item-lit.js +1 -1
- package/components/header-1177-pro/header-1177-pro-item.css +338 -141
- package/components/header-1177-pro/header-1177-pro-lit.js +1 -1
- package/components/header-1177-pro/header-1177-pro-menu-mobile-lit.js +1 -1
- package/components/header-1177-pro/header-1177-pro-menu-mobile.css +14 -4
- package/components/header-1177-pro/header-1177-pro-nav-item-lit.js +1 -1
- package/components/header-1177-pro/header-1177-pro-nav-item.css +112 -386
- package/components/header-1177-pro/header-1177-pro-nav-lit.js +1 -1
- package/components/header-1177-pro/header-1177-pro-nav.css +10 -0
- package/components/header-1177-pro/header-1177-pro-region-picker-lit.js +1 -1
- package/components/header-1177-pro/header-1177-pro-region-picker-mobile-lit.js +1 -1
- package/components/header-1177-pro/header-1177-pro-region-picker-mobile.css +4 -4
- package/components/header-1177-pro/header-1177-pro-region-picker.css +3 -2
- package/components/header-1177-pro/header-1177-pro.css +35 -33
- package/components/header-inera/header-inera-item-lit.js +1 -1
- package/components/header-inera/header-inera-item.css +92 -53
- package/components/header-inera/header-inera-lit.js +1 -1
- package/components/header-inera/header-inera-menu-mobile-lit.js +1 -1
- package/components/header-inera/header-inera-menu-mobile.css +18 -4
- package/components/header-inera/header-inera-nav-item-lit.js +1 -1
- package/components/header-inera/header-inera-nav-item.css +51 -70
- package/components/header-inera/header-inera.css +12 -9
- package/components/header-inera-admin/composite-header-inera-admin.css +241 -320
- package/components/header-inera-admin/header-inera-admin-avatar-lit.js +1 -1
- package/components/header-inera-admin/header-inera-admin-avatar-mobile-lit.js +1 -1
- package/components/header-inera-admin/header-inera-admin-avatar-mobile.css +9 -12
- package/components/header-inera-admin/header-inera-admin-avatar.css +25 -128
- package/components/header-inera-admin/header-inera-admin-item-lit.js +1 -1
- package/components/header-inera-admin/header-inera-admin-item.css +101 -53
- package/components/header-inera-admin/header-inera-admin-lit.js +1 -1
- package/components/header-inera-admin/header-inera-admin-menu-mobile-lit.js +1 -1
- package/components/header-inera-admin/header-inera-admin-menu-mobile.css +61 -58
- package/components/header-inera-admin/header-inera-admin-nav-item-lit.js +1 -1
- package/components/header-inera-admin/header-inera-admin-nav-item.css +52 -76
- package/components/header-inera-admin/header-inera-admin.css +5 -5
- package/components/header-patient/header-patient-lit.js +1 -1
- package/components/header-patient/header-patient.css +27 -126
- package/components/mobile-menu/mobile-menu-lit.js +1 -1
- package/components/mobile-menu/mobile-menu.css +311 -435
- package/components/navigation/content/navigation-content-lit.js +1 -1
- package/components/navigation/content/navigation-content.css +15 -149
- package/components/navigation/local/navigation-local-lit.js +1 -1
- package/components/navigation/local/navigation-local.css +10 -14
- package/components/notification-badge/notification-badge-lit.js +1 -1
- package/components/notification-badge/notification-badge.css +1 -0
- package/components/pagination/data-pagination/data-pagination-lit.js +1 -1
- package/components/pagination/data-pagination/data-pagination.css +107 -131
- package/components/pagination/list-pagination/list-pagination-lit.js +1 -1
- package/components/pagination/list-pagination/list-pagination.css +84 -54
- package/components/popover/popover-content-lit.js +1 -1
- package/components/popover/popover-content.css +86 -167
- package/components/popover/popover-lit.js +1 -1
- package/components/popover/popover.css +2 -2
- package/components/progressbar/progressbar-lit.js +1 -1
- package/components/progressbar/progressbar.css +10 -113
- package/components/puff-list/puff-list-lit.js +1 -1
- package/components/puff-list/puff-list.css +89 -216
- package/components/side-menu/side-menu-lit.js +1 -1
- package/components/side-menu/side-menu.css +66 -74
- package/components/side-panel/side-panel-lit.js +1 -1
- package/components/side-panel/side-panel.css +23 -19
- package/components/stepper/stepper-lit.js +1 -1
- package/components/stepper/stepper.css +19 -146
- package/components/tabs/tab-lit.js +1 -1
- package/components/tabs/tab.css +5 -5
- package/components/tabs/tabs-lit.js +2 -2
- package/components/tabs/tabs.css +0 -2
- package/components/tag/tag-lit.js +1 -1
- package/components/tag/tag.css +12 -7
- package/components/tooltip/tooltip-lit.js +1 -1
- package/components/tooltip/tooltip.css +8 -9
- package/global/global.css +919 -729
- package/global/icons/Inera-Design-Icons.eot +0 -0
- package/global/icons/Inera-Design-Icons.svg +14 -2
- package/global/icons/Inera-Design-Icons.ttf +0 -0
- package/global/icons/Inera-Design-Icons.woff +0 -0
- package/global/util/util.css +12 -2
- package/package.json +1 -1
- package/styles.css +1323 -1117
- package/tokens/themes/1177-admin-tokens.css +534 -138
- package/tokens/themes/1177-pro-tokens.css +534 -138
- package/tokens/themes/1177-tokens.css +534 -138
- package/tokens/themes/inera-admin-tokens.css +365 -81
- package/tokens/themes/inera-tokens.css +365 -81
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { css, unsafeCSS } from 'lit';
|
|
2
2
|
|
|
3
|
-
var css_248z = "
|
|
3
|
+
var css_248z = ".ids--dark,.ids--light{--IDS-FONT-FAMILY-BASE:\"Open Sans\";--IDS-FONT-FAMILY-HEADING:\"Inter\";--IDS-FONT-COLOR:var(--ids-color-surface-text-on-default);--IDS-HEADING-XXL__MARGIN-BOTTOM:1.875rem;--IDS-HEADING-XL__MARGIN-BOTTOM:1.875rem;--IDS-HEADING-L__MARGIN-BOTTOM:1.875rem;--IDS-PAGE-LIST__COLOR:var(--ids-color-brand-text-primary);--IDS-PAGE-LIST__FONT-FAMILY:var(--IDS-FONT-FAMILY-HEADING);--IDS-PAGE-LIST__FONT-SIZE:1.25rem;--IDS-PAGE-LIST__LINE-HEIGHT:1.5rem;--IDS-PAGE-LIST__FONT-WEIGHT:700;--IDS-PAGE-LIST__LETTER-SPACING:-0.025rem;--IDS-BULLET-LIST__MARKER-COLOR:var(--ids-color-brand-text-primary);--IDS-BULLET-LIST__MARKER-FONT-WEIGHT:bold;--IDS-BULLET-LIST__LINE-HEIGHT:1.5rem;--IDS-DIVIDER__COLOR:var(--ids-color-surface-border-default)}.ids--dark.ids--1177-admin,.ids--dark.ids--1177-pro,.ids--light.ids--1177-admin,.ids--light.ids--1177-pro{--IDS-PAGE-LIST__COLOR:var(--ids-color-interactive-text-default)}.ids--dark.ids--inera,.ids--dark.ids--inera-admin,.ids--light.ids--inera,.ids--light.ids--inera-admin{--IDS-FONT-FAMILY-BASE:\"Open Sans\";--IDS-FONT-FAMILY-HEADING:\"Poppins\";--IDS-HEADING-XXL__MARGIN-BOTTOM:1.25rem;--IDS-HEADING-XL__MARGIN-BOTTOM:1.25rem;--IDS-HEADING-L__MARGIN-BOTTOM:1.25rem;--IDS-PAGE-LIST__FONT-WEIGHT:600;--IDS-PAGE-LIST__LETTER-SPACING:0;--IDS-BULLET-LIST__MARKER-FONT-WEIGHT:normal;--IDS-BULLET-LIST__LINE-HEIGHT:1.625rem;--IDS-DESCRIPTION-LIST__TERM-FONT-WEIGHT:600}.ids--dark.ids--dark,.ids--light.ids--dark{--IDS-PAGE-LIST__COLOR:var(--ids-color-navigation-text-default)}.ids--dark.ids--dark.ids--1177-admin,.ids--dark.ids--dark.ids--1177-pro,.ids--dark.ids--dark.ids--inera,.ids--dark.ids--dark.ids--inera-admin,.ids--light.ids--dark.ids--1177-admin,.ids--light.ids--dark.ids--1177-pro,.ids--light.ids--dark.ids--inera,.ids--light.ids--dark.ids--inera-admin{--IDS-PAGE-LIST__COLOR:var(--ids-color-interactive-text-default)}@media (max-width:1023px){.ids-desktop{display:none!important}}@media (min-width:1024px){.ids-mobile{display:none!important}}.ids-form-group__fieldset{border:none;display:flex;flex-direction:column;gap:.5rem;margin:0;padding:0}.ids-form-group__fieldset.ids-form-group__fieldset--compact{gap:0}.ids-form-group__fieldset legend{align-items:center;color:var(--ids-color-surface-text-on-default);color:var(--IDS-FORM-LABEL__COLOR);display:inline-flex;font-family:var(--ids-font-family-body-text);font-size:var(--ids-font-size-body-text);font-style:normal;font-weight:var(--ids-font-weight-body-text);gap:.5rem;letter-spacing:0;line-height:var(--ids-line-height-body-text);margin-bottom:.625rem;padding:0}.ids-form-group__fieldset legend ::slotted(*){margin-bottom:-.25rem}";
|
|
4
4
|
|
|
5
5
|
var groupLit = css`${unsafeCSS(css_248z)}`;
|
|
6
6
|
|
|
@@ -1,72 +1,10 @@
|
|
|
1
|
-
|
|
1
|
+
.ids--light, .ids--dark {
|
|
2
2
|
--IDS-FONT-FAMILY-BASE: "Open Sans";
|
|
3
3
|
--IDS-FONT-FAMILY-HEADING: "Inter";
|
|
4
4
|
--IDS-FONT-COLOR: var(--ids-color-surface-text-on-default);
|
|
5
|
-
--IDS-HEADING-XXL__COLOR: var(--ids-color-heading-text-xxl);
|
|
6
|
-
--IDS-HEADING-XXL__FONT-FAMILY: var(--IDS-FONT-FAMILY-HEADING);
|
|
7
|
-
--IDS-HEADING-XXL__FONT-SIZE: 2rem;
|
|
8
|
-
--IDS-HEADING-XXL__LINE-HEIGHT: 2.5rem;
|
|
9
|
-
--IDS-HEADING-XXL__FONT-SIZE-DESKTOP: 3rem;
|
|
10
|
-
--IDS-HEADING-XXL__LINE-HEIGHT-DESKTOP: 3.25rem;
|
|
11
|
-
--IDS-HEADING-XXL__FONT-WEIGHT: 700;
|
|
12
|
-
--IDS-HEADING-XXL__LETTER-SPACING: -0.052rem;
|
|
13
|
-
--IDS-HEADING-XXL__LETTER-SPACING-DESKTOP: -0.078rem;
|
|
14
5
|
--IDS-HEADING-XXL__MARGIN-BOTTOM: 1.875rem;
|
|
15
|
-
--IDS-HEADING-XL__COLOR: var(--ids-color-heading-text-xl);
|
|
16
|
-
--IDS-HEADING-XL__FONT-FAMILY: var(--IDS-FONT-FAMILY-HEADING);
|
|
17
|
-
--IDS-HEADING-XL__FONT-SIZE: 1.625rem;
|
|
18
|
-
--IDS-HEADING-XL__LINE-HEIGHT: 2.125rem;
|
|
19
|
-
--IDS-HEADING-XL__FONT-SIZE-DESKTOP: 2.25rem;
|
|
20
|
-
--IDS-HEADING-XL__LINE-HEIGHT-DESKTOP: 2.625rem;
|
|
21
|
-
--IDS-HEADING-XL__FONT-WEIGHT: 700;
|
|
22
|
-
--IDS-HEADING-XL__LETTER-SPACING: -0.031rem;
|
|
23
|
-
--IDS-HEADING-XL__LETTER-SPACING-DESKTOP: -0.063rem;
|
|
24
6
|
--IDS-HEADING-XL__MARGIN-BOTTOM: 1.875rem;
|
|
25
|
-
--IDS-HEADING-L__COLOR: var(--ids-color-heading-text-l);
|
|
26
|
-
--IDS-HEADING-L__FONT-FAMILY: var(--IDS-FONT-FAMILY-HEADING);
|
|
27
|
-
--IDS-HEADING-L__FONT-SIZE-DESKTOP: 1.75rem;
|
|
28
|
-
--IDS-HEADING-L__LINE-HEIGHT-DESKTOP: 2.25rem;
|
|
29
|
-
--IDS-HEADING-L__FONT-SIZE: 1.5rem;
|
|
30
|
-
--IDS-HEADING-L__LINE-HEIGHT: 1.875rem;
|
|
31
|
-
--IDS-HEADING-L__FONT-WEIGHT: 700;
|
|
32
|
-
--IDS-HEADING-L__LETTER-SPACING: -0.025rem;
|
|
33
|
-
--IDS-HEADING-L__LETTER-SPACING-DESKTOP: -0.044rem;
|
|
34
7
|
--IDS-HEADING-L__MARGIN-BOTTOM: 1.875rem;
|
|
35
|
-
--IDS-HEADING-M__COLOR: var(--ids-color-heading-text-m);
|
|
36
|
-
--IDS-HEADING-M__FONT-FAMILY: var(--IDS-FONT-FAMILY-HEADING);
|
|
37
|
-
--IDS-HEADING-M__FONT-SIZE: 1.375rem;
|
|
38
|
-
--IDS-HEADING-M__LINE-HEIGHT: 1.75rem;
|
|
39
|
-
--IDS-HEADING-M__FONT-SIZE-DESKTOP: 1.5rem;
|
|
40
|
-
--IDS-HEADING-M__LINE-HEIGHT-DESKTOP: 1.875rem;
|
|
41
|
-
--IDS-HEADING-M__FONT-WEIGHT: 700;
|
|
42
|
-
--IDS-HEADING-M__LETTER-SPACING: -0.019rem;
|
|
43
|
-
--IDS-HEADING-M__LETTER-SPACING-DESKTOP: -0.031rem;
|
|
44
|
-
--IDS-HEADING-S__COLOR: var(--ids-color-heading-text-s);
|
|
45
|
-
--IDS-HEADING-S__FONT-FAMILY: var(--IDS-FONT-FAMILY-HEADING);
|
|
46
|
-
--IDS-HEADING-S__FONT-SIZE: 1.25rem;
|
|
47
|
-
--IDS-HEADING-S__LINE-HEIGHT: 1.5rem;
|
|
48
|
-
--IDS-HEADING-S__FONT-SIZE-DESKTOP: 1.25rem;
|
|
49
|
-
--IDS-HEADING-S__LINE-HEIGHT-DESKTOP: 1.5rem;
|
|
50
|
-
--IDS-HEADING-S__FONT-WEIGHT: 700;
|
|
51
|
-
--IDS-HEADING-S__LETTER-SPACING: -0.013rem;
|
|
52
|
-
--IDS-HEADING-S__LETTER-SPACING-DESKTOP: -0.025rem;
|
|
53
|
-
--IDS-HEADING-XS__COLOR: var(--ids-color-heading-text-xs);
|
|
54
|
-
--IDS-HEADING-XS__FONT-FAMILY: var(--IDS-FONT-FAMILY-HEADING);
|
|
55
|
-
--IDS-HEADING-XS__FONT-SIZE: 1rem;
|
|
56
|
-
--IDS-HEADING-XS__LINE-HEIGHT: 1.25rem;
|
|
57
|
-
--IDS-HEADING-XS__FONT-WEIGHT: 700;
|
|
58
|
-
--IDS-HEADING-XS__LETTER-SPACING: 0;
|
|
59
|
-
--IDS-ANCHOR__COLOR: var(--ids-color-interactive-text-default);
|
|
60
|
-
--IDS-ANCHOR__HOVER-COLOR: var(--ids-color-interactive-text-hover);
|
|
61
|
-
--IDS-PREAMBLE__FONT-FAMILY: var(--IDS-FONT-FAMILY-BASE);
|
|
62
|
-
--IDS-PREAMBLE__FONT-SIZE: 1.125rem;
|
|
63
|
-
--IDS-PREAMBLE__LINE-HEIGHT: 1.75rem;
|
|
64
|
-
--IDS-PREAMBLE__FONT-SIZE-DESKTOP: 1.375rem;
|
|
65
|
-
--IDS-PREAMBLE__LINE-HEIGHT-DESKTOP: 2.25rem;
|
|
66
|
-
--IDS-BODY__FONT-FAMILY: var(--IDS-FONT-FAMILY-BASE);
|
|
67
|
-
--IDS-BODY__FONT-SIZE: 1rem;
|
|
68
|
-
--IDS-BODY__LINE-HEIGHT: 1.5rem;
|
|
69
|
-
--IDS-BODY--DISABLED__COLOR: var(--ids-color-interactive-text-disabled);
|
|
70
8
|
--IDS-PAGE-LIST__COLOR: var(--ids-color-brand-text-primary);
|
|
71
9
|
--IDS-PAGE-LIST__FONT-FAMILY: var(--IDS-FONT-FAMILY-HEADING);
|
|
72
10
|
--IDS-PAGE-LIST__FONT-SIZE: 1.25rem;
|
|
@@ -78,66 +16,25 @@
|
|
|
78
16
|
--IDS-BULLET-LIST__LINE-HEIGHT: 1.5rem;
|
|
79
17
|
--IDS-DIVIDER__COLOR: var(--ids-color-surface-border-default);
|
|
80
18
|
}
|
|
81
|
-
|
|
19
|
+
.ids--light.ids--1177-pro, .ids--light.ids--1177-admin, .ids--dark.ids--1177-pro, .ids--dark.ids--1177-admin {
|
|
82
20
|
--IDS-PAGE-LIST__COLOR: var(--ids-color-interactive-text-default);
|
|
83
21
|
}
|
|
84
|
-
|
|
22
|
+
.ids--light.ids--inera, .ids--light.ids--inera-admin, .ids--dark.ids--inera, .ids--dark.ids--inera-admin {
|
|
85
23
|
--IDS-FONT-FAMILY-BASE: "Open Sans";
|
|
86
24
|
--IDS-FONT-FAMILY-HEADING: "Poppins";
|
|
87
|
-
--IDS-HEADING-XXL__FONT-SIZE: 1.875rem;
|
|
88
|
-
--IDS-HEADING-XXL__LINE-HEIGHT: 2.375rem;
|
|
89
|
-
--IDS-HEADING-XXL__FONT-SIZE-DESKTOP: 2.5rem;
|
|
90
|
-
--IDS-HEADING-XXL__LINE-HEIGHT-DESKTOP: 3.125rem;
|
|
91
|
-
--IDS-HEADING-XXL__FONT-WEIGHT: 600;
|
|
92
|
-
--IDS-HEADING-XXL__LETTER-SPACING: inherit;
|
|
93
|
-
--IDS-HEADING-XXL__LETTER-SPACING-DESKTOP: inherit;
|
|
94
25
|
--IDS-HEADING-XXL__MARGIN-BOTTOM: 1.25rem;
|
|
95
|
-
--IDS-HEADING-XL__FONT-SIZE: 1.625rem;
|
|
96
|
-
--IDS-HEADING-XL__LINE-HEIGHT: 2rem;
|
|
97
|
-
--IDS-HEADING-XL__FONT-SIZE-DESKTOP: 2rem;
|
|
98
|
-
--IDS-HEADING-XL__LINE-HEIGHT-DESKTOP: 2.5rem;
|
|
99
|
-
--IDS-HEADING-XL__FONT-WEIGHT: 600;
|
|
100
|
-
--IDS-HEADING-XL__LETTER-SPACING: inherit;
|
|
101
|
-
--IDS-HEADING-XL__LETTER-SPACING-DESKTOP: inherit;
|
|
102
26
|
--IDS-HEADING-XL__MARGIN-BOTTOM: 1.25rem;
|
|
103
|
-
--IDS-HEADING-L__FONT-SIZE: 1.5rem;
|
|
104
|
-
--IDS-HEADING-L__LINE-HEIGHT: 1.875rem;
|
|
105
|
-
--IDS-HEADING-L__FONT-SIZE-DESKTOP: 1.75rem;
|
|
106
|
-
--IDS-HEADING-L__LINE-HEIGHT-DESKTOP: 2.25rem;
|
|
107
|
-
--IDS-HEADING-L__FONT-WEIGHT: 600;
|
|
108
|
-
--IDS-HEADING-L__LETTER-SPACING: inherit;
|
|
109
|
-
--IDS-HEADING-L__LETTER-SPACING-DESKTOP: inherit;
|
|
110
27
|
--IDS-HEADING-L__MARGIN-BOTTOM: 1.25rem;
|
|
111
|
-
--IDS-HEADING-M__FONT-SIZE: 1.375rem;
|
|
112
|
-
--IDS-HEADING-M__LINE-HEIGHT: 1.75rem;
|
|
113
|
-
--IDS-HEADING-M__FONT-SIZE-DESKTOP: 1.5rem;
|
|
114
|
-
--IDS-HEADING-M__LINE-HEIGHT-DESKTOP: 2rem;
|
|
115
|
-
--IDS-HEADING-M__FONT-WEIGHT: 600;
|
|
116
|
-
--IDS-HEADING-M__LETTER-SPACING: inherit;
|
|
117
|
-
--IDS-HEADING-M__LETTER-SPACING-DESKTOP: inherit;
|
|
118
|
-
--IDS-HEADING-S__FONT-SIZE: 1.25rem;
|
|
119
|
-
--IDS-HEADING-S__LINE-HEIGHT: 1.5rem;
|
|
120
|
-
--IDS-HEADING-S__FONT-SIZE-DESKTOP: 1.25rem;
|
|
121
|
-
--IDS-HEADING-S__LINE-HEIGHT-DESKTOP: 1.625rem;
|
|
122
|
-
--IDS-HEADING-S__FONT-WEIGHT: 600;
|
|
123
|
-
--IDS-HEADING-S__LETTER-SPACING: inherit;
|
|
124
|
-
--IDS-HEADING-S__LETTER-SPACING-DESKTOP: inherit;
|
|
125
|
-
--IDS-HEADING-XS__FONT-SIZE: 1rem;
|
|
126
|
-
--IDS-HEADING-XS__LINE-HEIGHT: 1.25rem;
|
|
127
|
-
--IDS-HEADING-XS__FONT-WEIGHT: 600;
|
|
128
|
-
--IDS-HEADING-XS__LETTER-SPACING: inherit;
|
|
129
|
-
--IDS-BODY__LINE-HEIGHT: 1.625rem;
|
|
130
|
-
--IDS-BODY--DISABLED__COLOR: var(--ids-color-interactive-text-disabled);
|
|
131
28
|
--IDS-PAGE-LIST__FONT-WEIGHT: 600;
|
|
132
29
|
--IDS-PAGE-LIST__LETTER-SPACING: 0;
|
|
133
30
|
--IDS-BULLET-LIST__MARKER-FONT-WEIGHT: normal;
|
|
134
31
|
--IDS-BULLET-LIST__LINE-HEIGHT: 1.625rem;
|
|
135
32
|
--IDS-DESCRIPTION-LIST__TERM-FONT-WEIGHT: 600;
|
|
136
33
|
}
|
|
137
|
-
|
|
34
|
+
.ids--light.ids--dark, .ids--dark.ids--dark {
|
|
138
35
|
--IDS-PAGE-LIST__COLOR: var(--ids-color-navigation-text-default);
|
|
139
36
|
}
|
|
140
|
-
|
|
37
|
+
.ids--light.ids--dark.ids--1177-pro, .ids--light.ids--dark.ids--1177-admin, .ids--light.ids--dark.ids--inera, .ids--light.ids--dark.ids--inera-admin, .ids--dark.ids--dark.ids--1177-pro, .ids--dark.ids--dark.ids--1177-admin, .ids--dark.ids--dark.ids--inera, .ids--dark.ids--dark.ids--inera-admin {
|
|
141
38
|
--IDS-PAGE-LIST__COLOR: var(--ids-color-interactive-text-default);
|
|
142
39
|
}
|
|
143
40
|
|
|
@@ -167,11 +64,11 @@
|
|
|
167
64
|
.ids-form-group__fieldset legend {
|
|
168
65
|
padding: 0;
|
|
169
66
|
font-style: normal;
|
|
170
|
-
color: var(--
|
|
171
|
-
font-family: var(--
|
|
172
|
-
font-size: var(--
|
|
173
|
-
line-height: var(--
|
|
174
|
-
font-weight:
|
|
67
|
+
color: var(--ids-color-surface-text-on-default);
|
|
68
|
+
font-family: var(--ids-font-family-body-text);
|
|
69
|
+
font-size: var(--ids-font-size-body-text);
|
|
70
|
+
line-height: var(--ids-line-height-body-text);
|
|
71
|
+
font-weight: var(--ids-font-weight-body-text);
|
|
175
72
|
letter-spacing: 0;
|
|
176
73
|
color: var(--IDS-FORM-LABEL__COLOR);
|
|
177
74
|
display: inline-flex;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { css, unsafeCSS } from 'lit';
|
|
2
2
|
|
|
3
|
-
var css_248z = "
|
|
3
|
+
var css_248z = ".ids--dark,.ids--light{--IDS-FONT-FAMILY-BASE:\"Open Sans\";--IDS-FONT-FAMILY-HEADING:\"Inter\";--IDS-FONT-COLOR:var(--ids-color-surface-text-on-default);--IDS-HEADING-XXL__MARGIN-BOTTOM:1.875rem;--IDS-HEADING-XL__MARGIN-BOTTOM:1.875rem;--IDS-HEADING-L__MARGIN-BOTTOM:1.875rem;--IDS-PAGE-LIST__COLOR:var(--ids-color-brand-text-primary);--IDS-PAGE-LIST__FONT-FAMILY:var(--IDS-FONT-FAMILY-HEADING);--IDS-PAGE-LIST__FONT-SIZE:1.25rem;--IDS-PAGE-LIST__LINE-HEIGHT:1.5rem;--IDS-PAGE-LIST__FONT-WEIGHT:700;--IDS-PAGE-LIST__LETTER-SPACING:-0.025rem;--IDS-BULLET-LIST__MARKER-COLOR:var(--ids-color-brand-text-primary);--IDS-BULLET-LIST__MARKER-FONT-WEIGHT:bold;--IDS-BULLET-LIST__LINE-HEIGHT:1.5rem;--IDS-DIVIDER__COLOR:var(--ids-color-surface-border-default)}.ids--dark.ids--1177-admin,.ids--dark.ids--1177-pro,.ids--light.ids--1177-admin,.ids--light.ids--1177-pro{--IDS-PAGE-LIST__COLOR:var(--ids-color-interactive-text-default)}.ids--dark.ids--inera,.ids--dark.ids--inera-admin,.ids--light.ids--inera,.ids--light.ids--inera-admin{--IDS-FONT-FAMILY-BASE:\"Open Sans\";--IDS-FONT-FAMILY-HEADING:\"Poppins\";--IDS-HEADING-XXL__MARGIN-BOTTOM:1.25rem;--IDS-HEADING-XL__MARGIN-BOTTOM:1.25rem;--IDS-HEADING-L__MARGIN-BOTTOM:1.25rem;--IDS-PAGE-LIST__FONT-WEIGHT:600;--IDS-PAGE-LIST__LETTER-SPACING:0;--IDS-BULLET-LIST__MARKER-FONT-WEIGHT:normal;--IDS-BULLET-LIST__LINE-HEIGHT:1.625rem;--IDS-DESCRIPTION-LIST__TERM-FONT-WEIGHT:600}.ids--dark.ids--dark,.ids--light.ids--dark{--IDS-PAGE-LIST__COLOR:var(--ids-color-navigation-text-default)}.ids--dark.ids--dark.ids--1177-admin,.ids--dark.ids--dark.ids--1177-pro,.ids--dark.ids--dark.ids--inera,.ids--dark.ids--dark.ids--inera-admin,.ids--light.ids--dark.ids--1177-admin,.ids--light.ids--dark.ids--1177-pro,.ids--light.ids--dark.ids--inera,.ids--light.ids--dark.ids--inera-admin{--IDS-PAGE-LIST__COLOR:var(--ids-color-interactive-text-default)}@media (max-width:1023px){.ids-desktop{display:none!important}}@media (min-width:1024px){.ids-mobile{display:none!important}}.ids-range .ids-label,.ids-range ::slotted(label){display:inline-block;margin-bottom:.75rem!important}.ids-range .ids-range-ticks{display:flex;justify-content:space-between;margin-left:.75rem;margin-right:.75rem;margin-top:1.75rem;max-width:100%}.ids-range .ids-range-ticks .ids-range-tick{color:var(--ids-color-surface-text-on-default);display:flex;font-family:var(--ids-font-family-body-text);font-size:var(--ids-font-size-body-text);font-style:normal;font-weight:var(--ids-font-weight-body-text);justify-content:center;letter-spacing:0;line-height:var(--ids-line-height-body-text);position:relative;text-align:center;width:0}.ids-range .ids-range-ticks .ids-range-tick:before{background-color:var(--IDS-RANGE__TICK-LINE-COLOR);content:\"\";display:block;height:.625rem;margin:auto;position:absolute;top:-1rem;width:.063rem}.ids-range .ids-range-ticks .ids-range-tick .ids-range-tick__label{display:block;position:relative}.ids-range .ids-range-ticks.ids-range-ticks--disabled .ids-range-tick{font-style:italic}.ids-range__input,input[type=range]{-webkit-tap-highlight-color:transparent;appearance:none;-webkit-appearance:none;background-color:transparent;background-image:linear-gradient(var(--IDS-RANGE__SELECTION-BACKGROUND-COLOR),var(--IDS-RANGE__SELECTION-BACKGROUND-COLOR));background-repeat:no-repeat;background-size:98% 100%;border:var(--IDS-RANGE__BORDER-THICKNESS) solid var(--IDS-RANGE__BORDER-COLOR);border-radius:1rem;box-sizing:border-box;cursor:pointer;display:block;height:.5rem;margin:0 0 .75rem;padding:0;touch-action:pan-x;width:100%}.ids-range__input::-webkit-slider-thumb,input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background-color:var(--IDS-RANGE__KNOB-BACKGROUND-COLOR);border-radius:100%;cursor:pointer;height:1.5rem;outline:.1875rem solid var(--IDS-RANGE__OUTLINE-COLOR);position:relative;width:1.5rem;z-index:1}.ids-range__input::-webkit-slider-thumb:hover,input[type=range]::-webkit-slider-thumb:hover{background-color:var(--IDS-RANGE__KNOB-HOVER-BACKGROUND-COLOR)}.ids-range__input::-webkit-slider-thumb:active,input[type=range]::-webkit-slider-thumb:active{background-color:var(--IDS-RANGE__KNOB-ACTIVE-BACKGROUND-COLOR)}.ids-range__input::-moz-range-thumb,input[type=range]::-moz-range-thumb{-moz-appearance:none;background-color:var(--IDS-RANGE__KNOB-BACKGROUND-COLOR);border-radius:100%;cursor:pointer;height:1.5rem;outline:.1875rem solid var(--IDS-RANGE__OUTLINE-COLOR);position:relative;width:1.5rem;z-index:1}.ids-range__input::-moz-range-thumb:hover,input[type=range]::-moz-range-thumb:hover{background-color:var(--IDS-RANGE__KNOB-HOVER-BACKGROUND-COLOR)}.ids-range__input::-moz-range-thumb:active,input[type=range]::-moz-range-thumb:active{background-color:var(--IDS-RANGE__KNOB-ACTIVE-BACKGROUND-COLOR)}.ids-range__input::-ms-thumb,input[type=range]::-ms-thumb{background-color:var(--IDS-RANGE__KNOB-BACKGROUND-COLOR);border-radius:100%;cursor:pointer;height:1.5rem;outline:.1875rem solid var(--IDS-RANGE__OUTLINE-COLOR);position:relative;width:1.5rem;z-index:1}.ids-range__input::-ms-thumb:hover,input[type=range]::-ms-thumb:hover{background-color:var(--IDS-RANGE__KNOB-HOVER-BACKGROUND-COLOR)}.ids-range__input::-ms-thumb:active,input[type=range]::-ms-thumb:active{background-color:var(--IDS-RANGE__KNOB-ACTIVE-BACKGROUND-COLOR)}.ids-range__input:disabled,input[type=range]:disabled{background-color:transparent;background-image:linear-gradient(var(--IDS-RANGE--DISABLED__SELECTION-BACKGROUND-COLOR),var(--IDS-RANGE--DISABLED__SELECTION-BACKGROUND-COLOR));border:.0625rem dashed var(--IDS-RANGE--DISABLED__BORDER-COLOR);cursor:default}.ids-range__input:disabled::-moz-range-thumb,input[type=range]:disabled::-moz-range-thumb{background-color:var(--IDS-RANGE--DISABLED__SELECTION-BACKGROUND-COLOR);cursor:default}.ids-range__input:disabled::-webkit-slider-thumb,input[type=range]:disabled::-webkit-slider-thumb{background-color:var(--IDS-RANGE--DISABLED__SELECTION-BACKGROUND-COLOR);cursor:default}.ids-range__input:disabled::-ms-thumb,input[type=range]:disabled::-ms-thumb{background-color:var(--IDS-RANGE--DISABLED__SELECTION-BACKGROUND-COLOR);cursor:default}";
|
|
4
4
|
|
|
5
5
|
var rangeLit = css`${unsafeCSS(css_248z)}`;
|
|
6
6
|
|
|
@@ -1,72 +1,10 @@
|
|
|
1
|
-
|
|
1
|
+
.ids--light, .ids--dark {
|
|
2
2
|
--IDS-FONT-FAMILY-BASE: "Open Sans";
|
|
3
3
|
--IDS-FONT-FAMILY-HEADING: "Inter";
|
|
4
4
|
--IDS-FONT-COLOR: var(--ids-color-surface-text-on-default);
|
|
5
|
-
--IDS-HEADING-XXL__COLOR: var(--ids-color-heading-text-xxl);
|
|
6
|
-
--IDS-HEADING-XXL__FONT-FAMILY: var(--IDS-FONT-FAMILY-HEADING);
|
|
7
|
-
--IDS-HEADING-XXL__FONT-SIZE: 2rem;
|
|
8
|
-
--IDS-HEADING-XXL__LINE-HEIGHT: 2.5rem;
|
|
9
|
-
--IDS-HEADING-XXL__FONT-SIZE-DESKTOP: 3rem;
|
|
10
|
-
--IDS-HEADING-XXL__LINE-HEIGHT-DESKTOP: 3.25rem;
|
|
11
|
-
--IDS-HEADING-XXL__FONT-WEIGHT: 700;
|
|
12
|
-
--IDS-HEADING-XXL__LETTER-SPACING: -0.052rem;
|
|
13
|
-
--IDS-HEADING-XXL__LETTER-SPACING-DESKTOP: -0.078rem;
|
|
14
5
|
--IDS-HEADING-XXL__MARGIN-BOTTOM: 1.875rem;
|
|
15
|
-
--IDS-HEADING-XL__COLOR: var(--ids-color-heading-text-xl);
|
|
16
|
-
--IDS-HEADING-XL__FONT-FAMILY: var(--IDS-FONT-FAMILY-HEADING);
|
|
17
|
-
--IDS-HEADING-XL__FONT-SIZE: 1.625rem;
|
|
18
|
-
--IDS-HEADING-XL__LINE-HEIGHT: 2.125rem;
|
|
19
|
-
--IDS-HEADING-XL__FONT-SIZE-DESKTOP: 2.25rem;
|
|
20
|
-
--IDS-HEADING-XL__LINE-HEIGHT-DESKTOP: 2.625rem;
|
|
21
|
-
--IDS-HEADING-XL__FONT-WEIGHT: 700;
|
|
22
|
-
--IDS-HEADING-XL__LETTER-SPACING: -0.031rem;
|
|
23
|
-
--IDS-HEADING-XL__LETTER-SPACING-DESKTOP: -0.063rem;
|
|
24
6
|
--IDS-HEADING-XL__MARGIN-BOTTOM: 1.875rem;
|
|
25
|
-
--IDS-HEADING-L__COLOR: var(--ids-color-heading-text-l);
|
|
26
|
-
--IDS-HEADING-L__FONT-FAMILY: var(--IDS-FONT-FAMILY-HEADING);
|
|
27
|
-
--IDS-HEADING-L__FONT-SIZE-DESKTOP: 1.75rem;
|
|
28
|
-
--IDS-HEADING-L__LINE-HEIGHT-DESKTOP: 2.25rem;
|
|
29
|
-
--IDS-HEADING-L__FONT-SIZE: 1.5rem;
|
|
30
|
-
--IDS-HEADING-L__LINE-HEIGHT: 1.875rem;
|
|
31
|
-
--IDS-HEADING-L__FONT-WEIGHT: 700;
|
|
32
|
-
--IDS-HEADING-L__LETTER-SPACING: -0.025rem;
|
|
33
|
-
--IDS-HEADING-L__LETTER-SPACING-DESKTOP: -0.044rem;
|
|
34
7
|
--IDS-HEADING-L__MARGIN-BOTTOM: 1.875rem;
|
|
35
|
-
--IDS-HEADING-M__COLOR: var(--ids-color-heading-text-m);
|
|
36
|
-
--IDS-HEADING-M__FONT-FAMILY: var(--IDS-FONT-FAMILY-HEADING);
|
|
37
|
-
--IDS-HEADING-M__FONT-SIZE: 1.375rem;
|
|
38
|
-
--IDS-HEADING-M__LINE-HEIGHT: 1.75rem;
|
|
39
|
-
--IDS-HEADING-M__FONT-SIZE-DESKTOP: 1.5rem;
|
|
40
|
-
--IDS-HEADING-M__LINE-HEIGHT-DESKTOP: 1.875rem;
|
|
41
|
-
--IDS-HEADING-M__FONT-WEIGHT: 700;
|
|
42
|
-
--IDS-HEADING-M__LETTER-SPACING: -0.019rem;
|
|
43
|
-
--IDS-HEADING-M__LETTER-SPACING-DESKTOP: -0.031rem;
|
|
44
|
-
--IDS-HEADING-S__COLOR: var(--ids-color-heading-text-s);
|
|
45
|
-
--IDS-HEADING-S__FONT-FAMILY: var(--IDS-FONT-FAMILY-HEADING);
|
|
46
|
-
--IDS-HEADING-S__FONT-SIZE: 1.25rem;
|
|
47
|
-
--IDS-HEADING-S__LINE-HEIGHT: 1.5rem;
|
|
48
|
-
--IDS-HEADING-S__FONT-SIZE-DESKTOP: 1.25rem;
|
|
49
|
-
--IDS-HEADING-S__LINE-HEIGHT-DESKTOP: 1.5rem;
|
|
50
|
-
--IDS-HEADING-S__FONT-WEIGHT: 700;
|
|
51
|
-
--IDS-HEADING-S__LETTER-SPACING: -0.013rem;
|
|
52
|
-
--IDS-HEADING-S__LETTER-SPACING-DESKTOP: -0.025rem;
|
|
53
|
-
--IDS-HEADING-XS__COLOR: var(--ids-color-heading-text-xs);
|
|
54
|
-
--IDS-HEADING-XS__FONT-FAMILY: var(--IDS-FONT-FAMILY-HEADING);
|
|
55
|
-
--IDS-HEADING-XS__FONT-SIZE: 1rem;
|
|
56
|
-
--IDS-HEADING-XS__LINE-HEIGHT: 1.25rem;
|
|
57
|
-
--IDS-HEADING-XS__FONT-WEIGHT: 700;
|
|
58
|
-
--IDS-HEADING-XS__LETTER-SPACING: 0;
|
|
59
|
-
--IDS-ANCHOR__COLOR: var(--ids-color-interactive-text-default);
|
|
60
|
-
--IDS-ANCHOR__HOVER-COLOR: var(--ids-color-interactive-text-hover);
|
|
61
|
-
--IDS-PREAMBLE__FONT-FAMILY: var(--IDS-FONT-FAMILY-BASE);
|
|
62
|
-
--IDS-PREAMBLE__FONT-SIZE: 1.125rem;
|
|
63
|
-
--IDS-PREAMBLE__LINE-HEIGHT: 1.75rem;
|
|
64
|
-
--IDS-PREAMBLE__FONT-SIZE-DESKTOP: 1.375rem;
|
|
65
|
-
--IDS-PREAMBLE__LINE-HEIGHT-DESKTOP: 2.25rem;
|
|
66
|
-
--IDS-BODY__FONT-FAMILY: var(--IDS-FONT-FAMILY-BASE);
|
|
67
|
-
--IDS-BODY__FONT-SIZE: 1rem;
|
|
68
|
-
--IDS-BODY__LINE-HEIGHT: 1.5rem;
|
|
69
|
-
--IDS-BODY--DISABLED__COLOR: var(--ids-color-interactive-text-disabled);
|
|
70
8
|
--IDS-PAGE-LIST__COLOR: var(--ids-color-brand-text-primary);
|
|
71
9
|
--IDS-PAGE-LIST__FONT-FAMILY: var(--IDS-FONT-FAMILY-HEADING);
|
|
72
10
|
--IDS-PAGE-LIST__FONT-SIZE: 1.25rem;
|
|
@@ -78,66 +16,25 @@
|
|
|
78
16
|
--IDS-BULLET-LIST__LINE-HEIGHT: 1.5rem;
|
|
79
17
|
--IDS-DIVIDER__COLOR: var(--ids-color-surface-border-default);
|
|
80
18
|
}
|
|
81
|
-
|
|
19
|
+
.ids--light.ids--1177-pro, .ids--light.ids--1177-admin, .ids--dark.ids--1177-pro, .ids--dark.ids--1177-admin {
|
|
82
20
|
--IDS-PAGE-LIST__COLOR: var(--ids-color-interactive-text-default);
|
|
83
21
|
}
|
|
84
|
-
|
|
22
|
+
.ids--light.ids--inera, .ids--light.ids--inera-admin, .ids--dark.ids--inera, .ids--dark.ids--inera-admin {
|
|
85
23
|
--IDS-FONT-FAMILY-BASE: "Open Sans";
|
|
86
24
|
--IDS-FONT-FAMILY-HEADING: "Poppins";
|
|
87
|
-
--IDS-HEADING-XXL__FONT-SIZE: 1.875rem;
|
|
88
|
-
--IDS-HEADING-XXL__LINE-HEIGHT: 2.375rem;
|
|
89
|
-
--IDS-HEADING-XXL__FONT-SIZE-DESKTOP: 2.5rem;
|
|
90
|
-
--IDS-HEADING-XXL__LINE-HEIGHT-DESKTOP: 3.125rem;
|
|
91
|
-
--IDS-HEADING-XXL__FONT-WEIGHT: 600;
|
|
92
|
-
--IDS-HEADING-XXL__LETTER-SPACING: inherit;
|
|
93
|
-
--IDS-HEADING-XXL__LETTER-SPACING-DESKTOP: inherit;
|
|
94
25
|
--IDS-HEADING-XXL__MARGIN-BOTTOM: 1.25rem;
|
|
95
|
-
--IDS-HEADING-XL__FONT-SIZE: 1.625rem;
|
|
96
|
-
--IDS-HEADING-XL__LINE-HEIGHT: 2rem;
|
|
97
|
-
--IDS-HEADING-XL__FONT-SIZE-DESKTOP: 2rem;
|
|
98
|
-
--IDS-HEADING-XL__LINE-HEIGHT-DESKTOP: 2.5rem;
|
|
99
|
-
--IDS-HEADING-XL__FONT-WEIGHT: 600;
|
|
100
|
-
--IDS-HEADING-XL__LETTER-SPACING: inherit;
|
|
101
|
-
--IDS-HEADING-XL__LETTER-SPACING-DESKTOP: inherit;
|
|
102
26
|
--IDS-HEADING-XL__MARGIN-BOTTOM: 1.25rem;
|
|
103
|
-
--IDS-HEADING-L__FONT-SIZE: 1.5rem;
|
|
104
|
-
--IDS-HEADING-L__LINE-HEIGHT: 1.875rem;
|
|
105
|
-
--IDS-HEADING-L__FONT-SIZE-DESKTOP: 1.75rem;
|
|
106
|
-
--IDS-HEADING-L__LINE-HEIGHT-DESKTOP: 2.25rem;
|
|
107
|
-
--IDS-HEADING-L__FONT-WEIGHT: 600;
|
|
108
|
-
--IDS-HEADING-L__LETTER-SPACING: inherit;
|
|
109
|
-
--IDS-HEADING-L__LETTER-SPACING-DESKTOP: inherit;
|
|
110
27
|
--IDS-HEADING-L__MARGIN-BOTTOM: 1.25rem;
|
|
111
|
-
--IDS-HEADING-M__FONT-SIZE: 1.375rem;
|
|
112
|
-
--IDS-HEADING-M__LINE-HEIGHT: 1.75rem;
|
|
113
|
-
--IDS-HEADING-M__FONT-SIZE-DESKTOP: 1.5rem;
|
|
114
|
-
--IDS-HEADING-M__LINE-HEIGHT-DESKTOP: 2rem;
|
|
115
|
-
--IDS-HEADING-M__FONT-WEIGHT: 600;
|
|
116
|
-
--IDS-HEADING-M__LETTER-SPACING: inherit;
|
|
117
|
-
--IDS-HEADING-M__LETTER-SPACING-DESKTOP: inherit;
|
|
118
|
-
--IDS-HEADING-S__FONT-SIZE: 1.25rem;
|
|
119
|
-
--IDS-HEADING-S__LINE-HEIGHT: 1.5rem;
|
|
120
|
-
--IDS-HEADING-S__FONT-SIZE-DESKTOP: 1.25rem;
|
|
121
|
-
--IDS-HEADING-S__LINE-HEIGHT-DESKTOP: 1.625rem;
|
|
122
|
-
--IDS-HEADING-S__FONT-WEIGHT: 600;
|
|
123
|
-
--IDS-HEADING-S__LETTER-SPACING: inherit;
|
|
124
|
-
--IDS-HEADING-S__LETTER-SPACING-DESKTOP: inherit;
|
|
125
|
-
--IDS-HEADING-XS__FONT-SIZE: 1rem;
|
|
126
|
-
--IDS-HEADING-XS__LINE-HEIGHT: 1.25rem;
|
|
127
|
-
--IDS-HEADING-XS__FONT-WEIGHT: 600;
|
|
128
|
-
--IDS-HEADING-XS__LETTER-SPACING: inherit;
|
|
129
|
-
--IDS-BODY__LINE-HEIGHT: 1.625rem;
|
|
130
|
-
--IDS-BODY--DISABLED__COLOR: var(--ids-color-interactive-text-disabled);
|
|
131
28
|
--IDS-PAGE-LIST__FONT-WEIGHT: 600;
|
|
132
29
|
--IDS-PAGE-LIST__LETTER-SPACING: 0;
|
|
133
30
|
--IDS-BULLET-LIST__MARKER-FONT-WEIGHT: normal;
|
|
134
31
|
--IDS-BULLET-LIST__LINE-HEIGHT: 1.625rem;
|
|
135
32
|
--IDS-DESCRIPTION-LIST__TERM-FONT-WEIGHT: 600;
|
|
136
33
|
}
|
|
137
|
-
|
|
34
|
+
.ids--light.ids--dark, .ids--dark.ids--dark {
|
|
138
35
|
--IDS-PAGE-LIST__COLOR: var(--ids-color-navigation-text-default);
|
|
139
36
|
}
|
|
140
|
-
|
|
37
|
+
.ids--light.ids--dark.ids--1177-pro, .ids--light.ids--dark.ids--1177-admin, .ids--light.ids--dark.ids--inera, .ids--light.ids--dark.ids--inera-admin, .ids--dark.ids--dark.ids--1177-pro, .ids--dark.ids--dark.ids--1177-admin, .ids--dark.ids--dark.ids--inera, .ids--dark.ids--dark.ids--inera-admin {
|
|
141
38
|
--IDS-PAGE-LIST__COLOR: var(--ids-color-interactive-text-default);
|
|
142
39
|
}
|
|
143
40
|
|
|
@@ -173,11 +70,11 @@
|
|
|
173
70
|
position: relative;
|
|
174
71
|
width: 0;
|
|
175
72
|
font-style: normal;
|
|
176
|
-
color: var(--
|
|
177
|
-
font-family: var(--
|
|
178
|
-
font-size: var(--
|
|
179
|
-
line-height: var(--
|
|
180
|
-
font-weight:
|
|
73
|
+
color: var(--ids-color-surface-text-on-default);
|
|
74
|
+
font-family: var(--ids-font-family-body-text);
|
|
75
|
+
font-size: var(--ids-font-size-body-text);
|
|
76
|
+
line-height: var(--ids-line-height-body-text);
|
|
77
|
+
font-weight: var(--ids-font-weight-body-text);
|
|
181
78
|
letter-spacing: 0;
|
|
182
79
|
}
|
|
183
80
|
.ids-range .ids-range-ticks .ids-range-tick:before {
|
|
@@ -226,11 +123,19 @@ input[type=range]::-webkit-slider-thumb {
|
|
|
226
123
|
width: 1.5rem;
|
|
227
124
|
outline: 0.1875rem solid var(--IDS-RANGE__OUTLINE-COLOR);
|
|
228
125
|
border-radius: 100%;
|
|
229
|
-
background-color: var(--IDS-
|
|
126
|
+
background-color: var(--IDS-RANGE__KNOB-BACKGROUND-COLOR);
|
|
230
127
|
cursor: pointer;
|
|
231
128
|
position: relative;
|
|
232
129
|
z-index: 1;
|
|
233
130
|
}
|
|
131
|
+
.ids-range__input::-webkit-slider-thumb:hover,
|
|
132
|
+
input[type=range]::-webkit-slider-thumb:hover {
|
|
133
|
+
background-color: var(--IDS-RANGE__KNOB-HOVER-BACKGROUND-COLOR);
|
|
134
|
+
}
|
|
135
|
+
.ids-range__input::-webkit-slider-thumb:active,
|
|
136
|
+
input[type=range]::-webkit-slider-thumb:active {
|
|
137
|
+
background-color: var(--IDS-RANGE__KNOB-ACTIVE-BACKGROUND-COLOR);
|
|
138
|
+
}
|
|
234
139
|
.ids-range__input::-moz-range-thumb,
|
|
235
140
|
input[type=range]::-moz-range-thumb {
|
|
236
141
|
-moz-appearance: none;
|
|
@@ -238,22 +143,38 @@ input[type=range]::-moz-range-thumb {
|
|
|
238
143
|
width: 1.5rem;
|
|
239
144
|
outline: 0.1875rem solid var(--IDS-RANGE__OUTLINE-COLOR);
|
|
240
145
|
border-radius: 100%;
|
|
241
|
-
background-color: var(--IDS-
|
|
146
|
+
background-color: var(--IDS-RANGE__KNOB-BACKGROUND-COLOR);
|
|
242
147
|
cursor: pointer;
|
|
243
148
|
position: relative;
|
|
244
149
|
z-index: 1;
|
|
245
150
|
}
|
|
151
|
+
.ids-range__input::-moz-range-thumb:hover,
|
|
152
|
+
input[type=range]::-moz-range-thumb:hover {
|
|
153
|
+
background-color: var(--IDS-RANGE__KNOB-HOVER-BACKGROUND-COLOR);
|
|
154
|
+
}
|
|
155
|
+
.ids-range__input::-moz-range-thumb:active,
|
|
156
|
+
input[type=range]::-moz-range-thumb:active {
|
|
157
|
+
background-color: var(--IDS-RANGE__KNOB-ACTIVE-BACKGROUND-COLOR);
|
|
158
|
+
}
|
|
246
159
|
.ids-range__input::-ms-thumb,
|
|
247
160
|
input[type=range]::-ms-thumb {
|
|
248
161
|
height: 1.5rem;
|
|
249
162
|
width: 1.5rem;
|
|
250
163
|
outline: 0.1875rem solid var(--IDS-RANGE__OUTLINE-COLOR);
|
|
251
164
|
border-radius: 100%;
|
|
252
|
-
background-color: var(--IDS-
|
|
165
|
+
background-color: var(--IDS-RANGE__KNOB-BACKGROUND-COLOR);
|
|
253
166
|
cursor: pointer;
|
|
254
167
|
position: relative;
|
|
255
168
|
z-index: 1;
|
|
256
169
|
}
|
|
170
|
+
.ids-range__input::-ms-thumb:hover,
|
|
171
|
+
input[type=range]::-ms-thumb:hover {
|
|
172
|
+
background-color: var(--IDS-RANGE__KNOB-HOVER-BACKGROUND-COLOR);
|
|
173
|
+
}
|
|
174
|
+
.ids-range__input::-ms-thumb:active,
|
|
175
|
+
input[type=range]::-ms-thumb:active {
|
|
176
|
+
background-color: var(--IDS-RANGE__KNOB-ACTIVE-BACKGROUND-COLOR);
|
|
177
|
+
}
|
|
257
178
|
.ids-range__input:disabled,
|
|
258
179
|
input[type=range]:disabled {
|
|
259
180
|
cursor: default;
|
|
@@ -264,15 +185,15 @@ input[type=range]:disabled {
|
|
|
264
185
|
.ids-range__input:disabled::-moz-range-thumb,
|
|
265
186
|
input[type=range]:disabled::-moz-range-thumb {
|
|
266
187
|
cursor: default;
|
|
267
|
-
background: var(--IDS-RANGE--DISABLED__SELECTION-BACKGROUND-COLOR);
|
|
188
|
+
background-color: var(--IDS-RANGE--DISABLED__SELECTION-BACKGROUND-COLOR);
|
|
268
189
|
}
|
|
269
190
|
.ids-range__input:disabled::-webkit-slider-thumb,
|
|
270
191
|
input[type=range]:disabled::-webkit-slider-thumb {
|
|
271
192
|
cursor: default;
|
|
272
|
-
background: var(--IDS-RANGE--DISABLED__SELECTION-BACKGROUND-COLOR);
|
|
193
|
+
background-color: var(--IDS-RANGE--DISABLED__SELECTION-BACKGROUND-COLOR);
|
|
273
194
|
}
|
|
274
195
|
.ids-range__input:disabled::-ms-thumb,
|
|
275
196
|
input[type=range]:disabled::-ms-thumb {
|
|
276
197
|
cursor: default;
|
|
277
|
-
background: var(--IDS-RANGE--DISABLED__SELECTION-BACKGROUND-COLOR);
|
|
198
|
+
background-color: var(--IDS-RANGE--DISABLED__SELECTION-BACKGROUND-COLOR);
|
|
278
199
|
}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { css, unsafeCSS } from 'lit';
|
|
2
2
|
|
|
3
|
-
var css_248z = ".ids-select-multiple__select{background-color:var(--IDS-INPUT__BACKGROUND-COLOR);border-radius:var(--IDS-BORDER-RADIUS);color:var(--IDS-INPUT__COLOR);display:block;font-family:var(--IDS-FONT-FAMILY-BASE)!important;font-size:1rem;padding:var(--IDS-INPUT__PADDING)}.ids-select-multiple__select:disabled,.ids-select-multiple__select[readonly]{background:var(--IDS-FORM--DISABLED__BACKGROUND-COLOR);border:var(--IDS-FORM--DISABLED__BORDER);color:var(--IDS-FORM--DISABLED__COLOR);font-style:italic!important;opacity:1}.ids-select-multiple__select.ids-input--light{background-color:var(--IDS-INPUT--LIGHT__BACKGROUND-COLOR)}.ids-select-multiple__select.ids-input--light:disabled,.ids-select-multiple__select.ids-input--light[readonly]{background:var(--IDS-FORM--DISABLED__BACKGROUND-COLOR);border:var(--IDS-FORM--DISABLED__BORDER);color:var(--IDS-FORM--DISABLED__COLOR);font-style:italic!important;opacity:1}.ids-select-multiple__select.ids-input--light.ids-input--invalid{background-color:var(--IDS-FORM--INVALID__BACKGROUND-COLOR)}.ids-select-multiple__select{border:var(--IDS-INPUT__BORDER-THICKNESS) solid var(--IDS-INPUT__BORDER-COLOR);cursor:pointer;display:inline-block!important;height:var(--IDS-INPUT__HEIGHT);overflow:hidden;padding-left:var(--IDS-SELECT__PADDING-LEFT)!important;padding-right:var(--IDS-INPUT__ICON-PADDING-RIGHT)!important;text-align:left;text-overflow:ellipsis;width:100%!important}.ids-select-multiple__select.ids-input--invalid,.ids-select-multiple__select[aria-invalid=true]{background:var(--IDS-FORM--INVALID__BACKGROUND-COLOR)!important;border:var(--IDS-FORM--INVALID__BORDER)}.ids-select-multiple__select.ids-input--light{background-color:var(--IDS-SELECT--LIGHT__BACKGROUND-COLOR)}.ids-select-multiple__select.ids-input--light.ids-input--invalid,.ids-select-multiple__select.ids-input--light[aria-invalid=true]{background:var(--IDS-FORM--INVALID__BACKGROUND-COLOR)!important;border:var(--IDS-FORM--INVALID__BORDER)}.ids-select-multiple__select[aria-disabled=true]{background:var(--IDS-FORM--DISABLED__BACKGROUND-COLOR);border:var(--IDS-FORM--DISABLED__BORDER);color:var(--IDS-FORM--DISABLED__COLOR);font-style:italic!important;opacity:1}.ids-select-multiple__select:disabled{cursor:default}.ids-select-multiple__select:disabled.ids-input--light{background-color:var(--IDS-INPUT--LIGHT__BACKGROUND-COLOR);background:var(--IDS-FORM--DISABLED__BACKGROUND-COLOR);border:var(--IDS-FORM--DISABLED__BORDER);color:var(--IDS-FORM--DISABLED__COLOR);font-style:italic!important;opacity:1}.ids-select-multiple__select
|
|
3
|
+
var css_248z = ".ids-select-multiple__select{background-color:var(--IDS-INPUT__BACKGROUND-COLOR);border-radius:var(--IDS-BORDER-RADIUS);color:var(--IDS-INPUT__COLOR);display:block;font-family:var(--IDS-FONT-FAMILY-BASE)!important;font-size:1rem;padding:var(--IDS-INPUT__PADDING)}.ids-select-multiple__select:hover{background-color:var(--IDS-INPUT__HOVER-BACKGROUND-COLOR)}.ids-select-multiple__select:active{background-color:var(--IDS-INPUT__ACTIVE-BACKGROUND-COLOR);border-color:var(--IDS-INPUT__ACTIVE-BORDER-COLOR)}.ids-select-multiple__select:focus-visible,.ids-select-multiple__select:focus-visible:hover{background-color:var(--IDS-INPUT__BACKGROUND-COLOR);border-color:var(--IDS-INPUT__FOCUS-BORDER-COLOR)}.ids-select-multiple__select:disabled,.ids-select-multiple__select[readonly]{background:var(--IDS-FORM--DISABLED__BACKGROUND-COLOR);border:var(--IDS-FORM--DISABLED__BORDER);color:var(--IDS-FORM--DISABLED__COLOR);font-style:italic!important;opacity:1}.ids-select-multiple__select.ids-input--light{background-color:var(--IDS-INPUT--LIGHT__BACKGROUND-COLOR)}.ids-select-multiple__select.ids-input--light:hover{background-color:var(--IDS-INPUT--LIGHT__HOVER-BACKGROUND-COLOR)}.ids-select-multiple__select.ids-input--light:active{background-color:var(--IDS-INPUT--LIGHT__ACTIVE-BACKGROUND-COLOR);border-color:var(--IDS-INPUT__ACTIVE-BORDER-COLOR)}.ids-select-multiple__select.ids-input--light:focus-visible,.ids-select-multiple__select.ids-input--light:focus-visible:hover{background-color:var(--IDS-INPUT--LIGHT__BACKGROUND-COLOR)}.ids-select-multiple__select.ids-input--light:disabled,.ids-select-multiple__select.ids-input--light[readonly]{background:var(--IDS-FORM--DISABLED__BACKGROUND-COLOR);border:var(--IDS-FORM--DISABLED__BORDER);color:var(--IDS-FORM--DISABLED__COLOR);font-style:italic!important;opacity:1}.ids-select-multiple__select.ids-input--light.ids-input--invalid{background-color:var(--IDS-FORM--INVALID__BACKGROUND-COLOR)}.ids-select-multiple__select:focus-visible{outline:.125rem solid var(--IDS-FOCUS__OUTLINE-COLOR);outline-offset:var(--IDS-FOCUS__OUTLINE-OFFSET)!important}.ids-select-multiple__select{border:var(--IDS-INPUT__BORDER-THICKNESS) solid var(--IDS-INPUT__BORDER-COLOR);cursor:pointer;display:inline-block!important;height:var(--IDS-INPUT__HEIGHT);overflow:hidden;padding-left:var(--IDS-SELECT__PADDING-LEFT)!important;padding-right:var(--IDS-INPUT__ICON-PADDING-RIGHT)!important;text-align:left;text-overflow:ellipsis;width:100%!important}.ids-select-multiple__select.ids-input--invalid,.ids-select-multiple__select[aria-invalid=true]{background:var(--IDS-FORM--INVALID__BACKGROUND-COLOR)!important;border:var(--IDS-FORM--INVALID__BORDER)}.ids-select-multiple__select.ids-input--light{background-color:var(--IDS-SELECT--LIGHT__BACKGROUND-COLOR)}.ids-select-multiple__select.ids-input--light.ids-input--invalid,.ids-select-multiple__select.ids-input--light[aria-invalid=true]{background:var(--IDS-FORM--INVALID__BACKGROUND-COLOR)!important;border:var(--IDS-FORM--INVALID__BORDER)}.ids-select-multiple__select[aria-disabled=true]{background:var(--IDS-FORM--DISABLED__BACKGROUND-COLOR);border:var(--IDS-FORM--DISABLED__BORDER);color:var(--IDS-FORM--DISABLED__COLOR);font-style:italic!important;opacity:1}.ids-select-multiple__select:disabled{cursor:default}.ids-select-multiple__select:disabled.ids-input--light{background-color:var(--IDS-INPUT--LIGHT__BACKGROUND-COLOR);background:var(--IDS-FORM--DISABLED__BACKGROUND-COLOR);border:var(--IDS-FORM--DISABLED__BORDER);color:var(--IDS-FORM--DISABLED__COLOR);font-style:italic!important;opacity:1}.ids-select-multiple__select-wrapper{display:flex;position:relative}.ids-select-multiple__select-wrapper:after{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--IDS-ICON--ACTIVE-COLOR);content:\"\\e936\";display:block;font:icon;font-family:Inera-Design-Icons!important;pointer-events:none;position:absolute;right:var(--IDS-INPUT__ICON-RIGHT);top:50%;transform:translateY(-50%);z-index:20}.ids-select-multiple__select-wrapper:has(.ids-input--invalid):after,.ids-select-multiple__select-wrapper:has(input[aria-invalid=true]):after{color:var(--IDS-FORM--INVALID__COLOR)}.ids-select-multiple__select-wrapper:has(input:disabled):after,.ids-select-multiple__select-wrapper:has(input[aria-disabled=true]):after{color:var(--IDS-FORM--DISABLED__COLOR)}.ids-select-multiple__dropdown-wrapper{position:relative}.ids-select-multiple__dropdown-wrapper .ids-select-multiple__dropdown{background-color:var(--IDS-SELECT-MULTIPLE-DROPDOWN__BACKGROUND-COLOR);border:1px solid var(--IDS-SELECT-MULTIPLE-DROPDOWN__BORDER-COLOR);border-radius:var(--IDS-BORDER-RADIUS);box-shadow:var(--IDS-BOX-SHADOW-ELEVATED-2);color:var(--IDS-FONT-COLOR);display:none;left:0;position:absolute;right:0;z-index:10}.ids-select-multiple__dropdown-wrapper .ids-select-multiple__dropdown.ids-select-multiple__dropdown--expanded{display:block}.ids-select-multiple__dropdown-wrapper .ids-select-multiple__dropdown .ids-select-multiple__dropdown-scroll-area::-webkit-scrollbar{width:.625rem}.ids-select-multiple__dropdown-wrapper .ids-select-multiple__dropdown .ids-select-multiple__dropdown-scroll-area::-webkit-scrollbar-thumb{background:var(--IDS-SCROLL__THUMB-COLOR);border:.125rem solid var(--IDS-SCROLL__TRACK-BACKGROUND-COLOR);border-radius:.625rem;cursor:auto}.ids-select-multiple__dropdown-wrapper .ids-select-multiple__dropdown .ids-select-multiple__dropdown-scroll-area::-webkit-scrollbar-thumb:hover{background:var(--IDS-SCROLL__THUMB-HOVER-COLOR)}.ids-select-multiple__dropdown-wrapper .ids-select-multiple__dropdown .ids-select-multiple__dropdown-scroll-area::-webkit-scrollbar-track{background:var(--IDS-SCROLL__TRACK-BACKGROUND-COLOR);border-radius:.625rem;margin-top:0;outline:.0625rem solid var(--IDS-SCROLL__TRACK-OUTLINE-COLOR)}.ids-select-multiple__dropdown-wrapper .ids-select-multiple__dropdown .ids-select-multiple__dropdown-scroll-area::-webkit-scrollbar-corner{background-color:transparent}.ids-select-multiple__dropdown-wrapper .ids-select-multiple__dropdown .ids-select-multiple__dropdown-scroll-area{overflow-y:auto;padding:.625rem}:host([disabled]) input{background:var(--IDS-FORM--DISABLED__BACKGROUND-COLOR);border:var(--IDS-FORM--DISABLED__BORDER);color:var(--IDS-FORM--DISABLED__COLOR);font-style:italic!important;opacity:1}.ids-select-multiple-label-wrapper .ids-label-tooltip-wrapper{align-items:flex-start;display:inline-flex;gap:.5rem}.ids-select-multiple-label-wrapper .ids-label-tooltip-wrapper.ids-label-tooltip-wrapper--block{width:100%}.ids-select-multiple-label-wrapper .ids-label-tooltip-wrapper.ids-label-tooltip-wrapper--inline{display:inline}.ids-select-multiple-label-wrapper .ids-label-tooltip-wrapper.ids-label-tooltip-wrapper--inline label{display:inline;margin-right:.5rem;position:relative;top:-.1875rem}.ids-select-multiple-label-wrapper .ids-label{color:var(--IDS-FORM-LABEL__COLOR);display:inline-block;font-family:var(--IDS-FORM-LABEL__FONT-FAMILY);font-size:var(--IDS-FORM-LABEL__FONT-SIZE);font-style:normal;font-weight:var(--IDS-FORM-LABEL__FONT-WEIGHT);letter-spacing:var(--IDS-FORM-LABEL__LETTER-SPACING);line-height:var(--IDS-FORM-LABEL__HEIGHT);margin-bottom:.25rem;min-height:1.25rem;min-width:1.5rem}.ids-select-multiple-label-wrapper .ids-label.ids-label--clickable{cursor:pointer!important}.ids-select-multiple-label-wrapper .ids-label.ids-label--disabled{color:var(--IDS-FORM-LABEL--DISABLED-COLOR);cursor:default!important;font-style:italic}.ids-select-multiple-label-wrapper .ids-label.ids-label--no-label{display:none}.ids-select-multiple-label-wrapper:has(input:disabled) .ids-label{color:var(--IDS-FORM-LABEL--DISABLED-COLOR);cursor:default!important;font-style:italic}";
|
|
4
4
|
|
|
5
5
|
var selectMultipleLit = css`${unsafeCSS(css_248z)}`;
|
|
6
6
|
|
|
@@ -23,6 +23,17 @@
|
|
|
23
23
|
color: var(--IDS-INPUT__COLOR);
|
|
24
24
|
display: block;
|
|
25
25
|
}
|
|
26
|
+
.ids-select-multiple__select:hover {
|
|
27
|
+
background-color: var(--IDS-INPUT__HOVER-BACKGROUND-COLOR);
|
|
28
|
+
}
|
|
29
|
+
.ids-select-multiple__select:active {
|
|
30
|
+
border-color: var(--IDS-INPUT__ACTIVE-BORDER-COLOR);
|
|
31
|
+
background-color: var(--IDS-INPUT__ACTIVE-BACKGROUND-COLOR);
|
|
32
|
+
}
|
|
33
|
+
.ids-select-multiple__select:focus-visible, .ids-select-multiple__select:focus-visible:hover {
|
|
34
|
+
background-color: var(--IDS-INPUT__BACKGROUND-COLOR);
|
|
35
|
+
border-color: var(--IDS-INPUT__FOCUS-BORDER-COLOR);
|
|
36
|
+
}
|
|
26
37
|
.ids-select-multiple__select:disabled, .ids-select-multiple__select[readonly] {
|
|
27
38
|
color: var(--IDS-FORM--DISABLED__COLOR);
|
|
28
39
|
font-style: italic !important;
|
|
@@ -37,6 +48,16 @@
|
|
|
37
48
|
.ids-select-multiple__select.ids-input--light {
|
|
38
49
|
background-color: var(--IDS-INPUT--LIGHT__BACKGROUND-COLOR);
|
|
39
50
|
}
|
|
51
|
+
.ids-select-multiple__select.ids-input--light:hover {
|
|
52
|
+
background-color: var(--IDS-INPUT--LIGHT__HOVER-BACKGROUND-COLOR);
|
|
53
|
+
}
|
|
54
|
+
.ids-select-multiple__select.ids-input--light:active {
|
|
55
|
+
border-color: var(--IDS-INPUT__ACTIVE-BORDER-COLOR);
|
|
56
|
+
background-color: var(--IDS-INPUT--LIGHT__ACTIVE-BACKGROUND-COLOR);
|
|
57
|
+
}
|
|
58
|
+
.ids-select-multiple__select.ids-input--light:focus-visible, .ids-select-multiple__select.ids-input--light:focus-visible:hover {
|
|
59
|
+
background-color: var(--IDS-INPUT--LIGHT__BACKGROUND-COLOR);
|
|
60
|
+
}
|
|
40
61
|
.ids-select-multiple__select.ids-input--light:disabled, .ids-select-multiple__select.ids-input--light[readonly] {
|
|
41
62
|
color: var(--IDS-FORM--DISABLED__COLOR);
|
|
42
63
|
font-style: italic !important;
|
|
@@ -47,6 +68,10 @@
|
|
|
47
68
|
.ids-select-multiple__select.ids-input--light.ids-input--invalid {
|
|
48
69
|
background-color: var(--IDS-FORM--INVALID__BACKGROUND-COLOR);
|
|
49
70
|
}
|
|
71
|
+
.ids-select-multiple__select:focus-visible {
|
|
72
|
+
outline: 0.125rem solid var(--IDS-FOCUS__OUTLINE-COLOR);
|
|
73
|
+
outline-offset: var(--IDS-FOCUS__OUTLINE-OFFSET) !important;
|
|
74
|
+
}
|
|
50
75
|
.ids-select-multiple__select {
|
|
51
76
|
height: var(--IDS-INPUT__HEIGHT);
|
|
52
77
|
cursor: pointer;
|
|
@@ -88,10 +113,6 @@
|
|
|
88
113
|
border: var(--IDS-FORM--DISABLED__BORDER);
|
|
89
114
|
opacity: 1;
|
|
90
115
|
}
|
|
91
|
-
.ids-select-multiple__select:focus {
|
|
92
|
-
outline: var(--IDS-FOCUS__OUTLINE);
|
|
93
|
-
outline-offset: var(--IDS-FOCUS__OUTLINE-OFFSET) !important;
|
|
94
|
-
}
|
|
95
116
|
|
|
96
117
|
.ids-select-multiple__select-wrapper {
|
|
97
118
|
position: relative;
|
|
@@ -123,8 +144,9 @@
|
|
|
123
144
|
position: relative;
|
|
124
145
|
}
|
|
125
146
|
.ids-select-multiple__dropdown-wrapper .ids-select-multiple__dropdown {
|
|
126
|
-
box-shadow: var(--IDS-BOX-SHADOW-
|
|
147
|
+
box-shadow: var(--IDS-BOX-SHADOW-ELEVATED-2);
|
|
127
148
|
background-color: var(--IDS-SELECT-MULTIPLE-DROPDOWN__BACKGROUND-COLOR);
|
|
149
|
+
border: 1px solid var(--IDS-SELECT-MULTIPLE-DROPDOWN__BORDER-COLOR);
|
|
128
150
|
color: var(--IDS-FONT-COLOR);
|
|
129
151
|
border-radius: var(--IDS-BORDER-RADIUS);
|
|
130
152
|
position: absolute;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { css, unsafeCSS } from 'lit';
|
|
2
2
|
|
|
3
|
-
var css_248z = ":root{--IDS-FONT-FAMILY-BASE:\"Open Sans\";--IDS-FONT-FAMILY-HEADING:\"Inter\";--IDS-FONT-COLOR:var(--ids-color-surface-text-on-default);--IDS-HEADING-XXL__COLOR:var(--ids-color-heading-text-xxl);--IDS-HEADING-XXL__FONT-FAMILY:var(--IDS-FONT-FAMILY-HEADING);--IDS-HEADING-XXL__FONT-SIZE:2rem;--IDS-HEADING-XXL__LINE-HEIGHT:2.5rem;--IDS-HEADING-XXL__FONT-SIZE-DESKTOP:3rem;--IDS-HEADING-XXL__LINE-HEIGHT-DESKTOP:3.25rem;--IDS-HEADING-XXL__FONT-WEIGHT:700;--IDS-HEADING-XXL__LETTER-SPACING:-0.052rem;--IDS-HEADING-XXL__LETTER-SPACING-DESKTOP:-0.078rem;--IDS-HEADING-XXL__MARGIN-BOTTOM:1.875rem;--IDS-HEADING-XL__COLOR:var(--ids-color-heading-text-xl);--IDS-HEADING-XL__FONT-FAMILY:var(--IDS-FONT-FAMILY-HEADING);--IDS-HEADING-XL__FONT-SIZE:1.625rem;--IDS-HEADING-XL__LINE-HEIGHT:2.125rem;--IDS-HEADING-XL__FONT-SIZE-DESKTOP:2.25rem;--IDS-HEADING-XL__LINE-HEIGHT-DESKTOP:2.625rem;--IDS-HEADING-XL__FONT-WEIGHT:700;--IDS-HEADING-XL__LETTER-SPACING:-0.031rem;--IDS-HEADING-XL__LETTER-SPACING-DESKTOP:-0.063rem;--IDS-HEADING-XL__MARGIN-BOTTOM:1.875rem;--IDS-HEADING-L__COLOR:var(--ids-color-heading-text-l);--IDS-HEADING-L__FONT-FAMILY:var(--IDS-FONT-FAMILY-HEADING);--IDS-HEADING-L__FONT-SIZE-DESKTOP:1.75rem;--IDS-HEADING-L__LINE-HEIGHT-DESKTOP:2.25rem;--IDS-HEADING-L__FONT-SIZE:1.5rem;--IDS-HEADING-L__LINE-HEIGHT:1.875rem;--IDS-HEADING-L__FONT-WEIGHT:700;--IDS-HEADING-L__LETTER-SPACING:-0.025rem;--IDS-HEADING-L__LETTER-SPACING-DESKTOP:-0.044rem;--IDS-HEADING-L__MARGIN-BOTTOM:1.875rem;--IDS-HEADING-M__COLOR:var(--ids-color-heading-text-m);--IDS-HEADING-M__FONT-FAMILY:var(--IDS-FONT-FAMILY-HEADING);--IDS-HEADING-M__FONT-SIZE:1.375rem;--IDS-HEADING-M__LINE-HEIGHT:1.75rem;--IDS-HEADING-M__FONT-SIZE-DESKTOP:1.5rem;--IDS-HEADING-M__LINE-HEIGHT-DESKTOP:1.875rem;--IDS-HEADING-M__FONT-WEIGHT:700;--IDS-HEADING-M__LETTER-SPACING:-0.019rem;--IDS-HEADING-M__LETTER-SPACING-DESKTOP:-0.031rem;--IDS-HEADING-S__COLOR:var(--ids-color-heading-text-s);--IDS-HEADING-S__FONT-FAMILY:var(--IDS-FONT-FAMILY-HEADING);--IDS-HEADING-S__FONT-SIZE:1.25rem;--IDS-HEADING-S__LINE-HEIGHT:1.5rem;--IDS-HEADING-S__FONT-SIZE-DESKTOP:1.25rem;--IDS-HEADING-S__LINE-HEIGHT-DESKTOP:1.5rem;--IDS-HEADING-S__FONT-WEIGHT:700;--IDS-HEADING-S__LETTER-SPACING:-0.013rem;--IDS-HEADING-S__LETTER-SPACING-DESKTOP:-0.025rem;--IDS-HEADING-XS__COLOR:var(--ids-color-heading-text-xs);--IDS-HEADING-XS__FONT-FAMILY:var(--IDS-FONT-FAMILY-HEADING);--IDS-HEADING-XS__FONT-SIZE:1rem;--IDS-HEADING-XS__LINE-HEIGHT:1.25rem;--IDS-HEADING-XS__FONT-WEIGHT:700;--IDS-HEADING-XS__LETTER-SPACING:0;--IDS-ANCHOR__COLOR:var(--ids-color-interactive-text-default);--IDS-ANCHOR__HOVER-COLOR:var(--ids-color-interactive-text-hover);--IDS-PREAMBLE__FONT-FAMILY:var(--IDS-FONT-FAMILY-BASE);--IDS-PREAMBLE__FONT-SIZE:1.125rem;--IDS-PREAMBLE__LINE-HEIGHT:1.75rem;--IDS-PREAMBLE__FONT-SIZE-DESKTOP:1.375rem;--IDS-PREAMBLE__LINE-HEIGHT-DESKTOP:2.25rem;--IDS-BODY__FONT-FAMILY:var(--IDS-FONT-FAMILY-BASE);--IDS-BODY__FONT-SIZE:1rem;--IDS-BODY__LINE-HEIGHT:1.5rem;--IDS-BODY--DISABLED__COLOR:var(--ids-color-interactive-text-disabled);--IDS-PAGE-LIST__COLOR:var(--ids-color-brand-text-primary);--IDS-PAGE-LIST__FONT-FAMILY:var(--IDS-FONT-FAMILY-HEADING);--IDS-PAGE-LIST__FONT-SIZE:1.25rem;--IDS-PAGE-LIST__LINE-HEIGHT:1.5rem;--IDS-PAGE-LIST__FONT-WEIGHT:700;--IDS-PAGE-LIST__LETTER-SPACING:-0.025rem;--IDS-BULLET-LIST__MARKER-COLOR:var(--ids-color-brand-text-primary);--IDS-BULLET-LIST__MARKER-FONT-WEIGHT:bold;--IDS-BULLET-LIST__LINE-HEIGHT:1.5rem;--IDS-DIVIDER__COLOR:var(--ids-color-surface-border-default)}:root.ids--1177-admin,:root.ids--1177-pro{--IDS-PAGE-LIST__COLOR:var(--ids-color-interactive-text-default)}:root.ids--inera,:root.ids--inera-admin{--IDS-FONT-FAMILY-BASE:\"Open Sans\";--IDS-FONT-FAMILY-HEADING:\"Poppins\";--IDS-HEADING-XXL__FONT-SIZE:1.875rem;--IDS-HEADING-XXL__LINE-HEIGHT:2.375rem;--IDS-HEADING-XXL__FONT-SIZE-DESKTOP:2.5rem;--IDS-HEADING-XXL__LINE-HEIGHT-DESKTOP:3.125rem;--IDS-HEADING-XXL__FONT-WEIGHT:600;--IDS-HEADING-XXL__LETTER-SPACING:inherit;--IDS-HEADING-XXL__LETTER-SPACING-DESKTOP:inherit;--IDS-HEADING-XXL__MARGIN-BOTTOM:1.25rem;--IDS-HEADING-XL__FONT-SIZE:1.625rem;--IDS-HEADING-XL__LINE-HEIGHT:2rem;--IDS-HEADING-XL__FONT-SIZE-DESKTOP:2rem;--IDS-HEADING-XL__LINE-HEIGHT-DESKTOP:2.5rem;--IDS-HEADING-XL__FONT-WEIGHT:600;--IDS-HEADING-XL__LETTER-SPACING:inherit;--IDS-HEADING-XL__LETTER-SPACING-DESKTOP:inherit;--IDS-HEADING-XL__MARGIN-BOTTOM:1.25rem;--IDS-HEADING-L__FONT-SIZE:1.5rem;--IDS-HEADING-L__LINE-HEIGHT:1.875rem;--IDS-HEADING-L__FONT-SIZE-DESKTOP:1.75rem;--IDS-HEADING-L__LINE-HEIGHT-DESKTOP:2.25rem;--IDS-HEADING-L__FONT-WEIGHT:600;--IDS-HEADING-L__LETTER-SPACING:inherit;--IDS-HEADING-L__LETTER-SPACING-DESKTOP:inherit;--IDS-HEADING-L__MARGIN-BOTTOM:1.25rem;--IDS-HEADING-M__FONT-SIZE:1.375rem;--IDS-HEADING-M__LINE-HEIGHT:1.75rem;--IDS-HEADING-M__FONT-SIZE-DESKTOP:1.5rem;--IDS-HEADING-M__LINE-HEIGHT-DESKTOP:2rem;--IDS-HEADING-M__FONT-WEIGHT:600;--IDS-HEADING-M__LETTER-SPACING:inherit;--IDS-HEADING-M__LETTER-SPACING-DESKTOP:inherit;--IDS-HEADING-S__FONT-SIZE:1.25rem;--IDS-HEADING-S__LINE-HEIGHT:1.5rem;--IDS-HEADING-S__FONT-SIZE-DESKTOP:1.25rem;--IDS-HEADING-S__LINE-HEIGHT-DESKTOP:1.625rem;--IDS-HEADING-S__FONT-WEIGHT:600;--IDS-HEADING-S__LETTER-SPACING:inherit;--IDS-HEADING-S__LETTER-SPACING-DESKTOP:inherit;--IDS-HEADING-XS__FONT-SIZE:1rem;--IDS-HEADING-XS__LINE-HEIGHT:1.25rem;--IDS-HEADING-XS__FONT-WEIGHT:600;--IDS-HEADING-XS__LETTER-SPACING:inherit;--IDS-BODY__LINE-HEIGHT:1.625rem;--IDS-BODY--DISABLED__COLOR:var(--ids-color-interactive-text-disabled);--IDS-PAGE-LIST__FONT-WEIGHT:600;--IDS-PAGE-LIST__LETTER-SPACING:0;--IDS-BULLET-LIST__MARKER-FONT-WEIGHT:normal;--IDS-BULLET-LIST__LINE-HEIGHT:1.625rem;--IDS-DESCRIPTION-LIST__TERM-FONT-WEIGHT:600}:root.ids--dark{--IDS-PAGE-LIST__COLOR:var(--ids-color-navigation-text-default)}:root.ids--dark.ids--1177-admin,:root.ids--dark.ids--1177-pro,:root.ids--dark.ids--inera,:root.ids--dark.ids--inera-admin{--IDS-PAGE-LIST__COLOR:var(--ids-color-interactive-text-default)}@media (max-width:1023px){.ids-desktop{display:none!important}}@media (min-width:1024px){.ids-mobile{display:none!important}}.ids-global-alert{align-items:center;background-color:var(--IDS-GLOBAL-ALERT__BACKGROUND-COLOR);border-bottom:.0625rem solid var(--IDS-GLOBAL-ALERT__BORDER-COLOR);box-shadow:var(--IDS-BOX-SHADOW-BOTTOM);color:var(--IDS-GLOBAL-ALERT__COLOR);display:block;font-size:1rem;line-height:1.625rem;position:relative;z-index:1}.ids-global-alert .ids-global-alert__inner{box-sizing:border-box;margin:0 auto;max-width:var(--IDS__MAX-WIDTH);padding-bottom:.25rem;padding-top:.25rem}.ids-global-alert .ids-global-alert__inner .ids-global-alert__icon-headline{align-items:flex-start;display:flex;gap:1.25rem;margin-right:1.25rem}.ids-global-alert .ids-global-alert__inner .ids-global-alert__icon{color:var(--IDS-GLOBAL-ALERT__ICON-COLOR);font-size:1.75rem;height:1.75rem;width:1.75rem}.ids-global-alert .ids-global-alert__inner .ids-global-alert__header{display:flex;flex-grow:1}.ids-global-alert .ids-global-alert__inner .ids-global-alert__headline{align-items:center!important;color:var(--IDS-GLOBAL-ALERT-HEADLINE-COLOR);display:flex;display:flex!important;font-family:var(--IDS-FONT-FAMILY-HEADING)!important;font-size:1.25rem!important;font-weight:var(--IDS-ALERT__HEADLINE-FONT-WEIGHT)!important;line-height:1.75rem!important;margin:0!important;text-align:left}.ids-global-alert .ids-global-alert__inner .ids-global-alert__button{background:none;color:inherit;font:inherit;outline:inherit;padding:0;-moz-user-select:-moz-none;-khtml-user-select:none;-webkit-user-select:none;-ms-user-select:none;user-select:none}.ids-global-alert .ids-global-alert__inner .ids-global-alert__button:focus{outline:var(--IDS-FOCUS__OUTLINE);outline-offset:0!important}.ids-global-alert .ids-global-alert__inner .ids-global-alert__button{align-items:center;border:none;border-radius:.1875rem;box-sizing:border-box;cursor:pointer;display:flex;flex-grow:1;flex-wrap:wrap;font-family:var(--IDS-FONT-FAMILY-BASE);font-size:1rem;gap:1.25rem;justify-content:space-between;margin:0 .25rem;min-height:1.5rem;min-width:1.5rem;padding:.75rem 3rem .75rem 1rem;position:relative}.ids-global-alert .ids-global-alert__inner .ids-global-alert__button:before{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--IDS-GLOBAL-ALERT__CHEVRON-COLOR);content:\"\\e936\";display:block;font:icon;font-family:Inera-Design-Icons!important;font-size:1.25rem;pointer-events:none;position:absolute;right:1.25rem;top:1.5rem;transform:translateY(-50%)}.ids-global-alert .ids-global-alert__inner .ids-global-alert__button.ids-global-alert__button--expanded:before{content:\"\\e939\"}.ids-global-alert .ids-global-alert__inner .ids-global-alert__button .ids-global-alert__sr-only{clip:rect(0,0,0,0);border:0;height:.063rem;margin:-.063rem;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:.063rem}.ids-global-alert .ids-global-alert__inner .ids-global-alert__button:focus{border-radius:.1875rem}.ids-global-alert .ids-global-alert__inner .ids-global-alert__button:hover .ids-global-alert__headline{text-decoration:underline;text-underline-offset:.125rem}.ids-global-alert .ids-global-alert__inner .ids-global-alert__button:hover:before{color:var(--IDS-GLOBAL-ALERT__CHEVRON-HOVER-COLOR)}.ids-global-alert .ids-global-alert__content{color:var(--IDS-FONT-COLOR);font-family:var(--IDS-BODY__FONT-FAMILY);font-size:var(--IDS-BODY__FONT-SIZE);font-style:normal;font-weight:400;letter-spacing:0;line-height:var(--IDS-BODY__LINE-HEIGHT);padding:0 1.25rem .75rem}.ids-global-alert .ids-global-alert__sub-content{margin-top:.75rem}@media (min-width:1024px){.ids-global-alert .ids-global-alert__icon{font-size:1.75rem;height:1.75rem;width:1.75rem}}.ids-global-alert.ids-global-alert--collapsed .ids-global-alert__content,.ids-global-alert.ids-global-alert--collapsed .ids-global-alert__sub-content{display:none}@media (max-width:1024px){.ids-global-alert.ids-global-alert--hide-icon-on-m.ids-global-alert--agent .ids-global-alert__icon-headline{padding-left:0!important}.ids-global-alert.ids-global-alert--hide-icon-on-m.ids-global-alert--agent .ids-global-alert__icon-headline:before{display:none!important}.ids-global-alert.ids-global-alert--hide-icon-on-m .ids-global-alert__icon{display:none}}.ids-global-alert.ids-global-alert--agent{background-color:var(--IDS-GLOBAL-ALERT--AGENT__BACKGROUND-COLOR)!important;color:var(--IDS-GLOBAL-ALERT--AGENT__COLOR)!important}.ids-global-alert.ids-global-alert--agent .ids-global-alert__icon-headline{padding-left:3rem;position:relative}.ids-global-alert.ids-global-alert--agent .ids-global-alert__icon-headline:before{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--IDS-GLOBAL-ALERT--AGENT__ICON-COLOR);content:\"\\e91f\";display:block;font:icon;font-family:Inera-Design-Icons!important;font-size:1.75rem;left:0;pointer-events:none;position:absolute;top:0}";
|
|
3
|
+
var css_248z = ".ids--dark,.ids--light{--IDS-FONT-FAMILY-BASE:\"Open Sans\";--IDS-FONT-FAMILY-HEADING:\"Inter\";--IDS-FONT-COLOR:var(--ids-color-surface-text-on-default);--IDS-HEADING-XXL__MARGIN-BOTTOM:1.875rem;--IDS-HEADING-XL__MARGIN-BOTTOM:1.875rem;--IDS-HEADING-L__MARGIN-BOTTOM:1.875rem;--IDS-PAGE-LIST__COLOR:var(--ids-color-brand-text-primary);--IDS-PAGE-LIST__FONT-FAMILY:var(--IDS-FONT-FAMILY-HEADING);--IDS-PAGE-LIST__FONT-SIZE:1.25rem;--IDS-PAGE-LIST__LINE-HEIGHT:1.5rem;--IDS-PAGE-LIST__FONT-WEIGHT:700;--IDS-PAGE-LIST__LETTER-SPACING:-0.025rem;--IDS-BULLET-LIST__MARKER-COLOR:var(--ids-color-brand-text-primary);--IDS-BULLET-LIST__MARKER-FONT-WEIGHT:bold;--IDS-BULLET-LIST__LINE-HEIGHT:1.5rem;--IDS-DIVIDER__COLOR:var(--ids-color-surface-border-default)}.ids--dark.ids--1177-admin,.ids--dark.ids--1177-pro,.ids--light.ids--1177-admin,.ids--light.ids--1177-pro{--IDS-PAGE-LIST__COLOR:var(--ids-color-interactive-text-default)}.ids--dark.ids--inera,.ids--dark.ids--inera-admin,.ids--light.ids--inera,.ids--light.ids--inera-admin{--IDS-FONT-FAMILY-BASE:\"Open Sans\";--IDS-FONT-FAMILY-HEADING:\"Poppins\";--IDS-HEADING-XXL__MARGIN-BOTTOM:1.25rem;--IDS-HEADING-XL__MARGIN-BOTTOM:1.25rem;--IDS-HEADING-L__MARGIN-BOTTOM:1.25rem;--IDS-PAGE-LIST__FONT-WEIGHT:600;--IDS-PAGE-LIST__LETTER-SPACING:0;--IDS-BULLET-LIST__MARKER-FONT-WEIGHT:normal;--IDS-BULLET-LIST__LINE-HEIGHT:1.625rem;--IDS-DESCRIPTION-LIST__TERM-FONT-WEIGHT:600}.ids--dark.ids--dark,.ids--light.ids--dark{--IDS-PAGE-LIST__COLOR:var(--ids-color-navigation-text-default)}.ids--dark.ids--dark.ids--1177-admin,.ids--dark.ids--dark.ids--1177-pro,.ids--dark.ids--dark.ids--inera,.ids--dark.ids--dark.ids--inera-admin,.ids--light.ids--dark.ids--1177-admin,.ids--light.ids--dark.ids--1177-pro,.ids--light.ids--dark.ids--inera,.ids--light.ids--dark.ids--inera-admin{--IDS-PAGE-LIST__COLOR:var(--ids-color-interactive-text-default)}@media (max-width:1023px){.ids-desktop{display:none!important}}@media (min-width:1024px){.ids-mobile{display:none!important}}.ids-global-alert{align-items:center;background-color:var(--IDS-GLOBAL-ALERT__BACKGROUND-COLOR);border-bottom:.0625rem solid var(--IDS-GLOBAL-ALERT__BORDER-COLOR);box-shadow:var(--IDS-GLOBAL-ALERT__BOX-SHADOW);color:var(--IDS-GLOBAL-ALERT__COLOR);display:block;font-size:1rem;line-height:1.625rem;position:relative;z-index:2}.ids-global-alert .ids-global-alert__inner{box-sizing:border-box;margin:0 auto;max-width:var(--IDS__MAX-WIDTH);padding-bottom:.1875rem;padding-top:.25rem}.ids-global-alert .ids-global-alert__header{display:flex;flex-grow:1}.ids-global-alert .ids-global-alert__icon-headline{margin-right:1.25rem;padding-left:2rem;position:relative}.ids-global-alert .ids-global-alert__icon-headline:before{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--IDS-GLOBAL-ALERT__ICON-COLOR);content:\"\\e905\";display:block;font:icon;font-family:Inera-Design-Icons!important;font-size:1.25rem;height:1.25rem;left:0;pointer-events:none;position:absolute;top:.1875rem;width:1.25rem}.ids-global-alert .ids-global-alert__headline{align-items:center!important;color:var(--IDS-GLOBAL-ALERT-HEADLINE-COLOR);display:flex;display:flex!important;font-family:var(--IDS-FONT-FAMILY-HEADING)!important;font-size:1.125rem!important;font-weight:var(--IDS-ALERT__HEADLINE-FONT-WEIGHT)!important;line-height:1.75rem!important;margin:0!important;text-align:left}.ids-global-alert .ids-global-alert__button{background:none;color:inherit;font:inherit;outline:inherit;padding:0;-moz-user-select:-moz-none;-khtml-user-select:none;-webkit-user-select:none;-ms-user-select:none;user-select:none}.ids-global-alert .ids-global-alert__button:focus-visible{outline:.125rem solid var(--IDS-FOCUS__OUTLINE-COLOR);outline-offset:0!important}.ids-global-alert .ids-global-alert__button{align-items:center;border:none;border-radius:.1875rem;box-sizing:border-box;cursor:pointer;display:flex;flex-grow:1;flex-wrap:wrap;font-family:var(--IDS-FONT-FAMILY-BASE);font-size:1rem;gap:1.25rem;justify-content:space-between;margin:0 .25rem;min-height:1.5rem;min-width:1.5rem;padding:.75rem 3rem .75rem 1rem;position:relative}.ids-global-alert .ids-global-alert__button:before{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--IDS-GLOBAL-ALERT__CHEVRON-COLOR);content:\"\\e936\";display:block;font:icon;font-family:Inera-Design-Icons!important;font-size:1.25rem;pointer-events:none;position:absolute;right:1.25rem;top:1.5rem;transform:translateY(-50%)}.ids-global-alert .ids-global-alert__button.ids-global-alert__button--expanded:before{content:\"\\e939\"}.ids-global-alert .ids-global-alert__button .ids-global-alert__sr-only{clip:rect(0,0,0,0);border:0;height:.063rem;margin:-.063rem;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:.063rem}.ids-global-alert .ids-global-alert__button:hover .ids-global-alert__headline{text-decoration:underline;text-underline-offset:.125rem}.ids-global-alert .ids-global-alert__button:hover:before{color:var(--IDS-GLOBAL-ALERT__CHEVRON-HOVER-COLOR)}.ids-global-alert .ids-global-alert__content{color:var(--ids-color-surface-text-on-default);font-family:var(--ids-font-family-body-text);font-size:var(--ids-font-size-body-text);font-style:normal;font-weight:var(--ids-font-weight-body-text);letter-spacing:0;line-height:var(--ids-line-height-body-text);padding:0 1.25rem .75rem}.ids-global-alert .ids-global-alert__sub-content{margin-top:.75rem}@media (min-width:1024px){.ids-global-alert .ids-global-alert__icon-headline{padding-left:3rem}.ids-global-alert .ids-global-alert__icon-headline:before{font-size:1.75rem;height:1.75rem;top:0;width:1.75rem}}.ids-global-alert.ids-global-alert--collapsed{box-shadow:none}.ids-global-alert.ids-global-alert--collapsed .ids-global-alert__content,.ids-global-alert.ids-global-alert--collapsed .ids-global-alert__sub-content{display:none}@media (max-width:1024px){.ids-global-alert.ids-global-alert--hide-icon-on-m .ids-global-alert__icon-headline{padding-left:0!important}.ids-global-alert.ids-global-alert--hide-icon-on-m .ids-global-alert__icon-headline:before{display:none!important}}.ids-global-alert.ids-global-alert--agent{background-color:var(--IDS-GLOBAL-ALERT--AGENT__BACKGROUND-COLOR)!important;border-bottom:.0625rem solid var(--IDS-GLOBAL-ALERT--AGENT__BORDER-COLOR);color:var(--IDS-GLOBAL-ALERT--AGENT__COLOR)!important}.ids-global-alert.ids-global-alert--agent .ids-global-alert__icon-headline:before{color:var(--IDS-GLOBAL-ALERT--AGENT__ICON-COLOR);content:\"\\e91f\"}";
|
|
4
4
|
|
|
5
5
|
var globalAlertLit = css`
|
|
6
6
|
${unsafeCSS(css_248z)}
|