@navikt/ds-css 8.10.3 → 8.10.4
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/dist/component/accordion.css +6 -21
- package/dist/component/accordion.min.css +1 -1
- package/dist/component/actionmenu.css +1 -9
- package/dist/component/alert.css +6 -16
- package/dist/component/alert.min.css +1 -1
- package/dist/component/button.css +5 -66
- package/dist/component/button.min.css +1 -1
- package/dist/component/chat.css +3 -19
- package/dist/component/chat.min.css +1 -1
- package/dist/component/date.css +11 -66
- package/dist/component/date.min.css +1 -1
- package/dist/component/dialog.css +15 -57
- package/dist/component/dialog.min.css +1 -1
- package/dist/component/dropdown.css +1 -2
- package/dist/component/dropdown.min.css +1 -1
- package/dist/component/expansioncard.css +5 -27
- package/dist/component/expansioncard.min.css +1 -1
- package/dist/component/form.css +26 -208
- package/dist/component/form.min.css +1 -1
- package/dist/component/guidepanel.css +3 -19
- package/dist/component/guidepanel.min.css +1 -1
- package/dist/component/helptext.css +1 -5
- package/dist/component/helptext.min.css +1 -1
- package/dist/component/inlinemessage.css +1 -1
- package/dist/component/inlinemessage.min.css +1 -1
- package/dist/component/internalheader.css +1 -10
- package/dist/component/internalheader.min.css +1 -1
- package/dist/component/link.css +1 -5
- package/dist/component/linkanchor.css +2 -10
- package/dist/component/linkcard.css +8 -55
- package/dist/component/linkcard.min.css +1 -1
- package/dist/component/list.css +3 -3
- package/dist/component/list.min.css +1 -1
- package/dist/component/modal.css +3 -16
- package/dist/component/modal.min.css +1 -1
- package/dist/component/primitives.css +4 -18
- package/dist/component/primitives.min.css +1 -1
- package/dist/component/process.css +10 -53
- package/dist/component/process.min.css +1 -1
- package/dist/component/skeleton.css +0 -1
- package/dist/component/skeleton.min.css +1 -1
- package/dist/component/stepper.css +2 -22
- package/dist/component/stepper.min.css +1 -1
- package/dist/component/table.css +1 -22
- package/dist/component/table.min.css +1 -1
- package/dist/component/tabs.css +3 -3
- package/dist/component/tabs.min.css +1 -1
- package/dist/component/tag.css +1 -12
- package/dist/component/tag.min.css +1 -1
- package/dist/component/timeline.css +2 -12
- package/dist/component/timeline.min.css +1 -1
- package/dist/component/togglegroup.css +0 -1
- package/dist/component/togglegroup.min.css +1 -1
- package/dist/components.css +125 -759
- package/dist/components.min.css +1 -1
- package/dist/global/tokens.css +1 -1
- package/dist/global/tokens.min.css +1 -1
- package/dist/index.css +126 -760
- package/dist/index.min.css +1 -1
- package/package.json +5 -4
- package/src/data-table.css +72 -4
- package/.gitignore +0 -1
- package/CHANGELOG.md +0 -1580
- package/config/_mappings.d.ts +0 -25
- package/config/_mappings.js +0 -264
|
@@ -33,12 +33,7 @@
|
|
|
33
33
|
}
|
|
34
34
|
}
|
|
35
35
|
|
|
36
|
-
.aksel-dialog__popup[data-entering-style] {
|
|
37
|
-
opacity: .001;
|
|
38
|
-
transform: var(--__axc-dialog-transform);
|
|
39
|
-
}
|
|
40
|
-
|
|
41
|
-
.aksel-dialog__popup[data-exiting-style] {
|
|
36
|
+
.aksel-dialog__popup[data-entering-style], .aksel-dialog__popup[data-exiting-style] {
|
|
42
37
|
opacity: .001;
|
|
43
38
|
transform: var(--__axc-dialog-transform);
|
|
44
39
|
}
|
|
@@ -68,10 +63,7 @@
|
|
|
68
63
|
pointer-events: none;
|
|
69
64
|
transition: opacity cubic-bezier(.25, .46, .45, .94);
|
|
70
65
|
position: absolute;
|
|
71
|
-
|
|
72
|
-
bottom: 0;
|
|
73
|
-
left: 0;
|
|
74
|
-
right: 0;
|
|
66
|
+
inset: 0;
|
|
75
67
|
}
|
|
76
68
|
|
|
77
69
|
.aksel-dialog__popup[data-position="center"] {
|
|
@@ -79,21 +71,14 @@
|
|
|
79
71
|
--__axc-dialog-transform: scale(.98);
|
|
80
72
|
max-width: calc(100dvw - 3rem);
|
|
81
73
|
max-height: calc(90dvh - var(--__axc-dialog-center-margin));
|
|
82
|
-
margin-
|
|
83
|
-
margin-right: auto;
|
|
74
|
+
margin-inline: auto;
|
|
84
75
|
margin-block: max(var(--__axc-dialog-center-margin), 10dvh) auto;
|
|
85
76
|
top: 0;
|
|
86
77
|
left: 0;
|
|
87
78
|
right: 0;
|
|
88
79
|
}
|
|
89
80
|
|
|
90
|
-
.aksel-dialog__popup[data-position="center"][data-nested="true"][data-entering-style] {
|
|
91
|
-
opacity: 1;
|
|
92
|
-
transition-duration: 0s;
|
|
93
|
-
transform: scale(1);
|
|
94
|
-
}
|
|
95
|
-
|
|
96
|
-
.aksel-dialog__popup[data-position="center"][data-nested="true"][data-exiting-style] {
|
|
81
|
+
.aksel-dialog__popup[data-position="center"][data-nested="true"][data-entering-style], .aksel-dialog__popup[data-position="center"][data-nested="true"][data-exiting-style] {
|
|
97
82
|
opacity: 1;
|
|
98
83
|
transition-duration: 0s;
|
|
99
84
|
transform: scale(1);
|
|
@@ -112,35 +97,19 @@
|
|
|
112
97
|
max-width: 95dvw;
|
|
113
98
|
height: auto;
|
|
114
99
|
max-height: calc(100dvh - max(16px, 10dvh));
|
|
115
|
-
margin-
|
|
116
|
-
margin-
|
|
117
|
-
|
|
118
|
-
margin-right: auto;
|
|
119
|
-
top: auto;
|
|
120
|
-
bottom: 0;
|
|
121
|
-
left: 0;
|
|
122
|
-
right: 0;
|
|
100
|
+
margin-block: 0;
|
|
101
|
+
margin-inline: auto;
|
|
102
|
+
inset: auto 0 0;
|
|
123
103
|
}
|
|
124
104
|
}
|
|
125
105
|
|
|
126
|
-
.aksel-dialog__popup[data-position="right"] {
|
|
127
|
-
max-width: calc(100vw - max(16px, 10vw));
|
|
128
|
-
top: 0;
|
|
129
|
-
bottom: 0;
|
|
130
|
-
}
|
|
131
|
-
|
|
132
|
-
.aksel-dialog__popup[data-position="right"][data-nested-dialog-open="true"]:after {
|
|
133
|
-
opacity: 1;
|
|
134
|
-
transition-duration: .1s;
|
|
135
|
-
}
|
|
136
|
-
|
|
137
|
-
.aksel-dialog__popup[data-position="left"] {
|
|
106
|
+
.aksel-dialog__popup[data-position="right"], .aksel-dialog__popup[data-position="left"] {
|
|
138
107
|
max-width: calc(100vw - max(16px, 10vw));
|
|
139
108
|
top: 0;
|
|
140
109
|
bottom: 0;
|
|
141
110
|
}
|
|
142
111
|
|
|
143
|
-
.aksel-dialog__popup[data-position="left"][data-nested-dialog-open="true"]:after {
|
|
112
|
+
:is(.aksel-dialog__popup[data-position="right"], .aksel-dialog__popup[data-position="left"])[data-nested-dialog-open="true"]:after {
|
|
144
113
|
opacity: 1;
|
|
145
114
|
transition-duration: .1s;
|
|
146
115
|
}
|
|
@@ -169,8 +138,7 @@
|
|
|
169
138
|
max-width: 95dvw;
|
|
170
139
|
height: auto;
|
|
171
140
|
max-height: calc(100dvh - max(16px, 10dvh));
|
|
172
|
-
margin-
|
|
173
|
-
margin-right: auto;
|
|
141
|
+
margin-inline: auto;
|
|
174
142
|
bottom: 0;
|
|
175
143
|
left: 0;
|
|
176
144
|
right: 0;
|
|
@@ -188,10 +156,7 @@
|
|
|
188
156
|
max-width: 100dvw;
|
|
189
157
|
height: 100%;
|
|
190
158
|
max-height: 100dvh;
|
|
191
|
-
|
|
192
|
-
bottom: 0;
|
|
193
|
-
left: 0;
|
|
194
|
-
right: 0;
|
|
159
|
+
inset: 0;
|
|
195
160
|
}
|
|
196
161
|
|
|
197
162
|
.aksel-dialog__backdrop {
|
|
@@ -200,10 +165,7 @@
|
|
|
200
165
|
min-height: 100dvh;
|
|
201
166
|
transition: opacity .2s cubic-bezier(.25, .46, .45, .94);
|
|
202
167
|
position: fixed;
|
|
203
|
-
|
|
204
|
-
bottom: 0;
|
|
205
|
-
left: 0;
|
|
206
|
-
right: 0;
|
|
168
|
+
inset: 0;
|
|
207
169
|
}
|
|
208
170
|
|
|
209
171
|
@supports (-webkit-touch-callout: none) {
|
|
@@ -212,11 +174,7 @@
|
|
|
212
174
|
}
|
|
213
175
|
}
|
|
214
176
|
|
|
215
|
-
.aksel-dialog__backdrop[data-entering-style] {
|
|
216
|
-
opacity: .001;
|
|
217
|
-
}
|
|
218
|
-
|
|
219
|
-
.aksel-dialog__backdrop[data-exiting-style] {
|
|
177
|
+
.aksel-dialog__backdrop[data-entering-style], .aksel-dialog__backdrop[data-exiting-style] {
|
|
220
178
|
opacity: .001;
|
|
221
179
|
}
|
|
222
180
|
|
|
@@ -226,7 +184,7 @@
|
|
|
226
184
|
}
|
|
227
185
|
|
|
228
186
|
.aksel-dialog__title {
|
|
229
|
-
margin-
|
|
187
|
+
margin-block-end: var(--ax-space-4);
|
|
230
188
|
}
|
|
231
189
|
|
|
232
190
|
.aksel-dialog__close-button {
|
|
@@ -243,7 +201,7 @@
|
|
|
243
201
|
}
|
|
244
202
|
|
|
245
203
|
.aksel-dialog__header ~ .aksel-dialog__body {
|
|
246
|
-
padding-
|
|
204
|
+
padding-block-start: 0;
|
|
247
205
|
}
|
|
248
206
|
|
|
249
207
|
.aksel-dialog__body {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
@layer aksel.reset,aksel.theming,aksel.baseline,aksel.print,aksel.typography,aksel.components.core,aksel.components.core.loader,aksel.components.core.button,aksel.components.form;@layer aksel.components.modules{.aksel-dialog__popup{--__axc-dialog-transform: ;--__axc-dialog-p-b: var(--ax-space-16);--__axc-dialog-p-i: var(--ax-space-20);background-color:var(--ax-bg-raised);border-radius:var(--ax-radius-12);color:var(--ax-text-neutral);box-shadow:var(--ax-shadow-dialog);border:1px solid var(--ax-border-neutral-subtleA);z-index:2000;flex-direction:column;transition:transform .2s cubic-bezier(.25,.46,.45,.94),opacity .2s cubic-bezier(.25,.46,.45,.94),translate .2s cubic-bezier(.25,.46,.45,.94);display:flex;position:fixed;overflow:hidden}.aksel-dialog__popup:focus{outline:none}.aksel-dialog__popup[data-size=small]{--__axc-dialog-p-b: var(--ax-space-12);--__axc-dialog-p-i: var(--ax-space-16)}@media(max-height:400px){.aksel-dialog__popup{overflow:auto}}.aksel-dialog__popup[data-entering-style],.aksel-dialog__popup[data-exiting-style]{opacity:.001;transform:var(--__axc-dialog-transform)}.aksel-dialog__popup[data-exiting-style]{transition-duration:.1s}.aksel-dialog__popup[data-exiting-style]:after{transition-timing-function:cubic-bezier(.55,.09,.68,.53)}.aksel-dialog__popup[data-nested-dialog-open=true]{box-shadow:none}.aksel-dialog__popup[data-nested-dialog-open=true]:after{opacity:.9}.aksel-dialog__popup:after{content:"";border-radius:inherit;background-color:var(--ax-bg-overlay);opacity:0;z-index:1;pointer-events:none;transition:opacity cubic-bezier(.25,.46,.45,.94);position:absolute;inset:0}.aksel-dialog__popup[data-position=center]{--__axc-dialog-center-margin: 3rem;--__axc-dialog-transform: scale(.98);max-width:calc(100dvw - 3rem);max-height:calc(90dvh - var(--__axc-dialog-center-margin));margin-
|
|
1
|
+
@layer aksel.reset,aksel.theming,aksel.baseline,aksel.print,aksel.typography,aksel.components.core,aksel.components.core.loader,aksel.components.core.button,aksel.components.form;@layer aksel.components.modules{.aksel-dialog__popup{--__axc-dialog-transform: ;--__axc-dialog-p-b: var(--ax-space-16);--__axc-dialog-p-i: var(--ax-space-20);background-color:var(--ax-bg-raised);border-radius:var(--ax-radius-12);color:var(--ax-text-neutral);box-shadow:var(--ax-shadow-dialog);border:1px solid var(--ax-border-neutral-subtleA);z-index:2000;flex-direction:column;transition:transform .2s cubic-bezier(.25,.46,.45,.94),opacity .2s cubic-bezier(.25,.46,.45,.94),translate .2s cubic-bezier(.25,.46,.45,.94);display:flex;position:fixed;overflow:hidden}.aksel-dialog__popup:focus{outline:none}.aksel-dialog__popup[data-size=small]{--__axc-dialog-p-b: var(--ax-space-12);--__axc-dialog-p-i: var(--ax-space-16)}@media(max-height:400px){.aksel-dialog__popup{overflow:auto}}.aksel-dialog__popup[data-entering-style],.aksel-dialog__popup[data-exiting-style]{opacity:.001;transform:var(--__axc-dialog-transform)}.aksel-dialog__popup[data-exiting-style]{transition-duration:.1s}.aksel-dialog__popup[data-exiting-style]:after{transition-timing-function:cubic-bezier(.55,.09,.68,.53)}.aksel-dialog__popup[data-nested-dialog-open=true]{box-shadow:none}.aksel-dialog__popup[data-nested-dialog-open=true]:after{opacity:.9}.aksel-dialog__popup:after{content:"";border-radius:inherit;background-color:var(--ax-bg-overlay);opacity:0;z-index:1;pointer-events:none;transition:opacity cubic-bezier(.25,.46,.45,.94);position:absolute;inset:0}.aksel-dialog__popup[data-position=center]{--__axc-dialog-center-margin: 3rem;--__axc-dialog-transform: scale(.98);max-width:calc(100dvw - 3rem);max-height:calc(90dvh - var(--__axc-dialog-center-margin));margin-inline:auto;margin-block:max(var(--__axc-dialog-center-margin),10dvh) auto;top:0;left:0;right:0}.aksel-dialog__popup[data-position=center][data-nested=true][data-entering-style],.aksel-dialog__popup[data-position=center][data-nested=true][data-exiting-style]{opacity:1;transition-duration:0s;transform:scale(1)}.aksel-dialog__popup[data-position=center][data-nested-dialog-open=true]{transform:translateY(calc(1rem * var(--__axc-nested-level) * -1)) scale(calc(1 - .02 * var(--__axc-nested-level)))}@media(max-width:480px)or (max-height:479px){.aksel-dialog__popup[data-position=center]{--__axc-dialog-transform: translateY(35%);border-bottom:0;border-bottom-right-radius:0;border-bottom-left-radius:0;max-width:95dvw;height:auto;max-height:calc(100dvh - max(16px,10dvh));margin-block:0;margin-inline:auto;inset:auto 0 0}}.aksel-dialog__popup[data-position=right],.aksel-dialog__popup[data-position=left]{max-width:calc(100vw - max(16px,10vw));top:0;bottom:0}:is(.aksel-dialog__popup[data-position=right],.aksel-dialog__popup[data-position=left])[data-nested-dialog-open=true]:after{opacity:1;transition-duration:.1s}.aksel-dialog__popup[data-position=right]{--__axc-dialog-transform: translateX(35%);border-right:0;border-top-right-radius:0;border-bottom-right-radius:0;right:0}.aksel-dialog__popup[data-position=left]{--__axc-dialog-transform: translateX(-35%);border-left:0;border-top-left-radius:0;border-bottom-left-radius:0;left:0}.aksel-dialog__popup[data-position=bottom]{--__axc-dialog-transform: translateY(35%);border-bottom:0;border-bottom-right-radius:0;border-bottom-left-radius:0;max-width:95dvw;height:auto;max-height:calc(100dvh - max(16px,10dvh));margin-inline:auto;bottom:0;left:0;right:0}.aksel-dialog__popup[data-position=bottom][data-nested-dialog-open=true]{transform:translateY(calc(1rem * var(--__axc-nested-level) * -1)) scale(calc(1 - .02 * var(--__axc-nested-level)))}.aksel-dialog__popup[data-position=fullscreen]{--__axc-dialog-transform: scale(.98);border:0;border-radius:0;width:100%;max-width:100dvw;height:100%;max-height:100dvh;inset:0}.aksel-dialog__backdrop{background-color:var(--ax-bg-overlay);z-index:2000;min-height:100dvh;transition:opacity .2s cubic-bezier(.25,.46,.45,.94);position:fixed;inset:0}@supports (-webkit-touch-callout: none){.aksel-dialog__backdrop{position:absolute}}.aksel-dialog__backdrop[data-entering-style],.aksel-dialog__backdrop[data-exiting-style]{opacity:.001}.aksel-dialog__header{padding-block:var(--__axc-dialog-p-b);padding-inline:var(--__axc-dialog-p-i)}.aksel-dialog__title{margin-block-end:var(--ax-space-4)}.aksel-dialog__close-button{float:right;align-self:start}.aksel-dialog__body{padding-block:var(--__axc-dialog-p-b);padding-inline:var(--__axc-dialog-p-i);overscroll-behavior:contain;position:relative;overflow:auto}.aksel-dialog__header~.aksel-dialog__body{padding-block-start:0}.aksel-dialog__body{background:linear-gradient(var(--ax-bg-raised) 30%,transparent) top,linear-gradient(transparent,var(--ax-bg-raised) 60%) bottom,radial-gradient(farthest-side at 50% 0,rgba(0,0,0,.3),transparent) top,radial-gradient(farthest-side at 50% 100%,rgba(0,0,0,.3),transparent) bottom;background-repeat:no-repeat;background-size:100% 40px,100% 50px,100% 16px,100% 16px;background-attachment:local,local,scroll,scroll}@media(max-height:400px){.aksel-dialog__body{overflow:unset}}.aksel-dialog__footer{justify-content:flex-end;gap:var(--ax-space-8);padding-block:var(--__axc-dialog-p-b);padding-inline:var(--__axc-dialog-p-i);flex-flow:wrap;display:flex}@media(forced-colors:active){.aksel-dialog__popup{outline:2px solid var(--ax-border-neutral-strong)!important}}}@layer aksel.layout;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
@layer aksel.reset,aksel.theming,aksel.baseline,aksel.print,aksel.typography,aksel.components.core,aksel.components.core.loader,aksel.components.core.button,aksel.components.form;@layer aksel.components.modules{.aksel-dropdown__menu{padding:var(--ax-space-8);color:var(--ax-text-neutral);width:27ch;max-height:616px;overflow
|
|
1
|
+
@layer aksel.reset,aksel.theming,aksel.baseline,aksel.print,aksel.typography,aksel.components.core,aksel.components.core.loader,aksel.components.core.button,aksel.components.form;@layer aksel.components.modules{.aksel-dropdown__menu{padding:var(--ax-space-8);color:var(--ax-text-neutral);width:27ch;max-height:616px;overflow:hidden auto}.aksel-dropdown__divider{margin:var(--ax-space-12) 0;border:none;border-bottom:1px solid var(--ax-border-neutral-subtle)}.aksel-dropdown__menu>:not(.aksel-dropdown__divider,.aksel-dropdown__list){margin:0 var(--ax-space-16) var(--ax-space-12)}.aksel-dropdown__list{margin:0;padding:0;list-style:none}.aksel-dropdown__list-item{margin:0}.aksel-dropdown__list-heading{margin-block:var(--ax-space-4) var(--ax-space-12);margin-inline:var(--ax-space-4)}.aksel-dropdown__item{font:inherit;text-align:left;cursor:pointer;align-items:center;gap:var(--ax-space-8);width:100%;padding:var(--ax-space-4);border-radius:var(--ax-radius-4);color:var(--ax-text-neutral);background:none;border:none;margin:0;text-decoration:none;display:flex;overflow:visible}.aksel-dropdown__item:hover{background-color:var(--ax-bg-moderate-hoverA)}.aksel-dropdown__item:active{background-color:var(--ax-bg-moderate-pressedA)}.aksel-dropdown__item:focus-visible{outline:3px solid var(--ax-border-focus);outline-offset:-3px}.aksel-dropdown__item:disabled{opacity:var(--ax-opacity-disabled);cursor:not-allowed;background:none}@media(forced-colors:active){.aksel-dropdown__item:hover{color:highlight}.aksel-dropdown__item:disabled{opacity:1;color:graytext}}}@layer aksel.layout;
|
|
@@ -8,7 +8,6 @@
|
|
|
8
8
|
border-radius: var(--ax-radius-12);
|
|
9
9
|
background-color: var(--ax-bg-softA);
|
|
10
10
|
border: 1px solid var(--ax-border-default);
|
|
11
|
-
height: -webkit-fit-content;
|
|
12
11
|
height: fit-content;
|
|
13
12
|
}
|
|
14
13
|
|
|
@@ -30,10 +29,6 @@
|
|
|
30
29
|
margin-top: var(--ax-space-2);
|
|
31
30
|
}
|
|
32
31
|
|
|
33
|
-
.aksel-expansioncard--small :-webkit-any(.aksel-expansioncard__title--medium, .aksel-expansioncard__title--large) {
|
|
34
|
-
margin-top: 0;
|
|
35
|
-
}
|
|
36
|
-
|
|
37
32
|
.aksel-expansioncard--small :is(.aksel-expansioncard__title--medium, .aksel-expansioncard__title--large) {
|
|
38
33
|
margin-top: 0;
|
|
39
34
|
}
|
|
@@ -116,10 +111,7 @@
|
|
|
116
111
|
width: 100%;
|
|
117
112
|
height: 100%;
|
|
118
113
|
position: absolute;
|
|
119
|
-
|
|
120
|
-
bottom: 0;
|
|
121
|
-
left: 0;
|
|
122
|
-
right: 0;
|
|
114
|
+
inset: 0;
|
|
123
115
|
}
|
|
124
116
|
|
|
125
117
|
.aksel-expansioncard__header:hover > .aksel-expansioncard__header-button {
|
|
@@ -141,31 +133,17 @@
|
|
|
141
133
|
.aksel-expansioncard__content {
|
|
142
134
|
padding-inline: var(--__axc-expansioncard-padding-inline);
|
|
143
135
|
visibility: hidden;
|
|
136
|
+
border-end-end-radius: var(--__axc-expansioncard-border-radius);
|
|
137
|
+
border-end-start-radius: var(--__axc-expansioncard-border-radius);
|
|
144
138
|
grid-template-rows: 0fr;
|
|
145
|
-
padding-
|
|
146
|
-
|
|
147
|
-
transition-property: visibility, padding-top, padding-bottom, grid-template-rows;
|
|
139
|
+
padding-block: 0;
|
|
140
|
+
transition-property: visibility, padding-block, grid-template-rows;
|
|
148
141
|
transition-duration: .25s;
|
|
149
142
|
transition-timing-function: cubic-bezier(.2, 0, 0, 1);
|
|
150
143
|
display: grid;
|
|
151
144
|
overflow: hidden;
|
|
152
145
|
}
|
|
153
146
|
|
|
154
|
-
.aksel-expansioncard__content:not(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
|
|
155
|
-
border-bottom-right-radius: var(--__axc-expansioncard-border-radius);
|
|
156
|
-
border-bottom-left-radius: var(--__axc-expansioncard-border-radius);
|
|
157
|
-
}
|
|
158
|
-
|
|
159
|
-
.aksel-expansioncard__content:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
|
|
160
|
-
border-bottom-left-radius: var(--__axc-expansioncard-border-radius);
|
|
161
|
-
border-bottom-right-radius: var(--__axc-expansioncard-border-radius);
|
|
162
|
-
}
|
|
163
|
-
|
|
164
|
-
.aksel-expansioncard__content:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
|
|
165
|
-
border-bottom-left-radius: var(--__axc-expansioncard-border-radius);
|
|
166
|
-
border-bottom-right-radius: var(--__axc-expansioncard-border-radius);
|
|
167
|
-
}
|
|
168
|
-
|
|
169
147
|
.aksel-expansioncard__content[data-open="true"] {
|
|
170
148
|
visibility: visible;
|
|
171
149
|
padding-block: var(--__axc-expansioncard-padding-block);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
@layer aksel.reset,aksel.theming,aksel.baseline,aksel.print,aksel.typography,aksel.components.core,aksel.components.core.loader,aksel.components.core.button,aksel.components.form;@layer aksel.components.modules{.aksel-expansioncard{--__axc-expansioncard-border-radius: calc(var(--ax-radius-12) - 1px);--__axc-expansioncard-padding-block: var(--ax-space-16);--__axc-expansioncard-padding-inline: var(--ax-space-20);border-radius:var(--ax-radius-12);background-color:var(--ax-bg-softA);border:1px solid var(--ax-border-default);height
|
|
1
|
+
@layer aksel.reset,aksel.theming,aksel.baseline,aksel.print,aksel.typography,aksel.components.core,aksel.components.core.loader,aksel.components.core.button,aksel.components.form;@layer aksel.components.modules{.aksel-expansioncard{--__axc-expansioncard-border-radius: calc(var(--ax-radius-12) - 1px);--__axc-expansioncard-padding-block: var(--ax-space-16);--__axc-expansioncard-padding-inline: var(--ax-space-20);border-radius:var(--ax-radius-12);background-color:var(--ax-bg-softA);border:1px solid var(--ax-border-default);height:fit-content}.aksel-expansioncard[data-color=neutral]{background-color:var(--ax-bg-raised)}.aksel-expansioncard:has(.aksel-expansioncard__header:hover){box-shadow:0 0 0 1px var(--ax-border-strong);border-color:var(--ax-border-strong)}.aksel-expansioncard--small{--__axc-expansioncard-padding-inline: var(--ax-space-16);--__axc-expansioncard-padding-block: var(--ax-space-12)}.aksel-expansioncard--small>.aksel-expansioncard__header .aksel-expansioncard__title--small{margin-top:var(--ax-space-2)}.aksel-expansioncard--small :is(.aksel-expansioncard__title--medium,.aksel-expansioncard__title--large){margin-top:0}.aksel-expansioncard--small>.aksel-expansioncard__header>.aksel-expansioncard__header-button{min-width:2rem;min-height:2rem}.aksel-expansioncard__header{gap:var(--ax-space-16);width:100%;padding:var(--__axc-expansioncard-padding-block) var(--__axc-expansioncard-padding-inline);border-radius:var(--__axc-expansioncard-border-radius);background-color:#0000;justify-content:space-between;display:flex;position:relative}.aksel-expansioncard__header:hover{background-color:var(--ax-bg-moderate-hoverA)}.aksel-expansioncard__header[data-open=true]{border-bottom-right-radius:0;border-bottom-left-radius:0}.aksel-expansioncard__header[data-open=true]:after{content:"";background-color:var(--ax-border-subtleA);bottom:0;left:var(--__axc-expansioncard-padding-inline);height:1px;width:calc(100% - 2 * var(--__axc-expansioncard-padding-inline));opacity:1;position:absolute}.aksel-expansioncard__header[data-open=true]:hover:after{opacity:0}.aksel-expansioncard__title--small{margin-top:.625rem}.aksel-expansioncard__title--medium{margin-top:var(--ax-space-8)}.aksel-expansioncard__title--large{margin-top:var(--ax-space-4)}.aksel-expansioncard__header-button{cursor:pointer;border-radius:var(--ax-radius-8);background:none;border:none;place-content:center;align-self:flex-start;min-width:3rem;min-height:3rem;margin:0;font-size:1.5rem;display:grid}.aksel-expansioncard__header-button:focus-visible{outline:3px solid var(--ax-border-focus)}.aksel-expansioncard__header-button:after{z-index:1;content:"";cursor:pointer;opacity:0;width:100%;height:100%;position:absolute;inset:0}.aksel-expansioncard__header:hover>.aksel-expansioncard__header-button{background-color:var(--ax-bg-moderate-hoverA)}.aksel-expansioncard__header-chevron{transition:transform .25s cubic-bezier(.2,0,0,1)}.aksel-expansioncard__header[data-open=true] .aksel-expansioncard__header-chevron{transform:rotateX(-180deg)}.aksel-expansioncard__header[data-open=false] .aksel-expansioncard__header-chevron{transition-duration:.4s}.aksel-expansioncard__content{padding-inline:var(--__axc-expansioncard-padding-inline);visibility:hidden;border-end-end-radius:var(--__axc-expansioncard-border-radius);border-end-start-radius:var(--__axc-expansioncard-border-radius);grid-template-rows:0fr;padding-block:0;transition-property:visibility,padding-block,grid-template-rows;transition-duration:.25s;transition-timing-function:cubic-bezier(.2,0,0,1);display:grid;overflow:hidden}.aksel-expansioncard__content[data-open=true]{visibility:visible;padding-block:var(--__axc-expansioncard-padding-block);grid-template-rows:1fr}.aksel-expansioncard__content[data-open=true] .aksel-expansioncard__content-inner{opacity:1}.aksel-expansioncard__content-inner{opacity:0;min-height:0;transition:opacity .25s cubic-bezier(.2,0,0,1)}}@layer aksel.layout;
|