@navikt/ds-css 8.10.3 → 8.10.4
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/component/accordion.css +6 -21
- package/dist/component/accordion.min.css +1 -1
- package/dist/component/actionmenu.css +1 -9
- package/dist/component/alert.css +6 -16
- package/dist/component/alert.min.css +1 -1
- package/dist/component/button.css +5 -66
- package/dist/component/button.min.css +1 -1
- package/dist/component/chat.css +3 -19
- package/dist/component/chat.min.css +1 -1
- package/dist/component/date.css +11 -66
- package/dist/component/date.min.css +1 -1
- package/dist/component/dialog.css +15 -57
- package/dist/component/dialog.min.css +1 -1
- package/dist/component/dropdown.css +1 -2
- package/dist/component/dropdown.min.css +1 -1
- package/dist/component/expansioncard.css +5 -27
- package/dist/component/expansioncard.min.css +1 -1
- package/dist/component/form.css +26 -208
- package/dist/component/form.min.css +1 -1
- package/dist/component/guidepanel.css +3 -19
- package/dist/component/guidepanel.min.css +1 -1
- package/dist/component/helptext.css +1 -5
- package/dist/component/helptext.min.css +1 -1
- package/dist/component/inlinemessage.css +1 -1
- package/dist/component/inlinemessage.min.css +1 -1
- package/dist/component/internalheader.css +1 -10
- package/dist/component/internalheader.min.css +1 -1
- package/dist/component/link.css +1 -5
- package/dist/component/linkanchor.css +2 -10
- package/dist/component/linkcard.css +8 -55
- package/dist/component/linkcard.min.css +1 -1
- package/dist/component/list.css +3 -3
- package/dist/component/list.min.css +1 -1
- package/dist/component/modal.css +3 -16
- package/dist/component/modal.min.css +1 -1
- package/dist/component/primitives.css +4 -18
- package/dist/component/primitives.min.css +1 -1
- package/dist/component/process.css +10 -53
- package/dist/component/process.min.css +1 -1
- package/dist/component/skeleton.css +0 -1
- package/dist/component/skeleton.min.css +1 -1
- package/dist/component/stepper.css +2 -22
- package/dist/component/stepper.min.css +1 -1
- package/dist/component/table.css +1 -22
- package/dist/component/table.min.css +1 -1
- package/dist/component/tabs.css +3 -3
- package/dist/component/tabs.min.css +1 -1
- package/dist/component/tag.css +1 -12
- package/dist/component/tag.min.css +1 -1
- package/dist/component/timeline.css +2 -12
- package/dist/component/timeline.min.css +1 -1
- package/dist/component/togglegroup.css +0 -1
- package/dist/component/togglegroup.min.css +1 -1
- package/dist/components.css +125 -759
- package/dist/components.min.css +1 -1
- package/dist/global/tokens.css +1 -1
- package/dist/global/tokens.min.css +1 -1
- package/dist/index.css +126 -760
- package/dist/index.min.css +1 -1
- package/package.json +5 -4
- package/src/data-table.css +72 -4
- package/.gitignore +0 -1
- package/CHANGELOG.md +0 -1580
- package/config/_mappings.d.ts +0 -25
- package/config/_mappings.js +0 -264
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.4";
|
|
650
650
|
--ax-space-0: 0rem;
|
|
651
651
|
--ax-space-1: .0625rem;
|
|
652
652
|
--ax-space-2: .125rem;
|
|
@@ -1746,10 +1746,6 @@
|
|
|
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
|
}
|
|
@@ -1760,15 +1756,7 @@
|
|
|
1760
1756
|
background-color: rgba(0, 0, 0, 0);
|
|
1761
1757
|
}
|
|
1762
1758
|
|
|
1763
|
-
.aksel-button[data-variant="secondary"][data-color="neutral"] {
|
|
1764
|
-
color: var(--ax-text-default);
|
|
1765
|
-
}
|
|
1766
|
-
|
|
1767
|
-
[data-color="neutral"] > .aksel-button[data-variant="secondary"]:not([data-color]) {
|
|
1768
|
-
color: var(--ax-text-default);
|
|
1769
|
-
}
|
|
1770
|
-
|
|
1771
|
-
[data-color="neutral"] :not([data-color]) .aksel-button[data-variant="secondary"]:not([data-color]) {
|
|
1759
|
+
.aksel-button[data-variant="secondary"][data-color="neutral"], [data-color="neutral"] > .aksel-button[data-variant="secondary"]:not([data-color]), [data-color="neutral"] :not([data-color]) .aksel-button[data-variant="secondary"]:not([data-color]) {
|
|
1772
1760
|
color: var(--ax-text-default);
|
|
1773
1761
|
}
|
|
1774
1762
|
|
|
@@ -1781,29 +1769,12 @@
|
|
|
1781
1769
|
background-color: var(--ax-bg-moderate-pressedA);
|
|
1782
1770
|
}
|
|
1783
1771
|
|
|
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
1772
|
.aksel-button[data-variant="secondary"]:is(:disabled, .aksel-button--disabled) {
|
|
1798
1773
|
color: var(--ax-text-subtle);
|
|
1799
1774
|
background-color: rgba(0, 0, 0, 0);
|
|
1800
1775
|
}
|
|
1801
1776
|
|
|
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]) {
|
|
1777
|
+
.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
1778
|
color: var(--ax-text-default);
|
|
1808
1779
|
}
|
|
1809
1780
|
|
|
@@ -1812,15 +1783,7 @@
|
|
|
1812
1783
|
background-color: rgba(0, 0, 0, 0);
|
|
1813
1784
|
}
|
|
1814
1785
|
|
|
1815
|
-
.aksel-button[data-variant="tertiary"][data-color="neutral"] {
|
|
1816
|
-
color: var(--ax-text-default);
|
|
1817
|
-
}
|
|
1818
|
-
|
|
1819
|
-
[data-color="neutral"] > .aksel-button[data-variant="tertiary"]:not([data-color], [data-pressed="true"]) {
|
|
1820
|
-
color: var(--ax-text-default);
|
|
1821
|
-
}
|
|
1822
|
-
|
|
1823
|
-
[data-color="neutral"] :not([data-color]) .aksel-button[data-variant="tertiary"]:not([data-color], [data-pressed="true"]) {
|
|
1786
|
+
.aksel-button[data-variant="tertiary"][data-color="neutral"], [data-color="neutral"] > .aksel-button[data-variant="tertiary"]:not([data-color], [data-pressed="true"]), [data-color="neutral"] :not([data-color]) .aksel-button[data-variant="tertiary"]:not([data-color], [data-pressed="true"]) {
|
|
1824
1787
|
color: var(--ax-text-default);
|
|
1825
1788
|
}
|
|
1826
1789
|
|
|
@@ -1837,29 +1800,12 @@
|
|
|
1837
1800
|
color: var(--ax-text-contrast);
|
|
1838
1801
|
}
|
|
1839
1802
|
|
|
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
1803
|
.aksel-button[data-variant="tertiary"]:is(:disabled, .aksel-button--disabled) {
|
|
1854
1804
|
color: var(--ax-text-subtle);
|
|
1855
1805
|
background-color: rgba(0, 0, 0, 0);
|
|
1856
1806
|
}
|
|
1857
1807
|
|
|
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]) {
|
|
1808
|
+
.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
1809
|
color: var(--ax-text-default);
|
|
1864
1810
|
}
|
|
1865
1811
|
|
|
@@ -1975,14 +1921,7 @@
|
|
|
1975
1921
|
border-color: highlight;
|
|
1976
1922
|
}
|
|
1977
1923
|
|
|
1978
|
-
.aksel-button:hover:not(:disabled) {
|
|
1979
|
-
color: highlight;
|
|
1980
|
-
box-shadow: none;
|
|
1981
|
-
background-color: highlighttext;
|
|
1982
|
-
border-color: highlight;
|
|
1983
|
-
}
|
|
1984
|
-
|
|
1985
|
-
.aksel-button[data-variant="primary"]:where(a):hover:not(:disabled) {
|
|
1924
|
+
.aksel-button:hover:not(:disabled), .aksel-button[data-variant="primary"]:where(a):hover:not(:disabled) {
|
|
1986
1925
|
color: highlight;
|
|
1987
1926
|
box-shadow: none;
|
|
1988
1927
|
background-color: highlighttext;
|
|
@@ -2105,10 +2044,7 @@
|
|
|
2105
2044
|
var(--__axc-dropzone-animation-ease-out);
|
|
2106
2045
|
margin: -1px;
|
|
2107
2046
|
position: absolute;
|
|
2108
|
-
|
|
2109
|
-
bottom: 0;
|
|
2110
|
-
left: 0;
|
|
2111
|
-
right: 0;
|
|
2047
|
+
inset: 0;
|
|
2112
2048
|
}
|
|
2113
2049
|
|
|
2114
2050
|
@keyframes akselDropzoneDragoverAnimation {
|
|
@@ -2188,25 +2124,7 @@
|
|
|
2188
2124
|
display: flex;
|
|
2189
2125
|
}
|
|
2190
2126
|
|
|
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) {
|
|
2127
|
+
.aksel-file-upload :is(ul, li), ul:has( > li.aksel-file-item), li.aksel-file-item {
|
|
2210
2128
|
margin: 0;
|
|
2211
2129
|
padding: 0;
|
|
2212
2130
|
list-style: none;
|
|
@@ -2227,7 +2145,6 @@
|
|
|
2227
2145
|
.aksel-file-item__link {
|
|
2228
2146
|
align-items: flex-start;
|
|
2229
2147
|
gap: var(--ax-space-2);
|
|
2230
|
-
width: -webkit-fit-content;
|
|
2231
2148
|
width: fit-content;
|
|
2232
2149
|
display: flex;
|
|
2233
2150
|
}
|
|
@@ -2327,11 +2244,7 @@
|
|
|
2327
2244
|
outline-offset: 3px;
|
|
2328
2245
|
}
|
|
2329
2246
|
|
|
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) {
|
|
2247
|
+
.aksel-error-summary:focus-visible, .aksel-error-summary:has(.aksel-error-summary__heading:focus-visible) {
|
|
2335
2248
|
outline: 3px solid var(--ax-border-focus);
|
|
2336
2249
|
}
|
|
2337
2250
|
|
|
@@ -2396,27 +2309,14 @@
|
|
|
2396
2309
|
border-color: orange;
|
|
2397
2310
|
border-left-style: solid;
|
|
2398
2311
|
border-left-width: 8px;
|
|
2312
|
+
border-start-start-radius: calc(var(--ax-radius-8) - 1px);
|
|
2313
|
+
border-end-start-radius: calc(var(--ax-radius-8) - 1px);
|
|
2399
2314
|
height: 100%;
|
|
2400
2315
|
position: absolute;
|
|
2401
2316
|
top: 0;
|
|
2402
2317
|
left: 0;
|
|
2403
2318
|
}
|
|
2404
2319
|
|
|
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
2320
|
.aksel-confirmation-panel--checked .aksel-confirmation-panel__inner:before {
|
|
2421
2321
|
border-color: green;
|
|
2422
2322
|
}
|
|
@@ -2428,7 +2328,6 @@
|
|
|
2428
2328
|
|
|
2429
2329
|
.aksel-checkbox, .aksel-radio {
|
|
2430
2330
|
gap: var(--ax-space-2) 0;
|
|
2431
|
-
width: -webkit-fit-content;
|
|
2432
2331
|
width: fit-content;
|
|
2433
2332
|
padding: var(--ax-space-12) 0;
|
|
2434
2333
|
grid-template-columns: auto 1fr;
|
|
@@ -2493,7 +2392,6 @@
|
|
|
2493
2392
|
|
|
2494
2393
|
.aksel-checkbox__input, .aksel-radio__input {
|
|
2495
2394
|
--__axc-radio-checkbox-marker-border: 2px;
|
|
2496
|
-
-webkit-appearance: none;
|
|
2497
2395
|
appearance: none;
|
|
2498
2396
|
cursor: pointer;
|
|
2499
2397
|
width: var(--__axc-radio-checkbox-marker-size);
|
|
@@ -2505,12 +2403,7 @@
|
|
|
2505
2403
|
position: relative;
|
|
2506
2404
|
}
|
|
2507
2405
|
|
|
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 {
|
|
2406
|
+
: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
2407
|
opacity: var(--ax-opacity-disabled);
|
|
2515
2408
|
cursor: not-allowed;
|
|
2516
2409
|
}
|
|
@@ -2618,19 +2511,11 @@
|
|
|
2618
2511
|
opacity: var(--ax-opacity-disabled);
|
|
2619
2512
|
}
|
|
2620
2513
|
|
|
2621
|
-
.aksel-checkbox--disabled :where(.aksel-checkbox__input, .aksel-checkbox__label) {
|
|
2514
|
+
.aksel-checkbox--disabled :where(.aksel-checkbox__input, .aksel-checkbox__label), .aksel-radio--disabled > :where(.aksel-radio__input, .aksel-radio__label) {
|
|
2622
2515
|
cursor: not-allowed;
|
|
2623
2516
|
}
|
|
2624
2517
|
|
|
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) {
|
|
2518
|
+
.aksel-checkbox--readonly :where(.aksel-checkbox__input, .aksel-checkbox__label), .aksel-radio--readonly > :where(.aksel-radio__input, .aksel-radio__label) {
|
|
2634
2519
|
cursor: default;
|
|
2635
2520
|
}
|
|
2636
2521
|
|
|
@@ -2664,19 +2549,11 @@
|
|
|
2664
2549
|
}
|
|
2665
2550
|
|
|
2666
2551
|
@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
2552
|
:is(.aksel-checkbox, .aksel-checkbox--readonly) .aksel-checkbox__input:indeterminate:after {
|
|
2672
2553
|
background-color: fieldtext;
|
|
2673
2554
|
}
|
|
2674
2555
|
|
|
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 {
|
|
2556
|
+
.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
2557
|
color: highlight;
|
|
2681
2558
|
}
|
|
2682
2559
|
|
|
@@ -2709,15 +2586,7 @@
|
|
|
2709
2586
|
background-color: graytext;
|
|
2710
2587
|
}
|
|
2711
2588
|
|
|
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) {
|
|
2589
|
+
.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
2590
|
color: graytext;
|
|
2722
2591
|
}
|
|
2723
2592
|
}
|
|
@@ -2749,7 +2618,6 @@
|
|
|
2749
2618
|
}
|
|
2750
2619
|
|
|
2751
2620
|
.aksel-select__input {
|
|
2752
|
-
-webkit-appearance: none;
|
|
2753
2621
|
appearance: none;
|
|
2754
2622
|
background-color: var(--ax-bg-input);
|
|
2755
2623
|
border-radius: var(--ax-radius-8);
|
|
@@ -2808,21 +2676,10 @@
|
|
|
2808
2676
|
|
|
2809
2677
|
.aksel-form-field--small .aksel-select__input {
|
|
2810
2678
|
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);
|
|
2818
|
-
}
|
|
2819
|
-
|
|
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);
|
|
2679
|
+
padding-block: 0;
|
|
2823
2680
|
}
|
|
2824
2681
|
|
|
2825
|
-
.aksel-select--error > * select:focus {
|
|
2682
|
+
.aksel-select--error > * select, .aksel-select--error > * select:hover, .aksel-select--error > * select:focus {
|
|
2826
2683
|
box-shadow: 0 0 0 1px var(--ax-border-danger-strong);
|
|
2827
2684
|
border-color: var(--ax-border-danger-strong);
|
|
2828
2685
|
}
|
|
@@ -2853,12 +2710,6 @@
|
|
|
2853
2710
|
}
|
|
2854
2711
|
|
|
2855
2712
|
@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
2713
|
.aksel-select--readonly .aksel-select__input:is(:hover, :focus) {
|
|
2863
2714
|
color: buttontext;
|
|
2864
2715
|
background-color: buttonface;
|
|
@@ -2871,7 +2722,6 @@
|
|
|
2871
2722
|
}
|
|
2872
2723
|
|
|
2873
2724
|
.aksel-switch {
|
|
2874
|
-
width: -webkit-fit-content;
|
|
2875
2725
|
width: fit-content;
|
|
2876
2726
|
min-height: 3rem;
|
|
2877
2727
|
position: relative;
|
|
@@ -3050,18 +2900,12 @@
|
|
|
3050
2900
|
width: auto;
|
|
3051
2901
|
}
|
|
3052
2902
|
|
|
3053
|
-
.aksel-switch--right .aksel-switch__input {
|
|
3054
|
-
left: auto;
|
|
3055
|
-
right: 0;
|
|
3056
|
-
}
|
|
3057
|
-
|
|
3058
|
-
.aksel-switch--right .aksel-switch__track {
|
|
2903
|
+
.aksel-switch--right .aksel-switch__input, .aksel-switch--right .aksel-switch__track {
|
|
3059
2904
|
left: auto;
|
|
3060
2905
|
right: 0;
|
|
3061
2906
|
}
|
|
3062
2907
|
|
|
3063
2908
|
.aksel-switch__input:disabled {
|
|
3064
|
-
-webkit-appearance: none;
|
|
3065
2909
|
appearance: none;
|
|
3066
2910
|
}
|
|
3067
2911
|
|
|
@@ -3073,31 +2917,12 @@
|
|
|
3073
2917
|
cursor: not-allowed;
|
|
3074
2918
|
}
|
|
3075
2919
|
|
|
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 {
|
|
2920
|
+
.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
2921
|
background-color: var(--ax-bg-neutral-moderate);
|
|
3093
2922
|
border-color: var(--ax-border-neutral-subtleA);
|
|
3094
2923
|
}
|
|
3095
2924
|
|
|
3096
|
-
.aksel-switch--readonly > .aksel-switch__label-wrapper {
|
|
3097
|
-
cursor: default;
|
|
3098
|
-
}
|
|
3099
|
-
|
|
3100
|
-
.aksel-switch--readonly > .aksel-switch__input {
|
|
2925
|
+
.aksel-switch--readonly > .aksel-switch__label-wrapper, .aksel-switch--readonly > .aksel-switch__input {
|
|
3101
2926
|
cursor: default;
|
|
3102
2927
|
}
|
|
3103
2928
|
|
|
@@ -3159,7 +2984,6 @@
|
|
|
3159
2984
|
}
|
|
3160
2985
|
|
|
3161
2986
|
.aksel-text-field__input {
|
|
3162
|
-
-webkit-appearance: none;
|
|
3163
2987
|
appearance: none;
|
|
3164
2988
|
padding: var(--ax-space-8);
|
|
3165
2989
|
background: var(--ax-bg-input);
|
|
@@ -3236,7 +3060,6 @@
|
|
|
3236
3060
|
|
|
3237
3061
|
.aksel-textarea__input {
|
|
3238
3062
|
height: var(--__axc-textarea-height);
|
|
3239
|
-
-webkit-appearance: none;
|
|
3240
3063
|
appearance: none;
|
|
3241
3064
|
padding: var(--ax-space-8);
|
|
3242
3065
|
background-color: var(--ax-bg-input);
|
|
@@ -3299,50 +3122,17 @@
|
|
|
3299
3122
|
|
|
3300
3123
|
.aksel-textarea--resize-both .aksel-textarea__input {
|
|
3301
3124
|
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;
|
|
3125
|
+
border-end-end-radius: 0;
|
|
3314
3126
|
}
|
|
3315
3127
|
|
|
3316
3128
|
.aksel-textarea--resize-horizontal .aksel-textarea__input {
|
|
3317
3129
|
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;
|
|
3130
|
+
border-end-end-radius: 0;
|
|
3330
3131
|
}
|
|
3331
3132
|
|
|
3332
3133
|
.aksel-textarea--resize-vertical .aksel-textarea__input {
|
|
3333
3134
|
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;
|
|
3135
|
+
border-end-end-radius: 0;
|
|
3346
3136
|
}
|
|
3347
3137
|
|
|
3348
3138
|
.aksel-textarea--autoscrollbar, .aksel-textarea--autoscrollbar .aksel-textarea__wrapper {
|
|
@@ -3385,7 +3175,6 @@
|
|
|
3385
3175
|
}
|
|
3386
3176
|
|
|
3387
3177
|
.aksel-search--with-size .aksel-search__wrapper {
|
|
3388
|
-
width: -webkit-fit-content;
|
|
3389
3178
|
width: fit-content;
|
|
3390
3179
|
}
|
|
3391
3180
|
|
|
@@ -3408,13 +3197,7 @@
|
|
|
3408
3197
|
outline: none;
|
|
3409
3198
|
}
|
|
3410
3199
|
|
|
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 {
|
|
3200
|
+
.aksel-search__input.aksel-search__input--primary, .aksel-search__input.aksel-search__input--secondary {
|
|
3418
3201
|
border-right: none;
|
|
3419
3202
|
border-top-right-radius: 0;
|
|
3420
3203
|
border-bottom-right-radius: 0;
|
|
@@ -3482,10 +3265,6 @@
|
|
|
3482
3265
|
--__axc-button-border-color: var(--ax-border-strong);
|
|
3483
3266
|
}
|
|
3484
3267
|
|
|
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
3268
|
.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
3269
|
--__axc-button-border-color: var(--ax-border-strong);
|
|
3491
3270
|
}
|
|
@@ -3500,11 +3279,7 @@
|
|
|
3500
3279
|
box-shadow: inset 0 0 0 1px var(--ax-border-danger-strong);
|
|
3501
3280
|
}
|
|
3502
3281
|
|
|
3503
|
-
.aksel-search__input:focus-visible {
|
|
3504
|
-
z-index: 1;
|
|
3505
|
-
}
|
|
3506
|
-
|
|
3507
|
-
.aksel-search__button-search:focus-visible {
|
|
3282
|
+
.aksel-search__input:focus-visible, .aksel-search__button-search:focus-visible {
|
|
3508
3283
|
z-index: 1;
|
|
3509
3284
|
}
|
|
3510
3285
|
|
|
@@ -3527,10 +3302,6 @@
|
|
|
3527
3302
|
position: relative;
|
|
3528
3303
|
}
|
|
3529
3304
|
|
|
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
3305
|
.aksel-form-field:not(:is(.aksel-combobox--disabled, .aksel-combobox--readonly)) .aksel-combobox__wrapper:hover {
|
|
3535
3306
|
border-color: var(--ax-border-strong);
|
|
3536
3307
|
}
|
|
@@ -3555,11 +3326,7 @@
|
|
|
3555
3326
|
cursor: not-allowed;
|
|
3556
3327
|
}
|
|
3557
3328
|
|
|
3558
|
-
.aksel-combobox--disabled .aksel-combobox__selected-options {
|
|
3559
|
-
pointer-events: none;
|
|
3560
|
-
}
|
|
3561
|
-
|
|
3562
|
-
.aksel-combobox--disabled .aksel-combobox--readonly {
|
|
3329
|
+
.aksel-combobox--disabled .aksel-combobox__selected-options, .aksel-combobox--disabled .aksel-combobox--readonly {
|
|
3563
3330
|
pointer-events: none;
|
|
3564
3331
|
}
|
|
3565
3332
|
|
|
@@ -3580,11 +3347,7 @@
|
|
|
3580
3347
|
overflow: clip;
|
|
3581
3348
|
}
|
|
3582
3349
|
|
|
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 {
|
|
3350
|
+
.aksel-combobox--readonly .aksel-text-field__input, .aksel-combobox--readonly .aksel-combobox__input {
|
|
3588
3351
|
background-color: var(--ax-bg-neutral-moderate);
|
|
3589
3352
|
}
|
|
3590
3353
|
|
|
@@ -3713,11 +3476,7 @@
|
|
|
3713
3476
|
outline: none;
|
|
3714
3477
|
}
|
|
3715
3478
|
|
|
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 {
|
|
3479
|
+
.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
3480
|
outline: none;
|
|
3722
3481
|
}
|
|
3723
3482
|
}
|
|
@@ -3854,7 +3613,7 @@
|
|
|
3854
3613
|
border-radius: 0;
|
|
3855
3614
|
justify-content: flex-start;
|
|
3856
3615
|
gap: .25rem;
|
|
3857
|
-
margin-
|
|
3616
|
+
margin-block-start: calc(var(--ax-space-4) * -1);
|
|
3858
3617
|
}
|
|
3859
3618
|
|
|
3860
3619
|
.aksel-combobox__list-item--new-option svg {
|
|
@@ -3882,7 +3641,6 @@
|
|
|
3882
3641
|
}
|
|
3883
3642
|
|
|
3884
3643
|
.aksel-combobox__input {
|
|
3885
|
-
min-width: -webkit-min-content;
|
|
3886
3644
|
min-width: min-content;
|
|
3887
3645
|
padding: .75rem 0;
|
|
3888
3646
|
}
|
|
@@ -4082,9 +3840,8 @@
|
|
|
4082
3840
|
opacity: .001;
|
|
4083
3841
|
grid-template-rows: 0fr;
|
|
4084
3842
|
margin-top: -2px;
|
|
4085
|
-
padding-
|
|
4086
|
-
|
|
4087
|
-
transition-property: margin-top, opacity, visibility, padding-top, grid-template-rows;
|
|
3843
|
+
padding-block: 0;
|
|
3844
|
+
transition-property: margin-top, opacity, visibility, padding-block-start, grid-template-rows;
|
|
4088
3845
|
transition-duration: .3s;
|
|
4089
3846
|
transition-timing-function: cubic-bezier(.2, 0, 0, 1);
|
|
4090
3847
|
display: grid;
|
|
@@ -4141,11 +3898,7 @@
|
|
|
4141
3898
|
background-color: var(--ax-bg-moderate-hoverA);
|
|
4142
3899
|
}
|
|
4143
3900
|
|
|
4144
|
-
.aksel-accordion__header:hover:before {
|
|
4145
|
-
display: none;
|
|
4146
|
-
}
|
|
4147
|
-
|
|
4148
|
-
.aksel-accordion__header:hover:after {
|
|
3901
|
+
.aksel-accordion__header:hover:before, .aksel-accordion__header:hover:after {
|
|
4149
3902
|
display: none;
|
|
4150
3903
|
}
|
|
4151
3904
|
|
|
@@ -4168,11 +3921,7 @@
|
|
|
4168
3921
|
z-index: 1;
|
|
4169
3922
|
}
|
|
4170
3923
|
|
|
4171
|
-
.aksel-accordion__header:focus-visible:before {
|
|
4172
|
-
display: none;
|
|
4173
|
-
}
|
|
4174
|
-
|
|
4175
|
-
.aksel-accordion__header:focus-visible:after {
|
|
3924
|
+
.aksel-accordion__header:focus-visible:before, .aksel-accordion__header:focus-visible:after {
|
|
4176
3925
|
display: none;
|
|
4177
3926
|
}
|
|
4178
3927
|
|
|
@@ -4197,11 +3946,7 @@
|
|
|
4197
3946
|
bottom: 0;
|
|
4198
3947
|
}
|
|
4199
3948
|
|
|
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 {
|
|
3949
|
+
.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
3950
|
display: none;
|
|
4206
3951
|
}
|
|
4207
3952
|
|
|
@@ -4246,8 +3991,7 @@
|
|
|
4246
3991
|
opacity: 0;
|
|
4247
3992
|
border-color: rgba(0, 0, 0, 0);
|
|
4248
3993
|
grid-template-rows: 0fr;
|
|
4249
|
-
margin-
|
|
4250
|
-
margin-bottom: 0;
|
|
3994
|
+
margin-block: 0;
|
|
4251
3995
|
transition-property: visibility, opacity, grid-template-rows, margin, min-height;
|
|
4252
3996
|
transition-duration: .25s;
|
|
4253
3997
|
transition-timing-function: cubic-bezier(.2, 0, 0, 1);
|
|
@@ -4257,8 +4001,7 @@
|
|
|
4257
4001
|
|
|
4258
4002
|
.aksel-accordion__item > .aksel-accordion__content .aksel-accordion__content-inner {
|
|
4259
4003
|
min-height: 0;
|
|
4260
|
-
padding-
|
|
4261
|
-
padding-bottom: 0;
|
|
4004
|
+
padding-block: 0;
|
|
4262
4005
|
}
|
|
4263
4006
|
|
|
4264
4007
|
.aksel-accordion__item[data-expanded="true"] > .aksel-accordion__content {
|
|
@@ -4267,11 +4010,10 @@
|
|
|
4267
4010
|
border-color: var(--ax-border-neutral-subtleA);
|
|
4268
4011
|
opacity: 1;
|
|
4269
4012
|
grid-template-rows: 1fr;
|
|
4270
|
-
margin-
|
|
4013
|
+
margin-block-end: var(--ax-space-24);
|
|
4271
4014
|
}
|
|
4272
4015
|
|
|
4273
4016
|
.aksel-accordion__item[data-expanded="true"] > .aksel-accordion__content .aksel-accordion__content-inner {
|
|
4274
|
-
min-height: -webkit-fit-content;
|
|
4275
4017
|
min-height: fit-content;
|
|
4276
4018
|
}
|
|
4277
4019
|
|
|
@@ -4320,7 +4062,7 @@
|
|
|
4320
4062
|
|
|
4321
4063
|
.aksel-alert--small > .aksel-alert__icon {
|
|
4322
4064
|
height: var(--ax-font-line-height-large);
|
|
4323
|
-
margin-
|
|
4065
|
+
margin-block-start: 0;
|
|
4324
4066
|
}
|
|
4325
4067
|
|
|
4326
4068
|
.aksel-alert--full-width {
|
|
@@ -4341,24 +4083,16 @@
|
|
|
4341
4083
|
display: flex;
|
|
4342
4084
|
}
|
|
4343
4085
|
|
|
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);
|
|
4086
|
+
.aksel-alert--close-button > .aksel-alert__wrapper, .aksel-alert--close-button > .aksel-alert__icon {
|
|
4087
|
+
margin-block-start: var(--ax-space-2);
|
|
4350
4088
|
}
|
|
4351
4089
|
|
|
4352
4090
|
.aksel-alert--close-button.aksel-alert--small {
|
|
4353
4091
|
align-items: flex-start;
|
|
4354
4092
|
}
|
|
4355
4093
|
|
|
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);
|
|
4094
|
+
.aksel-alert--close-button.aksel-alert--small > .aksel-alert__wrapper, .aksel-alert--close-button.aksel-alert--small > .aksel-alert__icon {
|
|
4095
|
+
margin-block-start: var(--ax-space-4);
|
|
4362
4096
|
}
|
|
4363
4097
|
|
|
4364
4098
|
.aksel-base-alert {
|
|
@@ -4369,7 +4103,6 @@
|
|
|
4369
4103
|
--__axc-base-alert-header-icon-margin-block-start: var(--ax-space-8);
|
|
4370
4104
|
--__axc-base-alert-header-close-button-margin-block-start: var(--ax-space-4);
|
|
4371
4105
|
--__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
4106
|
height: fit-content;
|
|
4374
4107
|
display: grid;
|
|
4375
4108
|
overflow: clip;
|
|
@@ -4466,7 +4199,7 @@
|
|
|
4466
4199
|
.aksel-base-alert__close-button {
|
|
4467
4200
|
margin-left: auto;
|
|
4468
4201
|
z-index: 1;
|
|
4469
|
-
margin-
|
|
4202
|
+
margin-block-start: var(--__axc-base-alert-header-close-button-margin-block-start);
|
|
4470
4203
|
}
|
|
4471
4204
|
|
|
4472
4205
|
.aksel-base-alert__close-button:focus-visible {
|
|
@@ -4482,7 +4215,6 @@
|
|
|
4482
4215
|
outline: 1px solid var(--ax-border-default);
|
|
4483
4216
|
outline-offset: -1px;
|
|
4484
4217
|
background: var(--ax-bg-moderate);
|
|
4485
|
-
height: -webkit-fit-content;
|
|
4486
4218
|
height: fit-content;
|
|
4487
4219
|
color: var(--ax-text-default);
|
|
4488
4220
|
align-items: flex-start;
|
|
@@ -4506,32 +4238,17 @@
|
|
|
4506
4238
|
display: flex;
|
|
4507
4239
|
}
|
|
4508
4240
|
|
|
4509
|
-
.aksel-chat .aksel-chat__bubble {
|
|
4510
|
-
background-color: var(--ax-bg-moderateA);
|
|
4511
|
-
border: 1px solid var(--ax-border-subtleA);
|
|
4512
|
-
}
|
|
4513
|
-
|
|
4514
|
-
.aksel-chat .aksel-chat__avatar {
|
|
4241
|
+
.aksel-chat .aksel-chat__bubble, .aksel-chat .aksel-chat__avatar {
|
|
4515
4242
|
background-color: var(--ax-bg-moderateA);
|
|
4516
4243
|
border: 1px solid var(--ax-border-subtleA);
|
|
4517
4244
|
}
|
|
4518
4245
|
|
|
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 {
|
|
4246
|
+
.aksel-chat[data-variant="subtle"] .aksel-chat__bubble, .aksel-chat[data-variant="subtle"] .aksel-chat__avatar {
|
|
4525
4247
|
background-color: var(--ax-bg-softA);
|
|
4526
4248
|
border: 1px solid var(--ax-border-subtleA);
|
|
4527
4249
|
}
|
|
4528
4250
|
|
|
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 {
|
|
4251
|
+
.aksel-chat[data-color="neutral"][data-variant="subtle"] .aksel-chat__bubble, .aksel-chat[data-color="neutral"][data-variant="subtle"] .aksel-chat__avatar {
|
|
4535
4252
|
background-color: var(--ax-bg-raised);
|
|
4536
4253
|
border: 1px solid var(--ax-border-neutral-subtleA);
|
|
4537
4254
|
}
|
|
@@ -4584,7 +4301,6 @@
|
|
|
4584
4301
|
border-radius: var(--ax-radius-12);
|
|
4585
4302
|
border-bottom-left-radius: var(--ax-radius-2);
|
|
4586
4303
|
flex-direction: column;
|
|
4587
|
-
width: -webkit-fit-content;
|
|
4588
4304
|
width: fit-content;
|
|
4589
4305
|
display: flex;
|
|
4590
4306
|
}
|
|
@@ -4678,12 +4394,7 @@
|
|
|
4678
4394
|
background-color: var(--ax-bg-moderate-hoverA);
|
|
4679
4395
|
}
|
|
4680
4396
|
|
|
4681
|
-
.aksel-date .rdp-month {
|
|
4682
|
-
gap: var(--ax-space-20);
|
|
4683
|
-
display: grid;
|
|
4684
|
-
}
|
|
4685
|
-
|
|
4686
|
-
.aksel-date.rdp-month {
|
|
4397
|
+
.aksel-date .rdp-month, .aksel-date.rdp-month {
|
|
4687
4398
|
gap: var(--ax-space-20);
|
|
4688
4399
|
display: grid;
|
|
4689
4400
|
}
|
|
@@ -4745,11 +4456,7 @@
|
|
|
4745
4456
|
opacity: var(--ax-opacity-disabled);
|
|
4746
4457
|
}
|
|
4747
4458
|
|
|
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 {
|
|
4459
|
+
: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
4460
|
background: var(--ax-bg-moderate-hoverA);
|
|
4754
4461
|
}
|
|
4755
4462
|
|
|
@@ -4770,11 +4477,7 @@
|
|
|
4770
4477
|
transform: translateX(-50%);
|
|
4771
4478
|
}
|
|
4772
4479
|
|
|
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 {
|
|
4480
|
+
:is(.aksel-date .rdp-day_today.rdp-day_selected:not(.rdp-day_range_middle), .aksel-date .rdp-day_today:active):before {
|
|
4778
4481
|
background-color: var(--ax-text-contrast);
|
|
4779
4482
|
}
|
|
4780
4483
|
|
|
@@ -4783,18 +4486,13 @@
|
|
|
4783
4486
|
pointer-events: none;
|
|
4784
4487
|
}
|
|
4785
4488
|
|
|
4786
|
-
.aksel-date__modal .aksel-date {
|
|
4787
|
-
padding: 0;
|
|
4788
|
-
}
|
|
4789
|
-
|
|
4790
|
-
.aksel-date__modal-body > .aksel-date {
|
|
4489
|
+
.aksel-date__modal .aksel-date, .aksel-date__modal-body > .aksel-date {
|
|
4791
4490
|
padding: 0;
|
|
4792
4491
|
}
|
|
4793
4492
|
|
|
4794
4493
|
@media (max-width: 360px) {
|
|
4795
4494
|
.aksel-date__modal-body > .aksel-date {
|
|
4796
|
-
margin-
|
|
4797
|
-
margin-right: -12px;
|
|
4495
|
+
margin-inline: -12px;
|
|
4798
4496
|
}
|
|
4799
4497
|
}
|
|
4800
4498
|
|
|
@@ -4839,28 +4537,16 @@
|
|
|
4839
4537
|
}
|
|
4840
4538
|
|
|
4841
4539
|
.aksel-date__wrapper, .aksel-date__standalone-wrapper {
|
|
4842
|
-
width: -webkit-fit-content;
|
|
4843
4540
|
width: fit-content;
|
|
4844
|
-
height: -webkit-fit-content;
|
|
4845
4541
|
height: fit-content;
|
|
4846
4542
|
}
|
|
4847
4543
|
|
|
4848
|
-
:is(.aksel-date__wrapper, .aksel-date__standalone-wrapper) .rdp-cell > button.rdp-day:focus-visible .rdp-day__inner {
|
|
4849
|
-
outline: 3px solid var(--ax-border-focus);
|
|
4850
|
-
outline-offset: 3px;
|
|
4851
|
-
}
|
|
4852
|
-
|
|
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 {
|
|
4544
|
+
: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 {
|
|
4859
4545
|
outline: 3px solid var(--ax-border-focus);
|
|
4860
4546
|
outline-offset: 3px;
|
|
4861
4547
|
}
|
|
4862
4548
|
|
|
4863
|
-
:is(.aksel-date__wrapper, .aksel-date__standalone-wrapper) button.aksel-date__month-button:active:not(:disabled) .rdp-day__inner {
|
|
4549
|
+
: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
4550
|
color: var(--ax-text-contrast);
|
|
4865
4551
|
background-color: var(--ax-bg-strong-pressed);
|
|
4866
4552
|
}
|
|
@@ -4883,38 +4569,17 @@
|
|
|
4883
4569
|
.aksel-date__field-button {
|
|
4884
4570
|
--__axc-button-border-width: 1px;
|
|
4885
4571
|
--__axc-button-border-color: var(--ax-border-neutral);
|
|
4572
|
+
border-start-start-radius: 0;
|
|
4573
|
+
border-end-start-radius: 0;
|
|
4886
4574
|
position: relative;
|
|
4887
4575
|
}
|
|
4888
4576
|
|
|
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
4577
|
.aksel-date__field-button:focus-visible {
|
|
4905
4578
|
outline: 3px solid var(--ax-border-focus);
|
|
4906
4579
|
outline-offset: 3px;
|
|
4907
4580
|
}
|
|
4908
4581
|
|
|
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 {
|
|
4582
|
+
.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
4583
|
--__axc-button-border-color: var(--ax-border-strong);
|
|
4919
4584
|
}
|
|
4920
4585
|
|
|
@@ -4941,16 +4606,12 @@
|
|
|
4941
4606
|
background-color: var(--ax-bg-input);
|
|
4942
4607
|
z-index: -1;
|
|
4943
4608
|
position: absolute;
|
|
4944
|
-
|
|
4945
|
-
bottom: 0;
|
|
4946
|
-
left: 0;
|
|
4947
|
-
right: 0;
|
|
4609
|
+
inset: 0;
|
|
4948
4610
|
}
|
|
4949
4611
|
|
|
4950
4612
|
.aksel-date__field-wrapper {
|
|
4951
4613
|
border-radius: var(--ax-radius-8);
|
|
4952
4614
|
z-index: 0;
|
|
4953
|
-
width: -webkit-fit-content;
|
|
4954
4615
|
width: fit-content;
|
|
4955
4616
|
display: inline-flex;
|
|
4956
4617
|
}
|
|
@@ -5043,12 +4704,7 @@
|
|
|
5043
4704
|
}
|
|
5044
4705
|
}
|
|
5045
4706
|
|
|
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] {
|
|
4707
|
+
.aksel-dialog__popup[data-entering-style], .aksel-dialog__popup[data-exiting-style] {
|
|
5052
4708
|
opacity: .001;
|
|
5053
4709
|
transform: var(--__axc-dialog-transform);
|
|
5054
4710
|
}
|
|
@@ -5078,10 +4734,7 @@
|
|
|
5078
4734
|
pointer-events: none;
|
|
5079
4735
|
transition: opacity cubic-bezier(.25, .46, .45, .94);
|
|
5080
4736
|
position: absolute;
|
|
5081
|
-
|
|
5082
|
-
bottom: 0;
|
|
5083
|
-
left: 0;
|
|
5084
|
-
right: 0;
|
|
4737
|
+
inset: 0;
|
|
5085
4738
|
}
|
|
5086
4739
|
|
|
5087
4740
|
.aksel-dialog__popup[data-position="center"] {
|
|
@@ -5089,21 +4742,14 @@
|
|
|
5089
4742
|
--__axc-dialog-transform: scale(.98);
|
|
5090
4743
|
max-width: calc(100dvw - 3rem);
|
|
5091
4744
|
max-height: calc(90dvh - var(--__axc-dialog-center-margin));
|
|
5092
|
-
margin-
|
|
5093
|
-
margin-right: auto;
|
|
4745
|
+
margin-inline: auto;
|
|
5094
4746
|
margin-block: max(var(--__axc-dialog-center-margin), 10dvh) auto;
|
|
5095
4747
|
top: 0;
|
|
5096
4748
|
left: 0;
|
|
5097
4749
|
right: 0;
|
|
5098
4750
|
}
|
|
5099
4751
|
|
|
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] {
|
|
4752
|
+
.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
4753
|
opacity: 1;
|
|
5108
4754
|
transition-duration: 0s;
|
|
5109
4755
|
transform: scale(1);
|
|
@@ -5122,35 +4768,19 @@
|
|
|
5122
4768
|
max-width: 95dvw;
|
|
5123
4769
|
height: auto;
|
|
5124
4770
|
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;
|
|
4771
|
+
margin-block: 0;
|
|
4772
|
+
margin-inline: auto;
|
|
4773
|
+
inset: auto 0 0;
|
|
5133
4774
|
}
|
|
5134
4775
|
}
|
|
5135
4776
|
|
|
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"] {
|
|
4777
|
+
.aksel-dialog__popup[data-position="right"], .aksel-dialog__popup[data-position="left"] {
|
|
5148
4778
|
max-width: calc(100vw - max(16px, 10vw));
|
|
5149
4779
|
top: 0;
|
|
5150
4780
|
bottom: 0;
|
|
5151
4781
|
}
|
|
5152
4782
|
|
|
5153
|
-
.aksel-dialog__popup[data-position="left"][data-nested-dialog-open="true"]:after {
|
|
4783
|
+
:is(.aksel-dialog__popup[data-position="right"], .aksel-dialog__popup[data-position="left"])[data-nested-dialog-open="true"]:after {
|
|
5154
4784
|
opacity: 1;
|
|
5155
4785
|
transition-duration: .1s;
|
|
5156
4786
|
}
|
|
@@ -5179,8 +4809,7 @@
|
|
|
5179
4809
|
max-width: 95dvw;
|
|
5180
4810
|
height: auto;
|
|
5181
4811
|
max-height: calc(100dvh - max(16px, 10dvh));
|
|
5182
|
-
margin-
|
|
5183
|
-
margin-right: auto;
|
|
4812
|
+
margin-inline: auto;
|
|
5184
4813
|
bottom: 0;
|
|
5185
4814
|
left: 0;
|
|
5186
4815
|
right: 0;
|
|
@@ -5198,10 +4827,7 @@
|
|
|
5198
4827
|
max-width: 100dvw;
|
|
5199
4828
|
height: 100%;
|
|
5200
4829
|
max-height: 100dvh;
|
|
5201
|
-
|
|
5202
|
-
bottom: 0;
|
|
5203
|
-
left: 0;
|
|
5204
|
-
right: 0;
|
|
4830
|
+
inset: 0;
|
|
5205
4831
|
}
|
|
5206
4832
|
|
|
5207
4833
|
.aksel-dialog__backdrop {
|
|
@@ -5210,10 +4836,7 @@
|
|
|
5210
4836
|
min-height: 100dvh;
|
|
5211
4837
|
transition: opacity .2s cubic-bezier(.25, .46, .45, .94);
|
|
5212
4838
|
position: fixed;
|
|
5213
|
-
|
|
5214
|
-
bottom: 0;
|
|
5215
|
-
left: 0;
|
|
5216
|
-
right: 0;
|
|
4839
|
+
inset: 0;
|
|
5217
4840
|
}
|
|
5218
4841
|
|
|
5219
4842
|
@supports (-webkit-touch-callout: none) {
|
|
@@ -5222,11 +4845,7 @@
|
|
|
5222
4845
|
}
|
|
5223
4846
|
}
|
|
5224
4847
|
|
|
5225
|
-
.aksel-dialog__backdrop[data-entering-style] {
|
|
5226
|
-
opacity: .001;
|
|
5227
|
-
}
|
|
5228
|
-
|
|
5229
|
-
.aksel-dialog__backdrop[data-exiting-style] {
|
|
4848
|
+
.aksel-dialog__backdrop[data-entering-style], .aksel-dialog__backdrop[data-exiting-style] {
|
|
5230
4849
|
opacity: .001;
|
|
5231
4850
|
}
|
|
5232
4851
|
|
|
@@ -5236,7 +4855,7 @@
|
|
|
5236
4855
|
}
|
|
5237
4856
|
|
|
5238
4857
|
.aksel-dialog__title {
|
|
5239
|
-
margin-
|
|
4858
|
+
margin-block-end: var(--ax-space-4);
|
|
5240
4859
|
}
|
|
5241
4860
|
|
|
5242
4861
|
.aksel-dialog__close-button {
|
|
@@ -5253,7 +4872,7 @@
|
|
|
5253
4872
|
}
|
|
5254
4873
|
|
|
5255
4874
|
.aksel-dialog__header ~ .aksel-dialog__body {
|
|
5256
|
-
padding-
|
|
4875
|
+
padding-block-start: 0;
|
|
5257
4876
|
}
|
|
5258
4877
|
|
|
5259
4878
|
.aksel-dialog__body {
|
|
@@ -5292,8 +4911,7 @@
|
|
|
5292
4911
|
color: var(--ax-text-neutral);
|
|
5293
4912
|
width: 27ch;
|
|
5294
4913
|
max-height: 616px;
|
|
5295
|
-
overflow
|
|
5296
|
-
overflow-y: auto;
|
|
4914
|
+
overflow: hidden auto;
|
|
5297
4915
|
}
|
|
5298
4916
|
|
|
5299
4917
|
.aksel-dropdown__divider {
|
|
@@ -5538,15 +5156,7 @@
|
|
|
5538
5156
|
display: grid;
|
|
5539
5157
|
}
|
|
5540
5158
|
|
|
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 {
|
|
5159
|
+
.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
5160
|
display: block;
|
|
5551
5161
|
}
|
|
5552
5162
|
|
|
@@ -5561,7 +5171,6 @@
|
|
|
5561
5171
|
border-radius: var(--ax-radius-12);
|
|
5562
5172
|
background-color: var(--ax-bg-softA);
|
|
5563
5173
|
border: 1px solid var(--ax-border-default);
|
|
5564
|
-
height: -webkit-fit-content;
|
|
5565
5174
|
height: fit-content;
|
|
5566
5175
|
}
|
|
5567
5176
|
|
|
@@ -5583,10 +5192,6 @@
|
|
|
5583
5192
|
margin-top: var(--ax-space-2);
|
|
5584
5193
|
}
|
|
5585
5194
|
|
|
5586
|
-
.aksel-expansioncard--small :-webkit-any(.aksel-expansioncard__title--medium, .aksel-expansioncard__title--large) {
|
|
5587
|
-
margin-top: 0;
|
|
5588
|
-
}
|
|
5589
|
-
|
|
5590
5195
|
.aksel-expansioncard--small :is(.aksel-expansioncard__title--medium, .aksel-expansioncard__title--large) {
|
|
5591
5196
|
margin-top: 0;
|
|
5592
5197
|
}
|
|
@@ -5669,10 +5274,7 @@
|
|
|
5669
5274
|
width: 100%;
|
|
5670
5275
|
height: 100%;
|
|
5671
5276
|
position: absolute;
|
|
5672
|
-
|
|
5673
|
-
bottom: 0;
|
|
5674
|
-
left: 0;
|
|
5675
|
-
right: 0;
|
|
5277
|
+
inset: 0;
|
|
5676
5278
|
}
|
|
5677
5279
|
|
|
5678
5280
|
.aksel-expansioncard__header:hover > .aksel-expansioncard__header-button {
|
|
@@ -5694,31 +5296,17 @@
|
|
|
5694
5296
|
.aksel-expansioncard__content {
|
|
5695
5297
|
padding-inline: var(--__axc-expansioncard-padding-inline);
|
|
5696
5298
|
visibility: hidden;
|
|
5299
|
+
border-end-end-radius: var(--__axc-expansioncard-border-radius);
|
|
5300
|
+
border-end-start-radius: var(--__axc-expansioncard-border-radius);
|
|
5697
5301
|
grid-template-rows: 0fr;
|
|
5698
|
-
padding-
|
|
5699
|
-
|
|
5700
|
-
transition-property: visibility, padding-top, padding-bottom, grid-template-rows;
|
|
5302
|
+
padding-block: 0;
|
|
5303
|
+
transition-property: visibility, padding-block, grid-template-rows;
|
|
5701
5304
|
transition-duration: .25s;
|
|
5702
5305
|
transition-timing-function: cubic-bezier(.2, 0, 0, 1);
|
|
5703
5306
|
display: grid;
|
|
5704
5307
|
overflow: hidden;
|
|
5705
5308
|
}
|
|
5706
5309
|
|
|
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
5310
|
.aksel-expansioncard__content[data-open="true"] {
|
|
5723
5311
|
visibility: visible;
|
|
5724
5312
|
padding-block: var(--__axc-expansioncard-padding-block);
|
|
@@ -5737,18 +5325,12 @@
|
|
|
5737
5325
|
|
|
5738
5326
|
.aksel-guide-panel {
|
|
5739
5327
|
--__axc-guide-panel-guide-size: 5rem;
|
|
5740
|
-
width: -webkit-fit-content;
|
|
5741
5328
|
width: fit-content;
|
|
5742
5329
|
display: flex;
|
|
5743
5330
|
position: relative;
|
|
5744
5331
|
}
|
|
5745
5332
|
|
|
5746
|
-
.aksel-guide-panel[data-poster="true"] {
|
|
5747
|
-
flex-direction: column;
|
|
5748
|
-
align-items: center;
|
|
5749
|
-
}
|
|
5750
|
-
|
|
5751
|
-
.aksel-guide-panel[data-responsive="true"] {
|
|
5333
|
+
.aksel-guide-panel[data-poster="true"], .aksel-guide-panel[data-responsive="true"] {
|
|
5752
5334
|
flex-direction: column;
|
|
5753
5335
|
align-items: center;
|
|
5754
5336
|
}
|
|
@@ -5795,10 +5377,6 @@
|
|
|
5795
5377
|
position: relative;
|
|
5796
5378
|
}
|
|
5797
5379
|
|
|
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
5380
|
.aksel-guide-panel:is([data-poster="true"], [data-responsive="true"]) > .aksel-guide-panel__content {
|
|
5803
5381
|
margin-top: var(--ax-space-20);
|
|
5804
5382
|
}
|
|
@@ -5841,12 +5419,6 @@
|
|
|
5841
5419
|
position: absolute;
|
|
5842
5420
|
}
|
|
5843
5421
|
|
|
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
5422
|
.aksel-guide-panel:is([data-poster="true"], [data-responsive="true"]) .aksel-guide-panel__tail {
|
|
5851
5423
|
left: 50%;
|
|
5852
5424
|
top: calc(var(--ax-space-16) * -1 - 2px);
|
|
@@ -5856,14 +5428,14 @@
|
|
|
5856
5428
|
.aksel-guide-panel[data-poster="false"] .aksel-guide-panel__tail {
|
|
5857
5429
|
top: calc(var(--__axc-guide-panel-guide-size) / 2);
|
|
5858
5430
|
left: calc(var(--ax-space-20) * -1 - 2px);
|
|
5859
|
-
transform: translateY(-15%)rotateZ(-90deg)scaleX(-1);
|
|
5431
|
+
transform: translateY(-15%) rotateZ(-90deg) scaleX(-1);
|
|
5860
5432
|
}
|
|
5861
5433
|
|
|
5862
5434
|
@media (min-width: 480px) {
|
|
5863
5435
|
.aksel-guide-panel[data-responsive="true"] .aksel-guide-panel__tail {
|
|
5864
5436
|
top: calc(var(--__axc-guide-panel-guide-size) / 2);
|
|
5865
5437
|
left: calc(var(--ax-space-20) * -1 - 2px);
|
|
5866
|
-
transform: translateY(-15%)rotateZ(-90deg)scaleX(-1);
|
|
5438
|
+
transform: translateY(-15%) rotateZ(-90deg) scaleX(-1);
|
|
5867
5439
|
}
|
|
5868
5440
|
}
|
|
5869
5441
|
|
|
@@ -5892,11 +5464,7 @@
|
|
|
5892
5464
|
border: 1px solid var(--ax-border-default);
|
|
5893
5465
|
}
|
|
5894
5466
|
|
|
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 {
|
|
5467
|
+
.aksel-help-text__icon--filled, .aksel-help-text__button:where(:hover, :focus-visible, [aria-expanded="true"]) > .aksel-help-text__icon {
|
|
5900
5468
|
display: none;
|
|
5901
5469
|
}
|
|
5902
5470
|
|
|
@@ -5932,7 +5500,7 @@
|
|
|
5932
5500
|
.aksel-inline-message__icon {
|
|
5933
5501
|
color: var(--ax-text-subtle);
|
|
5934
5502
|
flex: none;
|
|
5935
|
-
margin-
|
|
5503
|
+
margin-block-start: var(--ax-space-2);
|
|
5936
5504
|
font-size: 1.5rem;
|
|
5937
5505
|
}
|
|
5938
5506
|
|
|
@@ -5960,8 +5528,7 @@
|
|
|
5960
5528
|
font: inherit;
|
|
5961
5529
|
font-weight: var(--ax-font-weight-bold);
|
|
5962
5530
|
text-align: left;
|
|
5963
|
-
padding-
|
|
5964
|
-
padding-bottom: 0;
|
|
5531
|
+
padding-block: 0;
|
|
5965
5532
|
padding-inline: var(--ax-space-24) var(--ax-space-20);
|
|
5966
5533
|
border: none;
|
|
5967
5534
|
border-right: 1px solid var(--ax-border-neutral-subtleA);
|
|
@@ -5975,10 +5542,6 @@
|
|
|
5975
5542
|
overflow: visible;
|
|
5976
5543
|
}
|
|
5977
5544
|
|
|
5978
|
-
.aksel-internalheader__title:-webkit-any(button) {
|
|
5979
|
-
cursor: pointer;
|
|
5980
|
-
}
|
|
5981
|
-
|
|
5982
5545
|
.aksel-internalheader__title:is(button) {
|
|
5983
5546
|
cursor: pointer;
|
|
5984
5547
|
}
|
|
@@ -5987,10 +5550,6 @@
|
|
|
5987
5550
|
background: var(--ax-bg-neutral-moderate-hoverA);
|
|
5988
5551
|
}
|
|
5989
5552
|
|
|
5990
|
-
.aksel-internalheader__title:-webkit-any(:hover, :active):not(button, a) {
|
|
5991
|
-
background: initial;
|
|
5992
|
-
}
|
|
5993
|
-
|
|
5994
5553
|
.aksel-internalheader__title:is(:hover, :active):not(button, a) {
|
|
5995
5554
|
background: initial;
|
|
5996
5555
|
}
|
|
@@ -6076,11 +5635,7 @@
|
|
|
6076
5635
|
display: inline-flex;
|
|
6077
5636
|
}
|
|
6078
5637
|
|
|
6079
|
-
.aksel-link:hover {
|
|
6080
|
-
text-decoration-thickness: .111em;
|
|
6081
|
-
}
|
|
6082
|
-
|
|
6083
|
-
.aksel-link:active {
|
|
5638
|
+
.aksel-link:hover, .aksel-link:active {
|
|
6084
5639
|
text-decoration-thickness: .111em;
|
|
6085
5640
|
}
|
|
6086
5641
|
|
|
@@ -6190,11 +5745,7 @@
|
|
|
6190
5745
|
color: var(--ax-text-subtle);
|
|
6191
5746
|
}
|
|
6192
5747
|
|
|
6193
|
-
.aksel-link-anchor:hover {
|
|
6194
|
-
text-decoration-thickness: .111em;
|
|
6195
|
-
}
|
|
6196
|
-
|
|
6197
|
-
.aksel-link-anchor__overlay:hover .aksel-link-anchor {
|
|
5748
|
+
.aksel-link-anchor:hover, .aksel-link-anchor__overlay:hover .aksel-link-anchor {
|
|
6198
5749
|
text-decoration-thickness: .111em;
|
|
6199
5750
|
}
|
|
6200
5751
|
|
|
@@ -6214,11 +5765,7 @@
|
|
|
6214
5765
|
transform: translateX(0);
|
|
6215
5766
|
}
|
|
6216
5767
|
|
|
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 {
|
|
5768
|
+
.aksel-link-anchor:hover .aksel-link-anchor__arrow, .aksel-link-anchor__overlay:hover .aksel-link-anchor__arrow {
|
|
6222
5769
|
transform: translateX(4px);
|
|
6223
5770
|
}
|
|
6224
5771
|
|
|
@@ -6260,11 +5807,7 @@
|
|
|
6260
5807
|
align-items: center;
|
|
6261
5808
|
}
|
|
6262
5809
|
|
|
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 {
|
|
5810
|
+
.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
5811
|
align-self: center;
|
|
6269
5812
|
}
|
|
6270
5813
|
|
|
@@ -6285,17 +5828,13 @@
|
|
|
6285
5828
|
grid-area: title;
|
|
6286
5829
|
}
|
|
6287
5830
|
|
|
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"] {
|
|
5831
|
+
.aksel-link-card[data-color="neutral"] .aksel-link-card__title, .aksel-link-card__title[data-color="neutral"] {
|
|
6293
5832
|
color: var(--ax-text-default);
|
|
6294
5833
|
}
|
|
6295
5834
|
|
|
6296
5835
|
.aksel-link-card__description {
|
|
6297
5836
|
grid-area: description;
|
|
6298
|
-
margin-
|
|
5837
|
+
margin-block-start: var(--ax-space-4);
|
|
6299
5838
|
}
|
|
6300
5839
|
|
|
6301
5840
|
.aksel-link-card__footer {
|
|
@@ -6303,44 +5842,23 @@
|
|
|
6303
5842
|
gap: var(--ax-space-8);
|
|
6304
5843
|
flex-wrap: wrap;
|
|
6305
5844
|
grid-area: footer;
|
|
6306
|
-
margin-
|
|
5845
|
+
margin-block-start: var(--ax-space-16);
|
|
6307
5846
|
display: flex;
|
|
6308
5847
|
}
|
|
6309
5848
|
|
|
6310
5849
|
.aksel-link-card__icon {
|
|
6311
|
-
width: -webkit-max-content;
|
|
6312
5850
|
width: max-content;
|
|
6313
|
-
height: -webkit-max-content;
|
|
6314
5851
|
height: max-content;
|
|
6315
5852
|
color: var(--ax-text-default);
|
|
6316
5853
|
grid-area: icon;
|
|
6317
5854
|
place-content: center;
|
|
6318
5855
|
align-self: flex-start;
|
|
5856
|
+
margin-inline-end: var(--ax-space-16);
|
|
6319
5857
|
display: grid;
|
|
6320
5858
|
}
|
|
6321
5859
|
|
|
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);
|
|
5860
|
+
.aksel-link-card--small .aksel-link-card__icon {
|
|
5861
|
+
margin-inline-end: var(--ax-space-12);
|
|
6344
5862
|
}
|
|
6345
5863
|
|
|
6346
5864
|
.aksel-link-card__image-container {
|
|
@@ -6354,13 +5872,6 @@
|
|
|
6354
5872
|
overflow: hidden;
|
|
6355
5873
|
}
|
|
6356
5874
|
|
|
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
5875
|
.aksel-link-card__image-container :is(img, picture) {
|
|
6365
5876
|
object-fit: cover;
|
|
6366
5877
|
max-width: 100%;
|
|
@@ -6370,18 +5881,7 @@
|
|
|
6370
5881
|
|
|
6371
5882
|
.aksel-link-card__arrow {
|
|
6372
5883
|
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);
|
|
5884
|
+
margin-inline-start: var(--ax-space-8);
|
|
6385
5885
|
}
|
|
6386
5886
|
|
|
6387
5887
|
.aksel-link-card[data-align-arrow="baseline"] .aksel-link-card__arrow {
|
|
@@ -6413,9 +5913,7 @@
|
|
|
6413
5913
|
}
|
|
6414
5914
|
|
|
6415
5915
|
.aksel-modal--polyfilled {
|
|
6416
|
-
width: -webkit-fit-content;
|
|
6417
5916
|
width: fit-content;
|
|
6418
|
-
height: -webkit-fit-content;
|
|
6419
5917
|
height: fit-content;
|
|
6420
5918
|
margin: auto;
|
|
6421
5919
|
top: 50%;
|
|
@@ -6434,17 +5932,10 @@
|
|
|
6434
5932
|
|
|
6435
5933
|
._dialog_overlay {
|
|
6436
5934
|
position: fixed;
|
|
6437
|
-
|
|
6438
|
-
bottom: 0;
|
|
6439
|
-
left: 0;
|
|
6440
|
-
right: 0;
|
|
5935
|
+
inset: 0;
|
|
6441
5936
|
}
|
|
6442
5937
|
|
|
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 {
|
|
5938
|
+
.aksel-modal--small .aksel-modal__header, .aksel-modal--small .aksel-modal__body {
|
|
6448
5939
|
padding: var(--ax-space-12) var(--ax-space-16);
|
|
6449
5940
|
}
|
|
6450
5941
|
|
|
@@ -6490,10 +5981,7 @@
|
|
|
6490
5981
|
.aksel-modal--polyfilled + .backdrop {
|
|
6491
5982
|
background: rgba(12, 22, 39, .66);
|
|
6492
5983
|
position: fixed;
|
|
6493
|
-
|
|
6494
|
-
bottom: 0;
|
|
6495
|
-
left: 0;
|
|
6496
|
-
right: 0;
|
|
5984
|
+
inset: 0;
|
|
6497
5985
|
}
|
|
6498
5986
|
|
|
6499
5987
|
.aksel-modal__button {
|
|
@@ -6553,7 +6041,6 @@
|
|
|
6553
6041
|
}
|
|
6554
6042
|
|
|
6555
6043
|
.aksel-modal--polyfilled .aksel-modal--polyfilled.aksel-date__nested-modal {
|
|
6556
|
-
min-width: -webkit-fit-content;
|
|
6557
6044
|
min-width: fit-content;
|
|
6558
6045
|
max-width: 100vw;
|
|
6559
6046
|
max-height: 100vh;
|
|
@@ -6727,26 +6214,14 @@
|
|
|
6727
6214
|
|
|
6728
6215
|
.aksel-tag__icon--left {
|
|
6729
6216
|
font-size: var(--__axc-tag-icon-size);
|
|
6217
|
+
margin-inline-start: var(--__axc-tag-icon-margin);
|
|
6730
6218
|
display: flex;
|
|
6731
6219
|
}
|
|
6732
6220
|
|
|
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
6221
|
.aksel-timeline {
|
|
6746
6222
|
grid-template-columns: auto minmax(0, 1fr);
|
|
6747
6223
|
align-items: center;
|
|
6748
6224
|
width: 100%;
|
|
6749
|
-
min-width: -webkit-fit-content;
|
|
6750
6225
|
min-width: fit-content;
|
|
6751
6226
|
display: grid;
|
|
6752
6227
|
position: relative;
|
|
@@ -6920,10 +6395,7 @@
|
|
|
6920
6395
|
width: 25px;
|
|
6921
6396
|
height: 25px;
|
|
6922
6397
|
position: absolute;
|
|
6923
|
-
|
|
6924
|
-
bottom: 0;
|
|
6925
|
-
left: -9px;
|
|
6926
|
-
right: 0;
|
|
6398
|
+
inset: -9px 0 0 -9px;
|
|
6927
6399
|
}
|
|
6928
6400
|
|
|
6929
6401
|
.aksel-timeline__pin-button:hover {
|
|
@@ -7033,13 +6505,7 @@
|
|
|
7033
6505
|
outline: 4px solid rgba(0, 0, 0, 0);
|
|
7034
6506
|
}
|
|
7035
6507
|
|
|
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 {
|
|
6508
|
+
.aksel-timeline__pin-button:focus, .aksel-timeline__pin-button:focus-visible {
|
|
7043
6509
|
outline-offset: 3px;
|
|
7044
6510
|
box-shadow: none;
|
|
7045
6511
|
outline: 4px solid highlight;
|
|
@@ -7203,7 +6669,6 @@
|
|
|
7203
6669
|
border: none;
|
|
7204
6670
|
justify-content: center;
|
|
7205
6671
|
align-items: center;
|
|
7206
|
-
min-width: -webkit-fit-content;
|
|
7207
6672
|
min-width: fit-content;
|
|
7208
6673
|
display: inline-flex;
|
|
7209
6674
|
position: relative;
|
|
@@ -7523,7 +6988,6 @@
|
|
|
7523
6988
|
}
|
|
7524
6989
|
|
|
7525
6990
|
.aksel-skeleton--has-children.aksel-skeleton--no-width {
|
|
7526
|
-
width: -webkit-fit-content;
|
|
7527
6991
|
width: fit-content;
|
|
7528
6992
|
}
|
|
7529
6993
|
|
|
@@ -7584,15 +7048,15 @@
|
|
|
7584
7048
|
|
|
7585
7049
|
.aksel-process__event[data-dot="true"] {
|
|
7586
7050
|
--__axc-process-circle-size: var(--__axc-process-circle-small);
|
|
7587
|
-
margin-
|
|
7051
|
+
margin-block-start: calc((var(--__axc-process-circle-small) / 2) * -1);
|
|
7588
7052
|
}
|
|
7589
7053
|
|
|
7590
7054
|
.aksel-process__event[data-dot="true"] .aksel-process__line[data-position="start"] {
|
|
7591
|
-
margin-
|
|
7055
|
+
margin-block-end: calc(var(--__axc-process-circle-size) / 2 * -1);
|
|
7592
7056
|
}
|
|
7593
7057
|
|
|
7594
7058
|
.aksel-process__event[data-dot="true"] .aksel-process__line[data-position="end"] {
|
|
7595
|
-
margin-
|
|
7059
|
+
margin-block-start: calc(var(--__axc-process-circle-size) / 2);
|
|
7596
7060
|
}
|
|
7597
7061
|
|
|
7598
7062
|
.aksel-process__event[data-dot="true"] .aksel-process__bullet {
|
|
@@ -7618,29 +7082,12 @@
|
|
|
7618
7082
|
}
|
|
7619
7083
|
|
|
7620
7084
|
.aksel-process__event:first-of-type .aksel-process__line[data-position="start"] {
|
|
7085
|
+
border-start-start-radius: var(--ax-radius-4);
|
|
7086
|
+
border-start-end-radius: var(--ax-radius-4);
|
|
7621
7087
|
min-height: 1.5rem;
|
|
7622
7088
|
}
|
|
7623
7089
|
|
|
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"] {
|
|
7090
|
+
.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
7091
|
display: none;
|
|
7645
7092
|
}
|
|
7646
7093
|
|
|
@@ -7653,24 +7100,11 @@
|
|
|
7653
7100
|
}
|
|
7654
7101
|
|
|
7655
7102
|
.aksel-process__event:last-of-type .aksel-process__line[data-position="end"] {
|
|
7103
|
+
border-end-end-radius: var(--ax-radius-4);
|
|
7104
|
+
border-end-start-radius: var(--ax-radius-4);
|
|
7656
7105
|
min-height: 1.5rem;
|
|
7657
7106
|
}
|
|
7658
7107
|
|
|
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
7108
|
.aksel-process__event[data-status="active"] .aksel-process__line {
|
|
7675
7109
|
border-color: var(--ax-border-default);
|
|
7676
7110
|
border-image: linear-gradient(to bottom, var(--ax-border-default) 50%, var(--ax-border-neutral-subtle) 90%);
|
|
@@ -7726,12 +7160,6 @@
|
|
|
7726
7160
|
width: min(calc(var(--__axc-process-circle-size) * .75), 1.5rem);
|
|
7727
7161
|
}
|
|
7728
7162
|
|
|
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
7163
|
.aksel-process__event:is([data-status="completed"], [data-status="active"]) .aksel-process__bullet {
|
|
7736
7164
|
color: var(--ax-text-contrast);
|
|
7737
7165
|
background: var(--ax-bg-strong);
|
|
@@ -7758,7 +7186,7 @@
|
|
|
7758
7186
|
}
|
|
7759
7187
|
|
|
7760
7188
|
.aksel-process__event[data-status="active"] .aksel-process__title:has( + .aksel-process__active-label) {
|
|
7761
|
-
padding-
|
|
7189
|
+
padding-block-end: 0;
|
|
7762
7190
|
}
|
|
7763
7191
|
|
|
7764
7192
|
.aksel-process__active-label {
|
|
@@ -7767,7 +7195,7 @@
|
|
|
7767
7195
|
}
|
|
7768
7196
|
|
|
7769
7197
|
.aksel-process__active-label:last-of-type {
|
|
7770
|
-
margin-
|
|
7198
|
+
margin-block-end: 0;
|
|
7771
7199
|
}
|
|
7772
7200
|
|
|
7773
7201
|
@media (forced-colors: active) {
|
|
@@ -7775,13 +7203,6 @@
|
|
|
7775
7203
|
transition: none;
|
|
7776
7204
|
}
|
|
7777
7205
|
|
|
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
7206
|
.aksel-process__event:is([data-status="completed"], [data-status="active"]) .aksel-process__bullet {
|
|
7786
7207
|
color: buttonface;
|
|
7787
7208
|
forced-color-adjust: none;
|
|
@@ -7872,18 +7293,7 @@
|
|
|
7872
7293
|
margin-bottom: 0;
|
|
7873
7294
|
}
|
|
7874
7295
|
|
|
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
7296
|
.aksel-stepper__step:is(button) {
|
|
7886
|
-
-webkit-appearance: none;
|
|
7887
7297
|
appearance: none;
|
|
7888
7298
|
font: inherit;
|
|
7889
7299
|
color: inherit;
|
|
@@ -7921,11 +7331,7 @@
|
|
|
7921
7331
|
text-decoration-thickness: .05em;
|
|
7922
7332
|
}
|
|
7923
7333
|
|
|
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 {
|
|
7334
|
+
:is(.aksel-stepper__step[data-interactive="true"]:hover, .aksel-stepper__step[data-interactive="true"]:active) .aksel-stepper__content {
|
|
7929
7335
|
text-decoration-thickness: .111em;
|
|
7930
7336
|
}
|
|
7931
7337
|
|
|
@@ -7966,7 +7372,6 @@
|
|
|
7966
7372
|
|
|
7967
7373
|
.aksel-stepper__content {
|
|
7968
7374
|
grid-column: content;
|
|
7969
|
-
min-width: -webkit-fit-content;
|
|
7970
7375
|
min-width: fit-content;
|
|
7971
7376
|
padding-top: .16rem;
|
|
7972
7377
|
line-height: 1.5;
|
|
@@ -8002,11 +7407,7 @@
|
|
|
8002
7407
|
flex: 100%;
|
|
8003
7408
|
}
|
|
8004
7409
|
|
|
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 {
|
|
7410
|
+
.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
7411
|
visibility: hidden;
|
|
8011
7412
|
}
|
|
8012
7413
|
|
|
@@ -8066,7 +7467,6 @@
|
|
|
8066
7467
|
z-index: 10;
|
|
8067
7468
|
background-color: var(--ax-bg-default);
|
|
8068
7469
|
box-sizing: border-box;
|
|
8069
|
-
position: -webkit-sticky;
|
|
8070
7470
|
position: sticky;
|
|
8071
7471
|
top: 0;
|
|
8072
7472
|
}
|
|
@@ -8088,10 +7488,6 @@
|
|
|
8088
7488
|
display: table-row;
|
|
8089
7489
|
}
|
|
8090
7490
|
|
|
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
7491
|
.aksel-table__row:has( + .aksel-table__row--selected) :is(.aksel-table__header-cell, .aksel-table__data-cell) {
|
|
8096
7492
|
border-color: var(--ax-border-default);
|
|
8097
7493
|
}
|
|
@@ -8122,18 +7518,10 @@
|
|
|
8122
7518
|
border-color: var(--ax-border-default);
|
|
8123
7519
|
}
|
|
8124
7520
|
|
|
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
7521
|
.aksel-table__row--selected :is(.aksel-table__header-cell, .aksel-table__data-cell) {
|
|
8130
7522
|
border-color: var(--ax-border-default);
|
|
8131
7523
|
}
|
|
8132
7524
|
|
|
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
7525
|
.aksel-table__row--selected.aksel-table__expandable-row--open :is(.aksel-table__header-cell, .aksel-table__data-cell) {
|
|
8138
7526
|
border-color: rgba(0, 0, 0, 0);
|
|
8139
7527
|
}
|
|
@@ -8190,10 +7578,7 @@
|
|
|
8190
7578
|
}
|
|
8191
7579
|
|
|
8192
7580
|
.aksel-table tr:not(.aksel-table__expanded-row) .aksel-checkbox:focus-within:after {
|
|
8193
|
-
|
|
8194
|
-
bottom: 0;
|
|
8195
|
-
left: 0;
|
|
8196
|
-
right: 0;
|
|
7581
|
+
inset: 0;
|
|
8197
7582
|
}
|
|
8198
7583
|
|
|
8199
7584
|
.aksel-table__header-cell[aria-sort] {
|
|
@@ -8201,7 +7586,6 @@
|
|
|
8201
7586
|
}
|
|
8202
7587
|
|
|
8203
7588
|
.aksel-table__sort-button {
|
|
8204
|
-
-webkit-appearance: none;
|
|
8205
7589
|
appearance: none;
|
|
8206
7590
|
color: var(--ax-text-subtle);
|
|
8207
7591
|
cursor: pointer;
|
|
@@ -8327,10 +7711,6 @@
|
|
|
8327
7711
|
border-bottom: 1px solid var(--ax-border-neutral-subtleA);
|
|
8328
7712
|
}
|
|
8329
7713
|
|
|
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
7714
|
.aksel-table__expandable-row:has( + .aksel-table__expanded-row[data-state="closed"] + .aksel-table__row--selected) > :is(th, td) {
|
|
8335
7715
|
border-color: var(--ax-border-default);
|
|
8336
7716
|
}
|
|
@@ -8489,15 +7869,15 @@
|
|
|
8489
7869
|
@media (forced-colors: active) {
|
|
8490
7870
|
.aksel-tabs__tab[data-state="active"] {
|
|
8491
7871
|
border-bottom: 3px solid canvastext;
|
|
8492
|
-
padding-
|
|
7872
|
+
padding-block-end: calc(var(--ax-space-12) - 3px);
|
|
8493
7873
|
}
|
|
8494
7874
|
|
|
8495
7875
|
.aksel-tabs__tab--small[data-state="active"] {
|
|
8496
|
-
padding-
|
|
7876
|
+
padding-block-end: calc(var(--ax-space-6) - 3px);
|
|
8497
7877
|
}
|
|
8498
7878
|
|
|
8499
7879
|
.aksel-tabs__tab-icon--top[data-state="active"], .aksel-tabs__tab--small.aksel-tabs__tab-icon--top[data-state="active"] {
|
|
8500
|
-
padding-
|
|
7880
|
+
padding-block-end: calc(var(--ax-space-4) - 3px);
|
|
8501
7881
|
}
|
|
8502
7882
|
}
|
|
8503
7883
|
|
|
@@ -8535,7 +7915,7 @@
|
|
|
8535
7915
|
display: flex;
|
|
8536
7916
|
}
|
|
8537
7917
|
|
|
8538
|
-
@supports (hanging-punctuation: first) and (font: -apple-system-body) and (
|
|
7918
|
+
@supports (hanging-punctuation: first) and (font: -apple-system-body) and (appearance: none) {
|
|
8539
7919
|
.aksel-list ol {
|
|
8540
7920
|
padding-left: 2.1rem;
|
|
8541
7921
|
}
|
|
@@ -8546,11 +7926,11 @@
|
|
|
8546
7926
|
}
|
|
8547
7927
|
|
|
8548
7928
|
.aksel-list__item {
|
|
8549
|
-
margin-
|
|
7929
|
+
margin-block-end: var(--ax-space-8);
|
|
8550
7930
|
}
|
|
8551
7931
|
|
|
8552
7932
|
.aksel-list__item:last-child {
|
|
8553
|
-
margin-
|
|
7933
|
+
margin-block-end: 0;
|
|
8554
7934
|
}
|
|
8555
7935
|
|
|
8556
7936
|
.aksel-list__item-marker {
|
|
@@ -9523,7 +8903,6 @@
|
|
|
9523
8903
|
}
|
|
9524
8904
|
|
|
9525
8905
|
.aksel-page {
|
|
9526
|
-
min-height: 100vh;
|
|
9527
8906
|
flex-direction: column;
|
|
9528
8907
|
min-height: 100lvh;
|
|
9529
8908
|
display: flex;
|
|
@@ -9532,8 +8911,7 @@
|
|
|
9532
8911
|
.aksel-pageblock {
|
|
9533
8912
|
--__axc-page-padding-inline: 0px;
|
|
9534
8913
|
width: 100%;
|
|
9535
|
-
margin-
|
|
9536
|
-
margin-right: auto;
|
|
8914
|
+
margin-inline: auto;
|
|
9537
8915
|
}
|
|
9538
8916
|
|
|
9539
8917
|
.aksel-page__content--grow {
|
|
@@ -9541,12 +8919,11 @@
|
|
|
9541
8919
|
}
|
|
9542
8920
|
|
|
9543
8921
|
.aksel-page__content--fullheight {
|
|
9544
|
-
min-height: 100vh;
|
|
9545
8922
|
min-height: 100lvh;
|
|
9546
8923
|
}
|
|
9547
8924
|
|
|
9548
8925
|
.aksel-page__content--padding {
|
|
9549
|
-
padding-
|
|
8926
|
+
padding-block-end: var(--ax-space-64);
|
|
9550
8927
|
}
|
|
9551
8928
|
|
|
9552
8929
|
.aksel-pageblock--text {
|
|
@@ -9716,19 +9093,8 @@
|
|
|
9716
9093
|
}
|
|
9717
9094
|
|
|
9718
9095
|
.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);
|
|
9096
|
+
margin-block-start: calc(var(--__axc-stack-gap) * -1);
|
|
9097
|
+
margin-inline-start: calc(var(--__axc-stack-gap) * -1);
|
|
9732
9098
|
}
|
|
9733
9099
|
|
|
9734
9100
|
@media (min-width: 480px) {
|