@navikt/ds-css 7.34.0 → 7.35.1
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/CHANGELOG.md +8 -0
- package/darkside/form/search.darkside.css +1 -0
- package/darkside/link-panel.darkside.css +1 -1
- package/dist/component/loader.min.css +1 -1
- package/dist/components.min.css +1 -1
- package/dist/darkside/component/accordion.css +21 -6
- package/dist/darkside/component/accordion.min.css +1 -1
- package/dist/darkside/component/actionmenu.css +9 -1
- package/dist/darkside/component/alert.css +14 -5
- package/dist/darkside/component/alert.min.css +1 -1
- package/dist/darkside/component/button.css +22 -0
- package/dist/darkside/component/button.min.css +1 -1
- package/dist/darkside/component/chat.css +19 -3
- package/dist/darkside/component/chat.min.css +1 -1
- package/dist/darkside/component/date.css +61 -10
- package/dist/darkside/component/date.min.css +1 -1
- package/dist/darkside/component/dropdown.css +2 -1
- package/dist/darkside/component/dropdown.min.css +1 -1
- package/dist/darkside/component/expansioncard.css +31 -5
- package/dist/darkside/component/expansioncard.min.css +1 -1
- package/dist/darkside/component/form.css +202 -25
- package/dist/darkside/component/form.min.css +1 -1
- package/dist/darkside/component/guidepanel.css +17 -1
- package/dist/darkside/component/guidepanel.min.css +1 -1
- package/dist/darkside/component/helptext.css +5 -1
- package/dist/darkside/component/helptext.min.css +1 -1
- package/dist/darkside/component/internalheader.css +10 -1
- package/dist/darkside/component/internalheader.min.css +1 -1
- package/dist/darkside/component/link.css +5 -1
- package/dist/darkside/component/linkanchor.css +10 -2
- package/dist/darkside/component/linkcard.css +55 -8
- package/dist/darkside/component/linkcard.min.css +1 -1
- package/dist/darkside/component/linkpanel.css +1 -1
- package/dist/darkside/component/linkpanel.min.css +1 -1
- package/dist/darkside/component/list.css +3 -3
- package/dist/darkside/component/list.min.css +1 -1
- package/dist/darkside/component/modal.css +16 -3
- package/dist/darkside/component/modal.min.css +1 -1
- package/dist/darkside/component/primitives.css +18 -4
- package/dist/darkside/component/primitives.min.css +1 -1
- package/dist/darkside/component/process.css +53 -10
- package/dist/darkside/component/process.min.css +1 -1
- package/dist/darkside/component/readmore.css +14 -1
- package/dist/darkside/component/readmore.min.css +1 -1
- package/dist/darkside/component/skeleton.css +1 -0
- package/dist/darkside/component/skeleton.min.css +1 -1
- package/dist/darkside/component/stepper.css +22 -2
- package/dist/darkside/component/stepper.min.css +1 -1
- package/dist/darkside/component/table.css +27 -2
- package/dist/darkside/component/table.min.css +1 -1
- package/dist/darkside/component/tabs.css +3 -3
- package/dist/darkside/component/tabs.min.css +1 -1
- package/dist/darkside/component/tag.css +12 -1
- package/dist/darkside/component/tag.min.css +1 -1
- package/dist/darkside/component/timeline.css +12 -2
- package/dist/darkside/component/timeline.min.css +1 -1
- package/dist/darkside/component/togglegroup.css +1 -0
- package/dist/darkside/component/togglegroup.min.css +1 -1
- package/dist/darkside/components.css +666 -102
- package/dist/darkside/components.min.css +1 -1
- package/dist/darkside/global/tokens.css +1 -1
- package/dist/darkside/global/tokens.min.css +1 -1
- package/dist/darkside/index.css +667 -103
- package/dist/darkside/index.min.css +1 -1
- package/dist/darkside/version/{7.34.0 → 7.35.1}/component/accordion.css +21 -6
- package/dist/darkside/version/7.35.1/component/accordion.min.css +1 -0
- package/dist/darkside/version/{7.34.0 → 7.35.1}/component/actionmenu.css +9 -1
- package/dist/darkside/version/{7.34.0 → 7.35.1}/component/alert.css +14 -5
- package/dist/darkside/version/7.35.1/component/alert.min.css +1 -0
- package/dist/darkside/version/{7.34.0 → 7.35.1}/component/button.css +22 -0
- package/dist/darkside/version/7.35.1/component/button.min.css +1 -0
- package/dist/darkside/version/{7.34.0 → 7.35.1}/component/chat.css +19 -3
- package/dist/darkside/version/{7.34.0 → 7.35.1}/component/chat.min.css +1 -1
- package/dist/darkside/version/{7.34.0 → 7.35.1}/component/date.css +61 -10
- package/dist/darkside/version/7.35.1/component/date.min.css +1 -0
- package/dist/darkside/version/{7.34.0 → 7.35.1}/component/dropdown.css +2 -1
- package/dist/darkside/version/7.35.1/component/dropdown.min.css +1 -0
- package/dist/darkside/version/{7.34.0 → 7.35.1}/component/expansioncard.css +31 -5
- package/dist/darkside/version/7.35.1/component/expansioncard.min.css +1 -0
- package/dist/darkside/version/{7.34.0 → 7.35.1}/component/form.css +202 -25
- package/dist/darkside/version/7.35.1/component/form.min.css +1 -0
- package/dist/darkside/version/{7.34.0 → 7.35.1}/component/guidepanel.css +17 -1
- package/dist/darkside/version/7.35.1/component/guidepanel.min.css +1 -0
- package/dist/darkside/version/{7.34.0 → 7.35.1}/component/helptext.css +5 -1
- package/dist/darkside/version/7.35.1/component/helptext.min.css +1 -0
- package/dist/darkside/version/{7.34.0 → 7.35.1}/component/internalheader.css +10 -1
- package/dist/darkside/version/7.35.1/component/internalheader.min.css +1 -0
- package/dist/darkside/version/{7.34.0 → 7.35.1}/component/link.css +5 -1
- package/dist/darkside/version/{7.34.0 → 7.35.1}/component/linkanchor.css +10 -2
- package/dist/darkside/version/{7.34.0 → 7.35.1}/component/linkcard.css +55 -8
- package/dist/darkside/version/7.35.1/component/linkcard.min.css +1 -0
- package/dist/darkside/version/{7.34.0 → 7.35.1}/component/linkpanel.css +1 -1
- package/dist/darkside/version/{7.34.0 → 7.35.1}/component/linkpanel.min.css +1 -1
- package/dist/darkside/version/{7.34.0 → 7.35.1}/component/list.css +3 -3
- package/dist/darkside/version/7.35.1/component/list.min.css +1 -0
- package/dist/darkside/version/{7.34.0 → 7.35.1}/component/modal.css +16 -3
- package/dist/darkside/version/7.35.1/component/modal.min.css +1 -0
- package/dist/darkside/version/{7.34.0 → 7.35.1}/component/primitives.css +18 -4
- package/dist/darkside/version/{7.34.0 → 7.35.1}/component/primitives.min.css +1 -1
- package/dist/darkside/version/{7.34.0 → 7.35.1}/component/process.css +53 -10
- package/dist/darkside/version/7.35.1/component/process.min.css +1 -0
- package/dist/darkside/version/{7.34.0 → 7.35.1}/component/readmore.css +14 -1
- package/dist/darkside/version/7.35.1/component/readmore.min.css +1 -0
- package/dist/darkside/version/{7.34.0 → 7.35.1}/component/skeleton.css +1 -0
- package/dist/darkside/version/7.35.1/component/skeleton.min.css +1 -0
- package/dist/darkside/version/{7.34.0 → 7.35.1}/component/stepper.css +22 -2
- package/dist/darkside/version/7.35.1/component/stepper.min.css +1 -0
- package/dist/darkside/version/{7.34.0 → 7.35.1}/component/table.css +27 -2
- package/dist/darkside/version/7.35.1/component/table.min.css +1 -0
- package/dist/darkside/version/{7.34.0 → 7.35.1}/component/tabs.css +3 -3
- package/dist/darkside/version/{7.34.0 → 7.35.1}/component/tabs.min.css +1 -1
- package/dist/darkside/version/{7.34.0 → 7.35.1}/component/tag.css +12 -1
- package/dist/darkside/version/{7.34.0 → 7.35.1}/component/tag.min.css +1 -1
- package/dist/darkside/version/{7.34.0 → 7.35.1}/component/timeline.css +12 -2
- package/dist/darkside/version/7.35.1/component/timeline.min.css +1 -0
- package/dist/darkside/version/{7.34.0 → 7.35.1}/component/togglegroup.css +1 -0
- package/dist/darkside/version/7.35.1/component/togglegroup.min.css +1 -0
- package/dist/darkside/version/{7.34.0 → 7.35.1}/components.css +666 -102
- package/dist/darkside/version/7.35.1/components.min.css +1 -0
- package/dist/darkside/version/{7.34.0 → 7.35.1}/global/tokens.css +1 -1
- package/dist/darkside/version/{7.34.0 → 7.35.1}/global/tokens.min.css +1 -1
- package/dist/darkside/version/{7.34.0 → 7.35.1}/index.css +667 -103
- package/dist/darkside/version/7.35.1/index.min.css +1 -0
- package/dist/global/tokens.css +1 -1
- package/dist/global/tokens.min.css +1 -1
- package/dist/index.css +1 -1
- package/dist/index.min.css +2 -2
- package/package.json +2 -2
- package/dist/darkside/version/7.34.0/component/accordion.min.css +0 -1
- package/dist/darkside/version/7.34.0/component/alert.min.css +0 -1
- package/dist/darkside/version/7.34.0/component/button.min.css +0 -1
- package/dist/darkside/version/7.34.0/component/date.min.css +0 -1
- package/dist/darkside/version/7.34.0/component/dropdown.min.css +0 -1
- package/dist/darkside/version/7.34.0/component/expansioncard.min.css +0 -1
- package/dist/darkside/version/7.34.0/component/form.min.css +0 -1
- package/dist/darkside/version/7.34.0/component/guidepanel.min.css +0 -1
- package/dist/darkside/version/7.34.0/component/helptext.min.css +0 -1
- package/dist/darkside/version/7.34.0/component/internalheader.min.css +0 -1
- package/dist/darkside/version/7.34.0/component/linkcard.min.css +0 -1
- package/dist/darkside/version/7.34.0/component/list.min.css +0 -1
- package/dist/darkside/version/7.34.0/component/modal.min.css +0 -1
- package/dist/darkside/version/7.34.0/component/process.min.css +0 -1
- package/dist/darkside/version/7.34.0/component/readmore.min.css +0 -1
- package/dist/darkside/version/7.34.0/component/skeleton.min.css +0 -1
- package/dist/darkside/version/7.34.0/component/stepper.min.css +0 -1
- package/dist/darkside/version/7.34.0/component/table.min.css +0 -1
- package/dist/darkside/version/7.34.0/component/timeline.min.css +0 -1
- package/dist/darkside/version/7.34.0/component/togglegroup.min.css +0 -1
- package/dist/darkside/version/7.34.0/components.min.css +0 -1
- package/dist/darkside/version/7.34.0/index.min.css +0 -1
- /package/dist/darkside/version/{7.34.0 → 7.35.1}/component/actionmenu.min.css +0 -0
- /package/dist/darkside/version/{7.34.0 → 7.35.1}/component/chips.css +0 -0
- /package/dist/darkside/version/{7.34.0 → 7.35.1}/component/chips.min.css +0 -0
- /package/dist/darkside/version/{7.34.0 → 7.35.1}/component/copybutton.css +0 -0
- /package/dist/darkside/version/{7.34.0 → 7.35.1}/component/copybutton.min.css +0 -0
- /package/dist/darkside/version/{7.34.0 → 7.35.1}/component/inlinemessage.css +0 -0
- /package/dist/darkside/version/{7.34.0 → 7.35.1}/component/inlinemessage.min.css +0 -0
- /package/dist/darkside/version/{7.34.0 → 7.35.1}/component/link.min.css +0 -0
- /package/dist/darkside/version/{7.34.0 → 7.35.1}/component/linkanchor.min.css +0 -0
- /package/dist/darkside/version/{7.34.0 → 7.35.1}/component/loader.css +0 -0
- /package/dist/darkside/version/{7.34.0 → 7.35.1}/component/loader.min.css +0 -0
- /package/dist/darkside/version/{7.34.0 → 7.35.1}/component/pagination.css +0 -0
- /package/dist/darkside/version/{7.34.0 → 7.35.1}/component/pagination.min.css +0 -0
- /package/dist/darkside/version/{7.34.0 → 7.35.1}/component/panel.css +0 -0
- /package/dist/darkside/version/{7.34.0 → 7.35.1}/component/panel.min.css +0 -0
- /package/dist/darkside/version/{7.34.0 → 7.35.1}/component/popover.css +0 -0
- /package/dist/darkside/version/{7.34.0 → 7.35.1}/component/popover.min.css +0 -0
- /package/dist/darkside/version/{7.34.0 → 7.35.1}/component/progressbar.css +0 -0
- /package/dist/darkside/version/{7.34.0 → 7.35.1}/component/progressbar.min.css +0 -0
- /package/dist/darkside/version/{7.34.0 → 7.35.1}/component/theme.css +0 -0
- /package/dist/darkside/version/{7.34.0 → 7.35.1}/component/theme.min.css +0 -0
- /package/dist/darkside/version/{7.34.0 → 7.35.1}/component/tooltip.css +0 -0
- /package/dist/darkside/version/{7.34.0 → 7.35.1}/component/tooltip.min.css +0 -0
- /package/dist/darkside/version/{7.34.0 → 7.35.1}/component/typography.css +0 -0
- /package/dist/darkside/version/{7.34.0 → 7.35.1}/component/typography.min.css +0 -0
- /package/dist/darkside/version/{7.34.0 → 7.35.1}/global/baseline.css +0 -0
- /package/dist/darkside/version/{7.34.0 → 7.35.1}/global/baseline.min.css +0 -0
- /package/dist/darkside/version/{7.34.0 → 7.35.1}/global/fonts.css +0 -0
- /package/dist/darkside/version/{7.34.0 → 7.35.1}/global/fonts.min.css +0 -0
- /package/dist/darkside/version/{7.34.0 → 7.35.1}/global/print.css +0 -0
- /package/dist/darkside/version/{7.34.0 → 7.35.1}/global/print.min.css +0 -0
- /package/dist/darkside/version/{7.34.0 → 7.35.1}/global/reset.css +0 -0
- /package/dist/darkside/version/{7.34.0 → 7.35.1}/global/reset.min.css +0 -0
|
@@ -646,7 +646,7 @@
|
|
|
646
646
|
}
|
|
647
647
|
|
|
648
648
|
:root, :host {
|
|
649
|
-
--ax-version: "7.
|
|
649
|
+
--ax-version: "7.35.1";
|
|
650
650
|
--ax-space-0: 0rem;
|
|
651
651
|
--ax-space-1: .0625rem;
|
|
652
652
|
--ax-space-2: .125rem;
|
|
@@ -1489,6 +1489,10 @@
|
|
|
1489
1489
|
background-color: var(--ax-bg-strong-pressed);
|
|
1490
1490
|
}
|
|
1491
1491
|
|
|
1492
|
+
.aksel-button[data-variant="primary"]:-webkit-any(:disabled, .aksel-button--disabled) {
|
|
1493
|
+
background-color: var(--ax-bg-strong);
|
|
1494
|
+
}
|
|
1495
|
+
|
|
1492
1496
|
.aksel-button[data-variant="primary"]:is(:disabled, .aksel-button--disabled) {
|
|
1493
1497
|
background-color: var(--ax-bg-strong);
|
|
1494
1498
|
}
|
|
@@ -1512,6 +1516,15 @@
|
|
|
1512
1516
|
background-color: var(--ax-bg-moderate-pressedA);
|
|
1513
1517
|
}
|
|
1514
1518
|
|
|
1519
|
+
.aksel-button[data-variant="secondary"]:-webkit-any(:disabled, .aksel-button--disabled) {
|
|
1520
|
+
color: var(--ax-text-subtle);
|
|
1521
|
+
background-color: rgba(0, 0, 0, 0);
|
|
1522
|
+
}
|
|
1523
|
+
|
|
1524
|
+
.aksel-button[data-variant="secondary"]:-webkit-any(:disabled, .aksel-button--disabled)[data-color="neutral"] {
|
|
1525
|
+
color: var(--ax-text-default);
|
|
1526
|
+
}
|
|
1527
|
+
|
|
1515
1528
|
.aksel-button[data-variant="secondary"]:is(:disabled, .aksel-button--disabled) {
|
|
1516
1529
|
color: var(--ax-text-subtle);
|
|
1517
1530
|
background-color: rgba(0, 0, 0, 0);
|
|
@@ -1543,6 +1556,15 @@
|
|
|
1543
1556
|
color: var(--ax-text-contrast);
|
|
1544
1557
|
}
|
|
1545
1558
|
|
|
1559
|
+
.aksel-button[data-variant="tertiary"]:-webkit-any(:disabled, .aksel-button--disabled) {
|
|
1560
|
+
color: var(--ax-text-subtle);
|
|
1561
|
+
background-color: rgba(0, 0, 0, 0);
|
|
1562
|
+
}
|
|
1563
|
+
|
|
1564
|
+
.aksel-button[data-variant="tertiary"]:-webkit-any(:disabled, .aksel-button--disabled)[data-color="neutral"] {
|
|
1565
|
+
color: var(--ax-text-default);
|
|
1566
|
+
}
|
|
1567
|
+
|
|
1546
1568
|
.aksel-button[data-variant="tertiary"]:is(:disabled, .aksel-button--disabled) {
|
|
1547
1569
|
color: var(--ax-text-subtle);
|
|
1548
1570
|
background-color: rgba(0, 0, 0, 0);
|
|
@@ -1905,7 +1927,10 @@
|
|
|
1905
1927
|
animation: akselDropzoneDragoverAnimation var(--__axc-dropzone-animation-length-short) var(--__axc-dropzone-animation-ease-out);
|
|
1906
1928
|
margin: -1px;
|
|
1907
1929
|
position: absolute;
|
|
1908
|
-
|
|
1930
|
+
top: 0;
|
|
1931
|
+
bottom: 0;
|
|
1932
|
+
left: 0;
|
|
1933
|
+
right: 0;
|
|
1909
1934
|
}
|
|
1910
1935
|
|
|
1911
1936
|
@keyframes akselDropzoneDragoverAnimation {
|
|
@@ -1983,7 +2008,25 @@
|
|
|
1983
2008
|
display: flex;
|
|
1984
2009
|
}
|
|
1985
2010
|
|
|
1986
|
-
|
|
2011
|
+
li.aksel-file-item {
|
|
2012
|
+
margin: 0;
|
|
2013
|
+
padding: 0;
|
|
2014
|
+
list-style: none;
|
|
2015
|
+
}
|
|
2016
|
+
|
|
2017
|
+
.aksel-file-upload :-webkit-any(ul, li) {
|
|
2018
|
+
margin: 0;
|
|
2019
|
+
padding: 0;
|
|
2020
|
+
list-style: none;
|
|
2021
|
+
}
|
|
2022
|
+
|
|
2023
|
+
.aksel-file-upload :is(ul, li) {
|
|
2024
|
+
margin: 0;
|
|
2025
|
+
padding: 0;
|
|
2026
|
+
list-style: none;
|
|
2027
|
+
}
|
|
2028
|
+
|
|
2029
|
+
ul:has( > li.aksel-file-item) {
|
|
1987
2030
|
margin: 0;
|
|
1988
2031
|
padding: 0;
|
|
1989
2032
|
list-style: none;
|
|
@@ -2097,7 +2140,11 @@
|
|
|
2097
2140
|
outline-offset: 3px;
|
|
2098
2141
|
}
|
|
2099
2142
|
|
|
2100
|
-
.aksel-error-summary:focus-visible
|
|
2143
|
+
.aksel-error-summary:focus-visible {
|
|
2144
|
+
outline: 3px solid var(--ax-border-focus);
|
|
2145
|
+
}
|
|
2146
|
+
|
|
2147
|
+
.aksel-error-summary:has(.aksel-error-summary__heading:focus-visible) {
|
|
2101
2148
|
outline: 3px solid var(--ax-border-focus);
|
|
2102
2149
|
}
|
|
2103
2150
|
|
|
@@ -2162,14 +2209,27 @@
|
|
|
2162
2209
|
border-color: orange;
|
|
2163
2210
|
border-left-style: solid;
|
|
2164
2211
|
border-left-width: 8px;
|
|
2165
|
-
border-start-start-radius: calc(var(--ax-radius-8) - 1px);
|
|
2166
|
-
border-end-start-radius: calc(var(--ax-radius-8) - 1px);
|
|
2167
2212
|
height: 100%;
|
|
2168
2213
|
position: absolute;
|
|
2169
2214
|
top: 0;
|
|
2170
2215
|
left: 0;
|
|
2171
2216
|
}
|
|
2172
2217
|
|
|
2218
|
+
.aksel-confirmation-panel__inner: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)):before {
|
|
2219
|
+
border-top-left-radius: calc(var(--ax-radius-8) - 1px);
|
|
2220
|
+
border-bottom-left-radius: calc(var(--ax-radius-8) - 1px);
|
|
2221
|
+
}
|
|
2222
|
+
|
|
2223
|
+
.aksel-confirmation-panel__inner:-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)):before {
|
|
2224
|
+
border-top-right-radius: calc(var(--ax-radius-8) - 1px);
|
|
2225
|
+
border-bottom-right-radius: calc(var(--ax-radius-8) - 1px);
|
|
2226
|
+
}
|
|
2227
|
+
|
|
2228
|
+
.aksel-confirmation-panel__inner: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)):before {
|
|
2229
|
+
border-top-right-radius: calc(var(--ax-radius-8) - 1px);
|
|
2230
|
+
border-bottom-right-radius: calc(var(--ax-radius-8) - 1px);
|
|
2231
|
+
}
|
|
2232
|
+
|
|
2173
2233
|
.aksel-confirmation-panel--checked .aksel-confirmation-panel__inner:before {
|
|
2174
2234
|
border-color: green;
|
|
2175
2235
|
}
|
|
@@ -2183,6 +2243,7 @@
|
|
|
2183
2243
|
--__axc-radio-checkbox-marker-size: 1.5rem;
|
|
2184
2244
|
--__axc-radio-checkbox-marker-target: 2.75rem;
|
|
2185
2245
|
gap: var(--ax-space-2) 0;
|
|
2246
|
+
width: -webkit-fit-content;
|
|
2186
2247
|
width: fit-content;
|
|
2187
2248
|
padding: var(--ax-space-12) 0;
|
|
2188
2249
|
grid-template-columns: auto 1fr;
|
|
@@ -2229,6 +2290,7 @@
|
|
|
2229
2290
|
|
|
2230
2291
|
.aksel-checkbox__input, .aksel-radio__input {
|
|
2231
2292
|
--__axc-radio-checkbox-marker-border: 2px;
|
|
2293
|
+
-webkit-appearance: none;
|
|
2232
2294
|
appearance: none;
|
|
2233
2295
|
cursor: pointer;
|
|
2234
2296
|
width: var(--__axc-radio-checkbox-marker-size);
|
|
@@ -2316,11 +2378,19 @@
|
|
|
2316
2378
|
opacity: var(--ax-opacity-disabled);
|
|
2317
2379
|
}
|
|
2318
2380
|
|
|
2319
|
-
.aksel-checkbox--disabled :where(.aksel-checkbox__input, .aksel-checkbox__label)
|
|
2381
|
+
.aksel-checkbox--disabled :where(.aksel-checkbox__input, .aksel-checkbox__label) {
|
|
2320
2382
|
cursor: not-allowed;
|
|
2321
2383
|
}
|
|
2322
2384
|
|
|
2323
|
-
.aksel-
|
|
2385
|
+
.aksel-radio--disabled > :where(.aksel-radio__input, .aksel-radio__label) {
|
|
2386
|
+
cursor: not-allowed;
|
|
2387
|
+
}
|
|
2388
|
+
|
|
2389
|
+
.aksel-checkbox--readonly :where(.aksel-checkbox__input, .aksel-checkbox__label) {
|
|
2390
|
+
cursor: default;
|
|
2391
|
+
}
|
|
2392
|
+
|
|
2393
|
+
.aksel-radio--readonly > :where(.aksel-radio__input, .aksel-radio__label) {
|
|
2324
2394
|
cursor: default;
|
|
2325
2395
|
}
|
|
2326
2396
|
|
|
@@ -2352,11 +2422,19 @@
|
|
|
2352
2422
|
}
|
|
2353
2423
|
|
|
2354
2424
|
@media (forced-colors: active) {
|
|
2425
|
+
:-webkit-any(.aksel-checkbox, .aksel-checkbox--readonly) .aksel-checkbox__input:indeterminate:after {
|
|
2426
|
+
background-color: fieldtext;
|
|
2427
|
+
}
|
|
2428
|
+
|
|
2355
2429
|
:is(.aksel-checkbox, .aksel-checkbox--readonly) .aksel-checkbox__input:indeterminate:after {
|
|
2356
2430
|
background-color: fieldtext;
|
|
2357
2431
|
}
|
|
2358
2432
|
|
|
2359
|
-
.aksel-
|
|
2433
|
+
.aksel-radio:not(.aksel-radio--readonly) > .aksel-radio__input:hover:not(:disabled) + .aksel-radio__label {
|
|
2434
|
+
color: highlight;
|
|
2435
|
+
}
|
|
2436
|
+
|
|
2437
|
+
.aksel-checkbox:not(.aksel-checkbox--readonly):has(.aksel-checkbox__input:hover:not(:disabled)) > .aksel-checkbox__label {
|
|
2360
2438
|
color: highlight;
|
|
2361
2439
|
}
|
|
2362
2440
|
|
|
@@ -2389,12 +2467,21 @@
|
|
|
2389
2467
|
background-color: graytext;
|
|
2390
2468
|
}
|
|
2391
2469
|
|
|
2392
|
-
.aksel-checkbox--disabled :is(.aksel-checkbox__label, .aksel-checkbox__description, .aksel-checkbox__input:checked + .aksel-checkbox__icon)
|
|
2470
|
+
.aksel-checkbox--disabled :is(.aksel-checkbox__label, .aksel-checkbox__description, .aksel-checkbox__input:checked + .aksel-checkbox__icon) {
|
|
2471
|
+
color: graytext;
|
|
2472
|
+
}
|
|
2473
|
+
|
|
2474
|
+
.aksel-radio--disabled :-webkit-any(.aksel-radio__label, .aksel-radio__description) {
|
|
2475
|
+
color: graytext;
|
|
2476
|
+
}
|
|
2477
|
+
|
|
2478
|
+
.aksel-radio--disabled :is(.aksel-radio__label, .aksel-radio__description) {
|
|
2393
2479
|
color: graytext;
|
|
2394
2480
|
}
|
|
2395
2481
|
}
|
|
2396
2482
|
|
|
2397
2483
|
.aksel-select__input {
|
|
2484
|
+
-webkit-appearance: none;
|
|
2398
2485
|
appearance: none;
|
|
2399
2486
|
background-color: var(--ax-bg-input);
|
|
2400
2487
|
border-radius: var(--ax-radius-8);
|
|
@@ -2453,10 +2540,21 @@
|
|
|
2453
2540
|
|
|
2454
2541
|
.aksel-form-field--small .aksel-select__input {
|
|
2455
2542
|
min-height: 2rem;
|
|
2456
|
-
padding-
|
|
2543
|
+
padding-top: 0;
|
|
2544
|
+
padding-bottom: 0;
|
|
2457
2545
|
}
|
|
2458
2546
|
|
|
2459
|
-
.aksel-select--error > * select
|
|
2547
|
+
.aksel-select--error > * select {
|
|
2548
|
+
box-shadow: 0 0 0 1px var(--ax-border-danger-strong);
|
|
2549
|
+
border-color: var(--ax-border-danger-strong);
|
|
2550
|
+
}
|
|
2551
|
+
|
|
2552
|
+
.aksel-select--error > * select:hover {
|
|
2553
|
+
box-shadow: 0 0 0 1px var(--ax-border-danger-strong);
|
|
2554
|
+
border-color: var(--ax-border-danger-strong);
|
|
2555
|
+
}
|
|
2556
|
+
|
|
2557
|
+
.aksel-select--error > * select:focus {
|
|
2460
2558
|
box-shadow: 0 0 0 1px var(--ax-border-danger-strong);
|
|
2461
2559
|
border-color: var(--ax-border-danger-strong);
|
|
2462
2560
|
}
|
|
@@ -2487,6 +2585,12 @@
|
|
|
2487
2585
|
}
|
|
2488
2586
|
|
|
2489
2587
|
@media (forced-colors: active) {
|
|
2588
|
+
.aksel-select--readonly .aksel-select__input:-webkit-any(:hover, :focus) {
|
|
2589
|
+
color: buttontext;
|
|
2590
|
+
background-color: buttonface;
|
|
2591
|
+
border-color: buttontext;
|
|
2592
|
+
}
|
|
2593
|
+
|
|
2490
2594
|
.aksel-select--readonly .aksel-select__input:is(:hover, :focus) {
|
|
2491
2595
|
color: buttontext;
|
|
2492
2596
|
background-color: buttonface;
|
|
@@ -2499,6 +2603,7 @@
|
|
|
2499
2603
|
}
|
|
2500
2604
|
|
|
2501
2605
|
.aksel-switch {
|
|
2606
|
+
width: -webkit-fit-content;
|
|
2502
2607
|
width: fit-content;
|
|
2503
2608
|
min-height: 3rem;
|
|
2504
2609
|
position: relative;
|
|
@@ -2677,12 +2782,18 @@
|
|
|
2677
2782
|
width: auto;
|
|
2678
2783
|
}
|
|
2679
2784
|
|
|
2680
|
-
.aksel-switch--right .aksel-switch__input
|
|
2785
|
+
.aksel-switch--right .aksel-switch__input {
|
|
2786
|
+
left: auto;
|
|
2787
|
+
right: 0;
|
|
2788
|
+
}
|
|
2789
|
+
|
|
2790
|
+
.aksel-switch--right .aksel-switch__track {
|
|
2681
2791
|
left: auto;
|
|
2682
2792
|
right: 0;
|
|
2683
2793
|
}
|
|
2684
2794
|
|
|
2685
2795
|
.aksel-switch__input:disabled {
|
|
2796
|
+
-webkit-appearance: none;
|
|
2686
2797
|
appearance: none;
|
|
2687
2798
|
}
|
|
2688
2799
|
|
|
@@ -2694,12 +2805,31 @@
|
|
|
2694
2805
|
cursor: not-allowed;
|
|
2695
2806
|
}
|
|
2696
2807
|
|
|
2697
|
-
.aksel-switch--readonly > .aksel-switch__track
|
|
2808
|
+
.aksel-switch--readonly > .aksel-switch__track {
|
|
2809
|
+
background-color: var(--ax-bg-neutral-moderate);
|
|
2810
|
+
border-color: var(--ax-border-neutral-subtleA);
|
|
2811
|
+
}
|
|
2812
|
+
|
|
2813
|
+
.aksel-switch--readonly > .aksel-switch__input:hover ~ .aksel-switch__track {
|
|
2814
|
+
background-color: var(--ax-bg-neutral-moderate);
|
|
2815
|
+
border-color: var(--ax-border-neutral-subtleA);
|
|
2816
|
+
}
|
|
2817
|
+
|
|
2818
|
+
.aksel-switch--readonly > .aksel-switch__input:checked ~ .aksel-switch__track {
|
|
2819
|
+
background-color: var(--ax-bg-neutral-moderate);
|
|
2820
|
+
border-color: var(--ax-border-neutral-subtleA);
|
|
2821
|
+
}
|
|
2822
|
+
|
|
2823
|
+
.aksel-switch--readonly > .aksel-switch__input:checked:hover ~ .aksel-switch__track {
|
|
2698
2824
|
background-color: var(--ax-bg-neutral-moderate);
|
|
2699
2825
|
border-color: var(--ax-border-neutral-subtleA);
|
|
2700
2826
|
}
|
|
2701
2827
|
|
|
2702
|
-
.aksel-switch--readonly > .aksel-switch__label-wrapper
|
|
2828
|
+
.aksel-switch--readonly > .aksel-switch__label-wrapper {
|
|
2829
|
+
cursor: default;
|
|
2830
|
+
}
|
|
2831
|
+
|
|
2832
|
+
.aksel-switch--readonly > .aksel-switch__input {
|
|
2703
2833
|
cursor: default;
|
|
2704
2834
|
}
|
|
2705
2835
|
|
|
@@ -2761,6 +2891,7 @@
|
|
|
2761
2891
|
}
|
|
2762
2892
|
|
|
2763
2893
|
.aksel-text-field__input {
|
|
2894
|
+
-webkit-appearance: none;
|
|
2764
2895
|
appearance: none;
|
|
2765
2896
|
padding: var(--ax-space-8);
|
|
2766
2897
|
background: var(--ax-bg-input);
|
|
@@ -2837,6 +2968,7 @@
|
|
|
2837
2968
|
|
|
2838
2969
|
.aksel-textarea__input {
|
|
2839
2970
|
height: var(--__axc-textarea-height);
|
|
2971
|
+
-webkit-appearance: none;
|
|
2840
2972
|
appearance: none;
|
|
2841
2973
|
padding: var(--ax-space-8);
|
|
2842
2974
|
background-color: var(--ax-bg-input);
|
|
@@ -2899,17 +3031,50 @@
|
|
|
2899
3031
|
|
|
2900
3032
|
.aksel-textarea--resize-both .aksel-textarea__input {
|
|
2901
3033
|
resize: both;
|
|
2902
|
-
|
|
3034
|
+
}
|
|
3035
|
+
|
|
3036
|
+
.aksel-textarea--resize-both .aksel-textarea__input: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)) {
|
|
3037
|
+
border-bottom-right-radius: 0;
|
|
3038
|
+
}
|
|
3039
|
+
|
|
3040
|
+
.aksel-textarea--resize-both .aksel-textarea__input:-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)) {
|
|
3041
|
+
border-bottom-left-radius: 0;
|
|
3042
|
+
}
|
|
3043
|
+
|
|
3044
|
+
.aksel-textarea--resize-both .aksel-textarea__input: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)) {
|
|
3045
|
+
border-bottom-left-radius: 0;
|
|
2903
3046
|
}
|
|
2904
3047
|
|
|
2905
3048
|
.aksel-textarea--resize-horizontal .aksel-textarea__input {
|
|
2906
3049
|
resize: horizontal;
|
|
2907
|
-
|
|
3050
|
+
}
|
|
3051
|
+
|
|
3052
|
+
.aksel-textarea--resize-horizontal .aksel-textarea__input: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)) {
|
|
3053
|
+
border-bottom-right-radius: 0;
|
|
3054
|
+
}
|
|
3055
|
+
|
|
3056
|
+
.aksel-textarea--resize-horizontal .aksel-textarea__input:-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)) {
|
|
3057
|
+
border-bottom-left-radius: 0;
|
|
3058
|
+
}
|
|
3059
|
+
|
|
3060
|
+
.aksel-textarea--resize-horizontal .aksel-textarea__input: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)) {
|
|
3061
|
+
border-bottom-left-radius: 0;
|
|
2908
3062
|
}
|
|
2909
3063
|
|
|
2910
3064
|
.aksel-textarea--resize-vertical .aksel-textarea__input {
|
|
2911
3065
|
resize: vertical;
|
|
2912
|
-
|
|
3066
|
+
}
|
|
3067
|
+
|
|
3068
|
+
.aksel-textarea--resize-vertical .aksel-textarea__input: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)) {
|
|
3069
|
+
border-bottom-right-radius: 0;
|
|
3070
|
+
}
|
|
3071
|
+
|
|
3072
|
+
.aksel-textarea--resize-vertical .aksel-textarea__input:-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)) {
|
|
3073
|
+
border-bottom-left-radius: 0;
|
|
3074
|
+
}
|
|
3075
|
+
|
|
3076
|
+
.aksel-textarea--resize-vertical .aksel-textarea__input: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)) {
|
|
3077
|
+
border-bottom-left-radius: 0;
|
|
2913
3078
|
}
|
|
2914
3079
|
|
|
2915
3080
|
.aksel-textarea--autoscrollbar, .aksel-textarea--autoscrollbar .aksel-textarea__wrapper {
|
|
@@ -2952,6 +3117,7 @@
|
|
|
2952
3117
|
}
|
|
2953
3118
|
|
|
2954
3119
|
.aksel-search--with-size .aksel-search__wrapper {
|
|
3120
|
+
width: -webkit-fit-content;
|
|
2955
3121
|
width: fit-content;
|
|
2956
3122
|
}
|
|
2957
3123
|
|
|
@@ -2974,7 +3140,13 @@
|
|
|
2974
3140
|
outline: none;
|
|
2975
3141
|
}
|
|
2976
3142
|
|
|
2977
|
-
.aksel-search__input.aksel-search__input--primary
|
|
3143
|
+
.aksel-search__input.aksel-search__input--primary {
|
|
3144
|
+
border-right: none;
|
|
3145
|
+
border-top-right-radius: 0;
|
|
3146
|
+
border-bottom-right-radius: 0;
|
|
3147
|
+
}
|
|
3148
|
+
|
|
3149
|
+
.aksel-search__input.aksel-search__input--secondary {
|
|
2978
3150
|
border-right: none;
|
|
2979
3151
|
border-top-right-radius: 0;
|
|
2980
3152
|
border-bottom-right-radius: 0;
|
|
@@ -3002,6 +3174,7 @@
|
|
|
3002
3174
|
}
|
|
3003
3175
|
|
|
3004
3176
|
.aksel-search__search-icon {
|
|
3177
|
+
color: var(--ax-text-neutral);
|
|
3005
3178
|
left: var(--ax-space-8);
|
|
3006
3179
|
pointer-events: none;
|
|
3007
3180
|
font-size: 1.5rem;
|
|
@@ -3041,6 +3214,10 @@
|
|
|
3041
3214
|
--__axc-button-border-color: var(--ax-border-strong);
|
|
3042
3215
|
}
|
|
3043
3216
|
|
|
3217
|
+
.aksel-search:not(.aksel-search--error, .aksel-search--disabled) .aksel-search__wrapper:has(.aksel-search__input:-webkit-any(:hover, :focus-visible)) .aksel-search__button-search.aksel-button--secondary:not(:hover, :active) {
|
|
3218
|
+
--__axc-button-border-color: var(--ax-border-strong);
|
|
3219
|
+
}
|
|
3220
|
+
|
|
3044
3221
|
.aksel-search:not(.aksel-search--error, .aksel-search--disabled) .aksel-search__wrapper:has(.aksel-search__input:is(:hover, :focus-visible)) .aksel-search__button-search.aksel-button--secondary:not(:hover, :active) {
|
|
3045
3222
|
--__axc-button-border-color: var(--ax-border-strong);
|
|
3046
3223
|
}
|
|
@@ -3054,7 +3231,11 @@
|
|
|
3054
3231
|
box-shadow: inset 0 0 0 1px var(--ax-border-danger-strong);
|
|
3055
3232
|
}
|
|
3056
3233
|
|
|
3057
|
-
.aksel-search__input:focus-visible
|
|
3234
|
+
.aksel-search__input:focus-visible {
|
|
3235
|
+
z-index: 1;
|
|
3236
|
+
}
|
|
3237
|
+
|
|
3238
|
+
.aksel-search__button-search:focus-visible {
|
|
3058
3239
|
z-index: 1;
|
|
3059
3240
|
}
|
|
3060
3241
|
|
|
@@ -3077,6 +3258,10 @@
|
|
|
3077
3258
|
position: relative;
|
|
3078
3259
|
}
|
|
3079
3260
|
|
|
3261
|
+
.aksel-form-field:not(:-webkit-any(.aksel-combobox--disabled, .aksel-combobox--readonly)) .aksel-combobox__wrapper:hover {
|
|
3262
|
+
border-color: var(--ax-border-strong);
|
|
3263
|
+
}
|
|
3264
|
+
|
|
3080
3265
|
.aksel-form-field:not(:is(.aksel-combobox--disabled, .aksel-combobox--readonly)) .aksel-combobox__wrapper:hover {
|
|
3081
3266
|
border-color: var(--ax-border-strong);
|
|
3082
3267
|
}
|
|
@@ -3101,7 +3286,11 @@
|
|
|
3101
3286
|
cursor: not-allowed;
|
|
3102
3287
|
}
|
|
3103
3288
|
|
|
3104
|
-
.aksel-combobox--disabled .aksel-combobox__selected-options
|
|
3289
|
+
.aksel-combobox--disabled .aksel-combobox__selected-options {
|
|
3290
|
+
pointer-events: none;
|
|
3291
|
+
}
|
|
3292
|
+
|
|
3293
|
+
.aksel-combobox--disabled .aksel-combobox--readonly {
|
|
3105
3294
|
pointer-events: none;
|
|
3106
3295
|
}
|
|
3107
3296
|
|
|
@@ -3122,7 +3311,11 @@
|
|
|
3122
3311
|
overflow: clip;
|
|
3123
3312
|
}
|
|
3124
3313
|
|
|
3125
|
-
.aksel-combobox--readonly .aksel-text-field__input
|
|
3314
|
+
.aksel-combobox--readonly .aksel-text-field__input {
|
|
3315
|
+
background-color: var(--ax-bg-neutral-moderate);
|
|
3316
|
+
}
|
|
3317
|
+
|
|
3318
|
+
.aksel-combobox--readonly .aksel-combobox__input {
|
|
3126
3319
|
background-color: var(--ax-bg-neutral-moderate);
|
|
3127
3320
|
}
|
|
3128
3321
|
|
|
@@ -3246,7 +3439,11 @@
|
|
|
3246
3439
|
outline: none;
|
|
3247
3440
|
}
|
|
3248
3441
|
|
|
3249
|
-
.aksel-combobox__wrapper-inner:has(.aksel-combobox__input:focus)
|
|
3442
|
+
.aksel-combobox__wrapper-inner:has(.aksel-combobox__input:focus) {
|
|
3443
|
+
outline: none;
|
|
3444
|
+
}
|
|
3445
|
+
|
|
3446
|
+
.aksel-combobox__wrapper-inner:has(.aksel-combobox__input:focus).aksel-combobox__wrapper-inner--virtually-unfocused {
|
|
3250
3447
|
outline: none;
|
|
3251
3448
|
}
|
|
3252
3449
|
}
|
|
@@ -3383,7 +3580,7 @@
|
|
|
3383
3580
|
border-radius: 0;
|
|
3384
3581
|
justify-content: flex-start;
|
|
3385
3582
|
gap: .25rem;
|
|
3386
|
-
margin-
|
|
3583
|
+
margin-top: calc(var(--ax-space-4) * -1);
|
|
3387
3584
|
}
|
|
3388
3585
|
|
|
3389
3586
|
.aksel-combobox__list-item--new-option svg {
|
|
@@ -3411,6 +3608,7 @@
|
|
|
3411
3608
|
}
|
|
3412
3609
|
|
|
3413
3610
|
.aksel-combobox__input {
|
|
3611
|
+
min-width: -webkit-min-content;
|
|
3414
3612
|
min-width: min-content;
|
|
3415
3613
|
padding: .75rem 0;
|
|
3416
3614
|
}
|
|
@@ -3610,8 +3808,9 @@
|
|
|
3610
3808
|
opacity: .001;
|
|
3611
3809
|
grid-template-rows: 0fr;
|
|
3612
3810
|
margin-top: -2px;
|
|
3613
|
-
padding-
|
|
3614
|
-
|
|
3811
|
+
padding-top: 0;
|
|
3812
|
+
padding-bottom: 0;
|
|
3813
|
+
transition-property: margin-top, opacity, visibility, padding-top, grid-template-rows;
|
|
3615
3814
|
transition-duration: .3s;
|
|
3616
3815
|
transition-timing-function: cubic-bezier(.2, 0, 0, 1);
|
|
3617
3816
|
display: grid;
|
|
@@ -3666,7 +3865,11 @@
|
|
|
3666
3865
|
background-color: var(--ax-bg-moderate-hoverA);
|
|
3667
3866
|
}
|
|
3668
3867
|
|
|
3669
|
-
.aksel-accordion__header:hover:before
|
|
3868
|
+
.aksel-accordion__header:hover:before {
|
|
3869
|
+
display: none;
|
|
3870
|
+
}
|
|
3871
|
+
|
|
3872
|
+
.aksel-accordion__header:hover:after {
|
|
3670
3873
|
display: none;
|
|
3671
3874
|
}
|
|
3672
3875
|
|
|
@@ -3689,7 +3892,11 @@
|
|
|
3689
3892
|
z-index: 1;
|
|
3690
3893
|
}
|
|
3691
3894
|
|
|
3692
|
-
.aksel-accordion__header:focus-visible:before
|
|
3895
|
+
.aksel-accordion__header:focus-visible:before {
|
|
3896
|
+
display: none;
|
|
3897
|
+
}
|
|
3898
|
+
|
|
3899
|
+
.aksel-accordion__header:focus-visible:after {
|
|
3693
3900
|
display: none;
|
|
3694
3901
|
}
|
|
3695
3902
|
|
|
@@ -3714,7 +3921,11 @@
|
|
|
3714
3921
|
bottom: 0;
|
|
3715
3922
|
}
|
|
3716
3923
|
|
|
3717
|
-
.aksel-accordion__item[data-expanded="true"] > .aksel-accordion__header:after, .aksel-accordion__item:not(:last-child) > .aksel-accordion__header:after
|
|
3924
|
+
.aksel-accordion__item[data-expanded="true"] > .aksel-accordion__header:after, .aksel-accordion__item:not(:last-child) > .aksel-accordion__header:after {
|
|
3925
|
+
display: none;
|
|
3926
|
+
}
|
|
3927
|
+
|
|
3928
|
+
.aksel-accordion__item[data-expanded="false"]:has(.aksel-accordion__header:where(:hover, :focus-visible)) + .aksel-accordion__item > .aksel-accordion__header:before {
|
|
3718
3929
|
display: none;
|
|
3719
3930
|
}
|
|
3720
3931
|
|
|
@@ -3759,7 +3970,8 @@
|
|
|
3759
3970
|
opacity: 0;
|
|
3760
3971
|
border-color: rgba(0, 0, 0, 0);
|
|
3761
3972
|
grid-template-rows: 0fr;
|
|
3762
|
-
margin-
|
|
3973
|
+
margin-top: 0;
|
|
3974
|
+
margin-bottom: 0;
|
|
3763
3975
|
transition-property: visibility, opacity, grid-template-rows, margin, min-height;
|
|
3764
3976
|
transition-duration: .25s;
|
|
3765
3977
|
transition-timing-function: cubic-bezier(.2, 0, 0, 1);
|
|
@@ -3769,7 +3981,8 @@
|
|
|
3769
3981
|
|
|
3770
3982
|
.aksel-accordion__item > .aksel-accordion__content .aksel-accordion__content-inner {
|
|
3771
3983
|
min-height: 0;
|
|
3772
|
-
padding-
|
|
3984
|
+
padding-top: 0;
|
|
3985
|
+
padding-bottom: 0;
|
|
3773
3986
|
}
|
|
3774
3987
|
|
|
3775
3988
|
.aksel-accordion__item[data-expanded="true"] > .aksel-accordion__content {
|
|
@@ -3778,10 +3991,11 @@
|
|
|
3778
3991
|
border-color: var(--ax-border-neutral-subtleA);
|
|
3779
3992
|
opacity: 1;
|
|
3780
3993
|
grid-template-rows: 1fr;
|
|
3781
|
-
margin-
|
|
3994
|
+
margin-bottom: var(--ax-space-24);
|
|
3782
3995
|
}
|
|
3783
3996
|
|
|
3784
3997
|
.aksel-accordion__item[data-expanded="true"] > .aksel-accordion__content .aksel-accordion__content-inner {
|
|
3998
|
+
min-height: -webkit-fit-content;
|
|
3785
3999
|
min-height: fit-content;
|
|
3786
4000
|
}
|
|
3787
4001
|
|
|
@@ -3834,7 +4048,7 @@
|
|
|
3834
4048
|
|
|
3835
4049
|
.aksel-alert--small > .aksel-alert__icon {
|
|
3836
4050
|
height: var(--ax-font-line-height-large);
|
|
3837
|
-
margin-
|
|
4051
|
+
margin-top: 0;
|
|
3838
4052
|
}
|
|
3839
4053
|
|
|
3840
4054
|
.aksel-alert--full-width {
|
|
@@ -3855,16 +4069,24 @@
|
|
|
3855
4069
|
display: flex;
|
|
3856
4070
|
}
|
|
3857
4071
|
|
|
3858
|
-
.aksel-alert--close-button > .aksel-alert__wrapper
|
|
3859
|
-
margin-
|
|
4072
|
+
.aksel-alert--close-button > .aksel-alert__wrapper {
|
|
4073
|
+
margin-top: var(--ax-space-2);
|
|
4074
|
+
}
|
|
4075
|
+
|
|
4076
|
+
.aksel-alert--close-button > .aksel-alert__icon {
|
|
4077
|
+
margin-top: var(--ax-space-2);
|
|
3860
4078
|
}
|
|
3861
4079
|
|
|
3862
4080
|
.aksel-alert--close-button.aksel-alert--small {
|
|
3863
4081
|
align-items: flex-start;
|
|
3864
4082
|
}
|
|
3865
4083
|
|
|
3866
|
-
.aksel-alert--close-button.aksel-alert--small > .aksel-alert__wrapper
|
|
3867
|
-
margin-
|
|
4084
|
+
.aksel-alert--close-button.aksel-alert--small > .aksel-alert__wrapper {
|
|
4085
|
+
margin-top: var(--ax-space-4);
|
|
4086
|
+
}
|
|
4087
|
+
|
|
4088
|
+
.aksel-alert--close-button.aksel-alert--small > .aksel-alert__icon {
|
|
4089
|
+
margin-top: var(--ax-space-4);
|
|
3868
4090
|
}
|
|
3869
4091
|
|
|
3870
4092
|
.aksel-base-alert {
|
|
@@ -3873,6 +4095,7 @@
|
|
|
3873
4095
|
--__axc-base-alert-content-p: var(--ax-space-12) var(--__axc-base-alert-pi) var(--ax-space-16) var(--__axc-base-alert-pi);
|
|
3874
4096
|
--__axc-base-alert-title-pb: var(--ax-space-2);
|
|
3875
4097
|
--__axc-base-alert-header-max-width: 37.5rem;
|
|
4098
|
+
height: -webkit-fit-content;
|
|
3876
4099
|
height: fit-content;
|
|
3877
4100
|
display: grid;
|
|
3878
4101
|
overflow: clip;
|
|
@@ -3969,17 +4192,32 @@
|
|
|
3969
4192
|
display: flex;
|
|
3970
4193
|
}
|
|
3971
4194
|
|
|
3972
|
-
.aksel-chat .aksel-chat__bubble
|
|
4195
|
+
.aksel-chat .aksel-chat__bubble {
|
|
3973
4196
|
background-color: var(--ax-bg-moderateA);
|
|
3974
4197
|
border: 1px solid var(--ax-border-subtleA);
|
|
3975
4198
|
}
|
|
3976
4199
|
|
|
3977
|
-
.aksel-chat
|
|
4200
|
+
.aksel-chat .aksel-chat__avatar {
|
|
4201
|
+
background-color: var(--ax-bg-moderateA);
|
|
4202
|
+
border: 1px solid var(--ax-border-subtleA);
|
|
4203
|
+
}
|
|
4204
|
+
|
|
4205
|
+
.aksel-chat[data-variant="subtle"] .aksel-chat__bubble {
|
|
4206
|
+
background-color: var(--ax-bg-softA);
|
|
4207
|
+
border: 1px solid var(--ax-border-subtleA);
|
|
4208
|
+
}
|
|
4209
|
+
|
|
4210
|
+
.aksel-chat[data-variant="subtle"] .aksel-chat__avatar {
|
|
3978
4211
|
background-color: var(--ax-bg-softA);
|
|
3979
4212
|
border: 1px solid var(--ax-border-subtleA);
|
|
3980
4213
|
}
|
|
3981
4214
|
|
|
3982
|
-
.aksel-chat[data-color="neutral"][data-variant="subtle"] .aksel-chat__bubble
|
|
4215
|
+
.aksel-chat[data-color="neutral"][data-variant="subtle"] .aksel-chat__bubble {
|
|
4216
|
+
background-color: var(--ax-bg-raised);
|
|
4217
|
+
border: 1px solid var(--ax-border-neutral-subtleA);
|
|
4218
|
+
}
|
|
4219
|
+
|
|
4220
|
+
.aksel-chat[data-color="neutral"][data-variant="subtle"] .aksel-chat__avatar {
|
|
3983
4221
|
background-color: var(--ax-bg-raised);
|
|
3984
4222
|
border: 1px solid var(--ax-border-neutral-subtleA);
|
|
3985
4223
|
}
|
|
@@ -4031,6 +4269,7 @@
|
|
|
4031
4269
|
border-radius: var(--ax-radius-12);
|
|
4032
4270
|
border-bottom-left-radius: var(--ax-radius-2);
|
|
4033
4271
|
flex-direction: column;
|
|
4272
|
+
width: -webkit-fit-content;
|
|
4034
4273
|
width: fit-content;
|
|
4035
4274
|
display: flex;
|
|
4036
4275
|
}
|
|
@@ -4109,7 +4348,12 @@
|
|
|
4109
4348
|
color: var(--ax-text-neutral);
|
|
4110
4349
|
}
|
|
4111
4350
|
|
|
4112
|
-
.aksel-date .rdp-month
|
|
4351
|
+
.aksel-date .rdp-month {
|
|
4352
|
+
gap: var(--ax-space-20);
|
|
4353
|
+
display: grid;
|
|
4354
|
+
}
|
|
4355
|
+
|
|
4356
|
+
.aksel-date.rdp-month {
|
|
4113
4357
|
gap: var(--ax-space-20);
|
|
4114
4358
|
display: grid;
|
|
4115
4359
|
}
|
|
@@ -4151,7 +4395,13 @@
|
|
|
4151
4395
|
position: relative;
|
|
4152
4396
|
}
|
|
4153
4397
|
|
|
4154
|
-
.aksel-date .rdp-day_selected
|
|
4398
|
+
.aksel-date .rdp-day_selected {
|
|
4399
|
+
color: var(--ax-text-contrast);
|
|
4400
|
+
background: var(--ax-bg-strong-pressed);
|
|
4401
|
+
cursor: pointer;
|
|
4402
|
+
}
|
|
4403
|
+
|
|
4404
|
+
.aksel-date .aksel-monthpicker__month--selected {
|
|
4155
4405
|
color: var(--ax-text-contrast);
|
|
4156
4406
|
background: var(--ax-bg-strong-pressed);
|
|
4157
4407
|
cursor: pointer;
|
|
@@ -4164,7 +4414,12 @@
|
|
|
4164
4414
|
text-decoration: line-through;
|
|
4165
4415
|
}
|
|
4166
4416
|
|
|
4167
|
-
.aksel-date .rdp-button:where(:not(.rdp-day_selected, [disabled])):hover
|
|
4417
|
+
.aksel-date .rdp-button:where(:not(.rdp-day_selected, [disabled])):hover {
|
|
4418
|
+
background: var(--ax-bg-moderate-hoverA);
|
|
4419
|
+
cursor: pointer;
|
|
4420
|
+
}
|
|
4421
|
+
|
|
4422
|
+
.aksel-date .aksel-date__month-button:where(:not(.rdp-day_selected, [disabled])):hover {
|
|
4168
4423
|
background: var(--ax-bg-moderate-hoverA);
|
|
4169
4424
|
cursor: pointer;
|
|
4170
4425
|
}
|
|
@@ -4186,7 +4441,11 @@
|
|
|
4186
4441
|
transform: translateX(-50%);
|
|
4187
4442
|
}
|
|
4188
4443
|
|
|
4189
|
-
|
|
4444
|
+
.aksel-date .rdp-day_today.rdp-day_selected:not(.rdp-day_range_middle):before {
|
|
4445
|
+
background-color: var(--ax-text-contrast);
|
|
4446
|
+
}
|
|
4447
|
+
|
|
4448
|
+
.aksel-date .rdp-day_today:active:before {
|
|
4190
4449
|
background-color: var(--ax-text-contrast);
|
|
4191
4450
|
}
|
|
4192
4451
|
|
|
@@ -4195,13 +4454,18 @@
|
|
|
4195
4454
|
pointer-events: none;
|
|
4196
4455
|
}
|
|
4197
4456
|
|
|
4198
|
-
.aksel-date__modal .aksel-date
|
|
4457
|
+
.aksel-date__modal .aksel-date {
|
|
4458
|
+
padding: 0;
|
|
4459
|
+
}
|
|
4460
|
+
|
|
4461
|
+
.aksel-date__modal-body > .aksel-date {
|
|
4199
4462
|
padding: 0;
|
|
4200
4463
|
}
|
|
4201
4464
|
|
|
4202
4465
|
@media (max-width: 360px) {
|
|
4203
4466
|
.aksel-date__modal-body > .aksel-date {
|
|
4204
|
-
margin-
|
|
4467
|
+
margin-left: -12px;
|
|
4468
|
+
margin-right: -12px;
|
|
4205
4469
|
}
|
|
4206
4470
|
}
|
|
4207
4471
|
|
|
@@ -4239,16 +4503,28 @@
|
|
|
4239
4503
|
}
|
|
4240
4504
|
|
|
4241
4505
|
.aksel-date__wrapper, .aksel-date__standalone-wrapper {
|
|
4506
|
+
width: -webkit-fit-content;
|
|
4242
4507
|
width: fit-content;
|
|
4508
|
+
height: -webkit-fit-content;
|
|
4243
4509
|
height: fit-content;
|
|
4244
4510
|
}
|
|
4245
4511
|
|
|
4246
|
-
:is(
|
|
4512
|
+
:is(.aksel-date__wrapper, .aksel-date__standalone-wrapper) .rdp-cell > button.rdp-day:focus-visible {
|
|
4513
|
+
outline: 3px solid var(--ax-border-focus);
|
|
4514
|
+
outline-offset: 3px;
|
|
4515
|
+
}
|
|
4516
|
+
|
|
4517
|
+
:is(.aksel-date__wrapper, .aksel-date__standalone-wrapper) .rdp-cell > button.rdp-day:active:not(:disabled) {
|
|
4518
|
+
color: var(--ax-text-contrast);
|
|
4519
|
+
background-color: var(--ax-bg-strong-pressed);
|
|
4520
|
+
}
|
|
4521
|
+
|
|
4522
|
+
:is(.aksel-date__wrapper, .aksel-date__standalone-wrapper) button.aksel-date__month-button:focus-visible {
|
|
4247
4523
|
outline: 3px solid var(--ax-border-focus);
|
|
4248
4524
|
outline-offset: 3px;
|
|
4249
4525
|
}
|
|
4250
4526
|
|
|
4251
|
-
:is(
|
|
4527
|
+
:is(.aksel-date__wrapper, .aksel-date__standalone-wrapper) button.aksel-date__month-button:active:not(:disabled) {
|
|
4252
4528
|
color: var(--ax-text-contrast);
|
|
4253
4529
|
background-color: var(--ax-bg-strong-pressed);
|
|
4254
4530
|
}
|
|
@@ -4268,8 +4544,6 @@
|
|
|
4268
4544
|
padding: var(--ax-space-12);
|
|
4269
4545
|
background: none;
|
|
4270
4546
|
border: none;
|
|
4271
|
-
border-start-start-radius: 0;
|
|
4272
|
-
border-end-start-radius: 0;
|
|
4273
4547
|
justify-content: center;
|
|
4274
4548
|
align-items: center;
|
|
4275
4549
|
height: calc(100% - .125rem);
|
|
@@ -4283,6 +4557,21 @@
|
|
|
4283
4557
|
transform: translateY(-50%);
|
|
4284
4558
|
}
|
|
4285
4559
|
|
|
4560
|
+
.aksel-date__field-button: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)) {
|
|
4561
|
+
border-top-left-radius: 0;
|
|
4562
|
+
border-bottom-left-radius: 0;
|
|
4563
|
+
}
|
|
4564
|
+
|
|
4565
|
+
.aksel-date__field-button:-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)) {
|
|
4566
|
+
border-top-right-radius: 0;
|
|
4567
|
+
border-bottom-right-radius: 0;
|
|
4568
|
+
}
|
|
4569
|
+
|
|
4570
|
+
.aksel-date__field-button: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)) {
|
|
4571
|
+
border-top-right-radius: 0;
|
|
4572
|
+
border-bottom-right-radius: 0;
|
|
4573
|
+
}
|
|
4574
|
+
|
|
4286
4575
|
.aksel-form-field--small .aksel-date__field-button {
|
|
4287
4576
|
padding: var(--ax-space-4);
|
|
4288
4577
|
}
|
|
@@ -4302,6 +4591,7 @@
|
|
|
4302
4591
|
|
|
4303
4592
|
.aksel-date__field-wrapper {
|
|
4304
4593
|
align-items: center;
|
|
4594
|
+
width: -webkit-fit-content;
|
|
4305
4595
|
width: fit-content;
|
|
4306
4596
|
display: inline-flex;
|
|
4307
4597
|
position: relative;
|
|
@@ -4358,7 +4648,8 @@
|
|
|
4358
4648
|
color: var(--ax-text-neutral);
|
|
4359
4649
|
width: 27ch;
|
|
4360
4650
|
max-height: 616px;
|
|
4361
|
-
overflow: hidden
|
|
4651
|
+
overflow-x: hidden;
|
|
4652
|
+
overflow-y: auto;
|
|
4362
4653
|
}
|
|
4363
4654
|
|
|
4364
4655
|
.aksel-dropdown__divider {
|
|
@@ -4607,7 +4898,15 @@
|
|
|
4607
4898
|
display: grid;
|
|
4608
4899
|
}
|
|
4609
4900
|
|
|
4610
|
-
.aksel-action-menu__indicator[data-state="unchecked"] .aksel-action-menu__indicator-icon--unchecked
|
|
4901
|
+
.aksel-action-menu__indicator[data-state="unchecked"] .aksel-action-menu__indicator-icon--unchecked {
|
|
4902
|
+
display: block;
|
|
4903
|
+
}
|
|
4904
|
+
|
|
4905
|
+
.aksel-action-menu__indicator[data-state="checked"] .aksel-action-menu__indicator-icon--checked {
|
|
4906
|
+
display: block;
|
|
4907
|
+
}
|
|
4908
|
+
|
|
4909
|
+
.aksel-action-menu__indicator[data-state="indeterminate"] .aksel-action-menu__indicator-icon--indeterminate {
|
|
4611
4910
|
display: block;
|
|
4612
4911
|
}
|
|
4613
4912
|
|
|
@@ -4622,6 +4921,7 @@
|
|
|
4622
4921
|
border-radius: var(--ax-radius-12);
|
|
4623
4922
|
background-color: var(--ax-bg-softA);
|
|
4624
4923
|
border: 1px solid var(--ax-border-default);
|
|
4924
|
+
height: -webkit-fit-content;
|
|
4625
4925
|
height: fit-content;
|
|
4626
4926
|
}
|
|
4627
4927
|
|
|
@@ -4643,6 +4943,10 @@
|
|
|
4643
4943
|
margin-top: var(--ax-space-2);
|
|
4644
4944
|
}
|
|
4645
4945
|
|
|
4946
|
+
.aksel-expansioncard--small :-webkit-any(.aksel-expansioncard__title--medium, .aksel-expansioncard__title--large) {
|
|
4947
|
+
margin-top: 0;
|
|
4948
|
+
}
|
|
4949
|
+
|
|
4646
4950
|
.aksel-expansioncard--small :is(.aksel-expansioncard__title--medium, .aksel-expansioncard__title--large) {
|
|
4647
4951
|
margin-top: 0;
|
|
4648
4952
|
}
|
|
@@ -4725,7 +5029,10 @@
|
|
|
4725
5029
|
width: 100%;
|
|
4726
5030
|
height: 100%;
|
|
4727
5031
|
position: absolute;
|
|
4728
|
-
|
|
5032
|
+
top: 0;
|
|
5033
|
+
bottom: 0;
|
|
5034
|
+
left: 0;
|
|
5035
|
+
right: 0;
|
|
4729
5036
|
}
|
|
4730
5037
|
|
|
4731
5038
|
.aksel-expansioncard__header:hover > .aksel-expansioncard__header-button {
|
|
@@ -4747,17 +5054,31 @@
|
|
|
4747
5054
|
.aksel-expansioncard__content {
|
|
4748
5055
|
padding-inline: var(--__axc-expansioncard-padding-inline);
|
|
4749
5056
|
visibility: hidden;
|
|
4750
|
-
border-end-end-radius: var(--__axc-expansioncard-border-radius);
|
|
4751
|
-
border-end-start-radius: var(--__axc-expansioncard-border-radius);
|
|
4752
5057
|
grid-template-rows: 0fr;
|
|
4753
|
-
padding-
|
|
4754
|
-
|
|
5058
|
+
padding-top: 0;
|
|
5059
|
+
padding-bottom: 0;
|
|
5060
|
+
transition-property: visibility, padding-top, padding-bottom, grid-template-rows;
|
|
4755
5061
|
transition-duration: .25s;
|
|
4756
5062
|
transition-timing-function: cubic-bezier(.2, 0, 0, 1);
|
|
4757
5063
|
display: grid;
|
|
4758
5064
|
overflow: hidden;
|
|
4759
5065
|
}
|
|
4760
5066
|
|
|
5067
|
+
.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)) {
|
|
5068
|
+
border-bottom-right-radius: var(--__axc-expansioncard-border-radius);
|
|
5069
|
+
border-bottom-left-radius: var(--__axc-expansioncard-border-radius);
|
|
5070
|
+
}
|
|
5071
|
+
|
|
5072
|
+
.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)) {
|
|
5073
|
+
border-bottom-left-radius: var(--__axc-expansioncard-border-radius);
|
|
5074
|
+
border-bottom-right-radius: var(--__axc-expansioncard-border-radius);
|
|
5075
|
+
}
|
|
5076
|
+
|
|
5077
|
+
.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)) {
|
|
5078
|
+
border-bottom-left-radius: var(--__axc-expansioncard-border-radius);
|
|
5079
|
+
border-bottom-right-radius: var(--__axc-expansioncard-border-radius);
|
|
5080
|
+
}
|
|
5081
|
+
|
|
4761
5082
|
.aksel-expansioncard__content[data-open="true"] {
|
|
4762
5083
|
visibility: visible;
|
|
4763
5084
|
padding-block: var(--__axc-expansioncard-padding-block);
|
|
@@ -4774,18 +5095,28 @@
|
|
|
4774
5095
|
transition: opacity .25s cubic-bezier(.2, 0, 0, 1);
|
|
4775
5096
|
}
|
|
4776
5097
|
|
|
5098
|
+
.aksel-expansioncard--no-animation :-webkit-any(.aksel-expansioncard__content, .aksel-expansioncard__content-inner) {
|
|
5099
|
+
transition: none;
|
|
5100
|
+
}
|
|
5101
|
+
|
|
4777
5102
|
.aksel-expansioncard--no-animation :is(.aksel-expansioncard__content, .aksel-expansioncard__content-inner) {
|
|
4778
5103
|
transition: none;
|
|
4779
5104
|
}
|
|
4780
5105
|
|
|
4781
5106
|
.aksel-guide-panel {
|
|
4782
5107
|
--__axc-guide-panel-guide-size: 5rem;
|
|
5108
|
+
width: -webkit-fit-content;
|
|
4783
5109
|
width: fit-content;
|
|
4784
5110
|
display: flex;
|
|
4785
5111
|
position: relative;
|
|
4786
5112
|
}
|
|
4787
5113
|
|
|
4788
|
-
.aksel-guide-panel[data-poster="true"]
|
|
5114
|
+
.aksel-guide-panel[data-poster="true"] {
|
|
5115
|
+
flex-direction: column;
|
|
5116
|
+
align-items: center;
|
|
5117
|
+
}
|
|
5118
|
+
|
|
5119
|
+
.aksel-guide-panel[data-responsive="true"] {
|
|
4789
5120
|
flex-direction: column;
|
|
4790
5121
|
align-items: center;
|
|
4791
5122
|
}
|
|
@@ -4832,6 +5163,10 @@
|
|
|
4832
5163
|
position: relative;
|
|
4833
5164
|
}
|
|
4834
5165
|
|
|
5166
|
+
.aksel-guide-panel:-webkit-any([data-poster="true"], [data-responsive="true"]) > .aksel-guide-panel__content {
|
|
5167
|
+
margin-top: var(--ax-space-20);
|
|
5168
|
+
}
|
|
5169
|
+
|
|
4835
5170
|
.aksel-guide-panel:is([data-poster="true"], [data-responsive="true"]) > .aksel-guide-panel__content {
|
|
4836
5171
|
margin-top: var(--ax-space-20);
|
|
4837
5172
|
}
|
|
@@ -4874,6 +5209,12 @@
|
|
|
4874
5209
|
position: absolute;
|
|
4875
5210
|
}
|
|
4876
5211
|
|
|
5212
|
+
.aksel-guide-panel:-webkit-any([data-poster="true"], [data-responsive="true"]) .aksel-guide-panel__tail {
|
|
5213
|
+
left: 50%;
|
|
5214
|
+
top: calc(var(--ax-space-16) * -1 - 2px);
|
|
5215
|
+
transform: translateX(-25%);
|
|
5216
|
+
}
|
|
5217
|
+
|
|
4877
5218
|
.aksel-guide-panel:is([data-poster="true"], [data-responsive="true"]) .aksel-guide-panel__tail {
|
|
4878
5219
|
left: 50%;
|
|
4879
5220
|
top: calc(var(--ax-space-16) * -1 - 2px);
|
|
@@ -4919,7 +5260,11 @@
|
|
|
4919
5260
|
border: 1px solid var(--ax-border-default);
|
|
4920
5261
|
}
|
|
4921
5262
|
|
|
4922
|
-
.aksel-help-text__icon--filled
|
|
5263
|
+
.aksel-help-text__icon--filled {
|
|
5264
|
+
display: none;
|
|
5265
|
+
}
|
|
5266
|
+
|
|
5267
|
+
.aksel-help-text__button:where(:hover, :focus-visible, [aria-expanded="true"]) > .aksel-help-text__icon {
|
|
4923
5268
|
display: none;
|
|
4924
5269
|
}
|
|
4925
5270
|
|
|
@@ -4982,7 +5327,8 @@
|
|
|
4982
5327
|
font: inherit;
|
|
4983
5328
|
font-weight: var(--ax-font-weight-bold);
|
|
4984
5329
|
text-align: left;
|
|
4985
|
-
padding-
|
|
5330
|
+
padding-top: 0;
|
|
5331
|
+
padding-bottom: 0;
|
|
4986
5332
|
padding-inline: var(--ax-space-24) var(--ax-space-20);
|
|
4987
5333
|
border: none;
|
|
4988
5334
|
border-right: 1px solid var(--ax-border-neutral-subtleA);
|
|
@@ -4996,6 +5342,10 @@
|
|
|
4996
5342
|
overflow: visible;
|
|
4997
5343
|
}
|
|
4998
5344
|
|
|
5345
|
+
.aksel-internalheader__title:-webkit-any(button) {
|
|
5346
|
+
cursor: pointer;
|
|
5347
|
+
}
|
|
5348
|
+
|
|
4999
5349
|
.aksel-internalheader__title:is(button) {
|
|
5000
5350
|
cursor: pointer;
|
|
5001
5351
|
}
|
|
@@ -5004,6 +5354,10 @@
|
|
|
5004
5354
|
background: var(--ax-bg-neutral-moderate-hoverA);
|
|
5005
5355
|
}
|
|
5006
5356
|
|
|
5357
|
+
.aksel-internalheader__title:-webkit-any(:hover, :active):not(button, a) {
|
|
5358
|
+
background: initial;
|
|
5359
|
+
}
|
|
5360
|
+
|
|
5007
5361
|
.aksel-internalheader__title:is(:hover, :active):not(button, a) {
|
|
5008
5362
|
background: initial;
|
|
5009
5363
|
}
|
|
@@ -5071,7 +5425,11 @@
|
|
|
5071
5425
|
display: inline-flex;
|
|
5072
5426
|
}
|
|
5073
5427
|
|
|
5074
|
-
.aksel-link:hover
|
|
5428
|
+
.aksel-link:hover {
|
|
5429
|
+
text-decoration-thickness: .111em;
|
|
5430
|
+
}
|
|
5431
|
+
|
|
5432
|
+
.aksel-link:active {
|
|
5075
5433
|
text-decoration-thickness: .111em;
|
|
5076
5434
|
}
|
|
5077
5435
|
|
|
@@ -5151,7 +5509,7 @@
|
|
|
5151
5509
|
}
|
|
5152
5510
|
|
|
5153
5511
|
.aksel-link-panel__description {
|
|
5154
|
-
margin-top: var(--
|
|
5512
|
+
margin-top: var(--ax-space-4);
|
|
5155
5513
|
}
|
|
5156
5514
|
|
|
5157
5515
|
.aksel-link-anchor__overlay {
|
|
@@ -5181,7 +5539,11 @@
|
|
|
5181
5539
|
text-decoration-thickness: .05em;
|
|
5182
5540
|
}
|
|
5183
5541
|
|
|
5184
|
-
.aksel-link-anchor:hover
|
|
5542
|
+
.aksel-link-anchor:hover {
|
|
5543
|
+
text-decoration-thickness: .111em;
|
|
5544
|
+
}
|
|
5545
|
+
|
|
5546
|
+
.aksel-link-anchor__overlay:hover .aksel-link-anchor {
|
|
5185
5547
|
text-decoration-thickness: .111em;
|
|
5186
5548
|
}
|
|
5187
5549
|
|
|
@@ -5201,7 +5563,11 @@
|
|
|
5201
5563
|
transform: translateX(0);
|
|
5202
5564
|
}
|
|
5203
5565
|
|
|
5204
|
-
.aksel-link-anchor:hover .aksel-link-anchor__arrow
|
|
5566
|
+
.aksel-link-anchor:hover .aksel-link-anchor__arrow {
|
|
5567
|
+
transform: translateX(4px);
|
|
5568
|
+
}
|
|
5569
|
+
|
|
5570
|
+
.aksel-link-anchor__overlay:hover .aksel-link-anchor__arrow {
|
|
5205
5571
|
transform: translateX(4px);
|
|
5206
5572
|
}
|
|
5207
5573
|
|
|
@@ -5243,7 +5609,11 @@
|
|
|
5243
5609
|
align-items: center;
|
|
5244
5610
|
}
|
|
5245
5611
|
|
|
5246
|
-
.aksel-link-card:not(:has(.aksel-link-card__description, .aksel-link-card__footer)) .aksel-link-card__icon
|
|
5612
|
+
.aksel-link-card:not(:has(.aksel-link-card__description, .aksel-link-card__footer)) .aksel-link-card__icon {
|
|
5613
|
+
align-self: center;
|
|
5614
|
+
}
|
|
5615
|
+
|
|
5616
|
+
.aksel-link-card:not(:has(.aksel-link-card__description, .aksel-link-card__footer))[data-align-arrow="baseline"] .aksel-link-card__arrow {
|
|
5247
5617
|
align-self: center;
|
|
5248
5618
|
}
|
|
5249
5619
|
|
|
@@ -5264,13 +5634,17 @@
|
|
|
5264
5634
|
grid-area: title;
|
|
5265
5635
|
}
|
|
5266
5636
|
|
|
5267
|
-
.aksel-link-card[data-color="neutral"] .aksel-link-card__title
|
|
5637
|
+
.aksel-link-card[data-color="neutral"] .aksel-link-card__title {
|
|
5638
|
+
color: var(--ax-text-default);
|
|
5639
|
+
}
|
|
5640
|
+
|
|
5641
|
+
.aksel-link-card__title[data-color="neutral"] {
|
|
5268
5642
|
color: var(--ax-text-default);
|
|
5269
5643
|
}
|
|
5270
5644
|
|
|
5271
5645
|
.aksel-link-card__description {
|
|
5272
5646
|
grid-area: description;
|
|
5273
|
-
margin-
|
|
5647
|
+
margin-top: var(--ax-space-4);
|
|
5274
5648
|
}
|
|
5275
5649
|
|
|
5276
5650
|
.aksel-link-card__footer {
|
|
@@ -5278,23 +5652,44 @@
|
|
|
5278
5652
|
gap: var(--ax-space-8);
|
|
5279
5653
|
flex-wrap: wrap;
|
|
5280
5654
|
grid-area: footer;
|
|
5281
|
-
margin-
|
|
5655
|
+
margin-top: var(--ax-space-16);
|
|
5282
5656
|
display: flex;
|
|
5283
5657
|
}
|
|
5284
5658
|
|
|
5285
5659
|
.aksel-link-card__icon {
|
|
5660
|
+
width: -webkit-max-content;
|
|
5286
5661
|
width: max-content;
|
|
5662
|
+
height: -webkit-max-content;
|
|
5287
5663
|
height: max-content;
|
|
5288
5664
|
color: var(--ax-text-default);
|
|
5289
5665
|
grid-area: icon;
|
|
5290
5666
|
place-content: center;
|
|
5291
5667
|
align-self: flex-start;
|
|
5292
|
-
margin-inline-end: var(--ax-space-16);
|
|
5293
5668
|
display: grid;
|
|
5294
5669
|
}
|
|
5295
5670
|
|
|
5296
|
-
.aksel-link-
|
|
5297
|
-
margin-
|
|
5671
|
+
.aksel-link-card__icon: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)) {
|
|
5672
|
+
margin-right: var(--ax-space-16);
|
|
5673
|
+
}
|
|
5674
|
+
|
|
5675
|
+
.aksel-link-card__icon:-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)) {
|
|
5676
|
+
margin-left: var(--ax-space-16);
|
|
5677
|
+
}
|
|
5678
|
+
|
|
5679
|
+
.aksel-link-card__icon: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)) {
|
|
5680
|
+
margin-left: var(--ax-space-16);
|
|
5681
|
+
}
|
|
5682
|
+
|
|
5683
|
+
.aksel-link-card--small .aksel-link-card__icon: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)) {
|
|
5684
|
+
margin-right: var(--ax-space-12);
|
|
5685
|
+
}
|
|
5686
|
+
|
|
5687
|
+
.aksel-link-card--small .aksel-link-card__icon:-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)) {
|
|
5688
|
+
margin-left: var(--ax-space-12);
|
|
5689
|
+
}
|
|
5690
|
+
|
|
5691
|
+
.aksel-link-card--small .aksel-link-card__icon: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)) {
|
|
5692
|
+
margin-left: var(--ax-space-12);
|
|
5298
5693
|
}
|
|
5299
5694
|
|
|
5300
5695
|
.aksel-link-card__image-container {
|
|
@@ -5308,6 +5703,13 @@
|
|
|
5308
5703
|
overflow: hidden;
|
|
5309
5704
|
}
|
|
5310
5705
|
|
|
5706
|
+
.aksel-link-card__image-container :-webkit-any(img, picture) {
|
|
5707
|
+
object-fit: cover;
|
|
5708
|
+
max-width: 100%;
|
|
5709
|
+
height: 100%;
|
|
5710
|
+
display: block;
|
|
5711
|
+
}
|
|
5712
|
+
|
|
5311
5713
|
.aksel-link-card__image-container :is(img, picture) {
|
|
5312
5714
|
object-fit: cover;
|
|
5313
5715
|
max-width: 100%;
|
|
@@ -5317,7 +5719,18 @@
|
|
|
5317
5719
|
|
|
5318
5720
|
.aksel-link-card__arrow {
|
|
5319
5721
|
grid-area: arrow;
|
|
5320
|
-
|
|
5722
|
+
}
|
|
5723
|
+
|
|
5724
|
+
.aksel-link-card__arrow: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)) {
|
|
5725
|
+
margin-left: var(--ax-space-8);
|
|
5726
|
+
}
|
|
5727
|
+
|
|
5728
|
+
.aksel-link-card__arrow:-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)) {
|
|
5729
|
+
margin-right: var(--ax-space-8);
|
|
5730
|
+
}
|
|
5731
|
+
|
|
5732
|
+
.aksel-link-card__arrow: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)) {
|
|
5733
|
+
margin-right: var(--ax-space-8);
|
|
5321
5734
|
}
|
|
5322
5735
|
|
|
5323
5736
|
.aksel-link-card[data-align-arrow="baseline"] .aksel-link-card__arrow {
|
|
@@ -5455,7 +5868,9 @@
|
|
|
5455
5868
|
}
|
|
5456
5869
|
|
|
5457
5870
|
.aksel-modal--polyfilled {
|
|
5871
|
+
width: -webkit-fit-content;
|
|
5458
5872
|
width: fit-content;
|
|
5873
|
+
height: -webkit-fit-content;
|
|
5459
5874
|
height: fit-content;
|
|
5460
5875
|
margin: auto;
|
|
5461
5876
|
top: 50%;
|
|
@@ -5474,7 +5889,10 @@
|
|
|
5474
5889
|
|
|
5475
5890
|
._dialog_overlay {
|
|
5476
5891
|
position: fixed;
|
|
5477
|
-
|
|
5892
|
+
top: 0;
|
|
5893
|
+
bottom: 0;
|
|
5894
|
+
left: 0;
|
|
5895
|
+
right: 0;
|
|
5478
5896
|
}
|
|
5479
5897
|
|
|
5480
5898
|
.aksel-modal--medium {
|
|
@@ -5485,7 +5903,11 @@
|
|
|
5485
5903
|
width: 450px;
|
|
5486
5904
|
}
|
|
5487
5905
|
|
|
5488
|
-
.aksel-modal--small .aksel-modal__header
|
|
5906
|
+
.aksel-modal--small .aksel-modal__header {
|
|
5907
|
+
padding: var(--ax-space-12) var(--ax-space-16);
|
|
5908
|
+
}
|
|
5909
|
+
|
|
5910
|
+
.aksel-modal--small .aksel-modal__body {
|
|
5489
5911
|
padding: var(--ax-space-12) var(--ax-space-16);
|
|
5490
5912
|
}
|
|
5491
5913
|
|
|
@@ -5523,7 +5945,10 @@
|
|
|
5523
5945
|
.aksel-modal--polyfilled + .backdrop {
|
|
5524
5946
|
background: rgba(2, 20, 49, .8);
|
|
5525
5947
|
position: fixed;
|
|
5526
|
-
|
|
5948
|
+
top: 0;
|
|
5949
|
+
bottom: 0;
|
|
5950
|
+
left: 0;
|
|
5951
|
+
right: 0;
|
|
5527
5952
|
}
|
|
5528
5953
|
|
|
5529
5954
|
.aksel-modal__button {
|
|
@@ -5574,6 +5999,7 @@
|
|
|
5574
5999
|
}
|
|
5575
6000
|
|
|
5576
6001
|
.aksel-modal--polyfilled .aksel-modal--polyfilled.aksel-date__nested-modal {
|
|
6002
|
+
min-width: -webkit-fit-content;
|
|
5577
6003
|
min-width: fit-content;
|
|
5578
6004
|
max-width: 100vw;
|
|
5579
6005
|
max-height: 100vh;
|
|
@@ -5747,14 +6173,26 @@
|
|
|
5747
6173
|
|
|
5748
6174
|
.aksel-tag__icon--left {
|
|
5749
6175
|
font-size: var(--__axc-tag-icon-size);
|
|
5750
|
-
margin-inline-start: var(--__axc-tag-icon-margin);
|
|
5751
6176
|
display: flex;
|
|
5752
6177
|
}
|
|
5753
6178
|
|
|
6179
|
+
.aksel-tag__icon--left: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)) {
|
|
6180
|
+
margin-left: var(--__axc-tag-icon-margin);
|
|
6181
|
+
}
|
|
6182
|
+
|
|
6183
|
+
.aksel-tag__icon--left:-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)) {
|
|
6184
|
+
margin-right: var(--__axc-tag-icon-margin);
|
|
6185
|
+
}
|
|
6186
|
+
|
|
6187
|
+
.aksel-tag__icon--left: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)) {
|
|
6188
|
+
margin-right: var(--__axc-tag-icon-margin);
|
|
6189
|
+
}
|
|
6190
|
+
|
|
5754
6191
|
.aksel-timeline {
|
|
5755
6192
|
grid-template-columns: auto minmax(0, 1fr);
|
|
5756
6193
|
align-items: center;
|
|
5757
6194
|
width: 100%;
|
|
6195
|
+
min-width: -webkit-fit-content;
|
|
5758
6196
|
min-width: fit-content;
|
|
5759
6197
|
display: grid;
|
|
5760
6198
|
position: relative;
|
|
@@ -5910,7 +6348,10 @@
|
|
|
5910
6348
|
width: 25px;
|
|
5911
6349
|
height: 25px;
|
|
5912
6350
|
position: absolute;
|
|
5913
|
-
|
|
6351
|
+
top: -9px;
|
|
6352
|
+
bottom: 0;
|
|
6353
|
+
left: -9px;
|
|
6354
|
+
right: 0;
|
|
5914
6355
|
}
|
|
5915
6356
|
|
|
5916
6357
|
.aksel-timeline__pin-button:hover {
|
|
@@ -6018,7 +6459,13 @@
|
|
|
6018
6459
|
outline: 4px solid rgba(0, 0, 0, 0);
|
|
6019
6460
|
}
|
|
6020
6461
|
|
|
6021
|
-
.aksel-timeline__pin-button:focus
|
|
6462
|
+
.aksel-timeline__pin-button:focus {
|
|
6463
|
+
outline-offset: 3px;
|
|
6464
|
+
box-shadow: none;
|
|
6465
|
+
outline: 4px solid highlight;
|
|
6466
|
+
}
|
|
6467
|
+
|
|
6468
|
+
.aksel-timeline__pin-button:focus-visible {
|
|
6022
6469
|
outline-offset: 3px;
|
|
6023
6470
|
box-shadow: none;
|
|
6024
6471
|
outline: 4px solid highlight;
|
|
@@ -6182,6 +6629,7 @@
|
|
|
6182
6629
|
border: none;
|
|
6183
6630
|
justify-content: center;
|
|
6184
6631
|
align-items: center;
|
|
6632
|
+
min-width: -webkit-fit-content;
|
|
6185
6633
|
min-width: fit-content;
|
|
6186
6634
|
display: inline-flex;
|
|
6187
6635
|
position: relative;
|
|
@@ -6299,6 +6747,14 @@
|
|
|
6299
6747
|
transform: rotateX(-180deg);
|
|
6300
6748
|
}
|
|
6301
6749
|
|
|
6750
|
+
.aksel-read-more:-webkit-any([data-volume="low"], :not([data-volume])) .aksel-read-more__button {
|
|
6751
|
+
border-radius: var(--ax-radius-4);
|
|
6752
|
+
}
|
|
6753
|
+
|
|
6754
|
+
.aksel-read-more:-webkit-any([data-volume="low"], :not([data-volume])) .aksel-read-more__button:hover {
|
|
6755
|
+
background-color: var(--ax-bg-neutral-moderate-hoverA);
|
|
6756
|
+
}
|
|
6757
|
+
|
|
6302
6758
|
.aksel-read-more:is([data-volume="low"], :not([data-volume])) .aksel-read-more__button {
|
|
6303
6759
|
border-radius: var(--ax-radius-4);
|
|
6304
6760
|
}
|
|
@@ -6322,7 +6778,12 @@
|
|
|
6322
6778
|
--__axc-read-more-pi-end: var(--ax-space-24);
|
|
6323
6779
|
}
|
|
6324
6780
|
|
|
6325
|
-
.aksel-read-more[data-volume="high"].aksel-read-more--small
|
|
6781
|
+
.aksel-read-more[data-volume="high"].aksel-read-more--small {
|
|
6782
|
+
--__axc-read-more-pi-start: var(--ax-space-8);
|
|
6783
|
+
--__axc-read-more-pi-end: var(--ax-space-16);
|
|
6784
|
+
}
|
|
6785
|
+
|
|
6786
|
+
.aksel-read-more[data-volume="high"].aksel-read-more--medium {
|
|
6326
6787
|
--__axc-read-more-pi-start: var(--ax-space-8);
|
|
6327
6788
|
--__axc-read-more-pi-end: var(--ax-space-16);
|
|
6328
6789
|
}
|
|
@@ -6496,6 +6957,7 @@
|
|
|
6496
6957
|
}
|
|
6497
6958
|
|
|
6498
6959
|
.aksel-skeleton--has-children.aksel-skeleton--no-width {
|
|
6960
|
+
width: -webkit-fit-content;
|
|
6499
6961
|
width: fit-content;
|
|
6500
6962
|
}
|
|
6501
6963
|
|
|
@@ -6557,15 +7019,15 @@
|
|
|
6557
7019
|
|
|
6558
7020
|
.aksel-process__event[data-dot="true"] {
|
|
6559
7021
|
--__axc-process-circle-size: var(--__axc-process-circle-small);
|
|
6560
|
-
margin-
|
|
7022
|
+
margin-top: calc((var(--__axc-process-circle-small) / 2) * -1);
|
|
6561
7023
|
}
|
|
6562
7024
|
|
|
6563
7025
|
.aksel-process__event[data-dot="true"] .aksel-process__line[data-position="start"] {
|
|
6564
|
-
margin-
|
|
7026
|
+
margin-bottom: calc(var(--__axc-process-circle-size) / 2 * -1);
|
|
6565
7027
|
}
|
|
6566
7028
|
|
|
6567
7029
|
.aksel-process__event[data-dot="true"] .aksel-process__line[data-position="end"] {
|
|
6568
|
-
margin-
|
|
7030
|
+
margin-top: calc(var(--__axc-process-circle-size) / 2);
|
|
6569
7031
|
}
|
|
6570
7032
|
|
|
6571
7033
|
.aksel-process__event[data-dot="true"] .aksel-process__bullet {
|
|
@@ -6591,12 +7053,29 @@
|
|
|
6591
7053
|
}
|
|
6592
7054
|
|
|
6593
7055
|
.aksel-process__event:first-of-type .aksel-process__line[data-position="start"] {
|
|
6594
|
-
border-start-start-radius: var(--ax-radius-4);
|
|
6595
|
-
border-start-end-radius: var(--ax-radius-4);
|
|
6596
7056
|
min-height: 1.5rem;
|
|
6597
7057
|
}
|
|
6598
7058
|
|
|
6599
|
-
.aksel-process__event:
|
|
7059
|
+
.aksel-process__event:first-of-type .aksel-process__line[data-position="start"]: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)) {
|
|
7060
|
+
border-top-left-radius: var(--ax-radius-4);
|
|
7061
|
+
border-top-right-radius: var(--ax-radius-4);
|
|
7062
|
+
}
|
|
7063
|
+
|
|
7064
|
+
.aksel-process__event:first-of-type .aksel-process__line[data-position="start"]:-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)) {
|
|
7065
|
+
border-top-right-radius: var(--ax-radius-4);
|
|
7066
|
+
border-top-left-radius: var(--ax-radius-4);
|
|
7067
|
+
}
|
|
7068
|
+
|
|
7069
|
+
.aksel-process__event:first-of-type .aksel-process__line[data-position="start"]: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)) {
|
|
7070
|
+
border-top-right-radius: var(--ax-radius-4);
|
|
7071
|
+
border-top-left-radius: var(--ax-radius-4);
|
|
7072
|
+
}
|
|
7073
|
+
|
|
7074
|
+
.aksel-process__event:not(:first-of-type) .aksel-process__line[data-position="start"] {
|
|
7075
|
+
display: none;
|
|
7076
|
+
}
|
|
7077
|
+
|
|
7078
|
+
.aksel-process:not([data-truncated="start"], [data-truncated="both"]) .aksel-process__line[data-position="start"] {
|
|
6600
7079
|
display: none;
|
|
6601
7080
|
}
|
|
6602
7081
|
|
|
@@ -6609,11 +7088,24 @@
|
|
|
6609
7088
|
}
|
|
6610
7089
|
|
|
6611
7090
|
.aksel-process__event:last-of-type .aksel-process__line[data-position="end"] {
|
|
6612
|
-
border-end-end-radius: var(--ax-radius-4);
|
|
6613
|
-
border-end-start-radius: var(--ax-radius-4);
|
|
6614
7091
|
min-height: 1.5rem;
|
|
6615
7092
|
}
|
|
6616
7093
|
|
|
7094
|
+
.aksel-process__event:last-of-type .aksel-process__line[data-position="end"]: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)) {
|
|
7095
|
+
border-bottom-right-radius: var(--ax-radius-4);
|
|
7096
|
+
border-bottom-left-radius: var(--ax-radius-4);
|
|
7097
|
+
}
|
|
7098
|
+
|
|
7099
|
+
.aksel-process__event:last-of-type .aksel-process__line[data-position="end"]:-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)) {
|
|
7100
|
+
border-bottom-left-radius: var(--ax-radius-4);
|
|
7101
|
+
border-bottom-right-radius: var(--ax-radius-4);
|
|
7102
|
+
}
|
|
7103
|
+
|
|
7104
|
+
.aksel-process__event:last-of-type .aksel-process__line[data-position="end"]: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)) {
|
|
7105
|
+
border-bottom-left-radius: var(--ax-radius-4);
|
|
7106
|
+
border-bottom-right-radius: var(--ax-radius-4);
|
|
7107
|
+
}
|
|
7108
|
+
|
|
6617
7109
|
.aksel-process__event[data-status="active"] .aksel-process__line {
|
|
6618
7110
|
border-color: var(--ax-border-default);
|
|
6619
7111
|
border-image: linear-gradient(to bottom, var(--ax-border-default) 50%, var(--ax-border-neutral-subtle) 90%);
|
|
@@ -6669,6 +7161,12 @@
|
|
|
6669
7161
|
width: min(calc(var(--__axc-process-circle-size) * .75), 1.5rem);
|
|
6670
7162
|
}
|
|
6671
7163
|
|
|
7164
|
+
.aksel-process__event:-webkit-any([data-status="completed"], [data-status="active"]) .aksel-process__bullet {
|
|
7165
|
+
color: var(--ax-text-contrast);
|
|
7166
|
+
background: var(--ax-bg-strong);
|
|
7167
|
+
border-color: rgba(0, 0, 0, 0);
|
|
7168
|
+
}
|
|
7169
|
+
|
|
6672
7170
|
.aksel-process__event:is([data-status="completed"], [data-status="active"]) .aksel-process__bullet {
|
|
6673
7171
|
color: var(--ax-text-contrast);
|
|
6674
7172
|
background: var(--ax-bg-strong);
|
|
@@ -6695,7 +7193,7 @@
|
|
|
6695
7193
|
}
|
|
6696
7194
|
|
|
6697
7195
|
.aksel-process__event[data-status="active"] .aksel-process__title:has( + .aksel-process__active-label) {
|
|
6698
|
-
padding-
|
|
7196
|
+
padding-bottom: 0;
|
|
6699
7197
|
}
|
|
6700
7198
|
|
|
6701
7199
|
.aksel-process__active-label {
|
|
@@ -6704,7 +7202,7 @@
|
|
|
6704
7202
|
}
|
|
6705
7203
|
|
|
6706
7204
|
.aksel-process__active-label:last-of-type {
|
|
6707
|
-
margin-
|
|
7205
|
+
margin-bottom: 0;
|
|
6708
7206
|
}
|
|
6709
7207
|
|
|
6710
7208
|
@media (forced-colors: active) {
|
|
@@ -6712,6 +7210,13 @@
|
|
|
6712
7210
|
transition: none;
|
|
6713
7211
|
}
|
|
6714
7212
|
|
|
7213
|
+
.aksel-process__event:-webkit-any([data-status="completed"], [data-status="active"]) .aksel-process__bullet {
|
|
7214
|
+
color: buttonface;
|
|
7215
|
+
forced-color-adjust: none;
|
|
7216
|
+
background-color: buttontext;
|
|
7217
|
+
outline-color: buttontext;
|
|
7218
|
+
}
|
|
7219
|
+
|
|
6715
7220
|
.aksel-process__event:is([data-status="completed"], [data-status="active"]) .aksel-process__bullet {
|
|
6716
7221
|
color: buttonface;
|
|
6717
7222
|
forced-color-adjust: none;
|
|
@@ -6800,7 +7305,18 @@
|
|
|
6800
7305
|
margin-bottom: 0;
|
|
6801
7306
|
}
|
|
6802
7307
|
|
|
7308
|
+
.aksel-stepper__step:-webkit-any(button) {
|
|
7309
|
+
-webkit-appearance: none;
|
|
7310
|
+
appearance: none;
|
|
7311
|
+
font: inherit;
|
|
7312
|
+
color: inherit;
|
|
7313
|
+
text-align: inherit;
|
|
7314
|
+
background-color: rgba(0, 0, 0, 0);
|
|
7315
|
+
border: none;
|
|
7316
|
+
}
|
|
7317
|
+
|
|
6803
7318
|
.aksel-stepper__step:is(button) {
|
|
7319
|
+
-webkit-appearance: none;
|
|
6804
7320
|
appearance: none;
|
|
6805
7321
|
font: inherit;
|
|
6806
7322
|
color: inherit;
|
|
@@ -6838,7 +7354,11 @@
|
|
|
6838
7354
|
text-decoration-thickness: .05em;
|
|
6839
7355
|
}
|
|
6840
7356
|
|
|
6841
|
-
|
|
7357
|
+
.aksel-stepper__step[data-interactive="true"]:hover .aksel-stepper__content {
|
|
7358
|
+
text-decoration-thickness: .111em;
|
|
7359
|
+
}
|
|
7360
|
+
|
|
7361
|
+
.aksel-stepper__step[data-interactive="true"]:active .aksel-stepper__content {
|
|
6842
7362
|
text-decoration-thickness: .111em;
|
|
6843
7363
|
}
|
|
6844
7364
|
|
|
@@ -6879,6 +7399,7 @@
|
|
|
6879
7399
|
|
|
6880
7400
|
.aksel-stepper__content {
|
|
6881
7401
|
grid-column: content;
|
|
7402
|
+
min-width: -webkit-fit-content;
|
|
6882
7403
|
min-width: fit-content;
|
|
6883
7404
|
padding-top: .16rem;
|
|
6884
7405
|
line-height: 1.5;
|
|
@@ -6913,7 +7434,11 @@
|
|
|
6913
7434
|
flex: 100%;
|
|
6914
7435
|
}
|
|
6915
7436
|
|
|
6916
|
-
.aksel-stepper[data-orientation="horizontal"] .aksel-stepper__item:first-of-type .aksel-stepper__line--1
|
|
7437
|
+
.aksel-stepper[data-orientation="horizontal"] .aksel-stepper__item:first-of-type .aksel-stepper__line--1 {
|
|
7438
|
+
visibility: hidden;
|
|
7439
|
+
}
|
|
7440
|
+
|
|
7441
|
+
.aksel-stepper[data-orientation="horizontal"] .aksel-stepper__item:last-of-type .aksel-stepper__line--2 {
|
|
6917
7442
|
visibility: hidden;
|
|
6918
7443
|
}
|
|
6919
7444
|
|
|
@@ -6972,6 +7497,7 @@
|
|
|
6972
7497
|
z-index: 10;
|
|
6973
7498
|
background-color: var(--ax-bg-default);
|
|
6974
7499
|
box-sizing: border-box;
|
|
7500
|
+
position: -webkit-sticky;
|
|
6975
7501
|
position: sticky;
|
|
6976
7502
|
top: 0;
|
|
6977
7503
|
}
|
|
@@ -6993,6 +7519,10 @@
|
|
|
6993
7519
|
display: table-row;
|
|
6994
7520
|
}
|
|
6995
7521
|
|
|
7522
|
+
.aksel-table__row:has( + .aksel-table__row--selected) :-webkit-any(.aksel-table__header-cell, .aksel-table__data-cell) {
|
|
7523
|
+
border-color: var(--ax-border-default);
|
|
7524
|
+
}
|
|
7525
|
+
|
|
6996
7526
|
.aksel-table__row:has( + .aksel-table__row--selected) :is(.aksel-table__header-cell, .aksel-table__data-cell) {
|
|
6997
7527
|
border-color: var(--ax-border-default);
|
|
6998
7528
|
}
|
|
@@ -7019,10 +7549,18 @@
|
|
|
7019
7549
|
border-color: var(--ax-border-default);
|
|
7020
7550
|
}
|
|
7021
7551
|
|
|
7552
|
+
.aksel-table__row--selected :-webkit-any(.aksel-table__header-cell, .aksel-table__data-cell) {
|
|
7553
|
+
border-color: var(--ax-border-default);
|
|
7554
|
+
}
|
|
7555
|
+
|
|
7022
7556
|
.aksel-table__row--selected :is(.aksel-table__header-cell, .aksel-table__data-cell) {
|
|
7023
7557
|
border-color: var(--ax-border-default);
|
|
7024
7558
|
}
|
|
7025
7559
|
|
|
7560
|
+
.aksel-table__row--selected.aksel-table__expandable-row--open :-webkit-any(.aksel-table__header-cell, .aksel-table__data-cell) {
|
|
7561
|
+
border-color: rgba(0, 0, 0, 0);
|
|
7562
|
+
}
|
|
7563
|
+
|
|
7026
7564
|
.aksel-table__row--selected.aksel-table__expandable-row--open :is(.aksel-table__header-cell, .aksel-table__data-cell) {
|
|
7027
7565
|
border-color: rgba(0, 0, 0, 0);
|
|
7028
7566
|
}
|
|
@@ -7079,7 +7617,10 @@
|
|
|
7079
7617
|
}
|
|
7080
7618
|
|
|
7081
7619
|
.aksel-table tr:not(.aksel-table__expanded-row) .aksel-checkbox:focus-within:after {
|
|
7082
|
-
|
|
7620
|
+
top: 0;
|
|
7621
|
+
bottom: 0;
|
|
7622
|
+
left: 0;
|
|
7623
|
+
right: 0;
|
|
7083
7624
|
}
|
|
7084
7625
|
|
|
7085
7626
|
.aksel-table__header-cell[aria-sort] {
|
|
@@ -7087,6 +7628,7 @@
|
|
|
7087
7628
|
}
|
|
7088
7629
|
|
|
7089
7630
|
.aksel-table__sort-button {
|
|
7631
|
+
-webkit-appearance: none;
|
|
7090
7632
|
appearance: none;
|
|
7091
7633
|
color: var(--ax-text-subtle);
|
|
7092
7634
|
cursor: pointer;
|
|
@@ -7188,7 +7730,15 @@
|
|
|
7188
7730
|
background-color: var(--ax-bg-neutral-moderate-hoverA);
|
|
7189
7731
|
}
|
|
7190
7732
|
|
|
7191
|
-
.aksel-table__row--selected :is(:scope .aksel-table__toggle-expand-button:hover
|
|
7733
|
+
.aksel-table__row--selected :is(:scope .aksel-table__toggle-expand-button:hover) {
|
|
7734
|
+
background-color: var(--ax-bg-moderate-hoverA);
|
|
7735
|
+
}
|
|
7736
|
+
|
|
7737
|
+
.aksel-table__row--selected :is(:scope .aksel-table__toggle-expand-cell:hover > .aksel-table__toggle-expand-button) {
|
|
7738
|
+
background-color: var(--ax-bg-moderate-hoverA);
|
|
7739
|
+
}
|
|
7740
|
+
|
|
7741
|
+
.aksel-table__row--selected :is(:scope .aksel-table__expandable-row--clickable:hover .aksel-table__toggle-expand-button) {
|
|
7192
7742
|
background-color: var(--ax-bg-moderate-hoverA);
|
|
7193
7743
|
}
|
|
7194
7744
|
|
|
@@ -7366,15 +7916,15 @@
|
|
|
7366
7916
|
@media (forced-colors: active) {
|
|
7367
7917
|
.aksel-tabs__tab[data-state="active"] {
|
|
7368
7918
|
border-bottom: 3px solid canvastext;
|
|
7369
|
-
padding-
|
|
7919
|
+
padding-bottom: calc(var(--ax-space-12) - 3px);
|
|
7370
7920
|
}
|
|
7371
7921
|
|
|
7372
7922
|
.aksel-tabs__tab--small[data-state="active"] {
|
|
7373
|
-
padding-
|
|
7923
|
+
padding-bottom: calc(var(--ax-space-6) - 3px);
|
|
7374
7924
|
}
|
|
7375
7925
|
|
|
7376
7926
|
.aksel-tabs__tab-icon--top[data-state="active"], .aksel-tabs__tab--small.aksel-tabs__tab-icon--top[data-state="active"] {
|
|
7377
|
-
padding-
|
|
7927
|
+
padding-bottom: calc(var(--ax-space-4) - 3px);
|
|
7378
7928
|
}
|
|
7379
7929
|
}
|
|
7380
7930
|
|
|
@@ -7412,7 +7962,7 @@
|
|
|
7412
7962
|
display: flex;
|
|
7413
7963
|
}
|
|
7414
7964
|
|
|
7415
|
-
@supports (hanging-punctuation: first) and (font: -apple-system-body) and (appearance: none) {
|
|
7965
|
+
@supports (hanging-punctuation: first) and (font: -apple-system-body) and ((-webkit-appearance: none) or (appearance: none)) {
|
|
7416
7966
|
.aksel-list ol {
|
|
7417
7967
|
padding-left: 2.1rem;
|
|
7418
7968
|
}
|
|
@@ -7423,11 +7973,11 @@
|
|
|
7423
7973
|
}
|
|
7424
7974
|
|
|
7425
7975
|
.aksel-list__item {
|
|
7426
|
-
margin-
|
|
7976
|
+
margin-bottom: var(--ax-space-8);
|
|
7427
7977
|
}
|
|
7428
7978
|
|
|
7429
7979
|
.aksel-list__item:last-child {
|
|
7430
|
-
margin-
|
|
7980
|
+
margin-bottom: 0;
|
|
7431
7981
|
}
|
|
7432
7982
|
|
|
7433
7983
|
.aksel-list__item-marker {
|
|
@@ -8400,6 +8950,7 @@
|
|
|
8400
8950
|
}
|
|
8401
8951
|
|
|
8402
8952
|
.aksel-page {
|
|
8953
|
+
min-height: 100vh;
|
|
8403
8954
|
flex-direction: column;
|
|
8404
8955
|
min-height: 100lvh;
|
|
8405
8956
|
display: flex;
|
|
@@ -8408,7 +8959,8 @@
|
|
|
8408
8959
|
.aksel-pageblock {
|
|
8409
8960
|
--__axc-page-padding-inline: 0px;
|
|
8410
8961
|
width: 100%;
|
|
8411
|
-
margin-
|
|
8962
|
+
margin-left: auto;
|
|
8963
|
+
margin-right: auto;
|
|
8412
8964
|
}
|
|
8413
8965
|
|
|
8414
8966
|
.aksel-page__content--grow {
|
|
@@ -8416,11 +8968,12 @@
|
|
|
8416
8968
|
}
|
|
8417
8969
|
|
|
8418
8970
|
.aksel-page__content--fullheight {
|
|
8971
|
+
min-height: 100vh;
|
|
8419
8972
|
min-height: 100lvh;
|
|
8420
8973
|
}
|
|
8421
8974
|
|
|
8422
8975
|
.aksel-page__content--padding {
|
|
8423
|
-
padding-
|
|
8976
|
+
padding-bottom: var(--ax-space-64);
|
|
8424
8977
|
}
|
|
8425
8978
|
|
|
8426
8979
|
.aksel-pageblock--text {
|
|
@@ -8590,8 +9143,19 @@
|
|
|
8590
9143
|
}
|
|
8591
9144
|
|
|
8592
9145
|
.aksel-stack > .aksel-stack__spacer {
|
|
8593
|
-
margin-
|
|
8594
|
-
|
|
9146
|
+
margin-top: calc(var(--__axc-stack-gap) * -1);
|
|
9147
|
+
}
|
|
9148
|
+
|
|
9149
|
+
.aksel-stack > .aksel-stack__spacer: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)) {
|
|
9150
|
+
margin-left: calc(var(--__axc-stack-gap) * -1);
|
|
9151
|
+
}
|
|
9152
|
+
|
|
9153
|
+
.aksel-stack > .aksel-stack__spacer:-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)) {
|
|
9154
|
+
margin-right: calc(var(--__axc-stack-gap) * -1);
|
|
9155
|
+
}
|
|
9156
|
+
|
|
9157
|
+
.aksel-stack > .aksel-stack__spacer: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)) {
|
|
9158
|
+
margin-right: calc(var(--__axc-stack-gap) * -1);
|
|
8595
9159
|
}
|
|
8596
9160
|
|
|
8597
9161
|
@media (min-width: 480px) {
|