@navikt/ds-css 7.10.0 → 7.12.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +10 -0
- package/config/tests/bundle.test.ts +7 -2
- package/darkside/accordion.darkside.css +53 -60
- package/darkside/action-menu.darkside.css +13 -13
- package/darkside/baseline/baseline.darkside.css +2 -1
- package/darkside/baseline/fonts.darkside.css +12 -12
- package/darkside/button.darkside.css +24 -32
- package/darkside/chat.darkside.css +5 -5
- package/darkside/chips.darkside.css +14 -14
- package/darkside/copybutton.darkside.css +1 -134
- package/darkside/date.darkside.css +18 -24
- package/darkside/expansioncard.darkside.css +9 -17
- package/darkside/form/combobox.darkside.css +21 -22
- package/darkside/form/error-summary.darkside.css +3 -3
- package/darkside/form/fieldset.darkside.css +1 -1
- package/darkside/form/file-upload.darkside.css +19 -28
- package/darkside/form/form-progress.darkside.css +19 -21
- package/darkside/form/form-summary.darkside.css +8 -8
- package/darkside/form/form.darkside.css +2 -2
- package/darkside/form/radio-checkbox.darkside.css +46 -27
- package/darkside/form/search.darkside.css +6 -10
- package/darkside/form/select.darkside.css +13 -13
- package/darkside/form/switch.darkside.css +43 -28
- package/darkside/form/text-field.darkside.css +9 -9
- package/darkside/form/textarea.darkside.css +11 -11
- package/darkside/guide-panel.darkside.css +6 -2
- package/darkside/help-text.darkside.css +3 -3
- package/darkside/index.css +0 -1
- package/darkside/internalheader.darkside.css +10 -10
- package/darkside/link.darkside.css +8 -7
- package/darkside/list.darkside.css +1 -6
- package/darkside/loader.darkside.css +5 -5
- package/darkside/modal.darkside.css +4 -3
- package/darkside/pagination.darkside.css +2 -2
- package/darkside/popover.darkside.css +8 -2
- package/darkside/primitives/page.darkside.css +2 -2
- package/darkside/progress-bar.darkside.css +2 -2
- package/darkside/read-more.darkside.css +5 -6
- package/darkside/skeleton.darkside.css +1 -1
- package/darkside/stepper.darkside.css +13 -24
- package/darkside/table.darkside.css +41 -24
- package/darkside/tabs.darkside.css +7 -7
- package/darkside/tag.darkside.css +21 -21
- package/darkside/theme.darkside.css +1 -1
- package/darkside/timeline.darkside.css +31 -26
- package/darkside/toggle-group.darkside.css +11 -11
- package/darkside/tooltip.darkside.css +4 -4
- package/darkside/typography.darkside.css +5 -2
- package/dist/component/expansioncard.css +1 -0
- package/dist/component/expansioncard.min.css +1 -1
- package/dist/component/form.css +4 -0
- package/dist/component/form.min.css +1 -1
- package/dist/component/modal.css +1 -0
- package/dist/component/modal.min.css +1 -1
- package/dist/component/table.css +2 -2
- package/dist/component/table.min.css +1 -1
- package/dist/component/tag.css +6 -6
- package/dist/component/tag.min.css +1 -1
- package/dist/components.css +16 -8
- package/dist/components.min.css +2 -2
- package/dist/darkside/component/accordion.css +44 -57
- package/dist/darkside/component/accordion.min.css +1 -1
- package/dist/darkside/component/actionmenu.css +13 -13
- package/dist/darkside/component/actionmenu.min.css +1 -1
- package/dist/darkside/component/button.css +24 -30
- package/dist/darkside/component/button.min.css +1 -1
- package/dist/darkside/component/chat.css +5 -5
- package/dist/darkside/component/chat.min.css +1 -1
- package/dist/darkside/component/chips.css +14 -14
- package/dist/darkside/component/chips.min.css +1 -1
- package/dist/darkside/component/copybutton.css +1 -126
- package/dist/darkside/component/copybutton.min.css +1 -1
- package/dist/darkside/component/date.css +18 -22
- package/dist/darkside/component/date.min.css +1 -1
- package/dist/darkside/component/expansioncard.css +9 -17
- package/dist/darkside/component/expansioncard.min.css +1 -1
- package/dist/darkside/component/form.css +181 -174
- package/dist/darkside/component/form.min.css +1 -1
- package/dist/darkside/component/guidepanel.css +6 -2
- package/dist/darkside/component/guidepanel.min.css +1 -1
- package/dist/darkside/component/helptext.css +3 -3
- package/dist/darkside/component/helptext.min.css +1 -1
- package/dist/darkside/component/internalheader.css +10 -10
- package/dist/darkside/component/internalheader.min.css +1 -1
- package/dist/darkside/component/link.css +8 -7
- package/dist/darkside/component/link.min.css +1 -1
- package/dist/darkside/component/list.css +1 -5
- package/dist/darkside/component/list.min.css +1 -1
- package/dist/darkside/component/loader.css +5 -5
- package/dist/darkside/component/loader.min.css +1 -1
- package/dist/darkside/component/modal.css +4 -3
- package/dist/darkside/component/modal.min.css +1 -1
- package/dist/darkside/component/pagination.css +2 -2
- package/dist/darkside/component/pagination.min.css +1 -1
- package/dist/darkside/component/popover.css +8 -2
- package/dist/darkside/component/popover.min.css +1 -1
- package/dist/darkside/component/primitives.css +2 -2
- package/dist/darkside/component/primitives.min.css +1 -1
- package/dist/darkside/component/progressbar.css +2 -2
- package/dist/darkside/component/progressbar.min.css +1 -1
- package/dist/darkside/component/readmore.css +5 -6
- package/dist/darkside/component/readmore.min.css +1 -1
- package/dist/darkside/component/skeleton.css +1 -1
- package/dist/darkside/component/skeleton.min.css +1 -1
- package/dist/darkside/component/stepper.css +13 -22
- package/dist/darkside/component/stepper.min.css +1 -1
- package/dist/darkside/component/table.css +38 -22
- package/dist/darkside/component/table.min.css +1 -1
- package/dist/darkside/component/tabs.css +7 -7
- package/dist/darkside/component/tabs.min.css +1 -1
- package/dist/darkside/component/tag.css +25 -25
- package/dist/darkside/component/tag.min.css +1 -1
- package/dist/darkside/component/theme.css +1 -1
- package/dist/darkside/component/theme.min.css +1 -1
- package/dist/darkside/component/timeline.css +31 -26
- package/dist/darkside/component/timeline.min.css +1 -1
- package/dist/darkside/component/togglegroup.css +11 -11
- package/dist/darkside/component/togglegroup.min.css +1 -1
- package/dist/darkside/component/tooltip.css +4 -4
- package/dist/darkside/component/tooltip.min.css +1 -1
- package/dist/darkside/component/typography.css +5 -2
- package/dist/darkside/component/typography.min.css +1 -1
- package/dist/darkside/components.css +497 -671
- package/dist/darkside/components.min.css +1 -1
- package/dist/darkside/global/baseline.css +1 -1
- package/dist/darkside/global/baseline.min.css +1 -1
- package/dist/darkside/global/fonts.css +12 -12
- package/dist/darkside/global/fonts.min.css +1 -1
- package/dist/darkside/global/tokens.css +400 -422
- package/dist/darkside/global/tokens.min.css +1 -1
- package/dist/darkside/index.css +910 -1106
- package/dist/darkside/index.min.css +1 -1
- package/dist/darkside/version/{7.10.0 → 7.12.0}/component/accordion.css +44 -57
- package/dist/darkside/version/7.12.0/component/accordion.min.css +1 -0
- package/dist/darkside/version/{7.10.0 → 7.12.0}/component/actionmenu.css +13 -13
- package/dist/darkside/version/7.12.0/component/actionmenu.min.css +1 -0
- package/dist/darkside/version/{7.10.0 → 7.12.0}/component/button.css +24 -30
- package/dist/darkside/version/7.12.0/component/button.min.css +1 -0
- package/dist/darkside/version/{7.10.0 → 7.12.0}/component/chat.css +5 -5
- package/dist/darkside/version/7.12.0/component/chat.min.css +1 -0
- package/dist/darkside/version/{7.10.0 → 7.12.0}/component/chips.css +14 -14
- package/dist/darkside/version/7.12.0/component/chips.min.css +1 -0
- package/dist/darkside/version/7.12.0/component/copybutton.css +23 -0
- package/dist/darkside/version/7.12.0/component/copybutton.min.css +1 -0
- package/dist/darkside/version/{7.10.0 → 7.12.0}/component/date.css +18 -22
- package/dist/darkside/version/7.12.0/component/date.min.css +1 -0
- package/dist/darkside/version/{7.10.0 → 7.12.0}/component/expansioncard.css +9 -17
- package/dist/darkside/version/7.12.0/component/expansioncard.min.css +1 -0
- package/dist/darkside/version/{7.10.0 → 7.12.0}/component/form.css +181 -174
- package/dist/darkside/version/7.12.0/component/form.min.css +1 -0
- package/dist/darkside/version/{7.10.0 → 7.12.0}/component/guidepanel.css +6 -2
- package/dist/darkside/version/7.12.0/component/guidepanel.min.css +1 -0
- package/dist/darkside/version/{7.10.0 → 7.12.0}/component/helptext.css +3 -3
- package/dist/darkside/version/7.12.0/component/helptext.min.css +1 -0
- package/dist/darkside/version/{7.10.0 → 7.12.0}/component/internalheader.css +10 -10
- package/dist/darkside/version/7.12.0/component/internalheader.min.css +1 -0
- package/dist/darkside/version/{7.10.0 → 7.12.0}/component/link.css +8 -7
- package/dist/darkside/version/7.12.0/component/link.min.css +1 -0
- package/dist/darkside/version/{7.10.0 → 7.12.0}/component/list.css +1 -5
- package/dist/darkside/version/7.12.0/component/list.min.css +1 -0
- package/dist/darkside/version/{7.10.0 → 7.12.0}/component/loader.css +5 -5
- package/dist/darkside/version/7.12.0/component/loader.min.css +1 -0
- package/dist/darkside/version/{7.10.0 → 7.12.0}/component/modal.css +4 -3
- package/dist/darkside/version/7.12.0/component/modal.min.css +1 -0
- package/dist/darkside/version/{7.10.0 → 7.12.0}/component/pagination.css +2 -2
- package/dist/darkside/version/{7.10.0 → 7.12.0}/component/pagination.min.css +1 -1
- package/dist/darkside/version/{7.10.0 → 7.12.0}/component/popover.css +8 -2
- package/dist/darkside/version/7.12.0/component/popover.min.css +1 -0
- package/dist/darkside/version/{7.10.0 → 7.12.0}/component/primitives.css +2 -2
- package/dist/darkside/version/{7.10.0 → 7.12.0}/component/primitives.min.css +1 -1
- package/dist/darkside/version/{7.10.0 → 7.12.0}/component/progressbar.css +2 -2
- package/dist/darkside/version/7.12.0/component/progressbar.min.css +1 -0
- package/dist/darkside/version/{7.10.0 → 7.12.0}/component/readmore.css +5 -6
- package/dist/darkside/version/7.12.0/component/readmore.min.css +1 -0
- package/dist/darkside/version/{7.10.0 → 7.12.0}/component/skeleton.css +1 -1
- package/dist/darkside/version/7.12.0/component/skeleton.min.css +1 -0
- package/dist/darkside/version/{7.10.0 → 7.12.0}/component/stepper.css +13 -22
- package/dist/darkside/version/7.12.0/component/stepper.min.css +1 -0
- package/dist/darkside/version/{7.10.0 → 7.12.0}/component/table.css +38 -22
- package/dist/darkside/version/7.12.0/component/table.min.css +1 -0
- package/dist/darkside/version/{7.10.0 → 7.12.0}/component/tabs.css +7 -7
- package/dist/darkside/version/7.12.0/component/tabs.min.css +1 -0
- package/dist/darkside/version/{7.10.0 → 7.12.0}/component/tag.css +25 -25
- package/dist/darkside/version/7.12.0/component/tag.min.css +1 -0
- package/dist/darkside/version/{7.10.0 → 7.12.0}/component/theme.css +1 -1
- package/dist/darkside/version/{7.10.0 → 7.12.0}/component/theme.min.css +1 -1
- package/dist/darkside/version/{7.10.0 → 7.12.0}/component/timeline.css +31 -26
- package/dist/darkside/version/7.12.0/component/timeline.min.css +1 -0
- package/dist/darkside/version/{7.10.0 → 7.12.0}/component/togglegroup.css +11 -11
- package/dist/darkside/version/7.12.0/component/togglegroup.min.css +1 -0
- package/dist/darkside/version/{7.10.0 → 7.12.0}/component/tooltip.css +4 -4
- package/dist/darkside/version/7.12.0/component/tooltip.min.css +1 -0
- package/dist/darkside/version/{7.10.0 → 7.12.0}/component/typography.css +5 -2
- package/dist/darkside/version/7.12.0/component/typography.min.css +1 -0
- package/dist/darkside/version/{7.10.0 → 7.12.0}/components.css +497 -671
- package/dist/darkside/version/7.12.0/components.min.css +1 -0
- package/dist/darkside/version/{7.10.0 → 7.12.0}/global/baseline.css +1 -1
- package/dist/darkside/version/7.12.0/global/baseline.min.css +1 -0
- package/dist/darkside/version/{7.10.0 → 7.12.0}/global/fonts.css +12 -12
- package/dist/darkside/version/{7.10.0 → 7.12.0}/global/fonts.min.css +1 -1
- package/dist/darkside/version/7.12.0/global/tokens.css +817 -0
- package/dist/darkside/version/7.12.0/global/tokens.min.css +1 -0
- package/dist/darkside/version/{7.10.0 → 7.12.0}/index.css +910 -1106
- package/dist/darkside/version/7.12.0/index.min.css +1 -0
- package/dist/global/tokens.css +1 -1
- package/dist/global/tokens.min.css +1 -1
- package/dist/index.css +17 -9
- package/dist/index.min.css +3 -3
- package/expansioncard.css +1 -0
- package/form/radio-checkbox.css +5 -0
- package/modal.css +1 -0
- package/package.json +4 -4
- package/table.css +2 -2
- package/tag.css +6 -6
- package/darkside/link-panel.darkside.css +0 -47
- package/dist/darkside/component/linkpanel.css +0 -48
- package/dist/darkside/component/linkpanel.min.css +0 -1
- package/dist/darkside/version/7.10.0/component/accordion.min.css +0 -1
- package/dist/darkside/version/7.10.0/component/actionmenu.min.css +0 -1
- package/dist/darkside/version/7.10.0/component/button.min.css +0 -1
- package/dist/darkside/version/7.10.0/component/chat.min.css +0 -1
- package/dist/darkside/version/7.10.0/component/chips.min.css +0 -1
- package/dist/darkside/version/7.10.0/component/copybutton.css +0 -148
- package/dist/darkside/version/7.10.0/component/copybutton.min.css +0 -1
- package/dist/darkside/version/7.10.0/component/date.min.css +0 -1
- package/dist/darkside/version/7.10.0/component/expansioncard.min.css +0 -1
- package/dist/darkside/version/7.10.0/component/form.min.css +0 -1
- package/dist/darkside/version/7.10.0/component/guidepanel.min.css +0 -1
- package/dist/darkside/version/7.10.0/component/helptext.min.css +0 -1
- package/dist/darkside/version/7.10.0/component/internalheader.min.css +0 -1
- package/dist/darkside/version/7.10.0/component/link.min.css +0 -1
- package/dist/darkside/version/7.10.0/component/linkpanel.css +0 -48
- package/dist/darkside/version/7.10.0/component/linkpanel.min.css +0 -1
- package/dist/darkside/version/7.10.0/component/list.min.css +0 -1
- package/dist/darkside/version/7.10.0/component/loader.min.css +0 -1
- package/dist/darkside/version/7.10.0/component/modal.min.css +0 -1
- package/dist/darkside/version/7.10.0/component/popover.min.css +0 -1
- package/dist/darkside/version/7.10.0/component/progressbar.min.css +0 -1
- package/dist/darkside/version/7.10.0/component/readmore.min.css +0 -1
- package/dist/darkside/version/7.10.0/component/skeleton.min.css +0 -1
- package/dist/darkside/version/7.10.0/component/stepper.min.css +0 -1
- package/dist/darkside/version/7.10.0/component/table.min.css +0 -1
- package/dist/darkside/version/7.10.0/component/tabs.min.css +0 -1
- package/dist/darkside/version/7.10.0/component/tag.min.css +0 -1
- package/dist/darkside/version/7.10.0/component/timeline.min.css +0 -1
- package/dist/darkside/version/7.10.0/component/togglegroup.min.css +0 -1
- package/dist/darkside/version/7.10.0/component/tooltip.min.css +0 -1
- package/dist/darkside/version/7.10.0/component/typography.min.css +0 -1
- package/dist/darkside/version/7.10.0/components.min.css +0 -1
- package/dist/darkside/version/7.10.0/global/baseline.min.css +0 -1
- package/dist/darkside/version/7.10.0/global/tokens.css +0 -839
- package/dist/darkside/version/7.10.0/global/tokens.min.css +0 -1
- package/dist/darkside/version/7.10.0/index.min.css +0 -1
- /package/dist/darkside/version/{7.10.0 → 7.12.0}/component/alert.css +0 -0
- /package/dist/darkside/version/{7.10.0 → 7.12.0}/component/alert.min.css +0 -0
- /package/dist/darkside/version/{7.10.0 → 7.12.0}/component/dropdown.css +0 -0
- /package/dist/darkside/version/{7.10.0 → 7.12.0}/component/dropdown.min.css +0 -0
- /package/dist/darkside/version/{7.10.0 → 7.12.0}/component/panel.css +0 -0
- /package/dist/darkside/version/{7.10.0 → 7.12.0}/component/panel.min.css +0 -0
- /package/dist/darkside/version/{7.10.0 → 7.12.0}/global/print.css +0 -0
- /package/dist/darkside/version/{7.10.0 → 7.12.0}/global/print.min.css +0 -0
- /package/dist/darkside/version/{7.10.0 → 7.12.0}/global/reset.css +0 -0
- /package/dist/darkside/version/{7.10.0 → 7.12.0}/global/reset.min.css +0 -0
|
@@ -94,76 +94,76 @@
|
|
|
94
94
|
|
|
95
95
|
@layer aksel.theming {
|
|
96
96
|
:root, :host, .light, .light-theme {
|
|
97
|
-
--ax-meta-
|
|
98
|
-
--ax-meta-
|
|
99
|
-
--ax-meta-
|
|
100
|
-
--ax-meta-
|
|
101
|
-
--ax-meta-
|
|
102
|
-
--ax-meta-
|
|
103
|
-
--ax-meta-
|
|
104
|
-
--ax-meta-
|
|
105
|
-
--ax-meta-
|
|
106
|
-
--ax-meta-
|
|
107
|
-
--ax-meta-
|
|
108
|
-
--ax-meta-
|
|
109
|
-
--ax-meta-
|
|
110
|
-
--ax-meta-
|
|
111
|
-
--ax-meta-
|
|
112
|
-
--ax-meta-
|
|
113
|
-
--ax-meta-
|
|
114
|
-
--ax-meta-
|
|
115
|
-
--ax-meta-
|
|
116
|
-
--ax-meta-
|
|
117
|
-
--ax-meta-
|
|
118
|
-
--ax-meta-
|
|
119
|
-
--ax-meta-
|
|
120
|
-
--ax-meta-
|
|
121
|
-
--ax-meta-
|
|
122
|
-
--ax-meta-
|
|
123
|
-
--ax-meta-
|
|
124
|
-
--ax-meta-
|
|
125
|
-
--ax-brand-
|
|
126
|
-
--ax-brand-
|
|
127
|
-
--ax-brand-
|
|
128
|
-
--ax-brand-
|
|
129
|
-
--ax-brand-
|
|
130
|
-
--ax-brand-
|
|
131
|
-
--ax-brand-
|
|
132
|
-
--ax-brand-
|
|
133
|
-
--ax-brand-
|
|
134
|
-
--ax-brand-
|
|
135
|
-
--ax-brand-
|
|
136
|
-
--ax-brand-
|
|
137
|
-
--ax-brand-
|
|
138
|
-
--ax-brand-
|
|
139
|
-
--ax-brand-
|
|
140
|
-
--ax-brand-
|
|
141
|
-
--ax-brand-
|
|
142
|
-
--ax-brand-
|
|
143
|
-
--ax-brand-
|
|
144
|
-
--ax-brand-
|
|
145
|
-
--ax-brand-
|
|
146
|
-
--ax-brand-
|
|
147
|
-
--ax-brand-
|
|
148
|
-
--ax-brand-
|
|
149
|
-
--ax-brand-
|
|
150
|
-
--ax-brand-
|
|
151
|
-
--ax-brand-
|
|
152
|
-
--ax-brand-
|
|
153
|
-
--ax-brand-
|
|
154
|
-
--ax-brand-
|
|
155
|
-
--ax-brand-
|
|
156
|
-
--ax-brand-
|
|
157
|
-
--ax-brand-
|
|
158
|
-
--ax-brand-
|
|
159
|
-
--ax-brand-
|
|
160
|
-
--ax-brand-
|
|
161
|
-
--ax-brand-
|
|
162
|
-
--ax-brand-
|
|
163
|
-
--ax-brand-
|
|
164
|
-
--ax-brand-
|
|
165
|
-
--ax-brand-
|
|
166
|
-
--ax-brand-
|
|
97
|
+
--ax-meta-lime-400A: #d0dc00;
|
|
98
|
+
--ax-meta-lime-300A: rgba(202, 223, 0, .58);
|
|
99
|
+
--ax-meta-lime-200A: rgba(196, 223, 0, .337);
|
|
100
|
+
--ax-meta-lime-100A: rgba(195, 222, 0, .18);
|
|
101
|
+
--ax-meta-lime-1000: #2a2800;
|
|
102
|
+
--ax-meta-lime-900: #515400;
|
|
103
|
+
--ax-meta-lime-800: #5c6100;
|
|
104
|
+
--ax-meta-lime-700: #646900;
|
|
105
|
+
--ax-meta-lime-600: #757c00;
|
|
106
|
+
--ax-meta-lime-500: #878f00;
|
|
107
|
+
--ax-meta-lime-400: #d0dc00;
|
|
108
|
+
--ax-meta-lime-300: #e0ec6b;
|
|
109
|
+
--ax-meta-lime-200: #ebf4a9;
|
|
110
|
+
--ax-meta-lime-100: #f4f9d1;
|
|
111
|
+
--ax-meta-purple-400A: rgba(43, 0, 107, .19);
|
|
112
|
+
--ax-meta-purple-300A: rgba(43, 0, 102, .118);
|
|
113
|
+
--ax-meta-purple-200A: rgba(43, 0, 100, .07);
|
|
114
|
+
--ax-meta-purple-100A: rgba(51, 0, 102, .04);
|
|
115
|
+
--ax-meta-purple-1000: #331a4d;
|
|
116
|
+
--ax-meta-purple-900: #5e467c;
|
|
117
|
+
--ax-meta-purple-800: #6a5289;
|
|
118
|
+
--ax-meta-purple-700: #725a91;
|
|
119
|
+
--ax-meta-purple-600: #846ca4;
|
|
120
|
+
--ax-meta-purple-500: #9580b1;
|
|
121
|
+
--ax-meta-purple-400: #d7cfe3;
|
|
122
|
+
--ax-meta-purple-300: #e6e1ed;
|
|
123
|
+
--ax-meta-purple-200: #f0edf4;
|
|
124
|
+
--ax-meta-purple-100: #f7f5f9;
|
|
125
|
+
--ax-brand-blue-400A: rgba(0, 90, 146, .247);
|
|
126
|
+
--ax-brand-blue-300A: rgba(0, 96, 160, .157);
|
|
127
|
+
--ax-brand-blue-200A: rgba(0, 110, 183, .11);
|
|
128
|
+
--ax-brand-blue-100A: rgba(0, 120, 210, .067);
|
|
129
|
+
--ax-brand-blue-1000: #002942;
|
|
130
|
+
--ax-brand-blue-900: #00557d;
|
|
131
|
+
--ax-brand-blue-800: #156389;
|
|
132
|
+
--ax-brand-blue-700: #246b91;
|
|
133
|
+
--ax-brand-blue-600: #417da0;
|
|
134
|
+
--ax-brand-blue-500: #5a8fae;
|
|
135
|
+
--ax-brand-blue-400: #c0d6e4;
|
|
136
|
+
--ax-brand-blue-300: #d7e6f0;
|
|
137
|
+
--ax-brand-blue-200: #e3eff7;
|
|
138
|
+
--ax-brand-blue-100: #eef6fc;
|
|
139
|
+
--ax-brand-beige-400A: rgba(233, 76, 0, .306);
|
|
140
|
+
--ax-brand-beige-300A: rgba(240, 82, 0, .196);
|
|
141
|
+
--ax-brand-beige-200A: rgba(239, 91, 0, .12);
|
|
142
|
+
--ax-brand-beige-100A: rgba(255, 90, 0, .067);
|
|
143
|
+
--ax-brand-beige-1000: #3c1f15;
|
|
144
|
+
--ax-brand-beige-900: #764332;
|
|
145
|
+
--ax-brand-beige-800: #874e3b;
|
|
146
|
+
--ax-brand-beige-700: #915541;
|
|
147
|
+
--ax-brand-beige-600: #a9654e;
|
|
148
|
+
--ax-brand-beige-500: #c0765d;
|
|
149
|
+
--ax-brand-beige-400: #f8c8b1;
|
|
150
|
+
--ax-brand-beige-300: #fcddcd;
|
|
151
|
+
--ax-brand-beige-200: #fdebe0;
|
|
152
|
+
--ax-brand-beige-100: #fff4ee;
|
|
153
|
+
--ax-brand-magenta-400A: rgba(164, 0, 58, .208);
|
|
154
|
+
--ax-brand-magenta-300A: rgba(165, 0, 60, .133);
|
|
155
|
+
--ax-brand-magenta-200A: rgba(170, 0, 61, .082);
|
|
156
|
+
--ax-brand-magenta-100A: rgba(170, 0, 64, .047);
|
|
157
|
+
--ax-brand-magenta-1000: #52002b;
|
|
158
|
+
--ax-brand-magenta-900: #98185d;
|
|
159
|
+
--ax-brand-magenta-800: #a33069;
|
|
160
|
+
--ax-brand-magenta-700: #a93d70;
|
|
161
|
+
--ax-brand-magenta-600: #b65781;
|
|
162
|
+
--ax-brand-magenta-500: #c26f92;
|
|
163
|
+
--ax-brand-magenta-400: #eccad6;
|
|
164
|
+
--ax-brand-magenta-300: #f3dde5;
|
|
165
|
+
--ax-brand-magenta-200: #f8eaef;
|
|
166
|
+
--ax-brand-magenta-100: #fbf3f6;
|
|
167
167
|
--ax-info-400A: rgba(0, 90, 146, .247);
|
|
168
168
|
--ax-info-300A: rgba(0, 96, 160, .157);
|
|
169
169
|
--ax-info-200A: rgba(0, 110, 183, .11);
|
|
@@ -254,32 +254,28 @@
|
|
|
254
254
|
--ax-bg-input: rgba(255, 255, 255, .85);
|
|
255
255
|
--ax-bg-default: #fff;
|
|
256
256
|
--ax-opacity-disabled: .3;
|
|
257
|
-
--ax-shadow-dialog: 0px
|
|
257
|
+
--ax-shadow-dialog: 0px 4px 6px 0px rgba(0, 0, 0, .15), 0px 1px 3px -1px rgba(0, 0, 0, .15), 0px 1px 1px 0px rgba(0, 0, 0, .06);
|
|
258
258
|
--ax-border-focus: var(--ax-neutral-1000);
|
|
259
|
-
--ax-border-strong: var(--ax-
|
|
260
|
-
--ax-border-subtleA: var(--ax-
|
|
261
|
-
--ax-border-subtle: var(--ax-
|
|
262
|
-
--ax-border-
|
|
263
|
-
--ax-border-meta-
|
|
264
|
-
--ax-border-meta-
|
|
265
|
-
--ax-border-meta-
|
|
266
|
-
--ax-border-meta-
|
|
267
|
-
--ax-border-
|
|
268
|
-
--ax-border-
|
|
269
|
-
--ax-border-
|
|
270
|
-
--ax-border-
|
|
271
|
-
--ax-border-brand-
|
|
272
|
-
--ax-border-brand-
|
|
273
|
-
--ax-border-brand-
|
|
274
|
-
--ax-border-brand-
|
|
275
|
-
--ax-border-brand-
|
|
276
|
-
--ax-border-brand-
|
|
277
|
-
--ax-border-brand-
|
|
278
|
-
--ax-border-brand-
|
|
279
|
-
--ax-border-brand-1-strong: var(--ax-brand-1-700);
|
|
280
|
-
--ax-border-brand-1-subtleA: var(--ax-brand-1-400A);
|
|
281
|
-
--ax-border-brand-1-subtle: var(--ax-brand-1-400);
|
|
282
|
-
--ax-border-brand-1: var(--ax-brand-1-600);
|
|
259
|
+
--ax-border-meta-lime-strong: var(--ax-meta-lime-700);
|
|
260
|
+
--ax-border-meta-lime-subtleA: var(--ax-meta-lime-400A);
|
|
261
|
+
--ax-border-meta-lime-subtle: var(--ax-meta-lime-400);
|
|
262
|
+
--ax-border-meta-lime: var(--ax-meta-lime-600);
|
|
263
|
+
--ax-border-meta-purple-strong: var(--ax-meta-purple-700);
|
|
264
|
+
--ax-border-meta-purple-subtleA: var(--ax-meta-purple-400A);
|
|
265
|
+
--ax-border-meta-purple-subtle: var(--ax-meta-purple-400);
|
|
266
|
+
--ax-border-meta-purple: var(--ax-meta-purple-600);
|
|
267
|
+
--ax-border-brand-blue-strong: var(--ax-brand-blue-700);
|
|
268
|
+
--ax-border-brand-blue-subtleA: var(--ax-brand-blue-400A);
|
|
269
|
+
--ax-border-brand-blue-subtle: var(--ax-brand-blue-400);
|
|
270
|
+
--ax-border-brand-blue: var(--ax-brand-blue-600);
|
|
271
|
+
--ax-border-brand-beige-strong: var(--ax-brand-beige-700);
|
|
272
|
+
--ax-border-brand-beige-subtleA: var(--ax-brand-beige-400A);
|
|
273
|
+
--ax-border-brand-beige-subtle: var(--ax-brand-beige-400);
|
|
274
|
+
--ax-border-brand-beige: var(--ax-brand-beige-600);
|
|
275
|
+
--ax-border-brand-magenta-strong: var(--ax-brand-magenta-700);
|
|
276
|
+
--ax-border-brand-magenta-subtleA: var(--ax-brand-magenta-400A);
|
|
277
|
+
--ax-border-brand-magenta-subtle: var(--ax-brand-magenta-400);
|
|
278
|
+
--ax-border-brand-magenta: var(--ax-brand-magenta-600);
|
|
283
279
|
--ax-border-info-strong: var(--ax-info-700);
|
|
284
280
|
--ax-border-info-subtleA: var(--ax-info-400A);
|
|
285
281
|
--ax-border-info-subtle: var(--ax-info-400);
|
|
@@ -300,124 +296,111 @@
|
|
|
300
296
|
--ax-border-accent-subtleA: var(--ax-accent-400A);
|
|
301
297
|
--ax-border-accent-subtle: var(--ax-accent-400);
|
|
302
298
|
--ax-border-accent: var(--ax-accent-600);
|
|
303
|
-
--ax-
|
|
304
|
-
--ax-
|
|
305
|
-
--ax-
|
|
306
|
-
--ax-
|
|
307
|
-
--ax-text-meta-
|
|
308
|
-
--ax-text-meta-
|
|
309
|
-
--ax-text-brand-
|
|
310
|
-
--ax-text-brand-
|
|
311
|
-
--ax-text-brand-
|
|
299
|
+
--ax-border-neutral-strong: var(--ax-neutral-700);
|
|
300
|
+
--ax-border-neutral-subtleA: var(--ax-neutral-400A);
|
|
301
|
+
--ax-border-neutral-subtle: var(--ax-neutral-400);
|
|
302
|
+
--ax-border-neutral: var(--ax-neutral-600);
|
|
303
|
+
--ax-text-meta-lime-contrast: var(--ax-neutral-000);
|
|
304
|
+
--ax-text-meta-purple-contrast: var(--ax-neutral-000);
|
|
305
|
+
--ax-text-brand-blue-contrast: var(--ax-neutral-000);
|
|
306
|
+
--ax-text-brand-beige-contrast: var(--ax-neutral-000);
|
|
307
|
+
--ax-text-brand-magenta-contrast: var(--ax-neutral-000);
|
|
312
308
|
--ax-text-warning-contrast: var(--ax-neutral-000);
|
|
313
309
|
--ax-text-success-contrast: var(--ax-neutral-000);
|
|
314
310
|
--ax-text-info-contrast: var(--ax-neutral-000);
|
|
315
311
|
--ax-text-danger-contrast: var(--ax-neutral-000);
|
|
316
312
|
--ax-text-accent-contrast: var(--ax-neutral-000);
|
|
317
|
-
--ax-text-
|
|
318
|
-
--ax-text-meta-
|
|
319
|
-
--ax-text-meta-
|
|
320
|
-
--ax-text-meta-
|
|
321
|
-
--ax-text-meta-
|
|
322
|
-
--ax-text-meta-
|
|
323
|
-
--ax-text-
|
|
324
|
-
--ax-text-brand-
|
|
325
|
-
--ax-text-brand-
|
|
326
|
-
--ax-text-brand-
|
|
327
|
-
--ax-text-brand-
|
|
328
|
-
--ax-text-brand-
|
|
329
|
-
--ax-text-brand-
|
|
330
|
-
--ax-text-brand-
|
|
331
|
-
--ax-text-brand-
|
|
313
|
+
--ax-text-neutral-contrast: var(--ax-neutral-000);
|
|
314
|
+
--ax-text-meta-lime-icon: var(--ax-meta-lime-600);
|
|
315
|
+
--ax-text-meta-lime-subtle: var(--ax-meta-lime-800);
|
|
316
|
+
--ax-text-meta-lime: var(--ax-meta-lime-1000);
|
|
317
|
+
--ax-text-meta-purple-icon: var(--ax-meta-purple-600);
|
|
318
|
+
--ax-text-meta-purple-subtle: var(--ax-meta-purple-800);
|
|
319
|
+
--ax-text-meta-purple: var(--ax-meta-purple-1000);
|
|
320
|
+
--ax-text-brand-blue-icon: var(--ax-brand-blue-600);
|
|
321
|
+
--ax-text-brand-blue-subtle: var(--ax-brand-blue-800);
|
|
322
|
+
--ax-text-brand-blue: var(--ax-brand-blue-1000);
|
|
323
|
+
--ax-text-brand-beige-icon: var(--ax-brand-beige-600);
|
|
324
|
+
--ax-text-brand-beige-subtle: var(--ax-brand-beige-800);
|
|
325
|
+
--ax-text-brand-beige: var(--ax-brand-beige-1000);
|
|
326
|
+
--ax-text-brand-magenta-icon: var(--ax-brand-magenta-600);
|
|
327
|
+
--ax-text-brand-magenta-subtle: var(--ax-brand-magenta-800);
|
|
328
|
+
--ax-text-brand-magenta: var(--ax-brand-magenta-1000);
|
|
332
329
|
--ax-text-info-icon: var(--ax-info-600);
|
|
333
|
-
--ax-text-info-
|
|
334
|
-
--ax-text-info: var(--ax-info-
|
|
330
|
+
--ax-text-info-subtle: var(--ax-info-800);
|
|
331
|
+
--ax-text-info: var(--ax-info-1000);
|
|
335
332
|
--ax-text-danger-icon: var(--ax-danger-600);
|
|
336
|
-
--ax-text-danger-
|
|
337
|
-
--ax-text-danger: var(--ax-danger-
|
|
333
|
+
--ax-text-danger-subtle: var(--ax-danger-800);
|
|
334
|
+
--ax-text-danger: var(--ax-danger-1000);
|
|
338
335
|
--ax-text-warning-icon: var(--ax-warning-600);
|
|
339
|
-
--ax-text-warning-
|
|
340
|
-
--ax-text-warning: var(--ax-warning-
|
|
336
|
+
--ax-text-warning-subtle: var(--ax-warning-800);
|
|
337
|
+
--ax-text-warning: var(--ax-warning-1000);
|
|
341
338
|
--ax-text-success-icon: var(--ax-success-600);
|
|
342
|
-
--ax-text-success-
|
|
343
|
-
--ax-text-success: var(--ax-success-
|
|
339
|
+
--ax-text-success-subtle: var(--ax-success-800);
|
|
340
|
+
--ax-text-success: var(--ax-success-1000);
|
|
344
341
|
--ax-text-accent-icon: var(--ax-accent-600);
|
|
345
|
-
--ax-text-accent-
|
|
346
|
-
--ax-text-accent: var(--ax-accent-
|
|
347
|
-
--ax-
|
|
348
|
-
--ax-
|
|
349
|
-
--ax-
|
|
350
|
-
--ax-bg-moderate-pressedA: var(--ax-neutral-400A);
|
|
351
|
-
--ax-bg-moderate-pressed: var(--ax-neutral-400);
|
|
352
|
-
--ax-bg-moderate-hoverA: var(--ax-neutral-300A);
|
|
353
|
-
--ax-bg-moderate-hover: var(--ax-neutral-300);
|
|
354
|
-
--ax-bg-moderateA: var(--ax-neutral-200A);
|
|
355
|
-
--ax-bg-moderate: var(--ax-neutral-200);
|
|
356
|
-
--ax-bg-hoverA: var(--ax-neutral-200A);
|
|
357
|
-
--ax-bg-hover: var(--ax-neutral-200);
|
|
358
|
-
--ax-bg-soft: var(--ax-neutral-100);
|
|
342
|
+
--ax-text-accent-subtle: var(--ax-accent-800);
|
|
343
|
+
--ax-text-accent: var(--ax-accent-1000);
|
|
344
|
+
--ax-text-neutral-icon: var(--ax-neutral-600);
|
|
345
|
+
--ax-text-neutral-subtle: var(--ax-neutral-900);
|
|
346
|
+
--ax-text-neutral: var(--ax-neutral-1000);
|
|
359
347
|
--ax-bg-sunken: var(--ax-neutral-200);
|
|
360
348
|
--ax-bg-raised: var(--ax-neutral-000);
|
|
361
|
-
--ax-bg-meta-
|
|
362
|
-
--ax-bg-meta-
|
|
363
|
-
--ax-bg-meta-
|
|
364
|
-
--ax-bg-meta-
|
|
365
|
-
--ax-bg-meta-
|
|
366
|
-
--ax-bg-meta-
|
|
367
|
-
--ax-bg-meta-
|
|
368
|
-
--ax-bg-meta-
|
|
369
|
-
--ax-bg-meta-
|
|
370
|
-
--ax-bg-meta-
|
|
371
|
-
--ax-bg-meta-
|
|
372
|
-
--ax-bg-meta-
|
|
373
|
-
--ax-bg-meta-
|
|
374
|
-
--ax-bg-meta-
|
|
375
|
-
--ax-bg-meta-
|
|
376
|
-
--ax-bg-meta-
|
|
377
|
-
--ax-bg-meta-
|
|
378
|
-
--ax-bg-meta-
|
|
379
|
-
--ax-bg-meta-
|
|
380
|
-
--ax-bg-meta-
|
|
381
|
-
--ax-bg-meta-
|
|
382
|
-
--ax-bg-meta-
|
|
383
|
-
--ax-bg-
|
|
384
|
-
--ax-bg-
|
|
385
|
-
--ax-bg-brand-
|
|
386
|
-
--ax-bg-brand-
|
|
387
|
-
--ax-bg-brand-
|
|
388
|
-
--ax-bg-brand-
|
|
389
|
-
--ax-bg-brand-
|
|
390
|
-
--ax-bg-brand-
|
|
391
|
-
--ax-bg-brand-
|
|
392
|
-
--ax-bg-brand-
|
|
393
|
-
--ax-bg-brand-
|
|
394
|
-
--ax-bg-brand-
|
|
395
|
-
--ax-bg-brand-
|
|
396
|
-
--ax-bg-brand-
|
|
397
|
-
--ax-bg-brand-
|
|
398
|
-
--ax-bg-brand-
|
|
399
|
-
--ax-bg-brand-
|
|
400
|
-
--ax-bg-brand-
|
|
401
|
-
--ax-bg-brand-
|
|
402
|
-
--ax-bg-brand-
|
|
403
|
-
--ax-bg-brand-
|
|
404
|
-
--ax-bg-brand-
|
|
405
|
-
--ax-bg-brand-
|
|
406
|
-
--ax-bg-brand-
|
|
407
|
-
--ax-bg-brand-
|
|
408
|
-
--ax-bg-brand-
|
|
409
|
-
--ax-bg-brand-
|
|
410
|
-
--ax-bg-brand-
|
|
411
|
-
--ax-bg-brand-
|
|
412
|
-
--ax-bg-brand-
|
|
413
|
-
--ax-bg-brand-
|
|
414
|
-
--ax-bg-brand-
|
|
415
|
-
--ax-bg-brand-
|
|
416
|
-
--ax-bg-brand-1-moderateA: var(--ax-brand-1-200A);
|
|
417
|
-
--ax-bg-brand-1-moderate: var(--ax-brand-1-200);
|
|
418
|
-
--ax-bg-brand-1-hoverA: var(--ax-brand-1-200A);
|
|
419
|
-
--ax-bg-brand-1-hover: var(--ax-brand-1-200);
|
|
420
|
-
--ax-bg-brand-1-soft: var(--ax-brand-1-100);
|
|
349
|
+
--ax-bg-meta-lime-strong-pressed: var(--ax-meta-lime-800);
|
|
350
|
+
--ax-bg-meta-lime-strong-hover: var(--ax-meta-lime-700);
|
|
351
|
+
--ax-bg-meta-lime-strong: var(--ax-meta-lime-600);
|
|
352
|
+
--ax-bg-meta-lime-moderate-pressedA: var(--ax-meta-lime-400A);
|
|
353
|
+
--ax-bg-meta-lime-moderate-pressed: var(--ax-meta-lime-400);
|
|
354
|
+
--ax-bg-meta-lime-moderate-hoverA: var(--ax-meta-lime-300A);
|
|
355
|
+
--ax-bg-meta-lime-moderate-hover: var(--ax-meta-lime-300);
|
|
356
|
+
--ax-bg-meta-lime-moderateA: var(--ax-meta-lime-200A);
|
|
357
|
+
--ax-bg-meta-lime-moderate: var(--ax-meta-lime-200);
|
|
358
|
+
--ax-bg-meta-lime-softA: var(--ax-meta-lime-100A);
|
|
359
|
+
--ax-bg-meta-lime-soft: var(--ax-meta-lime-100);
|
|
360
|
+
--ax-bg-meta-purple-strong-pressed: var(--ax-meta-purple-800);
|
|
361
|
+
--ax-bg-meta-purple-strong-hover: var(--ax-meta-purple-700);
|
|
362
|
+
--ax-bg-meta-purple-strong: var(--ax-meta-purple-600);
|
|
363
|
+
--ax-bg-meta-purple-moderate-pressedA: var(--ax-meta-purple-400A);
|
|
364
|
+
--ax-bg-meta-purple-moderate-pressed: var(--ax-meta-purple-400);
|
|
365
|
+
--ax-bg-meta-purple-moderate-hoverA: var(--ax-meta-purple-300A);
|
|
366
|
+
--ax-bg-meta-purple-moderate-hover: var(--ax-meta-purple-300);
|
|
367
|
+
--ax-bg-meta-purple-moderateA: var(--ax-meta-purple-200A);
|
|
368
|
+
--ax-bg-meta-purple-moderate: var(--ax-meta-purple-200);
|
|
369
|
+
--ax-bg-meta-purple-softA: var(--ax-meta-purple-100A);
|
|
370
|
+
--ax-bg-meta-purple-soft: var(--ax-meta-purple-100);
|
|
371
|
+
--ax-bg-brand-blue-strong-pressed: var(--ax-brand-blue-800);
|
|
372
|
+
--ax-bg-brand-blue-strong-hover: var(--ax-brand-blue-700);
|
|
373
|
+
--ax-bg-brand-blue-strong: var(--ax-brand-blue-600);
|
|
374
|
+
--ax-bg-brand-blue-moderate-pressedA: var(--ax-brand-blue-400A);
|
|
375
|
+
--ax-bg-brand-blue-moderate-pressed: var(--ax-brand-blue-400);
|
|
376
|
+
--ax-bg-brand-blue-moderate-hoverA: var(--ax-brand-blue-300A);
|
|
377
|
+
--ax-bg-brand-blue-moderate-hover: var(--ax-brand-blue-300);
|
|
378
|
+
--ax-bg-brand-blue-moderateA: var(--ax-brand-blue-200A);
|
|
379
|
+
--ax-bg-brand-blue-moderate: var(--ax-brand-blue-200);
|
|
380
|
+
--ax-bg-brand-blue-softA: var(--ax-brand-blue-100A);
|
|
381
|
+
--ax-bg-brand-blue-soft: var(--ax-brand-blue-100);
|
|
382
|
+
--ax-bg-brand-beige-strong-pressed: var(--ax-brand-beige-800);
|
|
383
|
+
--ax-bg-brand-beige-strong-hover: var(--ax-brand-beige-700);
|
|
384
|
+
--ax-bg-brand-beige-strong: var(--ax-brand-beige-600);
|
|
385
|
+
--ax-bg-brand-beige-moderate-pressedA: var(--ax-brand-beige-400A);
|
|
386
|
+
--ax-bg-brand-beige-moderate-pressed: var(--ax-brand-beige-400);
|
|
387
|
+
--ax-bg-brand-beige-moderate-hoverA: var(--ax-brand-beige-300A);
|
|
388
|
+
--ax-bg-brand-beige-moderate-hover: var(--ax-brand-beige-300);
|
|
389
|
+
--ax-bg-brand-beige-moderateA: var(--ax-brand-beige-200A);
|
|
390
|
+
--ax-bg-brand-beige-moderate: var(--ax-brand-beige-200);
|
|
391
|
+
--ax-bg-brand-beige-softA: var(--ax-brand-beige-100A);
|
|
392
|
+
--ax-bg-brand-beige-soft: var(--ax-brand-beige-100);
|
|
393
|
+
--ax-bg-brand-magenta-strong-pressed: var(--ax-brand-magenta-800);
|
|
394
|
+
--ax-bg-brand-magenta-strong-hover: var(--ax-brand-magenta-700);
|
|
395
|
+
--ax-bg-brand-magenta-strong: var(--ax-brand-magenta-600);
|
|
396
|
+
--ax-bg-brand-magenta-moderate-pressedA: var(--ax-brand-magenta-400A);
|
|
397
|
+
--ax-bg-brand-magenta-moderate-pressed: var(--ax-brand-magenta-400);
|
|
398
|
+
--ax-bg-brand-magenta-moderate-hoverA: var(--ax-brand-magenta-300A);
|
|
399
|
+
--ax-bg-brand-magenta-moderate-hover: var(--ax-brand-magenta-300);
|
|
400
|
+
--ax-bg-brand-magenta-moderateA: var(--ax-brand-magenta-200A);
|
|
401
|
+
--ax-bg-brand-magenta-moderate: var(--ax-brand-magenta-200);
|
|
402
|
+
--ax-bg-brand-magenta-softA: var(--ax-brand-magenta-100A);
|
|
403
|
+
--ax-bg-brand-magenta-soft: var(--ax-brand-magenta-100);
|
|
421
404
|
--ax-bg-info-strong-pressed: var(--ax-info-800);
|
|
422
405
|
--ax-bg-info-strong-hover: var(--ax-info-700);
|
|
423
406
|
--ax-bg-info-strong: var(--ax-info-600);
|
|
@@ -427,8 +410,7 @@
|
|
|
427
410
|
--ax-bg-info-moderate-hover: var(--ax-info-300);
|
|
428
411
|
--ax-bg-info-moderateA: var(--ax-info-200A);
|
|
429
412
|
--ax-bg-info-moderate: var(--ax-info-200);
|
|
430
|
-
--ax-bg-info-
|
|
431
|
-
--ax-bg-info-hover: var(--ax-info-200);
|
|
413
|
+
--ax-bg-info-softA: var(--ax-info-100A);
|
|
432
414
|
--ax-bg-info-soft: var(--ax-info-100);
|
|
433
415
|
--ax-bg-danger-strong-pressed: var(--ax-danger-800);
|
|
434
416
|
--ax-bg-danger-strong-hover: var(--ax-danger-700);
|
|
@@ -439,8 +421,7 @@
|
|
|
439
421
|
--ax-bg-danger-moderate-hover: var(--ax-danger-300);
|
|
440
422
|
--ax-bg-danger-moderateA: var(--ax-danger-200A);
|
|
441
423
|
--ax-bg-danger-moderate: var(--ax-danger-200);
|
|
442
|
-
--ax-bg-danger-
|
|
443
|
-
--ax-bg-danger-hover: var(--ax-danger-200);
|
|
424
|
+
--ax-bg-danger-softA: var(--ax-danger-100A);
|
|
444
425
|
--ax-bg-danger-soft: var(--ax-danger-100);
|
|
445
426
|
--ax-bg-warning-strong-pressed: var(--ax-warning-800);
|
|
446
427
|
--ax-bg-warning-strong-hover: var(--ax-warning-700);
|
|
@@ -451,8 +432,7 @@
|
|
|
451
432
|
--ax-bg-warning-moderate-hover: var(--ax-warning-300);
|
|
452
433
|
--ax-bg-warning-moderateA: var(--ax-warning-200A);
|
|
453
434
|
--ax-bg-warning-moderate: var(--ax-warning-200);
|
|
454
|
-
--ax-bg-warning-
|
|
455
|
-
--ax-bg-warning-hover: var(--ax-warning-200);
|
|
435
|
+
--ax-bg-warning-softA: var(--ax-warning-100A);
|
|
456
436
|
--ax-bg-warning-soft: var(--ax-warning-100);
|
|
457
437
|
--ax-bg-success-strong-pressed: var(--ax-success-800);
|
|
458
438
|
--ax-bg-success-strong-hover: var(--ax-success-700);
|
|
@@ -463,8 +443,7 @@
|
|
|
463
443
|
--ax-bg-success-moderate-hover: var(--ax-success-300);
|
|
464
444
|
--ax-bg-success-moderateA: var(--ax-success-200A);
|
|
465
445
|
--ax-bg-success-moderate: var(--ax-success-200);
|
|
466
|
-
--ax-bg-success-
|
|
467
|
-
--ax-bg-success-hover: var(--ax-success-200);
|
|
446
|
+
--ax-bg-success-softA: var(--ax-success-100A);
|
|
468
447
|
--ax-bg-success-soft: var(--ax-success-100);
|
|
469
448
|
--ax-bg-accent-strong-pressed: var(--ax-accent-800);
|
|
470
449
|
--ax-bg-accent-strong-hover: var(--ax-accent-700);
|
|
@@ -475,82 +454,92 @@
|
|
|
475
454
|
--ax-bg-accent-moderate-hover: var(--ax-accent-300);
|
|
476
455
|
--ax-bg-accent-moderateA: var(--ax-accent-200A);
|
|
477
456
|
--ax-bg-accent-moderate: var(--ax-accent-200);
|
|
478
|
-
--ax-bg-accent-
|
|
479
|
-
--ax-bg-accent-hover: var(--ax-accent-200);
|
|
457
|
+
--ax-bg-accent-softA: var(--ax-accent-100A);
|
|
480
458
|
--ax-bg-accent-soft: var(--ax-accent-100);
|
|
459
|
+
--ax-bg-neutral-strong-pressed: var(--ax-neutral-900);
|
|
460
|
+
--ax-bg-neutral-strong-hover: var(--ax-neutral-800);
|
|
461
|
+
--ax-bg-neutral-strong: var(--ax-neutral-700);
|
|
462
|
+
--ax-bg-neutral-moderate-pressedA: var(--ax-neutral-400A);
|
|
463
|
+
--ax-bg-neutral-moderate-pressed: var(--ax-neutral-400);
|
|
464
|
+
--ax-bg-neutral-moderate-hoverA: var(--ax-neutral-300A);
|
|
465
|
+
--ax-bg-neutral-moderate-hover: var(--ax-neutral-300);
|
|
466
|
+
--ax-bg-neutral-moderateA: var(--ax-neutral-200A);
|
|
467
|
+
--ax-bg-neutral-moderate: var(--ax-neutral-200);
|
|
468
|
+
--ax-bg-neutral-softA: var(--ax-neutral-100A);
|
|
469
|
+
--ax-bg-neutral-soft: var(--ax-neutral-100);
|
|
481
470
|
}
|
|
482
471
|
|
|
483
472
|
.dark, .dark-theme {
|
|
484
|
-
--ax-meta-
|
|
485
|
-
--ax-meta-
|
|
486
|
-
--ax-meta-
|
|
487
|
-
--ax-meta-
|
|
488
|
-
--ax-meta-
|
|
489
|
-
--ax-meta-
|
|
490
|
-
--ax-meta-
|
|
491
|
-
--ax-meta-
|
|
492
|
-
--ax-meta-
|
|
493
|
-
--ax-meta-
|
|
494
|
-
--ax-meta-
|
|
495
|
-
--ax-meta-
|
|
496
|
-
--ax-meta-
|
|
497
|
-
--ax-meta-
|
|
498
|
-
--ax-meta-
|
|
499
|
-
--ax-meta-
|
|
500
|
-
--ax-meta-
|
|
501
|
-
--ax-meta-
|
|
502
|
-
--ax-meta-
|
|
503
|
-
--ax-meta-
|
|
504
|
-
--ax-meta-
|
|
505
|
-
--ax-meta-
|
|
506
|
-
--ax-meta-
|
|
507
|
-
--ax-meta-
|
|
508
|
-
--ax-meta-
|
|
509
|
-
--ax-meta-
|
|
510
|
-
--ax-meta-
|
|
511
|
-
--ax-meta-
|
|
512
|
-
--ax-brand-
|
|
513
|
-
--ax-brand-
|
|
514
|
-
--ax-brand-
|
|
515
|
-
--ax-brand-
|
|
516
|
-
--ax-brand-
|
|
517
|
-
--ax-brand-
|
|
518
|
-
--ax-brand-
|
|
519
|
-
--ax-brand-
|
|
520
|
-
--ax-brand-
|
|
521
|
-
--ax-brand-
|
|
522
|
-
--ax-brand-
|
|
523
|
-
--ax-brand-
|
|
524
|
-
--ax-brand-
|
|
525
|
-
--ax-brand-
|
|
526
|
-
--ax-brand-
|
|
527
|
-
--ax-brand-
|
|
528
|
-
--ax-brand-
|
|
529
|
-
--ax-brand-
|
|
530
|
-
--ax-brand-
|
|
531
|
-
--ax-brand-
|
|
532
|
-
--ax-brand-
|
|
533
|
-
--ax-brand-
|
|
534
|
-
--ax-brand-
|
|
535
|
-
--ax-brand-
|
|
536
|
-
--ax-brand-
|
|
537
|
-
--ax-brand-
|
|
538
|
-
--ax-brand-
|
|
539
|
-
--ax-brand-
|
|
540
|
-
--ax-brand-
|
|
541
|
-
--ax-brand-
|
|
542
|
-
--ax-brand-
|
|
543
|
-
--ax-brand-
|
|
544
|
-
--ax-brand-
|
|
545
|
-
--ax-brand-
|
|
546
|
-
--ax-brand-
|
|
547
|
-
--ax-brand-
|
|
548
|
-
--ax-brand-
|
|
549
|
-
--ax-brand-
|
|
550
|
-
--ax-brand-
|
|
551
|
-
--ax-brand-
|
|
552
|
-
--ax-brand-
|
|
553
|
-
--ax-brand-
|
|
473
|
+
--ax-meta-lime-400A: rgba(251, 245, 0, .16);
|
|
474
|
+
--ax-meta-lime-300A: rgba(252, 233, 0, .114);
|
|
475
|
+
--ax-meta-lime-200A: rgba(246, 207, 0, .086);
|
|
476
|
+
--ax-meta-lime-100A: rgba(252, 191, 0, .06);
|
|
477
|
+
--ax-meta-lime-1000: #c5d14c;
|
|
478
|
+
--ax-meta-lime-900: #a9b325;
|
|
479
|
+
--ax-meta-lime-800: #99a200;
|
|
480
|
+
--ax-meta-lime-700: #8f9800;
|
|
481
|
+
--ax-meta-lime-600: #7c8400;
|
|
482
|
+
--ax-meta-lime-500: #6a7200;
|
|
483
|
+
--ax-meta-lime-400: #343900;
|
|
484
|
+
--ax-meta-lime-300: #292d00;
|
|
485
|
+
--ax-meta-lime-200: #222500;
|
|
486
|
+
--ax-meta-lime-100: #1c1f00;
|
|
487
|
+
--ax-meta-purple-400A: rgba(253, 179, 238, .184);
|
|
488
|
+
--ax-meta-purple-300A: rgba(255, 153, 228, .137);
|
|
489
|
+
--ax-meta-purple-200A: rgba(250, 125, 211, .106);
|
|
490
|
+
--ax-meta-purple-100A: rgba(246, 79, 182, .086);
|
|
491
|
+
--ax-meta-purple-1000: #cdc5d9;
|
|
492
|
+
--ax-meta-purple-900: #b2a7c3;
|
|
493
|
+
--ax-meta-purple-800: #a495b7;
|
|
494
|
+
--ax-meta-purple-700: #9b8bb0;
|
|
495
|
+
--ax-meta-purple-600: #8876a1;
|
|
496
|
+
--ax-meta-purple-500: #776491;
|
|
497
|
+
--ax-meta-purple-400: #3a3245;
|
|
498
|
+
--ax-meta-purple-300: #2f273a;
|
|
499
|
+
--ax-meta-purple-200: #272032;
|
|
500
|
+
--ax-meta-purple-100: #221a2c;
|
|
501
|
+
--ax-brand-blue-400A: rgba(68, 198, 252, .204);
|
|
502
|
+
--ax-brand-blue-300A: rgba(43, 191, 251, .14);
|
|
503
|
+
--ax-brand-blue-200A: rgba(4, 191, 255, .094);
|
|
504
|
+
--ax-brand-blue-100A: rgba(0, 165, 255, .063);
|
|
505
|
+
--ax-brand-blue-1000: #b7cbd7;
|
|
506
|
+
--ax-brand-blue-900: #93afc0;
|
|
507
|
+
--ax-brand-blue-800: #7f9fb3;
|
|
508
|
+
--ax-brand-blue-700: #7396ab;
|
|
509
|
+
--ax-brand-blue-600: #5a839b;
|
|
510
|
+
--ax-brand-blue-500: #43718d;
|
|
511
|
+
--ax-brand-blue-400: #19394c;
|
|
512
|
+
--ax-brand-blue-300: #122d3e;
|
|
513
|
+
--ax-brand-blue-200: #0d2534;
|
|
514
|
+
--ax-brand-blue-100: #071e2d;
|
|
515
|
+
--ax-brand-beige-400A: rgba(252, 131, 64, .247);
|
|
516
|
+
--ax-brand-beige-300A: rgba(254, 98, 16, .196);
|
|
517
|
+
--ax-brand-beige-200A: rgba(251, 69, 0, .165);
|
|
518
|
+
--ax-brand-beige-100A: rgba(254, 29, 0, .13);
|
|
519
|
+
--ax-brand-beige-1000: #e3c2b1;
|
|
520
|
+
--ax-brand-beige-900: #d1a08c;
|
|
521
|
+
--ax-brand-beige-800: #c78e79;
|
|
522
|
+
--ax-brand-beige-700: #c0836e;
|
|
523
|
+
--ax-brand-beige-600: #ab6f5b;
|
|
524
|
+
--ax-brand-beige-500: #975e4a;
|
|
525
|
+
--ax-brand-beige-400: #493027;
|
|
526
|
+
--ax-brand-beige-300: #3d241c;
|
|
527
|
+
--ax-brand-beige-200: #351d15;
|
|
528
|
+
--ax-brand-beige-100: #2d160e;
|
|
529
|
+
--ax-brand-magenta-400A: rgba(254, 100, 129, .267);
|
|
530
|
+
--ax-brand-magenta-300A: rgba(251, 72, 100, .22);
|
|
531
|
+
--ax-brand-magenta-200A: rgba(253, 38, 75, .184);
|
|
532
|
+
--ax-brand-magenta-100A: rgba(250, 2, 38, .153);
|
|
533
|
+
--ax-brand-magenta-1000: #e1c0cc;
|
|
534
|
+
--ax-brand-magenta-900: #cf9eb1;
|
|
535
|
+
--ax-brand-magenta-800: #c58aa2;
|
|
536
|
+
--ax-brand-magenta-700: #be7f99;
|
|
537
|
+
--ax-brand-magenta-600: #b06886;
|
|
538
|
+
--ax-brand-magenta-500: #a35276;
|
|
539
|
+
--ax-brand-magenta-400: #4e2a39;
|
|
540
|
+
--ax-brand-magenta-300: #42202e;
|
|
541
|
+
--ax-brand-magenta-200: #3a1827;
|
|
542
|
+
--ax-brand-magenta-100: #321220;
|
|
554
543
|
--ax-info-400A: rgba(68, 198, 252, .204);
|
|
555
544
|
--ax-info-300A: rgba(43, 191, 251, .14);
|
|
556
545
|
--ax-info-200A: rgba(4, 191, 255, .094);
|
|
@@ -643,30 +632,26 @@
|
|
|
643
632
|
--ax-opacity-disabled: .4;
|
|
644
633
|
--ax-shadow-dialog: 0px 0px 1px 0px rgba(7, 9, 13, 0), 0px 2px 5px 0px rgba(7, 9, 13, .35), 0px 5px 12px 0px rgba(7, 9, 13, .5);
|
|
645
634
|
--ax-border-focus: var(--ax-neutral-1000);
|
|
646
|
-
--ax-border-strong: var(--ax-
|
|
647
|
-
--ax-border-subtleA: var(--ax-
|
|
648
|
-
--ax-border-subtle: var(--ax-
|
|
649
|
-
--ax-border-
|
|
650
|
-
--ax-border-meta-
|
|
651
|
-
--ax-border-meta-
|
|
652
|
-
--ax-border-meta-
|
|
653
|
-
--ax-border-meta-
|
|
654
|
-
--ax-border-
|
|
655
|
-
--ax-border-
|
|
656
|
-
--ax-border-
|
|
657
|
-
--ax-border-
|
|
658
|
-
--ax-border-brand-
|
|
659
|
-
--ax-border-brand-
|
|
660
|
-
--ax-border-brand-
|
|
661
|
-
--ax-border-brand-
|
|
662
|
-
--ax-border-brand-
|
|
663
|
-
--ax-border-brand-
|
|
664
|
-
--ax-border-brand-
|
|
665
|
-
--ax-border-brand-
|
|
666
|
-
--ax-border-brand-1-strong: var(--ax-brand-1-700);
|
|
667
|
-
--ax-border-brand-1-subtleA: var(--ax-brand-1-400A);
|
|
668
|
-
--ax-border-brand-1-subtle: var(--ax-brand-1-400);
|
|
669
|
-
--ax-border-brand-1: var(--ax-brand-1-600);
|
|
635
|
+
--ax-border-meta-lime-strong: var(--ax-meta-lime-700);
|
|
636
|
+
--ax-border-meta-lime-subtleA: var(--ax-meta-lime-400A);
|
|
637
|
+
--ax-border-meta-lime-subtle: var(--ax-meta-lime-400);
|
|
638
|
+
--ax-border-meta-lime: var(--ax-meta-lime-600);
|
|
639
|
+
--ax-border-meta-purple-strong: var(--ax-meta-purple-700);
|
|
640
|
+
--ax-border-meta-purple-subtleA: var(--ax-meta-purple-400A);
|
|
641
|
+
--ax-border-meta-purple-subtle: var(--ax-meta-purple-400);
|
|
642
|
+
--ax-border-meta-purple: var(--ax-meta-purple-600);
|
|
643
|
+
--ax-border-brand-blue-strong: var(--ax-brand-blue-700);
|
|
644
|
+
--ax-border-brand-blue-subtleA: var(--ax-brand-blue-400A);
|
|
645
|
+
--ax-border-brand-blue-subtle: var(--ax-brand-blue-400);
|
|
646
|
+
--ax-border-brand-blue: var(--ax-brand-blue-600);
|
|
647
|
+
--ax-border-brand-beige-strong: var(--ax-brand-beige-700);
|
|
648
|
+
--ax-border-brand-beige-subtleA: var(--ax-brand-beige-400A);
|
|
649
|
+
--ax-border-brand-beige-subtle: var(--ax-brand-beige-400);
|
|
650
|
+
--ax-border-brand-beige: var(--ax-brand-beige-600);
|
|
651
|
+
--ax-border-brand-magenta-strong: var(--ax-brand-magenta-700);
|
|
652
|
+
--ax-border-brand-magenta-subtleA: var(--ax-brand-magenta-400A);
|
|
653
|
+
--ax-border-brand-magenta-subtle: var(--ax-brand-magenta-400);
|
|
654
|
+
--ax-border-brand-magenta: var(--ax-brand-magenta-600);
|
|
670
655
|
--ax-border-info-strong: var(--ax-info-700);
|
|
671
656
|
--ax-border-info-subtleA: var(--ax-info-400A);
|
|
672
657
|
--ax-border-info-subtle: var(--ax-info-400);
|
|
@@ -687,124 +672,111 @@
|
|
|
687
672
|
--ax-border-accent-subtleA: var(--ax-accent-400A);
|
|
688
673
|
--ax-border-accent-subtle: var(--ax-accent-400);
|
|
689
674
|
--ax-border-accent: var(--ax-accent-600);
|
|
690
|
-
--ax-
|
|
675
|
+
--ax-border-neutral-strong: var(--ax-neutral-700);
|
|
676
|
+
--ax-border-neutral-subtleA: var(--ax-neutral-400A);
|
|
677
|
+
--ax-border-neutral-subtle: var(--ax-neutral-400);
|
|
678
|
+
--ax-border-neutral: var(--ax-neutral-600);
|
|
691
679
|
--ax-text-logo: var(--ax-neutral-1000);
|
|
692
|
-
--ax-text-
|
|
693
|
-
--ax-text-
|
|
694
|
-
--ax-text-
|
|
695
|
-
--ax-text-
|
|
696
|
-
--ax-text-
|
|
697
|
-
--ax-text-brand-3-contrast: var(--ax-neutral-000);
|
|
698
|
-
--ax-text-brand-2-contrast: var(--ax-neutral-000);
|
|
699
|
-
--ax-text-brand-1-contrast: var(--ax-neutral-000);
|
|
680
|
+
--ax-text-meta-lime-contrast: var(--ax-neutral-000);
|
|
681
|
+
--ax-text-meta-purple-contrast: var(--ax-neutral-000);
|
|
682
|
+
--ax-text-brand-blue-contrast: var(--ax-neutral-000);
|
|
683
|
+
--ax-text-brand-beige-contrast: var(--ax-neutral-000);
|
|
684
|
+
--ax-text-brand-magenta-contrast: var(--ax-neutral-000);
|
|
700
685
|
--ax-text-warning-contrast: var(--ax-neutral-000);
|
|
701
686
|
--ax-text-success-contrast: var(--ax-neutral-000);
|
|
702
687
|
--ax-text-info-contrast: var(--ax-neutral-000);
|
|
703
688
|
--ax-text-danger-contrast: var(--ax-neutral-000);
|
|
704
689
|
--ax-text-accent-contrast: var(--ax-neutral-000);
|
|
705
|
-
--ax-text-
|
|
706
|
-
--ax-text-meta-
|
|
707
|
-
--ax-text-meta-
|
|
708
|
-
--ax-text-meta-
|
|
709
|
-
--ax-text-meta-
|
|
710
|
-
--ax-text-meta-
|
|
711
|
-
--ax-text-
|
|
712
|
-
--ax-text-brand-
|
|
713
|
-
--ax-text-brand-
|
|
714
|
-
--ax-text-brand-
|
|
715
|
-
--ax-text-brand-
|
|
716
|
-
--ax-text-brand-
|
|
717
|
-
--ax-text-brand-
|
|
718
|
-
--ax-text-brand-
|
|
719
|
-
--ax-text-brand-
|
|
690
|
+
--ax-text-neutral-contrast: var(--ax-neutral-000);
|
|
691
|
+
--ax-text-meta-lime-icon: var(--ax-meta-lime-600);
|
|
692
|
+
--ax-text-meta-lime-subtle: var(--ax-meta-lime-800);
|
|
693
|
+
--ax-text-meta-lime: var(--ax-meta-lime-1000);
|
|
694
|
+
--ax-text-meta-purple-icon: var(--ax-meta-purple-600);
|
|
695
|
+
--ax-text-meta-purple-subtle: var(--ax-meta-purple-800);
|
|
696
|
+
--ax-text-meta-purple: var(--ax-meta-purple-1000);
|
|
697
|
+
--ax-text-brand-blue-icon: var(--ax-brand-blue-600);
|
|
698
|
+
--ax-text-brand-blue-subtle: var(--ax-brand-blue-800);
|
|
699
|
+
--ax-text-brand-blue: var(--ax-brand-blue-1000);
|
|
700
|
+
--ax-text-brand-beige-icon: var(--ax-brand-beige-600);
|
|
701
|
+
--ax-text-brand-beige-subtle: var(--ax-brand-beige-800);
|
|
702
|
+
--ax-text-brand-beige: var(--ax-brand-beige-1000);
|
|
703
|
+
--ax-text-brand-magenta-icon: var(--ax-brand-magenta-600);
|
|
704
|
+
--ax-text-brand-magenta-subtle: var(--ax-brand-magenta-800);
|
|
705
|
+
--ax-text-brand-magenta: var(--ax-brand-magenta-1000);
|
|
720
706
|
--ax-text-info-icon: var(--ax-info-600);
|
|
721
|
-
--ax-text-info-
|
|
722
|
-
--ax-text-info: var(--ax-info-
|
|
707
|
+
--ax-text-info-subtle: var(--ax-info-800);
|
|
708
|
+
--ax-text-info: var(--ax-info-1000);
|
|
723
709
|
--ax-text-danger-icon: var(--ax-danger-600);
|
|
724
|
-
--ax-text-danger-
|
|
725
|
-
--ax-text-danger: var(--ax-danger-
|
|
710
|
+
--ax-text-danger-subtle: var(--ax-danger-800);
|
|
711
|
+
--ax-text-danger: var(--ax-danger-1000);
|
|
726
712
|
--ax-text-warning-icon: var(--ax-warning-600);
|
|
727
|
-
--ax-text-warning-
|
|
728
|
-
--ax-text-warning: var(--ax-warning-
|
|
713
|
+
--ax-text-warning-subtle: var(--ax-warning-800);
|
|
714
|
+
--ax-text-warning: var(--ax-warning-1000);
|
|
729
715
|
--ax-text-success-icon: var(--ax-success-600);
|
|
730
|
-
--ax-text-success-
|
|
731
|
-
--ax-text-success: var(--ax-success-
|
|
716
|
+
--ax-text-success-subtle: var(--ax-success-800);
|
|
717
|
+
--ax-text-success: var(--ax-success-1000);
|
|
732
718
|
--ax-text-accent-icon: var(--ax-accent-600);
|
|
733
|
-
--ax-text-accent-
|
|
734
|
-
--ax-text-accent: var(--ax-accent-
|
|
735
|
-
--ax-
|
|
736
|
-
--ax-
|
|
737
|
-
--ax-
|
|
738
|
-
--ax-bg-moderate-pressedA: var(--ax-neutral-400A);
|
|
739
|
-
--ax-bg-moderate-pressed: var(--ax-neutral-400);
|
|
740
|
-
--ax-bg-moderate-hoverA: var(--ax-neutral-300A);
|
|
741
|
-
--ax-bg-moderate-hover: var(--ax-neutral-300);
|
|
742
|
-
--ax-bg-moderateA: var(--ax-neutral-200A);
|
|
743
|
-
--ax-bg-moderate: var(--ax-neutral-200);
|
|
744
|
-
--ax-bg-hoverA: var(--ax-neutral-200A);
|
|
745
|
-
--ax-bg-hover: var(--ax-neutral-200);
|
|
746
|
-
--ax-bg-soft: var(--ax-neutral-100);
|
|
719
|
+
--ax-text-accent-subtle: var(--ax-accent-800);
|
|
720
|
+
--ax-text-accent: var(--ax-accent-1000);
|
|
721
|
+
--ax-text-neutral-icon: var(--ax-neutral-600);
|
|
722
|
+
--ax-text-neutral-subtle: var(--ax-neutral-900);
|
|
723
|
+
--ax-text-neutral: var(--ax-neutral-1000);
|
|
747
724
|
--ax-bg-raised: var(--ax-neutral-100);
|
|
748
|
-
--ax-bg-meta-
|
|
749
|
-
--ax-bg-meta-
|
|
750
|
-
--ax-bg-meta-
|
|
751
|
-
--ax-bg-meta-
|
|
752
|
-
--ax-bg-meta-
|
|
753
|
-
--ax-bg-meta-
|
|
754
|
-
--ax-bg-meta-
|
|
755
|
-
--ax-bg-meta-
|
|
756
|
-
--ax-bg-meta-
|
|
757
|
-
--ax-bg-meta-
|
|
758
|
-
--ax-bg-meta-
|
|
759
|
-
--ax-bg-meta-
|
|
760
|
-
--ax-bg-meta-
|
|
761
|
-
--ax-bg-meta-
|
|
762
|
-
--ax-bg-meta-
|
|
763
|
-
--ax-bg-meta-
|
|
764
|
-
--ax-bg-meta-
|
|
765
|
-
--ax-bg-meta-
|
|
766
|
-
--ax-bg-meta-
|
|
767
|
-
--ax-bg-meta-
|
|
768
|
-
--ax-bg-meta-
|
|
769
|
-
--ax-bg-meta-
|
|
770
|
-
--ax-bg-
|
|
771
|
-
--ax-bg-
|
|
772
|
-
--ax-bg-brand-
|
|
773
|
-
--ax-bg-brand-
|
|
774
|
-
--ax-bg-brand-
|
|
775
|
-
--ax-bg-brand-
|
|
776
|
-
--ax-bg-brand-
|
|
777
|
-
--ax-bg-brand-
|
|
778
|
-
--ax-bg-brand-
|
|
779
|
-
--ax-bg-brand-
|
|
780
|
-
--ax-bg-brand-
|
|
781
|
-
--ax-bg-brand-
|
|
782
|
-
--ax-bg-brand-
|
|
783
|
-
--ax-bg-brand-
|
|
784
|
-
--ax-bg-brand-
|
|
785
|
-
--ax-bg-brand-
|
|
786
|
-
--ax-bg-brand-
|
|
787
|
-
--ax-bg-brand-
|
|
788
|
-
--ax-bg-brand-
|
|
789
|
-
--ax-bg-brand-
|
|
790
|
-
--ax-bg-brand-
|
|
791
|
-
--ax-bg-brand-
|
|
792
|
-
--ax-bg-brand-
|
|
793
|
-
--ax-bg-brand-
|
|
794
|
-
--ax-bg-brand-
|
|
795
|
-
--ax-bg-brand-
|
|
796
|
-
--ax-bg-brand-
|
|
797
|
-
--ax-bg-brand-
|
|
798
|
-
--ax-bg-brand-
|
|
799
|
-
--ax-bg-brand-
|
|
800
|
-
--ax-bg-brand-
|
|
801
|
-
--ax-bg-brand-
|
|
802
|
-
--ax-bg-brand-
|
|
803
|
-
--ax-bg-brand-1-moderateA: var(--ax-brand-1-200A);
|
|
804
|
-
--ax-bg-brand-1-moderate: var(--ax-brand-1-200);
|
|
805
|
-
--ax-bg-brand-1-hoverA: var(--ax-brand-1-200A);
|
|
806
|
-
--ax-bg-brand-1-hover: var(--ax-brand-1-200);
|
|
807
|
-
--ax-bg-brand-1-soft: var(--ax-brand-1-100);
|
|
725
|
+
--ax-bg-meta-lime-strong-pressed: var(--ax-meta-lime-800);
|
|
726
|
+
--ax-bg-meta-lime-strong-hover: var(--ax-meta-lime-700);
|
|
727
|
+
--ax-bg-meta-lime-strong: var(--ax-meta-lime-600);
|
|
728
|
+
--ax-bg-meta-lime-moderate-pressedA: var(--ax-meta-lime-400A);
|
|
729
|
+
--ax-bg-meta-lime-moderate-pressed: var(--ax-meta-lime-400);
|
|
730
|
+
--ax-bg-meta-lime-moderate-hoverA: var(--ax-meta-lime-300A);
|
|
731
|
+
--ax-bg-meta-lime-moderate-hover: var(--ax-meta-lime-300);
|
|
732
|
+
--ax-bg-meta-lime-moderateA: var(--ax-meta-lime-200A);
|
|
733
|
+
--ax-bg-meta-lime-moderate: var(--ax-meta-lime-200);
|
|
734
|
+
--ax-bg-meta-lime-softA: var(--ax-meta-lime-100A);
|
|
735
|
+
--ax-bg-meta-lime-soft: var(--ax-meta-lime-100);
|
|
736
|
+
--ax-bg-meta-purple-strong-pressed: var(--ax-meta-purple-800);
|
|
737
|
+
--ax-bg-meta-purple-strong-hover: var(--ax-meta-purple-700);
|
|
738
|
+
--ax-bg-meta-purple-strong: var(--ax-meta-purple-600);
|
|
739
|
+
--ax-bg-meta-purple-moderate-pressedA: var(--ax-meta-purple-400A);
|
|
740
|
+
--ax-bg-meta-purple-moderate-pressed: var(--ax-meta-purple-400);
|
|
741
|
+
--ax-bg-meta-purple-moderate-hoverA: var(--ax-meta-purple-300A);
|
|
742
|
+
--ax-bg-meta-purple-moderate-hover: var(--ax-meta-purple-300);
|
|
743
|
+
--ax-bg-meta-purple-moderateA: var(--ax-meta-purple-200A);
|
|
744
|
+
--ax-bg-meta-purple-moderate: var(--ax-meta-purple-200);
|
|
745
|
+
--ax-bg-meta-purple-softA: var(--ax-meta-purple-100A);
|
|
746
|
+
--ax-bg-meta-purple-soft: var(--ax-meta-purple-100);
|
|
747
|
+
--ax-bg-brand-blue-strong-pressed: var(--ax-brand-blue-800);
|
|
748
|
+
--ax-bg-brand-blue-strong-hover: var(--ax-brand-blue-700);
|
|
749
|
+
--ax-bg-brand-blue-strong: var(--ax-brand-blue-600);
|
|
750
|
+
--ax-bg-brand-blue-moderate-pressedA: var(--ax-brand-blue-400A);
|
|
751
|
+
--ax-bg-brand-blue-moderate-pressed: var(--ax-brand-blue-400);
|
|
752
|
+
--ax-bg-brand-blue-moderate-hoverA: var(--ax-brand-blue-300A);
|
|
753
|
+
--ax-bg-brand-blue-moderate-hover: var(--ax-brand-blue-300);
|
|
754
|
+
--ax-bg-brand-blue-moderateA: var(--ax-brand-blue-200A);
|
|
755
|
+
--ax-bg-brand-blue-moderate: var(--ax-brand-blue-200);
|
|
756
|
+
--ax-bg-brand-blue-softA: var(--ax-brand-blue-100A);
|
|
757
|
+
--ax-bg-brand-blue-soft: var(--ax-brand-blue-100);
|
|
758
|
+
--ax-bg-brand-beige-strong-pressed: var(--ax-brand-beige-800);
|
|
759
|
+
--ax-bg-brand-beige-strong-hover: var(--ax-brand-beige-700);
|
|
760
|
+
--ax-bg-brand-beige-strong: var(--ax-brand-beige-600);
|
|
761
|
+
--ax-bg-brand-beige-moderate-pressedA: var(--ax-brand-beige-400A);
|
|
762
|
+
--ax-bg-brand-beige-moderate-pressed: var(--ax-brand-beige-400);
|
|
763
|
+
--ax-bg-brand-beige-moderate-hoverA: var(--ax-brand-beige-300A);
|
|
764
|
+
--ax-bg-brand-beige-moderate-hover: var(--ax-brand-beige-300);
|
|
765
|
+
--ax-bg-brand-beige-moderateA: var(--ax-brand-beige-200A);
|
|
766
|
+
--ax-bg-brand-beige-moderate: var(--ax-brand-beige-200);
|
|
767
|
+
--ax-bg-brand-beige-softA: var(--ax-brand-beige-100A);
|
|
768
|
+
--ax-bg-brand-beige-soft: var(--ax-brand-beige-100);
|
|
769
|
+
--ax-bg-brand-magenta-strong-pressed: var(--ax-brand-magenta-800);
|
|
770
|
+
--ax-bg-brand-magenta-strong-hover: var(--ax-brand-magenta-700);
|
|
771
|
+
--ax-bg-brand-magenta-strong: var(--ax-brand-magenta-600);
|
|
772
|
+
--ax-bg-brand-magenta-moderate-pressedA: var(--ax-brand-magenta-400A);
|
|
773
|
+
--ax-bg-brand-magenta-moderate-pressed: var(--ax-brand-magenta-400);
|
|
774
|
+
--ax-bg-brand-magenta-moderate-hoverA: var(--ax-brand-magenta-300A);
|
|
775
|
+
--ax-bg-brand-magenta-moderate-hover: var(--ax-brand-magenta-300);
|
|
776
|
+
--ax-bg-brand-magenta-moderateA: var(--ax-brand-magenta-200A);
|
|
777
|
+
--ax-bg-brand-magenta-moderate: var(--ax-brand-magenta-200);
|
|
778
|
+
--ax-bg-brand-magenta-softA: var(--ax-brand-magenta-100A);
|
|
779
|
+
--ax-bg-brand-magenta-soft: var(--ax-brand-magenta-100);
|
|
808
780
|
--ax-bg-info-strong-pressed: var(--ax-info-800);
|
|
809
781
|
--ax-bg-info-strong-hover: var(--ax-info-700);
|
|
810
782
|
--ax-bg-info-strong: var(--ax-info-600);
|
|
@@ -814,8 +786,7 @@
|
|
|
814
786
|
--ax-bg-info-moderate-hover: var(--ax-info-300);
|
|
815
787
|
--ax-bg-info-moderateA: var(--ax-info-200A);
|
|
816
788
|
--ax-bg-info-moderate: var(--ax-info-200);
|
|
817
|
-
--ax-bg-info-
|
|
818
|
-
--ax-bg-info-hover: var(--ax-info-200);
|
|
789
|
+
--ax-bg-info-softA: var(--ax-info-100A);
|
|
819
790
|
--ax-bg-info-soft: var(--ax-info-100);
|
|
820
791
|
--ax-bg-danger-strong-pressed: var(--ax-danger-800);
|
|
821
792
|
--ax-bg-danger-strong-hover: var(--ax-danger-700);
|
|
@@ -826,8 +797,7 @@
|
|
|
826
797
|
--ax-bg-danger-moderate-hover: var(--ax-danger-300);
|
|
827
798
|
--ax-bg-danger-moderateA: var(--ax-danger-200A);
|
|
828
799
|
--ax-bg-danger-moderate: var(--ax-danger-200);
|
|
829
|
-
--ax-bg-danger-
|
|
830
|
-
--ax-bg-danger-hover: var(--ax-danger-200);
|
|
800
|
+
--ax-bg-danger-softA: var(--ax-danger-100A);
|
|
831
801
|
--ax-bg-danger-soft: var(--ax-danger-100);
|
|
832
802
|
--ax-bg-warning-strong-pressed: var(--ax-warning-800);
|
|
833
803
|
--ax-bg-warning-strong-hover: var(--ax-warning-700);
|
|
@@ -838,8 +808,7 @@
|
|
|
838
808
|
--ax-bg-warning-moderate-hover: var(--ax-warning-300);
|
|
839
809
|
--ax-bg-warning-moderateA: var(--ax-warning-200A);
|
|
840
810
|
--ax-bg-warning-moderate: var(--ax-warning-200);
|
|
841
|
-
--ax-bg-warning-
|
|
842
|
-
--ax-bg-warning-hover: var(--ax-warning-200);
|
|
811
|
+
--ax-bg-warning-softA: var(--ax-warning-100A);
|
|
843
812
|
--ax-bg-warning-soft: var(--ax-warning-100);
|
|
844
813
|
--ax-bg-success-strong-pressed: var(--ax-success-800);
|
|
845
814
|
--ax-bg-success-strong-hover: var(--ax-success-700);
|
|
@@ -850,8 +819,7 @@
|
|
|
850
819
|
--ax-bg-success-moderate-hover: var(--ax-success-300);
|
|
851
820
|
--ax-bg-success-moderateA: var(--ax-success-200A);
|
|
852
821
|
--ax-bg-success-moderate: var(--ax-success-200);
|
|
853
|
-
--ax-bg-success-
|
|
854
|
-
--ax-bg-success-hover: var(--ax-success-200);
|
|
822
|
+
--ax-bg-success-softA: var(--ax-success-100A);
|
|
855
823
|
--ax-bg-success-soft: var(--ax-success-100);
|
|
856
824
|
--ax-bg-accent-strong-pressed: var(--ax-accent-800);
|
|
857
825
|
--ax-bg-accent-strong-hover: var(--ax-accent-700);
|
|
@@ -862,13 +830,23 @@
|
|
|
862
830
|
--ax-bg-accent-moderate-hover: var(--ax-accent-300);
|
|
863
831
|
--ax-bg-accent-moderateA: var(--ax-accent-200A);
|
|
864
832
|
--ax-bg-accent-moderate: var(--ax-accent-200);
|
|
865
|
-
--ax-bg-accent-
|
|
866
|
-
--ax-bg-accent-hover: var(--ax-accent-200);
|
|
833
|
+
--ax-bg-accent-softA: var(--ax-accent-100A);
|
|
867
834
|
--ax-bg-accent-soft: var(--ax-accent-100);
|
|
835
|
+
--ax-bg-neutral-strong-pressed: var(--ax-neutral-900);
|
|
836
|
+
--ax-bg-neutral-strong-hover: var(--ax-neutral-800);
|
|
837
|
+
--ax-bg-neutral-strong: var(--ax-neutral-700);
|
|
838
|
+
--ax-bg-neutral-moderate-pressedA: var(--ax-neutral-400A);
|
|
839
|
+
--ax-bg-neutral-moderate-pressed: var(--ax-neutral-400);
|
|
840
|
+
--ax-bg-neutral-moderate-hoverA: var(--ax-neutral-300A);
|
|
841
|
+
--ax-bg-neutral-moderate-hover: var(--ax-neutral-300);
|
|
842
|
+
--ax-bg-neutral-moderateA: var(--ax-neutral-200A);
|
|
843
|
+
--ax-bg-neutral-moderate: var(--ax-neutral-200);
|
|
844
|
+
--ax-bg-neutral-softA: var(--ax-neutral-100A);
|
|
845
|
+
--ax-bg-neutral-soft: var(--ax-neutral-100);
|
|
868
846
|
}
|
|
869
847
|
|
|
870
848
|
:root, :host {
|
|
871
|
-
--ax-version: "7.
|
|
849
|
+
--ax-version: "7.12.0";
|
|
872
850
|
--ax-font-weight-regular: 400;
|
|
873
851
|
--ax-font-weight-bold: 600;
|
|
874
852
|
--ax-font-size-small: .875rem;
|
|
@@ -940,7 +918,7 @@
|
|
|
940
918
|
}
|
|
941
919
|
|
|
942
920
|
[hidden] {
|
|
943
|
-
display: none
|
|
921
|
+
display: none;
|
|
944
922
|
}
|
|
945
923
|
|
|
946
924
|
@media (prefers-reduced-motion: reduce) {
|
|
@@ -1037,7 +1015,7 @@
|
|
|
1037
1015
|
@font-face {
|
|
1038
1016
|
font-family: "Source Sans 3";
|
|
1039
1017
|
font-style: italic;
|
|
1040
|
-
font-weight: 400
|
|
1018
|
+
font-weight: 400 650;
|
|
1041
1019
|
font-display: swap;
|
|
1042
1020
|
src: url("https://cdn.nav.no/aksel/fonts/SourceSans3-italic-cyrillic_ext.woff2") format("woff2");
|
|
1043
1021
|
unicode-range: U+460-52F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
|
|
@@ -1046,7 +1024,7 @@
|
|
|
1046
1024
|
@font-face {
|
|
1047
1025
|
font-family: "Source Sans 3";
|
|
1048
1026
|
font-style: italic;
|
|
1049
|
-
font-weight: 400
|
|
1027
|
+
font-weight: 400 650;
|
|
1050
1028
|
font-display: swap;
|
|
1051
1029
|
src: url("https://cdn.nav.no/aksel/fonts/SourceSans3-italic-cyrillic.woff2") format("woff2");
|
|
1052
1030
|
unicode-range: U+301, U+400-45F, U+490-491, U+4B0-4B1, U+2116;
|
|
@@ -1055,7 +1033,7 @@
|
|
|
1055
1033
|
@font-face {
|
|
1056
1034
|
font-family: "Source Sans 3";
|
|
1057
1035
|
font-style: italic;
|
|
1058
|
-
font-weight: 400
|
|
1036
|
+
font-weight: 400 650;
|
|
1059
1037
|
font-display: swap;
|
|
1060
1038
|
src: url("https://cdn.nav.no/aksel/fonts/SourceSans3-italic-latin_ext.woff2") format("woff2");
|
|
1061
1039
|
unicode-range: U+100-2AF, U+304, U+308, U+329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
|
|
@@ -1064,7 +1042,7 @@
|
|
|
1064
1042
|
@font-face {
|
|
1065
1043
|
font-family: "Source Sans 3";
|
|
1066
1044
|
font-style: italic;
|
|
1067
|
-
font-weight: 400
|
|
1045
|
+
font-weight: 400 650;
|
|
1068
1046
|
font-display: swap;
|
|
1069
1047
|
src: url("https://cdn.nav.no/aksel/fonts/SourceSans3-italic.woff2") format("woff2");
|
|
1070
1048
|
unicode-range: U+??, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
|
|
@@ -1073,7 +1051,7 @@
|
|
|
1073
1051
|
@font-face {
|
|
1074
1052
|
font-family: "Source Sans 3";
|
|
1075
1053
|
font-style: normal;
|
|
1076
|
-
font-weight: 400
|
|
1054
|
+
font-weight: 400 650;
|
|
1077
1055
|
font-display: swap;
|
|
1078
1056
|
src: url("https://cdn.nav.no/aksel/fonts/SourceSans3-normal-cyrillic_ext.woff2") format("woff2");
|
|
1079
1057
|
unicode-range: U+460-52F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
|
|
@@ -1082,7 +1060,7 @@
|
|
|
1082
1060
|
@font-face {
|
|
1083
1061
|
font-family: "Source Sans 3";
|
|
1084
1062
|
font-style: normal;
|
|
1085
|
-
font-weight: 400
|
|
1063
|
+
font-weight: 400 650;
|
|
1086
1064
|
font-display: swap;
|
|
1087
1065
|
src: url("https://cdn.nav.no/aksel/fonts/SourceSans3-normal-cyrillic.woff2") format("woff2");
|
|
1088
1066
|
unicode-range: U+301, U+400-45F, U+490-491, U+4B0-4B1, U+2116;
|
|
@@ -1091,7 +1069,7 @@
|
|
|
1091
1069
|
@font-face {
|
|
1092
1070
|
font-family: "Source Sans 3";
|
|
1093
1071
|
font-style: normal;
|
|
1094
|
-
font-weight: 400
|
|
1072
|
+
font-weight: 400 650;
|
|
1095
1073
|
font-display: swap;
|
|
1096
1074
|
src: url("https://cdn.nav.no/aksel/fonts/SourceSans3-normal-latin_ext.woff2") format("woff2");
|
|
1097
1075
|
unicode-range: U+100-2AF, U+304, U+308, U+329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
|
|
@@ -1100,7 +1078,7 @@
|
|
|
1100
1078
|
@font-face {
|
|
1101
1079
|
font-family: "Source Sans 3";
|
|
1102
1080
|
font-style: normal;
|
|
1103
|
-
font-weight: 400
|
|
1081
|
+
font-weight: 400 650;
|
|
1104
1082
|
font-display: swap;
|
|
1105
1083
|
src: url("https://cdn.nav.no/aksel/fonts/SourceSans3-normal.woff2") format("woff2");
|
|
1106
1084
|
unicode-range: U+??, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
|
|
@@ -1109,7 +1087,7 @@
|
|
|
1109
1087
|
@font-face {
|
|
1110
1088
|
font-family: Source Sans Pro;
|
|
1111
1089
|
font-style: italic;
|
|
1112
|
-
font-weight: 400
|
|
1090
|
+
font-weight: 400 650;
|
|
1113
1091
|
font-display: swap;
|
|
1114
1092
|
src: url("https://cdn.nav.no/aksel/fonts/SourceSans3-italic-latin_ext.woff2") format("woff2");
|
|
1115
1093
|
unicode-range: U+100-2AF, U+304, U+308, U+329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
|
|
@@ -1118,7 +1096,7 @@
|
|
|
1118
1096
|
@font-face {
|
|
1119
1097
|
font-family: Source Sans Pro;
|
|
1120
1098
|
font-style: italic;
|
|
1121
|
-
font-weight: 400
|
|
1099
|
+
font-weight: 400 650;
|
|
1122
1100
|
font-display: swap;
|
|
1123
1101
|
src: url("https://cdn.nav.no/aksel/fonts/SourceSans3-italic.woff2") format("woff2");
|
|
1124
1102
|
unicode-range: U+??, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
|
|
@@ -1127,7 +1105,7 @@
|
|
|
1127
1105
|
@font-face {
|
|
1128
1106
|
font-family: Source Sans Pro;
|
|
1129
1107
|
font-style: normal;
|
|
1130
|
-
font-weight: 400
|
|
1108
|
+
font-weight: 400 650;
|
|
1131
1109
|
font-display: swap;
|
|
1132
1110
|
src: url("https://cdn.nav.no/aksel/fonts/SourceSans3-normal-latin_ext.woff2") format("woff2");
|
|
1133
1111
|
unicode-range: U+100-2AF, U+304, U+308, U+329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
|
|
@@ -1136,7 +1114,7 @@
|
|
|
1136
1114
|
@font-face {
|
|
1137
1115
|
font-family: Source Sans Pro;
|
|
1138
1116
|
font-style: normal;
|
|
1139
|
-
font-weight: 400
|
|
1117
|
+
font-weight: 400 650;
|
|
1140
1118
|
font-display: swap;
|
|
1141
1119
|
src: url("https://cdn.nav.no/aksel/fonts/SourceSans3-normal.woff2") format("woff2");
|
|
1142
1120
|
unicode-range: U+??, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
|
|
@@ -1153,6 +1131,7 @@
|
|
|
1153
1131
|
font-size: var(--ax-font-size-heading-2xlarge);
|
|
1154
1132
|
letter-spacing: -.01em;
|
|
1155
1133
|
line-height: var(--ax-font-line-height-heading-2xlarge);
|
|
1134
|
+
font-weight: 650;
|
|
1156
1135
|
}
|
|
1157
1136
|
|
|
1158
1137
|
.navds-heading--xlarge.navds-typo--spacing {
|
|
@@ -1163,6 +1142,7 @@
|
|
|
1163
1142
|
font-size: var(--ax-font-size-heading-xlarge);
|
|
1164
1143
|
letter-spacing: -.008em;
|
|
1165
1144
|
line-height: var(--ax-font-line-height-heading-xlarge);
|
|
1145
|
+
font-weight: 650;
|
|
1166
1146
|
}
|
|
1167
1147
|
|
|
1168
1148
|
.navds-heading--large.navds-typo--spacing {
|
|
@@ -1195,6 +1175,7 @@
|
|
|
1195
1175
|
font-size: var(--ax-font-size-heading-medium);
|
|
1196
1176
|
letter-spacing: -.002em;
|
|
1197
1177
|
line-height: var(--ax-font-line-height-heading-medium);
|
|
1178
|
+
font-weight: 650;
|
|
1198
1179
|
}
|
|
1199
1180
|
|
|
1200
1181
|
.navds-heading--medium.navds-typo--spacing {
|
|
@@ -1343,7 +1324,7 @@
|
|
|
1343
1324
|
}
|
|
1344
1325
|
|
|
1345
1326
|
.navds-error-message {
|
|
1346
|
-
color: var(--ax-text-danger);
|
|
1327
|
+
color: var(--ax-text-danger-subtle);
|
|
1347
1328
|
}
|
|
1348
1329
|
|
|
1349
1330
|
.navds-error-message.navds-error-message--show-icon {
|
|
@@ -1394,7 +1375,7 @@
|
|
|
1394
1375
|
}
|
|
1395
1376
|
|
|
1396
1377
|
.navds-typo--color-subtle {
|
|
1397
|
-
color: var(--ax-text-subtle);
|
|
1378
|
+
color: var(--ax-text-neutral-subtle);
|
|
1398
1379
|
}
|
|
1399
1380
|
|
|
1400
1381
|
.navds-button {
|
|
@@ -1403,7 +1384,7 @@
|
|
|
1403
1384
|
--__axc-button-border-color: transparent;
|
|
1404
1385
|
--__axc-button-border-width: 2px;
|
|
1405
1386
|
padding: var(--ax-space-12) var(--ax-space-20);
|
|
1406
|
-
border-radius: var(--ax-border-radius-
|
|
1387
|
+
border-radius: var(--ax-border-radius-large);
|
|
1407
1388
|
cursor: pointer;
|
|
1408
1389
|
justify-content: center;
|
|
1409
1390
|
align-items: center;
|
|
@@ -1451,7 +1432,7 @@
|
|
|
1451
1432
|
|
|
1452
1433
|
@supports not selector(:focus-visible) {
|
|
1453
1434
|
.navds-button:focus {
|
|
1454
|
-
outline:
|
|
1435
|
+
outline: 3px solid var(--ax-border-focus);
|
|
1455
1436
|
}
|
|
1456
1437
|
}
|
|
1457
1438
|
|
|
@@ -1501,25 +1482,25 @@
|
|
|
1501
1482
|
}
|
|
1502
1483
|
|
|
1503
1484
|
.navds-button--primary-neutral {
|
|
1504
|
-
background-color: var(--ax-bg-strong);
|
|
1505
|
-
color: var(--ax-text-contrast);
|
|
1485
|
+
background-color: var(--ax-bg-neutral-strong);
|
|
1486
|
+
color: var(--ax-text-neutral-contrast);
|
|
1506
1487
|
}
|
|
1507
1488
|
|
|
1508
1489
|
.navds-button--primary-neutral:hover {
|
|
1509
|
-
background-color: var(--ax-bg-strong-hover);
|
|
1490
|
+
background-color: var(--ax-bg-neutral-strong-hover);
|
|
1510
1491
|
}
|
|
1511
1492
|
|
|
1512
1493
|
.navds-button--primary-neutral:active {
|
|
1513
|
-
background-color: var(--ax-bg-strong-pressed);
|
|
1494
|
+
background-color: var(--ax-bg-neutral-strong-pressed);
|
|
1514
1495
|
}
|
|
1515
1496
|
|
|
1516
1497
|
.navds-button--primary-neutral:is(:disabled, .navds-button--disabled) {
|
|
1517
|
-
background-color: var(--ax-bg-strong);
|
|
1498
|
+
background-color: var(--ax-bg-neutral-strong);
|
|
1518
1499
|
}
|
|
1519
1500
|
|
|
1520
1501
|
.navds-button--secondary {
|
|
1521
1502
|
--__axc-button-border-color: var(--ax-border-accent);
|
|
1522
|
-
color: var(--ax-text-accent);
|
|
1503
|
+
color: var(--ax-text-accent-subtle);
|
|
1523
1504
|
background-color: rgba(0, 0, 0, 0);
|
|
1524
1505
|
}
|
|
1525
1506
|
|
|
@@ -1529,42 +1510,38 @@
|
|
|
1529
1510
|
}
|
|
1530
1511
|
|
|
1531
1512
|
.navds-button--secondary:active {
|
|
1532
|
-
--
|
|
1533
|
-
background-color: var(--ax-bg-accent-strong-pressed);
|
|
1534
|
-
color: var(--ax-text-accent-contrast);
|
|
1513
|
+
background-color: var(--ax-bg-accent-moderate-pressedA);
|
|
1535
1514
|
}
|
|
1536
1515
|
|
|
1537
1516
|
.navds-button--secondary:is(:disabled, .navds-button--disabled) {
|
|
1538
1517
|
--__axc-button-border-color: var(--ax-border-accent);
|
|
1539
|
-
color: var(--ax-text-accent);
|
|
1518
|
+
color: var(--ax-text-accent-subtle);
|
|
1540
1519
|
background-color: rgba(0, 0, 0, 0);
|
|
1541
1520
|
}
|
|
1542
1521
|
|
|
1543
1522
|
.navds-button--secondary-neutral {
|
|
1544
|
-
--__axc-button-border-color: var(--ax-border-
|
|
1545
|
-
color: var(--ax-text-
|
|
1523
|
+
--__axc-button-border-color: var(--ax-border-neutral);
|
|
1524
|
+
color: var(--ax-text-neutral);
|
|
1546
1525
|
background-color: rgba(0, 0, 0, 0);
|
|
1547
1526
|
}
|
|
1548
1527
|
|
|
1549
1528
|
.navds-button--secondary-neutral:hover {
|
|
1550
|
-
--__axc-button-border-color: var(--ax-border-strong);
|
|
1551
|
-
background-color: var(--ax-bg-moderate-hoverA);
|
|
1529
|
+
--__axc-button-border-color: var(--ax-border-neutral-strong);
|
|
1530
|
+
background-color: var(--ax-bg-neutral-moderate-hoverA);
|
|
1552
1531
|
}
|
|
1553
1532
|
|
|
1554
1533
|
.navds-button--secondary-neutral:active {
|
|
1555
|
-
--
|
|
1556
|
-
color: var(--ax-text-contrast);
|
|
1557
|
-
background-color: var(--ax-bg-strong-pressed);
|
|
1534
|
+
background-color: var(--ax-bg-neutral-moderate-pressedA);
|
|
1558
1535
|
}
|
|
1559
1536
|
|
|
1560
1537
|
.navds-button--secondary-neutral:is(:disabled, .navds-button--disabled) {
|
|
1561
|
-
--__axc-button-border-color: var(--ax-border-
|
|
1562
|
-
color: var(--ax-text-
|
|
1538
|
+
--__axc-button-border-color: var(--ax-border-neutral);
|
|
1539
|
+
color: var(--ax-text-neutral);
|
|
1563
1540
|
background-color: rgba(0, 0, 0, 0);
|
|
1564
1541
|
}
|
|
1565
1542
|
|
|
1566
1543
|
.navds-button--tertiary {
|
|
1567
|
-
color: var(--ax-text-accent);
|
|
1544
|
+
color: var(--ax-text-accent-subtle);
|
|
1568
1545
|
background-color: rgba(0, 0, 0, 0);
|
|
1569
1546
|
}
|
|
1570
1547
|
|
|
@@ -1573,31 +1550,29 @@
|
|
|
1573
1550
|
}
|
|
1574
1551
|
|
|
1575
1552
|
.navds-button--tertiary:active {
|
|
1576
|
-
background-color: var(--ax-bg-accent-
|
|
1577
|
-
color: var(--ax-text-accent-contrast);
|
|
1553
|
+
background-color: var(--ax-bg-accent-moderate-pressedA);
|
|
1578
1554
|
}
|
|
1579
1555
|
|
|
1580
1556
|
.navds-button--tertiary:is(:disabled, .navds-button--disabled) {
|
|
1581
|
-
color: var(--ax-text-accent);
|
|
1557
|
+
color: var(--ax-text-accent-subtle);
|
|
1582
1558
|
background-color: rgba(0, 0, 0, 0);
|
|
1583
1559
|
}
|
|
1584
1560
|
|
|
1585
1561
|
.navds-button--tertiary-neutral {
|
|
1586
|
-
color: var(--ax-text-
|
|
1562
|
+
color: var(--ax-text-neutral);
|
|
1587
1563
|
background-color: rgba(0, 0, 0, 0);
|
|
1588
1564
|
}
|
|
1589
1565
|
|
|
1590
1566
|
.navds-button--tertiary-neutral:hover {
|
|
1591
|
-
background-color: var(--ax-bg-moderate-hoverA);
|
|
1567
|
+
background-color: var(--ax-bg-neutral-moderate-hoverA);
|
|
1592
1568
|
}
|
|
1593
1569
|
|
|
1594
1570
|
.navds-button--tertiary-neutral:active {
|
|
1595
|
-
background-color: var(--ax-bg-
|
|
1596
|
-
color: var(--ax-text-contrast);
|
|
1571
|
+
background-color: var(--ax-bg-neutral-moderate-pressedA);
|
|
1597
1572
|
}
|
|
1598
1573
|
|
|
1599
1574
|
.navds-button--tertiary-neutral:is(:disabled, .navds-button--disabled) {
|
|
1600
|
-
color: var(--ax-text-
|
|
1575
|
+
color: var(--ax-text-neutral);
|
|
1601
1576
|
background-color: rgba(0, 0, 0, 0);
|
|
1602
1577
|
}
|
|
1603
1578
|
|
|
@@ -1705,12 +1680,12 @@
|
|
|
1705
1680
|
}
|
|
1706
1681
|
|
|
1707
1682
|
.navds-chips__chip:focus-visible {
|
|
1708
|
-
outline:
|
|
1709
|
-
outline-offset:
|
|
1683
|
+
outline: 3px solid var(--ax-border-focus);
|
|
1684
|
+
outline-offset: 3px;
|
|
1710
1685
|
}
|
|
1711
1686
|
|
|
1712
1687
|
.navds-chips--readonly .navds-chips__chip {
|
|
1713
|
-
background-color: var(--ax-bg-moderateA);
|
|
1688
|
+
background-color: var(--ax-bg-neutral-moderateA);
|
|
1714
1689
|
}
|
|
1715
1690
|
|
|
1716
1691
|
.navds-chips--small .navds-chips__chip {
|
|
@@ -1743,7 +1718,7 @@
|
|
|
1743
1718
|
.navds-chips__toggle--action {
|
|
1744
1719
|
box-shadow: inset 0 0 0 1px var(--ax-border-accent-subtleA);
|
|
1745
1720
|
background-color: var(--ax-bg-accent-moderate);
|
|
1746
|
-
color: var(--ax-text-accent
|
|
1721
|
+
color: var(--ax-text-accent);
|
|
1747
1722
|
}
|
|
1748
1723
|
|
|
1749
1724
|
.navds-chips__toggle--action:hover {
|
|
@@ -1761,23 +1736,23 @@
|
|
|
1761
1736
|
}
|
|
1762
1737
|
|
|
1763
1738
|
.navds-chips__toggle--neutral {
|
|
1764
|
-
box-shadow: inset 0 0 0 1px var(--ax-border-subtleA);
|
|
1765
|
-
background-color: var(--ax-bg-moderate);
|
|
1766
|
-
color: var(--ax-text-
|
|
1739
|
+
box-shadow: inset 0 0 0 1px var(--ax-border-neutral-subtleA);
|
|
1740
|
+
background-color: var(--ax-bg-neutral-moderate);
|
|
1741
|
+
color: var(--ax-text-neutral);
|
|
1767
1742
|
}
|
|
1768
1743
|
|
|
1769
1744
|
.navds-chips__toggle--neutral:hover {
|
|
1770
|
-
background-color: var(--ax-bg-moderate-hover);
|
|
1745
|
+
background-color: var(--ax-bg-neutral-moderate-hover);
|
|
1771
1746
|
}
|
|
1772
1747
|
|
|
1773
1748
|
.navds-chips__toggle--neutral[data-pressed="true"] {
|
|
1774
1749
|
box-shadow: none;
|
|
1775
|
-
background-color: var(--ax-bg-strong-pressed);
|
|
1776
|
-
color: var(--ax-text-contrast);
|
|
1750
|
+
background-color: var(--ax-bg-neutral-strong-pressed);
|
|
1751
|
+
color: var(--ax-text-neutral-contrast);
|
|
1777
1752
|
}
|
|
1778
1753
|
|
|
1779
1754
|
.navds-chips__toggle--neutral[data-pressed="true"]:hover {
|
|
1780
|
-
background-color: var(--ax-bg-strong-hover);
|
|
1755
|
+
background-color: var(--ax-bg-neutral-strong-hover);
|
|
1781
1756
|
}
|
|
1782
1757
|
|
|
1783
1758
|
.navds-chips--medium .navds-chips__toggle--with-checkmark {
|
|
@@ -1798,12 +1773,12 @@
|
|
|
1798
1773
|
}
|
|
1799
1774
|
|
|
1800
1775
|
.navds-chips__removable--neutral {
|
|
1801
|
-
background: var(--ax-bg-strong-pressed);
|
|
1802
|
-
color: var(--ax-text-contrast);
|
|
1776
|
+
background: var(--ax-bg-neutral-strong-pressed);
|
|
1777
|
+
color: var(--ax-text-neutral-contrast);
|
|
1803
1778
|
}
|
|
1804
1779
|
|
|
1805
1780
|
.navds-chips__removable--neutral:hover {
|
|
1806
|
-
background: var(--ax-bg-strong-hover);
|
|
1781
|
+
background: var(--ax-bg-neutral-strong-hover);
|
|
1807
1782
|
}
|
|
1808
1783
|
|
|
1809
1784
|
.navds-chips__removable-icon {
|
|
@@ -1861,7 +1836,7 @@
|
|
|
1861
1836
|
}
|
|
1862
1837
|
|
|
1863
1838
|
.navds-fieldset__description {
|
|
1864
|
-
color: var(--ax-text-subtle);
|
|
1839
|
+
color: var(--ax-text-neutral-subtle);
|
|
1865
1840
|
}
|
|
1866
1841
|
|
|
1867
1842
|
.navds-fieldset > .navds-fieldset__description:not(:empty) {
|
|
@@ -1902,10 +1877,10 @@
|
|
|
1902
1877
|
text-align: center;
|
|
1903
1878
|
width: 100%;
|
|
1904
1879
|
padding: var(--ax-space-16) var(--ax-space-20);
|
|
1905
|
-
border: 1px dashed var(--ax-border-
|
|
1880
|
+
border: 1px dashed var(--ax-border-neutral);
|
|
1906
1881
|
border-radius: var(--ax-border-radius-xlarge);
|
|
1907
1882
|
background-color: var(--__axc-dropzone-background);
|
|
1908
|
-
color: var(--ax-text-
|
|
1883
|
+
color: var(--ax-text-neutral);
|
|
1909
1884
|
transition: background-color var(--__axc-dropzone-animation-length-short) var(--__axc-dropzone-animation-ease-out);
|
|
1910
1885
|
cursor: pointer;
|
|
1911
1886
|
flex-direction: column;
|
|
@@ -1918,18 +1893,19 @@
|
|
|
1918
1893
|
}
|
|
1919
1894
|
|
|
1920
1895
|
.navds-dropzone__area:hover:not([data-disabled="true"]) > .navds-dropzone__area-button {
|
|
1921
|
-
color: var(--ax-text-accent-strong);
|
|
1922
1896
|
background-color: var(--ax-bg-accent-moderate-hover);
|
|
1923
1897
|
box-shadow: inset 0 0 0 2px var(--ax-bg-accent-strong-hover);
|
|
1924
1898
|
}
|
|
1925
1899
|
|
|
1926
|
-
.navds-dropzone__area:active .navds-dropzone__area-button {
|
|
1900
|
+
.navds-dropzone__area:active:not([data-disabled="true"]) > .navds-dropzone__area-button {
|
|
1927
1901
|
background-color: var(--ax-bg-accent-strong-pressed);
|
|
1928
1902
|
color: var(--ax-text-accent-contrast);
|
|
1929
1903
|
box-shadow: none;
|
|
1930
1904
|
}
|
|
1931
1905
|
|
|
1932
1906
|
.navds-dropzone__area[data-disabled="true"] {
|
|
1907
|
+
--__axc-dropzone-background: var(--ax-bg-neutral-soft);
|
|
1908
|
+
border-color: var(--ax-border-neutral-subtleA);
|
|
1933
1909
|
cursor: default;
|
|
1934
1910
|
}
|
|
1935
1911
|
|
|
@@ -1938,7 +1914,7 @@
|
|
|
1938
1914
|
}
|
|
1939
1915
|
|
|
1940
1916
|
.navds-dropzone--dragging > .navds-dropzone__area:after {
|
|
1941
|
-
color: var(--ax-text-accent
|
|
1917
|
+
color: var(--ax-text-accent);
|
|
1942
1918
|
background-color: var(--ax-bg-accent-moderateA);
|
|
1943
1919
|
content: "";
|
|
1944
1920
|
border: 1px dashed var(--ax-border-accent-strong);
|
|
@@ -1992,7 +1968,7 @@
|
|
|
1992
1968
|
.navds-dropzone__area-release__icon {
|
|
1993
1969
|
padding: var(--__axc-dropzone-icon-padding);
|
|
1994
1970
|
border-radius: var(--ax-border-radius-full);
|
|
1995
|
-
background-color: var(--ax-bg-moderateA);
|
|
1971
|
+
background-color: var(--ax-bg-neutral-moderateA);
|
|
1996
1972
|
transition: background-color .3s var(--__axc-dropzone-animation-ease-out), font-size .3s var(--__axc-dropzone-animation-ease-out);
|
|
1997
1973
|
font-size: 1.5rem;
|
|
1998
1974
|
display: grid;
|
|
@@ -2013,13 +1989,13 @@
|
|
|
2013
1989
|
}
|
|
2014
1990
|
|
|
2015
1991
|
.navds-dropzone--dragging .navds-dropzone__area-release {
|
|
2016
|
-
color: var(--ax-text-accent-
|
|
1992
|
+
color: var(--ax-text-accent-subtle);
|
|
2017
1993
|
top: 50%;
|
|
2018
1994
|
transform: translateY(-50%);
|
|
2019
1995
|
}
|
|
2020
1996
|
|
|
2021
1997
|
.navds-dropzone__area-disabled {
|
|
2022
|
-
color: var(--ax-text-subtle);
|
|
1998
|
+
color: var(--ax-text-neutral-subtle);
|
|
2023
1999
|
align-items: center;
|
|
2024
2000
|
gap: var(--ax-space-8);
|
|
2025
2001
|
flex-direction: column;
|
|
@@ -2034,7 +2010,7 @@
|
|
|
2034
2010
|
|
|
2035
2011
|
.navds-file-item__inner {
|
|
2036
2012
|
background-color: var(--ax-bg-raised);
|
|
2037
|
-
border: 1px solid var(--ax-border-subtleA);
|
|
2013
|
+
border: 1px solid var(--ax-border-neutral-subtleA);
|
|
2038
2014
|
outline-offset: -1px;
|
|
2039
2015
|
border-radius: var(--ax-border-radius-xlarge);
|
|
2040
2016
|
padding: var(--ax-space-12) var(--ax-space-16);
|
|
@@ -2049,8 +2025,8 @@
|
|
|
2049
2025
|
}
|
|
2050
2026
|
|
|
2051
2027
|
.navds-file-item__icon {
|
|
2052
|
-
background-color: var(--ax-bg-moderateA);
|
|
2053
|
-
color: var(--ax-text-
|
|
2028
|
+
background-color: var(--ax-bg-neutral-moderateA);
|
|
2029
|
+
color: var(--ax-text-neutral);
|
|
2054
2030
|
border-radius: var(--ax-border-radius-full);
|
|
2055
2031
|
min-width: 2.5rem;
|
|
2056
2032
|
min-height: 2.5rem;
|
|
@@ -2078,7 +2054,6 @@
|
|
|
2078
2054
|
}
|
|
2079
2055
|
|
|
2080
2056
|
.navds-file-item__error {
|
|
2081
|
-
color: var(--ax-text-danger);
|
|
2082
2057
|
grid-template-rows: 0fr;
|
|
2083
2058
|
transition-property: grid-template-rows, padding-top;
|
|
2084
2059
|
transition-duration: .25s;
|
|
@@ -2087,23 +2062,11 @@
|
|
|
2087
2062
|
overflow: hidden;
|
|
2088
2063
|
}
|
|
2089
2064
|
|
|
2090
|
-
.navds-file-
|
|
2065
|
+
.navds-file-item--error .navds-file-item__error {
|
|
2091
2066
|
padding-top: var(--ax-space-4);
|
|
2092
2067
|
grid-template-rows: 1fr;
|
|
2093
2068
|
}
|
|
2094
2069
|
|
|
2095
|
-
.navds-file-item__error-content {
|
|
2096
|
-
gap: var(--ax-space-4);
|
|
2097
|
-
min-height: 0;
|
|
2098
|
-
display: flex;
|
|
2099
|
-
}
|
|
2100
|
-
|
|
2101
|
-
.navds-file-item__error-content > svg {
|
|
2102
|
-
flex-shrink: 0;
|
|
2103
|
-
height: 1rem;
|
|
2104
|
-
margin-top: .1rem;
|
|
2105
|
-
}
|
|
2106
|
-
|
|
2107
2070
|
.navds-form-field {
|
|
2108
2071
|
justify-items: start;
|
|
2109
2072
|
gap: var(--ax-space-8);
|
|
@@ -2111,7 +2074,7 @@
|
|
|
2111
2074
|
}
|
|
2112
2075
|
|
|
2113
2076
|
.navds-form-field__description {
|
|
2114
|
-
color: var(--ax-text-subtle);
|
|
2077
|
+
color: var(--ax-text-neutral-subtle);
|
|
2115
2078
|
margin-top: -.375rem;
|
|
2116
2079
|
}
|
|
2117
2080
|
|
|
@@ -2125,7 +2088,7 @@
|
|
|
2125
2088
|
}
|
|
2126
2089
|
|
|
2127
2090
|
.navds-form-field__subdescription {
|
|
2128
|
-
color: var(--ax-text-subtle);
|
|
2091
|
+
color: var(--ax-text-neutral-subtle);
|
|
2129
2092
|
}
|
|
2130
2093
|
|
|
2131
2094
|
.navds-form-field--readonly > :where(.navds-form-field__label) {
|
|
@@ -2150,16 +2113,16 @@
|
|
|
2150
2113
|
padding: var(--ax-space-16) var(--ax-space-20);
|
|
2151
2114
|
border: 4px solid var(--ax-border-danger);
|
|
2152
2115
|
border-radius: var(--ax-border-radius-xlarge);
|
|
2153
|
-
outline-offset:
|
|
2116
|
+
outline-offset: 3px;
|
|
2154
2117
|
}
|
|
2155
2118
|
|
|
2156
2119
|
.navds-error-summary:focus-visible, .navds-error-summary:has(.navds-error-summary__heading:focus-visible) {
|
|
2157
|
-
outline:
|
|
2120
|
+
outline: 3px solid var(--ax-border-focus);
|
|
2158
2121
|
}
|
|
2159
2122
|
|
|
2160
2123
|
@supports not selector(:focus-visible) {
|
|
2161
2124
|
.navds-error-summary:focus {
|
|
2162
|
-
outline:
|
|
2125
|
+
outline: 3px solid var(--ax-border-focus);
|
|
2163
2126
|
}
|
|
2164
2127
|
}
|
|
2165
2128
|
|
|
@@ -2269,8 +2232,8 @@
|
|
|
2269
2232
|
padding: var(--ax-space-12) 0;
|
|
2270
2233
|
cursor: pointer;
|
|
2271
2234
|
gap: var(--ax-space-8);
|
|
2272
|
-
--__axc-radio-checkbox-readonly-bg: var(--ax-bg-moderate);
|
|
2273
|
-
--__axc-radio-checkbox-readonly-border: var(--ax-border-subtle);
|
|
2235
|
+
--__axc-radio-checkbox-readonly-bg: var(--ax-bg-neutral-moderate);
|
|
2236
|
+
--__axc-radio-checkbox-readonly-border: var(--ax-border-neutral-subtle);
|
|
2274
2237
|
display: flex;
|
|
2275
2238
|
}
|
|
2276
2239
|
|
|
@@ -2278,7 +2241,7 @@
|
|
|
2278
2241
|
content: "";
|
|
2279
2242
|
border-radius: var(--ax-border-radius-medium);
|
|
2280
2243
|
background-color: var(--ax-bg-input);
|
|
2281
|
-
border: 2px solid var(--ax-border-
|
|
2244
|
+
border: 2px solid var(--ax-border-neutral);
|
|
2282
2245
|
flex-shrink: 0;
|
|
2283
2246
|
width: 1.5rem;
|
|
2284
2247
|
height: 1.5rem;
|
|
@@ -2310,25 +2273,40 @@
|
|
|
2310
2273
|
height: 1.25rem;
|
|
2311
2274
|
}
|
|
2312
2275
|
|
|
2313
|
-
.navds-checkbox__input:focus + .navds-checkbox__label:
|
|
2314
|
-
|
|
2315
|
-
|
|
2276
|
+
.navds-checkbox__input:focus + .navds-checkbox__label:after, .navds-radio__input:focus + .navds-radio__label:after {
|
|
2277
|
+
content: "";
|
|
2278
|
+
width: 100%;
|
|
2279
|
+
height: calc(100% - var(--ax-space-24));
|
|
2280
|
+
border-radius: var(--ax-border-radius-medium);
|
|
2281
|
+
outline: 3px solid var(--ax-border-focus);
|
|
2282
|
+
outline-offset: 3px;
|
|
2283
|
+
pointer-events: none;
|
|
2284
|
+
position: absolute;
|
|
2316
2285
|
}
|
|
2317
2286
|
|
|
2318
|
-
.navds-checkbox__input:
|
|
2319
|
-
|
|
2320
|
-
|
|
2287
|
+
.navds-checkbox--small > .navds-checkbox__input:focus + .navds-checkbox__label:after, .navds-radio--small > .navds-radio__input:focus + .navds-radio__label:after {
|
|
2288
|
+
height: calc(100% - var(--ax-space-12));
|
|
2289
|
+
}
|
|
2290
|
+
|
|
2291
|
+
.navds-checkbox__icon-indeterminate {
|
|
2292
|
+
display: none;
|
|
2293
|
+
}
|
|
2294
|
+
|
|
2295
|
+
.navds-checkbox__input:indeterminate + .navds-checkbox__label > .navds-checkbox__icon-indeterminate {
|
|
2321
2296
|
background-color: var(--ax-bg-default);
|
|
2322
|
-
border-radius: 1px;
|
|
2323
|
-
flex-shrink: 0;
|
|
2324
2297
|
width: .75rem;
|
|
2325
2298
|
height: .25rem;
|
|
2299
|
+
transform: translate(var(--ax-space-6), -50%);
|
|
2300
|
+
pointer-events: none;
|
|
2301
|
+
border-radius: 1px;
|
|
2302
|
+
display: block;
|
|
2326
2303
|
position: absolute;
|
|
2327
2304
|
top: 50%;
|
|
2328
2305
|
}
|
|
2329
2306
|
|
|
2330
|
-
.navds-checkbox--small .navds-checkbox__input:indeterminate + .navds-checkbox__label
|
|
2331
|
-
transform: translate(
|
|
2307
|
+
.navds-checkbox--small .navds-checkbox__input:indeterminate + .navds-checkbox__label > .navds-checkbox__icon-indeterminate {
|
|
2308
|
+
transform: translate(var(--ax-space-4), -50%);
|
|
2309
|
+
height: .1875rem;
|
|
2332
2310
|
}
|
|
2333
2311
|
|
|
2334
2312
|
.navds-checkbox__input:where(:checked, :indeterminate) + .navds-checkbox__label:before {
|
|
@@ -2377,8 +2355,8 @@
|
|
|
2377
2355
|
border-width: 6px;
|
|
2378
2356
|
}
|
|
2379
2357
|
|
|
2380
|
-
.navds-checkbox__input:hover:not(:disabled) + .navds-checkbox__label, .navds-radio__input:hover:not(:disabled) + .navds-radio__label {
|
|
2381
|
-
color: var(--ax-text-accent);
|
|
2358
|
+
.navds-checkbox__input:hover:not(:disabled) + .navds-checkbox__label, .navds-radio__input:hover:not(:disabled, :checked) + .navds-radio__label {
|
|
2359
|
+
color: var(--ax-text-accent-subtle);
|
|
2382
2360
|
}
|
|
2383
2361
|
|
|
2384
2362
|
.navds-checkbox__input:hover:not(:disabled, :checked, :indeterminate) + .navds-checkbox__label:before, .navds-radio__input:hover:not(:disabled, :checked) + .navds-radio__label:before {
|
|
@@ -2420,7 +2398,7 @@
|
|
|
2420
2398
|
}
|
|
2421
2399
|
|
|
2422
2400
|
.navds-checkbox--readonly > .navds-checkbox__input:hover + .navds-checkbox__label, .navds-radio--readonly > .navds-radio__input:hover + .navds-radio__label {
|
|
2423
|
-
color: var(--ax-text-
|
|
2401
|
+
color: var(--ax-text-neutral);
|
|
2424
2402
|
}
|
|
2425
2403
|
|
|
2426
2404
|
.navds-checkbox--readonly > .navds-checkbox__input:not(:disabled) + .navds-checkbox__label:before, .navds-checkbox--readonly > .navds-checkbox__input:hover .navds-checkbox__label:before, .navds-radio--readonly > .navds-radio__input:not(:disabled, :checked) + .navds-radio__label:before, .navds-radio--readonly > .navds-radio__input:hover:not(:checked, :focus) + .navds-radio__label:before {
|
|
@@ -2434,17 +2412,17 @@
|
|
|
2434
2412
|
}
|
|
2435
2413
|
|
|
2436
2414
|
.navds-checkbox--readonly > .navds-checkbox__input:checked + .navds-checkbox__label > .navds-checkbox__icon {
|
|
2437
|
-
color: var(--ax-text-subtle);
|
|
2415
|
+
color: var(--ax-text-neutral-subtle);
|
|
2438
2416
|
}
|
|
2439
2417
|
|
|
2440
2418
|
.navds-radio--readonly > .navds-radio__input:checked + .navds-radio__label:before {
|
|
2441
|
-
background-color: var(--ax-bg-strong);
|
|
2442
|
-
box-shadow: inset 0 0 0 2px var(--ax-border-subtle), inset 0 0 0 8px var(--ax-bg-moderate);
|
|
2419
|
+
background-color: var(--ax-bg-neutral-strong);
|
|
2420
|
+
box-shadow: inset 0 0 0 2px var(--ax-border-neutral-subtle), inset 0 0 0 8px var(--ax-bg-neutral-moderate);
|
|
2443
2421
|
border-width: 0;
|
|
2444
2422
|
}
|
|
2445
2423
|
|
|
2446
|
-
.navds-checkbox--readonly > .navds-checkbox__input:indeterminate + .navds-checkbox__label
|
|
2447
|
-
background-color: var(--ax-text-subtle);
|
|
2424
|
+
.navds-checkbox--readonly > .navds-checkbox__input:indeterminate + .navds-checkbox__label > .navds-checkbox__icon-indeterminate {
|
|
2425
|
+
background-color: var(--ax-text-neutral-subtle);
|
|
2448
2426
|
}
|
|
2449
2427
|
|
|
2450
2428
|
@media (forced-colors: active) {
|
|
@@ -2464,7 +2442,7 @@
|
|
|
2464
2442
|
color: var(--__axc-radio-checkbox-high-contrast-text);
|
|
2465
2443
|
}
|
|
2466
2444
|
|
|
2467
|
-
.navds-checkbox__input:indeterminate + .navds-checkbox__label
|
|
2445
|
+
.navds-checkbox__input:indeterminate + .navds-checkbox__label > .navds-checkbox__icon-indeterminate {
|
|
2468
2446
|
background-color: var(--__axc-radio-checkbox-high-contrast-text);
|
|
2469
2447
|
}
|
|
2470
2448
|
|
|
@@ -2481,7 +2459,7 @@
|
|
|
2481
2459
|
background-color: var(--__axc-radio-checkbox-high-contrast-bg);
|
|
2482
2460
|
}
|
|
2483
2461
|
|
|
2484
|
-
.navds-checkbox--readonly > .navds-checkbox__input:indeterminate + .navds-checkbox__label
|
|
2462
|
+
.navds-checkbox--readonly > .navds-checkbox__input:indeterminate + .navds-checkbox__label > .navds-checkbox__icon-indeterminate {
|
|
2485
2463
|
background-color: var(--__axc-radio-checkbox-high-contrast-text);
|
|
2486
2464
|
}
|
|
2487
2465
|
|
|
@@ -2503,9 +2481,9 @@
|
|
|
2503
2481
|
.navds-select__input {
|
|
2504
2482
|
appearance: none;
|
|
2505
2483
|
background-color: var(--ax-bg-input);
|
|
2506
|
-
border-radius: var(--ax-border-radius-
|
|
2507
|
-
border: 1px solid var(--ax-border-
|
|
2508
|
-
color: var(--ax-text-
|
|
2484
|
+
border-radius: var(--ax-border-radius-large);
|
|
2485
|
+
border: 1px solid var(--ax-border-neutral);
|
|
2486
|
+
color: var(--ax-text-neutral);
|
|
2509
2487
|
box-sizing: border-box;
|
|
2510
2488
|
width: 100%;
|
|
2511
2489
|
min-height: 3rem;
|
|
@@ -2521,8 +2499,8 @@
|
|
|
2521
2499
|
}
|
|
2522
2500
|
|
|
2523
2501
|
.navds-select__input:focus {
|
|
2524
|
-
outline:
|
|
2525
|
-
outline-offset:
|
|
2502
|
+
outline: 3px solid var(--ax-border-focus);
|
|
2503
|
+
outline-offset: 3px;
|
|
2526
2504
|
border-color: var(--ax-border-accent-strong);
|
|
2527
2505
|
}
|
|
2528
2506
|
|
|
@@ -2536,7 +2514,7 @@
|
|
|
2536
2514
|
|
|
2537
2515
|
.navds-select__container {
|
|
2538
2516
|
width: 100%;
|
|
2539
|
-
color: var(--ax-text-
|
|
2517
|
+
color: var(--ax-text-neutral);
|
|
2540
2518
|
display: flex;
|
|
2541
2519
|
position: relative;
|
|
2542
2520
|
}
|
|
@@ -2544,7 +2522,7 @@
|
|
|
2544
2522
|
.navds-select__chevron {
|
|
2545
2523
|
right: var(--ax-space-8);
|
|
2546
2524
|
pointer-events: none;
|
|
2547
|
-
color: var(--ax-text-
|
|
2525
|
+
color: var(--ax-text-neutral);
|
|
2548
2526
|
align-self: center;
|
|
2549
2527
|
font-size: 1.5rem;
|
|
2550
2528
|
position: absolute;
|
|
@@ -2568,15 +2546,15 @@
|
|
|
2568
2546
|
|
|
2569
2547
|
.navds-select__input:disabled {
|
|
2570
2548
|
background-color: var(--ax-bg-input);
|
|
2571
|
-
border: 1px solid var(--ax-border-
|
|
2549
|
+
border: 1px solid var(--ax-border-neutral);
|
|
2572
2550
|
box-shadow: none;
|
|
2573
2551
|
cursor: not-allowed;
|
|
2574
2552
|
opacity: 1;
|
|
2575
|
-
color: var(--ax-text-
|
|
2553
|
+
color: var(--ax-text-neutral);
|
|
2576
2554
|
}
|
|
2577
2555
|
|
|
2578
2556
|
.navds-select__input:disabled > option {
|
|
2579
|
-
color: var(--ax-text-
|
|
2557
|
+
color: var(--ax-text-neutral);
|
|
2580
2558
|
}
|
|
2581
2559
|
|
|
2582
2560
|
@media (forced-colors: active) {
|
|
@@ -2586,8 +2564,8 @@
|
|
|
2586
2564
|
}
|
|
2587
2565
|
|
|
2588
2566
|
.navds-select--readonly .navds-select__input {
|
|
2589
|
-
background-color: var(--ax-bg-moderate);
|
|
2590
|
-
border-color: var(--ax-border-subtleA);
|
|
2567
|
+
background-color: var(--ax-bg-neutral-moderate);
|
|
2568
|
+
border-color: var(--ax-border-neutral-subtleA);
|
|
2591
2569
|
cursor: default;
|
|
2592
2570
|
}
|
|
2593
2571
|
|
|
@@ -2600,7 +2578,7 @@
|
|
|
2600
2578
|
}
|
|
2601
2579
|
|
|
2602
2580
|
.navds-select--readonly .navds-select__chevron {
|
|
2603
|
-
color: var(--ax-text-subtle);
|
|
2581
|
+
color: var(--ax-text-neutral-subtle);
|
|
2604
2582
|
}
|
|
2605
2583
|
|
|
2606
2584
|
.navds-switch {
|
|
@@ -2630,34 +2608,48 @@
|
|
|
2630
2608
|
|
|
2631
2609
|
.navds-switch__label-wrapper {
|
|
2632
2610
|
cursor: pointer;
|
|
2633
|
-
color: var(--ax-text-
|
|
2611
|
+
color: var(--ax-text-neutral);
|
|
2634
2612
|
}
|
|
2635
2613
|
|
|
2636
2614
|
.navds-switch__content {
|
|
2615
|
+
--__axc-switch-block-padding: .75rem;
|
|
2616
|
+
gap: var(--ax-space-2);
|
|
2617
|
+
padding: var(--__axc-switch-block-padding) 0 var(--__axc-switch-block-padding) 3.25rem;
|
|
2637
2618
|
flex-direction: column;
|
|
2638
|
-
gap: .125rem;
|
|
2639
|
-
padding: .75rem 0 .75rem 3.25rem;
|
|
2640
2619
|
display: flex;
|
|
2620
|
+
position: relative;
|
|
2641
2621
|
}
|
|
2642
2622
|
|
|
2643
2623
|
.navds-switch--right .navds-switch__content {
|
|
2644
|
-
padding:
|
|
2624
|
+
padding: var(--__axc-switch-block-padding) 3.25rem var(--__axc-switch-block-padding) 0;
|
|
2645
2625
|
}
|
|
2646
2626
|
|
|
2647
2627
|
.navds-switch--small .navds-switch__content {
|
|
2648
|
-
|
|
2628
|
+
--__axc-switch-block-padding: .375rem;
|
|
2649
2629
|
}
|
|
2650
2630
|
|
|
2651
|
-
.navds-
|
|
2652
|
-
padding:
|
|
2631
|
+
.navds-switch__content.navds-switch--with-description {
|
|
2632
|
+
padding-bottom: 0;
|
|
2653
2633
|
}
|
|
2654
2634
|
|
|
2655
|
-
.navds-
|
|
2656
|
-
|
|
2635
|
+
.navds-switch__input:focus ~ .navds-switch__label-wrapper > .navds-switch__content:after {
|
|
2636
|
+
content: "";
|
|
2637
|
+
width: 100%;
|
|
2638
|
+
height: calc(100% - var(--__axc-switch-block-padding) * 2);
|
|
2639
|
+
border-radius: var(--ax-border-radius-medium);
|
|
2640
|
+
outline: 3px solid var(--ax-border-focus);
|
|
2641
|
+
outline-offset: 3px;
|
|
2642
|
+
pointer-events: none;
|
|
2643
|
+
position: absolute;
|
|
2644
|
+
left: 0;
|
|
2645
|
+
}
|
|
2646
|
+
|
|
2647
|
+
.navds-switch__input:focus ~ .navds-switch__label-wrapper > .navds-switch__content.navds-switch--with-description:after {
|
|
2648
|
+
height: calc(100% - var(--__axc-switch-block-padding) * 1);
|
|
2657
2649
|
}
|
|
2658
2650
|
|
|
2659
2651
|
.navds-switch__input:hover ~ .navds-switch__label-wrapper, .navds-switch__label-wrapper:hover {
|
|
2660
|
-
color: var(--ax-text-accent);
|
|
2652
|
+
color: var(--ax-text-accent-subtle);
|
|
2661
2653
|
}
|
|
2662
2654
|
|
|
2663
2655
|
.navds-switch__input:disabled:hover ~ .navds-switch__label-wrapper {
|
|
@@ -2670,7 +2662,7 @@
|
|
|
2670
2662
|
height: 1.5rem;
|
|
2671
2663
|
top: var(--ax-space-12);
|
|
2672
2664
|
border-radius: var(--ax-border-radius-full);
|
|
2673
|
-
border: 2px solid var(--ax-border-
|
|
2665
|
+
border: 2px solid var(--ax-border-neutral);
|
|
2674
2666
|
transition-property: background-color, border-color;
|
|
2675
2667
|
transition-duration: .1s;
|
|
2676
2668
|
transition-timing-function: cubic-bezier(.4, 0, .2, 1);
|
|
@@ -2694,7 +2686,7 @@
|
|
|
2694
2686
|
|
|
2695
2687
|
.navds-switch__input:disabled ~ .navds-switch__track {
|
|
2696
2688
|
background-color: var(--ax-bg-input);
|
|
2697
|
-
border-color: var(--ax-border-
|
|
2689
|
+
border-color: var(--ax-border-neutral);
|
|
2698
2690
|
}
|
|
2699
2691
|
|
|
2700
2692
|
.navds-switch__input:checked:disabled ~ .navds-switch__track {
|
|
@@ -2702,13 +2694,13 @@
|
|
|
2702
2694
|
border-color: var(--ax-bg-accent-strong-pressed);
|
|
2703
2695
|
}
|
|
2704
2696
|
|
|
2705
|
-
.navds-switch__input:focus
|
|
2706
|
-
outline:
|
|
2707
|
-
outline-offset:
|
|
2697
|
+
.navds-switch--standalone > .navds-switch__input:focus ~ .navds-switch__track {
|
|
2698
|
+
outline: 3px solid var(--ax-border-focus);
|
|
2699
|
+
outline-offset: 3px;
|
|
2708
2700
|
}
|
|
2709
2701
|
|
|
2710
2702
|
.navds-switch__thumb {
|
|
2711
|
-
background-color: var(--ax-bg-strong);
|
|
2703
|
+
background-color: var(--ax-bg-neutral-strong);
|
|
2712
2704
|
border-radius: var(--ax-border-radius-full);
|
|
2713
2705
|
justify-content: center;
|
|
2714
2706
|
align-items: center;
|
|
@@ -2724,7 +2716,7 @@
|
|
|
2724
2716
|
|
|
2725
2717
|
.navds-switch__input:checked ~ .navds-switch__track > .navds-switch__thumb {
|
|
2726
2718
|
background-color: var(--ax-bg-raised);
|
|
2727
|
-
color: var(--ax-text-accent);
|
|
2719
|
+
color: var(--ax-text-accent-subtle);
|
|
2728
2720
|
width: 1.25rem;
|
|
2729
2721
|
height: 1.25rem;
|
|
2730
2722
|
top: 0;
|
|
@@ -2775,8 +2767,8 @@
|
|
|
2775
2767
|
}
|
|
2776
2768
|
|
|
2777
2769
|
.navds-switch--readonly > .navds-switch__track, .navds-switch--readonly > .navds-switch__input:hover ~ .navds-switch__track, .navds-switch--readonly > .navds-switch__input:checked ~ .navds-switch__track, .navds-switch--readonly > .navds-switch__input:checked:hover ~ .navds-switch__track {
|
|
2778
|
-
background-color: var(--ax-bg-moderate);
|
|
2779
|
-
border-color: var(--ax-border-subtleA);
|
|
2770
|
+
background-color: var(--ax-bg-neutral-moderate);
|
|
2771
|
+
border-color: var(--ax-border-neutral-subtleA);
|
|
2780
2772
|
}
|
|
2781
2773
|
|
|
2782
2774
|
.navds-switch--readonly > .navds-switch__label-wrapper, .navds-switch--readonly > .navds-switch__input {
|
|
@@ -2784,7 +2776,7 @@
|
|
|
2784
2776
|
}
|
|
2785
2777
|
|
|
2786
2778
|
.navds-switch--readonly > .navds-switch__input:hover ~ .navds-switch__label-wrapper, .navds-switch--readonly .navds-switch__label-wrapper:hover {
|
|
2787
|
-
color: var(--ax-text-
|
|
2779
|
+
color: var(--ax-text-neutral);
|
|
2788
2780
|
}
|
|
2789
2781
|
|
|
2790
2782
|
.navds-switch--readonly .navds-switch__label {
|
|
@@ -2792,12 +2784,12 @@
|
|
|
2792
2784
|
}
|
|
2793
2785
|
|
|
2794
2786
|
.navds-switch--readonly .navds-switch__thumb {
|
|
2795
|
-
background-color: var(--ax-bg-strong);
|
|
2787
|
+
background-color: var(--ax-bg-neutral-strong);
|
|
2796
2788
|
}
|
|
2797
2789
|
|
|
2798
2790
|
.navds-switch--readonly > .navds-switch__input:checked ~ .navds-switch__track > .navds-switch__thumb {
|
|
2799
|
-
background-color: var(--ax-bg-strong);
|
|
2800
|
-
color: var(--ax-text-contrast);
|
|
2791
|
+
background-color: var(--ax-bg-neutral-strong);
|
|
2792
|
+
color: var(--ax-text-neutral-contrast);
|
|
2801
2793
|
}
|
|
2802
2794
|
|
|
2803
2795
|
@media (hover: hover) and (pointer: fine) {
|
|
@@ -2823,9 +2815,8 @@
|
|
|
2823
2815
|
color: field;
|
|
2824
2816
|
}
|
|
2825
2817
|
|
|
2826
|
-
.navds-switch__input:focus-
|
|
2827
|
-
outline
|
|
2828
|
-
outline: 2px solid highlight;
|
|
2818
|
+
.navds-switch__input:focus ~ .navds-switch__label-wrapper > .navds-switch__content:after, .navds-switch--standalone > .navds-switch__input:focus ~ .navds-switch__track {
|
|
2819
|
+
outline: 3px solid highlight;
|
|
2829
2820
|
}
|
|
2830
2821
|
|
|
2831
2822
|
.navds-switch--disabled:not(.navds-switch--loading) {
|
|
@@ -2833,7 +2824,7 @@
|
|
|
2833
2824
|
}
|
|
2834
2825
|
|
|
2835
2826
|
.navds-switch--disabled:not(.navds-switch--loading) .navds-switch__thumb {
|
|
2836
|
-
background-color: graytext;
|
|
2827
|
+
background-color: graytext !important;
|
|
2837
2828
|
}
|
|
2838
2829
|
|
|
2839
2830
|
.navds-switch--disabled:not(.navds-switch--loading) .navds-switch__track {
|
|
@@ -2849,11 +2840,11 @@
|
|
|
2849
2840
|
appearance: none;
|
|
2850
2841
|
padding: var(--ax-space-8);
|
|
2851
2842
|
background: var(--ax-bg-input);
|
|
2852
|
-
border-radius: var(--ax-border-radius-
|
|
2853
|
-
border: 1px solid var(--ax-border-
|
|
2843
|
+
border-radius: var(--ax-border-radius-large);
|
|
2844
|
+
border: 1px solid var(--ax-border-neutral);
|
|
2854
2845
|
width: 100%;
|
|
2855
2846
|
min-height: 3rem;
|
|
2856
|
-
color: var(--ax-text-
|
|
2847
|
+
color: var(--ax-text-neutral);
|
|
2857
2848
|
}
|
|
2858
2849
|
|
|
2859
2850
|
.navds-text-field__input:hover {
|
|
@@ -2862,18 +2853,18 @@
|
|
|
2862
2853
|
|
|
2863
2854
|
.navds-text-field__input:focus-visible {
|
|
2864
2855
|
border-color: var(--ax-border-accent-strong);
|
|
2865
|
-
outline:
|
|
2866
|
-
outline-offset:
|
|
2856
|
+
outline: 3px solid var(--ax-border-focus);
|
|
2857
|
+
outline-offset: 3px;
|
|
2867
2858
|
}
|
|
2868
2859
|
|
|
2869
2860
|
.navds-text-field__input:disabled {
|
|
2870
2861
|
background-color: var(--ax-bg-input);
|
|
2871
|
-
border-color: var(--ax-border-
|
|
2862
|
+
border-color: var(--ax-border-neutral);
|
|
2872
2863
|
cursor: not-allowed;
|
|
2873
2864
|
}
|
|
2874
2865
|
|
|
2875
2866
|
.navds-text-field__input::placeholder {
|
|
2876
|
-
color: var(--ax-text-subtle);
|
|
2867
|
+
color: var(--ax-text-neutral-subtle);
|
|
2877
2868
|
}
|
|
2878
2869
|
|
|
2879
2870
|
.navds-text-field__input[size] {
|
|
@@ -2891,8 +2882,8 @@
|
|
|
2891
2882
|
}
|
|
2892
2883
|
|
|
2893
2884
|
.navds-text-field--readonly .navds-text-field__input {
|
|
2894
|
-
background-color: var(--ax-bg-moderate);
|
|
2895
|
-
border-color: var(--ax-border-subtleA);
|
|
2885
|
+
background-color: var(--ax-bg-neutral-moderate);
|
|
2886
|
+
border-color: var(--ax-border-neutral-subtleA);
|
|
2896
2887
|
cursor: default;
|
|
2897
2888
|
}
|
|
2898
2889
|
|
|
@@ -2924,16 +2915,16 @@
|
|
|
2924
2915
|
appearance: none;
|
|
2925
2916
|
padding: var(--ax-space-8);
|
|
2926
2917
|
background-color: var(--ax-bg-input);
|
|
2927
|
-
border-radius: var(--ax-border-radius-
|
|
2928
|
-
border: 1px solid var(--ax-border-
|
|
2918
|
+
border-radius: var(--ax-border-radius-large);
|
|
2919
|
+
border: 1px solid var(--ax-border-neutral);
|
|
2929
2920
|
resize: none;
|
|
2930
2921
|
width: 100%;
|
|
2931
|
-
color: var(--ax-text-
|
|
2922
|
+
color: var(--ax-text-neutral);
|
|
2932
2923
|
display: block;
|
|
2933
2924
|
}
|
|
2934
2925
|
|
|
2935
2926
|
.navds-textarea__input::placeholder {
|
|
2936
|
-
color: var(--ax-text-subtle);
|
|
2927
|
+
color: var(--ax-text-neutral-subtle);
|
|
2937
2928
|
}
|
|
2938
2929
|
|
|
2939
2930
|
.navds-textarea__input:hover {
|
|
@@ -2941,14 +2932,14 @@
|
|
|
2941
2932
|
}
|
|
2942
2933
|
|
|
2943
2934
|
.navds-textarea__input:focus-visible {
|
|
2944
|
-
outline:
|
|
2945
|
-
outline-offset:
|
|
2935
|
+
outline: 3px solid var(--ax-border-focus);
|
|
2936
|
+
outline-offset: 3px;
|
|
2946
2937
|
border-color: var(--ax-border-accent-strong);
|
|
2947
2938
|
}
|
|
2948
2939
|
|
|
2949
2940
|
.navds-textarea__input:disabled {
|
|
2950
2941
|
background-color: var(--ax-bg-input);
|
|
2951
|
-
border-color: var(--ax-border-
|
|
2942
|
+
border-color: var(--ax-border-neutral);
|
|
2952
2943
|
cursor: not-allowed;
|
|
2953
2944
|
}
|
|
2954
2945
|
|
|
@@ -2957,18 +2948,18 @@
|
|
|
2957
2948
|
}
|
|
2958
2949
|
|
|
2959
2950
|
.navds-textarea--readonly .navds-textarea__input {
|
|
2960
|
-
background-color: var(--ax-bg-moderate);
|
|
2961
|
-
border-color: var(--ax-border-subtleA);
|
|
2951
|
+
background-color: var(--ax-bg-neutral-moderate);
|
|
2952
|
+
border-color: var(--ax-border-neutral-subtleA);
|
|
2962
2953
|
cursor: default;
|
|
2963
2954
|
}
|
|
2964
2955
|
|
|
2965
2956
|
.navds-textarea__counter {
|
|
2966
|
-
color: var(--ax-text-subtle);
|
|
2957
|
+
color: var(--ax-text-neutral-subtle);
|
|
2967
2958
|
margin-top: -.25rem;
|
|
2968
2959
|
}
|
|
2969
2960
|
|
|
2970
2961
|
.navds-textarea__counter--error {
|
|
2971
|
-
color: var(--ax-text-danger);
|
|
2962
|
+
color: var(--ax-text-danger-subtle);
|
|
2972
2963
|
}
|
|
2973
2964
|
|
|
2974
2965
|
.navds-textarea__sr-counter {
|
|
@@ -3038,14 +3029,14 @@
|
|
|
3038
3029
|
}
|
|
3039
3030
|
|
|
3040
3031
|
.navds-search__wrapper {
|
|
3041
|
-
border-radius: var(--ax-border-radius-
|
|
3032
|
+
border-radius: var(--ax-border-radius-large);
|
|
3042
3033
|
align-items: center;
|
|
3043
3034
|
display: inline-flex;
|
|
3044
3035
|
}
|
|
3045
3036
|
|
|
3046
3037
|
.navds-search__wrapper:has(.navds-search__input:focus-visible) {
|
|
3047
|
-
outline:
|
|
3048
|
-
outline-offset:
|
|
3038
|
+
outline: 3px solid var(--ax-border-focus);
|
|
3039
|
+
outline-offset: 3px;
|
|
3049
3040
|
}
|
|
3050
3041
|
|
|
3051
3042
|
.navds-search__input {
|
|
@@ -3105,14 +3096,14 @@
|
|
|
3105
3096
|
|
|
3106
3097
|
.navds-search__button-search {
|
|
3107
3098
|
border-radius: 0;
|
|
3108
|
-
border-top-right-radius: var(--ax-border-radius-
|
|
3109
|
-
border-bottom-right-radius: var(--ax-border-radius-
|
|
3099
|
+
border-top-right-radius: var(--ax-border-radius-large);
|
|
3100
|
+
border-bottom-right-radius: var(--ax-border-radius-large);
|
|
3110
3101
|
flex-shrink: 0;
|
|
3111
3102
|
}
|
|
3112
3103
|
|
|
3113
3104
|
.navds-search__button-search.navds-button--secondary {
|
|
3114
3105
|
--__axc-button-border-width: 1px;
|
|
3115
|
-
--__axc-button-border-color: var(--ax-border-
|
|
3106
|
+
--__axc-button-border-color: var(--ax-border-neutral);
|
|
3116
3107
|
}
|
|
3117
3108
|
|
|
3118
3109
|
.navds-search__button-search.navds-button--secondary:not(:hover, :active) {
|
|
@@ -3123,10 +3114,6 @@
|
|
|
3123
3114
|
--__axc-button-border-color: var(--ax-border-accent-strong);
|
|
3124
3115
|
}
|
|
3125
3116
|
|
|
3126
|
-
.navds-search__button-search.navds-button--secondary:active:not(:disabled) {
|
|
3127
|
-
--__axc-button-border-color: transparent;
|
|
3128
|
-
}
|
|
3129
|
-
|
|
3130
3117
|
.navds-search:not(.navds-search--error, .navds-search--disabled) .navds-search__wrapper:has(.navds-search__input:is(:hover, :focus-visible)) .navds-search__button-search.navds-button--secondary:not(:hover, :active) {
|
|
3131
3118
|
--__axc-button-border-color: var(--ax-border-accent-strong);
|
|
3132
3119
|
}
|
|
@@ -3156,7 +3143,7 @@
|
|
|
3156
3143
|
--__axc-combobox-list-item-padding-inline: var(--ax-space-12);
|
|
3157
3144
|
--__axc-combobox-border-width: 1px;
|
|
3158
3145
|
--__axc-combobox-input-height: 2rem;
|
|
3159
|
-
border-radius: var(--ax-border-radius-
|
|
3146
|
+
border-radius: var(--ax-border-radius-large);
|
|
3160
3147
|
flex-direction: column;
|
|
3161
3148
|
width: 100%;
|
|
3162
3149
|
display: flex;
|
|
@@ -3180,7 +3167,7 @@
|
|
|
3180
3167
|
}
|
|
3181
3168
|
|
|
3182
3169
|
.navds-combobox--disabled .navds-combobox__wrapper:hover {
|
|
3183
|
-
border-color: var(--ax-border-
|
|
3170
|
+
border-color: var(--ax-border-neutral);
|
|
3184
3171
|
}
|
|
3185
3172
|
|
|
3186
3173
|
.navds-combobox--disabled .navds-combobox__wrapper :hover {
|
|
@@ -3196,20 +3183,20 @@
|
|
|
3196
3183
|
}
|
|
3197
3184
|
|
|
3198
3185
|
.navds-combobox--readonly .navds-combobox__selected-options .navds-chips__chip {
|
|
3199
|
-
background-color: var(--ax-bg-moderateA);
|
|
3186
|
+
background-color: var(--ax-bg-neutral-moderateA);
|
|
3200
3187
|
}
|
|
3201
3188
|
|
|
3202
3189
|
.navds-combobox--readonly .navds-combobox__button-toggle-list {
|
|
3203
|
-
color: var(--ax-bg-moderate);
|
|
3190
|
+
color: var(--ax-bg-neutral-moderate);
|
|
3204
3191
|
}
|
|
3205
3192
|
|
|
3206
3193
|
.navds-combobox--readonly .navds-combobox__wrapper {
|
|
3207
|
-
border-color: var(--ax-border-subtle);
|
|
3194
|
+
border-color: var(--ax-border-neutral-subtle);
|
|
3208
3195
|
overflow: clip;
|
|
3209
3196
|
}
|
|
3210
3197
|
|
|
3211
3198
|
.navds-combobox--readonly .navds-text-field__input, .navds-combobox--readonly .navds-combobox__input {
|
|
3212
|
-
background-color: var(--ax-bg-moderate);
|
|
3199
|
+
background-color: var(--ax-bg-neutral-moderate);
|
|
3213
3200
|
}
|
|
3214
3201
|
|
|
3215
3202
|
.navds-combobox__button-toggle-list svg, .navds-combobox__list svg {
|
|
@@ -3218,8 +3205,8 @@
|
|
|
3218
3205
|
}
|
|
3219
3206
|
|
|
3220
3207
|
.navds-combobox__wrapper-inner {
|
|
3221
|
-
border: 1px solid var(--ax-border-
|
|
3222
|
-
border-radius: var(--ax-border-radius-
|
|
3208
|
+
border: 1px solid var(--ax-border-neutral);
|
|
3209
|
+
border-radius: var(--ax-border-radius-large);
|
|
3223
3210
|
}
|
|
3224
3211
|
|
|
3225
3212
|
.navds-combobox__wrapper-inner:has(.navds-combobox__input:focus-visible) {
|
|
@@ -3229,7 +3216,7 @@
|
|
|
3229
3216
|
}
|
|
3230
3217
|
|
|
3231
3218
|
.navds-combobox__wrapper-inner:has(.navds-combobox__input:focus-visible).navds-combobox__wrapper-inner--virtually-unfocused {
|
|
3232
|
-
border-color: var(--ax-border-
|
|
3219
|
+
border-color: var(--ax-border-neutral);
|
|
3233
3220
|
outline: none;
|
|
3234
3221
|
}
|
|
3235
3222
|
|
|
@@ -3258,7 +3245,7 @@
|
|
|
3258
3245
|
}
|
|
3259
3246
|
|
|
3260
3247
|
.navds-combobox--disabled .navds-combobox__wrapper-inner:hover {
|
|
3261
|
-
border-color: var(--ax-border-
|
|
3248
|
+
border-color: var(--ax-border-neutral);
|
|
3262
3249
|
}
|
|
3263
3250
|
|
|
3264
3251
|
.navds-combobox--error .navds-combobox__wrapper-inner {
|
|
@@ -3343,8 +3330,7 @@
|
|
|
3343
3330
|
}
|
|
3344
3331
|
|
|
3345
3332
|
.navds-combobox__button-toggle-list {
|
|
3346
|
-
|
|
3347
|
-
color: var(--ax-text-default);
|
|
3333
|
+
color: var(--ax-text-neutral);
|
|
3348
3334
|
cursor: pointer;
|
|
3349
3335
|
background: none;
|
|
3350
3336
|
border: none;
|
|
@@ -3356,11 +3342,11 @@
|
|
|
3356
3342
|
}
|
|
3357
3343
|
|
|
3358
3344
|
.navds-combobox__button-toggle-list:hover {
|
|
3359
|
-
color: var(--ax-text-accent);
|
|
3345
|
+
color: var(--ax-text-accent-subtle);
|
|
3360
3346
|
}
|
|
3361
3347
|
|
|
3362
3348
|
.navds-combobox__button-toggle-list:hover:active {
|
|
3363
|
-
color: var(--ax-text-accent
|
|
3349
|
+
color: var(--ax-text-accent);
|
|
3364
3350
|
}
|
|
3365
3351
|
|
|
3366
3352
|
.navds-combobox__list {
|
|
@@ -3369,10 +3355,10 @@
|
|
|
3369
3355
|
left: 0;
|
|
3370
3356
|
right: 0;
|
|
3371
3357
|
top: calc(100% + var(--ax-space-8));
|
|
3372
|
-
border: 1px solid var(--ax-border-subtleA);
|
|
3358
|
+
border: 1px solid var(--ax-border-neutral-subtleA);
|
|
3373
3359
|
border-radius: var(--ax-border-radius-large);
|
|
3374
3360
|
background-color: var(--ax-bg-raised);
|
|
3375
|
-
color: var(--ax-text-
|
|
3361
|
+
color: var(--ax-text-neutral);
|
|
3376
3362
|
overscroll-behavior: contain;
|
|
3377
3363
|
box-shadow: var(--ax-shadow-dialog);
|
|
3378
3364
|
flex-direction: column;
|
|
@@ -3392,7 +3378,7 @@
|
|
|
3392
3378
|
.navds-combobox__list-item, .navds-combobox__list-item--loading, .navds-combobox__list-item--no-options, .navds-combobox__list-item--new-option, .navds-combobox__list-item--max-selected {
|
|
3393
3379
|
padding-block: var(--__axc-combobox-list-item-padding-block);
|
|
3394
3380
|
padding-inline: var(--__axc-combobox-list-item-padding-inline);
|
|
3395
|
-
border-radius: var(--ax-border-radius-
|
|
3381
|
+
border-radius: var(--ax-border-radius-large);
|
|
3396
3382
|
margin-inline: var(--ax-space-8);
|
|
3397
3383
|
margin-block: var(--ax-space-2);
|
|
3398
3384
|
border: 0;
|
|
@@ -3412,8 +3398,8 @@
|
|
|
3412
3398
|
}
|
|
3413
3399
|
|
|
3414
3400
|
.navds-combobox__list-item--max-selected {
|
|
3415
|
-
background-color: var(--ax-bg-moderateA);
|
|
3416
|
-
border-bottom: 1px solid var(--ax-border-subtle);
|
|
3401
|
+
background-color: var(--ax-bg-neutral-moderateA);
|
|
3402
|
+
border-bottom: 1px solid var(--ax-border-neutral-subtle);
|
|
3417
3403
|
padding-block: var(--ax-space-8);
|
|
3418
3404
|
line-height: var(--ax-font-line-height-large);
|
|
3419
3405
|
border-radius: 0;
|
|
@@ -3449,12 +3435,12 @@
|
|
|
3449
3435
|
|
|
3450
3436
|
.navds-combobox__list-item mark {
|
|
3451
3437
|
font-weight: var(--ax-font-weight-bold);
|
|
3452
|
-
color: var(--ax-text-
|
|
3438
|
+
color: var(--ax-text-neutral);
|
|
3453
3439
|
background-color: rgba(0, 0, 0, 0);
|
|
3454
3440
|
}
|
|
3455
3441
|
|
|
3456
3442
|
.navds-combobox__list-item svg {
|
|
3457
|
-
color: var(--ax-text-
|
|
3443
|
+
color: var(--ax-text-neutral);
|
|
3458
3444
|
}
|
|
3459
3445
|
|
|
3460
3446
|
.navds-combobox__list-item--selected {
|
|
@@ -3477,7 +3463,7 @@
|
|
|
3477
3463
|
}
|
|
3478
3464
|
|
|
3479
3465
|
.navds-combobox__list-item--new-option svg {
|
|
3480
|
-
color: var(--ax-text-
|
|
3466
|
+
color: var(--ax-text-neutral);
|
|
3481
3467
|
}
|
|
3482
3468
|
|
|
3483
3469
|
.navds-combobox__list-item--new-option:only-child {
|
|
@@ -3576,15 +3562,15 @@
|
|
|
3576
3562
|
}
|
|
3577
3563
|
|
|
3578
3564
|
.navds-form-summary {
|
|
3579
|
-
border: 1px solid var(--ax-border-subtleA);
|
|
3565
|
+
border: 1px solid var(--ax-border-neutral-subtleA);
|
|
3580
3566
|
border-radius: var(--ax-border-radius-xlarge);
|
|
3581
3567
|
background: var(--ax-bg-raised);
|
|
3582
3568
|
overflow: hidden;
|
|
3583
3569
|
}
|
|
3584
3570
|
|
|
3585
3571
|
.navds-form-summary__header {
|
|
3586
|
-
background: var(--ax-bg-moderateA);
|
|
3587
|
-
padding: var(--ax-space-16) var(--ax-space-
|
|
3572
|
+
background: var(--ax-bg-neutral-moderateA);
|
|
3573
|
+
padding: var(--ax-space-20) var(--ax-space-20) var(--ax-space-16) var(--ax-space-20);
|
|
3588
3574
|
justify-content: space-between;
|
|
3589
3575
|
gap: 0 var(--ax-space-12);
|
|
3590
3576
|
display: flex;
|
|
@@ -3592,7 +3578,7 @@
|
|
|
3592
3578
|
|
|
3593
3579
|
@media (max-width: 479px) {
|
|
3594
3580
|
.navds-form-summary__header {
|
|
3595
|
-
padding: var(--ax-space-12) var(--ax-space-16);
|
|
3581
|
+
padding: var(--ax-space-16) var(--ax-space-16) var(--ax-space-12) var(--ax-space-16);
|
|
3596
3582
|
flex-direction: column;
|
|
3597
3583
|
}
|
|
3598
3584
|
}
|
|
@@ -3604,24 +3590,24 @@
|
|
|
3604
3590
|
}
|
|
3605
3591
|
|
|
3606
3592
|
.navds-form-summary > .navds-form-summary__answers {
|
|
3607
|
-
border-top: 1px solid var(--ax-border-subtleA);
|
|
3593
|
+
border-top: 1px solid var(--ax-border-neutral-subtleA);
|
|
3608
3594
|
}
|
|
3609
3595
|
|
|
3610
3596
|
.navds-form-summary__answers {
|
|
3611
|
-
padding: var(--ax-space-16) var(--ax-space-20);
|
|
3597
|
+
padding: var(--ax-space-16) var(--ax-space-20) var(--ax-space-20) var(--ax-space-20);
|
|
3612
3598
|
margin: 0;
|
|
3613
3599
|
}
|
|
3614
3600
|
|
|
3615
3601
|
@media (max-width: 479px) {
|
|
3616
3602
|
.navds-form-summary__answers {
|
|
3617
|
-
padding: var(--ax-space-16);
|
|
3603
|
+
padding: var(--ax-space-12) var(--ax-space-16) var(--ax-space-16) var(--ax-space-16);
|
|
3618
3604
|
}
|
|
3619
3605
|
}
|
|
3620
3606
|
|
|
3621
3607
|
.navds-form-summary__answer:not(:last-child) {
|
|
3622
3608
|
margin-bottom: var(--ax-space-16);
|
|
3623
3609
|
padding-bottom: var(--ax-space-16);
|
|
3624
|
-
border-bottom: 1px solid var(--ax-border-subtleA);
|
|
3610
|
+
border-bottom: 1px solid var(--ax-border-neutral-subtleA);
|
|
3625
3611
|
}
|
|
3626
3612
|
|
|
3627
3613
|
.navds-form-summary__answer:has(.navds-form-summary__answer) {
|
|
@@ -3676,40 +3662,36 @@
|
|
|
3676
3662
|
}
|
|
3677
3663
|
|
|
3678
3664
|
.navds-form-progress__collapsible {
|
|
3665
|
+
visibility: hidden;
|
|
3666
|
+
border: 1px solid var(--ax-border-neutral-subtleA);
|
|
3667
|
+
border-radius: var(--ax-border-radius-xlarge);
|
|
3668
|
+
background: var(--ax-bg-raised);
|
|
3669
|
+
padding-inline: var(--ax-space-20);
|
|
3670
|
+
opacity: .001;
|
|
3679
3671
|
grid-template-rows: 0fr;
|
|
3680
|
-
|
|
3672
|
+
margin-top: -2px;
|
|
3673
|
+
padding-block: 0;
|
|
3674
|
+
transition-property: margin-top, opacity, visibility, padding-block-start, grid-template-rows;
|
|
3675
|
+
transition-duration: 1s;
|
|
3676
|
+
transition-timing-function: cubic-bezier(.2, 0, 0, 1);
|
|
3681
3677
|
display: grid;
|
|
3682
3678
|
overflow: hidden;
|
|
3683
3679
|
}
|
|
3684
3680
|
|
|
3685
3681
|
.navds-form-progress__collapsible[hidden] {
|
|
3686
|
-
display: grid
|
|
3682
|
+
display: grid;
|
|
3687
3683
|
}
|
|
3688
3684
|
|
|
3689
3685
|
.navds-form-progress__collapsible[data-state="open"] {
|
|
3686
|
+
margin-top: var(--ax-space-4);
|
|
3687
|
+
visibility: visible;
|
|
3688
|
+
padding-block: var(--ax-space-16);
|
|
3689
|
+
opacity: 1;
|
|
3690
3690
|
grid-template-rows: 1fr;
|
|
3691
3691
|
}
|
|
3692
3692
|
|
|
3693
3693
|
.navds-form-progress__collapsible-content {
|
|
3694
|
-
opacity: .01;
|
|
3695
|
-
visibility: hidden;
|
|
3696
3694
|
min-height: 0;
|
|
3697
|
-
transition-property: opacity, visibility;
|
|
3698
|
-
transition-duration: .25s;
|
|
3699
|
-
transition-timing-function: cubic-bezier(.2, 0, 0, 1);
|
|
3700
|
-
}
|
|
3701
|
-
|
|
3702
|
-
.navds-form-progress__collapsible[data-state="open"] .navds-form-progress__collapsible-content {
|
|
3703
|
-
visibility: visible;
|
|
3704
|
-
opacity: 1;
|
|
3705
|
-
}
|
|
3706
|
-
|
|
3707
|
-
.navds-form-progress__stepper {
|
|
3708
|
-
border: 1px solid var(--ax-border-subtle);
|
|
3709
|
-
border-radius: var(--ax-border-radius-large);
|
|
3710
|
-
padding: var(--ax-space-16) var(--ax-space-20);
|
|
3711
|
-
margin-top: var(--ax-space-4);
|
|
3712
|
-
background: var(--ax-bg-raised);
|
|
3713
3695
|
}
|
|
3714
3696
|
|
|
3715
3697
|
.navds-accordion__header {
|
|
@@ -3721,7 +3703,7 @@
|
|
|
3721
3703
|
text-align: left;
|
|
3722
3704
|
cursor: pointer;
|
|
3723
3705
|
border-radius: var(--ax-border-radius-large);
|
|
3724
|
-
color: var(--ax-text-accent);
|
|
3706
|
+
color: var(--ax-text-accent-subtle);
|
|
3725
3707
|
background: none;
|
|
3726
3708
|
border: none;
|
|
3727
3709
|
display: flex;
|
|
@@ -3741,7 +3723,7 @@
|
|
|
3741
3723
|
}
|
|
3742
3724
|
|
|
3743
3725
|
.navds-accordion__header:hover {
|
|
3744
|
-
background-color: var(--ax-bg-accent-hoverA);
|
|
3726
|
+
background-color: var(--ax-bg-accent-moderate-hoverA);
|
|
3745
3727
|
}
|
|
3746
3728
|
|
|
3747
3729
|
.navds-accordion__header:hover:before, .navds-accordion__header:hover:after {
|
|
@@ -3762,8 +3744,8 @@
|
|
|
3762
3744
|
}
|
|
3763
3745
|
|
|
3764
3746
|
.navds-accordion__header:focus-visible {
|
|
3765
|
-
outline:
|
|
3766
|
-
outline-offset:
|
|
3747
|
+
outline: 3px solid var(--ax-border-focus);
|
|
3748
|
+
outline-offset: 3px;
|
|
3767
3749
|
z-index: 1;
|
|
3768
3750
|
}
|
|
3769
3751
|
|
|
@@ -3772,12 +3754,12 @@
|
|
|
3772
3754
|
}
|
|
3773
3755
|
|
|
3774
3756
|
.navds-accordion--small .navds-accordion__header {
|
|
3775
|
-
padding-block: var(--
|
|
3757
|
+
padding-block: var(--ax-space-8);
|
|
3776
3758
|
}
|
|
3777
3759
|
|
|
3778
3760
|
.navds-accordion__header:before, .navds-accordion__header:after {
|
|
3779
3761
|
content: "";
|
|
3780
|
-
background-color: var(--ax-border-subtleA);
|
|
3762
|
+
background-color: var(--ax-border-neutral-subtleA);
|
|
3781
3763
|
width: 100%;
|
|
3782
3764
|
height: 1px;
|
|
3783
3765
|
display: block;
|
|
@@ -3787,10 +3769,6 @@
|
|
|
3787
3769
|
right: 0;
|
|
3788
3770
|
}
|
|
3789
3771
|
|
|
3790
|
-
.navds-accordion__item:last-child > .navds-accordion__content {
|
|
3791
|
-
border-bottom: 1px solid rgba(0, 0, 0, 0);
|
|
3792
|
-
}
|
|
3793
|
-
|
|
3794
3772
|
.navds-accordion__header:after {
|
|
3795
3773
|
top: initial;
|
|
3796
3774
|
bottom: 0;
|
|
@@ -3805,7 +3783,7 @@
|
|
|
3805
3783
|
background-color: var(--ax-bg-accent-moderateA);
|
|
3806
3784
|
width: 22px;
|
|
3807
3785
|
height: 22px;
|
|
3808
|
-
color: var(--ax-text-accent);
|
|
3786
|
+
color: var(--ax-text-accent-subtle);
|
|
3809
3787
|
align-self: center;
|
|
3810
3788
|
}
|
|
3811
3789
|
|
|
@@ -3820,68 +3798,59 @@
|
|
|
3820
3798
|
transform: rotateX(-180deg);
|
|
3821
3799
|
}
|
|
3822
3800
|
|
|
3823
|
-
.navds-accordion__content {
|
|
3824
|
-
--
|
|
3825
|
-
padding-inline: var(--ax-space-
|
|
3826
|
-
max-height: 0;
|
|
3827
|
-
transition: all .25s cubic-bezier(.2, 0, 0, 1) allow-discrete;
|
|
3828
|
-
border-color: rgba(0, 0, 0, 0);
|
|
3829
|
-
padding-block: 0;
|
|
3830
|
-
animation: .25s cubic-bezier(.2, 0, 0, 1) navds-accordion-content-animation;
|
|
3831
|
-
display: none;
|
|
3832
|
-
overflow: hidden;
|
|
3833
|
-
}
|
|
3834
|
-
|
|
3835
|
-
.navds-accordion__item--no-animation {
|
|
3836
|
-
animation: none;
|
|
3801
|
+
.navds-accordion--indent > .navds-accordion__item .navds-accordion__content-inner {
|
|
3802
|
+
padding-block: var(--ax-space-8);
|
|
3803
|
+
padding-inline: calc(var(--ax-space-20) + 2px) var(--ax-space-20);
|
|
3837
3804
|
}
|
|
3838
3805
|
|
|
3839
|
-
@
|
|
3840
|
-
|
|
3841
|
-
|
|
3842
|
-
}
|
|
3843
|
-
|
|
3844
|
-
20% {
|
|
3845
|
-
opacity: .01;
|
|
3846
|
-
}
|
|
3847
|
-
|
|
3848
|
-
100% {
|
|
3849
|
-
opacity: 1;
|
|
3806
|
+
@media (forced-colors: active) {
|
|
3807
|
+
.navds-accordion--indent > .navds-accordion__item .navds-accordion__content-inner {
|
|
3808
|
+
border-left: 1px solid canvastext;
|
|
3850
3809
|
}
|
|
3851
3810
|
}
|
|
3852
3811
|
|
|
3853
3812
|
.navds-accordion--indent > .navds-accordion__item > .navds-accordion__content {
|
|
3854
|
-
|
|
3813
|
+
box-shadow: -2px 0 0 0 var(--ax-border-neutral-subtleA);
|
|
3855
3814
|
}
|
|
3856
3815
|
|
|
3857
|
-
.navds-
|
|
3858
|
-
|
|
3859
|
-
|
|
3860
|
-
|
|
3816
|
+
.navds-accordion__item > .navds-accordion__content {
|
|
3817
|
+
visibility: hidden;
|
|
3818
|
+
margin-inline: var(--ax-space-24) var(--ax-space-12);
|
|
3819
|
+
opacity: 0;
|
|
3820
|
+
border-color: rgba(0, 0, 0, 0);
|
|
3821
|
+
grid-template-rows: 0fr;
|
|
3822
|
+
margin-block: 0;
|
|
3823
|
+
transition-property: visibility, opacity, grid-template-rows, margin, min-height;
|
|
3824
|
+
transition-duration: .25s;
|
|
3825
|
+
transition-timing-function: cubic-bezier(.2, 0, 0, 1);
|
|
3826
|
+
display: grid;
|
|
3827
|
+
overflow: hidden;
|
|
3861
3828
|
}
|
|
3862
3829
|
|
|
3863
|
-
|
|
3864
|
-
|
|
3865
|
-
|
|
3866
|
-
}
|
|
3830
|
+
.navds-accordion__item > .navds-accordion__content .navds-accordion__content-inner {
|
|
3831
|
+
min-height: 0;
|
|
3832
|
+
padding-block: 0;
|
|
3867
3833
|
}
|
|
3868
3834
|
|
|
3869
3835
|
.navds-accordion__item[data-expanded="true"] > .navds-accordion__content {
|
|
3836
|
+
visibility: visible;
|
|
3837
|
+
margin-block: var(--ax-space-8);
|
|
3838
|
+
border-color: var(--ax-border-neutral-subtleA);
|
|
3870
3839
|
opacity: 1;
|
|
3871
|
-
|
|
3872
|
-
|
|
3873
|
-
border-color: var(--ax-border-subtleA);
|
|
3874
|
-
padding-block-end: var(--ax-space-24);
|
|
3875
|
-
display: block;
|
|
3876
|
-
overflow: visible;
|
|
3840
|
+
grid-template-rows: 1fr;
|
|
3841
|
+
margin-block-end: var(--ax-space-24);
|
|
3877
3842
|
}
|
|
3878
3843
|
|
|
3879
|
-
|
|
3880
|
-
|
|
3881
|
-
|
|
3882
|
-
|
|
3883
|
-
|
|
3884
|
-
|
|
3844
|
+
.navds-accordion__item[data-expanded="true"] > .navds-accordion__content .navds-accordion__content-inner {
|
|
3845
|
+
min-height: fit-content;
|
|
3846
|
+
}
|
|
3847
|
+
|
|
3848
|
+
.navds-accordion__item[data-expanded="true"]:last-child {
|
|
3849
|
+
border-bottom: 1px solid var(--ax-border-neutral-subtleA);
|
|
3850
|
+
}
|
|
3851
|
+
|
|
3852
|
+
.navds-accordion__item--no-animation > .navds-accordion__content {
|
|
3853
|
+
transition: none;
|
|
3885
3854
|
}
|
|
3886
3855
|
|
|
3887
3856
|
.navds-alert {
|
|
@@ -4011,8 +3980,8 @@
|
|
|
4011
3980
|
.navds-chat__avatar {
|
|
4012
3981
|
background-color: var(--ax-bg-raised);
|
|
4013
3982
|
border-radius: var(--ax-border-radius-full);
|
|
4014
|
-
border: 1px solid var(--ax-border-subtleA);
|
|
4015
|
-
color: var(--ax-text-
|
|
3983
|
+
border: 1px solid var(--ax-border-neutral-subtleA);
|
|
3984
|
+
color: var(--ax-text-neutral);
|
|
4016
3985
|
letter-spacing: .024rem;
|
|
4017
3986
|
flex-shrink: 0;
|
|
4018
3987
|
justify-content: center;
|
|
@@ -4047,7 +4016,7 @@
|
|
|
4047
4016
|
gap: var(--ax-space-8);
|
|
4048
4017
|
border-radius: var(--ax-border-radius-xlarge);
|
|
4049
4018
|
border-bottom-left-radius: var(--ax-border-radius-small);
|
|
4050
|
-
border: 1px solid var(--ax-border-subtleA);
|
|
4019
|
+
border: 1px solid var(--ax-border-neutral-subtleA);
|
|
4051
4020
|
flex-direction: column;
|
|
4052
4021
|
width: fit-content;
|
|
4053
4022
|
display: flex;
|
|
@@ -4062,11 +4031,11 @@
|
|
|
4062
4031
|
}
|
|
4063
4032
|
|
|
4064
4033
|
.navds-chat--neutral .navds-chat__bubble, .navds-chat--neutral .navds-chat__avatar {
|
|
4065
|
-
background-color: var(--ax-bg-moderateA);
|
|
4034
|
+
background-color: var(--ax-bg-neutral-moderateA);
|
|
4066
4035
|
}
|
|
4067
4036
|
|
|
4068
4037
|
.navds-chat__top-text {
|
|
4069
|
-
color: var(--ax-text-
|
|
4038
|
+
color: var(--ax-text-neutral);
|
|
4070
4039
|
gap: var(--ax-space-8);
|
|
4071
4040
|
align-items: baseline;
|
|
4072
4041
|
margin: 0;
|
|
@@ -4090,105 +4059,7 @@
|
|
|
4090
4059
|
align-self: flex-start;
|
|
4091
4060
|
}
|
|
4092
4061
|
|
|
4093
|
-
.navds-copybutton {
|
|
4094
|
-
--__axc-copybutton-padding: var(--ax-space-12) var(--ax-space-20) var(--ax-space-12) var(--ax-space-16);
|
|
4095
|
-
cursor: pointer;
|
|
4096
|
-
border-radius: var(--ax-border-radius-medium);
|
|
4097
|
-
padding: var(--__axc-copybutton-padding);
|
|
4098
|
-
background-color: rgba(0, 0, 0, 0);
|
|
4099
|
-
border: none;
|
|
4100
|
-
place-content: center;
|
|
4101
|
-
margin: 0;
|
|
4102
|
-
text-decoration: none;
|
|
4103
|
-
transition: color .2s cubic-bezier(.05, .7, .1, 1);
|
|
4104
|
-
display: grid;
|
|
4105
|
-
}
|
|
4106
|
-
|
|
4107
|
-
.navds-copybutton.navds-copybutton--icon-only {
|
|
4108
|
-
--__axc-copybutton-padding: var(--ax-space-12);
|
|
4109
|
-
}
|
|
4110
|
-
|
|
4111
|
-
.navds-copybutton.navds-copybutton--icon-right {
|
|
4112
|
-
--__axc-copybutton-padding: var(--ax-space-12) var(--ax-space-16) var(--ax-space-12) var(--ax-space-20);
|
|
4113
|
-
}
|
|
4114
|
-
|
|
4115
|
-
.navds-copybutton:hover {
|
|
4116
|
-
background-color: var(--ax-bg-moderate-hoverA);
|
|
4117
|
-
}
|
|
4118
|
-
|
|
4119
|
-
.navds-copybutton:focus-visible {
|
|
4120
|
-
outline: 2px solid var(--ax-border-focus);
|
|
4121
|
-
outline-offset: 2px;
|
|
4122
|
-
}
|
|
4123
|
-
|
|
4124
|
-
.navds-copybutton:disabled {
|
|
4125
|
-
cursor: not-allowed;
|
|
4126
|
-
opacity: var(--ax-opacity-disabled);
|
|
4127
|
-
}
|
|
4128
|
-
|
|
4129
|
-
.navds-copybutton:disabled:hover {
|
|
4130
|
-
background-color: rgba(0, 0, 0, 0);
|
|
4131
|
-
}
|
|
4132
|
-
|
|
4133
|
-
@media (forced-colors: active) {
|
|
4134
|
-
.navds-copybutton {
|
|
4135
|
-
color: buttontext;
|
|
4136
|
-
background-color: buttonface;
|
|
4137
|
-
border: 1px solid buttontext;
|
|
4138
|
-
}
|
|
4139
|
-
|
|
4140
|
-
.navds-copybutton:disabled {
|
|
4141
|
-
opacity: 1;
|
|
4142
|
-
border-color: graytext;
|
|
4143
|
-
}
|
|
4144
|
-
}
|
|
4145
|
-
|
|
4146
|
-
.navds-copybutton--small {
|
|
4147
|
-
--__axc-copybutton-padding: var(--ax-space-4) var(--ax-space-12) var(--ax-space-4) var(--ax-space-8);
|
|
4148
|
-
min-width: 2rem;
|
|
4149
|
-
min-height: 2rem;
|
|
4150
|
-
}
|
|
4151
|
-
|
|
4152
|
-
.navds-copybutton--small.navds-copybutton--icon-right {
|
|
4153
|
-
--__axc-copybutton-padding: var(--ax-space-4) var(--ax-space-8) var(--ax-space-4) var(--ax-space-12);
|
|
4154
|
-
}
|
|
4155
|
-
|
|
4156
|
-
.navds-copybutton--small.navds-copybutton--icon-only {
|
|
4157
|
-
--__axc-copybutton-padding: var(--ax-space-4);
|
|
4158
|
-
}
|
|
4159
|
-
|
|
4160
|
-
.navds-copybutton--small > .navds-copybutton__content {
|
|
4161
|
-
gap: var(--ax-space-4);
|
|
4162
|
-
}
|
|
4163
|
-
|
|
4164
|
-
.navds-copybutton--xsmall {
|
|
4165
|
-
--__axc-copybutton-padding: var(--ax-space-2) var(--ax-space-8) var(--ax-space-2) var(--ax-space-4);
|
|
4166
|
-
min-width: 1.5rem;
|
|
4167
|
-
min-height: 1.5rem;
|
|
4168
|
-
}
|
|
4169
|
-
|
|
4170
|
-
.navds-copybutton--xsmall.navds-copybutton--icon-right {
|
|
4171
|
-
--__axc-copybutton-padding: var(--ax-space-2) var(--ax-space-4) var(--ax-space-2) var(--ax-space-8);
|
|
4172
|
-
}
|
|
4173
|
-
|
|
4174
|
-
.navds-copybutton--xsmall.navds-copybutton--icon-only {
|
|
4175
|
-
--__axc-copybutton-padding: var(--ax-space-2);
|
|
4176
|
-
}
|
|
4177
|
-
|
|
4178
|
-
.navds-copybutton--xsmall .navds-copybutton__icon {
|
|
4179
|
-
font-size: 1.25rem;
|
|
4180
|
-
}
|
|
4181
|
-
|
|
4182
|
-
.navds-copybutton--xsmall > .navds-copybutton__content {
|
|
4183
|
-
gap: var(--ax-space-2);
|
|
4184
|
-
}
|
|
4185
|
-
|
|
4186
|
-
.navds-copybutton__icon {
|
|
4187
|
-
font-size: 1.5rem;
|
|
4188
|
-
display: flex;
|
|
4189
|
-
}
|
|
4190
|
-
|
|
4191
|
-
.navds-copybutton--active .navds-copybutton__icon {
|
|
4062
|
+
.navds-copybutton[data-active="true"] .navds-copybutton__icon {
|
|
4192
4063
|
animation: 2s cubic-bezier(.05, .7, .1, 1) akselCopyButtonIconAnimation;
|
|
4193
4064
|
}
|
|
4194
4065
|
|
|
@@ -4210,46 +4081,19 @@
|
|
|
4210
4081
|
}
|
|
4211
4082
|
}
|
|
4212
4083
|
|
|
4213
|
-
.navds-copybutton--action {
|
|
4214
|
-
color: var(--ax-text-accent);
|
|
4215
|
-
}
|
|
4216
|
-
|
|
4217
|
-
.navds-copybutton--action.navds-copybutton--active {
|
|
4218
|
-
color: var(--ax-text-success);
|
|
4219
|
-
}
|
|
4220
|
-
|
|
4221
|
-
.navds-copybutton--action:disabled {
|
|
4222
|
-
color: var(--ax-text-accent);
|
|
4223
|
-
}
|
|
4224
|
-
|
|
4225
|
-
.navds-copybutton--neutral {
|
|
4226
|
-
color: var(--ax-text-subtle);
|
|
4227
|
-
}
|
|
4228
|
-
|
|
4229
|
-
.navds-copybutton--neutral:disabled {
|
|
4230
|
-
color: var(--ax-text-subtle);
|
|
4231
|
-
}
|
|
4232
|
-
|
|
4233
|
-
.navds-copybutton__content {
|
|
4234
|
-
justify-content: center;
|
|
4235
|
-
align-items: center;
|
|
4236
|
-
gap: var(--ax-space-6);
|
|
4237
|
-
display: inline-flex;
|
|
4238
|
-
}
|
|
4239
|
-
|
|
4240
4084
|
.navds-date {
|
|
4241
4085
|
padding: var(--ax-space-16) var(--ax-space-12);
|
|
4242
4086
|
}
|
|
4243
4087
|
|
|
4244
4088
|
.navds-date .rdp-day_range_middle.rdp-day_disabled {
|
|
4245
|
-
color: var(--ax-text-
|
|
4246
|
-
background: var(--ax-bg-moderateA);
|
|
4089
|
+
color: var(--ax-text-neutral);
|
|
4090
|
+
background: var(--ax-bg-neutral-moderateA);
|
|
4247
4091
|
}
|
|
4248
4092
|
|
|
4249
4093
|
.navds-date .rdp-day_range_middle.rdp-day_selected {
|
|
4250
|
-
background-color: var(--ax-bg-accent-
|
|
4094
|
+
background-color: var(--ax-bg-accent-moderate-pressedA);
|
|
4251
4095
|
box-shadow: inset 0 0 0 1px var(--ax-border-accent-subtleA);
|
|
4252
|
-
color: var(--ax-text-
|
|
4096
|
+
color: var(--ax-text-neutral);
|
|
4253
4097
|
}
|
|
4254
4098
|
|
|
4255
4099
|
.navds-date .rdp-month, .navds-date.rdp-month {
|
|
@@ -4269,22 +4113,22 @@
|
|
|
4269
4113
|
.navds-date .rdp-button {
|
|
4270
4114
|
all: unset;
|
|
4271
4115
|
text-align: center;
|
|
4272
|
-
border-radius: var(--ax-border-radius-
|
|
4116
|
+
border-radius: var(--ax-border-radius-large);
|
|
4273
4117
|
width: 2.5rem;
|
|
4274
4118
|
height: 2.5rem;
|
|
4275
4119
|
display: block;
|
|
4276
4120
|
}
|
|
4277
4121
|
|
|
4278
4122
|
.navds-date .rdp-day_range_start {
|
|
4279
|
-
border-radius: var(--ax-border-radius-xlarge) var(--ax-border-radius-
|
|
4123
|
+
border-radius: 100% var(--ax-border-radius-xlarge) var(--ax-border-radius-xlarge) 100%;
|
|
4280
4124
|
}
|
|
4281
4125
|
|
|
4282
4126
|
.navds-date .rdp-day_range_end:not(.rdp-day_range_start) {
|
|
4283
|
-
border-radius: var(--ax-border-radius-
|
|
4127
|
+
border-radius: var(--ax-border-radius-large) 100% 100% var(--ax-border-radius-large);
|
|
4284
4128
|
}
|
|
4285
4129
|
|
|
4286
4130
|
.navds-date .rdp-day_range_start.rdp-day_range_end {
|
|
4287
|
-
border-radius: var(--ax-border-radius-
|
|
4131
|
+
border-radius: var(--ax-border-radius-large);
|
|
4288
4132
|
}
|
|
4289
4133
|
|
|
4290
4134
|
.navds-date .navds-date__field {
|
|
@@ -4302,8 +4146,8 @@
|
|
|
4302
4146
|
|
|
4303
4147
|
.navds-date .rdp-day_disabled {
|
|
4304
4148
|
cursor: not-allowed;
|
|
4305
|
-
background-color: var(--ax-bg-moderateA);
|
|
4306
|
-
color: var(--ax-text-subtle);
|
|
4149
|
+
background-color: var(--ax-bg-neutral-moderateA);
|
|
4150
|
+
color: var(--ax-text-neutral-subtle);
|
|
4307
4151
|
text-decoration: line-through;
|
|
4308
4152
|
}
|
|
4309
4153
|
|
|
@@ -4317,7 +4161,7 @@
|
|
|
4317
4161
|
}
|
|
4318
4162
|
|
|
4319
4163
|
.navds-date .rdp-day_today:before {
|
|
4320
|
-
background-color: var(--ax-text-accent);
|
|
4164
|
+
background-color: var(--ax-text-accent-subtle);
|
|
4321
4165
|
border-radius: var(--ax-border-radius-full);
|
|
4322
4166
|
content: "";
|
|
4323
4167
|
width: 6px;
|
|
@@ -4353,7 +4197,7 @@
|
|
|
4353
4197
|
.navds-date__caption-button {
|
|
4354
4198
|
width: 2rem;
|
|
4355
4199
|
height: 2rem;
|
|
4356
|
-
color: var(--ax-text-
|
|
4200
|
+
color: var(--ax-text-neutral);
|
|
4357
4201
|
}
|
|
4358
4202
|
|
|
4359
4203
|
.navds-date__caption__month .navds-select__container select {
|
|
@@ -4364,7 +4208,7 @@
|
|
|
4364
4208
|
all: unset;
|
|
4365
4209
|
text-align: center;
|
|
4366
4210
|
text-transform: capitalize;
|
|
4367
|
-
border-radius: var(--ax-border-radius-
|
|
4211
|
+
border-radius: var(--ax-border-radius-large);
|
|
4368
4212
|
cursor: pointer;
|
|
4369
4213
|
width: 3rem;
|
|
4370
4214
|
height: 3rem;
|
|
@@ -4381,8 +4225,8 @@
|
|
|
4381
4225
|
}
|
|
4382
4226
|
|
|
4383
4227
|
:is(:is(.navds-date__wrapper, .navds-date__standalone-wrapper) .rdp-cell > button.rdp-day, :is(.navds-date__wrapper, .navds-date__standalone-wrapper) button.navds-date__month-button):focus-visible {
|
|
4384
|
-
outline:
|
|
4385
|
-
outline-offset:
|
|
4228
|
+
outline: 3px solid var(--ax-border-focus);
|
|
4229
|
+
outline-offset: 3px;
|
|
4386
4230
|
}
|
|
4387
4231
|
|
|
4388
4232
|
:is(:is(.navds-date__wrapper, .navds-date__standalone-wrapper) .rdp-cell > button.rdp-day, :is(.navds-date__wrapper, .navds-date__standalone-wrapper) button.navds-date__month-button):active:not(:disabled) {
|
|
@@ -4399,9 +4243,9 @@
|
|
|
4399
4243
|
}
|
|
4400
4244
|
|
|
4401
4245
|
.navds-date__field-button {
|
|
4402
|
-
color: var(--ax-text-
|
|
4246
|
+
color: var(--ax-text-neutral);
|
|
4403
4247
|
cursor: pointer;
|
|
4404
|
-
border-radius: calc(var(--ax-border-radius-
|
|
4248
|
+
border-radius: calc(var(--ax-border-radius-large) - 1px);
|
|
4405
4249
|
padding: var(--ax-space-12);
|
|
4406
4250
|
background: none;
|
|
4407
4251
|
border: none;
|
|
@@ -4455,14 +4299,10 @@
|
|
|
4455
4299
|
}
|
|
4456
4300
|
|
|
4457
4301
|
.navds-date__weeknumber-number {
|
|
4458
|
-
color: var(--ax-text-subtle);
|
|
4302
|
+
color: var(--ax-text-neutral-subtle);
|
|
4459
4303
|
font-size: .875rem;
|
|
4460
4304
|
}
|
|
4461
4305
|
|
|
4462
|
-
.navds-date__weeknumber:active .navds-date__weeknumber-number {
|
|
4463
|
-
color: var(--ax-text-contrast);
|
|
4464
|
-
}
|
|
4465
|
-
|
|
4466
4306
|
.navds-date__week-wrapper {
|
|
4467
4307
|
justify-content: center;
|
|
4468
4308
|
align-items: center;
|
|
@@ -4590,8 +4430,8 @@
|
|
|
4590
4430
|
}
|
|
4591
4431
|
|
|
4592
4432
|
.navds-action-menu__content {
|
|
4593
|
-
border-radius: var(--ax-border-radius-
|
|
4594
|
-
border: 1px solid var(--ax-border-subtleA);
|
|
4433
|
+
border-radius: var(--ax-border-radius-xlarge);
|
|
4434
|
+
border: 1px solid var(--ax-border-neutral-subtleA);
|
|
4595
4435
|
box-shadow: var(--ax-shadow-dialog);
|
|
4596
4436
|
transition: transform .25s cubic-bezier(0, 0, 0, 1) allow-discrete;
|
|
4597
4437
|
overflow: hidden;
|
|
@@ -4626,7 +4466,7 @@
|
|
|
4626
4466
|
--__axc-action-menu-item-pr: var(--ax-space-8);
|
|
4627
4467
|
--__axc-action-menu-item-pl: var(--ax-space-8);
|
|
4628
4468
|
--__axc-action-menu-item-height: 2rem;
|
|
4629
|
-
border-radius: var(--ax-border-radius-
|
|
4469
|
+
border-radius: var(--ax-border-radius-xlarge);
|
|
4630
4470
|
background-color: var(--ax-bg-raised);
|
|
4631
4471
|
min-width: 128px;
|
|
4632
4472
|
max-width: min(95vw, 640px);
|
|
@@ -4643,12 +4483,12 @@
|
|
|
4643
4483
|
gap: var(--ax-space-8);
|
|
4644
4484
|
min-height: var(--__axc-action-menu-item-height);
|
|
4645
4485
|
cursor: default;
|
|
4646
|
-
border-radius: var(--ax-border-radius-
|
|
4486
|
+
border-radius: var(--ax-border-radius-large);
|
|
4647
4487
|
padding-left: var(--__axc-action-menu-item-pl);
|
|
4648
4488
|
padding-right: var(--__axc-action-menu-item-pr);
|
|
4649
4489
|
font-size: var(--ax-font-size-medium);
|
|
4650
4490
|
scroll-margin-block: var(--__axc-action-menu-content-p);
|
|
4651
|
-
color: var(--ax-text-
|
|
4491
|
+
color: var(--ax-text-neutral);
|
|
4652
4492
|
line-height: 1.5;
|
|
4653
4493
|
text-decoration: none;
|
|
4654
4494
|
display: flex;
|
|
@@ -4661,7 +4501,7 @@
|
|
|
4661
4501
|
|
|
4662
4502
|
.navds-action-menu__item:focus {
|
|
4663
4503
|
background-color: var(--ax-bg-accent-moderate-hoverA);
|
|
4664
|
-
color: var(--ax-text-
|
|
4504
|
+
color: var(--ax-text-neutral);
|
|
4665
4505
|
outline: none;
|
|
4666
4506
|
}
|
|
4667
4507
|
|
|
@@ -4679,7 +4519,7 @@
|
|
|
4679
4519
|
}
|
|
4680
4520
|
|
|
4681
4521
|
.navds-action-menu__sub-trigger[data-state="open"] {
|
|
4682
|
-
background-color: var(--ax-bg-moderate-
|
|
4522
|
+
background-color: var(--ax-bg-neutral-moderate-pressedA);
|
|
4683
4523
|
}
|
|
4684
4524
|
|
|
4685
4525
|
.navds-action-menu__sub-trigger:focus {
|
|
@@ -4687,12 +4527,12 @@
|
|
|
4687
4527
|
}
|
|
4688
4528
|
|
|
4689
4529
|
.navds-action-menu__item--danger {
|
|
4690
|
-
color: var(--ax-text-danger);
|
|
4530
|
+
color: var(--ax-text-danger-subtle);
|
|
4691
4531
|
}
|
|
4692
4532
|
|
|
4693
4533
|
.navds-action-menu__item--danger:focus {
|
|
4694
4534
|
background-color: var(--ax-bg-danger-moderate-hoverA);
|
|
4695
|
-
color: var(--ax-text-danger);
|
|
4535
|
+
color: var(--ax-text-danger-subtle);
|
|
4696
4536
|
}
|
|
4697
4537
|
|
|
4698
4538
|
.navds-action-menu__marker {
|
|
@@ -4720,8 +4560,8 @@
|
|
|
4720
4560
|
}
|
|
4721
4561
|
|
|
4722
4562
|
.navds-action-menu__shortcut {
|
|
4723
|
-
background-color: var(--ax-bg-moderateA);
|
|
4724
|
-
color: var(--ax-text-
|
|
4563
|
+
background-color: var(--ax-bg-neutral-moderateA);
|
|
4564
|
+
color: var(--ax-text-neutral);
|
|
4725
4565
|
border-radius: var(--ax-border-radius-small);
|
|
4726
4566
|
padding: 0 var(--ax-space-4);
|
|
4727
4567
|
min-width: 1.125rem;
|
|
@@ -4737,7 +4577,7 @@
|
|
|
4737
4577
|
min-height: calc(var(--__axc-action-menu-item-height) - 6px);
|
|
4738
4578
|
padding-right: var(--__axc-action-menu-item-pr);
|
|
4739
4579
|
padding-left: var(--__axc-action-menu-item-pl);
|
|
4740
|
-
color: var(--ax-text-subtle);
|
|
4580
|
+
color: var(--ax-text-neutral-subtle);
|
|
4741
4581
|
border-radius: var(--ax-border-radius-medium);
|
|
4742
4582
|
-webkit-user-select: none;
|
|
4743
4583
|
user-select: none;
|
|
@@ -4750,7 +4590,7 @@
|
|
|
4750
4590
|
.navds-action-menu__divider {
|
|
4751
4591
|
height: 1px;
|
|
4752
4592
|
margin-block: var(--ax-space-8);
|
|
4753
|
-
background-color: var(--ax-border-subtleA);
|
|
4593
|
+
background-color: var(--ax-border-neutral-subtleA);
|
|
4754
4594
|
}
|
|
4755
4595
|
|
|
4756
4596
|
.navds-action-menu__indicator-icon--unchecked, .navds-action-menu__indicator-icon--checked, .navds-action-menu__indicator-icon--indeterminate {
|
|
@@ -4772,22 +4612,22 @@
|
|
|
4772
4612
|
|
|
4773
4613
|
.navds-expansioncard {
|
|
4774
4614
|
--__axc-expansioncard-border-radius: calc(var(--ax-border-radius-xlarge) - 1px);
|
|
4775
|
-
--__axc-expansioncard-padding-block: var(--ax-space-
|
|
4615
|
+
--__axc-expansioncard-padding-block: var(--ax-space-20);
|
|
4776
4616
|
--__axc-expansioncard-padding-inline: var(--ax-space-20);
|
|
4777
4617
|
border-radius: var(--ax-border-radius-xlarge);
|
|
4778
4618
|
background-color: var(--ax-bg-raised);
|
|
4779
|
-
border: 1px solid var(--ax-border-
|
|
4619
|
+
border: 1px solid var(--ax-border-neutral);
|
|
4780
4620
|
height: fit-content;
|
|
4781
4621
|
}
|
|
4782
4622
|
|
|
4783
4623
|
.navds-expansioncard:has(.navds-expansioncard__header:hover) {
|
|
4784
|
-
box-shadow: 0 0 0 1px var(--ax-border-strong);
|
|
4785
|
-
border-color: var(--ax-border-strong);
|
|
4624
|
+
box-shadow: 0 0 0 1px var(--ax-border-neutral-strong);
|
|
4625
|
+
border-color: var(--ax-border-neutral-strong);
|
|
4786
4626
|
}
|
|
4787
4627
|
|
|
4788
4628
|
.navds-expansioncard--small {
|
|
4789
4629
|
--__axc-expansioncard-padding-inline: var(--ax-space-16);
|
|
4790
|
-
--__axc-expansioncard-padding-block: var(--ax-space-
|
|
4630
|
+
--__axc-expansioncard-padding-block: var(--ax-space-16);
|
|
4791
4631
|
}
|
|
4792
4632
|
|
|
4793
4633
|
.navds-expansioncard--small > .navds-expansioncard__header .navds-expansioncard__title--small {
|
|
@@ -4815,7 +4655,7 @@
|
|
|
4815
4655
|
}
|
|
4816
4656
|
|
|
4817
4657
|
.navds-expansioncard__header:hover {
|
|
4818
|
-
background-color: var(--ax-bg-
|
|
4658
|
+
background-color: var(--ax-bg-neutral-moderate-hoverA);
|
|
4819
4659
|
}
|
|
4820
4660
|
|
|
4821
4661
|
.navds-expansioncard__header[data-open="true"] {
|
|
@@ -4825,7 +4665,7 @@
|
|
|
4825
4665
|
|
|
4826
4666
|
.navds-expansioncard__header[data-open="true"]:after {
|
|
4827
4667
|
content: "";
|
|
4828
|
-
background-color: var(--ax-border-
|
|
4668
|
+
background-color: var(--ax-border-neutral-subtleA);
|
|
4829
4669
|
bottom: 0;
|
|
4830
4670
|
left: var(--__axc-expansioncard-padding-inline);
|
|
4831
4671
|
height: 1px;
|
|
@@ -4865,15 +4705,7 @@
|
|
|
4865
4705
|
}
|
|
4866
4706
|
|
|
4867
4707
|
.navds-expansioncard__header-button:focus-visible {
|
|
4868
|
-
outline:
|
|
4869
|
-
outline-offset: 2px;
|
|
4870
|
-
}
|
|
4871
|
-
|
|
4872
|
-
@supports not selector(:focus-visible) {
|
|
4873
|
-
.navds-expansioncard__header-button:focus {
|
|
4874
|
-
outline: 2px solid var(--ax-border-focus);
|
|
4875
|
-
outline-offset: 2px;
|
|
4876
|
-
}
|
|
4708
|
+
outline: 3px solid var(--ax-border-focus);
|
|
4877
4709
|
}
|
|
4878
4710
|
|
|
4879
4711
|
.navds-expansioncard__header-button:after {
|
|
@@ -4887,7 +4719,7 @@
|
|
|
4887
4719
|
}
|
|
4888
4720
|
|
|
4889
4721
|
.navds-expansioncard__header:hover > .navds-expansioncard__header-button {
|
|
4890
|
-
background-color: var(--ax-bg-moderate-hoverA);
|
|
4722
|
+
background-color: var(--ax-bg-neutral-moderate-hoverA);
|
|
4891
4723
|
}
|
|
4892
4724
|
|
|
4893
4725
|
.navds-expansioncard__header-chevron {
|
|
@@ -4937,7 +4769,7 @@
|
|
|
4937
4769
|
}
|
|
4938
4770
|
|
|
4939
4771
|
.navds-guide-panel {
|
|
4940
|
-
--__axc-guide-panel-guide-size:
|
|
4772
|
+
--__axc-guide-panel-guide-size: 5rem;
|
|
4941
4773
|
width: fit-content;
|
|
4942
4774
|
display: flex;
|
|
4943
4775
|
position: relative;
|
|
@@ -4953,8 +4785,12 @@
|
|
|
4953
4785
|
align-items: flex-start;
|
|
4954
4786
|
}
|
|
4955
4787
|
|
|
4788
|
+
.navds-guide-panel[data-poster="false"][data-responsive="false"] {
|
|
4789
|
+
--__axc-guide-panel-guide-size: 3.75rem;
|
|
4790
|
+
}
|
|
4791
|
+
|
|
4956
4792
|
@media (min-width: 480px) {
|
|
4957
|
-
.navds-guide-panel {
|
|
4793
|
+
.navds-guide-panel[data-poster="false"][data-responsive="false"] {
|
|
4958
4794
|
--__axc-guide-panel-guide-size: 5rem;
|
|
4959
4795
|
}
|
|
4960
4796
|
|
|
@@ -5051,7 +4887,7 @@
|
|
|
5051
4887
|
.navds-help-text__button {
|
|
5052
4888
|
cursor: pointer;
|
|
5053
4889
|
border-radius: var(--ax-border-radius-full);
|
|
5054
|
-
color: var(--ax-bg-
|
|
4890
|
+
color: var(--ax-bg-info-strong);
|
|
5055
4891
|
padding: calc(var(--ax-space-4) / 2);
|
|
5056
4892
|
background-color: rgba(0, 0, 0, 0);
|
|
5057
4893
|
border: 0;
|
|
@@ -5079,11 +4915,11 @@
|
|
|
5079
4915
|
|
|
5080
4916
|
.navds-help-text__button:where(:hover, :focus-visible, [aria-expanded="true"]) > .navds-help-text__icon--filled {
|
|
5081
4917
|
display: inherit;
|
|
5082
|
-
color: var(--ax-bg-
|
|
4918
|
+
color: var(--ax-bg-info-strong-hover);
|
|
5083
4919
|
}
|
|
5084
4920
|
|
|
5085
4921
|
.navds-help-text__button[aria-expanded="true"] > .navds-help-text__icon--filled {
|
|
5086
|
-
color: var(--ax-bg-
|
|
4922
|
+
color: var(--ax-bg-info-strong-pressed);
|
|
5087
4923
|
}
|
|
5088
4924
|
|
|
5089
4925
|
@media (forced-colors: active) {
|
|
@@ -5102,7 +4938,7 @@
|
|
|
5102
4938
|
|
|
5103
4939
|
.navds-internalheader {
|
|
5104
4940
|
background: var(--ax-bg-raised);
|
|
5105
|
-
border-bottom: 1px solid var(--ax-border-subtleA);
|
|
4941
|
+
border-bottom: 1px solid var(--ax-border-neutral-subtleA);
|
|
5106
4942
|
align-self: stretch;
|
|
5107
4943
|
min-height: 3rem;
|
|
5108
4944
|
display: flex;
|
|
@@ -5123,8 +4959,8 @@
|
|
|
5123
4959
|
padding-block: 0;
|
|
5124
4960
|
padding-inline: var(--ax-space-24) var(--ax-space-20);
|
|
5125
4961
|
border: none;
|
|
5126
|
-
border-right: 1px solid var(--ax-border-subtleA);
|
|
5127
|
-
color: var(--ax-text-
|
|
4962
|
+
border-right: 1px solid var(--ax-border-neutral-subtleA);
|
|
4963
|
+
color: var(--ax-text-neutral);
|
|
5128
4964
|
background: none;
|
|
5129
4965
|
align-items: center;
|
|
5130
4966
|
margin: 0;
|
|
@@ -5139,7 +4975,7 @@
|
|
|
5139
4975
|
}
|
|
5140
4976
|
|
|
5141
4977
|
.navds-internalheader__title:hover {
|
|
5142
|
-
background: var(--ax-bg-moderate-
|
|
4978
|
+
background: var(--ax-bg-neutral-moderate-hoverA);
|
|
5143
4979
|
}
|
|
5144
4980
|
|
|
5145
4981
|
.navds-internalheader__title:is(:hover, :active):not(button, a) {
|
|
@@ -5148,7 +4984,7 @@
|
|
|
5148
4984
|
|
|
5149
4985
|
.navds-internalheader__user {
|
|
5150
4986
|
padding: 0 var(--ax-space-20);
|
|
5151
|
-
border-left: 1px solid var(--ax-border-subtleA);
|
|
4987
|
+
border-left: 1px solid var(--ax-border-neutral-subtleA);
|
|
5152
4988
|
align-items: center;
|
|
5153
4989
|
display: flex;
|
|
5154
4990
|
}
|
|
@@ -5162,8 +4998,8 @@
|
|
|
5162
4998
|
align-items: center;
|
|
5163
4999
|
gap: var(--ax-space-8);
|
|
5164
5000
|
border: none;
|
|
5165
|
-
border-left: 1px solid var(--ax-border-subtleA);
|
|
5166
|
-
color: var(--ax-text-
|
|
5001
|
+
border-left: 1px solid var(--ax-border-neutral-subtleA);
|
|
5002
|
+
color: var(--ax-text-neutral);
|
|
5167
5003
|
background: none;
|
|
5168
5004
|
margin: 0;
|
|
5169
5005
|
line-height: normal;
|
|
@@ -5172,7 +5008,7 @@
|
|
|
5172
5008
|
}
|
|
5173
5009
|
|
|
5174
5010
|
.navds-internalheader__button:hover {
|
|
5175
|
-
background: var(--ax-bg-moderate-
|
|
5011
|
+
background: var(--ax-bg-neutral-moderate-hoverA);
|
|
5176
5012
|
}
|
|
5177
5013
|
|
|
5178
5014
|
@media (forced-colors: active) {
|
|
@@ -5187,11 +5023,11 @@
|
|
|
5187
5023
|
|
|
5188
5024
|
:is(.navds-internalheader__title, .navds-internalheader__button):focus-visible {
|
|
5189
5025
|
outline: 3px solid var(--ax-border-focus);
|
|
5190
|
-
outline-offset: -
|
|
5026
|
+
outline-offset: -4px;
|
|
5191
5027
|
}
|
|
5192
5028
|
|
|
5193
5029
|
:is(.navds-internalheader__title, .navds-internalheader__button):active {
|
|
5194
|
-
background: var(--ax-bg-moderate-
|
|
5030
|
+
background: var(--ax-bg-neutral-moderate-pressedA);
|
|
5195
5031
|
}
|
|
5196
5032
|
|
|
5197
5033
|
.navds-internalheader__user-button {
|
|
@@ -5200,7 +5036,7 @@
|
|
|
5200
5036
|
}
|
|
5201
5037
|
|
|
5202
5038
|
.navds-link {
|
|
5203
|
-
color: var(--ax-text-accent);
|
|
5039
|
+
color: var(--ax-text-accent-subtle);
|
|
5204
5040
|
align-items: center;
|
|
5205
5041
|
gap: var(--ax-space-2);
|
|
5206
5042
|
text-underline-offset: .1em;
|
|
@@ -5214,8 +5050,9 @@
|
|
|
5214
5050
|
}
|
|
5215
5051
|
|
|
5216
5052
|
.navds-link:focus-visible {
|
|
5217
|
-
outline:
|
|
5218
|
-
outline-offset:
|
|
5053
|
+
outline: 3px solid var(--ax-border-focus);
|
|
5054
|
+
outline-offset: 3px;
|
|
5055
|
+
border-radius: 1px;
|
|
5219
5056
|
}
|
|
5220
5057
|
|
|
5221
5058
|
.navds-link.navds-link--inline-text {
|
|
@@ -5243,19 +5080,19 @@
|
|
|
5243
5080
|
}
|
|
5244
5081
|
|
|
5245
5082
|
:is(.navds-alert:not(.navds-alert--inline), .navds-confirmation-panel) .navds-link {
|
|
5246
|
-
color: var(--ax-text-
|
|
5083
|
+
color: var(--ax-text-neutral);
|
|
5247
5084
|
}
|
|
5248
5085
|
|
|
5249
5086
|
.navds-link--action {
|
|
5250
|
-
color: var(--ax-text-accent);
|
|
5087
|
+
color: var(--ax-text-accent-subtle);
|
|
5251
5088
|
}
|
|
5252
5089
|
|
|
5253
5090
|
.navds-link--neutral {
|
|
5254
|
-
color: var(--ax-text-
|
|
5091
|
+
color: var(--ax-text-neutral);
|
|
5255
5092
|
}
|
|
5256
5093
|
|
|
5257
5094
|
.navds-link--subtle {
|
|
5258
|
-
color: var(--ax-text-subtle);
|
|
5095
|
+
color: var(--ax-text-neutral-subtle);
|
|
5259
5096
|
}
|
|
5260
5097
|
|
|
5261
5098
|
.navds-loader {
|
|
@@ -5312,19 +5149,19 @@
|
|
|
5312
5149
|
.navds-loader__foreground {
|
|
5313
5150
|
stroke-dasharray: 80 200;
|
|
5314
5151
|
stroke-dashoffset: 0;
|
|
5315
|
-
stroke: var(--ax-border-strong);
|
|
5152
|
+
stroke: var(--ax-border-neutral-strong);
|
|
5316
5153
|
stroke-linecap: round;
|
|
5317
5154
|
stroke-width: var(--__axc-loader-stroke-width);
|
|
5318
5155
|
animation: 1.5s ease-in-out infinite loader-dasharray;
|
|
5319
5156
|
}
|
|
5320
5157
|
|
|
5321
5158
|
.navds-loader__background {
|
|
5322
|
-
stroke: var(--ax-border-subtleA);
|
|
5159
|
+
stroke: var(--ax-border-neutral-subtleA);
|
|
5323
5160
|
stroke-width: var(--__axc-loader-stroke-width);
|
|
5324
5161
|
}
|
|
5325
5162
|
|
|
5326
5163
|
.navds-loader--neutral .navds-loader__foreground {
|
|
5327
|
-
stroke: var(--ax-border-strong);
|
|
5164
|
+
stroke: var(--ax-border-neutral-strong);
|
|
5328
5165
|
}
|
|
5329
5166
|
|
|
5330
5167
|
.navds-loader--interaction .navds-loader__foreground {
|
|
@@ -5336,11 +5173,11 @@
|
|
|
5336
5173
|
}
|
|
5337
5174
|
|
|
5338
5175
|
.navds-loader--inverted .navds-loader__foreground {
|
|
5339
|
-
stroke: var(--ax-border-subtle);
|
|
5176
|
+
stroke: var(--ax-border-neutral-subtle);
|
|
5340
5177
|
}
|
|
5341
5178
|
|
|
5342
5179
|
.navds-loader--inverted .navds-loader__background {
|
|
5343
|
-
stroke: var(--ax-border-strong);
|
|
5180
|
+
stroke: var(--ax-border-neutral-strong);
|
|
5344
5181
|
}
|
|
5345
5182
|
|
|
5346
5183
|
.navds-loader--transparent .navds-loader__background {
|
|
@@ -5383,12 +5220,13 @@
|
|
|
5383
5220
|
.navds-modal {
|
|
5384
5221
|
--__axc-modal-bg: var(--ax-bg-raised);
|
|
5385
5222
|
background-color: var(--__axc-modal-bg);
|
|
5386
|
-
border: 1px solid var(--ax-border-subtleA);
|
|
5223
|
+
border: 1px solid var(--ax-border-neutral-subtleA);
|
|
5387
5224
|
border-radius: var(--ax-border-radius-xlarge);
|
|
5388
5225
|
box-shadow: var(--ax-shadow-dialog);
|
|
5389
5226
|
max-width: 100%;
|
|
5390
5227
|
max-height: 100%;
|
|
5391
|
-
color: var(--ax-text-
|
|
5228
|
+
color: var(--ax-text-neutral);
|
|
5229
|
+
margin: auto;
|
|
5392
5230
|
padding: 0;
|
|
5393
5231
|
position: fixed;
|
|
5394
5232
|
}
|
|
@@ -5483,7 +5321,7 @@
|
|
|
5483
5321
|
|
|
5484
5322
|
.navds-modal__label {
|
|
5485
5323
|
font-weight: var(--ax-font-weight-bold);
|
|
5486
|
-
color: var(--ax-text-subtle);
|
|
5324
|
+
color: var(--ax-text-neutral-subtle);
|
|
5487
5325
|
}
|
|
5488
5326
|
|
|
5489
5327
|
.navds-modal__body {
|
|
@@ -5584,8 +5422,8 @@
|
|
|
5584
5422
|
}
|
|
5585
5423
|
|
|
5586
5424
|
.navds-pagination__item[data-selected="true"] {
|
|
5587
|
-
background-color: var(--ax-bg-strong-pressed);
|
|
5588
|
-
color: var(--ax-text-contrast);
|
|
5425
|
+
background-color: var(--ax-bg-neutral-strong-pressed);
|
|
5426
|
+
color: var(--ax-text-neutral-contrast);
|
|
5589
5427
|
}
|
|
5590
5428
|
|
|
5591
5429
|
.navds-pagination--invisible {
|
|
@@ -5596,13 +5434,19 @@
|
|
|
5596
5434
|
z-index: 1000;
|
|
5597
5435
|
background: var(--ax-bg-raised);
|
|
5598
5436
|
box-shadow: var(--ax-shadow-dialog);
|
|
5599
|
-
border: 1px solid var(--ax-border-subtleA);
|
|
5437
|
+
border: 1px solid var(--ax-border-neutral-subtleA);
|
|
5600
5438
|
border-radius: var(--ax-border-radius-xlarge);
|
|
5601
5439
|
max-width: calc(100vw - var(--ax-space-24));
|
|
5602
5440
|
}
|
|
5603
5441
|
|
|
5604
5442
|
.navds-popover__content {
|
|
5605
|
-
padding: var(--ax-space-16)
|
|
5443
|
+
padding: var(--ax-space-16);
|
|
5444
|
+
}
|
|
5445
|
+
|
|
5446
|
+
@media (min-width: 480px) {
|
|
5447
|
+
.navds-popover__content {
|
|
5448
|
+
padding: var(--ax-space-20);
|
|
5449
|
+
}
|
|
5606
5450
|
}
|
|
5607
5451
|
|
|
5608
5452
|
.navds-popover--hidden {
|
|
@@ -5634,7 +5478,7 @@
|
|
|
5634
5478
|
--__axc-tag-border: var(--ax-border-info);
|
|
5635
5479
|
--__axc-tag-bg: var(--ax-bg-info-moderateA);
|
|
5636
5480
|
--__axc-tag-bg-strong: var(--ax-bg-info-strong);
|
|
5637
|
-
--__axc-tag-text: var(--ax-text-info
|
|
5481
|
+
--__axc-tag-text: var(--ax-text-info);
|
|
5638
5482
|
--__axc-tag-text-strong: var(--ax-text-info-contrast);
|
|
5639
5483
|
}
|
|
5640
5484
|
|
|
@@ -5642,7 +5486,7 @@
|
|
|
5642
5486
|
--__axc-tag-border: var(--ax-border-success);
|
|
5643
5487
|
--__axc-tag-bg: var(--ax-bg-success-moderateA);
|
|
5644
5488
|
--__axc-tag-bg-strong: var(--ax-bg-success-strong);
|
|
5645
|
-
--__axc-tag-text: var(--ax-text-success
|
|
5489
|
+
--__axc-tag-text: var(--ax-text-success);
|
|
5646
5490
|
--__axc-tag-text-strong: var(--ax-text-success-contrast);
|
|
5647
5491
|
}
|
|
5648
5492
|
|
|
@@ -5650,7 +5494,7 @@
|
|
|
5650
5494
|
--__axc-tag-border: var(--ax-border-warning);
|
|
5651
5495
|
--__axc-tag-bg: var(--ax-bg-warning-moderateA);
|
|
5652
5496
|
--__axc-tag-bg-strong: var(--ax-bg-warning-strong);
|
|
5653
|
-
--__axc-tag-text: var(--ax-text-warning
|
|
5497
|
+
--__axc-tag-text: var(--ax-text-warning);
|
|
5654
5498
|
--__axc-tag-text-strong: var(--ax-text-warning-contrast);
|
|
5655
5499
|
}
|
|
5656
5500
|
|
|
@@ -5658,32 +5502,32 @@
|
|
|
5658
5502
|
--__axc-tag-border: var(--ax-border-danger);
|
|
5659
5503
|
--__axc-tag-bg: var(--ax-bg-danger-moderateA);
|
|
5660
5504
|
--__axc-tag-bg-strong: var(--ax-bg-danger-strong);
|
|
5661
|
-
--__axc-tag-text: var(--ax-text-danger
|
|
5505
|
+
--__axc-tag-text: var(--ax-text-danger);
|
|
5662
5506
|
--__axc-tag-text-strong: var(--ax-text-danger-contrast);
|
|
5663
5507
|
}
|
|
5664
5508
|
|
|
5665
5509
|
.navds-tag--neutral {
|
|
5666
|
-
--__axc-tag-border: var(--ax-border-
|
|
5667
|
-
--__axc-tag-bg: var(--ax-bg-moderateA);
|
|
5668
|
-
--__axc-tag-bg-strong: var(--ax-bg-strong);
|
|
5669
|
-
--__axc-tag-text: var(--ax-text-
|
|
5670
|
-
--__axc-tag-text-strong: var(--ax-text-contrast);
|
|
5510
|
+
--__axc-tag-border: var(--ax-border-neutral);
|
|
5511
|
+
--__axc-tag-bg: var(--ax-bg-neutral-moderateA);
|
|
5512
|
+
--__axc-tag-bg-strong: var(--ax-bg-neutral-strong);
|
|
5513
|
+
--__axc-tag-text: var(--ax-text-neutral);
|
|
5514
|
+
--__axc-tag-text-strong: var(--ax-text-neutral-contrast);
|
|
5671
5515
|
}
|
|
5672
5516
|
|
|
5673
|
-
.navds-tag--meta-
|
|
5674
|
-
--__axc-tag-border: var(--ax-border-meta-
|
|
5675
|
-
--__axc-tag-bg: var(--ax-bg-meta-
|
|
5676
|
-
--__axc-tag-bg-strong: var(--ax-bg-meta-
|
|
5677
|
-
--__axc-tag-text: var(--ax-text-meta-
|
|
5678
|
-
--__axc-tag-text-strong: var(--ax-text-meta-
|
|
5517
|
+
.navds-tag--meta-purple, .navds-tag--alt1 {
|
|
5518
|
+
--__axc-tag-border: var(--ax-border-meta-purple);
|
|
5519
|
+
--__axc-tag-bg: var(--ax-bg-meta-purple-moderateA);
|
|
5520
|
+
--__axc-tag-bg-strong: var(--ax-bg-meta-purple-strong);
|
|
5521
|
+
--__axc-tag-text: var(--ax-text-meta-purple);
|
|
5522
|
+
--__axc-tag-text-strong: var(--ax-text-meta-purple-contrast);
|
|
5679
5523
|
}
|
|
5680
5524
|
|
|
5681
|
-
.navds-tag--meta-
|
|
5682
|
-
--__axc-tag-border: var(--ax-border-meta-
|
|
5683
|
-
--__axc-tag-bg: var(--ax-bg-meta-
|
|
5684
|
-
--__axc-tag-bg-strong: var(--ax-bg-meta-
|
|
5685
|
-
--__axc-tag-text: var(--ax-text-meta-
|
|
5686
|
-
--__axc-tag-text-strong: var(--ax-text-meta-
|
|
5525
|
+
.navds-tag--meta-lime, .navds-tag--alt2 {
|
|
5526
|
+
--__axc-tag-border: var(--ax-border-meta-lime);
|
|
5527
|
+
--__axc-tag-bg: var(--ax-bg-meta-lime-moderateA);
|
|
5528
|
+
--__axc-tag-bg-strong: var(--ax-bg-meta-lime-strong);
|
|
5529
|
+
--__axc-tag-text: var(--ax-text-meta-lime);
|
|
5530
|
+
--__axc-tag-text-strong: var(--ax-text-meta-lime-contrast);
|
|
5687
5531
|
}
|
|
5688
5532
|
|
|
5689
5533
|
.navds-tag--small {
|
|
@@ -5769,20 +5613,20 @@
|
|
|
5769
5613
|
}
|
|
5770
5614
|
|
|
5771
5615
|
.navds-timeline__axislabels-label {
|
|
5772
|
-
color: var(--ax-text-subtle);
|
|
5616
|
+
color: var(--ax-text-neutral-subtle);
|
|
5773
5617
|
white-space: nowrap;
|
|
5774
5618
|
position: absolute;
|
|
5775
5619
|
}
|
|
5776
5620
|
|
|
5777
5621
|
.navds-timeline__row {
|
|
5778
|
-
background: var(--ax-bg-
|
|
5622
|
+
background: var(--ax-bg-neutral-softA);
|
|
5779
5623
|
margin: var(--ax-space-16) 0;
|
|
5780
5624
|
grid-column: 2;
|
|
5781
5625
|
display: flex;
|
|
5782
5626
|
}
|
|
5783
5627
|
|
|
5784
5628
|
.navds-timeline__row--active {
|
|
5785
|
-
background: var(--ax-bg-accent-
|
|
5629
|
+
background: var(--ax-bg-accent-moderate);
|
|
5786
5630
|
}
|
|
5787
5631
|
|
|
5788
5632
|
.navds-timeline__row:last-of-type {
|
|
@@ -5802,12 +5646,12 @@
|
|
|
5802
5646
|
|
|
5803
5647
|
.navds-timeline__period:focus-visible {
|
|
5804
5648
|
z-index: 4;
|
|
5805
|
-
outline:
|
|
5806
|
-
outline-offset:
|
|
5649
|
+
outline: 3px solid var(--ax-border-focus);
|
|
5650
|
+
outline-offset: 3px;
|
|
5807
5651
|
}
|
|
5808
5652
|
|
|
5809
5653
|
.navds-timeline__period:focus-visible.navds-timeline__period:focus-visible {
|
|
5810
|
-
box-shadow: 0 0 0
|
|
5654
|
+
box-shadow: 0 0 0 3px var(--ax-bg-default);
|
|
5811
5655
|
}
|
|
5812
5656
|
|
|
5813
5657
|
.navds-timeline__period {
|
|
@@ -5848,6 +5692,7 @@
|
|
|
5848
5692
|
|
|
5849
5693
|
.navds-timeline__period--success.navds-timeline__period--clickable:hover {
|
|
5850
5694
|
background: var(--ax-bg-success-moderate-hover);
|
|
5695
|
+
border-color: var(--ax-border-success-strong);
|
|
5851
5696
|
}
|
|
5852
5697
|
|
|
5853
5698
|
.navds-timeline__period--success.navds-timeline__period--clickable.navds-timeline__period--selected {
|
|
@@ -5864,6 +5709,7 @@
|
|
|
5864
5709
|
|
|
5865
5710
|
.navds-timeline__period--warning.navds-timeline__period--clickable:hover {
|
|
5866
5711
|
background: var(--ax-bg-warning-moderate-hover);
|
|
5712
|
+
border-color: var(--ax-border-warning-strong);
|
|
5867
5713
|
}
|
|
5868
5714
|
|
|
5869
5715
|
.navds-timeline__period--warning.navds-timeline__period--clickable.navds-timeline__period--selected {
|
|
@@ -5880,6 +5726,7 @@
|
|
|
5880
5726
|
|
|
5881
5727
|
.navds-timeline__period--danger.navds-timeline__period--clickable:hover {
|
|
5882
5728
|
background: var(--ax-bg-danger-moderate-hover);
|
|
5729
|
+
border-color: var(--ax-border-danger-strong);
|
|
5883
5730
|
}
|
|
5884
5731
|
|
|
5885
5732
|
.navds-timeline__period--danger.navds-timeline__period--clickable.navds-timeline__period--selected {
|
|
@@ -5896,6 +5743,7 @@
|
|
|
5896
5743
|
|
|
5897
5744
|
.navds-timeline__period--info.navds-timeline__period--clickable:hover {
|
|
5898
5745
|
background: var(--ax-bg-info-moderate-hover);
|
|
5746
|
+
border-color: var(--ax-border-info-strong);
|
|
5899
5747
|
}
|
|
5900
5748
|
|
|
5901
5749
|
.navds-timeline__period--info.navds-timeline__period--clickable.navds-timeline__period--selected {
|
|
@@ -5905,18 +5753,19 @@
|
|
|
5905
5753
|
}
|
|
5906
5754
|
|
|
5907
5755
|
.navds-timeline__period--neutral {
|
|
5908
|
-
background: var(--ax-bg-moderate);
|
|
5909
|
-
border: solid 1px var(--ax-border-
|
|
5910
|
-
color: var(--ax-text-icon);
|
|
5756
|
+
background: var(--ax-bg-neutral-moderate);
|
|
5757
|
+
border: solid 1px var(--ax-border-neutral);
|
|
5758
|
+
color: var(--ax-text-neutral-icon);
|
|
5911
5759
|
}
|
|
5912
5760
|
|
|
5913
5761
|
.navds-timeline__period--neutral.navds-timeline__period--clickable:hover {
|
|
5914
|
-
background: var(--ax-bg-moderate-hover);
|
|
5762
|
+
background: var(--ax-bg-neutral-moderate-hover);
|
|
5763
|
+
border-color: var(--ax-border-neutral-strong);
|
|
5915
5764
|
}
|
|
5916
5765
|
|
|
5917
5766
|
.navds-timeline__period--neutral.navds-timeline__period--clickable.navds-timeline__period--selected {
|
|
5918
|
-
background: var(--ax-bg-strong-pressed);
|
|
5919
|
-
color: var(--ax-text-contrast);
|
|
5767
|
+
background: var(--ax-bg-neutral-strong-pressed);
|
|
5768
|
+
color: var(--ax-text-neutral-contrast);
|
|
5920
5769
|
border: none;
|
|
5921
5770
|
}
|
|
5922
5771
|
|
|
@@ -5971,16 +5820,16 @@
|
|
|
5971
5820
|
}
|
|
5972
5821
|
|
|
5973
5822
|
.navds-timeline__pin-button:focus-visible {
|
|
5974
|
-
box-shadow: inset 0 0 0 4px var(--ax-border-danger-strong), 0 0 0
|
|
5975
|
-
outline:
|
|
5976
|
-
outline-offset:
|
|
5823
|
+
box-shadow: inset 0 0 0 4px var(--ax-border-danger-strong), 0 0 0 3px var(--ax-bg-default);
|
|
5824
|
+
outline: 3px solid var(--ax-border-focus);
|
|
5825
|
+
outline-offset: 3px;
|
|
5977
5826
|
}
|
|
5978
5827
|
|
|
5979
5828
|
.navds-timeline__pin-wrapper:before {
|
|
5980
5829
|
content: "";
|
|
5981
5830
|
top: var(--navdsc-timeline-pin-size);
|
|
5982
5831
|
height: calc(100% - var(--navdsc-timeline-pin-size) * 2);
|
|
5983
|
-
background: var(--ax-border-strong);
|
|
5832
|
+
background: var(--ax-border-neutral-strong);
|
|
5984
5833
|
width: 1px;
|
|
5985
5834
|
margin: 0 auto;
|
|
5986
5835
|
}
|
|
@@ -5995,7 +5844,7 @@
|
|
|
5995
5844
|
.navds-timeline__zoom-button {
|
|
5996
5845
|
all: unset;
|
|
5997
5846
|
cursor: pointer;
|
|
5998
|
-
border: 1px solid var(--ax-border-
|
|
5847
|
+
border: 1px solid var(--ax-border-neutral);
|
|
5999
5848
|
background: var(--ax-bg-default);
|
|
6000
5849
|
border-width: 1px 0 1px 1px;
|
|
6001
5850
|
padding: 6px 9px 6px 8px;
|
|
@@ -6015,13 +5864,13 @@
|
|
|
6015
5864
|
}
|
|
6016
5865
|
|
|
6017
5866
|
.navds-timeline__zoom-button:not([aria-pressed="true"]):hover {
|
|
6018
|
-
background: var(--ax-bg-moderate-hoverA);
|
|
5867
|
+
background: var(--ax-bg-neutral-moderate-hoverA);
|
|
6019
5868
|
}
|
|
6020
5869
|
|
|
6021
5870
|
.navds-timeline__zoom-button[aria-pressed="true"] {
|
|
6022
|
-
background: var(--ax-bg-strong-pressed);
|
|
6023
|
-
border-color: var(--ax-bg-strong-pressed);
|
|
6024
|
-
color: var(--ax-text-contrast);
|
|
5871
|
+
background: var(--ax-bg-neutral-strong-pressed);
|
|
5872
|
+
border-color: var(--ax-bg-neutral-strong-pressed);
|
|
5873
|
+
color: var(--ax-text-neutral-contrast);
|
|
6025
5874
|
}
|
|
6026
5875
|
|
|
6027
5876
|
.navds-timeline__zoom li:focus-within {
|
|
@@ -6029,7 +5878,7 @@
|
|
|
6029
5878
|
}
|
|
6030
5879
|
|
|
6031
5880
|
.navds-timeline__zoom-button:focus-visible {
|
|
6032
|
-
box-shadow: 0 0 0 1px var(--ax-bg-default), 0 0 0
|
|
5881
|
+
box-shadow: 0 0 0 1px var(--ax-bg-default), 0 0 0 4px var(--ax-border-focus);
|
|
6033
5882
|
border-width: 1px;
|
|
6034
5883
|
}
|
|
6035
5884
|
|
|
@@ -6043,15 +5892,15 @@
|
|
|
6043
5892
|
background-color: var(--ax-bg-raised);
|
|
6044
5893
|
box-shadow: var(--ax-shadow-dialog);
|
|
6045
5894
|
border: 1px solid;
|
|
6046
|
-
border-color: var(--ax-border-subtleA);
|
|
5895
|
+
border-color: var(--ax-border-neutral-subtleA);
|
|
6047
5896
|
border-radius: var(--ax-border-radius-large);
|
|
6048
5897
|
padding: var(--ax-space-16) var(--ax-space-20);
|
|
6049
5898
|
}
|
|
6050
5899
|
|
|
6051
5900
|
@media (forced-colors: active) {
|
|
6052
5901
|
.navds-timeline__period:focus {
|
|
6053
|
-
outline-offset:
|
|
6054
|
-
outline:
|
|
5902
|
+
outline-offset: 3px;
|
|
5903
|
+
outline: 3px solid highlight;
|
|
6055
5904
|
}
|
|
6056
5905
|
|
|
6057
5906
|
.navds-timeline__period--success, .navds-timeline__period--warning, .navds-timeline__period--info, .navds-timeline__period--neutral, .navds-timeline__period--danger {
|
|
@@ -6067,7 +5916,7 @@
|
|
|
6067
5916
|
}
|
|
6068
5917
|
|
|
6069
5918
|
.navds-timeline__pin-button:focus, .navds-timeline__pin-button:focus-visible {
|
|
6070
|
-
outline-offset:
|
|
5919
|
+
outline-offset: 3px;
|
|
6071
5920
|
box-shadow: none;
|
|
6072
5921
|
outline: 4px solid highlight;
|
|
6073
5922
|
}
|
|
@@ -6076,11 +5925,11 @@
|
|
|
6076
5925
|
.navds-tooltip {
|
|
6077
5926
|
z-index: 3000;
|
|
6078
5927
|
background-color: var(--ax-bg-raised);
|
|
6079
|
-
color: var(--ax-text-
|
|
5928
|
+
color: var(--ax-text-neutral);
|
|
6080
5929
|
border-radius: var(--ax-border-radius-medium);
|
|
6081
5930
|
padding: 0 var(--ax-space-6);
|
|
6082
5931
|
text-align: center;
|
|
6083
|
-
border: 1px solid var(--ax-border-subtleA);
|
|
5932
|
+
border: 1px solid var(--ax-border-neutral-subtleA);
|
|
6084
5933
|
box-shadow: var(--ax-shadow-dialog);
|
|
6085
5934
|
flex-direction: column;
|
|
6086
5935
|
align-items: center;
|
|
@@ -6163,10 +6012,10 @@
|
|
|
6163
6012
|
|
|
6164
6013
|
.navds-tooltip__key {
|
|
6165
6014
|
font-family: var(--ax-font-family);
|
|
6166
|
-
color: var(--ax-text-
|
|
6015
|
+
color: var(--ax-text-neutral);
|
|
6167
6016
|
padding: 0 var(--ax-space-4);
|
|
6168
6017
|
border-radius: var(--ax-border-radius-small);
|
|
6169
|
-
background: var(--ax-bg-moderateA);
|
|
6018
|
+
background: var(--ax-bg-neutral-moderateA);
|
|
6170
6019
|
justify-content: center;
|
|
6171
6020
|
align-items: center;
|
|
6172
6021
|
min-width: 1.125rem;
|
|
@@ -6191,8 +6040,8 @@
|
|
|
6191
6040
|
}
|
|
6192
6041
|
|
|
6193
6042
|
.navds-toggle-group {
|
|
6194
|
-
border-radius: var(--ax-border-radius-
|
|
6195
|
-
box-shadow: inset 0 0 0 1px var(--ax-border-
|
|
6043
|
+
border-radius: var(--ax-border-radius-large);
|
|
6044
|
+
box-shadow: inset 0 0 0 1px var(--ax-border-neutral);
|
|
6196
6045
|
background-color: rgba(0, 0, 0, 0);
|
|
6197
6046
|
grid-auto-columns: 1fr;
|
|
6198
6047
|
grid-auto-flow: column;
|
|
@@ -6204,8 +6053,8 @@
|
|
|
6204
6053
|
padding: var(--ax-space-4) var(--ax-space-12);
|
|
6205
6054
|
cursor: pointer;
|
|
6206
6055
|
min-height: 3rem;
|
|
6207
|
-
color: var(--ax-text-
|
|
6208
|
-
border-radius: var(--ax-border-radius-
|
|
6056
|
+
color: var(--ax-text-neutral);
|
|
6057
|
+
border-radius: var(--ax-border-radius-large);
|
|
6209
6058
|
background-color: rgba(0, 0, 0, 0);
|
|
6210
6059
|
border: none;
|
|
6211
6060
|
justify-content: center;
|
|
@@ -6217,12 +6066,12 @@
|
|
|
6217
6066
|
|
|
6218
6067
|
.navds-toggle-group__button:hover {
|
|
6219
6068
|
background-color: var(--ax-bg-accent-moderate-hoverA);
|
|
6220
|
-
color: var(--ax-text-
|
|
6069
|
+
color: var(--ax-text-neutral);
|
|
6221
6070
|
}
|
|
6222
6071
|
|
|
6223
6072
|
.navds-toggle-group__button:focus-visible {
|
|
6224
|
-
outline:
|
|
6225
|
-
outline-offset:
|
|
6073
|
+
outline: 3px solid var(--ax-border-focus);
|
|
6074
|
+
outline-offset: 3px;
|
|
6226
6075
|
z-index: 1;
|
|
6227
6076
|
}
|
|
6228
6077
|
|
|
@@ -6233,7 +6082,7 @@
|
|
|
6233
6082
|
|
|
6234
6083
|
.navds-toggle-group__button:not([data-selected="true"], :first-child, .navds-toggle-group__button[data-selected="true"] + .navds-toggle-group__button):before {
|
|
6235
6084
|
content: "";
|
|
6236
|
-
background-color: var(--ax-border-subtleA);
|
|
6085
|
+
background-color: var(--ax-border-neutral-subtleA);
|
|
6237
6086
|
width: 1px;
|
|
6238
6087
|
height: 50%;
|
|
6239
6088
|
display: block;
|
|
@@ -6256,12 +6105,12 @@
|
|
|
6256
6105
|
}
|
|
6257
6106
|
|
|
6258
6107
|
:where(.navds-toggle-group--neutral) .navds-toggle-group__button:hover {
|
|
6259
|
-
background-color: var(--ax-bg-moderate-hoverA);
|
|
6108
|
+
background-color: var(--ax-bg-neutral-moderate-hoverA);
|
|
6260
6109
|
}
|
|
6261
6110
|
|
|
6262
6111
|
:where(.navds-toggle-group--neutral) .navds-toggle-group__button[data-selected="true"] {
|
|
6263
|
-
background-color: var(--ax-bg-strong-pressed);
|
|
6264
|
-
color: var(--ax-text-contrast);
|
|
6112
|
+
background-color: var(--ax-bg-neutral-strong-pressed);
|
|
6113
|
+
color: var(--ax-text-neutral-contrast);
|
|
6265
6114
|
}
|
|
6266
6115
|
|
|
6267
6116
|
.navds-toggle-group--small .navds-toggle-group__button {
|
|
@@ -6306,53 +6155,6 @@
|
|
|
6306
6155
|
border-color: var(--ac-panel-border, var(--a-border-default));
|
|
6307
6156
|
}
|
|
6308
6157
|
|
|
6309
|
-
.navds-link-panel {
|
|
6310
|
-
color: var(--ac-link-panel-text, var(--a-text-default));
|
|
6311
|
-
justify-content: space-between;
|
|
6312
|
-
align-items: center;
|
|
6313
|
-
gap: var(--a-spacing-4);
|
|
6314
|
-
text-decoration: none;
|
|
6315
|
-
display: flex;
|
|
6316
|
-
}
|
|
6317
|
-
|
|
6318
|
-
.navds-link-panel:hover .navds-link-panel__title {
|
|
6319
|
-
color: var(--ac-link-panel-hover-text, var(--a-text-action-hover));
|
|
6320
|
-
text-decoration: underline;
|
|
6321
|
-
}
|
|
6322
|
-
|
|
6323
|
-
.navds-link-panel:hover {
|
|
6324
|
-
box-shadow: var(--a-shadow-small);
|
|
6325
|
-
border-color: var(--ac-link-panel-hover-border, var(--a-border-action-hover));
|
|
6326
|
-
}
|
|
6327
|
-
|
|
6328
|
-
.navds-link-panel:focus-visible {
|
|
6329
|
-
outline-offset: 2px;
|
|
6330
|
-
box-shadow: var(--a-shadow-focus);
|
|
6331
|
-
outline: 3px solid rgba(0, 0, 0, 0);
|
|
6332
|
-
}
|
|
6333
|
-
|
|
6334
|
-
@supports not selector(:focus-visible) {
|
|
6335
|
-
.navds-link-panel:focus {
|
|
6336
|
-
outline-offset: 2px;
|
|
6337
|
-
box-shadow: var(--a-shadow-focus);
|
|
6338
|
-
outline: 3px solid rgba(0, 0, 0, 0);
|
|
6339
|
-
}
|
|
6340
|
-
}
|
|
6341
|
-
|
|
6342
|
-
.navds-link-panel__chevron {
|
|
6343
|
-
flex-shrink: 0;
|
|
6344
|
-
font-size: 1.5rem;
|
|
6345
|
-
transition: transform .2s;
|
|
6346
|
-
}
|
|
6347
|
-
|
|
6348
|
-
.navds-link-panel:hover > .navds-link-panel__chevron, .navds-link-panel:focus-within > .navds-link-panel__chevron {
|
|
6349
|
-
transform: translateX(4px);
|
|
6350
|
-
}
|
|
6351
|
-
|
|
6352
|
-
.navds-link-panel__description {
|
|
6353
|
-
margin-top: var(--a-spacing-1);
|
|
6354
|
-
}
|
|
6355
|
-
|
|
6356
6158
|
.navds-read-more {
|
|
6357
6159
|
--__axc-read-more-icon-size: 1.5rem;
|
|
6358
6160
|
--__axc-read-more-pi-start: 0px;
|
|
@@ -6364,7 +6166,7 @@
|
|
|
6364
6166
|
cursor: pointer;
|
|
6365
6167
|
align-items: flex-start;
|
|
6366
6168
|
gap: var(--ax-space-4);
|
|
6367
|
-
color: var(--ax-text-accent);
|
|
6169
|
+
color: var(--ax-text-accent-subtle);
|
|
6368
6170
|
padding-inline: var(--__axc-read-more-pi-start) var(--__axc-read-more-pi-end);
|
|
6369
6171
|
padding-block: var(--__axc-read-more-pb);
|
|
6370
6172
|
text-align: start;
|
|
@@ -6388,8 +6190,7 @@
|
|
|
6388
6190
|
}
|
|
6389
6191
|
|
|
6390
6192
|
.navds-read-more:is([data-volume="low"], :not([data-volume])) .navds-read-more__button:hover {
|
|
6391
|
-
background-color: var(--ax-bg-hoverA);
|
|
6392
|
-
color: var(--ax-text-accent-strong);
|
|
6193
|
+
background-color: var(--ax-bg-neutral-moderate-hoverA);
|
|
6393
6194
|
}
|
|
6394
6195
|
|
|
6395
6196
|
.navds-read-more[data-volume="high"] .navds-read-more__button {
|
|
@@ -6399,7 +6200,7 @@
|
|
|
6399
6200
|
|
|
6400
6201
|
.navds-read-more[data-volume="high"] .navds-read-more__button:hover {
|
|
6401
6202
|
background-color: var(--ax-bg-accent-moderate-hoverA);
|
|
6402
|
-
color: var(--ax-text-accent
|
|
6203
|
+
color: var(--ax-text-accent);
|
|
6403
6204
|
}
|
|
6404
6205
|
|
|
6405
6206
|
.navds-read-more[data-volume="high"].navds-read-more--large {
|
|
@@ -6414,8 +6215,8 @@
|
|
|
6414
6215
|
|
|
6415
6216
|
.navds-read-more__content {
|
|
6416
6217
|
margin-top: var(--ax-space-8);
|
|
6417
|
-
border-left: 2px solid var(--ax-border-subtleA);
|
|
6418
|
-
color: var(--ax-text-
|
|
6218
|
+
border-left: 2px solid var(--ax-border-neutral-subtleA);
|
|
6219
|
+
color: var(--ax-text-neutral);
|
|
6419
6220
|
margin-left: calc(var(--__axc-read-more-pi-start) + var(--__axc-read-more-icon-size) / 2 - 1px);
|
|
6420
6221
|
padding-left: calc(var(--__axc-read-more-icon-size) / 2 - 1px + var(--ax-space-4));
|
|
6421
6222
|
}
|
|
@@ -6448,9 +6249,9 @@
|
|
|
6448
6249
|
}
|
|
6449
6250
|
|
|
6450
6251
|
.navds-progress-bar {
|
|
6451
|
-
background: var(--ax-bg-moderateA);
|
|
6252
|
+
background: var(--ax-bg-neutral-moderateA);
|
|
6452
6253
|
border-radius: var(--ax-border-radius-full);
|
|
6453
|
-
box-shadow: inset 0 0 0 1px var(--ax-border-subtleA);
|
|
6254
|
+
box-shadow: inset 0 0 0 1px var(--ax-border-neutral-subtleA);
|
|
6454
6255
|
position: relative;
|
|
6455
6256
|
overflow: hidden;
|
|
6456
6257
|
}
|
|
@@ -6553,7 +6354,7 @@
|
|
|
6553
6354
|
}
|
|
6554
6355
|
|
|
6555
6356
|
.navds-skeleton {
|
|
6556
|
-
background-color: var(--ax-bg-moderateA);
|
|
6357
|
+
background-color: var(--ax-bg-neutral-moderateA);
|
|
6557
6358
|
pointer-events: none;
|
|
6558
6359
|
height: 1.3em;
|
|
6559
6360
|
animation: 2s cubic-bezier(.4, 0, .6, 1) infinite akselSkeletonAnimation;
|
|
@@ -6621,7 +6422,7 @@
|
|
|
6621
6422
|
--__axc-stepper-circle-size: 1.75rem;
|
|
6622
6423
|
--__axc-stepper-border-width: 2px;
|
|
6623
6424
|
--__axc-stepper-line-length: 1rem;
|
|
6624
|
-
color: var(--ax-text-accent);
|
|
6425
|
+
color: var(--ax-text-accent-subtle);
|
|
6625
6426
|
font-weight: var(--ax-font-weight-bold);
|
|
6626
6427
|
margin: 0;
|
|
6627
6428
|
padding-left: 0;
|
|
@@ -6647,11 +6448,11 @@
|
|
|
6647
6448
|
}
|
|
6648
6449
|
|
|
6649
6450
|
.navds-stepper__item--non-interactive .navds-stepper__line {
|
|
6650
|
-
background-color: var(--ax-border-strong);
|
|
6451
|
+
background-color: var(--ax-border-neutral-strong);
|
|
6651
6452
|
}
|
|
6652
6453
|
|
|
6653
6454
|
.navds-stepper__item:has( + .navds-stepper__item > .navds-stepper__step[data-interactive="false"]) .navds-stepper__line--2 {
|
|
6654
|
-
background-color: var(--ax-border-strong);
|
|
6455
|
+
background-color: var(--ax-border-neutral-strong);
|
|
6655
6456
|
}
|
|
6656
6457
|
|
|
6657
6458
|
.navds-stepper__line--1 {
|
|
@@ -6675,12 +6476,13 @@
|
|
|
6675
6476
|
padding: var(--__axc-stepper-border-width);
|
|
6676
6477
|
margin: calc(var(--__axc-stepper-border-width) * -1) calc(var(--__axc-stepper-border-width) * -1) var(--__axc-stepper-circle-size);
|
|
6677
6478
|
justify-content: flex-start;
|
|
6479
|
+
width: 100%;
|
|
6678
6480
|
display: grid;
|
|
6679
6481
|
}
|
|
6680
6482
|
|
|
6681
6483
|
.navds-stepper__step:focus-visible {
|
|
6682
|
-
outline:
|
|
6683
|
-
outline-offset:
|
|
6484
|
+
outline: 3px solid var(--ax-border-focus);
|
|
6485
|
+
outline-offset: 3px;
|
|
6684
6486
|
isolation: isolate;
|
|
6685
6487
|
}
|
|
6686
6488
|
|
|
@@ -6714,7 +6516,7 @@
|
|
|
6714
6516
|
}
|
|
6715
6517
|
|
|
6716
6518
|
.navds-stepper__step[data-interactive="true"] {
|
|
6717
|
-
color: var(--ax-text-accent);
|
|
6519
|
+
color: var(--ax-text-accent-subtle);
|
|
6718
6520
|
border-radius: var(--ax-border-radius-medium);
|
|
6719
6521
|
text-decoration: none;
|
|
6720
6522
|
}
|
|
@@ -6729,17 +6531,12 @@
|
|
|
6729
6531
|
text-decoration-thickness: .111em;
|
|
6730
6532
|
}
|
|
6731
6533
|
|
|
6732
|
-
.navds-stepper__step[data-interactive="true"]:hover .navds-stepper__circle {
|
|
6733
|
-
color: var(--ax-text-accent-strong);
|
|
6734
|
-
}
|
|
6735
|
-
|
|
6736
6534
|
.navds-stepper__step[data-interactive="true"] .navds-stepper__circle {
|
|
6737
|
-
color: var(--ax-text-accent);
|
|
6535
|
+
color: var(--ax-text-accent-subtle);
|
|
6738
6536
|
border-color: var(--ax-border-accent-strong);
|
|
6739
6537
|
}
|
|
6740
6538
|
|
|
6741
6539
|
.navds-stepper__step[data-interactive="true"][data-active="true"] .navds-stepper__content {
|
|
6742
|
-
color: var(--ax-text-accent-strong);
|
|
6743
6540
|
text-decoration: none;
|
|
6744
6541
|
}
|
|
6745
6542
|
|
|
@@ -6755,23 +6552,18 @@
|
|
|
6755
6552
|
}
|
|
6756
6553
|
|
|
6757
6554
|
.navds-stepper__step[data-interactive="false"] {
|
|
6758
|
-
color: var(--ax-text-
|
|
6555
|
+
color: var(--ax-text-neutral-subtle);
|
|
6759
6556
|
cursor: default;
|
|
6760
6557
|
}
|
|
6761
6558
|
|
|
6762
6559
|
.navds-stepper__step[data-interactive="false"] .navds-stepper__circle {
|
|
6763
|
-
color: var(--ax-
|
|
6764
|
-
border-color: var(--ax-border-strong);
|
|
6765
|
-
}
|
|
6766
|
-
|
|
6767
|
-
.navds-stepper__step[data-interactive="false"][data-active="true"] .navds-stepper__content {
|
|
6768
|
-
color: var(--ax-text-subtle);
|
|
6560
|
+
border-color: var(--ax-border-neutral-strong);
|
|
6769
6561
|
}
|
|
6770
6562
|
|
|
6771
6563
|
.navds-stepper__step[data-interactive="false"][data-active="true"] .navds-stepper__circle {
|
|
6772
|
-
color: var(--ax-text-contrast);
|
|
6773
|
-
background-color: var(--ax-bg-strong-pressed);
|
|
6774
|
-
border-color: var(--ax-bg-strong-pressed);
|
|
6564
|
+
color: var(--ax-text-neutral-contrast);
|
|
6565
|
+
background-color: var(--ax-bg-neutral-strong-pressed);
|
|
6566
|
+
border-color: var(--ax-bg-neutral-strong-pressed);
|
|
6775
6567
|
}
|
|
6776
6568
|
|
|
6777
6569
|
.navds-stepper__content {
|
|
@@ -6865,12 +6657,12 @@
|
|
|
6865
6657
|
}
|
|
6866
6658
|
|
|
6867
6659
|
.navds-table__body .navds-table__row--shade-on-hover:not(.navds-table__expandable-row--expansion-disabled):hover {
|
|
6868
|
-
background-color: var(--ax-bg-hoverA);
|
|
6660
|
+
background-color: var(--ax-bg-neutral-moderate-hoverA);
|
|
6869
6661
|
transition: background-color 70ms cubic-bezier(.2, 0, 0, 1);
|
|
6870
6662
|
}
|
|
6871
6663
|
|
|
6872
6664
|
.navds-table__body .navds-table__row--shade-on-hover.navds-table__row--selected:hover {
|
|
6873
|
-
background-color: var(--ax-bg-accent-hoverA);
|
|
6665
|
+
background-color: var(--ax-bg-accent-moderate-hoverA);
|
|
6874
6666
|
}
|
|
6875
6667
|
|
|
6876
6668
|
.navds-table__row {
|
|
@@ -6878,11 +6670,15 @@
|
|
|
6878
6670
|
}
|
|
6879
6671
|
|
|
6880
6672
|
.navds-table__row--selected {
|
|
6881
|
-
background-color: var(--ax-bg-accent-
|
|
6673
|
+
background-color: var(--ax-bg-accent-softA);
|
|
6674
|
+
}
|
|
6675
|
+
|
|
6676
|
+
.navds-table__row--selected + .navds-table__expanded-row {
|
|
6677
|
+
background-color: var(--ax-bg-accent-softA);
|
|
6882
6678
|
}
|
|
6883
6679
|
|
|
6884
6680
|
.navds-table--zebra-stripes .navds-table__body :where(.navds-table__row:nth-child(odd):not(.navds-table__row--selected)) {
|
|
6885
|
-
background-color: var(--ax-bg-
|
|
6681
|
+
background-color: var(--ax-bg-neutral-softA);
|
|
6886
6682
|
}
|
|
6887
6683
|
|
|
6888
6684
|
.navds-table--zebra-stripes .navds-table__body :where(.navds-table__expandable-row:nth-child(4n+1):not(.navds-table__row--selected)) {
|
|
@@ -6890,12 +6686,16 @@
|
|
|
6890
6686
|
}
|
|
6891
6687
|
|
|
6892
6688
|
.navds-table--zebra-stripes .navds-table__body .navds-table__expanded-row:nth-child(4n) {
|
|
6893
|
-
background-color: var(--ax-bg-
|
|
6689
|
+
background-color: var(--ax-bg-neutral-softA);
|
|
6690
|
+
}
|
|
6691
|
+
|
|
6692
|
+
.navds-table--zebra-stripes .navds-table__row--selected + .navds-table__expanded-row:nth-child(4n) {
|
|
6693
|
+
background-color: var(--ax-bg-accent-softA);
|
|
6894
6694
|
}
|
|
6895
6695
|
|
|
6896
6696
|
.navds-table__header-cell, .navds-table__data-cell {
|
|
6897
6697
|
padding: var(--ax-space-12) var(--ax-space-8);
|
|
6898
|
-
border-bottom: 1px solid var(--ax-border-
|
|
6698
|
+
border-bottom: 1px solid var(--ax-border-neutral-subtleA);
|
|
6899
6699
|
text-align: left;
|
|
6900
6700
|
display: table-cell;
|
|
6901
6701
|
}
|
|
@@ -6912,10 +6712,6 @@
|
|
|
6912
6712
|
text-align: center;
|
|
6913
6713
|
}
|
|
6914
6714
|
|
|
6915
|
-
:where(.navds-table__body .navds-table__row--shade-on-hover:hover) .navds-table__header-cell, :where(.navds-table__body .navds-table__row--shade-on-hover:hover) .navds-table__data-cell {
|
|
6916
|
-
border-color: var(--ax-border-strong);
|
|
6917
|
-
}
|
|
6918
|
-
|
|
6919
6715
|
:where(.navds-table__expandable-row--open:hover) .navds-table__data-cell {
|
|
6920
6716
|
border-bottom-color: rgba(0, 0, 0, 0);
|
|
6921
6717
|
}
|
|
@@ -6936,16 +6732,24 @@
|
|
|
6936
6732
|
top: -.375rem;
|
|
6937
6733
|
}
|
|
6938
6734
|
|
|
6939
|
-
.navds-table :not(.navds-checkboxes) > .navds-checkbox .navds-checkbox__label
|
|
6735
|
+
.navds-table :not(.navds-checkboxes) > .navds-checkbox .navds-checkbox__label {
|
|
6736
|
+
padding: 0;
|
|
6737
|
+
}
|
|
6738
|
+
|
|
6739
|
+
.navds-table .navds-checkbox__input:focus + .navds-checkbox__label:after, .navds-table .navds-radio__input:focus + .navds-radio__label:after {
|
|
6740
|
+
height: 100%;
|
|
6741
|
+
}
|
|
6742
|
+
|
|
6743
|
+
.navds-table__header-cell[aria-sort] {
|
|
6940
6744
|
padding: 0;
|
|
6941
6745
|
}
|
|
6942
6746
|
|
|
6943
6747
|
.navds-table__sort-button {
|
|
6944
6748
|
appearance: none;
|
|
6945
|
-
color: var(--ax-text-accent);
|
|
6749
|
+
color: var(--ax-text-accent-subtle);
|
|
6946
6750
|
cursor: pointer;
|
|
6947
6751
|
padding: var(--ax-space-16) var(--ax-space-12);
|
|
6948
|
-
gap: var(--ax-space-
|
|
6752
|
+
gap: var(--ax-space-4);
|
|
6949
6753
|
width: 100%;
|
|
6950
6754
|
line-height: inherit;
|
|
6951
6755
|
font-weight: inherit;
|
|
@@ -6961,17 +6765,17 @@
|
|
|
6961
6765
|
}
|
|
6962
6766
|
|
|
6963
6767
|
.navds-table__sort-button:hover {
|
|
6964
|
-
background-color: var(--ax-bg-hoverA);
|
|
6768
|
+
background-color: var(--ax-bg-neutral-moderate-hoverA);
|
|
6965
6769
|
}
|
|
6966
6770
|
|
|
6967
6771
|
.navds-table__sort-button:focus-visible {
|
|
6968
|
-
outline:
|
|
6969
|
-
outline-offset: -
|
|
6772
|
+
outline: 3px solid var(--ax-border-focus);
|
|
6773
|
+
outline-offset: -5px;
|
|
6970
6774
|
}
|
|
6971
6775
|
|
|
6972
6776
|
.navds-table__header-cell[aria-sort="ascending"] .navds-table__sort-button, .navds-table__header-cell[aria-sort="descending"] .navds-table__sort-button {
|
|
6973
|
-
background-color: var(--ax-bg-accent-moderate);
|
|
6974
|
-
color: var(--ax-text-accent
|
|
6777
|
+
background-color: var(--ax-bg-accent-moderate-pressedA);
|
|
6778
|
+
color: var(--ax-text-accent);
|
|
6975
6779
|
}
|
|
6976
6780
|
|
|
6977
6781
|
.navds-table__header-cell--align-right .navds-table__sort-button {
|
|
@@ -6984,7 +6788,7 @@
|
|
|
6984
6788
|
|
|
6985
6789
|
.navds-table__sort-button svg {
|
|
6986
6790
|
flex-shrink: 0;
|
|
6987
|
-
font-size:
|
|
6791
|
+
font-size: 1.5rem;
|
|
6988
6792
|
}
|
|
6989
6793
|
|
|
6990
6794
|
.navds-table__expandable-row:not(.navds-table__expandable-row--open) :where(.navds-table__data-cell, .navds-table__header-cell) {
|
|
@@ -7039,7 +6843,11 @@
|
|
|
7039
6843
|
}
|
|
7040
6844
|
|
|
7041
6845
|
.navds-table__toggle-expand-button:hover, .navds-table__toggle-expand-cell:hover > .navds-table__toggle-expand-button, .navds-table__expandable-row--clickable:hover .navds-table__toggle-expand-button {
|
|
7042
|
-
background-color: var(--ax-bg-hoverA);
|
|
6846
|
+
background-color: var(--ax-bg-neutral-moderate-hoverA);
|
|
6847
|
+
}
|
|
6848
|
+
|
|
6849
|
+
.navds-table__row--selected :is(:scope .navds-table__toggle-expand-button:hover, :scope .navds-table__toggle-expand-cell:hover > .navds-table__toggle-expand-button, :scope .navds-table__expandable-row--clickable:hover .navds-table__toggle-expand-button) {
|
|
6850
|
+
background-color: var(--ax-bg-accent-moderate-hoverA);
|
|
7043
6851
|
}
|
|
7044
6852
|
|
|
7045
6853
|
.navds-table__toggle-expand-cell--open > :where(.navds-table__toggle-expand-button) :where(.navds-table__expandable-icon) {
|
|
@@ -7047,7 +6855,7 @@
|
|
|
7047
6855
|
}
|
|
7048
6856
|
|
|
7049
6857
|
.navds-table__toggle-expand-button:focus-visible {
|
|
7050
|
-
outline:
|
|
6858
|
+
outline: 3px solid var(--ax-border-focus);
|
|
7051
6859
|
}
|
|
7052
6860
|
|
|
7053
6861
|
.navds-table__expanded-row-cell {
|
|
@@ -7059,7 +6867,7 @@
|
|
|
7059
6867
|
}
|
|
7060
6868
|
|
|
7061
6869
|
.navds-table__expanded-row-collapse:not([style*="height: 0px;"]), .navds-table__expanded-row-collapse[style*="transition:"] {
|
|
7062
|
-
border-bottom: 1px solid var(--ax-border-
|
|
6870
|
+
border-bottom: 1px solid var(--ax-border-neutral-subtleA);
|
|
7063
6871
|
}
|
|
7064
6872
|
|
|
7065
6873
|
.navds-table__expanded-row-content {
|
|
@@ -7088,7 +6896,7 @@
|
|
|
7088
6896
|
}
|
|
7089
6897
|
|
|
7090
6898
|
.navds-tabs__tablist-wrapper {
|
|
7091
|
-
box-shadow: inset 0 -1px var(--ax-border-
|
|
6899
|
+
box-shadow: inset 0 -1px var(--ax-border-neutral-subtleA);
|
|
7092
6900
|
width: 100%;
|
|
7093
6901
|
display: flex;
|
|
7094
6902
|
}
|
|
@@ -7133,10 +6941,10 @@
|
|
|
7133
6941
|
.navds-tabs__tab {
|
|
7134
6942
|
min-height: 3rem;
|
|
7135
6943
|
padding: var(--ax-space-12) var(--ax-space-16);
|
|
7136
|
-
color: var(--ax-text-
|
|
6944
|
+
color: var(--ax-text-neutral);
|
|
7137
6945
|
cursor: pointer;
|
|
7138
6946
|
--__axc-tabs-line-width: 0;
|
|
7139
|
-
--__axc-tabs-line-color: var(--ax-border-
|
|
6947
|
+
--__axc-tabs-line-color: var(--ax-border-neutral-subtleA);
|
|
7140
6948
|
box-shadow: inset 0 var(--__axc-tabs-line-width) var(--__axc-tabs-line-color);
|
|
7141
6949
|
background: none;
|
|
7142
6950
|
border: none;
|
|
@@ -7156,8 +6964,8 @@
|
|
|
7156
6964
|
}
|
|
7157
6965
|
|
|
7158
6966
|
.navds-tabs__tab:focus-visible {
|
|
7159
|
-
outline:
|
|
7160
|
-
outline-offset: -
|
|
6967
|
+
outline: 3px solid var(--ax-border-focus);
|
|
6968
|
+
outline-offset: -3px;
|
|
7161
6969
|
}
|
|
7162
6970
|
|
|
7163
6971
|
.navds-tabs__tab-inner {
|
|
@@ -7205,8 +7013,8 @@
|
|
|
7205
7013
|
}
|
|
7206
7014
|
|
|
7207
7015
|
.navds-tabs__tabpanel:focus-visible {
|
|
7208
|
-
outline:
|
|
7209
|
-
outline-offset: -
|
|
7016
|
+
outline: 3px solid var(--ax-border-focus);
|
|
7017
|
+
outline-offset: -4px;
|
|
7210
7018
|
}
|
|
7211
7019
|
|
|
7212
7020
|
@media (forced-colors: active) {
|
|
@@ -7225,14 +7033,10 @@
|
|
|
7225
7033
|
}
|
|
7226
7034
|
|
|
7227
7035
|
.navds-list ul, .navds-list ol {
|
|
7228
|
-
margin
|
|
7036
|
+
margin: 0;
|
|
7229
7037
|
padding: 0;
|
|
7230
7038
|
}
|
|
7231
7039
|
|
|
7232
|
-
.navds-list--small ul, .navds-list--small ol {
|
|
7233
|
-
margin-block: var(--ax-space-12);
|
|
7234
|
-
}
|
|
7235
|
-
|
|
7236
7040
|
.navds-list .navds-list :where(ul, ol) {
|
|
7237
7041
|
margin-block: var(--ax-space-8) 0;
|
|
7238
7042
|
}
|
|
@@ -7312,7 +7116,7 @@
|
|
|
7312
7116
|
}
|
|
7313
7117
|
|
|
7314
7118
|
.navds-theme {
|
|
7315
|
-
color: var(--ax-text-
|
|
7119
|
+
color: var(--ax-text-neutral);
|
|
7316
7120
|
}
|
|
7317
7121
|
|
|
7318
7122
|
.navds-theme[data-background="true"] {
|
|
@@ -8319,13 +8123,13 @@
|
|
|
8319
8123
|
}
|
|
8320
8124
|
|
|
8321
8125
|
.navds-pageblock--gutters {
|
|
8322
|
-
--__axc-page-padding-inline: var(--
|
|
8126
|
+
--__axc-page-padding-inline: var(--ax-space-16);
|
|
8323
8127
|
padding-inline: var(--__axc-page-padding-inline);
|
|
8324
8128
|
}
|
|
8325
8129
|
|
|
8326
8130
|
@media (min-width: 1024px) {
|
|
8327
8131
|
.navds-pageblock--gutters {
|
|
8328
|
-
--__axc-page-padding-inline: var(--
|
|
8132
|
+
--__axc-page-padding-inline: var(--ax-space-48);
|
|
8329
8133
|
}
|
|
8330
8134
|
}
|
|
8331
8135
|
|