@navikt/ds-css 8.10.2 → 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 +13 -7
- package/src/data-table.css +72 -4
- package/types.d.ts +1 -0
- package/.gitignore +0 -1
- package/CHANGELOG.md +0 -1574
- package/config/_mappings.d.ts +0 -25
- package/config/_mappings.js +0 -264
- package/config/bundle.ts +0 -279
- package/config/get-version.js +0 -4
package/dist/components.css
CHANGED
|
@@ -579,10 +579,6 @@
|
|
|
579
579
|
background-color: var(--ax-bg-strong-pressed);
|
|
580
580
|
}
|
|
581
581
|
|
|
582
|
-
.aksel-button[data-variant="primary"]:-webkit-any(:disabled, .aksel-button--disabled) {
|
|
583
|
-
background-color: var(--ax-bg-strong);
|
|
584
|
-
}
|
|
585
|
-
|
|
586
582
|
.aksel-button[data-variant="primary"]:is(:disabled, .aksel-button--disabled) {
|
|
587
583
|
background-color: var(--ax-bg-strong);
|
|
588
584
|
}
|
|
@@ -593,15 +589,7 @@
|
|
|
593
589
|
background-color: rgba(0, 0, 0, 0);
|
|
594
590
|
}
|
|
595
591
|
|
|
596
|
-
.aksel-button[data-variant="secondary"][data-color="neutral"] {
|
|
597
|
-
color: var(--ax-text-default);
|
|
598
|
-
}
|
|
599
|
-
|
|
600
|
-
[data-color="neutral"] > .aksel-button[data-variant="secondary"]:not([data-color]) {
|
|
601
|
-
color: var(--ax-text-default);
|
|
602
|
-
}
|
|
603
|
-
|
|
604
|
-
[data-color="neutral"] :not([data-color]) .aksel-button[data-variant="secondary"]:not([data-color]) {
|
|
592
|
+
.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]) {
|
|
605
593
|
color: var(--ax-text-default);
|
|
606
594
|
}
|
|
607
595
|
|
|
@@ -614,29 +602,12 @@
|
|
|
614
602
|
background-color: var(--ax-bg-moderate-pressedA);
|
|
615
603
|
}
|
|
616
604
|
|
|
617
|
-
.aksel-button[data-variant="secondary"]:-webkit-any(:disabled, .aksel-button--disabled) {
|
|
618
|
-
color: var(--ax-text-subtle);
|
|
619
|
-
background-color: rgba(0, 0, 0, 0);
|
|
620
|
-
}
|
|
621
|
-
|
|
622
|
-
.aksel-button[data-variant="secondary"]:-webkit-any(:disabled, .aksel-button--disabled)[data-color="neutral"] {
|
|
623
|
-
color: var(--ax-text-default);
|
|
624
|
-
}
|
|
625
|
-
|
|
626
|
-
[data-color="neutral"] > .aksel-button[data-variant="secondary"]:-webkit-any(:disabled, .aksel-button--disabled):not([data-color]) {
|
|
627
|
-
color: var(--ax-text-default);
|
|
628
|
-
}
|
|
629
|
-
|
|
630
605
|
.aksel-button[data-variant="secondary"]:is(:disabled, .aksel-button--disabled) {
|
|
631
606
|
color: var(--ax-text-subtle);
|
|
632
607
|
background-color: rgba(0, 0, 0, 0);
|
|
633
608
|
}
|
|
634
609
|
|
|
635
|
-
.aksel-button[data-variant="secondary"]:is(:disabled, .aksel-button--disabled)[data-color="neutral"] {
|
|
636
|
-
color: var(--ax-text-default);
|
|
637
|
-
}
|
|
638
|
-
|
|
639
|
-
[data-color="neutral"] > .aksel-button[data-variant="secondary"]:is(:disabled, .aksel-button--disabled):not([data-color]) {
|
|
610
|
+
.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]) {
|
|
640
611
|
color: var(--ax-text-default);
|
|
641
612
|
}
|
|
642
613
|
|
|
@@ -645,15 +616,7 @@
|
|
|
645
616
|
background-color: rgba(0, 0, 0, 0);
|
|
646
617
|
}
|
|
647
618
|
|
|
648
|
-
.aksel-button[data-variant="tertiary"][data-color="neutral"] {
|
|
649
|
-
color: var(--ax-text-default);
|
|
650
|
-
}
|
|
651
|
-
|
|
652
|
-
[data-color="neutral"] > .aksel-button[data-variant="tertiary"]:not([data-color], [data-pressed="true"]) {
|
|
653
|
-
color: var(--ax-text-default);
|
|
654
|
-
}
|
|
655
|
-
|
|
656
|
-
[data-color="neutral"] :not([data-color]) .aksel-button[data-variant="tertiary"]:not([data-color], [data-pressed="true"]) {
|
|
619
|
+
.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"]) {
|
|
657
620
|
color: var(--ax-text-default);
|
|
658
621
|
}
|
|
659
622
|
|
|
@@ -670,29 +633,12 @@
|
|
|
670
633
|
color: var(--ax-text-contrast);
|
|
671
634
|
}
|
|
672
635
|
|
|
673
|
-
.aksel-button[data-variant="tertiary"]:-webkit-any(:disabled, .aksel-button--disabled) {
|
|
674
|
-
color: var(--ax-text-subtle);
|
|
675
|
-
background-color: rgba(0, 0, 0, 0);
|
|
676
|
-
}
|
|
677
|
-
|
|
678
|
-
.aksel-button[data-variant="tertiary"]:-webkit-any(:disabled, .aksel-button--disabled)[data-color="neutral"] {
|
|
679
|
-
color: var(--ax-text-default);
|
|
680
|
-
}
|
|
681
|
-
|
|
682
|
-
[data-color="neutral"] > .aksel-button[data-variant="tertiary"]:-webkit-any(:disabled, .aksel-button--disabled):not([data-color]) {
|
|
683
|
-
color: var(--ax-text-default);
|
|
684
|
-
}
|
|
685
|
-
|
|
686
636
|
.aksel-button[data-variant="tertiary"]:is(:disabled, .aksel-button--disabled) {
|
|
687
637
|
color: var(--ax-text-subtle);
|
|
688
638
|
background-color: rgba(0, 0, 0, 0);
|
|
689
639
|
}
|
|
690
640
|
|
|
691
|
-
.aksel-button[data-variant="tertiary"]:is(:disabled, .aksel-button--disabled)[data-color="neutral"] {
|
|
692
|
-
color: var(--ax-text-default);
|
|
693
|
-
}
|
|
694
|
-
|
|
695
|
-
[data-color="neutral"] > .aksel-button[data-variant="tertiary"]:is(:disabled, .aksel-button--disabled):not([data-color]) {
|
|
641
|
+
.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]) {
|
|
696
642
|
color: var(--ax-text-default);
|
|
697
643
|
}
|
|
698
644
|
|
|
@@ -808,14 +754,7 @@
|
|
|
808
754
|
border-color: highlight;
|
|
809
755
|
}
|
|
810
756
|
|
|
811
|
-
.aksel-button:hover:not(:disabled) {
|
|
812
|
-
color: highlight;
|
|
813
|
-
box-shadow: none;
|
|
814
|
-
background-color: highlighttext;
|
|
815
|
-
border-color: highlight;
|
|
816
|
-
}
|
|
817
|
-
|
|
818
|
-
.aksel-button[data-variant="primary"]:where(a):hover:not(:disabled) {
|
|
757
|
+
.aksel-button:hover:not(:disabled), .aksel-button[data-variant="primary"]:where(a):hover:not(:disabled) {
|
|
819
758
|
color: highlight;
|
|
820
759
|
box-shadow: none;
|
|
821
760
|
background-color: highlighttext;
|
|
@@ -938,10 +877,7 @@
|
|
|
938
877
|
var(--__axc-dropzone-animation-ease-out);
|
|
939
878
|
margin: -1px;
|
|
940
879
|
position: absolute;
|
|
941
|
-
|
|
942
|
-
bottom: 0;
|
|
943
|
-
left: 0;
|
|
944
|
-
right: 0;
|
|
880
|
+
inset: 0;
|
|
945
881
|
}
|
|
946
882
|
|
|
947
883
|
@keyframes akselDropzoneDragoverAnimation {
|
|
@@ -1021,25 +957,7 @@
|
|
|
1021
957
|
display: flex;
|
|
1022
958
|
}
|
|
1023
959
|
|
|
1024
|
-
li.aksel-file-item {
|
|
1025
|
-
margin: 0;
|
|
1026
|
-
padding: 0;
|
|
1027
|
-
list-style: none;
|
|
1028
|
-
}
|
|
1029
|
-
|
|
1030
|
-
.aksel-file-upload :-webkit-any(ul, li) {
|
|
1031
|
-
margin: 0;
|
|
1032
|
-
padding: 0;
|
|
1033
|
-
list-style: none;
|
|
1034
|
-
}
|
|
1035
|
-
|
|
1036
|
-
.aksel-file-upload :is(ul, li) {
|
|
1037
|
-
margin: 0;
|
|
1038
|
-
padding: 0;
|
|
1039
|
-
list-style: none;
|
|
1040
|
-
}
|
|
1041
|
-
|
|
1042
|
-
ul:has( > li.aksel-file-item) {
|
|
960
|
+
.aksel-file-upload :is(ul, li), ul:has( > li.aksel-file-item), li.aksel-file-item {
|
|
1043
961
|
margin: 0;
|
|
1044
962
|
padding: 0;
|
|
1045
963
|
list-style: none;
|
|
@@ -1060,7 +978,6 @@
|
|
|
1060
978
|
.aksel-file-item__link {
|
|
1061
979
|
align-items: flex-start;
|
|
1062
980
|
gap: var(--ax-space-2);
|
|
1063
|
-
width: -webkit-fit-content;
|
|
1064
981
|
width: fit-content;
|
|
1065
982
|
display: flex;
|
|
1066
983
|
}
|
|
@@ -1160,11 +1077,7 @@
|
|
|
1160
1077
|
outline-offset: 3px;
|
|
1161
1078
|
}
|
|
1162
1079
|
|
|
1163
|
-
.aksel-error-summary:focus-visible {
|
|
1164
|
-
outline: 3px solid var(--ax-border-focus);
|
|
1165
|
-
}
|
|
1166
|
-
|
|
1167
|
-
.aksel-error-summary:has(.aksel-error-summary__heading:focus-visible) {
|
|
1080
|
+
.aksel-error-summary:focus-visible, .aksel-error-summary:has(.aksel-error-summary__heading:focus-visible) {
|
|
1168
1081
|
outline: 3px solid var(--ax-border-focus);
|
|
1169
1082
|
}
|
|
1170
1083
|
|
|
@@ -1229,27 +1142,14 @@
|
|
|
1229
1142
|
border-color: orange;
|
|
1230
1143
|
border-left-style: solid;
|
|
1231
1144
|
border-left-width: 8px;
|
|
1145
|
+
border-start-start-radius: calc(var(--ax-radius-8) - 1px);
|
|
1146
|
+
border-end-start-radius: calc(var(--ax-radius-8) - 1px);
|
|
1232
1147
|
height: 100%;
|
|
1233
1148
|
position: absolute;
|
|
1234
1149
|
top: 0;
|
|
1235
1150
|
left: 0;
|
|
1236
1151
|
}
|
|
1237
1152
|
|
|
1238
|
-
.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 {
|
|
1239
|
-
border-top-left-radius: calc(var(--ax-radius-8) - 1px);
|
|
1240
|
-
border-bottom-left-radius: calc(var(--ax-radius-8) - 1px);
|
|
1241
|
-
}
|
|
1242
|
-
|
|
1243
|
-
.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 {
|
|
1244
|
-
border-top-right-radius: calc(var(--ax-radius-8) - 1px);
|
|
1245
|
-
border-bottom-right-radius: calc(var(--ax-radius-8) - 1px);
|
|
1246
|
-
}
|
|
1247
|
-
|
|
1248
|
-
.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 {
|
|
1249
|
-
border-top-right-radius: calc(var(--ax-radius-8) - 1px);
|
|
1250
|
-
border-bottom-right-radius: calc(var(--ax-radius-8) - 1px);
|
|
1251
|
-
}
|
|
1252
|
-
|
|
1253
1153
|
.aksel-confirmation-panel--checked .aksel-confirmation-panel__inner:before {
|
|
1254
1154
|
border-color: green;
|
|
1255
1155
|
}
|
|
@@ -1261,7 +1161,6 @@
|
|
|
1261
1161
|
|
|
1262
1162
|
.aksel-checkbox, .aksel-radio {
|
|
1263
1163
|
gap: var(--ax-space-2) 0;
|
|
1264
|
-
width: -webkit-fit-content;
|
|
1265
1164
|
width: fit-content;
|
|
1266
1165
|
padding: var(--ax-space-12) 0;
|
|
1267
1166
|
grid-template-columns: auto 1fr;
|
|
@@ -1326,7 +1225,6 @@
|
|
|
1326
1225
|
|
|
1327
1226
|
.aksel-checkbox__input, .aksel-radio__input {
|
|
1328
1227
|
--__axc-radio-checkbox-marker-border: 2px;
|
|
1329
|
-
-webkit-appearance: none;
|
|
1330
1228
|
appearance: none;
|
|
1331
1229
|
cursor: pointer;
|
|
1332
1230
|
width: var(--__axc-radio-checkbox-marker-size);
|
|
@@ -1338,12 +1236,7 @@
|
|
|
1338
1236
|
position: relative;
|
|
1339
1237
|
}
|
|
1340
1238
|
|
|
1341
|
-
:is(.aksel-checkbox__input, .aksel-radio__input)[data-standalone="true"]:disabled {
|
|
1342
|
-
opacity: var(--ax-opacity-disabled);
|
|
1343
|
-
cursor: not-allowed;
|
|
1344
|
-
}
|
|
1345
|
-
|
|
1346
|
-
.aksel-checkbox__input-wrapper[data-standalone="true"] > :is(.aksel-checkbox__input, .aksel-radio__input):disabled {
|
|
1239
|
+
: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 {
|
|
1347
1240
|
opacity: var(--ax-opacity-disabled);
|
|
1348
1241
|
cursor: not-allowed;
|
|
1349
1242
|
}
|
|
@@ -1451,19 +1344,11 @@
|
|
|
1451
1344
|
opacity: var(--ax-opacity-disabled);
|
|
1452
1345
|
}
|
|
1453
1346
|
|
|
1454
|
-
.aksel-checkbox--disabled :where(.aksel-checkbox__input, .aksel-checkbox__label) {
|
|
1347
|
+
.aksel-checkbox--disabled :where(.aksel-checkbox__input, .aksel-checkbox__label), .aksel-radio--disabled > :where(.aksel-radio__input, .aksel-radio__label) {
|
|
1455
1348
|
cursor: not-allowed;
|
|
1456
1349
|
}
|
|
1457
1350
|
|
|
1458
|
-
.aksel-radio--
|
|
1459
|
-
cursor: not-allowed;
|
|
1460
|
-
}
|
|
1461
|
-
|
|
1462
|
-
.aksel-checkbox--readonly :where(.aksel-checkbox__input, .aksel-checkbox__label) {
|
|
1463
|
-
cursor: default;
|
|
1464
|
-
}
|
|
1465
|
-
|
|
1466
|
-
.aksel-radio--readonly > :where(.aksel-radio__input, .aksel-radio__label) {
|
|
1351
|
+
.aksel-checkbox--readonly :where(.aksel-checkbox__input, .aksel-checkbox__label), .aksel-radio--readonly > :where(.aksel-radio__input, .aksel-radio__label) {
|
|
1467
1352
|
cursor: default;
|
|
1468
1353
|
}
|
|
1469
1354
|
|
|
@@ -1497,19 +1382,11 @@
|
|
|
1497
1382
|
}
|
|
1498
1383
|
|
|
1499
1384
|
@media screen and (forced-colors: active) {
|
|
1500
|
-
:-webkit-any(.aksel-checkbox, .aksel-checkbox--readonly) .aksel-checkbox__input:indeterminate:after {
|
|
1501
|
-
background-color: fieldtext;
|
|
1502
|
-
}
|
|
1503
|
-
|
|
1504
1385
|
:is(.aksel-checkbox, .aksel-checkbox--readonly) .aksel-checkbox__input:indeterminate:after {
|
|
1505
1386
|
background-color: fieldtext;
|
|
1506
1387
|
}
|
|
1507
1388
|
|
|
1508
|
-
.aksel-radio:not(.aksel-radio--readonly) > .aksel-radio__input:hover:not(:disabled) + .aksel-radio__label {
|
|
1509
|
-
color: highlight;
|
|
1510
|
-
}
|
|
1511
|
-
|
|
1512
|
-
.aksel-checkbox:not(.aksel-checkbox--readonly):has(.aksel-checkbox__input:hover:not(:disabled)) > .aksel-checkbox__label {
|
|
1389
|
+
.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 {
|
|
1513
1390
|
color: highlight;
|
|
1514
1391
|
}
|
|
1515
1392
|
|
|
@@ -1542,15 +1419,7 @@
|
|
|
1542
1419
|
background-color: graytext;
|
|
1543
1420
|
}
|
|
1544
1421
|
|
|
1545
|
-
.aksel-checkbox--disabled :is(.aksel-checkbox__label, .aksel-checkbox__description, .aksel-checkbox__input:checked + .aksel-checkbox__icon) {
|
|
1546
|
-
color: graytext;
|
|
1547
|
-
}
|
|
1548
|
-
|
|
1549
|
-
.aksel-radio--disabled :-webkit-any(.aksel-radio__label, .aksel-radio__description) {
|
|
1550
|
-
color: graytext;
|
|
1551
|
-
}
|
|
1552
|
-
|
|
1553
|
-
.aksel-radio--disabled :is(.aksel-radio__label, .aksel-radio__description) {
|
|
1422
|
+
.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) {
|
|
1554
1423
|
color: graytext;
|
|
1555
1424
|
}
|
|
1556
1425
|
}
|
|
@@ -1582,7 +1451,6 @@
|
|
|
1582
1451
|
}
|
|
1583
1452
|
|
|
1584
1453
|
.aksel-select__input {
|
|
1585
|
-
-webkit-appearance: none;
|
|
1586
1454
|
appearance: none;
|
|
1587
1455
|
background-color: var(--ax-bg-input);
|
|
1588
1456
|
border-radius: var(--ax-radius-8);
|
|
@@ -1641,21 +1509,10 @@
|
|
|
1641
1509
|
|
|
1642
1510
|
.aksel-form-field--small .aksel-select__input {
|
|
1643
1511
|
min-height: 2rem;
|
|
1644
|
-
padding-
|
|
1645
|
-
padding-bottom: 0;
|
|
1646
|
-
}
|
|
1647
|
-
|
|
1648
|
-
.aksel-select--error > * select {
|
|
1649
|
-
box-shadow: 0 0 0 1px var(--ax-border-danger-strong);
|
|
1650
|
-
border-color: var(--ax-border-danger-strong);
|
|
1651
|
-
}
|
|
1652
|
-
|
|
1653
|
-
.aksel-select--error > * select:hover {
|
|
1654
|
-
box-shadow: 0 0 0 1px var(--ax-border-danger-strong);
|
|
1655
|
-
border-color: var(--ax-border-danger-strong);
|
|
1512
|
+
padding-block: 0;
|
|
1656
1513
|
}
|
|
1657
1514
|
|
|
1658
|
-
.aksel-select--error > * select:focus {
|
|
1515
|
+
.aksel-select--error > * select, .aksel-select--error > * select:hover, .aksel-select--error > * select:focus {
|
|
1659
1516
|
box-shadow: 0 0 0 1px var(--ax-border-danger-strong);
|
|
1660
1517
|
border-color: var(--ax-border-danger-strong);
|
|
1661
1518
|
}
|
|
@@ -1686,12 +1543,6 @@
|
|
|
1686
1543
|
}
|
|
1687
1544
|
|
|
1688
1545
|
@media (forced-colors: active) {
|
|
1689
|
-
.aksel-select--readonly .aksel-select__input:-webkit-any(:hover, :focus) {
|
|
1690
|
-
color: buttontext;
|
|
1691
|
-
background-color: buttonface;
|
|
1692
|
-
border-color: buttontext;
|
|
1693
|
-
}
|
|
1694
|
-
|
|
1695
1546
|
.aksel-select--readonly .aksel-select__input:is(:hover, :focus) {
|
|
1696
1547
|
color: buttontext;
|
|
1697
1548
|
background-color: buttonface;
|
|
@@ -1704,7 +1555,6 @@
|
|
|
1704
1555
|
}
|
|
1705
1556
|
|
|
1706
1557
|
.aksel-switch {
|
|
1707
|
-
width: -webkit-fit-content;
|
|
1708
1558
|
width: fit-content;
|
|
1709
1559
|
min-height: 3rem;
|
|
1710
1560
|
position: relative;
|
|
@@ -1883,18 +1733,12 @@
|
|
|
1883
1733
|
width: auto;
|
|
1884
1734
|
}
|
|
1885
1735
|
|
|
1886
|
-
.aksel-switch--right .aksel-switch__input {
|
|
1887
|
-
left: auto;
|
|
1888
|
-
right: 0;
|
|
1889
|
-
}
|
|
1890
|
-
|
|
1891
|
-
.aksel-switch--right .aksel-switch__track {
|
|
1736
|
+
.aksel-switch--right .aksel-switch__input, .aksel-switch--right .aksel-switch__track {
|
|
1892
1737
|
left: auto;
|
|
1893
1738
|
right: 0;
|
|
1894
1739
|
}
|
|
1895
1740
|
|
|
1896
1741
|
.aksel-switch__input:disabled {
|
|
1897
|
-
-webkit-appearance: none;
|
|
1898
1742
|
appearance: none;
|
|
1899
1743
|
}
|
|
1900
1744
|
|
|
@@ -1906,31 +1750,12 @@
|
|
|
1906
1750
|
cursor: not-allowed;
|
|
1907
1751
|
}
|
|
1908
1752
|
|
|
1909
|
-
.aksel-switch--readonly > .aksel-switch__track {
|
|
1910
|
-
background-color: var(--ax-bg-neutral-moderate);
|
|
1911
|
-
border-color: var(--ax-border-neutral-subtleA);
|
|
1912
|
-
}
|
|
1913
|
-
|
|
1914
|
-
.aksel-switch--readonly > .aksel-switch__input:hover ~ .aksel-switch__track {
|
|
1915
|
-
background-color: var(--ax-bg-neutral-moderate);
|
|
1916
|
-
border-color: var(--ax-border-neutral-subtleA);
|
|
1917
|
-
}
|
|
1918
|
-
|
|
1919
|
-
.aksel-switch--readonly > .aksel-switch__input:checked ~ .aksel-switch__track {
|
|
1920
|
-
background-color: var(--ax-bg-neutral-moderate);
|
|
1921
|
-
border-color: var(--ax-border-neutral-subtleA);
|
|
1922
|
-
}
|
|
1923
|
-
|
|
1924
|
-
.aksel-switch--readonly > .aksel-switch__input:checked:hover ~ .aksel-switch__track {
|
|
1753
|
+
.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 {
|
|
1925
1754
|
background-color: var(--ax-bg-neutral-moderate);
|
|
1926
1755
|
border-color: var(--ax-border-neutral-subtleA);
|
|
1927
1756
|
}
|
|
1928
1757
|
|
|
1929
|
-
.aksel-switch--readonly > .aksel-switch__label-wrapper {
|
|
1930
|
-
cursor: default;
|
|
1931
|
-
}
|
|
1932
|
-
|
|
1933
|
-
.aksel-switch--readonly > .aksel-switch__input {
|
|
1758
|
+
.aksel-switch--readonly > .aksel-switch__label-wrapper, .aksel-switch--readonly > .aksel-switch__input {
|
|
1934
1759
|
cursor: default;
|
|
1935
1760
|
}
|
|
1936
1761
|
|
|
@@ -1992,7 +1817,6 @@
|
|
|
1992
1817
|
}
|
|
1993
1818
|
|
|
1994
1819
|
.aksel-text-field__input {
|
|
1995
|
-
-webkit-appearance: none;
|
|
1996
1820
|
appearance: none;
|
|
1997
1821
|
padding: var(--ax-space-8);
|
|
1998
1822
|
background: var(--ax-bg-input);
|
|
@@ -2069,7 +1893,6 @@
|
|
|
2069
1893
|
|
|
2070
1894
|
.aksel-textarea__input {
|
|
2071
1895
|
height: var(--__axc-textarea-height);
|
|
2072
|
-
-webkit-appearance: none;
|
|
2073
1896
|
appearance: none;
|
|
2074
1897
|
padding: var(--ax-space-8);
|
|
2075
1898
|
background-color: var(--ax-bg-input);
|
|
@@ -2132,50 +1955,17 @@
|
|
|
2132
1955
|
|
|
2133
1956
|
.aksel-textarea--resize-both .aksel-textarea__input {
|
|
2134
1957
|
resize: both;
|
|
2135
|
-
|
|
2136
|
-
|
|
2137
|
-
.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)) {
|
|
2138
|
-
border-bottom-right-radius: 0;
|
|
2139
|
-
}
|
|
2140
|
-
|
|
2141
|
-
.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)) {
|
|
2142
|
-
border-bottom-left-radius: 0;
|
|
2143
|
-
}
|
|
2144
|
-
|
|
2145
|
-
.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)) {
|
|
2146
|
-
border-bottom-left-radius: 0;
|
|
1958
|
+
border-end-end-radius: 0;
|
|
2147
1959
|
}
|
|
2148
1960
|
|
|
2149
1961
|
.aksel-textarea--resize-horizontal .aksel-textarea__input {
|
|
2150
1962
|
resize: horizontal;
|
|
2151
|
-
|
|
2152
|
-
|
|
2153
|
-
.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)) {
|
|
2154
|
-
border-bottom-right-radius: 0;
|
|
2155
|
-
}
|
|
2156
|
-
|
|
2157
|
-
.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)) {
|
|
2158
|
-
border-bottom-left-radius: 0;
|
|
2159
|
-
}
|
|
2160
|
-
|
|
2161
|
-
.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)) {
|
|
2162
|
-
border-bottom-left-radius: 0;
|
|
1963
|
+
border-end-end-radius: 0;
|
|
2163
1964
|
}
|
|
2164
1965
|
|
|
2165
1966
|
.aksel-textarea--resize-vertical .aksel-textarea__input {
|
|
2166
1967
|
resize: vertical;
|
|
2167
|
-
|
|
2168
|
-
|
|
2169
|
-
.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)) {
|
|
2170
|
-
border-bottom-right-radius: 0;
|
|
2171
|
-
}
|
|
2172
|
-
|
|
2173
|
-
.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)) {
|
|
2174
|
-
border-bottom-left-radius: 0;
|
|
2175
|
-
}
|
|
2176
|
-
|
|
2177
|
-
.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)) {
|
|
2178
|
-
border-bottom-left-radius: 0;
|
|
1968
|
+
border-end-end-radius: 0;
|
|
2179
1969
|
}
|
|
2180
1970
|
|
|
2181
1971
|
.aksel-textarea--autoscrollbar, .aksel-textarea--autoscrollbar .aksel-textarea__wrapper {
|
|
@@ -2218,7 +2008,6 @@
|
|
|
2218
2008
|
}
|
|
2219
2009
|
|
|
2220
2010
|
.aksel-search--with-size .aksel-search__wrapper {
|
|
2221
|
-
width: -webkit-fit-content;
|
|
2222
2011
|
width: fit-content;
|
|
2223
2012
|
}
|
|
2224
2013
|
|
|
@@ -2241,13 +2030,7 @@
|
|
|
2241
2030
|
outline: none;
|
|
2242
2031
|
}
|
|
2243
2032
|
|
|
2244
|
-
.aksel-search__input.aksel-search__input--primary {
|
|
2245
|
-
border-right: none;
|
|
2246
|
-
border-top-right-radius: 0;
|
|
2247
|
-
border-bottom-right-radius: 0;
|
|
2248
|
-
}
|
|
2249
|
-
|
|
2250
|
-
.aksel-search__input.aksel-search__input--secondary {
|
|
2033
|
+
.aksel-search__input.aksel-search__input--primary, .aksel-search__input.aksel-search__input--secondary {
|
|
2251
2034
|
border-right: none;
|
|
2252
2035
|
border-top-right-radius: 0;
|
|
2253
2036
|
border-bottom-right-radius: 0;
|
|
@@ -2315,10 +2098,6 @@
|
|
|
2315
2098
|
--__axc-button-border-color: var(--ax-border-strong);
|
|
2316
2099
|
}
|
|
2317
2100
|
|
|
2318
|
-
.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) {
|
|
2319
|
-
--__axc-button-border-color: var(--ax-border-strong);
|
|
2320
|
-
}
|
|
2321
|
-
|
|
2322
2101
|
.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) {
|
|
2323
2102
|
--__axc-button-border-color: var(--ax-border-strong);
|
|
2324
2103
|
}
|
|
@@ -2333,11 +2112,7 @@
|
|
|
2333
2112
|
box-shadow: inset 0 0 0 1px var(--ax-border-danger-strong);
|
|
2334
2113
|
}
|
|
2335
2114
|
|
|
2336
|
-
.aksel-search__input:focus-visible {
|
|
2337
|
-
z-index: 1;
|
|
2338
|
-
}
|
|
2339
|
-
|
|
2340
|
-
.aksel-search__button-search:focus-visible {
|
|
2115
|
+
.aksel-search__input:focus-visible, .aksel-search__button-search:focus-visible {
|
|
2341
2116
|
z-index: 1;
|
|
2342
2117
|
}
|
|
2343
2118
|
|
|
@@ -2360,10 +2135,6 @@
|
|
|
2360
2135
|
position: relative;
|
|
2361
2136
|
}
|
|
2362
2137
|
|
|
2363
|
-
.aksel-form-field:not(:-webkit-any(.aksel-combobox--disabled, .aksel-combobox--readonly)) .aksel-combobox__wrapper:hover {
|
|
2364
|
-
border-color: var(--ax-border-strong);
|
|
2365
|
-
}
|
|
2366
|
-
|
|
2367
2138
|
.aksel-form-field:not(:is(.aksel-combobox--disabled, .aksel-combobox--readonly)) .aksel-combobox__wrapper:hover {
|
|
2368
2139
|
border-color: var(--ax-border-strong);
|
|
2369
2140
|
}
|
|
@@ -2388,11 +2159,7 @@
|
|
|
2388
2159
|
cursor: not-allowed;
|
|
2389
2160
|
}
|
|
2390
2161
|
|
|
2391
|
-
.aksel-combobox--disabled .aksel-combobox__selected-options {
|
|
2392
|
-
pointer-events: none;
|
|
2393
|
-
}
|
|
2394
|
-
|
|
2395
|
-
.aksel-combobox--disabled .aksel-combobox--readonly {
|
|
2162
|
+
.aksel-combobox--disabled .aksel-combobox__selected-options, .aksel-combobox--disabled .aksel-combobox--readonly {
|
|
2396
2163
|
pointer-events: none;
|
|
2397
2164
|
}
|
|
2398
2165
|
|
|
@@ -2413,11 +2180,7 @@
|
|
|
2413
2180
|
overflow: clip;
|
|
2414
2181
|
}
|
|
2415
2182
|
|
|
2416
|
-
.aksel-combobox--readonly .aksel-text-field__input {
|
|
2417
|
-
background-color: var(--ax-bg-neutral-moderate);
|
|
2418
|
-
}
|
|
2419
|
-
|
|
2420
|
-
.aksel-combobox--readonly .aksel-combobox__input {
|
|
2183
|
+
.aksel-combobox--readonly .aksel-text-field__input, .aksel-combobox--readonly .aksel-combobox__input {
|
|
2421
2184
|
background-color: var(--ax-bg-neutral-moderate);
|
|
2422
2185
|
}
|
|
2423
2186
|
|
|
@@ -2546,11 +2309,7 @@
|
|
|
2546
2309
|
outline: none;
|
|
2547
2310
|
}
|
|
2548
2311
|
|
|
2549
|
-
.aksel-combobox__wrapper-inner:has(.aksel-combobox__input:focus) {
|
|
2550
|
-
outline: none;
|
|
2551
|
-
}
|
|
2552
|
-
|
|
2553
|
-
.aksel-combobox__wrapper-inner:has(.aksel-combobox__input:focus).aksel-combobox__wrapper-inner--virtually-unfocused {
|
|
2312
|
+
.aksel-combobox__wrapper-inner:has(.aksel-combobox__input:focus), .aksel-combobox__wrapper-inner:has(.aksel-combobox__input:focus).aksel-combobox__wrapper-inner--virtually-unfocused {
|
|
2554
2313
|
outline: none;
|
|
2555
2314
|
}
|
|
2556
2315
|
}
|
|
@@ -2687,7 +2446,7 @@
|
|
|
2687
2446
|
border-radius: 0;
|
|
2688
2447
|
justify-content: flex-start;
|
|
2689
2448
|
gap: .25rem;
|
|
2690
|
-
margin-
|
|
2449
|
+
margin-block-start: calc(var(--ax-space-4) * -1);
|
|
2691
2450
|
}
|
|
2692
2451
|
|
|
2693
2452
|
.aksel-combobox__list-item--new-option svg {
|
|
@@ -2715,7 +2474,6 @@
|
|
|
2715
2474
|
}
|
|
2716
2475
|
|
|
2717
2476
|
.aksel-combobox__input {
|
|
2718
|
-
min-width: -webkit-min-content;
|
|
2719
2477
|
min-width: min-content;
|
|
2720
2478
|
padding: .75rem 0;
|
|
2721
2479
|
}
|
|
@@ -2915,9 +2673,8 @@
|
|
|
2915
2673
|
opacity: .001;
|
|
2916
2674
|
grid-template-rows: 0fr;
|
|
2917
2675
|
margin-top: -2px;
|
|
2918
|
-
padding-
|
|
2919
|
-
|
|
2920
|
-
transition-property: margin-top, opacity, visibility, padding-top, grid-template-rows;
|
|
2676
|
+
padding-block: 0;
|
|
2677
|
+
transition-property: margin-top, opacity, visibility, padding-block-start, grid-template-rows;
|
|
2921
2678
|
transition-duration: .3s;
|
|
2922
2679
|
transition-timing-function: cubic-bezier(.2, 0, 0, 1);
|
|
2923
2680
|
display: grid;
|
|
@@ -2974,11 +2731,7 @@
|
|
|
2974
2731
|
background-color: var(--ax-bg-moderate-hoverA);
|
|
2975
2732
|
}
|
|
2976
2733
|
|
|
2977
|
-
.aksel-accordion__header:hover:before {
|
|
2978
|
-
display: none;
|
|
2979
|
-
}
|
|
2980
|
-
|
|
2981
|
-
.aksel-accordion__header:hover:after {
|
|
2734
|
+
.aksel-accordion__header:hover:before, .aksel-accordion__header:hover:after {
|
|
2982
2735
|
display: none;
|
|
2983
2736
|
}
|
|
2984
2737
|
|
|
@@ -3001,11 +2754,7 @@
|
|
|
3001
2754
|
z-index: 1;
|
|
3002
2755
|
}
|
|
3003
2756
|
|
|
3004
|
-
.aksel-accordion__header:focus-visible:before {
|
|
3005
|
-
display: none;
|
|
3006
|
-
}
|
|
3007
|
-
|
|
3008
|
-
.aksel-accordion__header:focus-visible:after {
|
|
2757
|
+
.aksel-accordion__header:focus-visible:before, .aksel-accordion__header:focus-visible:after {
|
|
3009
2758
|
display: none;
|
|
3010
2759
|
}
|
|
3011
2760
|
|
|
@@ -3030,11 +2779,7 @@
|
|
|
3030
2779
|
bottom: 0;
|
|
3031
2780
|
}
|
|
3032
2781
|
|
|
3033
|
-
.aksel-accordion__item[data-expanded="true"] > .aksel-accordion__header:after, .aksel-accordion__item:not(:last-child) > .aksel-accordion__header:after {
|
|
3034
|
-
display: none;
|
|
3035
|
-
}
|
|
3036
|
-
|
|
3037
|
-
.aksel-accordion__item[data-expanded="false"]:has(.aksel-accordion__header:where(:hover, :focus-visible)) + .aksel-accordion__item > .aksel-accordion__header:before {
|
|
2782
|
+
.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 {
|
|
3038
2783
|
display: none;
|
|
3039
2784
|
}
|
|
3040
2785
|
|
|
@@ -3079,8 +2824,7 @@
|
|
|
3079
2824
|
opacity: 0;
|
|
3080
2825
|
border-color: rgba(0, 0, 0, 0);
|
|
3081
2826
|
grid-template-rows: 0fr;
|
|
3082
|
-
margin-
|
|
3083
|
-
margin-bottom: 0;
|
|
2827
|
+
margin-block: 0;
|
|
3084
2828
|
transition-property: visibility, opacity, grid-template-rows, margin, min-height;
|
|
3085
2829
|
transition-duration: .25s;
|
|
3086
2830
|
transition-timing-function: cubic-bezier(.2, 0, 0, 1);
|
|
@@ -3090,8 +2834,7 @@
|
|
|
3090
2834
|
|
|
3091
2835
|
.aksel-accordion__item > .aksel-accordion__content .aksel-accordion__content-inner {
|
|
3092
2836
|
min-height: 0;
|
|
3093
|
-
padding-
|
|
3094
|
-
padding-bottom: 0;
|
|
2837
|
+
padding-block: 0;
|
|
3095
2838
|
}
|
|
3096
2839
|
|
|
3097
2840
|
.aksel-accordion__item[data-expanded="true"] > .aksel-accordion__content {
|
|
@@ -3100,11 +2843,10 @@
|
|
|
3100
2843
|
border-color: var(--ax-border-neutral-subtleA);
|
|
3101
2844
|
opacity: 1;
|
|
3102
2845
|
grid-template-rows: 1fr;
|
|
3103
|
-
margin-
|
|
2846
|
+
margin-block-end: var(--ax-space-24);
|
|
3104
2847
|
}
|
|
3105
2848
|
|
|
3106
2849
|
.aksel-accordion__item[data-expanded="true"] > .aksel-accordion__content .aksel-accordion__content-inner {
|
|
3107
|
-
min-height: -webkit-fit-content;
|
|
3108
2850
|
min-height: fit-content;
|
|
3109
2851
|
}
|
|
3110
2852
|
|
|
@@ -3153,7 +2895,7 @@
|
|
|
3153
2895
|
|
|
3154
2896
|
.aksel-alert--small > .aksel-alert__icon {
|
|
3155
2897
|
height: var(--ax-font-line-height-large);
|
|
3156
|
-
margin-
|
|
2898
|
+
margin-block-start: 0;
|
|
3157
2899
|
}
|
|
3158
2900
|
|
|
3159
2901
|
.aksel-alert--full-width {
|
|
@@ -3174,24 +2916,16 @@
|
|
|
3174
2916
|
display: flex;
|
|
3175
2917
|
}
|
|
3176
2918
|
|
|
3177
|
-
.aksel-alert--close-button > .aksel-alert__wrapper {
|
|
3178
|
-
margin-
|
|
3179
|
-
}
|
|
3180
|
-
|
|
3181
|
-
.aksel-alert--close-button > .aksel-alert__icon {
|
|
3182
|
-
margin-top: var(--ax-space-2);
|
|
2919
|
+
.aksel-alert--close-button > .aksel-alert__wrapper, .aksel-alert--close-button > .aksel-alert__icon {
|
|
2920
|
+
margin-block-start: var(--ax-space-2);
|
|
3183
2921
|
}
|
|
3184
2922
|
|
|
3185
2923
|
.aksel-alert--close-button.aksel-alert--small {
|
|
3186
2924
|
align-items: flex-start;
|
|
3187
2925
|
}
|
|
3188
2926
|
|
|
3189
|
-
.aksel-alert--close-button.aksel-alert--small > .aksel-alert__wrapper {
|
|
3190
|
-
margin-
|
|
3191
|
-
}
|
|
3192
|
-
|
|
3193
|
-
.aksel-alert--close-button.aksel-alert--small > .aksel-alert__icon {
|
|
3194
|
-
margin-top: var(--ax-space-4);
|
|
2927
|
+
.aksel-alert--close-button.aksel-alert--small > .aksel-alert__wrapper, .aksel-alert--close-button.aksel-alert--small > .aksel-alert__icon {
|
|
2928
|
+
margin-block-start: var(--ax-space-4);
|
|
3195
2929
|
}
|
|
3196
2930
|
|
|
3197
2931
|
.aksel-base-alert {
|
|
@@ -3202,7 +2936,6 @@
|
|
|
3202
2936
|
--__axc-base-alert-header-icon-margin-block-start: var(--ax-space-8);
|
|
3203
2937
|
--__axc-base-alert-header-close-button-margin-block-start: var(--ax-space-4);
|
|
3204
2938
|
--__axc-global-alert-alignment: max(var(--__axc-base-alert-pi), calc((100% - var(--__axc-base-alert-header-max-width)) / 2));
|
|
3205
|
-
height: -webkit-fit-content;
|
|
3206
2939
|
height: fit-content;
|
|
3207
2940
|
display: grid;
|
|
3208
2941
|
overflow: clip;
|
|
@@ -3299,7 +3032,7 @@
|
|
|
3299
3032
|
.aksel-base-alert__close-button {
|
|
3300
3033
|
margin-left: auto;
|
|
3301
3034
|
z-index: 1;
|
|
3302
|
-
margin-
|
|
3035
|
+
margin-block-start: var(--__axc-base-alert-header-close-button-margin-block-start);
|
|
3303
3036
|
}
|
|
3304
3037
|
|
|
3305
3038
|
.aksel-base-alert__close-button:focus-visible {
|
|
@@ -3315,7 +3048,6 @@
|
|
|
3315
3048
|
outline: 1px solid var(--ax-border-default);
|
|
3316
3049
|
outline-offset: -1px;
|
|
3317
3050
|
background: var(--ax-bg-moderate);
|
|
3318
|
-
height: -webkit-fit-content;
|
|
3319
3051
|
height: fit-content;
|
|
3320
3052
|
color: var(--ax-text-default);
|
|
3321
3053
|
align-items: flex-start;
|
|
@@ -3339,32 +3071,17 @@
|
|
|
3339
3071
|
display: flex;
|
|
3340
3072
|
}
|
|
3341
3073
|
|
|
3342
|
-
.aksel-chat .aksel-chat__bubble {
|
|
3343
|
-
background-color: var(--ax-bg-moderateA);
|
|
3344
|
-
border: 1px solid var(--ax-border-subtleA);
|
|
3345
|
-
}
|
|
3346
|
-
|
|
3347
|
-
.aksel-chat .aksel-chat__avatar {
|
|
3074
|
+
.aksel-chat .aksel-chat__bubble, .aksel-chat .aksel-chat__avatar {
|
|
3348
3075
|
background-color: var(--ax-bg-moderateA);
|
|
3349
3076
|
border: 1px solid var(--ax-border-subtleA);
|
|
3350
3077
|
}
|
|
3351
3078
|
|
|
3352
|
-
.aksel-chat[data-variant="subtle"] .aksel-chat__bubble {
|
|
3353
|
-
background-color: var(--ax-bg-softA);
|
|
3354
|
-
border: 1px solid var(--ax-border-subtleA);
|
|
3355
|
-
}
|
|
3356
|
-
|
|
3357
|
-
.aksel-chat[data-variant="subtle"] .aksel-chat__avatar {
|
|
3079
|
+
.aksel-chat[data-variant="subtle"] .aksel-chat__bubble, .aksel-chat[data-variant="subtle"] .aksel-chat__avatar {
|
|
3358
3080
|
background-color: var(--ax-bg-softA);
|
|
3359
3081
|
border: 1px solid var(--ax-border-subtleA);
|
|
3360
3082
|
}
|
|
3361
3083
|
|
|
3362
|
-
.aksel-chat[data-color="neutral"][data-variant="subtle"] .aksel-chat__bubble {
|
|
3363
|
-
background-color: var(--ax-bg-raised);
|
|
3364
|
-
border: 1px solid var(--ax-border-neutral-subtleA);
|
|
3365
|
-
}
|
|
3366
|
-
|
|
3367
|
-
.aksel-chat[data-color="neutral"][data-variant="subtle"] .aksel-chat__avatar {
|
|
3084
|
+
.aksel-chat[data-color="neutral"][data-variant="subtle"] .aksel-chat__bubble, .aksel-chat[data-color="neutral"][data-variant="subtle"] .aksel-chat__avatar {
|
|
3368
3085
|
background-color: var(--ax-bg-raised);
|
|
3369
3086
|
border: 1px solid var(--ax-border-neutral-subtleA);
|
|
3370
3087
|
}
|
|
@@ -3417,7 +3134,6 @@
|
|
|
3417
3134
|
border-radius: var(--ax-radius-12);
|
|
3418
3135
|
border-bottom-left-radius: var(--ax-radius-2);
|
|
3419
3136
|
flex-direction: column;
|
|
3420
|
-
width: -webkit-fit-content;
|
|
3421
3137
|
width: fit-content;
|
|
3422
3138
|
display: flex;
|
|
3423
3139
|
}
|
|
@@ -3511,12 +3227,7 @@
|
|
|
3511
3227
|
background-color: var(--ax-bg-moderate-hoverA);
|
|
3512
3228
|
}
|
|
3513
3229
|
|
|
3514
|
-
.aksel-date .rdp-month {
|
|
3515
|
-
gap: var(--ax-space-20);
|
|
3516
|
-
display: grid;
|
|
3517
|
-
}
|
|
3518
|
-
|
|
3519
|
-
.aksel-date.rdp-month {
|
|
3230
|
+
.aksel-date .rdp-month, .aksel-date.rdp-month {
|
|
3520
3231
|
gap: var(--ax-space-20);
|
|
3521
3232
|
display: grid;
|
|
3522
3233
|
}
|
|
@@ -3578,11 +3289,7 @@
|
|
|
3578
3289
|
opacity: var(--ax-opacity-disabled);
|
|
3579
3290
|
}
|
|
3580
3291
|
|
|
3581
|
-
.aksel-date .rdp-button:where(:not(.rdp-day_selected, [disabled])):hover .rdp-day__inner {
|
|
3582
|
-
background: var(--ax-bg-moderate-hoverA);
|
|
3583
|
-
}
|
|
3584
|
-
|
|
3585
|
-
.aksel-date .aksel-date__month-button:where(:not(.rdp-day_selected, [disabled])):hover .rdp-day__inner {
|
|
3292
|
+
: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 {
|
|
3586
3293
|
background: var(--ax-bg-moderate-hoverA);
|
|
3587
3294
|
}
|
|
3588
3295
|
|
|
@@ -3603,11 +3310,7 @@
|
|
|
3603
3310
|
transform: translateX(-50%);
|
|
3604
3311
|
}
|
|
3605
3312
|
|
|
3606
|
-
.aksel-date .rdp-day_today.rdp-day_selected:not(.rdp-day_range_middle):before {
|
|
3607
|
-
background-color: var(--ax-text-contrast);
|
|
3608
|
-
}
|
|
3609
|
-
|
|
3610
|
-
.aksel-date .rdp-day_today:active:before {
|
|
3313
|
+
:is(.aksel-date .rdp-day_today.rdp-day_selected:not(.rdp-day_range_middle), .aksel-date .rdp-day_today:active):before {
|
|
3611
3314
|
background-color: var(--ax-text-contrast);
|
|
3612
3315
|
}
|
|
3613
3316
|
|
|
@@ -3616,18 +3319,13 @@
|
|
|
3616
3319
|
pointer-events: none;
|
|
3617
3320
|
}
|
|
3618
3321
|
|
|
3619
|
-
.aksel-date__modal .aksel-date {
|
|
3620
|
-
padding: 0;
|
|
3621
|
-
}
|
|
3622
|
-
|
|
3623
|
-
.aksel-date__modal-body > .aksel-date {
|
|
3322
|
+
.aksel-date__modal .aksel-date, .aksel-date__modal-body > .aksel-date {
|
|
3624
3323
|
padding: 0;
|
|
3625
3324
|
}
|
|
3626
3325
|
|
|
3627
3326
|
@media (max-width: 360px) {
|
|
3628
3327
|
.aksel-date__modal-body > .aksel-date {
|
|
3629
|
-
margin-
|
|
3630
|
-
margin-right: -12px;
|
|
3328
|
+
margin-inline: -12px;
|
|
3631
3329
|
}
|
|
3632
3330
|
}
|
|
3633
3331
|
|
|
@@ -3672,28 +3370,16 @@
|
|
|
3672
3370
|
}
|
|
3673
3371
|
|
|
3674
3372
|
.aksel-date__wrapper, .aksel-date__standalone-wrapper {
|
|
3675
|
-
width: -webkit-fit-content;
|
|
3676
3373
|
width: fit-content;
|
|
3677
|
-
height: -webkit-fit-content;
|
|
3678
3374
|
height: fit-content;
|
|
3679
3375
|
}
|
|
3680
3376
|
|
|
3681
|
-
:is(.aksel-date__wrapper, .aksel-date__standalone-wrapper) .rdp-cell > button.rdp-day:focus-visible .rdp-day__inner {
|
|
3682
|
-
outline: 3px solid var(--ax-border-focus);
|
|
3683
|
-
outline-offset: 3px;
|
|
3684
|
-
}
|
|
3685
|
-
|
|
3686
|
-
:is(.aksel-date__wrapper, .aksel-date__standalone-wrapper) .rdp-cell > button.rdp-day:active:not(:disabled) .rdp-day__inner {
|
|
3687
|
-
color: var(--ax-text-contrast);
|
|
3688
|
-
background-color: var(--ax-bg-strong-pressed);
|
|
3689
|
-
}
|
|
3690
|
-
|
|
3691
|
-
:is(.aksel-date__wrapper, .aksel-date__standalone-wrapper) button.aksel-date__month-button:focus-visible .rdp-day__inner {
|
|
3377
|
+
: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 {
|
|
3692
3378
|
outline: 3px solid var(--ax-border-focus);
|
|
3693
3379
|
outline-offset: 3px;
|
|
3694
3380
|
}
|
|
3695
3381
|
|
|
3696
|
-
:is(.aksel-date__wrapper, .aksel-date__standalone-wrapper) button.aksel-date__month-button:active:not(:disabled) .rdp-day__inner {
|
|
3382
|
+
: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 {
|
|
3697
3383
|
color: var(--ax-text-contrast);
|
|
3698
3384
|
background-color: var(--ax-bg-strong-pressed);
|
|
3699
3385
|
}
|
|
@@ -3716,38 +3402,17 @@
|
|
|
3716
3402
|
.aksel-date__field-button {
|
|
3717
3403
|
--__axc-button-border-width: 1px;
|
|
3718
3404
|
--__axc-button-border-color: var(--ax-border-neutral);
|
|
3405
|
+
border-start-start-radius: 0;
|
|
3406
|
+
border-end-start-radius: 0;
|
|
3719
3407
|
position: relative;
|
|
3720
3408
|
}
|
|
3721
3409
|
|
|
3722
|
-
.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)) {
|
|
3723
|
-
border-top-left-radius: 0;
|
|
3724
|
-
border-bottom-left-radius: 0;
|
|
3725
|
-
}
|
|
3726
|
-
|
|
3727
|
-
.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)) {
|
|
3728
|
-
border-top-right-radius: 0;
|
|
3729
|
-
border-bottom-right-radius: 0;
|
|
3730
|
-
}
|
|
3731
|
-
|
|
3732
|
-
.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)) {
|
|
3733
|
-
border-top-right-radius: 0;
|
|
3734
|
-
border-bottom-right-radius: 0;
|
|
3735
|
-
}
|
|
3736
|
-
|
|
3737
3410
|
.aksel-date__field-button:focus-visible {
|
|
3738
3411
|
outline: 3px solid var(--ax-border-focus);
|
|
3739
3412
|
outline-offset: 3px;
|
|
3740
3413
|
}
|
|
3741
3414
|
|
|
3742
|
-
.aksel-date__field:not(.aksel-date__field--readonly):has(.aksel-date__field-input:not(:disabled)) .aksel-date__field-button:hover {
|
|
3743
|
-
--__axc-button-border-color: var(--ax-border-strong);
|
|
3744
|
-
}
|
|
3745
|
-
|
|
3746
|
-
.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 {
|
|
3747
|
-
--__axc-button-border-color: var(--ax-border-strong);
|
|
3748
|
-
}
|
|
3749
|
-
|
|
3750
|
-
.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 {
|
|
3415
|
+
.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 {
|
|
3751
3416
|
--__axc-button-border-color: var(--ax-border-strong);
|
|
3752
3417
|
}
|
|
3753
3418
|
|
|
@@ -3774,16 +3439,12 @@
|
|
|
3774
3439
|
background-color: var(--ax-bg-input);
|
|
3775
3440
|
z-index: -1;
|
|
3776
3441
|
position: absolute;
|
|
3777
|
-
|
|
3778
|
-
bottom: 0;
|
|
3779
|
-
left: 0;
|
|
3780
|
-
right: 0;
|
|
3442
|
+
inset: 0;
|
|
3781
3443
|
}
|
|
3782
3444
|
|
|
3783
3445
|
.aksel-date__field-wrapper {
|
|
3784
3446
|
border-radius: var(--ax-radius-8);
|
|
3785
3447
|
z-index: 0;
|
|
3786
|
-
width: -webkit-fit-content;
|
|
3787
3448
|
width: fit-content;
|
|
3788
3449
|
display: inline-flex;
|
|
3789
3450
|
}
|
|
@@ -3876,12 +3537,7 @@
|
|
|
3876
3537
|
}
|
|
3877
3538
|
}
|
|
3878
3539
|
|
|
3879
|
-
.aksel-dialog__popup[data-entering-style] {
|
|
3880
|
-
opacity: .001;
|
|
3881
|
-
transform: var(--__axc-dialog-transform);
|
|
3882
|
-
}
|
|
3883
|
-
|
|
3884
|
-
.aksel-dialog__popup[data-exiting-style] {
|
|
3540
|
+
.aksel-dialog__popup[data-entering-style], .aksel-dialog__popup[data-exiting-style] {
|
|
3885
3541
|
opacity: .001;
|
|
3886
3542
|
transform: var(--__axc-dialog-transform);
|
|
3887
3543
|
}
|
|
@@ -3911,10 +3567,7 @@
|
|
|
3911
3567
|
pointer-events: none;
|
|
3912
3568
|
transition: opacity cubic-bezier(.25, .46, .45, .94);
|
|
3913
3569
|
position: absolute;
|
|
3914
|
-
|
|
3915
|
-
bottom: 0;
|
|
3916
|
-
left: 0;
|
|
3917
|
-
right: 0;
|
|
3570
|
+
inset: 0;
|
|
3918
3571
|
}
|
|
3919
3572
|
|
|
3920
3573
|
.aksel-dialog__popup[data-position="center"] {
|
|
@@ -3922,21 +3575,14 @@
|
|
|
3922
3575
|
--__axc-dialog-transform: scale(.98);
|
|
3923
3576
|
max-width: calc(100dvw - 3rem);
|
|
3924
3577
|
max-height: calc(90dvh - var(--__axc-dialog-center-margin));
|
|
3925
|
-
margin-
|
|
3926
|
-
margin-right: auto;
|
|
3578
|
+
margin-inline: auto;
|
|
3927
3579
|
margin-block: max(var(--__axc-dialog-center-margin), 10dvh) auto;
|
|
3928
3580
|
top: 0;
|
|
3929
3581
|
left: 0;
|
|
3930
3582
|
right: 0;
|
|
3931
3583
|
}
|
|
3932
3584
|
|
|
3933
|
-
.aksel-dialog__popup[data-position="center"][data-nested="true"][data-entering-style] {
|
|
3934
|
-
opacity: 1;
|
|
3935
|
-
transition-duration: 0s;
|
|
3936
|
-
transform: scale(1);
|
|
3937
|
-
}
|
|
3938
|
-
|
|
3939
|
-
.aksel-dialog__popup[data-position="center"][data-nested="true"][data-exiting-style] {
|
|
3585
|
+
.aksel-dialog__popup[data-position="center"][data-nested="true"][data-entering-style], .aksel-dialog__popup[data-position="center"][data-nested="true"][data-exiting-style] {
|
|
3940
3586
|
opacity: 1;
|
|
3941
3587
|
transition-duration: 0s;
|
|
3942
3588
|
transform: scale(1);
|
|
@@ -3955,35 +3601,19 @@
|
|
|
3955
3601
|
max-width: 95dvw;
|
|
3956
3602
|
height: auto;
|
|
3957
3603
|
max-height: calc(100dvh - max(16px, 10dvh));
|
|
3958
|
-
margin-
|
|
3959
|
-
margin-
|
|
3960
|
-
|
|
3961
|
-
margin-right: auto;
|
|
3962
|
-
top: auto;
|
|
3963
|
-
bottom: 0;
|
|
3964
|
-
left: 0;
|
|
3965
|
-
right: 0;
|
|
3604
|
+
margin-block: 0;
|
|
3605
|
+
margin-inline: auto;
|
|
3606
|
+
inset: auto 0 0;
|
|
3966
3607
|
}
|
|
3967
3608
|
}
|
|
3968
3609
|
|
|
3969
|
-
.aksel-dialog__popup[data-position="right"] {
|
|
3970
|
-
max-width: calc(100vw - max(16px, 10vw));
|
|
3971
|
-
top: 0;
|
|
3972
|
-
bottom: 0;
|
|
3973
|
-
}
|
|
3974
|
-
|
|
3975
|
-
.aksel-dialog__popup[data-position="right"][data-nested-dialog-open="true"]:after {
|
|
3976
|
-
opacity: 1;
|
|
3977
|
-
transition-duration: .1s;
|
|
3978
|
-
}
|
|
3979
|
-
|
|
3980
|
-
.aksel-dialog__popup[data-position="left"] {
|
|
3610
|
+
.aksel-dialog__popup[data-position="right"], .aksel-dialog__popup[data-position="left"] {
|
|
3981
3611
|
max-width: calc(100vw - max(16px, 10vw));
|
|
3982
3612
|
top: 0;
|
|
3983
3613
|
bottom: 0;
|
|
3984
3614
|
}
|
|
3985
3615
|
|
|
3986
|
-
.aksel-dialog__popup[data-position="left"][data-nested-dialog-open="true"]:after {
|
|
3616
|
+
:is(.aksel-dialog__popup[data-position="right"], .aksel-dialog__popup[data-position="left"])[data-nested-dialog-open="true"]:after {
|
|
3987
3617
|
opacity: 1;
|
|
3988
3618
|
transition-duration: .1s;
|
|
3989
3619
|
}
|
|
@@ -4012,8 +3642,7 @@
|
|
|
4012
3642
|
max-width: 95dvw;
|
|
4013
3643
|
height: auto;
|
|
4014
3644
|
max-height: calc(100dvh - max(16px, 10dvh));
|
|
4015
|
-
margin-
|
|
4016
|
-
margin-right: auto;
|
|
3645
|
+
margin-inline: auto;
|
|
4017
3646
|
bottom: 0;
|
|
4018
3647
|
left: 0;
|
|
4019
3648
|
right: 0;
|
|
@@ -4031,10 +3660,7 @@
|
|
|
4031
3660
|
max-width: 100dvw;
|
|
4032
3661
|
height: 100%;
|
|
4033
3662
|
max-height: 100dvh;
|
|
4034
|
-
|
|
4035
|
-
bottom: 0;
|
|
4036
|
-
left: 0;
|
|
4037
|
-
right: 0;
|
|
3663
|
+
inset: 0;
|
|
4038
3664
|
}
|
|
4039
3665
|
|
|
4040
3666
|
.aksel-dialog__backdrop {
|
|
@@ -4043,10 +3669,7 @@
|
|
|
4043
3669
|
min-height: 100dvh;
|
|
4044
3670
|
transition: opacity .2s cubic-bezier(.25, .46, .45, .94);
|
|
4045
3671
|
position: fixed;
|
|
4046
|
-
|
|
4047
|
-
bottom: 0;
|
|
4048
|
-
left: 0;
|
|
4049
|
-
right: 0;
|
|
3672
|
+
inset: 0;
|
|
4050
3673
|
}
|
|
4051
3674
|
|
|
4052
3675
|
@supports (-webkit-touch-callout: none) {
|
|
@@ -4055,11 +3678,7 @@
|
|
|
4055
3678
|
}
|
|
4056
3679
|
}
|
|
4057
3680
|
|
|
4058
|
-
.aksel-dialog__backdrop[data-entering-style] {
|
|
4059
|
-
opacity: .001;
|
|
4060
|
-
}
|
|
4061
|
-
|
|
4062
|
-
.aksel-dialog__backdrop[data-exiting-style] {
|
|
3681
|
+
.aksel-dialog__backdrop[data-entering-style], .aksel-dialog__backdrop[data-exiting-style] {
|
|
4063
3682
|
opacity: .001;
|
|
4064
3683
|
}
|
|
4065
3684
|
|
|
@@ -4069,7 +3688,7 @@
|
|
|
4069
3688
|
}
|
|
4070
3689
|
|
|
4071
3690
|
.aksel-dialog__title {
|
|
4072
|
-
margin-
|
|
3691
|
+
margin-block-end: var(--ax-space-4);
|
|
4073
3692
|
}
|
|
4074
3693
|
|
|
4075
3694
|
.aksel-dialog__close-button {
|
|
@@ -4086,7 +3705,7 @@
|
|
|
4086
3705
|
}
|
|
4087
3706
|
|
|
4088
3707
|
.aksel-dialog__header ~ .aksel-dialog__body {
|
|
4089
|
-
padding-
|
|
3708
|
+
padding-block-start: 0;
|
|
4090
3709
|
}
|
|
4091
3710
|
|
|
4092
3711
|
.aksel-dialog__body {
|
|
@@ -4125,8 +3744,7 @@
|
|
|
4125
3744
|
color: var(--ax-text-neutral);
|
|
4126
3745
|
width: 27ch;
|
|
4127
3746
|
max-height: 616px;
|
|
4128
|
-
overflow
|
|
4129
|
-
overflow-y: auto;
|
|
3747
|
+
overflow: hidden auto;
|
|
4130
3748
|
}
|
|
4131
3749
|
|
|
4132
3750
|
.aksel-dropdown__divider {
|
|
@@ -4371,15 +3989,7 @@
|
|
|
4371
3989
|
display: grid;
|
|
4372
3990
|
}
|
|
4373
3991
|
|
|
4374
|
-
.aksel-action-menu__indicator[data-state="unchecked"] .aksel-action-menu__indicator-icon--unchecked {
|
|
4375
|
-
display: block;
|
|
4376
|
-
}
|
|
4377
|
-
|
|
4378
|
-
.aksel-action-menu__indicator[data-state="checked"] .aksel-action-menu__indicator-icon--checked {
|
|
4379
|
-
display: block;
|
|
4380
|
-
}
|
|
4381
|
-
|
|
4382
|
-
.aksel-action-menu__indicator[data-state="indeterminate"] .aksel-action-menu__indicator-icon--indeterminate {
|
|
3992
|
+
.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 {
|
|
4383
3993
|
display: block;
|
|
4384
3994
|
}
|
|
4385
3995
|
|
|
@@ -4394,7 +4004,6 @@
|
|
|
4394
4004
|
border-radius: var(--ax-radius-12);
|
|
4395
4005
|
background-color: var(--ax-bg-softA);
|
|
4396
4006
|
border: 1px solid var(--ax-border-default);
|
|
4397
|
-
height: -webkit-fit-content;
|
|
4398
4007
|
height: fit-content;
|
|
4399
4008
|
}
|
|
4400
4009
|
|
|
@@ -4416,10 +4025,6 @@
|
|
|
4416
4025
|
margin-top: var(--ax-space-2);
|
|
4417
4026
|
}
|
|
4418
4027
|
|
|
4419
|
-
.aksel-expansioncard--small :-webkit-any(.aksel-expansioncard__title--medium, .aksel-expansioncard__title--large) {
|
|
4420
|
-
margin-top: 0;
|
|
4421
|
-
}
|
|
4422
|
-
|
|
4423
4028
|
.aksel-expansioncard--small :is(.aksel-expansioncard__title--medium, .aksel-expansioncard__title--large) {
|
|
4424
4029
|
margin-top: 0;
|
|
4425
4030
|
}
|
|
@@ -4502,10 +4107,7 @@
|
|
|
4502
4107
|
width: 100%;
|
|
4503
4108
|
height: 100%;
|
|
4504
4109
|
position: absolute;
|
|
4505
|
-
|
|
4506
|
-
bottom: 0;
|
|
4507
|
-
left: 0;
|
|
4508
|
-
right: 0;
|
|
4110
|
+
inset: 0;
|
|
4509
4111
|
}
|
|
4510
4112
|
|
|
4511
4113
|
.aksel-expansioncard__header:hover > .aksel-expansioncard__header-button {
|
|
@@ -4527,31 +4129,17 @@
|
|
|
4527
4129
|
.aksel-expansioncard__content {
|
|
4528
4130
|
padding-inline: var(--__axc-expansioncard-padding-inline);
|
|
4529
4131
|
visibility: hidden;
|
|
4132
|
+
border-end-end-radius: var(--__axc-expansioncard-border-radius);
|
|
4133
|
+
border-end-start-radius: var(--__axc-expansioncard-border-radius);
|
|
4530
4134
|
grid-template-rows: 0fr;
|
|
4531
|
-
padding-
|
|
4532
|
-
|
|
4533
|
-
transition-property: visibility, padding-top, padding-bottom, grid-template-rows;
|
|
4135
|
+
padding-block: 0;
|
|
4136
|
+
transition-property: visibility, padding-block, grid-template-rows;
|
|
4534
4137
|
transition-duration: .25s;
|
|
4535
4138
|
transition-timing-function: cubic-bezier(.2, 0, 0, 1);
|
|
4536
4139
|
display: grid;
|
|
4537
4140
|
overflow: hidden;
|
|
4538
4141
|
}
|
|
4539
4142
|
|
|
4540
|
-
.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)) {
|
|
4541
|
-
border-bottom-right-radius: var(--__axc-expansioncard-border-radius);
|
|
4542
|
-
border-bottom-left-radius: var(--__axc-expansioncard-border-radius);
|
|
4543
|
-
}
|
|
4544
|
-
|
|
4545
|
-
.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)) {
|
|
4546
|
-
border-bottom-left-radius: var(--__axc-expansioncard-border-radius);
|
|
4547
|
-
border-bottom-right-radius: var(--__axc-expansioncard-border-radius);
|
|
4548
|
-
}
|
|
4549
|
-
|
|
4550
|
-
.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)) {
|
|
4551
|
-
border-bottom-left-radius: var(--__axc-expansioncard-border-radius);
|
|
4552
|
-
border-bottom-right-radius: var(--__axc-expansioncard-border-radius);
|
|
4553
|
-
}
|
|
4554
|
-
|
|
4555
4143
|
.aksel-expansioncard__content[data-open="true"] {
|
|
4556
4144
|
visibility: visible;
|
|
4557
4145
|
padding-block: var(--__axc-expansioncard-padding-block);
|
|
@@ -4570,18 +4158,12 @@
|
|
|
4570
4158
|
|
|
4571
4159
|
.aksel-guide-panel {
|
|
4572
4160
|
--__axc-guide-panel-guide-size: 5rem;
|
|
4573
|
-
width: -webkit-fit-content;
|
|
4574
4161
|
width: fit-content;
|
|
4575
4162
|
display: flex;
|
|
4576
4163
|
position: relative;
|
|
4577
4164
|
}
|
|
4578
4165
|
|
|
4579
|
-
.aksel-guide-panel[data-poster="true"] {
|
|
4580
|
-
flex-direction: column;
|
|
4581
|
-
align-items: center;
|
|
4582
|
-
}
|
|
4583
|
-
|
|
4584
|
-
.aksel-guide-panel[data-responsive="true"] {
|
|
4166
|
+
.aksel-guide-panel[data-poster="true"], .aksel-guide-panel[data-responsive="true"] {
|
|
4585
4167
|
flex-direction: column;
|
|
4586
4168
|
align-items: center;
|
|
4587
4169
|
}
|
|
@@ -4628,10 +4210,6 @@
|
|
|
4628
4210
|
position: relative;
|
|
4629
4211
|
}
|
|
4630
4212
|
|
|
4631
|
-
.aksel-guide-panel:-webkit-any([data-poster="true"], [data-responsive="true"]) > .aksel-guide-panel__content {
|
|
4632
|
-
margin-top: var(--ax-space-20);
|
|
4633
|
-
}
|
|
4634
|
-
|
|
4635
4213
|
.aksel-guide-panel:is([data-poster="true"], [data-responsive="true"]) > .aksel-guide-panel__content {
|
|
4636
4214
|
margin-top: var(--ax-space-20);
|
|
4637
4215
|
}
|
|
@@ -4674,12 +4252,6 @@
|
|
|
4674
4252
|
position: absolute;
|
|
4675
4253
|
}
|
|
4676
4254
|
|
|
4677
|
-
.aksel-guide-panel:-webkit-any([data-poster="true"], [data-responsive="true"]) .aksel-guide-panel__tail {
|
|
4678
|
-
left: 50%;
|
|
4679
|
-
top: calc(var(--ax-space-16) * -1 - 2px);
|
|
4680
|
-
transform: translateX(-25%);
|
|
4681
|
-
}
|
|
4682
|
-
|
|
4683
4255
|
.aksel-guide-panel:is([data-poster="true"], [data-responsive="true"]) .aksel-guide-panel__tail {
|
|
4684
4256
|
left: 50%;
|
|
4685
4257
|
top: calc(var(--ax-space-16) * -1 - 2px);
|
|
@@ -4689,14 +4261,14 @@
|
|
|
4689
4261
|
.aksel-guide-panel[data-poster="false"] .aksel-guide-panel__tail {
|
|
4690
4262
|
top: calc(var(--__axc-guide-panel-guide-size) / 2);
|
|
4691
4263
|
left: calc(var(--ax-space-20) * -1 - 2px);
|
|
4692
|
-
transform: translateY(-15%)rotateZ(-90deg)scaleX(-1);
|
|
4264
|
+
transform: translateY(-15%) rotateZ(-90deg) scaleX(-1);
|
|
4693
4265
|
}
|
|
4694
4266
|
|
|
4695
4267
|
@media (min-width: 480px) {
|
|
4696
4268
|
.aksel-guide-panel[data-responsive="true"] .aksel-guide-panel__tail {
|
|
4697
4269
|
top: calc(var(--__axc-guide-panel-guide-size) / 2);
|
|
4698
4270
|
left: calc(var(--ax-space-20) * -1 - 2px);
|
|
4699
|
-
transform: translateY(-15%)rotateZ(-90deg)scaleX(-1);
|
|
4271
|
+
transform: translateY(-15%) rotateZ(-90deg) scaleX(-1);
|
|
4700
4272
|
}
|
|
4701
4273
|
}
|
|
4702
4274
|
|
|
@@ -4725,11 +4297,7 @@
|
|
|
4725
4297
|
border: 1px solid var(--ax-border-default);
|
|
4726
4298
|
}
|
|
4727
4299
|
|
|
4728
|
-
.aksel-help-text__icon--filled {
|
|
4729
|
-
display: none;
|
|
4730
|
-
}
|
|
4731
|
-
|
|
4732
|
-
.aksel-help-text__button:where(:hover, :focus-visible, [aria-expanded="true"]) > .aksel-help-text__icon {
|
|
4300
|
+
.aksel-help-text__icon--filled, .aksel-help-text__button:where(:hover, :focus-visible, [aria-expanded="true"]) > .aksel-help-text__icon {
|
|
4733
4301
|
display: none;
|
|
4734
4302
|
}
|
|
4735
4303
|
|
|
@@ -4765,7 +4333,7 @@
|
|
|
4765
4333
|
.aksel-inline-message__icon {
|
|
4766
4334
|
color: var(--ax-text-subtle);
|
|
4767
4335
|
flex: none;
|
|
4768
|
-
margin-
|
|
4336
|
+
margin-block-start: var(--ax-space-2);
|
|
4769
4337
|
font-size: 1.5rem;
|
|
4770
4338
|
}
|
|
4771
4339
|
|
|
@@ -4793,8 +4361,7 @@
|
|
|
4793
4361
|
font: inherit;
|
|
4794
4362
|
font-weight: var(--ax-font-weight-bold);
|
|
4795
4363
|
text-align: left;
|
|
4796
|
-
padding-
|
|
4797
|
-
padding-bottom: 0;
|
|
4364
|
+
padding-block: 0;
|
|
4798
4365
|
padding-inline: var(--ax-space-24) var(--ax-space-20);
|
|
4799
4366
|
border: none;
|
|
4800
4367
|
border-right: 1px solid var(--ax-border-neutral-subtleA);
|
|
@@ -4808,10 +4375,6 @@
|
|
|
4808
4375
|
overflow: visible;
|
|
4809
4376
|
}
|
|
4810
4377
|
|
|
4811
|
-
.aksel-internalheader__title:-webkit-any(button) {
|
|
4812
|
-
cursor: pointer;
|
|
4813
|
-
}
|
|
4814
|
-
|
|
4815
4378
|
.aksel-internalheader__title:is(button) {
|
|
4816
4379
|
cursor: pointer;
|
|
4817
4380
|
}
|
|
@@ -4820,10 +4383,6 @@
|
|
|
4820
4383
|
background: var(--ax-bg-neutral-moderate-hoverA);
|
|
4821
4384
|
}
|
|
4822
4385
|
|
|
4823
|
-
.aksel-internalheader__title:-webkit-any(:hover, :active):not(button, a) {
|
|
4824
|
-
background: initial;
|
|
4825
|
-
}
|
|
4826
|
-
|
|
4827
4386
|
.aksel-internalheader__title:is(:hover, :active):not(button, a) {
|
|
4828
4387
|
background: initial;
|
|
4829
4388
|
}
|
|
@@ -4909,11 +4468,7 @@
|
|
|
4909
4468
|
display: inline-flex;
|
|
4910
4469
|
}
|
|
4911
4470
|
|
|
4912
|
-
.aksel-link:hover {
|
|
4913
|
-
text-decoration-thickness: .111em;
|
|
4914
|
-
}
|
|
4915
|
-
|
|
4916
|
-
.aksel-link:active {
|
|
4471
|
+
.aksel-link:hover, .aksel-link:active {
|
|
4917
4472
|
text-decoration-thickness: .111em;
|
|
4918
4473
|
}
|
|
4919
4474
|
|
|
@@ -5023,11 +4578,7 @@
|
|
|
5023
4578
|
color: var(--ax-text-subtle);
|
|
5024
4579
|
}
|
|
5025
4580
|
|
|
5026
|
-
.aksel-link-anchor:hover {
|
|
5027
|
-
text-decoration-thickness: .111em;
|
|
5028
|
-
}
|
|
5029
|
-
|
|
5030
|
-
.aksel-link-anchor__overlay:hover .aksel-link-anchor {
|
|
4581
|
+
.aksel-link-anchor:hover, .aksel-link-anchor__overlay:hover .aksel-link-anchor {
|
|
5031
4582
|
text-decoration-thickness: .111em;
|
|
5032
4583
|
}
|
|
5033
4584
|
|
|
@@ -5047,11 +4598,7 @@
|
|
|
5047
4598
|
transform: translateX(0);
|
|
5048
4599
|
}
|
|
5049
4600
|
|
|
5050
|
-
.aksel-link-anchor:hover .aksel-link-anchor__arrow {
|
|
5051
|
-
transform: translateX(4px);
|
|
5052
|
-
}
|
|
5053
|
-
|
|
5054
|
-
.aksel-link-anchor__overlay:hover .aksel-link-anchor__arrow {
|
|
4601
|
+
.aksel-link-anchor:hover .aksel-link-anchor__arrow, .aksel-link-anchor__overlay:hover .aksel-link-anchor__arrow {
|
|
5055
4602
|
transform: translateX(4px);
|
|
5056
4603
|
}
|
|
5057
4604
|
|
|
@@ -5093,11 +4640,7 @@
|
|
|
5093
4640
|
align-items: center;
|
|
5094
4641
|
}
|
|
5095
4642
|
|
|
5096
|
-
.aksel-link-card:not(:has(.aksel-link-card__description, .aksel-link-card__footer)) .aksel-link-card__icon {
|
|
5097
|
-
align-self: center;
|
|
5098
|
-
}
|
|
5099
|
-
|
|
5100
|
-
.aksel-link-card:not(:has(.aksel-link-card__description, .aksel-link-card__footer))[data-align-arrow="baseline"] .aksel-link-card__arrow {
|
|
4643
|
+
.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 {
|
|
5101
4644
|
align-self: center;
|
|
5102
4645
|
}
|
|
5103
4646
|
|
|
@@ -5118,17 +4661,13 @@
|
|
|
5118
4661
|
grid-area: title;
|
|
5119
4662
|
}
|
|
5120
4663
|
|
|
5121
|
-
.aksel-link-card[data-color="neutral"] .aksel-link-card__title {
|
|
5122
|
-
color: var(--ax-text-default);
|
|
5123
|
-
}
|
|
5124
|
-
|
|
5125
|
-
.aksel-link-card__title[data-color="neutral"] {
|
|
4664
|
+
.aksel-link-card[data-color="neutral"] .aksel-link-card__title, .aksel-link-card__title[data-color="neutral"] {
|
|
5126
4665
|
color: var(--ax-text-default);
|
|
5127
4666
|
}
|
|
5128
4667
|
|
|
5129
4668
|
.aksel-link-card__description {
|
|
5130
4669
|
grid-area: description;
|
|
5131
|
-
margin-
|
|
4670
|
+
margin-block-start: var(--ax-space-4);
|
|
5132
4671
|
}
|
|
5133
4672
|
|
|
5134
4673
|
.aksel-link-card__footer {
|
|
@@ -5136,44 +4675,23 @@
|
|
|
5136
4675
|
gap: var(--ax-space-8);
|
|
5137
4676
|
flex-wrap: wrap;
|
|
5138
4677
|
grid-area: footer;
|
|
5139
|
-
margin-
|
|
4678
|
+
margin-block-start: var(--ax-space-16);
|
|
5140
4679
|
display: flex;
|
|
5141
4680
|
}
|
|
5142
4681
|
|
|
5143
4682
|
.aksel-link-card__icon {
|
|
5144
|
-
width: -webkit-max-content;
|
|
5145
4683
|
width: max-content;
|
|
5146
|
-
height: -webkit-max-content;
|
|
5147
4684
|
height: max-content;
|
|
5148
4685
|
color: var(--ax-text-default);
|
|
5149
4686
|
grid-area: icon;
|
|
5150
4687
|
place-content: center;
|
|
5151
4688
|
align-self: flex-start;
|
|
4689
|
+
margin-inline-end: var(--ax-space-16);
|
|
5152
4690
|
display: grid;
|
|
5153
4691
|
}
|
|
5154
4692
|
|
|
5155
|
-
.aksel-link-card__icon
|
|
5156
|
-
margin-
|
|
5157
|
-
}
|
|
5158
|
-
|
|
5159
|
-
.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)) {
|
|
5160
|
-
margin-left: var(--ax-space-16);
|
|
5161
|
-
}
|
|
5162
|
-
|
|
5163
|
-
.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)) {
|
|
5164
|
-
margin-left: var(--ax-space-16);
|
|
5165
|
-
}
|
|
5166
|
-
|
|
5167
|
-
.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)) {
|
|
5168
|
-
margin-right: var(--ax-space-12);
|
|
5169
|
-
}
|
|
5170
|
-
|
|
5171
|
-
.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)) {
|
|
5172
|
-
margin-left: var(--ax-space-12);
|
|
5173
|
-
}
|
|
5174
|
-
|
|
5175
|
-
.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)) {
|
|
5176
|
-
margin-left: var(--ax-space-12);
|
|
4693
|
+
.aksel-link-card--small .aksel-link-card__icon {
|
|
4694
|
+
margin-inline-end: var(--ax-space-12);
|
|
5177
4695
|
}
|
|
5178
4696
|
|
|
5179
4697
|
.aksel-link-card__image-container {
|
|
@@ -5187,13 +4705,6 @@
|
|
|
5187
4705
|
overflow: hidden;
|
|
5188
4706
|
}
|
|
5189
4707
|
|
|
5190
|
-
.aksel-link-card__image-container :-webkit-any(img, picture) {
|
|
5191
|
-
object-fit: cover;
|
|
5192
|
-
max-width: 100%;
|
|
5193
|
-
height: 100%;
|
|
5194
|
-
display: block;
|
|
5195
|
-
}
|
|
5196
|
-
|
|
5197
4708
|
.aksel-link-card__image-container :is(img, picture) {
|
|
5198
4709
|
object-fit: cover;
|
|
5199
4710
|
max-width: 100%;
|
|
@@ -5203,18 +4714,7 @@
|
|
|
5203
4714
|
|
|
5204
4715
|
.aksel-link-card__arrow {
|
|
5205
4716
|
grid-area: arrow;
|
|
5206
|
-
|
|
5207
|
-
|
|
5208
|
-
.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)) {
|
|
5209
|
-
margin-left: var(--ax-space-8);
|
|
5210
|
-
}
|
|
5211
|
-
|
|
5212
|
-
.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)) {
|
|
5213
|
-
margin-right: var(--ax-space-8);
|
|
5214
|
-
}
|
|
5215
|
-
|
|
5216
|
-
.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)) {
|
|
5217
|
-
margin-right: var(--ax-space-8);
|
|
4717
|
+
margin-inline-start: var(--ax-space-8);
|
|
5218
4718
|
}
|
|
5219
4719
|
|
|
5220
4720
|
.aksel-link-card[data-align-arrow="baseline"] .aksel-link-card__arrow {
|
|
@@ -5246,9 +4746,7 @@
|
|
|
5246
4746
|
}
|
|
5247
4747
|
|
|
5248
4748
|
.aksel-modal--polyfilled {
|
|
5249
|
-
width: -webkit-fit-content;
|
|
5250
4749
|
width: fit-content;
|
|
5251
|
-
height: -webkit-fit-content;
|
|
5252
4750
|
height: fit-content;
|
|
5253
4751
|
margin: auto;
|
|
5254
4752
|
top: 50%;
|
|
@@ -5267,17 +4765,10 @@
|
|
|
5267
4765
|
|
|
5268
4766
|
._dialog_overlay {
|
|
5269
4767
|
position: fixed;
|
|
5270
|
-
|
|
5271
|
-
bottom: 0;
|
|
5272
|
-
left: 0;
|
|
5273
|
-
right: 0;
|
|
4768
|
+
inset: 0;
|
|
5274
4769
|
}
|
|
5275
4770
|
|
|
5276
|
-
.aksel-modal--small .aksel-modal__header {
|
|
5277
|
-
padding: var(--ax-space-12) var(--ax-space-16);
|
|
5278
|
-
}
|
|
5279
|
-
|
|
5280
|
-
.aksel-modal--small .aksel-modal__body {
|
|
4771
|
+
.aksel-modal--small .aksel-modal__header, .aksel-modal--small .aksel-modal__body {
|
|
5281
4772
|
padding: var(--ax-space-12) var(--ax-space-16);
|
|
5282
4773
|
}
|
|
5283
4774
|
|
|
@@ -5323,10 +4814,7 @@
|
|
|
5323
4814
|
.aksel-modal--polyfilled + .backdrop {
|
|
5324
4815
|
background: rgba(12, 22, 39, .66);
|
|
5325
4816
|
position: fixed;
|
|
5326
|
-
|
|
5327
|
-
bottom: 0;
|
|
5328
|
-
left: 0;
|
|
5329
|
-
right: 0;
|
|
4817
|
+
inset: 0;
|
|
5330
4818
|
}
|
|
5331
4819
|
|
|
5332
4820
|
.aksel-modal__button {
|
|
@@ -5386,7 +4874,6 @@
|
|
|
5386
4874
|
}
|
|
5387
4875
|
|
|
5388
4876
|
.aksel-modal--polyfilled .aksel-modal--polyfilled.aksel-date__nested-modal {
|
|
5389
|
-
min-width: -webkit-fit-content;
|
|
5390
4877
|
min-width: fit-content;
|
|
5391
4878
|
max-width: 100vw;
|
|
5392
4879
|
max-height: 100vh;
|
|
@@ -5560,26 +5047,14 @@
|
|
|
5560
5047
|
|
|
5561
5048
|
.aksel-tag__icon--left {
|
|
5562
5049
|
font-size: var(--__axc-tag-icon-size);
|
|
5050
|
+
margin-inline-start: var(--__axc-tag-icon-margin);
|
|
5563
5051
|
display: flex;
|
|
5564
5052
|
}
|
|
5565
5053
|
|
|
5566
|
-
.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)) {
|
|
5567
|
-
margin-left: var(--__axc-tag-icon-margin);
|
|
5568
|
-
}
|
|
5569
|
-
|
|
5570
|
-
.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)) {
|
|
5571
|
-
margin-right: var(--__axc-tag-icon-margin);
|
|
5572
|
-
}
|
|
5573
|
-
|
|
5574
|
-
.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)) {
|
|
5575
|
-
margin-right: var(--__axc-tag-icon-margin);
|
|
5576
|
-
}
|
|
5577
|
-
|
|
5578
5054
|
.aksel-timeline {
|
|
5579
5055
|
grid-template-columns: auto minmax(0, 1fr);
|
|
5580
5056
|
align-items: center;
|
|
5581
5057
|
width: 100%;
|
|
5582
|
-
min-width: -webkit-fit-content;
|
|
5583
5058
|
min-width: fit-content;
|
|
5584
5059
|
display: grid;
|
|
5585
5060
|
position: relative;
|
|
@@ -5753,10 +5228,7 @@
|
|
|
5753
5228
|
width: 25px;
|
|
5754
5229
|
height: 25px;
|
|
5755
5230
|
position: absolute;
|
|
5756
|
-
|
|
5757
|
-
bottom: 0;
|
|
5758
|
-
left: -9px;
|
|
5759
|
-
right: 0;
|
|
5231
|
+
inset: -9px 0 0 -9px;
|
|
5760
5232
|
}
|
|
5761
5233
|
|
|
5762
5234
|
.aksel-timeline__pin-button:hover {
|
|
@@ -5866,13 +5338,7 @@
|
|
|
5866
5338
|
outline: 4px solid rgba(0, 0, 0, 0);
|
|
5867
5339
|
}
|
|
5868
5340
|
|
|
5869
|
-
.aksel-timeline__pin-button:focus {
|
|
5870
|
-
outline-offset: 3px;
|
|
5871
|
-
box-shadow: none;
|
|
5872
|
-
outline: 4px solid highlight;
|
|
5873
|
-
}
|
|
5874
|
-
|
|
5875
|
-
.aksel-timeline__pin-button:focus-visible {
|
|
5341
|
+
.aksel-timeline__pin-button:focus, .aksel-timeline__pin-button:focus-visible {
|
|
5876
5342
|
outline-offset: 3px;
|
|
5877
5343
|
box-shadow: none;
|
|
5878
5344
|
outline: 4px solid highlight;
|
|
@@ -6036,7 +5502,6 @@
|
|
|
6036
5502
|
border: none;
|
|
6037
5503
|
justify-content: center;
|
|
6038
5504
|
align-items: center;
|
|
6039
|
-
min-width: -webkit-fit-content;
|
|
6040
5505
|
min-width: fit-content;
|
|
6041
5506
|
display: inline-flex;
|
|
6042
5507
|
position: relative;
|
|
@@ -6356,7 +5821,6 @@
|
|
|
6356
5821
|
}
|
|
6357
5822
|
|
|
6358
5823
|
.aksel-skeleton--has-children.aksel-skeleton--no-width {
|
|
6359
|
-
width: -webkit-fit-content;
|
|
6360
5824
|
width: fit-content;
|
|
6361
5825
|
}
|
|
6362
5826
|
|
|
@@ -6417,15 +5881,15 @@
|
|
|
6417
5881
|
|
|
6418
5882
|
.aksel-process__event[data-dot="true"] {
|
|
6419
5883
|
--__axc-process-circle-size: var(--__axc-process-circle-small);
|
|
6420
|
-
margin-
|
|
5884
|
+
margin-block-start: calc((var(--__axc-process-circle-small) / 2) * -1);
|
|
6421
5885
|
}
|
|
6422
5886
|
|
|
6423
5887
|
.aksel-process__event[data-dot="true"] .aksel-process__line[data-position="start"] {
|
|
6424
|
-
margin-
|
|
5888
|
+
margin-block-end: calc(var(--__axc-process-circle-size) / 2 * -1);
|
|
6425
5889
|
}
|
|
6426
5890
|
|
|
6427
5891
|
.aksel-process__event[data-dot="true"] .aksel-process__line[data-position="end"] {
|
|
6428
|
-
margin-
|
|
5892
|
+
margin-block-start: calc(var(--__axc-process-circle-size) / 2);
|
|
6429
5893
|
}
|
|
6430
5894
|
|
|
6431
5895
|
.aksel-process__event[data-dot="true"] .aksel-process__bullet {
|
|
@@ -6451,29 +5915,12 @@
|
|
|
6451
5915
|
}
|
|
6452
5916
|
|
|
6453
5917
|
.aksel-process__event:first-of-type .aksel-process__line[data-position="start"] {
|
|
5918
|
+
border-start-start-radius: var(--ax-radius-4);
|
|
5919
|
+
border-start-end-radius: var(--ax-radius-4);
|
|
6454
5920
|
min-height: 1.5rem;
|
|
6455
5921
|
}
|
|
6456
5922
|
|
|
6457
|
-
.aksel-process__event:first-of-type .aksel-process__line[data-position="start"]
|
|
6458
|
-
border-top-left-radius: var(--ax-radius-4);
|
|
6459
|
-
border-top-right-radius: var(--ax-radius-4);
|
|
6460
|
-
}
|
|
6461
|
-
|
|
6462
|
-
.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)) {
|
|
6463
|
-
border-top-right-radius: var(--ax-radius-4);
|
|
6464
|
-
border-top-left-radius: var(--ax-radius-4);
|
|
6465
|
-
}
|
|
6466
|
-
|
|
6467
|
-
.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)) {
|
|
6468
|
-
border-top-right-radius: var(--ax-radius-4);
|
|
6469
|
-
border-top-left-radius: var(--ax-radius-4);
|
|
6470
|
-
}
|
|
6471
|
-
|
|
6472
|
-
.aksel-process__event:not(:first-of-type) .aksel-process__line[data-position="start"] {
|
|
6473
|
-
display: none;
|
|
6474
|
-
}
|
|
6475
|
-
|
|
6476
|
-
.aksel-process:not([data-truncated="start"], [data-truncated="both"]) .aksel-process__line[data-position="start"] {
|
|
5923
|
+
.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"] {
|
|
6477
5924
|
display: none;
|
|
6478
5925
|
}
|
|
6479
5926
|
|
|
@@ -6486,24 +5933,11 @@
|
|
|
6486
5933
|
}
|
|
6487
5934
|
|
|
6488
5935
|
.aksel-process__event:last-of-type .aksel-process__line[data-position="end"] {
|
|
5936
|
+
border-end-end-radius: var(--ax-radius-4);
|
|
5937
|
+
border-end-start-radius: var(--ax-radius-4);
|
|
6489
5938
|
min-height: 1.5rem;
|
|
6490
5939
|
}
|
|
6491
5940
|
|
|
6492
|
-
.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)) {
|
|
6493
|
-
border-bottom-right-radius: var(--ax-radius-4);
|
|
6494
|
-
border-bottom-left-radius: var(--ax-radius-4);
|
|
6495
|
-
}
|
|
6496
|
-
|
|
6497
|
-
.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)) {
|
|
6498
|
-
border-bottom-left-radius: var(--ax-radius-4);
|
|
6499
|
-
border-bottom-right-radius: var(--ax-radius-4);
|
|
6500
|
-
}
|
|
6501
|
-
|
|
6502
|
-
.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)) {
|
|
6503
|
-
border-bottom-left-radius: var(--ax-radius-4);
|
|
6504
|
-
border-bottom-right-radius: var(--ax-radius-4);
|
|
6505
|
-
}
|
|
6506
|
-
|
|
6507
5941
|
.aksel-process__event[data-status="active"] .aksel-process__line {
|
|
6508
5942
|
border-color: var(--ax-border-default);
|
|
6509
5943
|
border-image: linear-gradient(to bottom, var(--ax-border-default) 50%, var(--ax-border-neutral-subtle) 90%);
|
|
@@ -6559,12 +5993,6 @@
|
|
|
6559
5993
|
width: min(calc(var(--__axc-process-circle-size) * .75), 1.5rem);
|
|
6560
5994
|
}
|
|
6561
5995
|
|
|
6562
|
-
.aksel-process__event:-webkit-any([data-status="completed"], [data-status="active"]) .aksel-process__bullet {
|
|
6563
|
-
color: var(--ax-text-contrast);
|
|
6564
|
-
background: var(--ax-bg-strong);
|
|
6565
|
-
border-color: rgba(0, 0, 0, 0);
|
|
6566
|
-
}
|
|
6567
|
-
|
|
6568
5996
|
.aksel-process__event:is([data-status="completed"], [data-status="active"]) .aksel-process__bullet {
|
|
6569
5997
|
color: var(--ax-text-contrast);
|
|
6570
5998
|
background: var(--ax-bg-strong);
|
|
@@ -6591,7 +6019,7 @@
|
|
|
6591
6019
|
}
|
|
6592
6020
|
|
|
6593
6021
|
.aksel-process__event[data-status="active"] .aksel-process__title:has( + .aksel-process__active-label) {
|
|
6594
|
-
padding-
|
|
6022
|
+
padding-block-end: 0;
|
|
6595
6023
|
}
|
|
6596
6024
|
|
|
6597
6025
|
.aksel-process__active-label {
|
|
@@ -6600,7 +6028,7 @@
|
|
|
6600
6028
|
}
|
|
6601
6029
|
|
|
6602
6030
|
.aksel-process__active-label:last-of-type {
|
|
6603
|
-
margin-
|
|
6031
|
+
margin-block-end: 0;
|
|
6604
6032
|
}
|
|
6605
6033
|
|
|
6606
6034
|
@media (forced-colors: active) {
|
|
@@ -6608,13 +6036,6 @@
|
|
|
6608
6036
|
transition: none;
|
|
6609
6037
|
}
|
|
6610
6038
|
|
|
6611
|
-
.aksel-process__event:-webkit-any([data-status="completed"], [data-status="active"]) .aksel-process__bullet {
|
|
6612
|
-
color: buttonface;
|
|
6613
|
-
forced-color-adjust: none;
|
|
6614
|
-
background-color: buttontext;
|
|
6615
|
-
outline-color: buttontext;
|
|
6616
|
-
}
|
|
6617
|
-
|
|
6618
6039
|
.aksel-process__event:is([data-status="completed"], [data-status="active"]) .aksel-process__bullet {
|
|
6619
6040
|
color: buttonface;
|
|
6620
6041
|
forced-color-adjust: none;
|
|
@@ -6705,18 +6126,7 @@
|
|
|
6705
6126
|
margin-bottom: 0;
|
|
6706
6127
|
}
|
|
6707
6128
|
|
|
6708
|
-
.aksel-stepper__step:-webkit-any(button) {
|
|
6709
|
-
-webkit-appearance: none;
|
|
6710
|
-
appearance: none;
|
|
6711
|
-
font: inherit;
|
|
6712
|
-
color: inherit;
|
|
6713
|
-
text-align: inherit;
|
|
6714
|
-
background-color: rgba(0, 0, 0, 0);
|
|
6715
|
-
border: none;
|
|
6716
|
-
}
|
|
6717
|
-
|
|
6718
6129
|
.aksel-stepper__step:is(button) {
|
|
6719
|
-
-webkit-appearance: none;
|
|
6720
6130
|
appearance: none;
|
|
6721
6131
|
font: inherit;
|
|
6722
6132
|
color: inherit;
|
|
@@ -6754,11 +6164,7 @@
|
|
|
6754
6164
|
text-decoration-thickness: .05em;
|
|
6755
6165
|
}
|
|
6756
6166
|
|
|
6757
|
-
.aksel-stepper__step[data-interactive="true"]:hover .aksel-stepper__content {
|
|
6758
|
-
text-decoration-thickness: .111em;
|
|
6759
|
-
}
|
|
6760
|
-
|
|
6761
|
-
.aksel-stepper__step[data-interactive="true"]:active .aksel-stepper__content {
|
|
6167
|
+
:is(.aksel-stepper__step[data-interactive="true"]:hover, .aksel-stepper__step[data-interactive="true"]:active) .aksel-stepper__content {
|
|
6762
6168
|
text-decoration-thickness: .111em;
|
|
6763
6169
|
}
|
|
6764
6170
|
|
|
@@ -6799,7 +6205,6 @@
|
|
|
6799
6205
|
|
|
6800
6206
|
.aksel-stepper__content {
|
|
6801
6207
|
grid-column: content;
|
|
6802
|
-
min-width: -webkit-fit-content;
|
|
6803
6208
|
min-width: fit-content;
|
|
6804
6209
|
padding-top: .16rem;
|
|
6805
6210
|
line-height: 1.5;
|
|
@@ -6835,11 +6240,7 @@
|
|
|
6835
6240
|
flex: 100%;
|
|
6836
6241
|
}
|
|
6837
6242
|
|
|
6838
|
-
.aksel-stepper[data-orientation="horizontal"] .aksel-stepper__item:first-of-type .aksel-stepper__line--1 {
|
|
6839
|
-
visibility: hidden;
|
|
6840
|
-
}
|
|
6841
|
-
|
|
6842
|
-
.aksel-stepper[data-orientation="horizontal"] .aksel-stepper__item:last-of-type .aksel-stepper__line--2 {
|
|
6243
|
+
.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 {
|
|
6843
6244
|
visibility: hidden;
|
|
6844
6245
|
}
|
|
6845
6246
|
|
|
@@ -6899,7 +6300,6 @@
|
|
|
6899
6300
|
z-index: 10;
|
|
6900
6301
|
background-color: var(--ax-bg-default);
|
|
6901
6302
|
box-sizing: border-box;
|
|
6902
|
-
position: -webkit-sticky;
|
|
6903
6303
|
position: sticky;
|
|
6904
6304
|
top: 0;
|
|
6905
6305
|
}
|
|
@@ -6921,10 +6321,6 @@
|
|
|
6921
6321
|
display: table-row;
|
|
6922
6322
|
}
|
|
6923
6323
|
|
|
6924
|
-
.aksel-table__row:has( + .aksel-table__row--selected) :-webkit-any(.aksel-table__header-cell, .aksel-table__data-cell) {
|
|
6925
|
-
border-color: var(--ax-border-default);
|
|
6926
|
-
}
|
|
6927
|
-
|
|
6928
6324
|
.aksel-table__row:has( + .aksel-table__row--selected) :is(.aksel-table__header-cell, .aksel-table__data-cell) {
|
|
6929
6325
|
border-color: var(--ax-border-default);
|
|
6930
6326
|
}
|
|
@@ -6955,18 +6351,10 @@
|
|
|
6955
6351
|
border-color: var(--ax-border-default);
|
|
6956
6352
|
}
|
|
6957
6353
|
|
|
6958
|
-
.aksel-table__row--selected :-webkit-any(.aksel-table__header-cell, .aksel-table__data-cell) {
|
|
6959
|
-
border-color: var(--ax-border-default);
|
|
6960
|
-
}
|
|
6961
|
-
|
|
6962
6354
|
.aksel-table__row--selected :is(.aksel-table__header-cell, .aksel-table__data-cell) {
|
|
6963
6355
|
border-color: var(--ax-border-default);
|
|
6964
6356
|
}
|
|
6965
6357
|
|
|
6966
|
-
.aksel-table__row--selected.aksel-table__expandable-row--open :-webkit-any(.aksel-table__header-cell, .aksel-table__data-cell) {
|
|
6967
|
-
border-color: rgba(0, 0, 0, 0);
|
|
6968
|
-
}
|
|
6969
|
-
|
|
6970
6358
|
.aksel-table__row--selected.aksel-table__expandable-row--open :is(.aksel-table__header-cell, .aksel-table__data-cell) {
|
|
6971
6359
|
border-color: rgba(0, 0, 0, 0);
|
|
6972
6360
|
}
|
|
@@ -7023,10 +6411,7 @@
|
|
|
7023
6411
|
}
|
|
7024
6412
|
|
|
7025
6413
|
.aksel-table tr:not(.aksel-table__expanded-row) .aksel-checkbox:focus-within:after {
|
|
7026
|
-
|
|
7027
|
-
bottom: 0;
|
|
7028
|
-
left: 0;
|
|
7029
|
-
right: 0;
|
|
6414
|
+
inset: 0;
|
|
7030
6415
|
}
|
|
7031
6416
|
|
|
7032
6417
|
.aksel-table__header-cell[aria-sort] {
|
|
@@ -7034,7 +6419,6 @@
|
|
|
7034
6419
|
}
|
|
7035
6420
|
|
|
7036
6421
|
.aksel-table__sort-button {
|
|
7037
|
-
-webkit-appearance: none;
|
|
7038
6422
|
appearance: none;
|
|
7039
6423
|
color: var(--ax-text-subtle);
|
|
7040
6424
|
cursor: pointer;
|
|
@@ -7160,10 +6544,6 @@
|
|
|
7160
6544
|
border-bottom: 1px solid var(--ax-border-neutral-subtleA);
|
|
7161
6545
|
}
|
|
7162
6546
|
|
|
7163
|
-
.aksel-table__expandable-row:has( + .aksel-table__expanded-row[data-state="closed"] + .aksel-table__row--selected) > :-webkit-any(th, td) {
|
|
7164
|
-
border-color: var(--ax-border-default);
|
|
7165
|
-
}
|
|
7166
|
-
|
|
7167
6547
|
.aksel-table__expandable-row:has( + .aksel-table__expanded-row[data-state="closed"] + .aksel-table__row--selected) > :is(th, td) {
|
|
7168
6548
|
border-color: var(--ax-border-default);
|
|
7169
6549
|
}
|
|
@@ -7322,15 +6702,15 @@
|
|
|
7322
6702
|
@media (forced-colors: active) {
|
|
7323
6703
|
.aksel-tabs__tab[data-state="active"] {
|
|
7324
6704
|
border-bottom: 3px solid canvastext;
|
|
7325
|
-
padding-
|
|
6705
|
+
padding-block-end: calc(var(--ax-space-12) - 3px);
|
|
7326
6706
|
}
|
|
7327
6707
|
|
|
7328
6708
|
.aksel-tabs__tab--small[data-state="active"] {
|
|
7329
|
-
padding-
|
|
6709
|
+
padding-block-end: calc(var(--ax-space-6) - 3px);
|
|
7330
6710
|
}
|
|
7331
6711
|
|
|
7332
6712
|
.aksel-tabs__tab-icon--top[data-state="active"], .aksel-tabs__tab--small.aksel-tabs__tab-icon--top[data-state="active"] {
|
|
7333
|
-
padding-
|
|
6713
|
+
padding-block-end: calc(var(--ax-space-4) - 3px);
|
|
7334
6714
|
}
|
|
7335
6715
|
}
|
|
7336
6716
|
|
|
@@ -7368,7 +6748,7 @@
|
|
|
7368
6748
|
display: flex;
|
|
7369
6749
|
}
|
|
7370
6750
|
|
|
7371
|
-
@supports (hanging-punctuation: first) and (font: -apple-system-body) and (
|
|
6751
|
+
@supports (hanging-punctuation: first) and (font: -apple-system-body) and (appearance: none) {
|
|
7372
6752
|
.aksel-list ol {
|
|
7373
6753
|
padding-left: 2.1rem;
|
|
7374
6754
|
}
|
|
@@ -7379,11 +6759,11 @@
|
|
|
7379
6759
|
}
|
|
7380
6760
|
|
|
7381
6761
|
.aksel-list__item {
|
|
7382
|
-
margin-
|
|
6762
|
+
margin-block-end: var(--ax-space-8);
|
|
7383
6763
|
}
|
|
7384
6764
|
|
|
7385
6765
|
.aksel-list__item:last-child {
|
|
7386
|
-
margin-
|
|
6766
|
+
margin-block-end: 0;
|
|
7387
6767
|
}
|
|
7388
6768
|
|
|
7389
6769
|
.aksel-list__item-marker {
|
|
@@ -8356,7 +7736,6 @@
|
|
|
8356
7736
|
}
|
|
8357
7737
|
|
|
8358
7738
|
.aksel-page {
|
|
8359
|
-
min-height: 100vh;
|
|
8360
7739
|
flex-direction: column;
|
|
8361
7740
|
min-height: 100lvh;
|
|
8362
7741
|
display: flex;
|
|
@@ -8365,8 +7744,7 @@
|
|
|
8365
7744
|
.aksel-pageblock {
|
|
8366
7745
|
--__axc-page-padding-inline: 0px;
|
|
8367
7746
|
width: 100%;
|
|
8368
|
-
margin-
|
|
8369
|
-
margin-right: auto;
|
|
7747
|
+
margin-inline: auto;
|
|
8370
7748
|
}
|
|
8371
7749
|
|
|
8372
7750
|
.aksel-page__content--grow {
|
|
@@ -8374,12 +7752,11 @@
|
|
|
8374
7752
|
}
|
|
8375
7753
|
|
|
8376
7754
|
.aksel-page__content--fullheight {
|
|
8377
|
-
min-height: 100vh;
|
|
8378
7755
|
min-height: 100lvh;
|
|
8379
7756
|
}
|
|
8380
7757
|
|
|
8381
7758
|
.aksel-page__content--padding {
|
|
8382
|
-
padding-
|
|
7759
|
+
padding-block-end: var(--ax-space-64);
|
|
8383
7760
|
}
|
|
8384
7761
|
|
|
8385
7762
|
.aksel-pageblock--text {
|
|
@@ -8549,19 +7926,8 @@
|
|
|
8549
7926
|
}
|
|
8550
7927
|
|
|
8551
7928
|
.aksel-stack > .aksel-stack__spacer {
|
|
8552
|
-
margin-
|
|
8553
|
-
|
|
8554
|
-
|
|
8555
|
-
.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)) {
|
|
8556
|
-
margin-left: calc(var(--__axc-stack-gap) * -1);
|
|
8557
|
-
}
|
|
8558
|
-
|
|
8559
|
-
.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)) {
|
|
8560
|
-
margin-right: calc(var(--__axc-stack-gap) * -1);
|
|
8561
|
-
}
|
|
8562
|
-
|
|
8563
|
-
.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)) {
|
|
8564
|
-
margin-right: calc(var(--__axc-stack-gap) * -1);
|
|
7929
|
+
margin-block-start: calc(var(--__axc-stack-gap) * -1);
|
|
7930
|
+
margin-inline-start: calc(var(--__axc-stack-gap) * -1);
|
|
8565
7931
|
}
|
|
8566
7932
|
|
|
8567
7933
|
@media (min-width: 480px) {
|