@navikt/ds-css 8.10.3 → 8.10.5
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 +16 -62
- 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 +136 -755
- 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 +137 -756
- package/dist/index.min.css +1 -1
- package/package.json +5 -4
- package/src/button.css +31 -6
- package/src/data-table.css +86 -7
- package/.gitignore +0 -1
- package/CHANGELOG.md +0 -1580
- package/config/_mappings.d.ts +0 -25
- package/config/_mappings.js +0 -264
package/dist/index.css
CHANGED
|
@@ -646,7 +646,7 @@
|
|
|
646
646
|
}
|
|
647
647
|
|
|
648
648
|
:root, :host {
|
|
649
|
-
--ax-version: "8.10.
|
|
649
|
+
--ax-version: "8.10.5";
|
|
650
650
|
--ax-space-0: 0rem;
|
|
651
651
|
--ax-space-1: .0625rem;
|
|
652
652
|
--ax-space-2: .125rem;
|
|
@@ -1746,30 +1746,21 @@
|
|
|
1746
1746
|
background-color: var(--ax-bg-strong-pressed);
|
|
1747
1747
|
}
|
|
1748
1748
|
|
|
1749
|
-
.aksel-button[data-variant="primary"]:-webkit-any(:disabled, .aksel-button--disabled) {
|
|
1750
|
-
background-color: var(--ax-bg-strong);
|
|
1751
|
-
}
|
|
1752
|
-
|
|
1753
1749
|
.aksel-button[data-variant="primary"]:is(:disabled, .aksel-button--disabled) {
|
|
1754
1750
|
background-color: var(--ax-bg-strong);
|
|
1755
1751
|
}
|
|
1756
1752
|
|
|
1757
1753
|
.aksel-button[data-variant="secondary"] {
|
|
1758
1754
|
--__axc-button-border-color: var(--ax-border-default);
|
|
1759
|
-
color: var(--ax-text-subtle);
|
|
1760
1755
|
background-color: rgba(0, 0, 0, 0);
|
|
1761
1756
|
}
|
|
1762
1757
|
|
|
1763
|
-
.aksel-button[data-variant="secondary"][data-color="neutral"] {
|
|
1758
|
+
.aksel-button[data-variant="secondary"][data-color="neutral"], [data-color="neutral"] .aksel-button[data-variant="secondary"]:not([data-color]) {
|
|
1764
1759
|
color: var(--ax-text-default);
|
|
1765
1760
|
}
|
|
1766
1761
|
|
|
1767
|
-
[data-
|
|
1768
|
-
color: var(--ax-text-
|
|
1769
|
-
}
|
|
1770
|
-
|
|
1771
|
-
[data-color="neutral"] :not([data-color]) .aksel-button[data-variant="secondary"]:not([data-color]) {
|
|
1772
|
-
color: var(--ax-text-default);
|
|
1762
|
+
.aksel-button[data-variant="secondary"], [data-color="neutral"] [data-color]:not([data-color="neutral"]) .aksel-button[data-variant="secondary"] {
|
|
1763
|
+
color: var(--ax-text-subtle);
|
|
1773
1764
|
}
|
|
1774
1765
|
|
|
1775
1766
|
.aksel-button[data-variant="secondary"]:hover {
|
|
@@ -1781,47 +1772,25 @@
|
|
|
1781
1772
|
background-color: var(--ax-bg-moderate-pressedA);
|
|
1782
1773
|
}
|
|
1783
1774
|
|
|
1784
|
-
.aksel-button[data-variant="secondary"]:-webkit-any(:disabled, .aksel-button--disabled) {
|
|
1785
|
-
color: var(--ax-text-subtle);
|
|
1786
|
-
background-color: rgba(0, 0, 0, 0);
|
|
1787
|
-
}
|
|
1788
|
-
|
|
1789
|
-
.aksel-button[data-variant="secondary"]:-webkit-any(:disabled, .aksel-button--disabled)[data-color="neutral"] {
|
|
1790
|
-
color: var(--ax-text-default);
|
|
1791
|
-
}
|
|
1792
|
-
|
|
1793
|
-
[data-color="neutral"] > .aksel-button[data-variant="secondary"]:-webkit-any(:disabled, .aksel-button--disabled):not([data-color]) {
|
|
1794
|
-
color: var(--ax-text-default);
|
|
1795
|
-
}
|
|
1796
|
-
|
|
1797
1775
|
.aksel-button[data-variant="secondary"]:is(:disabled, .aksel-button--disabled) {
|
|
1798
1776
|
color: var(--ax-text-subtle);
|
|
1799
1777
|
background-color: rgba(0, 0, 0, 0);
|
|
1800
1778
|
}
|
|
1801
1779
|
|
|
1802
|
-
.aksel-button[data-variant="secondary"]:is(:disabled, .aksel-button--disabled)[data-color="neutral"] {
|
|
1803
|
-
color: var(--ax-text-default);
|
|
1804
|
-
}
|
|
1805
|
-
|
|
1806
|
-
[data-color="neutral"] > .aksel-button[data-variant="secondary"]:is(:disabled, .aksel-button--disabled):not([data-color]) {
|
|
1780
|
+
.aksel-button[data-variant="secondary"]:is(:disabled, .aksel-button--disabled)[data-color="neutral"], [data-color="neutral"] > .aksel-button[data-variant="secondary"]:is(:disabled, .aksel-button--disabled):not([data-color]) {
|
|
1807
1781
|
color: var(--ax-text-default);
|
|
1808
1782
|
}
|
|
1809
1783
|
|
|
1810
1784
|
.aksel-button[data-variant="tertiary"] {
|
|
1811
|
-
color: var(--ax-text-subtle);
|
|
1812
1785
|
background-color: rgba(0, 0, 0, 0);
|
|
1813
1786
|
}
|
|
1814
1787
|
|
|
1815
|
-
.aksel-button[data-variant="tertiary"][data-color="neutral"] {
|
|
1788
|
+
.aksel-button[data-variant="tertiary"][data-color="neutral"], [data-color="neutral"] .aksel-button[data-variant="tertiary"]:not([data-color], [data-pressed="true"]) {
|
|
1816
1789
|
color: var(--ax-text-default);
|
|
1817
1790
|
}
|
|
1818
1791
|
|
|
1819
|
-
[data-color="neutral"]
|
|
1820
|
-
color: var(--ax-text-
|
|
1821
|
-
}
|
|
1822
|
-
|
|
1823
|
-
[data-color="neutral"] :not([data-color]) .aksel-button[data-variant="tertiary"]:not([data-color], [data-pressed="true"]) {
|
|
1824
|
-
color: var(--ax-text-default);
|
|
1792
|
+
.aksel-button[data-variant="tertiary"], [data-color="neutral"] [data-color]:not([data-color="neutral"]) .aksel-button[data-variant="tertiary"]:not([data-pressed="true"]) {
|
|
1793
|
+
color: var(--ax-text-subtle);
|
|
1825
1794
|
}
|
|
1826
1795
|
|
|
1827
1796
|
.aksel-button[data-variant="tertiary"]:hover {
|
|
@@ -1837,29 +1806,12 @@
|
|
|
1837
1806
|
color: var(--ax-text-contrast);
|
|
1838
1807
|
}
|
|
1839
1808
|
|
|
1840
|
-
.aksel-button[data-variant="tertiary"]:-webkit-any(:disabled, .aksel-button--disabled) {
|
|
1841
|
-
color: var(--ax-text-subtle);
|
|
1842
|
-
background-color: rgba(0, 0, 0, 0);
|
|
1843
|
-
}
|
|
1844
|
-
|
|
1845
|
-
.aksel-button[data-variant="tertiary"]:-webkit-any(:disabled, .aksel-button--disabled)[data-color="neutral"] {
|
|
1846
|
-
color: var(--ax-text-default);
|
|
1847
|
-
}
|
|
1848
|
-
|
|
1849
|
-
[data-color="neutral"] > .aksel-button[data-variant="tertiary"]:-webkit-any(:disabled, .aksel-button--disabled):not([data-color]) {
|
|
1850
|
-
color: var(--ax-text-default);
|
|
1851
|
-
}
|
|
1852
|
-
|
|
1853
1809
|
.aksel-button[data-variant="tertiary"]:is(:disabled, .aksel-button--disabled) {
|
|
1854
1810
|
color: var(--ax-text-subtle);
|
|
1855
1811
|
background-color: rgba(0, 0, 0, 0);
|
|
1856
1812
|
}
|
|
1857
1813
|
|
|
1858
|
-
.aksel-button[data-variant="tertiary"]:is(:disabled, .aksel-button--disabled)[data-color="neutral"] {
|
|
1859
|
-
color: var(--ax-text-default);
|
|
1860
|
-
}
|
|
1861
|
-
|
|
1862
|
-
[data-color="neutral"] > .aksel-button[data-variant="tertiary"]:is(:disabled, .aksel-button--disabled):not([data-color]) {
|
|
1814
|
+
.aksel-button[data-variant="tertiary"]:is(:disabled, .aksel-button--disabled)[data-color="neutral"], [data-color="neutral"] > .aksel-button[data-variant="tertiary"]:is(:disabled, .aksel-button--disabled):not([data-color]) {
|
|
1863
1815
|
color: var(--ax-text-default);
|
|
1864
1816
|
}
|
|
1865
1817
|
|
|
@@ -1975,18 +1927,20 @@
|
|
|
1975
1927
|
border-color: highlight;
|
|
1976
1928
|
}
|
|
1977
1929
|
|
|
1978
|
-
.aksel-button:hover:not(:disabled) {
|
|
1930
|
+
.aksel-button:hover:not(:disabled), .aksel-button[data-variant="primary"]:where(a):hover:not(:disabled) {
|
|
1979
1931
|
color: highlight;
|
|
1980
1932
|
box-shadow: none;
|
|
1981
1933
|
background-color: highlighttext;
|
|
1982
1934
|
border-color: highlight;
|
|
1983
1935
|
}
|
|
1984
1936
|
|
|
1985
|
-
.aksel-button[data-variant="
|
|
1986
|
-
color:
|
|
1987
|
-
|
|
1988
|
-
|
|
1989
|
-
|
|
1937
|
+
.aksel-button[data-variant="tertiary"][data-pressed="true"] {
|
|
1938
|
+
color: selecteditemtext;
|
|
1939
|
+
background-color: selecteditem;
|
|
1940
|
+
}
|
|
1941
|
+
|
|
1942
|
+
.aksel-button[data-variant="tertiary"][data-pressed="true"] span {
|
|
1943
|
+
forced-color-adjust: none;
|
|
1990
1944
|
}
|
|
1991
1945
|
|
|
1992
1946
|
.aksel-button:not(:disabled):hover span {
|
|
@@ -2105,10 +2059,7 @@
|
|
|
2105
2059
|
var(--__axc-dropzone-animation-ease-out);
|
|
2106
2060
|
margin: -1px;
|
|
2107
2061
|
position: absolute;
|
|
2108
|
-
|
|
2109
|
-
bottom: 0;
|
|
2110
|
-
left: 0;
|
|
2111
|
-
right: 0;
|
|
2062
|
+
inset: 0;
|
|
2112
2063
|
}
|
|
2113
2064
|
|
|
2114
2065
|
@keyframes akselDropzoneDragoverAnimation {
|
|
@@ -2188,25 +2139,7 @@
|
|
|
2188
2139
|
display: flex;
|
|
2189
2140
|
}
|
|
2190
2141
|
|
|
2191
|
-
li.aksel-file-item {
|
|
2192
|
-
margin: 0;
|
|
2193
|
-
padding: 0;
|
|
2194
|
-
list-style: none;
|
|
2195
|
-
}
|
|
2196
|
-
|
|
2197
|
-
.aksel-file-upload :-webkit-any(ul, li) {
|
|
2198
|
-
margin: 0;
|
|
2199
|
-
padding: 0;
|
|
2200
|
-
list-style: none;
|
|
2201
|
-
}
|
|
2202
|
-
|
|
2203
|
-
.aksel-file-upload :is(ul, li) {
|
|
2204
|
-
margin: 0;
|
|
2205
|
-
padding: 0;
|
|
2206
|
-
list-style: none;
|
|
2207
|
-
}
|
|
2208
|
-
|
|
2209
|
-
ul:has( > li.aksel-file-item) {
|
|
2142
|
+
.aksel-file-upload :is(ul, li), ul:has( > li.aksel-file-item), li.aksel-file-item {
|
|
2210
2143
|
margin: 0;
|
|
2211
2144
|
padding: 0;
|
|
2212
2145
|
list-style: none;
|
|
@@ -2227,7 +2160,6 @@
|
|
|
2227
2160
|
.aksel-file-item__link {
|
|
2228
2161
|
align-items: flex-start;
|
|
2229
2162
|
gap: var(--ax-space-2);
|
|
2230
|
-
width: -webkit-fit-content;
|
|
2231
2163
|
width: fit-content;
|
|
2232
2164
|
display: flex;
|
|
2233
2165
|
}
|
|
@@ -2327,11 +2259,7 @@
|
|
|
2327
2259
|
outline-offset: 3px;
|
|
2328
2260
|
}
|
|
2329
2261
|
|
|
2330
|
-
.aksel-error-summary:focus-visible {
|
|
2331
|
-
outline: 3px solid var(--ax-border-focus);
|
|
2332
|
-
}
|
|
2333
|
-
|
|
2334
|
-
.aksel-error-summary:has(.aksel-error-summary__heading:focus-visible) {
|
|
2262
|
+
.aksel-error-summary:focus-visible, .aksel-error-summary:has(.aksel-error-summary__heading:focus-visible) {
|
|
2335
2263
|
outline: 3px solid var(--ax-border-focus);
|
|
2336
2264
|
}
|
|
2337
2265
|
|
|
@@ -2396,27 +2324,14 @@
|
|
|
2396
2324
|
border-color: orange;
|
|
2397
2325
|
border-left-style: solid;
|
|
2398
2326
|
border-left-width: 8px;
|
|
2327
|
+
border-start-start-radius: calc(var(--ax-radius-8) - 1px);
|
|
2328
|
+
border-end-start-radius: calc(var(--ax-radius-8) - 1px);
|
|
2399
2329
|
height: 100%;
|
|
2400
2330
|
position: absolute;
|
|
2401
2331
|
top: 0;
|
|
2402
2332
|
left: 0;
|
|
2403
2333
|
}
|
|
2404
2334
|
|
|
2405
|
-
.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 {
|
|
2406
|
-
border-top-left-radius: calc(var(--ax-radius-8) - 1px);
|
|
2407
|
-
border-bottom-left-radius: calc(var(--ax-radius-8) - 1px);
|
|
2408
|
-
}
|
|
2409
|
-
|
|
2410
|
-
.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 {
|
|
2411
|
-
border-top-right-radius: calc(var(--ax-radius-8) - 1px);
|
|
2412
|
-
border-bottom-right-radius: calc(var(--ax-radius-8) - 1px);
|
|
2413
|
-
}
|
|
2414
|
-
|
|
2415
|
-
.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 {
|
|
2416
|
-
border-top-right-radius: calc(var(--ax-radius-8) - 1px);
|
|
2417
|
-
border-bottom-right-radius: calc(var(--ax-radius-8) - 1px);
|
|
2418
|
-
}
|
|
2419
|
-
|
|
2420
2335
|
.aksel-confirmation-panel--checked .aksel-confirmation-panel__inner:before {
|
|
2421
2336
|
border-color: green;
|
|
2422
2337
|
}
|
|
@@ -2428,7 +2343,6 @@
|
|
|
2428
2343
|
|
|
2429
2344
|
.aksel-checkbox, .aksel-radio {
|
|
2430
2345
|
gap: var(--ax-space-2) 0;
|
|
2431
|
-
width: -webkit-fit-content;
|
|
2432
2346
|
width: fit-content;
|
|
2433
2347
|
padding: var(--ax-space-12) 0;
|
|
2434
2348
|
grid-template-columns: auto 1fr;
|
|
@@ -2493,7 +2407,6 @@
|
|
|
2493
2407
|
|
|
2494
2408
|
.aksel-checkbox__input, .aksel-radio__input {
|
|
2495
2409
|
--__axc-radio-checkbox-marker-border: 2px;
|
|
2496
|
-
-webkit-appearance: none;
|
|
2497
2410
|
appearance: none;
|
|
2498
2411
|
cursor: pointer;
|
|
2499
2412
|
width: var(--__axc-radio-checkbox-marker-size);
|
|
@@ -2505,12 +2418,7 @@
|
|
|
2505
2418
|
position: relative;
|
|
2506
2419
|
}
|
|
2507
2420
|
|
|
2508
|
-
:is(.aksel-checkbox__input, .aksel-radio__input)[data-standalone="true"]:disabled {
|
|
2509
|
-
opacity: var(--ax-opacity-disabled);
|
|
2510
|
-
cursor: not-allowed;
|
|
2511
|
-
}
|
|
2512
|
-
|
|
2513
|
-
.aksel-checkbox__input-wrapper[data-standalone="true"] > :is(.aksel-checkbox__input, .aksel-radio__input):disabled {
|
|
2421
|
+
:is(.aksel-checkbox__input, .aksel-radio__input)[data-standalone="true"]:disabled, .aksel-checkbox__input-wrapper[data-standalone="true"] > :is(.aksel-checkbox__input, .aksel-radio__input):disabled {
|
|
2514
2422
|
opacity: var(--ax-opacity-disabled);
|
|
2515
2423
|
cursor: not-allowed;
|
|
2516
2424
|
}
|
|
@@ -2618,19 +2526,11 @@
|
|
|
2618
2526
|
opacity: var(--ax-opacity-disabled);
|
|
2619
2527
|
}
|
|
2620
2528
|
|
|
2621
|
-
.aksel-checkbox--disabled :where(.aksel-checkbox__input, .aksel-checkbox__label) {
|
|
2529
|
+
.aksel-checkbox--disabled :where(.aksel-checkbox__input, .aksel-checkbox__label), .aksel-radio--disabled > :where(.aksel-radio__input, .aksel-radio__label) {
|
|
2622
2530
|
cursor: not-allowed;
|
|
2623
2531
|
}
|
|
2624
2532
|
|
|
2625
|
-
.aksel-radio--
|
|
2626
|
-
cursor: not-allowed;
|
|
2627
|
-
}
|
|
2628
|
-
|
|
2629
|
-
.aksel-checkbox--readonly :where(.aksel-checkbox__input, .aksel-checkbox__label) {
|
|
2630
|
-
cursor: default;
|
|
2631
|
-
}
|
|
2632
|
-
|
|
2633
|
-
.aksel-radio--readonly > :where(.aksel-radio__input, .aksel-radio__label) {
|
|
2533
|
+
.aksel-checkbox--readonly :where(.aksel-checkbox__input, .aksel-checkbox__label), .aksel-radio--readonly > :where(.aksel-radio__input, .aksel-radio__label) {
|
|
2634
2534
|
cursor: default;
|
|
2635
2535
|
}
|
|
2636
2536
|
|
|
@@ -2664,19 +2564,11 @@
|
|
|
2664
2564
|
}
|
|
2665
2565
|
|
|
2666
2566
|
@media screen and (forced-colors: active) {
|
|
2667
|
-
:-webkit-any(.aksel-checkbox, .aksel-checkbox--readonly) .aksel-checkbox__input:indeterminate:after {
|
|
2668
|
-
background-color: fieldtext;
|
|
2669
|
-
}
|
|
2670
|
-
|
|
2671
2567
|
:is(.aksel-checkbox, .aksel-checkbox--readonly) .aksel-checkbox__input:indeterminate:after {
|
|
2672
2568
|
background-color: fieldtext;
|
|
2673
2569
|
}
|
|
2674
2570
|
|
|
2675
|
-
.aksel-radio:not(.aksel-radio--readonly) > .aksel-radio__input:hover:not(:disabled) + .aksel-radio__label {
|
|
2676
|
-
color: highlight;
|
|
2677
|
-
}
|
|
2678
|
-
|
|
2679
|
-
.aksel-checkbox:not(.aksel-checkbox--readonly):has(.aksel-checkbox__input:hover:not(:disabled)) > .aksel-checkbox__label {
|
|
2571
|
+
.aksel-checkbox:not(.aksel-checkbox--readonly):has(.aksel-checkbox__input:hover:not(:disabled)) > .aksel-checkbox__label, .aksel-radio:not(.aksel-radio--readonly) > .aksel-radio__input:hover:not(:disabled) + .aksel-radio__label {
|
|
2680
2572
|
color: highlight;
|
|
2681
2573
|
}
|
|
2682
2574
|
|
|
@@ -2709,15 +2601,7 @@
|
|
|
2709
2601
|
background-color: graytext;
|
|
2710
2602
|
}
|
|
2711
2603
|
|
|
2712
|
-
.aksel-checkbox--disabled :is(.aksel-checkbox__label, .aksel-checkbox__description, .aksel-checkbox__input:checked + .aksel-checkbox__icon) {
|
|
2713
|
-
color: graytext;
|
|
2714
|
-
}
|
|
2715
|
-
|
|
2716
|
-
.aksel-radio--disabled :-webkit-any(.aksel-radio__label, .aksel-radio__description) {
|
|
2717
|
-
color: graytext;
|
|
2718
|
-
}
|
|
2719
|
-
|
|
2720
|
-
.aksel-radio--disabled :is(.aksel-radio__label, .aksel-radio__description) {
|
|
2604
|
+
.aksel-checkbox--disabled :is(.aksel-checkbox__label, .aksel-checkbox__description, .aksel-checkbox__input:checked + .aksel-checkbox__icon), .aksel-radio--disabled :is(.aksel-radio__label, .aksel-radio__description) {
|
|
2721
2605
|
color: graytext;
|
|
2722
2606
|
}
|
|
2723
2607
|
}
|
|
@@ -2749,7 +2633,6 @@
|
|
|
2749
2633
|
}
|
|
2750
2634
|
|
|
2751
2635
|
.aksel-select__input {
|
|
2752
|
-
-webkit-appearance: none;
|
|
2753
2636
|
appearance: none;
|
|
2754
2637
|
background-color: var(--ax-bg-input);
|
|
2755
2638
|
border-radius: var(--ax-radius-8);
|
|
@@ -2808,21 +2691,10 @@
|
|
|
2808
2691
|
|
|
2809
2692
|
.aksel-form-field--small .aksel-select__input {
|
|
2810
2693
|
min-height: 2rem;
|
|
2811
|
-
padding-
|
|
2812
|
-
padding-bottom: 0;
|
|
2813
|
-
}
|
|
2814
|
-
|
|
2815
|
-
.aksel-select--error > * select {
|
|
2816
|
-
box-shadow: 0 0 0 1px var(--ax-border-danger-strong);
|
|
2817
|
-
border-color: var(--ax-border-danger-strong);
|
|
2694
|
+
padding-block: 0;
|
|
2818
2695
|
}
|
|
2819
2696
|
|
|
2820
|
-
.aksel-select--error > * select:hover {
|
|
2821
|
-
box-shadow: 0 0 0 1px var(--ax-border-danger-strong);
|
|
2822
|
-
border-color: var(--ax-border-danger-strong);
|
|
2823
|
-
}
|
|
2824
|
-
|
|
2825
|
-
.aksel-select--error > * select:focus {
|
|
2697
|
+
.aksel-select--error > * select, .aksel-select--error > * select:hover, .aksel-select--error > * select:focus {
|
|
2826
2698
|
box-shadow: 0 0 0 1px var(--ax-border-danger-strong);
|
|
2827
2699
|
border-color: var(--ax-border-danger-strong);
|
|
2828
2700
|
}
|
|
@@ -2853,12 +2725,6 @@
|
|
|
2853
2725
|
}
|
|
2854
2726
|
|
|
2855
2727
|
@media (forced-colors: active) {
|
|
2856
|
-
.aksel-select--readonly .aksel-select__input:-webkit-any(:hover, :focus) {
|
|
2857
|
-
color: buttontext;
|
|
2858
|
-
background-color: buttonface;
|
|
2859
|
-
border-color: buttontext;
|
|
2860
|
-
}
|
|
2861
|
-
|
|
2862
2728
|
.aksel-select--readonly .aksel-select__input:is(:hover, :focus) {
|
|
2863
2729
|
color: buttontext;
|
|
2864
2730
|
background-color: buttonface;
|
|
@@ -2871,7 +2737,6 @@
|
|
|
2871
2737
|
}
|
|
2872
2738
|
|
|
2873
2739
|
.aksel-switch {
|
|
2874
|
-
width: -webkit-fit-content;
|
|
2875
2740
|
width: fit-content;
|
|
2876
2741
|
min-height: 3rem;
|
|
2877
2742
|
position: relative;
|
|
@@ -3050,18 +2915,12 @@
|
|
|
3050
2915
|
width: auto;
|
|
3051
2916
|
}
|
|
3052
2917
|
|
|
3053
|
-
.aksel-switch--right .aksel-switch__input {
|
|
3054
|
-
left: auto;
|
|
3055
|
-
right: 0;
|
|
3056
|
-
}
|
|
3057
|
-
|
|
3058
|
-
.aksel-switch--right .aksel-switch__track {
|
|
2918
|
+
.aksel-switch--right .aksel-switch__input, .aksel-switch--right .aksel-switch__track {
|
|
3059
2919
|
left: auto;
|
|
3060
2920
|
right: 0;
|
|
3061
2921
|
}
|
|
3062
2922
|
|
|
3063
2923
|
.aksel-switch__input:disabled {
|
|
3064
|
-
-webkit-appearance: none;
|
|
3065
2924
|
appearance: none;
|
|
3066
2925
|
}
|
|
3067
2926
|
|
|
@@ -3073,31 +2932,12 @@
|
|
|
3073
2932
|
cursor: not-allowed;
|
|
3074
2933
|
}
|
|
3075
2934
|
|
|
3076
|
-
.aksel-switch--readonly > .aksel-switch__track {
|
|
3077
|
-
background-color: var(--ax-bg-neutral-moderate);
|
|
3078
|
-
border-color: var(--ax-border-neutral-subtleA);
|
|
3079
|
-
}
|
|
3080
|
-
|
|
3081
|
-
.aksel-switch--readonly > .aksel-switch__input:hover ~ .aksel-switch__track {
|
|
3082
|
-
background-color: var(--ax-bg-neutral-moderate);
|
|
3083
|
-
border-color: var(--ax-border-neutral-subtleA);
|
|
3084
|
-
}
|
|
3085
|
-
|
|
3086
|
-
.aksel-switch--readonly > .aksel-switch__input:checked ~ .aksel-switch__track {
|
|
3087
|
-
background-color: var(--ax-bg-neutral-moderate);
|
|
3088
|
-
border-color: var(--ax-border-neutral-subtleA);
|
|
3089
|
-
}
|
|
3090
|
-
|
|
3091
|
-
.aksel-switch--readonly > .aksel-switch__input:checked:hover ~ .aksel-switch__track {
|
|
2935
|
+
.aksel-switch--readonly > .aksel-switch__track, .aksel-switch--readonly > .aksel-switch__input:hover ~ .aksel-switch__track, .aksel-switch--readonly > .aksel-switch__input:checked ~ .aksel-switch__track, .aksel-switch--readonly > .aksel-switch__input:checked:hover ~ .aksel-switch__track {
|
|
3092
2936
|
background-color: var(--ax-bg-neutral-moderate);
|
|
3093
2937
|
border-color: var(--ax-border-neutral-subtleA);
|
|
3094
2938
|
}
|
|
3095
2939
|
|
|
3096
|
-
.aksel-switch--readonly > .aksel-switch__label-wrapper {
|
|
3097
|
-
cursor: default;
|
|
3098
|
-
}
|
|
3099
|
-
|
|
3100
|
-
.aksel-switch--readonly > .aksel-switch__input {
|
|
2940
|
+
.aksel-switch--readonly > .aksel-switch__label-wrapper, .aksel-switch--readonly > .aksel-switch__input {
|
|
3101
2941
|
cursor: default;
|
|
3102
2942
|
}
|
|
3103
2943
|
|
|
@@ -3159,7 +2999,6 @@
|
|
|
3159
2999
|
}
|
|
3160
3000
|
|
|
3161
3001
|
.aksel-text-field__input {
|
|
3162
|
-
-webkit-appearance: none;
|
|
3163
3002
|
appearance: none;
|
|
3164
3003
|
padding: var(--ax-space-8);
|
|
3165
3004
|
background: var(--ax-bg-input);
|
|
@@ -3236,7 +3075,6 @@
|
|
|
3236
3075
|
|
|
3237
3076
|
.aksel-textarea__input {
|
|
3238
3077
|
height: var(--__axc-textarea-height);
|
|
3239
|
-
-webkit-appearance: none;
|
|
3240
3078
|
appearance: none;
|
|
3241
3079
|
padding: var(--ax-space-8);
|
|
3242
3080
|
background-color: var(--ax-bg-input);
|
|
@@ -3299,50 +3137,17 @@
|
|
|
3299
3137
|
|
|
3300
3138
|
.aksel-textarea--resize-both .aksel-textarea__input {
|
|
3301
3139
|
resize: both;
|
|
3302
|
-
|
|
3303
|
-
|
|
3304
|
-
.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)) {
|
|
3305
|
-
border-bottom-right-radius: 0;
|
|
3306
|
-
}
|
|
3307
|
-
|
|
3308
|
-
.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)) {
|
|
3309
|
-
border-bottom-left-radius: 0;
|
|
3310
|
-
}
|
|
3311
|
-
|
|
3312
|
-
.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)) {
|
|
3313
|
-
border-bottom-left-radius: 0;
|
|
3140
|
+
border-end-end-radius: 0;
|
|
3314
3141
|
}
|
|
3315
3142
|
|
|
3316
3143
|
.aksel-textarea--resize-horizontal .aksel-textarea__input {
|
|
3317
3144
|
resize: horizontal;
|
|
3318
|
-
|
|
3319
|
-
|
|
3320
|
-
.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)) {
|
|
3321
|
-
border-bottom-right-radius: 0;
|
|
3322
|
-
}
|
|
3323
|
-
|
|
3324
|
-
.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)) {
|
|
3325
|
-
border-bottom-left-radius: 0;
|
|
3326
|
-
}
|
|
3327
|
-
|
|
3328
|
-
.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)) {
|
|
3329
|
-
border-bottom-left-radius: 0;
|
|
3145
|
+
border-end-end-radius: 0;
|
|
3330
3146
|
}
|
|
3331
3147
|
|
|
3332
3148
|
.aksel-textarea--resize-vertical .aksel-textarea__input {
|
|
3333
3149
|
resize: vertical;
|
|
3334
|
-
|
|
3335
|
-
|
|
3336
|
-
.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)) {
|
|
3337
|
-
border-bottom-right-radius: 0;
|
|
3338
|
-
}
|
|
3339
|
-
|
|
3340
|
-
.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)) {
|
|
3341
|
-
border-bottom-left-radius: 0;
|
|
3342
|
-
}
|
|
3343
|
-
|
|
3344
|
-
.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)) {
|
|
3345
|
-
border-bottom-left-radius: 0;
|
|
3150
|
+
border-end-end-radius: 0;
|
|
3346
3151
|
}
|
|
3347
3152
|
|
|
3348
3153
|
.aksel-textarea--autoscrollbar, .aksel-textarea--autoscrollbar .aksel-textarea__wrapper {
|
|
@@ -3385,7 +3190,6 @@
|
|
|
3385
3190
|
}
|
|
3386
3191
|
|
|
3387
3192
|
.aksel-search--with-size .aksel-search__wrapper {
|
|
3388
|
-
width: -webkit-fit-content;
|
|
3389
3193
|
width: fit-content;
|
|
3390
3194
|
}
|
|
3391
3195
|
|
|
@@ -3408,13 +3212,7 @@
|
|
|
3408
3212
|
outline: none;
|
|
3409
3213
|
}
|
|
3410
3214
|
|
|
3411
|
-
.aksel-search__input.aksel-search__input--primary {
|
|
3412
|
-
border-right: none;
|
|
3413
|
-
border-top-right-radius: 0;
|
|
3414
|
-
border-bottom-right-radius: 0;
|
|
3415
|
-
}
|
|
3416
|
-
|
|
3417
|
-
.aksel-search__input.aksel-search__input--secondary {
|
|
3215
|
+
.aksel-search__input.aksel-search__input--primary, .aksel-search__input.aksel-search__input--secondary {
|
|
3418
3216
|
border-right: none;
|
|
3419
3217
|
border-top-right-radius: 0;
|
|
3420
3218
|
border-bottom-right-radius: 0;
|
|
@@ -3482,10 +3280,6 @@
|
|
|
3482
3280
|
--__axc-button-border-color: var(--ax-border-strong);
|
|
3483
3281
|
}
|
|
3484
3282
|
|
|
3485
|
-
.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[data-variant="secondary"]:not(:hover, :active) {
|
|
3486
|
-
--__axc-button-border-color: var(--ax-border-strong);
|
|
3487
|
-
}
|
|
3488
|
-
|
|
3489
3283
|
.aksel-search:not(.aksel-search--error, .aksel-search--disabled) .aksel-search__wrapper:has(.aksel-search__input:is(:hover, :focus-visible)) .aksel-search__button-search[data-variant="secondary"]:not(:hover, :active) {
|
|
3490
3284
|
--__axc-button-border-color: var(--ax-border-strong);
|
|
3491
3285
|
}
|
|
@@ -3500,11 +3294,7 @@
|
|
|
3500
3294
|
box-shadow: inset 0 0 0 1px var(--ax-border-danger-strong);
|
|
3501
3295
|
}
|
|
3502
3296
|
|
|
3503
|
-
.aksel-search__input:focus-visible {
|
|
3504
|
-
z-index: 1;
|
|
3505
|
-
}
|
|
3506
|
-
|
|
3507
|
-
.aksel-search__button-search:focus-visible {
|
|
3297
|
+
.aksel-search__input:focus-visible, .aksel-search__button-search:focus-visible {
|
|
3508
3298
|
z-index: 1;
|
|
3509
3299
|
}
|
|
3510
3300
|
|
|
@@ -3527,10 +3317,6 @@
|
|
|
3527
3317
|
position: relative;
|
|
3528
3318
|
}
|
|
3529
3319
|
|
|
3530
|
-
.aksel-form-field:not(:-webkit-any(.aksel-combobox--disabled, .aksel-combobox--readonly)) .aksel-combobox__wrapper:hover {
|
|
3531
|
-
border-color: var(--ax-border-strong);
|
|
3532
|
-
}
|
|
3533
|
-
|
|
3534
3320
|
.aksel-form-field:not(:is(.aksel-combobox--disabled, .aksel-combobox--readonly)) .aksel-combobox__wrapper:hover {
|
|
3535
3321
|
border-color: var(--ax-border-strong);
|
|
3536
3322
|
}
|
|
@@ -3555,11 +3341,7 @@
|
|
|
3555
3341
|
cursor: not-allowed;
|
|
3556
3342
|
}
|
|
3557
3343
|
|
|
3558
|
-
.aksel-combobox--disabled .aksel-combobox__selected-options {
|
|
3559
|
-
pointer-events: none;
|
|
3560
|
-
}
|
|
3561
|
-
|
|
3562
|
-
.aksel-combobox--disabled .aksel-combobox--readonly {
|
|
3344
|
+
.aksel-combobox--disabled .aksel-combobox__selected-options, .aksel-combobox--disabled .aksel-combobox--readonly {
|
|
3563
3345
|
pointer-events: none;
|
|
3564
3346
|
}
|
|
3565
3347
|
|
|
@@ -3580,11 +3362,7 @@
|
|
|
3580
3362
|
overflow: clip;
|
|
3581
3363
|
}
|
|
3582
3364
|
|
|
3583
|
-
.aksel-combobox--readonly .aksel-text-field__input {
|
|
3584
|
-
background-color: var(--ax-bg-neutral-moderate);
|
|
3585
|
-
}
|
|
3586
|
-
|
|
3587
|
-
.aksel-combobox--readonly .aksel-combobox__input {
|
|
3365
|
+
.aksel-combobox--readonly .aksel-text-field__input, .aksel-combobox--readonly .aksel-combobox__input {
|
|
3588
3366
|
background-color: var(--ax-bg-neutral-moderate);
|
|
3589
3367
|
}
|
|
3590
3368
|
|
|
@@ -3713,11 +3491,7 @@
|
|
|
3713
3491
|
outline: none;
|
|
3714
3492
|
}
|
|
3715
3493
|
|
|
3716
|
-
.aksel-combobox__wrapper-inner:has(.aksel-combobox__input:focus) {
|
|
3717
|
-
outline: none;
|
|
3718
|
-
}
|
|
3719
|
-
|
|
3720
|
-
.aksel-combobox__wrapper-inner:has(.aksel-combobox__input:focus).aksel-combobox__wrapper-inner--virtually-unfocused {
|
|
3494
|
+
.aksel-combobox__wrapper-inner:has(.aksel-combobox__input:focus), .aksel-combobox__wrapper-inner:has(.aksel-combobox__input:focus).aksel-combobox__wrapper-inner--virtually-unfocused {
|
|
3721
3495
|
outline: none;
|
|
3722
3496
|
}
|
|
3723
3497
|
}
|
|
@@ -3854,7 +3628,7 @@
|
|
|
3854
3628
|
border-radius: 0;
|
|
3855
3629
|
justify-content: flex-start;
|
|
3856
3630
|
gap: .25rem;
|
|
3857
|
-
margin-
|
|
3631
|
+
margin-block-start: calc(var(--ax-space-4) * -1);
|
|
3858
3632
|
}
|
|
3859
3633
|
|
|
3860
3634
|
.aksel-combobox__list-item--new-option svg {
|
|
@@ -3882,7 +3656,6 @@
|
|
|
3882
3656
|
}
|
|
3883
3657
|
|
|
3884
3658
|
.aksel-combobox__input {
|
|
3885
|
-
min-width: -webkit-min-content;
|
|
3886
3659
|
min-width: min-content;
|
|
3887
3660
|
padding: .75rem 0;
|
|
3888
3661
|
}
|
|
@@ -4082,9 +3855,8 @@
|
|
|
4082
3855
|
opacity: .001;
|
|
4083
3856
|
grid-template-rows: 0fr;
|
|
4084
3857
|
margin-top: -2px;
|
|
4085
|
-
padding-
|
|
4086
|
-
|
|
4087
|
-
transition-property: margin-top, opacity, visibility, padding-top, grid-template-rows;
|
|
3858
|
+
padding-block: 0;
|
|
3859
|
+
transition-property: margin-top, opacity, visibility, padding-block-start, grid-template-rows;
|
|
4088
3860
|
transition-duration: .3s;
|
|
4089
3861
|
transition-timing-function: cubic-bezier(.2, 0, 0, 1);
|
|
4090
3862
|
display: grid;
|
|
@@ -4141,11 +3913,7 @@
|
|
|
4141
3913
|
background-color: var(--ax-bg-moderate-hoverA);
|
|
4142
3914
|
}
|
|
4143
3915
|
|
|
4144
|
-
.aksel-accordion__header:hover:before {
|
|
4145
|
-
display: none;
|
|
4146
|
-
}
|
|
4147
|
-
|
|
4148
|
-
.aksel-accordion__header:hover:after {
|
|
3916
|
+
.aksel-accordion__header:hover:before, .aksel-accordion__header:hover:after {
|
|
4149
3917
|
display: none;
|
|
4150
3918
|
}
|
|
4151
3919
|
|
|
@@ -4168,11 +3936,7 @@
|
|
|
4168
3936
|
z-index: 1;
|
|
4169
3937
|
}
|
|
4170
3938
|
|
|
4171
|
-
.aksel-accordion__header:focus-visible:before {
|
|
4172
|
-
display: none;
|
|
4173
|
-
}
|
|
4174
|
-
|
|
4175
|
-
.aksel-accordion__header:focus-visible:after {
|
|
3939
|
+
.aksel-accordion__header:focus-visible:before, .aksel-accordion__header:focus-visible:after {
|
|
4176
3940
|
display: none;
|
|
4177
3941
|
}
|
|
4178
3942
|
|
|
@@ -4197,11 +3961,7 @@
|
|
|
4197
3961
|
bottom: 0;
|
|
4198
3962
|
}
|
|
4199
3963
|
|
|
4200
|
-
.aksel-accordion__item[data-expanded="true"] > .aksel-accordion__header:after, .aksel-accordion__item:not(:last-child) > .aksel-accordion__header:after {
|
|
4201
|
-
display: none;
|
|
4202
|
-
}
|
|
4203
|
-
|
|
4204
|
-
.aksel-accordion__item[data-expanded="false"]:has(.aksel-accordion__header:where(:hover, :focus-visible)) + .aksel-accordion__item > .aksel-accordion__header:before {
|
|
3964
|
+
.aksel-accordion__item[data-expanded="true"] > .aksel-accordion__header:after, .aksel-accordion__item:not(:last-child) > .aksel-accordion__header:after, .aksel-accordion__item[data-expanded="false"]:has(.aksel-accordion__header:where(:hover, :focus-visible)) + .aksel-accordion__item > .aksel-accordion__header:before {
|
|
4205
3965
|
display: none;
|
|
4206
3966
|
}
|
|
4207
3967
|
|
|
@@ -4246,8 +4006,7 @@
|
|
|
4246
4006
|
opacity: 0;
|
|
4247
4007
|
border-color: rgba(0, 0, 0, 0);
|
|
4248
4008
|
grid-template-rows: 0fr;
|
|
4249
|
-
margin-
|
|
4250
|
-
margin-bottom: 0;
|
|
4009
|
+
margin-block: 0;
|
|
4251
4010
|
transition-property: visibility, opacity, grid-template-rows, margin, min-height;
|
|
4252
4011
|
transition-duration: .25s;
|
|
4253
4012
|
transition-timing-function: cubic-bezier(.2, 0, 0, 1);
|
|
@@ -4257,8 +4016,7 @@
|
|
|
4257
4016
|
|
|
4258
4017
|
.aksel-accordion__item > .aksel-accordion__content .aksel-accordion__content-inner {
|
|
4259
4018
|
min-height: 0;
|
|
4260
|
-
padding-
|
|
4261
|
-
padding-bottom: 0;
|
|
4019
|
+
padding-block: 0;
|
|
4262
4020
|
}
|
|
4263
4021
|
|
|
4264
4022
|
.aksel-accordion__item[data-expanded="true"] > .aksel-accordion__content {
|
|
@@ -4267,11 +4025,10 @@
|
|
|
4267
4025
|
border-color: var(--ax-border-neutral-subtleA);
|
|
4268
4026
|
opacity: 1;
|
|
4269
4027
|
grid-template-rows: 1fr;
|
|
4270
|
-
margin-
|
|
4028
|
+
margin-block-end: var(--ax-space-24);
|
|
4271
4029
|
}
|
|
4272
4030
|
|
|
4273
4031
|
.aksel-accordion__item[data-expanded="true"] > .aksel-accordion__content .aksel-accordion__content-inner {
|
|
4274
|
-
min-height: -webkit-fit-content;
|
|
4275
4032
|
min-height: fit-content;
|
|
4276
4033
|
}
|
|
4277
4034
|
|
|
@@ -4320,7 +4077,7 @@
|
|
|
4320
4077
|
|
|
4321
4078
|
.aksel-alert--small > .aksel-alert__icon {
|
|
4322
4079
|
height: var(--ax-font-line-height-large);
|
|
4323
|
-
margin-
|
|
4080
|
+
margin-block-start: 0;
|
|
4324
4081
|
}
|
|
4325
4082
|
|
|
4326
4083
|
.aksel-alert--full-width {
|
|
@@ -4341,24 +4098,16 @@
|
|
|
4341
4098
|
display: flex;
|
|
4342
4099
|
}
|
|
4343
4100
|
|
|
4344
|
-
.aksel-alert--close-button > .aksel-alert__wrapper {
|
|
4345
|
-
margin-
|
|
4346
|
-
}
|
|
4347
|
-
|
|
4348
|
-
.aksel-alert--close-button > .aksel-alert__icon {
|
|
4349
|
-
margin-top: var(--ax-space-2);
|
|
4101
|
+
.aksel-alert--close-button > .aksel-alert__wrapper, .aksel-alert--close-button > .aksel-alert__icon {
|
|
4102
|
+
margin-block-start: var(--ax-space-2);
|
|
4350
4103
|
}
|
|
4351
4104
|
|
|
4352
4105
|
.aksel-alert--close-button.aksel-alert--small {
|
|
4353
4106
|
align-items: flex-start;
|
|
4354
4107
|
}
|
|
4355
4108
|
|
|
4356
|
-
.aksel-alert--close-button.aksel-alert--small > .aksel-alert__wrapper {
|
|
4357
|
-
margin-
|
|
4358
|
-
}
|
|
4359
|
-
|
|
4360
|
-
.aksel-alert--close-button.aksel-alert--small > .aksel-alert__icon {
|
|
4361
|
-
margin-top: var(--ax-space-4);
|
|
4109
|
+
.aksel-alert--close-button.aksel-alert--small > .aksel-alert__wrapper, .aksel-alert--close-button.aksel-alert--small > .aksel-alert__icon {
|
|
4110
|
+
margin-block-start: var(--ax-space-4);
|
|
4362
4111
|
}
|
|
4363
4112
|
|
|
4364
4113
|
.aksel-base-alert {
|
|
@@ -4369,7 +4118,6 @@
|
|
|
4369
4118
|
--__axc-base-alert-header-icon-margin-block-start: var(--ax-space-8);
|
|
4370
4119
|
--__axc-base-alert-header-close-button-margin-block-start: var(--ax-space-4);
|
|
4371
4120
|
--__axc-global-alert-alignment: max(var(--__axc-base-alert-pi), calc((100% - var(--__axc-base-alert-header-max-width)) / 2));
|
|
4372
|
-
height: -webkit-fit-content;
|
|
4373
4121
|
height: fit-content;
|
|
4374
4122
|
display: grid;
|
|
4375
4123
|
overflow: clip;
|
|
@@ -4466,7 +4214,7 @@
|
|
|
4466
4214
|
.aksel-base-alert__close-button {
|
|
4467
4215
|
margin-left: auto;
|
|
4468
4216
|
z-index: 1;
|
|
4469
|
-
margin-
|
|
4217
|
+
margin-block-start: var(--__axc-base-alert-header-close-button-margin-block-start);
|
|
4470
4218
|
}
|
|
4471
4219
|
|
|
4472
4220
|
.aksel-base-alert__close-button:focus-visible {
|
|
@@ -4482,7 +4230,6 @@
|
|
|
4482
4230
|
outline: 1px solid var(--ax-border-default);
|
|
4483
4231
|
outline-offset: -1px;
|
|
4484
4232
|
background: var(--ax-bg-moderate);
|
|
4485
|
-
height: -webkit-fit-content;
|
|
4486
4233
|
height: fit-content;
|
|
4487
4234
|
color: var(--ax-text-default);
|
|
4488
4235
|
align-items: flex-start;
|
|
@@ -4506,32 +4253,17 @@
|
|
|
4506
4253
|
display: flex;
|
|
4507
4254
|
}
|
|
4508
4255
|
|
|
4509
|
-
.aksel-chat .aksel-chat__bubble {
|
|
4256
|
+
.aksel-chat .aksel-chat__bubble, .aksel-chat .aksel-chat__avatar {
|
|
4510
4257
|
background-color: var(--ax-bg-moderateA);
|
|
4511
4258
|
border: 1px solid var(--ax-border-subtleA);
|
|
4512
4259
|
}
|
|
4513
4260
|
|
|
4514
|
-
.aksel-chat .aksel-chat__avatar {
|
|
4515
|
-
background-color: var(--ax-bg-moderateA);
|
|
4516
|
-
border: 1px solid var(--ax-border-subtleA);
|
|
4517
|
-
}
|
|
4518
|
-
|
|
4519
|
-
.aksel-chat[data-variant="subtle"] .aksel-chat__bubble {
|
|
4520
|
-
background-color: var(--ax-bg-softA);
|
|
4521
|
-
border: 1px solid var(--ax-border-subtleA);
|
|
4522
|
-
}
|
|
4523
|
-
|
|
4524
|
-
.aksel-chat[data-variant="subtle"] .aksel-chat__avatar {
|
|
4261
|
+
.aksel-chat[data-variant="subtle"] .aksel-chat__bubble, .aksel-chat[data-variant="subtle"] .aksel-chat__avatar {
|
|
4525
4262
|
background-color: var(--ax-bg-softA);
|
|
4526
4263
|
border: 1px solid var(--ax-border-subtleA);
|
|
4527
4264
|
}
|
|
4528
4265
|
|
|
4529
|
-
.aksel-chat[data-color="neutral"][data-variant="subtle"] .aksel-chat__bubble {
|
|
4530
|
-
background-color: var(--ax-bg-raised);
|
|
4531
|
-
border: 1px solid var(--ax-border-neutral-subtleA);
|
|
4532
|
-
}
|
|
4533
|
-
|
|
4534
|
-
.aksel-chat[data-color="neutral"][data-variant="subtle"] .aksel-chat__avatar {
|
|
4266
|
+
.aksel-chat[data-color="neutral"][data-variant="subtle"] .aksel-chat__bubble, .aksel-chat[data-color="neutral"][data-variant="subtle"] .aksel-chat__avatar {
|
|
4535
4267
|
background-color: var(--ax-bg-raised);
|
|
4536
4268
|
border: 1px solid var(--ax-border-neutral-subtleA);
|
|
4537
4269
|
}
|
|
@@ -4584,7 +4316,6 @@
|
|
|
4584
4316
|
border-radius: var(--ax-radius-12);
|
|
4585
4317
|
border-bottom-left-radius: var(--ax-radius-2);
|
|
4586
4318
|
flex-direction: column;
|
|
4587
|
-
width: -webkit-fit-content;
|
|
4588
4319
|
width: fit-content;
|
|
4589
4320
|
display: flex;
|
|
4590
4321
|
}
|
|
@@ -4678,12 +4409,7 @@
|
|
|
4678
4409
|
background-color: var(--ax-bg-moderate-hoverA);
|
|
4679
4410
|
}
|
|
4680
4411
|
|
|
4681
|
-
.aksel-date .rdp-month {
|
|
4682
|
-
gap: var(--ax-space-20);
|
|
4683
|
-
display: grid;
|
|
4684
|
-
}
|
|
4685
|
-
|
|
4686
|
-
.aksel-date.rdp-month {
|
|
4412
|
+
.aksel-date .rdp-month, .aksel-date.rdp-month {
|
|
4687
4413
|
gap: var(--ax-space-20);
|
|
4688
4414
|
display: grid;
|
|
4689
4415
|
}
|
|
@@ -4745,11 +4471,7 @@
|
|
|
4745
4471
|
opacity: var(--ax-opacity-disabled);
|
|
4746
4472
|
}
|
|
4747
4473
|
|
|
4748
|
-
.aksel-date .rdp-button:where(:not(.rdp-day_selected, [disabled])):hover .rdp-day__inner {
|
|
4749
|
-
background: var(--ax-bg-moderate-hoverA);
|
|
4750
|
-
}
|
|
4751
|
-
|
|
4752
|
-
.aksel-date .aksel-date__month-button:where(:not(.rdp-day_selected, [disabled])):hover .rdp-day__inner {
|
|
4474
|
+
:is(.aksel-date .rdp-button:where(:not(.rdp-day_selected, [disabled])):hover, .aksel-date .aksel-date__month-button:where(:not(.rdp-day_selected, [disabled])):hover) .rdp-day__inner {
|
|
4753
4475
|
background: var(--ax-bg-moderate-hoverA);
|
|
4754
4476
|
}
|
|
4755
4477
|
|
|
@@ -4770,11 +4492,7 @@
|
|
|
4770
4492
|
transform: translateX(-50%);
|
|
4771
4493
|
}
|
|
4772
4494
|
|
|
4773
|
-
.aksel-date .rdp-day_today.rdp-day_selected:not(.rdp-day_range_middle):before {
|
|
4774
|
-
background-color: var(--ax-text-contrast);
|
|
4775
|
-
}
|
|
4776
|
-
|
|
4777
|
-
.aksel-date .rdp-day_today:active:before {
|
|
4495
|
+
:is(.aksel-date .rdp-day_today.rdp-day_selected:not(.rdp-day_range_middle), .aksel-date .rdp-day_today:active):before {
|
|
4778
4496
|
background-color: var(--ax-text-contrast);
|
|
4779
4497
|
}
|
|
4780
4498
|
|
|
@@ -4783,18 +4501,13 @@
|
|
|
4783
4501
|
pointer-events: none;
|
|
4784
4502
|
}
|
|
4785
4503
|
|
|
4786
|
-
.aksel-date__modal .aksel-date {
|
|
4787
|
-
padding: 0;
|
|
4788
|
-
}
|
|
4789
|
-
|
|
4790
|
-
.aksel-date__modal-body > .aksel-date {
|
|
4504
|
+
.aksel-date__modal .aksel-date, .aksel-date__modal-body > .aksel-date {
|
|
4791
4505
|
padding: 0;
|
|
4792
4506
|
}
|
|
4793
4507
|
|
|
4794
4508
|
@media (max-width: 360px) {
|
|
4795
4509
|
.aksel-date__modal-body > .aksel-date {
|
|
4796
|
-
margin-
|
|
4797
|
-
margin-right: -12px;
|
|
4510
|
+
margin-inline: -12px;
|
|
4798
4511
|
}
|
|
4799
4512
|
}
|
|
4800
4513
|
|
|
@@ -4839,28 +4552,16 @@
|
|
|
4839
4552
|
}
|
|
4840
4553
|
|
|
4841
4554
|
.aksel-date__wrapper, .aksel-date__standalone-wrapper {
|
|
4842
|
-
width: -webkit-fit-content;
|
|
4843
4555
|
width: fit-content;
|
|
4844
|
-
height: -webkit-fit-content;
|
|
4845
4556
|
height: fit-content;
|
|
4846
4557
|
}
|
|
4847
4558
|
|
|
4848
|
-
:is(.aksel-date__wrapper, .aksel-date__standalone-wrapper) .rdp-cell > button.rdp-day:focus-visible .rdp-day__inner {
|
|
4559
|
+
:is(:is(.aksel-date__wrapper, .aksel-date__standalone-wrapper) .rdp-cell > button.rdp-day, :is(.aksel-date__wrapper, .aksel-date__standalone-wrapper) button.aksel-date__month-button):focus-visible .rdp-day__inner {
|
|
4849
4560
|
outline: 3px solid var(--ax-border-focus);
|
|
4850
4561
|
outline-offset: 3px;
|
|
4851
4562
|
}
|
|
4852
4563
|
|
|
4853
|
-
:is(.aksel-date__wrapper, .aksel-date__standalone-wrapper) .rdp-cell > button.rdp-day:active:not(:disabled) .rdp-day__inner {
|
|
4854
|
-
color: var(--ax-text-contrast);
|
|
4855
|
-
background-color: var(--ax-bg-strong-pressed);
|
|
4856
|
-
}
|
|
4857
|
-
|
|
4858
|
-
:is(.aksel-date__wrapper, .aksel-date__standalone-wrapper) button.aksel-date__month-button:focus-visible .rdp-day__inner {
|
|
4859
|
-
outline: 3px solid var(--ax-border-focus);
|
|
4860
|
-
outline-offset: 3px;
|
|
4861
|
-
}
|
|
4862
|
-
|
|
4863
|
-
:is(.aksel-date__wrapper, .aksel-date__standalone-wrapper) button.aksel-date__month-button:active:not(:disabled) .rdp-day__inner {
|
|
4564
|
+
:is(:is(.aksel-date__wrapper, .aksel-date__standalone-wrapper) .rdp-cell > button.rdp-day, :is(.aksel-date__wrapper, .aksel-date__standalone-wrapper) button.aksel-date__month-button):active:not(:disabled) .rdp-day__inner {
|
|
4864
4565
|
color: var(--ax-text-contrast);
|
|
4865
4566
|
background-color: var(--ax-bg-strong-pressed);
|
|
4866
4567
|
}
|
|
@@ -4883,38 +4584,17 @@
|
|
|
4883
4584
|
.aksel-date__field-button {
|
|
4884
4585
|
--__axc-button-border-width: 1px;
|
|
4885
4586
|
--__axc-button-border-color: var(--ax-border-neutral);
|
|
4587
|
+
border-start-start-radius: 0;
|
|
4588
|
+
border-end-start-radius: 0;
|
|
4886
4589
|
position: relative;
|
|
4887
4590
|
}
|
|
4888
4591
|
|
|
4889
|
-
.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)) {
|
|
4890
|
-
border-top-left-radius: 0;
|
|
4891
|
-
border-bottom-left-radius: 0;
|
|
4892
|
-
}
|
|
4893
|
-
|
|
4894
|
-
.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)) {
|
|
4895
|
-
border-top-right-radius: 0;
|
|
4896
|
-
border-bottom-right-radius: 0;
|
|
4897
|
-
}
|
|
4898
|
-
|
|
4899
|
-
.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)) {
|
|
4900
|
-
border-top-right-radius: 0;
|
|
4901
|
-
border-bottom-right-radius: 0;
|
|
4902
|
-
}
|
|
4903
|
-
|
|
4904
4592
|
.aksel-date__field-button:focus-visible {
|
|
4905
4593
|
outline: 3px solid var(--ax-border-focus);
|
|
4906
4594
|
outline-offset: 3px;
|
|
4907
4595
|
}
|
|
4908
4596
|
|
|
4909
|
-
.aksel-date__field:not(.aksel-date__field--readonly):has(.aksel-date__field-input:not(:disabled)) .aksel-date__field-button:hover {
|
|
4910
|
-
--__axc-button-border-color: var(--ax-border-strong);
|
|
4911
|
-
}
|
|
4912
|
-
|
|
4913
|
-
.aksel-date__field:not(.aksel-date__field--readonly, .aksel-date__field--error):has(.aksel-date__field-input:-webkit-any(:focus-visible, :hover):not(:disabled)) .aksel-date__field-button {
|
|
4914
|
-
--__axc-button-border-color: var(--ax-border-strong);
|
|
4915
|
-
}
|
|
4916
|
-
|
|
4917
|
-
.aksel-date__field:not(.aksel-date__field--readonly, .aksel-date__field--error):has(.aksel-date__field-input:is(:focus-visible, :hover):not(:disabled)) .aksel-date__field-button {
|
|
4597
|
+
.aksel-date__field:not(.aksel-date__field--readonly):has(.aksel-date__field-input:not(:disabled)) .aksel-date__field-button:hover, .aksel-date__field:not(.aksel-date__field--readonly, .aksel-date__field--error):has(.aksel-date__field-input:is(:focus-visible, :hover):not(:disabled)) .aksel-date__field-button {
|
|
4918
4598
|
--__axc-button-border-color: var(--ax-border-strong);
|
|
4919
4599
|
}
|
|
4920
4600
|
|
|
@@ -4941,16 +4621,12 @@
|
|
|
4941
4621
|
background-color: var(--ax-bg-input);
|
|
4942
4622
|
z-index: -1;
|
|
4943
4623
|
position: absolute;
|
|
4944
|
-
|
|
4945
|
-
bottom: 0;
|
|
4946
|
-
left: 0;
|
|
4947
|
-
right: 0;
|
|
4624
|
+
inset: 0;
|
|
4948
4625
|
}
|
|
4949
4626
|
|
|
4950
4627
|
.aksel-date__field-wrapper {
|
|
4951
4628
|
border-radius: var(--ax-radius-8);
|
|
4952
4629
|
z-index: 0;
|
|
4953
|
-
width: -webkit-fit-content;
|
|
4954
4630
|
width: fit-content;
|
|
4955
4631
|
display: inline-flex;
|
|
4956
4632
|
}
|
|
@@ -5043,12 +4719,7 @@
|
|
|
5043
4719
|
}
|
|
5044
4720
|
}
|
|
5045
4721
|
|
|
5046
|
-
.aksel-dialog__popup[data-entering-style] {
|
|
5047
|
-
opacity: .001;
|
|
5048
|
-
transform: var(--__axc-dialog-transform);
|
|
5049
|
-
}
|
|
5050
|
-
|
|
5051
|
-
.aksel-dialog__popup[data-exiting-style] {
|
|
4722
|
+
.aksel-dialog__popup[data-entering-style], .aksel-dialog__popup[data-exiting-style] {
|
|
5052
4723
|
opacity: .001;
|
|
5053
4724
|
transform: var(--__axc-dialog-transform);
|
|
5054
4725
|
}
|
|
@@ -5078,10 +4749,7 @@
|
|
|
5078
4749
|
pointer-events: none;
|
|
5079
4750
|
transition: opacity cubic-bezier(.25, .46, .45, .94);
|
|
5080
4751
|
position: absolute;
|
|
5081
|
-
|
|
5082
|
-
bottom: 0;
|
|
5083
|
-
left: 0;
|
|
5084
|
-
right: 0;
|
|
4752
|
+
inset: 0;
|
|
5085
4753
|
}
|
|
5086
4754
|
|
|
5087
4755
|
.aksel-dialog__popup[data-position="center"] {
|
|
@@ -5089,21 +4757,14 @@
|
|
|
5089
4757
|
--__axc-dialog-transform: scale(.98);
|
|
5090
4758
|
max-width: calc(100dvw - 3rem);
|
|
5091
4759
|
max-height: calc(90dvh - var(--__axc-dialog-center-margin));
|
|
5092
|
-
margin-
|
|
5093
|
-
margin-right: auto;
|
|
4760
|
+
margin-inline: auto;
|
|
5094
4761
|
margin-block: max(var(--__axc-dialog-center-margin), 10dvh) auto;
|
|
5095
4762
|
top: 0;
|
|
5096
4763
|
left: 0;
|
|
5097
4764
|
right: 0;
|
|
5098
4765
|
}
|
|
5099
4766
|
|
|
5100
|
-
.aksel-dialog__popup[data-position="center"][data-nested="true"][data-entering-style] {
|
|
5101
|
-
opacity: 1;
|
|
5102
|
-
transition-duration: 0s;
|
|
5103
|
-
transform: scale(1);
|
|
5104
|
-
}
|
|
5105
|
-
|
|
5106
|
-
.aksel-dialog__popup[data-position="center"][data-nested="true"][data-exiting-style] {
|
|
4767
|
+
.aksel-dialog__popup[data-position="center"][data-nested="true"][data-entering-style], .aksel-dialog__popup[data-position="center"][data-nested="true"][data-exiting-style] {
|
|
5107
4768
|
opacity: 1;
|
|
5108
4769
|
transition-duration: 0s;
|
|
5109
4770
|
transform: scale(1);
|
|
@@ -5122,35 +4783,19 @@
|
|
|
5122
4783
|
max-width: 95dvw;
|
|
5123
4784
|
height: auto;
|
|
5124
4785
|
max-height: calc(100dvh - max(16px, 10dvh));
|
|
5125
|
-
margin-
|
|
5126
|
-
margin-
|
|
5127
|
-
|
|
5128
|
-
margin-right: auto;
|
|
5129
|
-
top: auto;
|
|
5130
|
-
bottom: 0;
|
|
5131
|
-
left: 0;
|
|
5132
|
-
right: 0;
|
|
4786
|
+
margin-block: 0;
|
|
4787
|
+
margin-inline: auto;
|
|
4788
|
+
inset: auto 0 0;
|
|
5133
4789
|
}
|
|
5134
4790
|
}
|
|
5135
4791
|
|
|
5136
|
-
.aksel-dialog__popup[data-position="right"] {
|
|
5137
|
-
max-width: calc(100vw - max(16px, 10vw));
|
|
5138
|
-
top: 0;
|
|
5139
|
-
bottom: 0;
|
|
5140
|
-
}
|
|
5141
|
-
|
|
5142
|
-
.aksel-dialog__popup[data-position="right"][data-nested-dialog-open="true"]:after {
|
|
5143
|
-
opacity: 1;
|
|
5144
|
-
transition-duration: .1s;
|
|
5145
|
-
}
|
|
5146
|
-
|
|
5147
|
-
.aksel-dialog__popup[data-position="left"] {
|
|
4792
|
+
.aksel-dialog__popup[data-position="right"], .aksel-dialog__popup[data-position="left"] {
|
|
5148
4793
|
max-width: calc(100vw - max(16px, 10vw));
|
|
5149
4794
|
top: 0;
|
|
5150
4795
|
bottom: 0;
|
|
5151
4796
|
}
|
|
5152
4797
|
|
|
5153
|
-
.aksel-dialog__popup[data-position="left"][data-nested-dialog-open="true"]:after {
|
|
4798
|
+
:is(.aksel-dialog__popup[data-position="right"], .aksel-dialog__popup[data-position="left"])[data-nested-dialog-open="true"]:after {
|
|
5154
4799
|
opacity: 1;
|
|
5155
4800
|
transition-duration: .1s;
|
|
5156
4801
|
}
|
|
@@ -5179,8 +4824,7 @@
|
|
|
5179
4824
|
max-width: 95dvw;
|
|
5180
4825
|
height: auto;
|
|
5181
4826
|
max-height: calc(100dvh - max(16px, 10dvh));
|
|
5182
|
-
margin-
|
|
5183
|
-
margin-right: auto;
|
|
4827
|
+
margin-inline: auto;
|
|
5184
4828
|
bottom: 0;
|
|
5185
4829
|
left: 0;
|
|
5186
4830
|
right: 0;
|
|
@@ -5198,10 +4842,7 @@
|
|
|
5198
4842
|
max-width: 100dvw;
|
|
5199
4843
|
height: 100%;
|
|
5200
4844
|
max-height: 100dvh;
|
|
5201
|
-
|
|
5202
|
-
bottom: 0;
|
|
5203
|
-
left: 0;
|
|
5204
|
-
right: 0;
|
|
4845
|
+
inset: 0;
|
|
5205
4846
|
}
|
|
5206
4847
|
|
|
5207
4848
|
.aksel-dialog__backdrop {
|
|
@@ -5210,10 +4851,7 @@
|
|
|
5210
4851
|
min-height: 100dvh;
|
|
5211
4852
|
transition: opacity .2s cubic-bezier(.25, .46, .45, .94);
|
|
5212
4853
|
position: fixed;
|
|
5213
|
-
|
|
5214
|
-
bottom: 0;
|
|
5215
|
-
left: 0;
|
|
5216
|
-
right: 0;
|
|
4854
|
+
inset: 0;
|
|
5217
4855
|
}
|
|
5218
4856
|
|
|
5219
4857
|
@supports (-webkit-touch-callout: none) {
|
|
@@ -5222,11 +4860,7 @@
|
|
|
5222
4860
|
}
|
|
5223
4861
|
}
|
|
5224
4862
|
|
|
5225
|
-
.aksel-dialog__backdrop[data-entering-style] {
|
|
5226
|
-
opacity: .001;
|
|
5227
|
-
}
|
|
5228
|
-
|
|
5229
|
-
.aksel-dialog__backdrop[data-exiting-style] {
|
|
4863
|
+
.aksel-dialog__backdrop[data-entering-style], .aksel-dialog__backdrop[data-exiting-style] {
|
|
5230
4864
|
opacity: .001;
|
|
5231
4865
|
}
|
|
5232
4866
|
|
|
@@ -5236,7 +4870,7 @@
|
|
|
5236
4870
|
}
|
|
5237
4871
|
|
|
5238
4872
|
.aksel-dialog__title {
|
|
5239
|
-
margin-
|
|
4873
|
+
margin-block-end: var(--ax-space-4);
|
|
5240
4874
|
}
|
|
5241
4875
|
|
|
5242
4876
|
.aksel-dialog__close-button {
|
|
@@ -5253,7 +4887,7 @@
|
|
|
5253
4887
|
}
|
|
5254
4888
|
|
|
5255
4889
|
.aksel-dialog__header ~ .aksel-dialog__body {
|
|
5256
|
-
padding-
|
|
4890
|
+
padding-block-start: 0;
|
|
5257
4891
|
}
|
|
5258
4892
|
|
|
5259
4893
|
.aksel-dialog__body {
|
|
@@ -5292,8 +4926,7 @@
|
|
|
5292
4926
|
color: var(--ax-text-neutral);
|
|
5293
4927
|
width: 27ch;
|
|
5294
4928
|
max-height: 616px;
|
|
5295
|
-
overflow
|
|
5296
|
-
overflow-y: auto;
|
|
4929
|
+
overflow: hidden auto;
|
|
5297
4930
|
}
|
|
5298
4931
|
|
|
5299
4932
|
.aksel-dropdown__divider {
|
|
@@ -5538,15 +5171,7 @@
|
|
|
5538
5171
|
display: grid;
|
|
5539
5172
|
}
|
|
5540
5173
|
|
|
5541
|
-
.aksel-action-menu__indicator[data-state="unchecked"] .aksel-action-menu__indicator-icon--unchecked {
|
|
5542
|
-
display: block;
|
|
5543
|
-
}
|
|
5544
|
-
|
|
5545
|
-
.aksel-action-menu__indicator[data-state="checked"] .aksel-action-menu__indicator-icon--checked {
|
|
5546
|
-
display: block;
|
|
5547
|
-
}
|
|
5548
|
-
|
|
5549
|
-
.aksel-action-menu__indicator[data-state="indeterminate"] .aksel-action-menu__indicator-icon--indeterminate {
|
|
5174
|
+
.aksel-action-menu__indicator[data-state="unchecked"] .aksel-action-menu__indicator-icon--unchecked, .aksel-action-menu__indicator[data-state="checked"] .aksel-action-menu__indicator-icon--checked, .aksel-action-menu__indicator[data-state="indeterminate"] .aksel-action-menu__indicator-icon--indeterminate {
|
|
5550
5175
|
display: block;
|
|
5551
5176
|
}
|
|
5552
5177
|
|
|
@@ -5561,7 +5186,6 @@
|
|
|
5561
5186
|
border-radius: var(--ax-radius-12);
|
|
5562
5187
|
background-color: var(--ax-bg-softA);
|
|
5563
5188
|
border: 1px solid var(--ax-border-default);
|
|
5564
|
-
height: -webkit-fit-content;
|
|
5565
5189
|
height: fit-content;
|
|
5566
5190
|
}
|
|
5567
5191
|
|
|
@@ -5583,10 +5207,6 @@
|
|
|
5583
5207
|
margin-top: var(--ax-space-2);
|
|
5584
5208
|
}
|
|
5585
5209
|
|
|
5586
|
-
.aksel-expansioncard--small :-webkit-any(.aksel-expansioncard__title--medium, .aksel-expansioncard__title--large) {
|
|
5587
|
-
margin-top: 0;
|
|
5588
|
-
}
|
|
5589
|
-
|
|
5590
5210
|
.aksel-expansioncard--small :is(.aksel-expansioncard__title--medium, .aksel-expansioncard__title--large) {
|
|
5591
5211
|
margin-top: 0;
|
|
5592
5212
|
}
|
|
@@ -5669,10 +5289,7 @@
|
|
|
5669
5289
|
width: 100%;
|
|
5670
5290
|
height: 100%;
|
|
5671
5291
|
position: absolute;
|
|
5672
|
-
|
|
5673
|
-
bottom: 0;
|
|
5674
|
-
left: 0;
|
|
5675
|
-
right: 0;
|
|
5292
|
+
inset: 0;
|
|
5676
5293
|
}
|
|
5677
5294
|
|
|
5678
5295
|
.aksel-expansioncard__header:hover > .aksel-expansioncard__header-button {
|
|
@@ -5694,31 +5311,17 @@
|
|
|
5694
5311
|
.aksel-expansioncard__content {
|
|
5695
5312
|
padding-inline: var(--__axc-expansioncard-padding-inline);
|
|
5696
5313
|
visibility: hidden;
|
|
5314
|
+
border-end-end-radius: var(--__axc-expansioncard-border-radius);
|
|
5315
|
+
border-end-start-radius: var(--__axc-expansioncard-border-radius);
|
|
5697
5316
|
grid-template-rows: 0fr;
|
|
5698
|
-
padding-
|
|
5699
|
-
|
|
5700
|
-
transition-property: visibility, padding-top, padding-bottom, grid-template-rows;
|
|
5317
|
+
padding-block: 0;
|
|
5318
|
+
transition-property: visibility, padding-block, grid-template-rows;
|
|
5701
5319
|
transition-duration: .25s;
|
|
5702
5320
|
transition-timing-function: cubic-bezier(.2, 0, 0, 1);
|
|
5703
5321
|
display: grid;
|
|
5704
5322
|
overflow: hidden;
|
|
5705
5323
|
}
|
|
5706
5324
|
|
|
5707
|
-
.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)) {
|
|
5708
|
-
border-bottom-right-radius: var(--__axc-expansioncard-border-radius);
|
|
5709
|
-
border-bottom-left-radius: var(--__axc-expansioncard-border-radius);
|
|
5710
|
-
}
|
|
5711
|
-
|
|
5712
|
-
.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)) {
|
|
5713
|
-
border-bottom-left-radius: var(--__axc-expansioncard-border-radius);
|
|
5714
|
-
border-bottom-right-radius: var(--__axc-expansioncard-border-radius);
|
|
5715
|
-
}
|
|
5716
|
-
|
|
5717
|
-
.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)) {
|
|
5718
|
-
border-bottom-left-radius: var(--__axc-expansioncard-border-radius);
|
|
5719
|
-
border-bottom-right-radius: var(--__axc-expansioncard-border-radius);
|
|
5720
|
-
}
|
|
5721
|
-
|
|
5722
5325
|
.aksel-expansioncard__content[data-open="true"] {
|
|
5723
5326
|
visibility: visible;
|
|
5724
5327
|
padding-block: var(--__axc-expansioncard-padding-block);
|
|
@@ -5737,18 +5340,12 @@
|
|
|
5737
5340
|
|
|
5738
5341
|
.aksel-guide-panel {
|
|
5739
5342
|
--__axc-guide-panel-guide-size: 5rem;
|
|
5740
|
-
width: -webkit-fit-content;
|
|
5741
5343
|
width: fit-content;
|
|
5742
5344
|
display: flex;
|
|
5743
5345
|
position: relative;
|
|
5744
5346
|
}
|
|
5745
5347
|
|
|
5746
|
-
.aksel-guide-panel[data-poster="true"] {
|
|
5747
|
-
flex-direction: column;
|
|
5748
|
-
align-items: center;
|
|
5749
|
-
}
|
|
5750
|
-
|
|
5751
|
-
.aksel-guide-panel[data-responsive="true"] {
|
|
5348
|
+
.aksel-guide-panel[data-poster="true"], .aksel-guide-panel[data-responsive="true"] {
|
|
5752
5349
|
flex-direction: column;
|
|
5753
5350
|
align-items: center;
|
|
5754
5351
|
}
|
|
@@ -5795,10 +5392,6 @@
|
|
|
5795
5392
|
position: relative;
|
|
5796
5393
|
}
|
|
5797
5394
|
|
|
5798
|
-
.aksel-guide-panel:-webkit-any([data-poster="true"], [data-responsive="true"]) > .aksel-guide-panel__content {
|
|
5799
|
-
margin-top: var(--ax-space-20);
|
|
5800
|
-
}
|
|
5801
|
-
|
|
5802
5395
|
.aksel-guide-panel:is([data-poster="true"], [data-responsive="true"]) > .aksel-guide-panel__content {
|
|
5803
5396
|
margin-top: var(--ax-space-20);
|
|
5804
5397
|
}
|
|
@@ -5841,12 +5434,6 @@
|
|
|
5841
5434
|
position: absolute;
|
|
5842
5435
|
}
|
|
5843
5436
|
|
|
5844
|
-
.aksel-guide-panel:-webkit-any([data-poster="true"], [data-responsive="true"]) .aksel-guide-panel__tail {
|
|
5845
|
-
left: 50%;
|
|
5846
|
-
top: calc(var(--ax-space-16) * -1 - 2px);
|
|
5847
|
-
transform: translateX(-25%);
|
|
5848
|
-
}
|
|
5849
|
-
|
|
5850
5437
|
.aksel-guide-panel:is([data-poster="true"], [data-responsive="true"]) .aksel-guide-panel__tail {
|
|
5851
5438
|
left: 50%;
|
|
5852
5439
|
top: calc(var(--ax-space-16) * -1 - 2px);
|
|
@@ -5856,14 +5443,14 @@
|
|
|
5856
5443
|
.aksel-guide-panel[data-poster="false"] .aksel-guide-panel__tail {
|
|
5857
5444
|
top: calc(var(--__axc-guide-panel-guide-size) / 2);
|
|
5858
5445
|
left: calc(var(--ax-space-20) * -1 - 2px);
|
|
5859
|
-
transform: translateY(-15%)rotateZ(-90deg)scaleX(-1);
|
|
5446
|
+
transform: translateY(-15%) rotateZ(-90deg) scaleX(-1);
|
|
5860
5447
|
}
|
|
5861
5448
|
|
|
5862
5449
|
@media (min-width: 480px) {
|
|
5863
5450
|
.aksel-guide-panel[data-responsive="true"] .aksel-guide-panel__tail {
|
|
5864
5451
|
top: calc(var(--__axc-guide-panel-guide-size) / 2);
|
|
5865
5452
|
left: calc(var(--ax-space-20) * -1 - 2px);
|
|
5866
|
-
transform: translateY(-15%)rotateZ(-90deg)scaleX(-1);
|
|
5453
|
+
transform: translateY(-15%) rotateZ(-90deg) scaleX(-1);
|
|
5867
5454
|
}
|
|
5868
5455
|
}
|
|
5869
5456
|
|
|
@@ -5892,11 +5479,7 @@
|
|
|
5892
5479
|
border: 1px solid var(--ax-border-default);
|
|
5893
5480
|
}
|
|
5894
5481
|
|
|
5895
|
-
.aksel-help-text__icon--filled {
|
|
5896
|
-
display: none;
|
|
5897
|
-
}
|
|
5898
|
-
|
|
5899
|
-
.aksel-help-text__button:where(:hover, :focus-visible, [aria-expanded="true"]) > .aksel-help-text__icon {
|
|
5482
|
+
.aksel-help-text__icon--filled, .aksel-help-text__button:where(:hover, :focus-visible, [aria-expanded="true"]) > .aksel-help-text__icon {
|
|
5900
5483
|
display: none;
|
|
5901
5484
|
}
|
|
5902
5485
|
|
|
@@ -5932,7 +5515,7 @@
|
|
|
5932
5515
|
.aksel-inline-message__icon {
|
|
5933
5516
|
color: var(--ax-text-subtle);
|
|
5934
5517
|
flex: none;
|
|
5935
|
-
margin-
|
|
5518
|
+
margin-block-start: var(--ax-space-2);
|
|
5936
5519
|
font-size: 1.5rem;
|
|
5937
5520
|
}
|
|
5938
5521
|
|
|
@@ -5960,8 +5543,7 @@
|
|
|
5960
5543
|
font: inherit;
|
|
5961
5544
|
font-weight: var(--ax-font-weight-bold);
|
|
5962
5545
|
text-align: left;
|
|
5963
|
-
padding-
|
|
5964
|
-
padding-bottom: 0;
|
|
5546
|
+
padding-block: 0;
|
|
5965
5547
|
padding-inline: var(--ax-space-24) var(--ax-space-20);
|
|
5966
5548
|
border: none;
|
|
5967
5549
|
border-right: 1px solid var(--ax-border-neutral-subtleA);
|
|
@@ -5975,10 +5557,6 @@
|
|
|
5975
5557
|
overflow: visible;
|
|
5976
5558
|
}
|
|
5977
5559
|
|
|
5978
|
-
.aksel-internalheader__title:-webkit-any(button) {
|
|
5979
|
-
cursor: pointer;
|
|
5980
|
-
}
|
|
5981
|
-
|
|
5982
5560
|
.aksel-internalheader__title:is(button) {
|
|
5983
5561
|
cursor: pointer;
|
|
5984
5562
|
}
|
|
@@ -5987,10 +5565,6 @@
|
|
|
5987
5565
|
background: var(--ax-bg-neutral-moderate-hoverA);
|
|
5988
5566
|
}
|
|
5989
5567
|
|
|
5990
|
-
.aksel-internalheader__title:-webkit-any(:hover, :active):not(button, a) {
|
|
5991
|
-
background: initial;
|
|
5992
|
-
}
|
|
5993
|
-
|
|
5994
5568
|
.aksel-internalheader__title:is(:hover, :active):not(button, a) {
|
|
5995
5569
|
background: initial;
|
|
5996
5570
|
}
|
|
@@ -6076,11 +5650,7 @@
|
|
|
6076
5650
|
display: inline-flex;
|
|
6077
5651
|
}
|
|
6078
5652
|
|
|
6079
|
-
.aksel-link:hover {
|
|
6080
|
-
text-decoration-thickness: .111em;
|
|
6081
|
-
}
|
|
6082
|
-
|
|
6083
|
-
.aksel-link:active {
|
|
5653
|
+
.aksel-link:hover, .aksel-link:active {
|
|
6084
5654
|
text-decoration-thickness: .111em;
|
|
6085
5655
|
}
|
|
6086
5656
|
|
|
@@ -6190,11 +5760,7 @@
|
|
|
6190
5760
|
color: var(--ax-text-subtle);
|
|
6191
5761
|
}
|
|
6192
5762
|
|
|
6193
|
-
.aksel-link-anchor:hover {
|
|
6194
|
-
text-decoration-thickness: .111em;
|
|
6195
|
-
}
|
|
6196
|
-
|
|
6197
|
-
.aksel-link-anchor__overlay:hover .aksel-link-anchor {
|
|
5763
|
+
.aksel-link-anchor:hover, .aksel-link-anchor__overlay:hover .aksel-link-anchor {
|
|
6198
5764
|
text-decoration-thickness: .111em;
|
|
6199
5765
|
}
|
|
6200
5766
|
|
|
@@ -6214,11 +5780,7 @@
|
|
|
6214
5780
|
transform: translateX(0);
|
|
6215
5781
|
}
|
|
6216
5782
|
|
|
6217
|
-
.aksel-link-anchor:hover .aksel-link-anchor__arrow {
|
|
6218
|
-
transform: translateX(4px);
|
|
6219
|
-
}
|
|
6220
|
-
|
|
6221
|
-
.aksel-link-anchor__overlay:hover .aksel-link-anchor__arrow {
|
|
5783
|
+
.aksel-link-anchor:hover .aksel-link-anchor__arrow, .aksel-link-anchor__overlay:hover .aksel-link-anchor__arrow {
|
|
6222
5784
|
transform: translateX(4px);
|
|
6223
5785
|
}
|
|
6224
5786
|
|
|
@@ -6260,11 +5822,7 @@
|
|
|
6260
5822
|
align-items: center;
|
|
6261
5823
|
}
|
|
6262
5824
|
|
|
6263
|
-
.aksel-link-card:not(:has(.aksel-link-card__description, .aksel-link-card__footer)) .aksel-link-card__icon {
|
|
6264
|
-
align-self: center;
|
|
6265
|
-
}
|
|
6266
|
-
|
|
6267
|
-
.aksel-link-card:not(:has(.aksel-link-card__description, .aksel-link-card__footer))[data-align-arrow="baseline"] .aksel-link-card__arrow {
|
|
5825
|
+
.aksel-link-card:not(:has(.aksel-link-card__description, .aksel-link-card__footer)) .aksel-link-card__icon, .aksel-link-card:not(:has(.aksel-link-card__description, .aksel-link-card__footer))[data-align-arrow="baseline"] .aksel-link-card__arrow {
|
|
6268
5826
|
align-self: center;
|
|
6269
5827
|
}
|
|
6270
5828
|
|
|
@@ -6285,17 +5843,13 @@
|
|
|
6285
5843
|
grid-area: title;
|
|
6286
5844
|
}
|
|
6287
5845
|
|
|
6288
|
-
.aksel-link-card[data-color="neutral"] .aksel-link-card__title {
|
|
6289
|
-
color: var(--ax-text-default);
|
|
6290
|
-
}
|
|
6291
|
-
|
|
6292
|
-
.aksel-link-card__title[data-color="neutral"] {
|
|
5846
|
+
.aksel-link-card[data-color="neutral"] .aksel-link-card__title, .aksel-link-card__title[data-color="neutral"] {
|
|
6293
5847
|
color: var(--ax-text-default);
|
|
6294
5848
|
}
|
|
6295
5849
|
|
|
6296
5850
|
.aksel-link-card__description {
|
|
6297
5851
|
grid-area: description;
|
|
6298
|
-
margin-
|
|
5852
|
+
margin-block-start: var(--ax-space-4);
|
|
6299
5853
|
}
|
|
6300
5854
|
|
|
6301
5855
|
.aksel-link-card__footer {
|
|
@@ -6303,44 +5857,23 @@
|
|
|
6303
5857
|
gap: var(--ax-space-8);
|
|
6304
5858
|
flex-wrap: wrap;
|
|
6305
5859
|
grid-area: footer;
|
|
6306
|
-
margin-
|
|
5860
|
+
margin-block-start: var(--ax-space-16);
|
|
6307
5861
|
display: flex;
|
|
6308
5862
|
}
|
|
6309
5863
|
|
|
6310
5864
|
.aksel-link-card__icon {
|
|
6311
|
-
width: -webkit-max-content;
|
|
6312
5865
|
width: max-content;
|
|
6313
|
-
height: -webkit-max-content;
|
|
6314
5866
|
height: max-content;
|
|
6315
5867
|
color: var(--ax-text-default);
|
|
6316
5868
|
grid-area: icon;
|
|
6317
5869
|
place-content: center;
|
|
6318
5870
|
align-self: flex-start;
|
|
5871
|
+
margin-inline-end: var(--ax-space-16);
|
|
6319
5872
|
display: grid;
|
|
6320
5873
|
}
|
|
6321
5874
|
|
|
6322
|
-
.aksel-link-card__icon
|
|
6323
|
-
margin-
|
|
6324
|
-
}
|
|
6325
|
-
|
|
6326
|
-
.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)) {
|
|
6327
|
-
margin-left: var(--ax-space-16);
|
|
6328
|
-
}
|
|
6329
|
-
|
|
6330
|
-
.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)) {
|
|
6331
|
-
margin-left: var(--ax-space-16);
|
|
6332
|
-
}
|
|
6333
|
-
|
|
6334
|
-
.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)) {
|
|
6335
|
-
margin-right: var(--ax-space-12);
|
|
6336
|
-
}
|
|
6337
|
-
|
|
6338
|
-
.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)) {
|
|
6339
|
-
margin-left: var(--ax-space-12);
|
|
6340
|
-
}
|
|
6341
|
-
|
|
6342
|
-
.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)) {
|
|
6343
|
-
margin-left: var(--ax-space-12);
|
|
5875
|
+
.aksel-link-card--small .aksel-link-card__icon {
|
|
5876
|
+
margin-inline-end: var(--ax-space-12);
|
|
6344
5877
|
}
|
|
6345
5878
|
|
|
6346
5879
|
.aksel-link-card__image-container {
|
|
@@ -6354,13 +5887,6 @@
|
|
|
6354
5887
|
overflow: hidden;
|
|
6355
5888
|
}
|
|
6356
5889
|
|
|
6357
|
-
.aksel-link-card__image-container :-webkit-any(img, picture) {
|
|
6358
|
-
object-fit: cover;
|
|
6359
|
-
max-width: 100%;
|
|
6360
|
-
height: 100%;
|
|
6361
|
-
display: block;
|
|
6362
|
-
}
|
|
6363
|
-
|
|
6364
5890
|
.aksel-link-card__image-container :is(img, picture) {
|
|
6365
5891
|
object-fit: cover;
|
|
6366
5892
|
max-width: 100%;
|
|
@@ -6370,18 +5896,7 @@
|
|
|
6370
5896
|
|
|
6371
5897
|
.aksel-link-card__arrow {
|
|
6372
5898
|
grid-area: arrow;
|
|
6373
|
-
|
|
6374
|
-
|
|
6375
|
-
.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)) {
|
|
6376
|
-
margin-left: var(--ax-space-8);
|
|
6377
|
-
}
|
|
6378
|
-
|
|
6379
|
-
.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)) {
|
|
6380
|
-
margin-right: var(--ax-space-8);
|
|
6381
|
-
}
|
|
6382
|
-
|
|
6383
|
-
.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)) {
|
|
6384
|
-
margin-right: var(--ax-space-8);
|
|
5899
|
+
margin-inline-start: var(--ax-space-8);
|
|
6385
5900
|
}
|
|
6386
5901
|
|
|
6387
5902
|
.aksel-link-card[data-align-arrow="baseline"] .aksel-link-card__arrow {
|
|
@@ -6413,9 +5928,7 @@
|
|
|
6413
5928
|
}
|
|
6414
5929
|
|
|
6415
5930
|
.aksel-modal--polyfilled {
|
|
6416
|
-
width: -webkit-fit-content;
|
|
6417
5931
|
width: fit-content;
|
|
6418
|
-
height: -webkit-fit-content;
|
|
6419
5932
|
height: fit-content;
|
|
6420
5933
|
margin: auto;
|
|
6421
5934
|
top: 50%;
|
|
@@ -6434,17 +5947,10 @@
|
|
|
6434
5947
|
|
|
6435
5948
|
._dialog_overlay {
|
|
6436
5949
|
position: fixed;
|
|
6437
|
-
|
|
6438
|
-
bottom: 0;
|
|
6439
|
-
left: 0;
|
|
6440
|
-
right: 0;
|
|
5950
|
+
inset: 0;
|
|
6441
5951
|
}
|
|
6442
5952
|
|
|
6443
|
-
.aksel-modal--small .aksel-modal__header {
|
|
6444
|
-
padding: var(--ax-space-12) var(--ax-space-16);
|
|
6445
|
-
}
|
|
6446
|
-
|
|
6447
|
-
.aksel-modal--small .aksel-modal__body {
|
|
5953
|
+
.aksel-modal--small .aksel-modal__header, .aksel-modal--small .aksel-modal__body {
|
|
6448
5954
|
padding: var(--ax-space-12) var(--ax-space-16);
|
|
6449
5955
|
}
|
|
6450
5956
|
|
|
@@ -6490,10 +5996,7 @@
|
|
|
6490
5996
|
.aksel-modal--polyfilled + .backdrop {
|
|
6491
5997
|
background: rgba(12, 22, 39, .66);
|
|
6492
5998
|
position: fixed;
|
|
6493
|
-
|
|
6494
|
-
bottom: 0;
|
|
6495
|
-
left: 0;
|
|
6496
|
-
right: 0;
|
|
5999
|
+
inset: 0;
|
|
6497
6000
|
}
|
|
6498
6001
|
|
|
6499
6002
|
.aksel-modal__button {
|
|
@@ -6553,7 +6056,6 @@
|
|
|
6553
6056
|
}
|
|
6554
6057
|
|
|
6555
6058
|
.aksel-modal--polyfilled .aksel-modal--polyfilled.aksel-date__nested-modal {
|
|
6556
|
-
min-width: -webkit-fit-content;
|
|
6557
6059
|
min-width: fit-content;
|
|
6558
6060
|
max-width: 100vw;
|
|
6559
6061
|
max-height: 100vh;
|
|
@@ -6727,26 +6229,14 @@
|
|
|
6727
6229
|
|
|
6728
6230
|
.aksel-tag__icon--left {
|
|
6729
6231
|
font-size: var(--__axc-tag-icon-size);
|
|
6232
|
+
margin-inline-start: var(--__axc-tag-icon-margin);
|
|
6730
6233
|
display: flex;
|
|
6731
6234
|
}
|
|
6732
6235
|
|
|
6733
|
-
.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)) {
|
|
6734
|
-
margin-left: var(--__axc-tag-icon-margin);
|
|
6735
|
-
}
|
|
6736
|
-
|
|
6737
|
-
.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)) {
|
|
6738
|
-
margin-right: var(--__axc-tag-icon-margin);
|
|
6739
|
-
}
|
|
6740
|
-
|
|
6741
|
-
.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)) {
|
|
6742
|
-
margin-right: var(--__axc-tag-icon-margin);
|
|
6743
|
-
}
|
|
6744
|
-
|
|
6745
6236
|
.aksel-timeline {
|
|
6746
6237
|
grid-template-columns: auto minmax(0, 1fr);
|
|
6747
6238
|
align-items: center;
|
|
6748
6239
|
width: 100%;
|
|
6749
|
-
min-width: -webkit-fit-content;
|
|
6750
6240
|
min-width: fit-content;
|
|
6751
6241
|
display: grid;
|
|
6752
6242
|
position: relative;
|
|
@@ -6920,10 +6410,7 @@
|
|
|
6920
6410
|
width: 25px;
|
|
6921
6411
|
height: 25px;
|
|
6922
6412
|
position: absolute;
|
|
6923
|
-
|
|
6924
|
-
bottom: 0;
|
|
6925
|
-
left: -9px;
|
|
6926
|
-
right: 0;
|
|
6413
|
+
inset: -9px 0 0 -9px;
|
|
6927
6414
|
}
|
|
6928
6415
|
|
|
6929
6416
|
.aksel-timeline__pin-button:hover {
|
|
@@ -7033,13 +6520,7 @@
|
|
|
7033
6520
|
outline: 4px solid rgba(0, 0, 0, 0);
|
|
7034
6521
|
}
|
|
7035
6522
|
|
|
7036
|
-
.aksel-timeline__pin-button:focus {
|
|
7037
|
-
outline-offset: 3px;
|
|
7038
|
-
box-shadow: none;
|
|
7039
|
-
outline: 4px solid highlight;
|
|
7040
|
-
}
|
|
7041
|
-
|
|
7042
|
-
.aksel-timeline__pin-button:focus-visible {
|
|
6523
|
+
.aksel-timeline__pin-button:focus, .aksel-timeline__pin-button:focus-visible {
|
|
7043
6524
|
outline-offset: 3px;
|
|
7044
6525
|
box-shadow: none;
|
|
7045
6526
|
outline: 4px solid highlight;
|
|
@@ -7203,7 +6684,6 @@
|
|
|
7203
6684
|
border: none;
|
|
7204
6685
|
justify-content: center;
|
|
7205
6686
|
align-items: center;
|
|
7206
|
-
min-width: -webkit-fit-content;
|
|
7207
6687
|
min-width: fit-content;
|
|
7208
6688
|
display: inline-flex;
|
|
7209
6689
|
position: relative;
|
|
@@ -7523,7 +7003,6 @@
|
|
|
7523
7003
|
}
|
|
7524
7004
|
|
|
7525
7005
|
.aksel-skeleton--has-children.aksel-skeleton--no-width {
|
|
7526
|
-
width: -webkit-fit-content;
|
|
7527
7006
|
width: fit-content;
|
|
7528
7007
|
}
|
|
7529
7008
|
|
|
@@ -7584,15 +7063,15 @@
|
|
|
7584
7063
|
|
|
7585
7064
|
.aksel-process__event[data-dot="true"] {
|
|
7586
7065
|
--__axc-process-circle-size: var(--__axc-process-circle-small);
|
|
7587
|
-
margin-
|
|
7066
|
+
margin-block-start: calc((var(--__axc-process-circle-small) / 2) * -1);
|
|
7588
7067
|
}
|
|
7589
7068
|
|
|
7590
7069
|
.aksel-process__event[data-dot="true"] .aksel-process__line[data-position="start"] {
|
|
7591
|
-
margin-
|
|
7070
|
+
margin-block-end: calc(var(--__axc-process-circle-size) / 2 * -1);
|
|
7592
7071
|
}
|
|
7593
7072
|
|
|
7594
7073
|
.aksel-process__event[data-dot="true"] .aksel-process__line[data-position="end"] {
|
|
7595
|
-
margin-
|
|
7074
|
+
margin-block-start: calc(var(--__axc-process-circle-size) / 2);
|
|
7596
7075
|
}
|
|
7597
7076
|
|
|
7598
7077
|
.aksel-process__event[data-dot="true"] .aksel-process__bullet {
|
|
@@ -7618,29 +7097,12 @@
|
|
|
7618
7097
|
}
|
|
7619
7098
|
|
|
7620
7099
|
.aksel-process__event:first-of-type .aksel-process__line[data-position="start"] {
|
|
7100
|
+
border-start-start-radius: var(--ax-radius-4);
|
|
7101
|
+
border-start-end-radius: var(--ax-radius-4);
|
|
7621
7102
|
min-height: 1.5rem;
|
|
7622
7103
|
}
|
|
7623
7104
|
|
|
7624
|
-
.aksel-process__event:first-of-type .aksel-process__line[data-position="start"]
|
|
7625
|
-
border-top-left-radius: var(--ax-radius-4);
|
|
7626
|
-
border-top-right-radius: var(--ax-radius-4);
|
|
7627
|
-
}
|
|
7628
|
-
|
|
7629
|
-
.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)) {
|
|
7630
|
-
border-top-right-radius: var(--ax-radius-4);
|
|
7631
|
-
border-top-left-radius: var(--ax-radius-4);
|
|
7632
|
-
}
|
|
7633
|
-
|
|
7634
|
-
.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)) {
|
|
7635
|
-
border-top-right-radius: var(--ax-radius-4);
|
|
7636
|
-
border-top-left-radius: var(--ax-radius-4);
|
|
7637
|
-
}
|
|
7638
|
-
|
|
7639
|
-
.aksel-process__event:not(:first-of-type) .aksel-process__line[data-position="start"] {
|
|
7640
|
-
display: none;
|
|
7641
|
-
}
|
|
7642
|
-
|
|
7643
|
-
.aksel-process:not([data-truncated="start"], [data-truncated="both"]) .aksel-process__line[data-position="start"] {
|
|
7105
|
+
.aksel-process__event:not(:first-of-type) .aksel-process__line[data-position="start"], .aksel-process:not([data-truncated="start"], [data-truncated="both"]) .aksel-process__line[data-position="start"] {
|
|
7644
7106
|
display: none;
|
|
7645
7107
|
}
|
|
7646
7108
|
|
|
@@ -7653,24 +7115,11 @@
|
|
|
7653
7115
|
}
|
|
7654
7116
|
|
|
7655
7117
|
.aksel-process__event:last-of-type .aksel-process__line[data-position="end"] {
|
|
7118
|
+
border-end-end-radius: var(--ax-radius-4);
|
|
7119
|
+
border-end-start-radius: var(--ax-radius-4);
|
|
7656
7120
|
min-height: 1.5rem;
|
|
7657
7121
|
}
|
|
7658
7122
|
|
|
7659
|
-
.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)) {
|
|
7660
|
-
border-bottom-right-radius: var(--ax-radius-4);
|
|
7661
|
-
border-bottom-left-radius: var(--ax-radius-4);
|
|
7662
|
-
}
|
|
7663
|
-
|
|
7664
|
-
.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)) {
|
|
7665
|
-
border-bottom-left-radius: var(--ax-radius-4);
|
|
7666
|
-
border-bottom-right-radius: var(--ax-radius-4);
|
|
7667
|
-
}
|
|
7668
|
-
|
|
7669
|
-
.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)) {
|
|
7670
|
-
border-bottom-left-radius: var(--ax-radius-4);
|
|
7671
|
-
border-bottom-right-radius: var(--ax-radius-4);
|
|
7672
|
-
}
|
|
7673
|
-
|
|
7674
7123
|
.aksel-process__event[data-status="active"] .aksel-process__line {
|
|
7675
7124
|
border-color: var(--ax-border-default);
|
|
7676
7125
|
border-image: linear-gradient(to bottom, var(--ax-border-default) 50%, var(--ax-border-neutral-subtle) 90%);
|
|
@@ -7726,12 +7175,6 @@
|
|
|
7726
7175
|
width: min(calc(var(--__axc-process-circle-size) * .75), 1.5rem);
|
|
7727
7176
|
}
|
|
7728
7177
|
|
|
7729
|
-
.aksel-process__event:-webkit-any([data-status="completed"], [data-status="active"]) .aksel-process__bullet {
|
|
7730
|
-
color: var(--ax-text-contrast);
|
|
7731
|
-
background: var(--ax-bg-strong);
|
|
7732
|
-
border-color: rgba(0, 0, 0, 0);
|
|
7733
|
-
}
|
|
7734
|
-
|
|
7735
7178
|
.aksel-process__event:is([data-status="completed"], [data-status="active"]) .aksel-process__bullet {
|
|
7736
7179
|
color: var(--ax-text-contrast);
|
|
7737
7180
|
background: var(--ax-bg-strong);
|
|
@@ -7758,7 +7201,7 @@
|
|
|
7758
7201
|
}
|
|
7759
7202
|
|
|
7760
7203
|
.aksel-process__event[data-status="active"] .aksel-process__title:has( + .aksel-process__active-label) {
|
|
7761
|
-
padding-
|
|
7204
|
+
padding-block-end: 0;
|
|
7762
7205
|
}
|
|
7763
7206
|
|
|
7764
7207
|
.aksel-process__active-label {
|
|
@@ -7767,7 +7210,7 @@
|
|
|
7767
7210
|
}
|
|
7768
7211
|
|
|
7769
7212
|
.aksel-process__active-label:last-of-type {
|
|
7770
|
-
margin-
|
|
7213
|
+
margin-block-end: 0;
|
|
7771
7214
|
}
|
|
7772
7215
|
|
|
7773
7216
|
@media (forced-colors: active) {
|
|
@@ -7775,13 +7218,6 @@
|
|
|
7775
7218
|
transition: none;
|
|
7776
7219
|
}
|
|
7777
7220
|
|
|
7778
|
-
.aksel-process__event:-webkit-any([data-status="completed"], [data-status="active"]) .aksel-process__bullet {
|
|
7779
|
-
color: buttonface;
|
|
7780
|
-
forced-color-adjust: none;
|
|
7781
|
-
background-color: buttontext;
|
|
7782
|
-
outline-color: buttontext;
|
|
7783
|
-
}
|
|
7784
|
-
|
|
7785
7221
|
.aksel-process__event:is([data-status="completed"], [data-status="active"]) .aksel-process__bullet {
|
|
7786
7222
|
color: buttonface;
|
|
7787
7223
|
forced-color-adjust: none;
|
|
@@ -7872,18 +7308,7 @@
|
|
|
7872
7308
|
margin-bottom: 0;
|
|
7873
7309
|
}
|
|
7874
7310
|
|
|
7875
|
-
.aksel-stepper__step:-webkit-any(button) {
|
|
7876
|
-
-webkit-appearance: none;
|
|
7877
|
-
appearance: none;
|
|
7878
|
-
font: inherit;
|
|
7879
|
-
color: inherit;
|
|
7880
|
-
text-align: inherit;
|
|
7881
|
-
background-color: rgba(0, 0, 0, 0);
|
|
7882
|
-
border: none;
|
|
7883
|
-
}
|
|
7884
|
-
|
|
7885
7311
|
.aksel-stepper__step:is(button) {
|
|
7886
|
-
-webkit-appearance: none;
|
|
7887
7312
|
appearance: none;
|
|
7888
7313
|
font: inherit;
|
|
7889
7314
|
color: inherit;
|
|
@@ -7921,11 +7346,7 @@
|
|
|
7921
7346
|
text-decoration-thickness: .05em;
|
|
7922
7347
|
}
|
|
7923
7348
|
|
|
7924
|
-
.aksel-stepper__step[data-interactive="true"]:hover .aksel-stepper__content {
|
|
7925
|
-
text-decoration-thickness: .111em;
|
|
7926
|
-
}
|
|
7927
|
-
|
|
7928
|
-
.aksel-stepper__step[data-interactive="true"]:active .aksel-stepper__content {
|
|
7349
|
+
:is(.aksel-stepper__step[data-interactive="true"]:hover, .aksel-stepper__step[data-interactive="true"]:active) .aksel-stepper__content {
|
|
7929
7350
|
text-decoration-thickness: .111em;
|
|
7930
7351
|
}
|
|
7931
7352
|
|
|
@@ -7966,7 +7387,6 @@
|
|
|
7966
7387
|
|
|
7967
7388
|
.aksel-stepper__content {
|
|
7968
7389
|
grid-column: content;
|
|
7969
|
-
min-width: -webkit-fit-content;
|
|
7970
7390
|
min-width: fit-content;
|
|
7971
7391
|
padding-top: .16rem;
|
|
7972
7392
|
line-height: 1.5;
|
|
@@ -8002,11 +7422,7 @@
|
|
|
8002
7422
|
flex: 100%;
|
|
8003
7423
|
}
|
|
8004
7424
|
|
|
8005
|
-
.aksel-stepper[data-orientation="horizontal"] .aksel-stepper__item:first-of-type .aksel-stepper__line--1 {
|
|
8006
|
-
visibility: hidden;
|
|
8007
|
-
}
|
|
8008
|
-
|
|
8009
|
-
.aksel-stepper[data-orientation="horizontal"] .aksel-stepper__item:last-of-type .aksel-stepper__line--2 {
|
|
7425
|
+
.aksel-stepper[data-orientation="horizontal"] .aksel-stepper__item:first-of-type .aksel-stepper__line--1, .aksel-stepper[data-orientation="horizontal"] .aksel-stepper__item:last-of-type .aksel-stepper__line--2 {
|
|
8010
7426
|
visibility: hidden;
|
|
8011
7427
|
}
|
|
8012
7428
|
|
|
@@ -8066,7 +7482,6 @@
|
|
|
8066
7482
|
z-index: 10;
|
|
8067
7483
|
background-color: var(--ax-bg-default);
|
|
8068
7484
|
box-sizing: border-box;
|
|
8069
|
-
position: -webkit-sticky;
|
|
8070
7485
|
position: sticky;
|
|
8071
7486
|
top: 0;
|
|
8072
7487
|
}
|
|
@@ -8088,10 +7503,6 @@
|
|
|
8088
7503
|
display: table-row;
|
|
8089
7504
|
}
|
|
8090
7505
|
|
|
8091
|
-
.aksel-table__row:has( + .aksel-table__row--selected) :-webkit-any(.aksel-table__header-cell, .aksel-table__data-cell) {
|
|
8092
|
-
border-color: var(--ax-border-default);
|
|
8093
|
-
}
|
|
8094
|
-
|
|
8095
7506
|
.aksel-table__row:has( + .aksel-table__row--selected) :is(.aksel-table__header-cell, .aksel-table__data-cell) {
|
|
8096
7507
|
border-color: var(--ax-border-default);
|
|
8097
7508
|
}
|
|
@@ -8122,18 +7533,10 @@
|
|
|
8122
7533
|
border-color: var(--ax-border-default);
|
|
8123
7534
|
}
|
|
8124
7535
|
|
|
8125
|
-
.aksel-table__row--selected :-webkit-any(.aksel-table__header-cell, .aksel-table__data-cell) {
|
|
8126
|
-
border-color: var(--ax-border-default);
|
|
8127
|
-
}
|
|
8128
|
-
|
|
8129
7536
|
.aksel-table__row--selected :is(.aksel-table__header-cell, .aksel-table__data-cell) {
|
|
8130
7537
|
border-color: var(--ax-border-default);
|
|
8131
7538
|
}
|
|
8132
7539
|
|
|
8133
|
-
.aksel-table__row--selected.aksel-table__expandable-row--open :-webkit-any(.aksel-table__header-cell, .aksel-table__data-cell) {
|
|
8134
|
-
border-color: rgba(0, 0, 0, 0);
|
|
8135
|
-
}
|
|
8136
|
-
|
|
8137
7540
|
.aksel-table__row--selected.aksel-table__expandable-row--open :is(.aksel-table__header-cell, .aksel-table__data-cell) {
|
|
8138
7541
|
border-color: rgba(0, 0, 0, 0);
|
|
8139
7542
|
}
|
|
@@ -8190,10 +7593,7 @@
|
|
|
8190
7593
|
}
|
|
8191
7594
|
|
|
8192
7595
|
.aksel-table tr:not(.aksel-table__expanded-row) .aksel-checkbox:focus-within:after {
|
|
8193
|
-
|
|
8194
|
-
bottom: 0;
|
|
8195
|
-
left: 0;
|
|
8196
|
-
right: 0;
|
|
7596
|
+
inset: 0;
|
|
8197
7597
|
}
|
|
8198
7598
|
|
|
8199
7599
|
.aksel-table__header-cell[aria-sort] {
|
|
@@ -8201,7 +7601,6 @@
|
|
|
8201
7601
|
}
|
|
8202
7602
|
|
|
8203
7603
|
.aksel-table__sort-button {
|
|
8204
|
-
-webkit-appearance: none;
|
|
8205
7604
|
appearance: none;
|
|
8206
7605
|
color: var(--ax-text-subtle);
|
|
8207
7606
|
cursor: pointer;
|
|
@@ -8327,10 +7726,6 @@
|
|
|
8327
7726
|
border-bottom: 1px solid var(--ax-border-neutral-subtleA);
|
|
8328
7727
|
}
|
|
8329
7728
|
|
|
8330
|
-
.aksel-table__expandable-row:has( + .aksel-table__expanded-row[data-state="closed"] + .aksel-table__row--selected) > :-webkit-any(th, td) {
|
|
8331
|
-
border-color: var(--ax-border-default);
|
|
8332
|
-
}
|
|
8333
|
-
|
|
8334
7729
|
.aksel-table__expandable-row:has( + .aksel-table__expanded-row[data-state="closed"] + .aksel-table__row--selected) > :is(th, td) {
|
|
8335
7730
|
border-color: var(--ax-border-default);
|
|
8336
7731
|
}
|
|
@@ -8489,15 +7884,15 @@
|
|
|
8489
7884
|
@media (forced-colors: active) {
|
|
8490
7885
|
.aksel-tabs__tab[data-state="active"] {
|
|
8491
7886
|
border-bottom: 3px solid canvastext;
|
|
8492
|
-
padding-
|
|
7887
|
+
padding-block-end: calc(var(--ax-space-12) - 3px);
|
|
8493
7888
|
}
|
|
8494
7889
|
|
|
8495
7890
|
.aksel-tabs__tab--small[data-state="active"] {
|
|
8496
|
-
padding-
|
|
7891
|
+
padding-block-end: calc(var(--ax-space-6) - 3px);
|
|
8497
7892
|
}
|
|
8498
7893
|
|
|
8499
7894
|
.aksel-tabs__tab-icon--top[data-state="active"], .aksel-tabs__tab--small.aksel-tabs__tab-icon--top[data-state="active"] {
|
|
8500
|
-
padding-
|
|
7895
|
+
padding-block-end: calc(var(--ax-space-4) - 3px);
|
|
8501
7896
|
}
|
|
8502
7897
|
}
|
|
8503
7898
|
|
|
@@ -8535,7 +7930,7 @@
|
|
|
8535
7930
|
display: flex;
|
|
8536
7931
|
}
|
|
8537
7932
|
|
|
8538
|
-
@supports (hanging-punctuation: first) and (font: -apple-system-body) and (
|
|
7933
|
+
@supports (hanging-punctuation: first) and (font: -apple-system-body) and (appearance: none) {
|
|
8539
7934
|
.aksel-list ol {
|
|
8540
7935
|
padding-left: 2.1rem;
|
|
8541
7936
|
}
|
|
@@ -8546,11 +7941,11 @@
|
|
|
8546
7941
|
}
|
|
8547
7942
|
|
|
8548
7943
|
.aksel-list__item {
|
|
8549
|
-
margin-
|
|
7944
|
+
margin-block-end: var(--ax-space-8);
|
|
8550
7945
|
}
|
|
8551
7946
|
|
|
8552
7947
|
.aksel-list__item:last-child {
|
|
8553
|
-
margin-
|
|
7948
|
+
margin-block-end: 0;
|
|
8554
7949
|
}
|
|
8555
7950
|
|
|
8556
7951
|
.aksel-list__item-marker {
|
|
@@ -9523,7 +8918,6 @@
|
|
|
9523
8918
|
}
|
|
9524
8919
|
|
|
9525
8920
|
.aksel-page {
|
|
9526
|
-
min-height: 100vh;
|
|
9527
8921
|
flex-direction: column;
|
|
9528
8922
|
min-height: 100lvh;
|
|
9529
8923
|
display: flex;
|
|
@@ -9532,8 +8926,7 @@
|
|
|
9532
8926
|
.aksel-pageblock {
|
|
9533
8927
|
--__axc-page-padding-inline: 0px;
|
|
9534
8928
|
width: 100%;
|
|
9535
|
-
margin-
|
|
9536
|
-
margin-right: auto;
|
|
8929
|
+
margin-inline: auto;
|
|
9537
8930
|
}
|
|
9538
8931
|
|
|
9539
8932
|
.aksel-page__content--grow {
|
|
@@ -9541,12 +8934,11 @@
|
|
|
9541
8934
|
}
|
|
9542
8935
|
|
|
9543
8936
|
.aksel-page__content--fullheight {
|
|
9544
|
-
min-height: 100vh;
|
|
9545
8937
|
min-height: 100lvh;
|
|
9546
8938
|
}
|
|
9547
8939
|
|
|
9548
8940
|
.aksel-page__content--padding {
|
|
9549
|
-
padding-
|
|
8941
|
+
padding-block-end: var(--ax-space-64);
|
|
9550
8942
|
}
|
|
9551
8943
|
|
|
9552
8944
|
.aksel-pageblock--text {
|
|
@@ -9716,19 +9108,8 @@
|
|
|
9716
9108
|
}
|
|
9717
9109
|
|
|
9718
9110
|
.aksel-stack > .aksel-stack__spacer {
|
|
9719
|
-
margin-
|
|
9720
|
-
|
|
9721
|
-
|
|
9722
|
-
.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)) {
|
|
9723
|
-
margin-left: calc(var(--__axc-stack-gap) * -1);
|
|
9724
|
-
}
|
|
9725
|
-
|
|
9726
|
-
.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)) {
|
|
9727
|
-
margin-right: calc(var(--__axc-stack-gap) * -1);
|
|
9728
|
-
}
|
|
9729
|
-
|
|
9730
|
-
.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)) {
|
|
9731
|
-
margin-right: calc(var(--__axc-stack-gap) * -1);
|
|
9111
|
+
margin-block-start: calc(var(--__axc-stack-gap) * -1);
|
|
9112
|
+
margin-inline-start: calc(var(--__axc-stack-gap) * -1);
|
|
9732
9113
|
}
|
|
9733
9114
|
|
|
9734
9115
|
@media (min-width: 480px) {
|