@inera/ids-design 8.1.0 → 8.2.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/action-link/action-link-lit.d.ts +2 -0
- package/components/action-link/action-link-lit.js +7 -0
- package/components/action-link/action-link.css +173 -0
- package/components/box-link/box-link-lit.js +1 -1
- package/components/box-link/box-link.css +0 -2
- package/components/card/card-lit.js +1 -1
- package/components/card/card.css +8 -12
- package/components/carousel/carousel-item-lit.js +1 -1
- package/components/carousel/carousel-item.css +0 -1
- package/components/carousel/carousel-lit.js +1 -1
- package/components/carousel/carousel.css +5 -0
- package/components/form/datepicker/datepicker-lit.d.ts +2 -0
- package/components/form/datepicker/datepicker-lit.js +9 -0
- package/components/form/datepicker/datepicker.css +570 -0
- package/components/form/error-message/error-message-lit.js +1 -1
- package/components/form/error-message/error-message.css +1 -0
- package/components/form/group/group-lit.js +1 -1
- package/components/form/group/group.css +1 -1
- package/components/form/range/range-lit.js +1 -1
- package/components/form/range/range.css +11 -1
- package/components/form/select-multiple/select-multiple-lit.js +1 -1
- package/components/form/select-multiple/select-multiple.css +30 -6
- package/components/navigation/local/navigation-local-lit.js +1 -1
- package/components/navigation/local/navigation-local.css +1 -1
- package/components/side-menu/side-menu-lit.js +1 -1
- package/components/side-menu/side-menu.css +0 -1
- package/components/stepper/stepper-lit.js +1 -1
- package/components/stepper/stepper.css +1 -20
- package/components/tabs/tab-lit.js +1 -1
- package/components/tabs/tab.css +5 -2
- package/components/tabs/tabs-lit.js +1 -1
- package/components/tooltip/tooltip-lit.js +1 -1
- package/components/tooltip/tooltip.css +2 -2
- package/global/global.css +149 -50
- package/package.json +1 -1
- package/styles.css +305 -132
- package/tokens/component-tokens.scss +2 -0
- package/tokens/themes/1177-admin-tokens.css +110 -110
- package/tokens/themes/1177-pro-tokens.css +112 -112
- package/tokens/themes/1177-tokens.css +113 -113
- package/tokens/themes/inera-admin-tokens.css +113 -112
- package/tokens/themes/inera-tokens.css +113 -112
|
@@ -92,8 +92,18 @@
|
|
|
92
92
|
display: block;
|
|
93
93
|
}
|
|
94
94
|
.ids-range .ids-range-ticks.ids-range-ticks--disabled .ids-range-tick {
|
|
95
|
+
font-style: normal;
|
|
96
|
+
color: var(--IDS-FORM--DISABLED__COLOR);
|
|
97
|
+
font-family: var(--ids-font-family-body-text);
|
|
98
|
+
font-size: var(--ids-font-size-body-text);
|
|
99
|
+
line-height: var(--ids-line-height-body-text);
|
|
100
|
+
font-weight: var(--ids-font-weight-body-text);
|
|
101
|
+
letter-spacing: 0;
|
|
95
102
|
font-style: italic;
|
|
96
103
|
}
|
|
104
|
+
.ids-range .ids-range-ticks.ids-range-ticks--disabled .ids-range-tick:before {
|
|
105
|
+
background-color: var(--IDS-FORM--DISABLED__COLOR);
|
|
106
|
+
}
|
|
97
107
|
|
|
98
108
|
.ids-range__input,
|
|
99
109
|
input[type=range] {
|
|
@@ -178,7 +188,7 @@ input[type=range]::-ms-thumb:active {
|
|
|
178
188
|
.ids-range__input:disabled,
|
|
179
189
|
input[type=range]:disabled {
|
|
180
190
|
cursor: default;
|
|
181
|
-
border: 0.0625rem
|
|
191
|
+
border: 0.0625rem solid var(--IDS-RANGE--DISABLED__BORDER-COLOR);
|
|
182
192
|
background-color: transparent;
|
|
183
193
|
background-image: linear-gradient(var(--IDS-RANGE--DISABLED__SELECTION-BACKGROUND-COLOR), var(--IDS-RANGE--DISABLED__SELECTION-BACKGROUND-COLOR));
|
|
184
194
|
}
|
|
@@ -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-
|
|
3
|
+
var css_248z = ".ids-select-multiple__select{background-color:var(--IDS-INPUT__BACKGROUND-COLOR);border-radius:var(--IDS-BORDER-RADIUS);color:var(--IDS-FORM__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],.ids-select-multiple__select[readonly]:focus-visible,.ids-select-multiple__select[readonly]:focus-visible:hover{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::placeholder,.ids-select-multiple__select[readonly]::placeholder,.ids-select-multiple__select[readonly]:focus-visible::placeholder,.ids-select-multiple__select[readonly]:focus-visible:hover::placeholder{color:var(--IDS-FORM--DISABLED__COLOR)}.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],.ids-select-multiple__select.ids-input--light[readonly]:focus-visible,.ids-select-multiple__select.ids-input--light[readonly]:focus-visible:hover{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:disabled::placeholder,.ids-select-multiple__select.ids-input--light[readonly]::placeholder,.ids-select-multiple__select.ids-input--light[readonly]:focus-visible::placeholder,.ids-select-multiple__select.ids-input--light[readonly]:focus-visible:hover::placeholder{color:var(--IDS-FORM--DISABLED__COLOR)}.ids-select-multiple__select.ids-input--light.ids-input--invalid,.ids-select-multiple__select.ids-input--light[aria-invalid=true]{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::placeholder{color:var(--IDS-FORM__COLOR)}.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[aria-disabled=true]::placeholder{color:var(--IDS-FORM--DISABLED__COLOR)}.ids-select-multiple__select:disabled{cursor:default}.ids-select-multiple__select:disabled::placeholder{color:var(--IDS-FORM--DISABLED__COLOR)}.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:disabled.ids-input--light::placeholder{color:var(--IDS-FORM--DISABLED__COLOR)}.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:2}.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:3}.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}:host([disabled]) input::placeholder{color:var(--IDS-FORM--DISABLED__COLOR)}.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
|
|
|
@@ -20,9 +20,12 @@
|
|
|
20
20
|
border: var(--IDS-INPUT__BORDER-THICKNESS) solid var(--IDS-INPUT__BORDER-COLOR);
|
|
21
21
|
border-radius: var(--IDS-BORDER-RADIUS);
|
|
22
22
|
font-size: 1rem;
|
|
23
|
-
color: var(--IDS-
|
|
23
|
+
color: var(--IDS-FORM__COLOR);
|
|
24
24
|
display: block;
|
|
25
25
|
}
|
|
26
|
+
.ids-select-multiple__select::placeholder {
|
|
27
|
+
color: var(--IDS-FORM__COLOR);
|
|
28
|
+
}
|
|
26
29
|
.ids-select-multiple__select:hover {
|
|
27
30
|
background-color: var(--IDS-INPUT__HOVER-BACKGROUND-COLOR);
|
|
28
31
|
}
|
|
@@ -34,13 +37,16 @@
|
|
|
34
37
|
background-color: var(--IDS-INPUT__BACKGROUND-COLOR);
|
|
35
38
|
border-color: var(--IDS-INPUT__FOCUS-BORDER-COLOR);
|
|
36
39
|
}
|
|
37
|
-
.ids-select-multiple__select:disabled, .ids-select-multiple__select[readonly] {
|
|
40
|
+
.ids-select-multiple__select:disabled, .ids-select-multiple__select[readonly], .ids-select-multiple__select[readonly]:focus-visible, .ids-select-multiple__select[readonly]:focus-visible:hover {
|
|
38
41
|
color: var(--IDS-FORM--DISABLED__COLOR);
|
|
39
42
|
font-style: italic !important;
|
|
40
43
|
background: var(--IDS-FORM--DISABLED__BACKGROUND-COLOR);
|
|
41
44
|
border: var(--IDS-FORM--DISABLED__BORDER);
|
|
42
45
|
opacity: 1;
|
|
43
46
|
}
|
|
47
|
+
.ids-select-multiple__select:disabled::placeholder, .ids-select-multiple__select[readonly]::placeholder, .ids-select-multiple__select[readonly]:focus-visible::placeholder, .ids-select-multiple__select[readonly]:focus-visible:hover::placeholder {
|
|
48
|
+
color: var(--IDS-FORM--DISABLED__COLOR);
|
|
49
|
+
}
|
|
44
50
|
.ids-select-multiple__select.ids-input--invalid, .ids-select-multiple__select[aria-invalid=true] {
|
|
45
51
|
background: var(--IDS-FORM--INVALID__BACKGROUND-COLOR) !important;
|
|
46
52
|
border: var(--IDS-FORM--INVALID__BORDER);
|
|
@@ -58,14 +64,17 @@
|
|
|
58
64
|
.ids-select-multiple__select.ids-input--light:focus-visible, .ids-select-multiple__select.ids-input--light:focus-visible:hover {
|
|
59
65
|
background-color: var(--IDS-INPUT--LIGHT__BACKGROUND-COLOR);
|
|
60
66
|
}
|
|
61
|
-
.ids-select-multiple__select.ids-input--light:disabled, .ids-select-multiple__select.ids-input--light[readonly] {
|
|
67
|
+
.ids-select-multiple__select.ids-input--light:disabled, .ids-select-multiple__select.ids-input--light[readonly], .ids-select-multiple__select.ids-input--light[readonly]:focus-visible, .ids-select-multiple__select.ids-input--light[readonly]:focus-visible:hover {
|
|
62
68
|
color: var(--IDS-FORM--DISABLED__COLOR);
|
|
63
69
|
font-style: italic !important;
|
|
64
70
|
background: var(--IDS-FORM--DISABLED__BACKGROUND-COLOR);
|
|
65
71
|
border: var(--IDS-FORM--DISABLED__BORDER);
|
|
66
72
|
opacity: 1;
|
|
67
73
|
}
|
|
68
|
-
.ids-select-multiple__select.ids-input--light.ids-input--
|
|
74
|
+
.ids-select-multiple__select.ids-input--light:disabled::placeholder, .ids-select-multiple__select.ids-input--light[readonly]::placeholder, .ids-select-multiple__select.ids-input--light[readonly]:focus-visible::placeholder, .ids-select-multiple__select.ids-input--light[readonly]:focus-visible:hover::placeholder {
|
|
75
|
+
color: var(--IDS-FORM--DISABLED__COLOR);
|
|
76
|
+
}
|
|
77
|
+
.ids-select-multiple__select.ids-input--light.ids-input--invalid, .ids-select-multiple__select.ids-input--light[aria-invalid=true] {
|
|
69
78
|
background-color: var(--IDS-FORM--INVALID__BACKGROUND-COLOR);
|
|
70
79
|
}
|
|
71
80
|
.ids-select-multiple__select:focus-visible {
|
|
@@ -84,6 +93,9 @@
|
|
|
84
93
|
border: var(--IDS-INPUT__BORDER-THICKNESS) solid var(--IDS-INPUT__BORDER-COLOR);
|
|
85
94
|
width: 100% !important;
|
|
86
95
|
}
|
|
96
|
+
.ids-select-multiple__select::placeholder {
|
|
97
|
+
color: var(--IDS-FORM__COLOR);
|
|
98
|
+
}
|
|
87
99
|
.ids-select-multiple__select.ids-input--invalid, .ids-select-multiple__select[aria-invalid=true] {
|
|
88
100
|
background: var(--IDS-FORM--INVALID__BACKGROUND-COLOR) !important;
|
|
89
101
|
border: var(--IDS-FORM--INVALID__BORDER);
|
|
@@ -102,9 +114,15 @@
|
|
|
102
114
|
border: var(--IDS-FORM--DISABLED__BORDER);
|
|
103
115
|
opacity: 1;
|
|
104
116
|
}
|
|
117
|
+
.ids-select-multiple__select[aria-disabled=true]::placeholder {
|
|
118
|
+
color: var(--IDS-FORM--DISABLED__COLOR);
|
|
119
|
+
}
|
|
105
120
|
.ids-select-multiple__select:disabled {
|
|
106
121
|
cursor: default;
|
|
107
122
|
}
|
|
123
|
+
.ids-select-multiple__select:disabled::placeholder {
|
|
124
|
+
color: var(--IDS-FORM--DISABLED__COLOR);
|
|
125
|
+
}
|
|
108
126
|
.ids-select-multiple__select:disabled.ids-input--light {
|
|
109
127
|
background-color: var(--IDS-INPUT--LIGHT__BACKGROUND-COLOR);
|
|
110
128
|
color: var(--IDS-FORM--DISABLED__COLOR);
|
|
@@ -113,6 +131,9 @@
|
|
|
113
131
|
border: var(--IDS-FORM--DISABLED__BORDER);
|
|
114
132
|
opacity: 1;
|
|
115
133
|
}
|
|
134
|
+
.ids-select-multiple__select:disabled.ids-input--light::placeholder {
|
|
135
|
+
color: var(--IDS-FORM--DISABLED__COLOR);
|
|
136
|
+
}
|
|
116
137
|
|
|
117
138
|
.ids-select-multiple__select-wrapper {
|
|
118
139
|
position: relative;
|
|
@@ -131,7 +152,7 @@
|
|
|
131
152
|
top: 50%;
|
|
132
153
|
transform: translateY(-50%);
|
|
133
154
|
right: var(--IDS-INPUT__ICON-RIGHT);
|
|
134
|
-
z-index:
|
|
155
|
+
z-index: 2;
|
|
135
156
|
}
|
|
136
157
|
.ids-select-multiple__select-wrapper:has(.ids-input--invalid)::after, .ids-select-multiple__select-wrapper:has(input[aria-invalid=true])::after {
|
|
137
158
|
color: var(--IDS-FORM--INVALID__COLOR);
|
|
@@ -150,7 +171,7 @@
|
|
|
150
171
|
color: var(--IDS-FONT-COLOR);
|
|
151
172
|
border-radius: var(--IDS-BORDER-RADIUS);
|
|
152
173
|
position: absolute;
|
|
153
|
-
z-index:
|
|
174
|
+
z-index: 3;
|
|
154
175
|
left: 0;
|
|
155
176
|
right: 0;
|
|
156
177
|
display: none;
|
|
@@ -191,6 +212,9 @@
|
|
|
191
212
|
border: var(--IDS-FORM--DISABLED__BORDER);
|
|
192
213
|
opacity: 1;
|
|
193
214
|
}
|
|
215
|
+
:host([disabled]) input::placeholder {
|
|
216
|
+
color: var(--IDS-FORM--DISABLED__COLOR);
|
|
217
|
+
}
|
|
194
218
|
|
|
195
219
|
.ids-select-multiple-label-wrapper .ids-label-tooltip-wrapper {
|
|
196
220
|
display: inline-flex;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { css, unsafeCSS } from 'lit';
|
|
2
2
|
|
|
3
|
-
var css_248z = ".ids-navigation-local{padding-left:.5rem}.ids-navigation-local .ids-navigation-local__headline{border-bottom:var(--IDS-NAVIGATION-LOCAL__BORDER);color:var(--IDS-NAVIGATION-LOCAL__HEADLINE-COLOR);font-family:var(
|
|
3
|
+
var css_248z = ".ids-navigation-local{padding-left:.5rem}.ids-navigation-local .ids-navigation-local__headline{border-bottom:var(--IDS-NAVIGATION-LOCAL__BORDER);color:var(--IDS-NAVIGATION-LOCAL__HEADLINE-COLOR);font-family:var(--IDS-FONT-FAMILY-BASE);font-size:1.25rem;font-style:normal;font-weight:700;letter-spacing:-.03125rem;line-height:1.5rem;padding:.875rem 1.25rem .875rem 0}.ids-navigation-local .ids-navigation-local__link,.ids-navigation-local ::slotted(a),.ids-navigation-local a{color:var(--IDS-NAVIGATION-LOCAL__LINK-COLOR);display:block!important;padding:.75rem;position:relative;text-decoration:none}.ids-navigation-local .ids-navigation-local__link:before,.ids-navigation-local ::slotted(a):before,.ids-navigation-local a:before{content:\"\";display:block;height:calc(100% + .063rem);left:-.5rem;position:absolute;top:-.063rem;width:.5rem}.ids-navigation-local .ids-navigation-local__link:after,.ids-navigation-local ::slotted(a):after,.ids-navigation-local a:after{background-color:var(--IDS-NAVIGATION-LOCAL__AFTER-COLOR);bottom:0;content:\"\";display:block;height:.063rem;left:0;position:absolute;right:0}.ids-navigation-local .ids-navigation-local__link:hover:before,.ids-navigation-local ::slotted(a):hover:before,.ids-navigation-local a:hover:before{background-color:var(--IDS-NAVIGATION-LOCAL--HOVER-BEFORE-COLOR)!important}.ids-navigation-local .ids-navigation-local-link--active:before,.ids-navigation-local ::slotted(.ids-navigation-local-link--active):before{background-color:var(--IDS-NAVIGATION-LOCAL--ACTIVE-BEFORE-COLOR)}.ids-navigation-local ::slotted(a:active:hover):before,.ids-navigation-local ::slotted(a:hover):before,.ids-navigation-local a:active:hover:before,.ids-navigation-local a:hover:before{background-color:var(--IDS-NAVIGATION-LOCAL--HOVER-BEFORE-COLOR)!important}.ids-navigation-local ::slotted(a:focus-visible),.ids-navigation-local a:focus-visible{outline-offset:-.25rem!important}";
|
|
4
4
|
|
|
5
5
|
var navigationLocalLit = css`${unsafeCSS(css_248z)}`;
|
|
6
6
|
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { css, unsafeCSS } from 'lit';
|
|
2
2
|
|
|
3
|
-
var css_248z = "@media (max-width:1023px){.ids-desktop{display:none!important}}@media (min-width:1024px){.ids-mobile{display:none!important}}@media (max-width:1024px){.ids-side-menu.ids-side-menu--hide-on-mobile{display:none}}.ids-side-menu .ids-side-menu__header{border-bottom-right-radius:.313rem;border-left:var(--IDS-SIDE-MENU__BORDER);border-top-right-radius:.313rem;display:flex}.ids-side-menu .ids-side-menu__header .ids-side-menu__header-inner{box-sizing:border-box;color:var(--IDS-SIDE-MENU__LINK-COLOR);display:flex;margin-right:.25rem;padding-left:.25rem;width:100%}.ids-side-menu .ids-side-menu__header .ids-side-menu__chevron-button{background:none;border:none;color:inherit;font:inherit;outline:inherit;padding:0}.ids-side-menu .ids-side-menu__header .ids-side-menu__chevron-button:focus-visible{outline:.125rem solid var(--IDS-FOCUS__OUTLINE-COLOR);outline-offset:-.125rem!important}.ids-side-menu .ids-side-menu__header .ids-side-menu__chevron-button{border-radius:.0625rem;box-sizing:border-box;cursor:pointer;flex-shrink:0;height:2.75rem;margin-right:.25rem;position:relative;width:1.5rem}.ids-side-menu .ids-side-menu__header .ids-side-menu__chevron-button:before{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--IDS-SIDE-MENU__ICON-COLOR);content:\"\\e938\";display:block;font:icon;font-family:Inera-Design-Icons!important;font-size:1rem;pointer-events:none;position:absolute;right:.25rem;text-align:center;top:.875rem}.ids-side-menu .ids-side-menu__header .ids-side-menu__chevron-button.ids-side-menu__chevron-button--expanded:before{content:\"\\e936\"}.ids-side-menu .ids-side-menu__header .ids-side-menu__chevron-button--empty{flex-shrink:0;width:.25rem}.ids-side-menu .ids-side-menu__header .ids-side-menu__label-icon{align-items:center;color:var(--IDS-SIDE-MENU__ICON-COLOR);
|
|
3
|
+
var css_248z = "@media (max-width:1023px){.ids-desktop{display:none!important}}@media (min-width:1024px){.ids-mobile{display:none!important}}@media (max-width:1024px){.ids-side-menu.ids-side-menu--hide-on-mobile{display:none}}.ids-side-menu .ids-side-menu__header{border-bottom-right-radius:.313rem;border-left:var(--IDS-SIDE-MENU__BORDER);border-top-right-radius:.313rem;display:flex}.ids-side-menu .ids-side-menu__header .ids-side-menu__header-inner{box-sizing:border-box;color:var(--IDS-SIDE-MENU__LINK-COLOR);display:flex;margin-right:.25rem;padding-left:.25rem;width:100%}.ids-side-menu .ids-side-menu__header .ids-side-menu__chevron-button{background:none;border:none;color:inherit;font:inherit;outline:inherit;padding:0}.ids-side-menu .ids-side-menu__header .ids-side-menu__chevron-button:focus-visible{outline:.125rem solid var(--IDS-FOCUS__OUTLINE-COLOR);outline-offset:-.125rem!important}.ids-side-menu .ids-side-menu__header .ids-side-menu__chevron-button{border-radius:.0625rem;box-sizing:border-box;cursor:pointer;flex-shrink:0;height:2.75rem;margin-right:.25rem;position:relative;width:1.5rem}.ids-side-menu .ids-side-menu__header .ids-side-menu__chevron-button:before{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--IDS-SIDE-MENU__ICON-COLOR);content:\"\\e938\";display:block;font:icon;font-family:Inera-Design-Icons!important;font-size:1rem;pointer-events:none;position:absolute;right:.25rem;text-align:center;top:.875rem}.ids-side-menu .ids-side-menu__header .ids-side-menu__chevron-button.ids-side-menu__chevron-button--expanded:before{content:\"\\e936\"}.ids-side-menu .ids-side-menu__header .ids-side-menu__chevron-button--empty{flex-shrink:0;width:.25rem}.ids-side-menu .ids-side-menu__header .ids-side-menu__label-icon{align-items:center;color:var(--IDS-SIDE-MENU__ICON-COLOR);display:flex;flex-shrink:0;height:2.75rem;justify-content:center;margin-right:.25rem;width:1.5rem}.ids-side-menu .ids-side-menu__header .ids-side-menu__label-button{background:none;border:none;color:inherit;font:inherit;outline:inherit;padding:0}.ids-side-menu .ids-side-menu__header .ids-side-menu__label-button:focus-visible{outline:.125rem solid var(--IDS-FOCUS__OUTLINE-COLOR);outline-offset:0!important}.ids-side-menu .ids-side-menu__header .ids-side-menu__label-button{cursor:pointer;display:flex;min-height:2.75rem;position:relative;width:100%}.ids-side-menu .ids-side-menu__header .ids-side-menu__label-chevron{border-radius:.0625rem;box-sizing:border-box;cursor:pointer;height:2.75rem;margin-right:.25rem;position:relative;width:1.5rem}.ids-side-menu .ids-side-menu__header .ids-side-menu__label-chevron:before{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--IDS-SIDE-MENU__ICON-COLOR);content:\"\\e938\";display:block;font:icon;font-family:Inera-Design-Icons!important;font-size:.875rem;pointer-events:none;position:absolute;right:.25rem;text-align:center;top:.9375rem}.ids-side-menu .ids-side-menu__header .ids-side-menu__label-chevron.ids-side-menu__label-chevron--expanded:before{content:\"\\e936\"}.ids-side-menu .ids-side-menu__header .ids-side-menu__label{display:grid;font-size:1rem;grid-template-columns:1fr auto;line-height:1.75rem;margin:.25rem 0;padding:.25rem 0;text-align:left;width:100%}.ids-side-menu .ids-side-menu__header .ids-side-menu__label-text{font-size:1rem;line-height:1.75rem}.ids-side-menu .ids-side-menu__header .ids-side-menu__link{width:100%}.ids-side-menu .ids-side-menu__header .ids-side-menu__link .ids-badge,.ids-side-menu .ids-side-menu__header .ids-side-menu__link .ids-notification-badge{margin-left:auto}.ids-side-menu .ids-side-menu__header .ids-side-menu__link ::slotted(a):focus-visible,.ids-side-menu .ids-side-menu__header .ids-side-menu__link a:focus-visible{outline:.125rem solid var(--IDS-FOCUS__OUTLINE-COLOR);outline-offset:-.125rem!important}.ids-side-menu .ids-side-menu__header .ids-side-menu__link ::slotted(a),.ids-side-menu .ids-side-menu__header .ids-side-menu__link a{align-items:flex-start;box-sizing:border-box;color:var(--IDS-SIDE-MENU__LINK-COLOR);cursor:pointer;display:flex;gap:.5rem;justify-content:flex-start;line-height:1.75rem;margin:.25rem 0;padding:.25rem 0;text-align:left;text-decoration:none!important;width:100%}.ids-side-menu .ids-side-menu__header .ids-side-menu__link ::slotted(a):hover,.ids-side-menu .ids-side-menu__header .ids-side-menu__link a:hover{color:var(--IDS-SIDE-MENU__LINK--HOVER-COLOR);text-decoration:none!important}.ids-side-menu .ids-side-menu__header .ids-side-menu__link ::slotted(button):focus-visible,.ids-side-menu .ids-side-menu__header .ids-side-menu__link button:focus-visible{outline:.125rem solid var(--IDS-FOCUS__OUTLINE-COLOR)}.ids-side-menu .ids-side-menu__header .ids-side-menu__link ::slotted(button),.ids-side-menu .ids-side-menu__header .ids-side-menu__link button{align-items:flex-start;background-color:transparent;border:0;border-radius:0;box-sizing:border-box;color:var(--IDS-SIDE-MENU__LINK-COLOR);cursor:pointer;display:flex;gap:.5rem;justify-content:flex-start;line-height:1.75rem!important;margin:.25rem 0;padding:.25rem 0;text-align:left;width:100%}.ids-side-menu .ids-side-menu__header .ids-side-menu__link ::slotted(button):focus-visible,.ids-side-menu .ids-side-menu__header .ids-side-menu__link button:focus-visible{outline:var(--IDS-FOCUS__OUTLINE)!important;outline-offset:-.125rem!important}.ids-side-menu .ids-side-menu__header .ids-side-menu__link ::slotted(button:hover),.ids-side-menu .ids-side-menu__header .ids-side-menu__link button:hover{color:var(--IDS-SIDE-MENU__LINK--HOVER-COLOR);text-decoration:none!important}.ids-side-menu .ids-side-menu__header:hover{background-color:var(--IDS-SIDE-MENU--ACTIVE-BACKGROUND-COLOR);border-left:var(--IDS-SIDE-MENU--HOVER-BORDER)}.ids-side-menu .ids-side-menu__header.ids-side-menu--active{background-color:var(--IDS-SIDE-MENU--ACTIVE-BACKGROUND-COLOR);border-left:var(--IDS-SIDE-MENU--ACTIVE-BORDER)}.ids-side-menu .ids-side-menu__header.ids-side-menu--active .ids-side-menu__label,.ids-side-menu .ids-side-menu__header.ids-side-menu--active .ids-side-menu__link{font-weight:700}.ids-side-menu .ids-side-menu__header.ids-side-menu--active .ids-side-menu__link:hover ::slotted(a),.ids-side-menu .ids-side-menu__header.ids-side-menu--active .ids-side-menu__link:hover ::slotted(button),.ids-side-menu .ids-side-menu__header.ids-side-menu--active .ids-side-menu__link:hover a,.ids-side-menu .ids-side-menu__header.ids-side-menu--active .ids-side-menu__link:hover button{color:var(--IDS-SIDE-MENU__LINK-COLOR);cursor:default;text-decoration:none!important}.ids-side-menu .ids-side-menu__header.ids-side-menu--level-2 .ids-side-menu__chevron-button,.ids-side-menu .ids-side-menu__header.ids-side-menu--level-2 .ids-side-menu__chevron-button--empty,.ids-side-menu .ids-side-menu__header.ids-side-menu--level-2 .ids-side-menu__label-icon{margin-left:1.5rem}.ids-side-menu .ids-side-menu__header.ids-side-menu--level-2 .ids-side-menu__label-button{padding-left:1.5rem}.ids-side-menu .ids-side-menu__header.ids-side-menu--level-3 .ids-side-menu__chevron-button--empty,.ids-side-menu .ids-side-menu__header.ids-side-menu--level-3 .ids-side-menu__label-icon{margin-left:2.9375rem}.ids-side-menu.ids-side-menu--disabled{cursor:default}";
|
|
4
4
|
|
|
5
5
|
var sideMenuLit = css`${unsafeCSS(css_248z)}`;
|
|
6
6
|
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { css, unsafeCSS } from 'lit';
|
|
2
2
|
|
|
3
|
-
var css_248z = "@media (max-width:1023px){.ids-desktop{display:none!important}}@media (min-width:1024px){.ids-mobile{display:none!important}}.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)}
|
|
3
|
+
var css_248z = "@media (max-width:1023px){.ids-desktop{display:none!important}}@media (min-width:1024px){.ids-mobile{display:none!important}}.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)}.ids-step{border-bottom:var(--IDS-STEP__BORDER-THICKNESS) solid var(--IDS-STEP__BORDER-COLOR);display:flex;flex-direction:column;margin-bottom:1rem;position:relative}.ids-step .ids-step__label{color:var(--IDS-STEP__LABEL-COLOR);font-size:1rem}.ids-step .ids-step__button{background:none;border:none;border-radius:.1875rem;box-sizing:border-box;cursor:pointer;display:block;padding:var(--IDS-STEP__BUTTON-PADDING-MOBILE);width:100%}.ids-step .ids-step__button:focus-visible{outline:.125rem solid var(--IDS-FOCUS__OUTLINE-COLOR);outline-offset:var(--IDS-FOCUS__OUTLINE-OFFSET)!important}.ids-step .ids-step__button.ids-step__button--disabled{cursor:default;pointer-events:none}.ids-step .ids-step__button.ids-step__button--disabled .ids-step__label{color:var(--IDS-STEP--DISABLED__LABEL-COLOR);font-style:italic}.ids-step .ids-step__button.ids-step__button--disabled .ids-step__headline,.ids-step .ids-step__button.ids-step__button--disabled .ids-step__headline h1,.ids-step .ids-step__button.ids-step__button--disabled .ids-step__headline h2,.ids-step .ids-step__button.ids-step__button--disabled .ids-step__headline h3,.ids-step .ids-step__button.ids-step__button--disabled .ids-step__headline h4{color:var(--IDS-STEP--DISABLED__HEADLINE-COLOR);font-family:var(--ids-font-family-heading);font-size:var(--ids-font-size-heading-m);font-style:italic!important;font-style:normal;font-weight:var(--ids-font-weight-heading-m);letter-spacing:var(--ids-font-letter-spacing-heading-m);line-height:var(--ids-font-line-height-heading-m)}.ids-step .ids-step__button.ids-step__button--disabled .ids-step__chevron{display:none}.ids-step .ids-step__button-inner{align-items:flex-start;display:flex;gap:1rem;width:100%}.ids-step .ids-step__button-text{align-items:flex-start;display:flex;gap:.5rem;justify-content:space-between;min-height:2.625rem;width:calc(100% - 3.75rem)}.ids-step .ids-step__headline-label{align-self:center!important;display:flex;flex-direction:column}.ids-step .ids-step__indicator-wrapper{align-items:flex-start;display:flex}.ids-step .ids-step__indicator{align-items:center;background-color:var(--IDS-STEP__INDICATOR-BACKGROUND-COLOR);border:var(--IDS-STEP__BORDER-THICKNESS) solid var(--IDS-STEP__INDICATOR-BORDER-COLOR);border-radius:6.25rem;color:var(--IDS-STEP__INDICATOR-COLOR);display:flex;flex-direction:column;font-family:var(--IDS-STEP__INDICATOR-FONT-FAMILY);font-size:1.25rem!important;font-weight:400!important;height:2.625rem;justify-content:center;position:relative;width:2.625rem}.ids-step .ids-step__indicator.ids-step__indicator--selected{background-color:var(--IDS-STEP--SELECTED__INDICATOR-BACKGROUND-COLOR);border:var(--IDS-STEP__BORDER-THICKNESS) solid var(--IDS-STEP__SELECTED__INDICATOR-BORDER-COLOR);color:var(--IDS-STEP--SELECTED__INDICATOR-COLOR)}.ids-step .ids-step__indicator.ids-step__indicator--valid{background-color:var(--IDS-STEP--VALID__INDICATOR-BACKGROUND-COLOR);border:var(--IDS-STEP__BORDER-THICKNESS) solid var(--IDS-STEP--VALID__INDICATOR-BORDER-COLOR)}.ids-step .ids-step__indicator.ids-step__indicator--valid:before{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--IDS-STEP--VALID__INDICATOR-ICON-COLOR);content:\"\\e93a\";display:block;font:icon;font-family:Inera-Design-Icons!important;font-size:1.25rem!important;pointer-events:none;position:absolute}.ids-step .ids-step__indicator.ids-step__indicator--invalid{background-color:var(--IDS-STEP--INVALID__INDICATOR-BACKGROUND-COLOR);border:var(--IDS-STEP--INVALID__BORDER-THICKNESS) solid var(--IDS-STEP--INVALID__INDICATOR-BORDER-COLOR)}.ids-step .ids-step__indicator.ids-step__indicator--invalid:before{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--IDS-STEP--INVALID__INDICATOR-ICON-COLOR);content:\"\\e91d\";display:block;font:icon;font-family:Inera-Design-Icons!important;font-size:1.25rem!important;pointer-events:none;position:absolute}.ids-step .ids-step__label{align-self:flex-start;display:flex}.ids-step .ids-step__headline,.ids-step .ids-step__headline h1,.ids-step .ids-step__headline h2,.ids-step .ids-step__headline h3,.ids-step .ids-step__headline h4,.ids-step ::slotted([slot=headline]){color:var(--IDS-STEP__HEADLINE-COLOR);font-family:var(--ids-font-family-heading);font-size:var(--ids-font-size-heading-m);font-style:normal;font-weight:var(--ids-font-weight-heading-m);letter-spacing:var(--ids-font-letter-spacing-heading-m);line-height:var(--ids-font-line-height-heading-m);margin:0!important;word-break:break-word}.ids-step .ids-step__chevron{flex-shrink:0;height:2.625rem;position:relative;width:1.25rem}.ids-step .ids-step__chevron:before{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--IDS-STEP__CHEVRON-COLOR);content:\"\\e936\";display:block;font:icon;font-family:Inera-Design-Icons!important;font-size:1.25rem;left:50%;pointer-events:none;position:absolute;top:.625rem;transform:translateX(-50%)}.ids-step .ids-step__chevron.ids-step__chevron--expanded:before{content:\"\\e939\"}.ids-step .ids-step__content{color:var(--IDS-FONT-COLOR);display:none;padding:var(--IDS-STEP__CONTENT-PADDING-MOBILE)}.ids-step .ids-step__content.ids-step__content--expanded{display:block}@media only screen and (min-width:1024px){.ids-step{margin-bottom:1.25rem}.ids-step:after{bottom:-1.3125rem;height:1.25rem}.ids-step .ids-step__button{padding:var(--IDS-STEP__BUTTON-PADDING-DESKTOP)}.ids-step .ids-step__content{padding:var(--IDS-STEP__CONTENT-PADDING-DESKTOP)}}";
|
|
4
4
|
|
|
5
5
|
var stepperLit = css`${unsafeCSS(css_248z)}`;
|
|
6
6
|
|
|
@@ -65,32 +65,13 @@
|
|
|
65
65
|
--IDS-PAGE-LIST__COLOR: var(--ids-color-interactive-text-default);
|
|
66
66
|
}
|
|
67
67
|
|
|
68
|
-
:host([last]) .ids-step::after {
|
|
69
|
-
content: none;
|
|
70
|
-
}
|
|
71
|
-
|
|
72
|
-
.ids-stepper .ids-step:last-child::after {
|
|
73
|
-
display: none;
|
|
74
|
-
}
|
|
75
|
-
|
|
76
68
|
.ids-step {
|
|
77
69
|
margin-bottom: 1rem;
|
|
78
70
|
position: relative;
|
|
79
|
-
border: var(--IDS-STEP__BORDER-THICKNESS) solid var(--IDS-STEP__BORDER-COLOR);
|
|
80
|
-
border-radius: 0.3125rem;
|
|
81
|
-
background-color: var(--IDS-STEP__BACKGROUND-COLOR);
|
|
71
|
+
border-bottom: var(--IDS-STEP__BORDER-THICKNESS) solid var(--IDS-STEP__BORDER-COLOR);
|
|
82
72
|
display: flex;
|
|
83
73
|
flex-direction: column;
|
|
84
74
|
}
|
|
85
|
-
.ids-step::after {
|
|
86
|
-
content: "";
|
|
87
|
-
position: absolute;
|
|
88
|
-
background-color: var(--IDS-STEP__AFTER-BACKGROUND-COLOR);
|
|
89
|
-
width: 0.25rem;
|
|
90
|
-
height: 1rem;
|
|
91
|
-
left: 2.25rem;
|
|
92
|
-
bottom: -1.0625rem;
|
|
93
|
-
}
|
|
94
75
|
.ids-step .ids-step__label {
|
|
95
76
|
font-size: 1rem;
|
|
96
77
|
color: var(--IDS-STEP__LABEL-COLOR);
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { css, unsafeCSS } from 'lit';
|
|
2
2
|
|
|
3
|
-
var css_248z = ":host{border-radius:var(--IDS-TAB__BORDER-RADIUS)}:host(:focus-visible),:host(:not([selected]):focus-visible){outline:var(--IDS-FOCUS__OUTLINE);outline-offset:0;z-index:10}.ids-tab{background:none;border:none;color:inherit;font:inherit;min-height:1.5rem;min-width:1.5rem;outline:inherit;padding:0;-moz-user-select:-moz-none}.ids-tab:focus-visible{outline:.125rem solid var(--IDS-FOCUS__OUTLINE-COLOR);outline-offset:var(--IDS-FOCUS__OUTLINE-OFFSET)!important}.ids-tab{-webkit-touch-callout:none;align-items:center;border-left:var(--IDS-TAB__BORDER);border-radius:var(--IDS-TAB__BORDER-RADIUS);border-right:var(--IDS-TAB__BORDER);border-top:var(--IDS-TAB__BORDER);color:var(--IDS-TAB__COLOR);cursor:pointer;display:flex;justify-content:center;outline:none;overflow:hidden;padding:.4375rem 1.4375rem;position:relative;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:1}.ids-tab:after{background-color:var(--IDS-TABS__BORDER-BOTTOM-COLOR);bottom:0;content:\"\";height:.25rem;left:0;position:absolute;right:0;z-index:2}.ids-tab:focus-visible{z-index:2}.ids-tab .ids-tab__label{align-items:center;color:var(--IDS-TAB__COLOR);display:flex;flex-direction:row;font-size:1rem;font-weight:400;
|
|
3
|
+
var css_248z = ":host(.ids-tab){border-radius:var(--IDS-TAB__BORDER-RADIUS)}:host(:focus-visible),:host(:not([selected]):focus-visible){outline:var(--IDS-FOCUS__OUTLINE);outline-offset:0;z-index:10}.ids-tab{background:none;border:none;color:inherit;font:inherit;min-height:1.5rem;min-width:1.5rem;outline:inherit;padding:0;-moz-user-select:-moz-none}.ids-tab:focus-visible{outline:.125rem solid var(--IDS-FOCUS__OUTLINE-COLOR);outline-offset:var(--IDS-FOCUS__OUTLINE-OFFSET)!important}.ids-tab{-webkit-touch-callout:none;align-items:center;border-left:var(--IDS-TAB__BORDER);border-radius:var(--IDS-TAB__BORDER-RADIUS);border-right:var(--IDS-TAB__BORDER);border-top:var(--IDS-TAB__BORDER);color:var(--IDS-TAB__COLOR);cursor:pointer;display:flex;justify-content:center;outline:none;overflow:hidden;padding:.4375rem 1.4375rem;position:relative;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:1}.ids-tab:after{background-color:var(--IDS-TABS__BORDER-BOTTOM-COLOR);bottom:0;content:\"\";height:.25rem;left:0;position:absolute;right:0;z-index:2}.ids-tab:focus-visible{z-index:2}.ids-tab .ids-tab__label{align-items:center;color:var(--IDS-TAB__COLOR);display:flex;flex-direction:row;font-size:1rem;font-weight:400;justify-content:center;line-height:1.6875rem;text-align:center}.ids-tab .ids-tab__label:before{background-color:transparent;content:\"\";height:var(--IDS-TAB--SELECTED__TOP-BORDER-HEIGHT);left:0;position:absolute;right:0;top:0;width:100%}.ids-tab:hover{border-left:var(--IDS-TAB--HOVER-BORDER);border-right:var(--IDS-TAB--HOVER-BORDER);border-top:var(--IDS-TAB--HOVER-BORDER-TOP);padding:.4375rem 1.375rem}.ids-tab:hover .ids-tab__label{color:var(--IDS-TAB--HOVER-COLOR)}.ids-tab:hover .ids-tab__label:before{background-color:var(--IDS-TAB--HOVER-BEFORE-COLOR)}.ids-tab.ids-tab--selected{background-color:var(--IDS-TAB--SELECTED__BACKGROUND-COLOR);border-left:var(--IDS-TAB--SELECTED__BORDER);border-right:var(--IDS-TAB--SELECTED__BORDER);border-top:var(--IDS-TAB--SELECTED__BORDER-TOP);padding:.4375rem 1.375rem}.ids-tab.ids-tab--selected,.ids-tab.ids-tab--selected .ids-tab__label{color:var(--IDS-TAB--SELECTED__COLOR)}.ids-tab.ids-tab--selected .ids-tab__label:before{background-color:var(--IDS-TAB--SELECTED__BORDER-COLOR)}.ids-tab.ids-tab--selected:after{background-color:var(--IDS-TAB--SELECTED__BORDER-BOTTOM-COLOR)}.ids-tab .ids-tab-icon,.ids-tab ::slotted([slot=icon]){align-self:center!important;color:var(--IDS-TAB-ICON__COLOR);display:flex!important;font-size:1.25rem!important;margin-right:.5rem}.ids-tab .ids-tab-extra{margin-left:.5rem}";
|
|
4
4
|
|
|
5
5
|
var tabLit = css`${unsafeCSS(css_248z)}`;
|
|
6
6
|
|
package/components/tabs/tab.css
CHANGED
|
@@ -13,7 +13,7 @@
|
|
|
13
13
|
/*******
|
|
14
14
|
* A11Y
|
|
15
15
|
********/
|
|
16
|
-
:host {
|
|
16
|
+
:host(.ids-tab) {
|
|
17
17
|
border-radius: var(--IDS-TAB__BORDER-RADIUS);
|
|
18
18
|
}
|
|
19
19
|
|
|
@@ -89,7 +89,6 @@
|
|
|
89
89
|
font-size: 1rem;
|
|
90
90
|
line-height: 1.6875rem;
|
|
91
91
|
text-align: center;
|
|
92
|
-
gap: 0.5rem;
|
|
93
92
|
}
|
|
94
93
|
.ids-tab .ids-tab__label:before {
|
|
95
94
|
content: "";
|
|
@@ -136,4 +135,8 @@
|
|
|
136
135
|
align-self: center !important;
|
|
137
136
|
font-size: 1.25rem !important;
|
|
138
137
|
color: var(--IDS-TAB-ICON__COLOR);
|
|
138
|
+
margin-right: 0.5rem;
|
|
139
|
+
}
|
|
140
|
+
.ids-tab .ids-tab-extra {
|
|
141
|
+
margin-left: 0.5rem;
|
|
139
142
|
}
|
|
@@ -2,7 +2,7 @@ import { css, unsafeCSS } from 'lit';
|
|
|
2
2
|
|
|
3
3
|
var css_248z$1 = "@media (max-width:1023px){.ids-desktop{display:none!important}}@media (min-width:1024px){.ids-mobile{display:none!important}}.ids-tabs .ids-tabs__select{display:block}.ids-tabs .ids-tabs__select.ids-tabs__select--light select{background-color:var(--IDS-TABS--LIGHT__BACKGROUND)}.ids-tabs .ids-tabs__tabs{align-items:flex-end;display:none;flex-wrap:wrap;justify-content:flex-start;padding:0 1.25rem;position:relative}.ids-tabs .ids-tabs__tabs:after{background-color:var(--IDS-TABS__BORDER-BOTTOM-COLOR);bottom:0;content:\"\";height:.25rem;left:0;position:absolute;right:0;width:100%}.ids-tabs .ids-tabs__tabs:before{bottom:0;content:var(--IDS-TAB--SELECTED__BEFORE-CONTENT);height:.625rem;left:0;pointer-events:none;position:absolute;right:0}@media (min-width:1024px){.ids-tabs .ids-tabs__select{display:none}.ids-tabs .ids-tabs__tabs{display:flex}}.ids-tabs.ids-tabs--unresponsive .ids-tabs__select{display:none}.ids-tabs.ids-tabs--unresponsive .ids-tabs__tabs{display:flex!important}@media (min-width:640px){.ids-tabs.ids-tabs--responsive-on-s .ids-tabs__select{display:none}.ids-tabs.ids-tabs--responsive-on-s .ids-tabs__tabs{display:flex}}@media (min-width:1024px){.ids-tabs.ids-tabs--responsive-on-m .ids-tabs__select{display:none}.ids-tabs.ids-tabs--responsive-on-m .ids-tabs__tabs{display:flex}}.ids-tabs .ids-tabs__panels{position:relative}";
|
|
4
4
|
|
|
5
|
-
var css_248z = ".ids-select__select{appearance:none!important;-webkit-appearance:none!important;-moz-appearance:none!important;background-color:var(--IDS-INPUT__BACKGROUND-COLOR);border-radius:var(--IDS-BORDER-RADIUS);color:var(--IDS-
|
|
5
|
+
var css_248z = ".ids-select__select{appearance:none!important;-webkit-appearance:none!important;-moz-appearance:none!important;background-color:var(--IDS-INPUT__BACKGROUND-COLOR);border-radius:var(--IDS-BORDER-RADIUS);color:var(--IDS-FORM__COLOR);display:block;font-family:var(--IDS-FONT-FAMILY-BASE)!important;font-size:1rem;padding:var(--IDS-INPUT__PADDING)}.ids-select__select:hover{background-color:var(--IDS-INPUT__HOVER-BACKGROUND-COLOR)}.ids-select__select:active{background-color:var(--IDS-INPUT__ACTIVE-BACKGROUND-COLOR);border-color:var(--IDS-INPUT__ACTIVE-BORDER-COLOR)}.ids-select__select:focus-visible,.ids-select__select:focus-visible:hover{background-color:var(--IDS-INPUT__BACKGROUND-COLOR);border-color:var(--IDS-INPUT__FOCUS-BORDER-COLOR)}.ids-select__select:disabled,.ids-select__select[readonly],.ids-select__select[readonly]:focus-visible,.ids-select__select[readonly]:focus-visible:hover{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__select:disabled::placeholder,.ids-select__select[readonly]::placeholder,.ids-select__select[readonly]:focus-visible::placeholder,.ids-select__select[readonly]:focus-visible:hover::placeholder{color:var(--IDS-FORM--DISABLED__COLOR)}.ids-select__select.ids-input--light{background-color:var(--IDS-INPUT--LIGHT__BACKGROUND-COLOR)}.ids-select__select.ids-input--light:hover{background-color:var(--IDS-INPUT--LIGHT__HOVER-BACKGROUND-COLOR)}.ids-select__select.ids-input--light:active{background-color:var(--IDS-INPUT--LIGHT__ACTIVE-BACKGROUND-COLOR);border-color:var(--IDS-INPUT__ACTIVE-BORDER-COLOR)}.ids-select__select.ids-input--light:focus-visible,.ids-select__select.ids-input--light:focus-visible:hover{background-color:var(--IDS-INPUT--LIGHT__BACKGROUND-COLOR)}.ids-select__select.ids-input--light:disabled,.ids-select__select.ids-input--light[readonly],.ids-select__select.ids-input--light[readonly]:focus-visible,.ids-select__select.ids-input--light[readonly]:focus-visible:hover{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__select.ids-input--light:disabled::placeholder,.ids-select__select.ids-input--light[readonly]::placeholder,.ids-select__select.ids-input--light[readonly]:focus-visible::placeholder,.ids-select__select.ids-input--light[readonly]:focus-visible:hover::placeholder{color:var(--IDS-FORM--DISABLED__COLOR)}.ids-select__select.ids-input--light.ids-input--invalid,.ids-select__select.ids-input--light[aria-invalid=true]{background-color:var(--IDS-FORM--INVALID__BACKGROUND-COLOR)}.ids-select__select:focus-visible{outline:.125rem solid var(--IDS-FOCUS__OUTLINE-COLOR);outline-offset:var(--IDS-FOCUS__OUTLINE-OFFSET)!important}.ids-select__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__select::placeholder{color:var(--IDS-FORM__COLOR)}.ids-select__select.ids-input--invalid,.ids-select__select[aria-invalid=true]{background:var(--IDS-FORM--INVALID__BACKGROUND-COLOR)!important;border:var(--IDS-FORM--INVALID__BORDER)}.ids-select__select.ids-input--light{background-color:var(--IDS-SELECT--LIGHT__BACKGROUND-COLOR)}.ids-select__select.ids-input--light.ids-input--invalid,.ids-select__select.ids-input--light[aria-invalid=true]{background:var(--IDS-FORM--INVALID__BACKGROUND-COLOR)!important;border:var(--IDS-FORM--INVALID__BORDER)}.ids-select__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__select[aria-disabled=true]::placeholder{color:var(--IDS-FORM--DISABLED__COLOR)}.ids-select__select:disabled{cursor:default}.ids-select__select:disabled::placeholder{color:var(--IDS-FORM--DISABLED__COLOR)}.ids-select__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__select:disabled.ids-input--light::placeholder{color:var(--IDS-FORM--DISABLED__COLOR)}.ids-select__wrapper{display:flex;position:relative}.ids-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:2}.ids-select__wrapper:has(select:disabled):after,.ids-select__wrapper:has(select[aria-disabled=true]):after{color:var(--IDS-FORM--DISABLED__COLOR)!important}.ids-select__wrapper:has(select[aria-invalid=true]):after{color:var(--IDS-FORM--INVALID__COLOR)!important}";
|
|
6
6
|
|
|
7
7
|
var tabsLit = css`${unsafeCSS(css_248z)} ${unsafeCSS(css_248z$1)}`;
|
|
8
8
|
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { css, unsafeCSS } from 'lit';
|
|
2
2
|
|
|
3
|
-
var css_248z = ".ids-tooltip{
|
|
3
|
+
var css_248z = ".ids-tooltip{position:relative!important;width:max-content}.ids-tooltip,.ids-tooltip .ids-tooltip__trigger{display:inline-flex}.ids-tooltip .ids-tooltip__content{background-color:var(--IDS-TOOLTIP__BACKGROUND-COLOR);border:var(--IDS-TOOLTIP__BORDER-THICKNESS) solid var(--IDS-TOOLTIP__BORDER-COLOR);border-radius:var(--IDS-BORDER-RADIUS);box-shadow:var(--IDS-BOX-SHADOW-ELEVATED-1);box-sizing:border-box;color:var(--IDS-TOOLTIP__COLOR);display:none;font-size:1rem;line-height:1.5rem;padding:var(--IDS-TOOLTIP__PADDING);position:absolute;text-align:left;width:max-content;z-index:2000}.ids-tooltip .ids-tooltip__content.ids-tooltip__content--top-left{left:0;top:-.5rem;transform:translateY(-100%)}.ids-tooltip .ids-tooltip__content.ids-tooltip__content--top{left:50%;top:-.5rem;transform:translate(-50%,-100%)}.ids-tooltip .ids-tooltip__content.ids-tooltip__content--top-right{right:0;top:-.5rem;transform:translateY(-100%)}.ids-tooltip .ids-tooltip__content.ids-tooltip__content--bottom-left{bottom:-.5rem;left:0;transform:translateY(100%)}.ids-tooltip .ids-tooltip__content.ids-tooltip__content--bottom{bottom:-.5rem;left:50%;right:auto;transform:translate(-50%,100%)}.ids-tooltip .ids-tooltip__content.ids-tooltip__content--bottom-right{bottom:-.5rem;right:0;transform:translateY(100%)}.ids-tooltip:focus-within .ids-tooltip__content,.ids-tooltip:hover .ids-tooltip__content{display:inline-block}";
|
|
4
4
|
|
|
5
5
|
var tooltipLit = css`${unsafeCSS(css_248z)}`;
|
|
6
6
|
|
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
.ids-tooltip {
|
|
2
|
-
display: inline-
|
|
2
|
+
display: inline-flex;
|
|
3
3
|
position: relative !important;
|
|
4
4
|
width: max-content;
|
|
5
5
|
}
|
|
6
6
|
.ids-tooltip .ids-tooltip__trigger {
|
|
7
|
-
display:
|
|
7
|
+
display: inline-flex;
|
|
8
8
|
}
|
|
9
9
|
.ids-tooltip .ids-tooltip__content {
|
|
10
10
|
display: none;
|