@nldd/design-system 0.8.67 → 0.8.69
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/components/actions/button/button.d.ts +6 -0
- package/dist/components/actions/button/button.d.ts.map +1 -1
- package/dist/components/actions/button/button.js +12 -0
- package/dist/components/actions/button/button.js.map +1 -1
- package/dist/components/actions/button/button.styles.js +108 -108
- package/dist/components/actions/button/button.template.d.ts.map +1 -1
- package/dist/components/actions/button/button.template.js +9 -0
- package/dist/components/actions/button/button.template.js.map +1 -1
- package/dist/components/actions/icon-button/icon-button.d.ts +9 -0
- package/dist/components/actions/icon-button/icon-button.d.ts.map +1 -1
- package/dist/components/actions/icon-button/icon-button.js +15 -0
- package/dist/components/actions/icon-button/icon-button.js.map +1 -1
- package/dist/components/actions/icon-button/icon-button.styles.js +54 -54
- package/dist/components/actions/icon-button/icon-button.template.d.ts.map +1 -1
- package/dist/components/actions/icon-button/icon-button.template.js +7 -1
- package/dist/components/actions/icon-button/icon-button.template.js.map +1 -1
- package/dist/components/actions/menu/menu.d.ts +19 -0
- package/dist/components/actions/menu/menu.d.ts.map +1 -1
- package/dist/components/actions/menu/menu.js +53 -2
- package/dist/components/actions/menu/menu.js.map +1 -1
- package/dist/components/actions/menu/menu.styles.d.ts.map +1 -1
- package/dist/components/actions/menu/menu.styles.js +50 -23
- package/dist/components/actions/menu/menu.styles.js.map +1 -1
- package/dist/components/actions/menu/menu.template.d.ts.map +1 -1
- package/dist/components/actions/menu/menu.template.js +58 -33
- package/dist/components/actions/menu/menu.template.js.map +1 -1
- package/dist/components/actions/split-button/split-button.d.ts +16 -18
- package/dist/components/actions/split-button/split-button.d.ts.map +1 -1
- package/dist/components/actions/split-button/split-button.js +28 -54
- package/dist/components/actions/split-button/split-button.js.map +1 -1
- package/dist/components/actions/split-button/split-button.template.js +1 -1
- package/dist/components/actions/split-button/split-button.template.js.map +1 -1
- package/dist/components/actions/toolbar/toolbar.d.ts +10 -0
- package/dist/components/actions/toolbar/toolbar.d.ts.map +1 -1
- package/dist/components/actions/toolbar/toolbar.js +41 -2
- package/dist/components/actions/toolbar/toolbar.js.map +1 -1
- package/dist/components/actions/toolbar/toolbar.styles.d.ts.map +1 -1
- package/dist/components/actions/toolbar/toolbar.styles.js +16 -2
- package/dist/components/actions/toolbar/toolbar.styles.js.map +1 -1
- package/dist/components/components.js +103 -102
- package/dist/components/content/avatar/avatar.d.ts +96 -0
- package/dist/components/content/avatar/avatar.d.ts.map +1 -0
- package/dist/components/content/avatar/avatar.js +210 -0
- package/dist/components/content/avatar/avatar.js.map +1 -0
- package/dist/components/content/avatar/avatar.styles.d.ts +2 -0
- package/dist/components/content/avatar/avatar.styles.d.ts.map +1 -0
- package/dist/components/content/avatar/avatar.styles.js +126 -0
- package/dist/components/content/avatar/avatar.styles.js.map +1 -0
- package/dist/components/content/avatar/avatar.template.d.ts +3 -0
- package/dist/components/content/avatar/avatar.template.d.ts.map +1 -0
- package/dist/components/content/avatar/avatar.template.js +36 -0
- package/dist/components/content/avatar/avatar.template.js.map +1 -0
- package/dist/components/content/byline/byline.d.ts +1 -0
- package/dist/components/content/byline/byline.d.ts.map +1 -1
- package/dist/components/content/byline/byline.js +1 -0
- package/dist/components/content/byline/byline.js.map +1 -1
- package/dist/components/content/byline/byline.styles.d.ts.map +1 -1
- package/dist/components/content/byline/byline.styles.js +15 -5
- package/dist/components/content/byline/byline.styles.js.map +1 -1
- package/dist/components/content/byline/byline.template.js +11 -11
- package/dist/components/content/byline/byline.template.js.map +1 -1
- package/dist/components/content/icon/icon-aliases.d.ts.map +1 -1
- package/dist/components/content/icon/icon-aliases.js +2 -0
- package/dist/components/content/icon/icon-aliases.js.map +1 -1
- package/dist/components/content/icon/icon-registry.d.ts.map +1 -1
- package/dist/components/content/icon/icon-registry.js +1 -0
- package/dist/components/content/icon/icon-registry.js.map +1 -1
- package/dist/components/content/image/lqip-encoder-element.js +1 -1
- package/dist/components/content/rich-text/rich-text.d.ts +7 -0
- package/dist/components/content/rich-text/rich-text.d.ts.map +1 -1
- package/dist/components/content/rich-text/rich-text.js +10 -0
- package/dist/components/content/rich-text/rich-text.js.map +1 -1
- package/dist/components/content/tag/tag.styles.js +23 -23
- package/dist/components/content/token/token.styles.js +1 -1
- package/dist/components/{index-CXT1jMFt.js → index-Bf4pa5Bp.js} +1 -1
- package/dist/components/{index-DWwviobk.js → index-BfOpap4b.js} +1 -1
- package/dist/components/{index-Bfw_pYWB.js → index-CXC-Objp.js} +1 -1
- package/dist/components/{index-CKnwqp_9.js → index-CfvgUB5p.js} +1 -1
- package/dist/components/{index-DO7aT0MT.js → index-DB-i084x.js} +1 -1
- package/dist/components/{index-Bqf6o41r.js → index-DZo3DrGQ.js} +1 -1
- package/dist/components/{index-DjsXjoZJ.js → index-VwuVCCal.js} +1474 -927
- package/dist/components/index.d.ts +1 -0
- package/dist/components/index.d.ts.map +1 -1
- package/dist/components/index.js +1 -0
- package/dist/components/index.js.map +1 -1
- package/dist/components/inputs/dropdown/dropdown.styles.js +6 -6
- package/dist/components/inputs/segmented-control/segmented-control.styles.js +6 -6
- package/dist/components/inputs/text-editor/text-editor.links.d.ts +8 -0
- package/dist/components/inputs/text-editor/text-editor.links.d.ts.map +1 -1
- package/dist/components/inputs/text-editor/text-editor.links.js +48 -7
- package/dist/components/inputs/text-editor/text-editor.links.js.map +1 -1
- package/dist/components/inputs/text-editor/text-editor.markdown.d.ts.map +1 -1
- package/dist/components/inputs/text-editor/text-editor.markdown.js +11 -0
- package/dist/components/inputs/text-editor/text-editor.markdown.js.map +1 -1
- package/dist/components/inputs/text-editor/text-editor.styles.d.ts.map +1 -1
- package/dist/components/inputs/text-editor/text-editor.styles.js +14 -3
- package/dist/components/inputs/text-editor/text-editor.styles.js.map +1 -1
- package/dist/components/inputs/toggle-button/toggle-button.styles.js +6 -6
- package/dist/components/layout/page-footer/page-footer.d.ts +9 -1
- package/dist/components/layout/page-footer/page-footer.d.ts.map +1 -1
- package/dist/components/layout/page-footer/page-footer.js +23 -1
- package/dist/components/layout/page-footer/page-footer.js.map +1 -1
- package/dist/components/layout/page-footer/page-footer.styles.d.ts.map +1 -1
- package/dist/components/layout/page-footer/page-footer.styles.js +9 -0
- package/dist/components/layout/page-footer/page-footer.styles.js.map +1 -1
- package/dist/components/layout/page-sections/hero/hero.styles.js +19 -19
- package/dist/components/layout/popover/popover.d.ts.map +1 -1
- package/dist/components/layout/popover/popover.js +32 -2
- package/dist/components/layout/popover/popover.js.map +1 -1
- package/dist/components/layout/sheet/sheet.d.ts +6 -0
- package/dist/components/layout/sheet/sheet.d.ts.map +1 -1
- package/dist/components/layout/sheet/sheet.js +13 -1
- package/dist/components/layout/sheet/sheet.js.map +1 -1
- package/dist/components/layout/sheet/sheet.template.d.ts.map +1 -1
- package/dist/components/layout/sheet/sheet.template.js +1 -0
- package/dist/components/layout/sheet/sheet.template.js.map +1 -1
- package/dist/components/lists-and-tables/cells/description-cell/description-cell.styles.js +2 -2
- package/dist/components/lists-and-tables/cells/icon-cell/icon-cell.styles.js +6 -6
- package/dist/components/lists-and-tables/cells/text-cell/text-cell.styles.js +11 -11
- package/dist/components/lists-and-tables/cells/title-cell/title-cell.styles.js +11 -11
- package/dist/components/lists-and-tables/list-item/list-item.styles.d.ts.map +1 -1
- package/dist/components/lists-and-tables/list-item/list-item.styles.js +14 -7
- package/dist/components/lists-and-tables/list-item/list-item.styles.js.map +1 -1
- package/dist/components/lists-and-tables/table/table.styles.d.ts.map +1 -1
- package/dist/components/lists-and-tables/table/table.styles.js +2 -1
- package/dist/components/lists-and-tables/table/table.styles.js.map +1 -1
- package/dist/components/navigation/document-tab-bar/document-tab-bar.styles.js +14 -14
- package/dist/components/navigation/pagination/pagination.styles.js +9 -9
- package/dist/components/navigation/tab-bar/tab-bar.styles.js +6 -6
- package/dist/components/status-and-feedback/activity-indicator/activity-indicator.d.ts +14 -2
- package/dist/components/status-and-feedback/activity-indicator/activity-indicator.d.ts.map +1 -1
- package/dist/components/status-and-feedback/activity-indicator/activity-indicator.js +14 -2
- package/dist/components/status-and-feedback/activity-indicator/activity-indicator.js.map +1 -1
- package/dist/components/status-and-feedback/activity-indicator/activity-indicator.styles.d.ts.map +1 -1
- package/dist/components/status-and-feedback/activity-indicator/activity-indicator.styles.js +3 -2
- package/dist/components/status-and-feedback/activity-indicator/activity-indicator.styles.js.map +1 -1
- package/dist/components/status-and-feedback/badge/badge.styles.js +23 -23
- package/dist/components/status-and-feedback/inline-dialog/inline-dialog.d.ts +3 -2
- package/dist/components/status-and-feedback/inline-dialog/inline-dialog.d.ts.map +1 -1
- package/dist/components/status-and-feedback/inline-dialog/inline-dialog.js +2 -1
- package/dist/components/status-and-feedback/inline-dialog/inline-dialog.js.map +1 -1
- package/dist/components/status-and-feedback/inline-dialog/inline-dialog.template.d.ts.map +1 -1
- package/dist/components/status-and-feedback/inline-dialog/inline-dialog.template.js +8 -1
- package/dist/components/status-and-feedback/inline-dialog/inline-dialog.template.js.map +1 -1
- package/dist/css/rich-text.css +19 -0
- package/dist/css/settings.css +253 -246
- package/dist/utilities/popup-anchor-controller.d.ts +63 -0
- package/dist/utilities/popup-anchor-controller.d.ts.map +1 -0
- package/dist/utilities/popup-anchor-controller.js +63 -0
- package/dist/utilities/popup-anchor-controller.js.map +1 -0
- package/package.json +5 -1
package/dist/css/settings.css
CHANGED
|
@@ -904,324 +904,324 @@
|
|
|
904
904
|
/* neutral */
|
|
905
905
|
--semantics-categories-neutral-filled-background-color: light-dark(var(--primitives-color-neutral-600), var(--primitives-color-neutral-450));
|
|
906
906
|
--semantics-categories-neutral-filled-highlight-border-color: light-dark(var(--primitives-color-neutral-650), var(--primitives-color-neutral-500));
|
|
907
|
-
--semantics-categories-neutral-filled-
|
|
908
|
-
--semantics-categories-neutral-filled-secondary-
|
|
907
|
+
--semantics-categories-neutral-filled-content-color: light-dark(var(--primitives-color-neutral-0), var(--primitives-color-neutral-1000));
|
|
908
|
+
--semantics-categories-neutral-filled-content-secondary-color: light-dark(var(--primitives-color-neutral-0), var(--primitives-color-neutral-1000));
|
|
909
909
|
--semantics-categories-neutral-tinted-background-color: light-dark(var(--primitives-color-neutral-50), var(--primitives-color-neutral-150));
|
|
910
910
|
--semantics-categories-neutral-tinted-highlight-border-color: light-dark(var(--primitives-color-neutral-100), var(--primitives-color-neutral-200));
|
|
911
|
-
--semantics-categories-neutral-tinted-
|
|
912
|
-
--semantics-categories-neutral-tinted-secondary-
|
|
911
|
+
--semantics-categories-neutral-tinted-content-color: var(--primitives-color-neutral-750);
|
|
912
|
+
--semantics-categories-neutral-tinted-content-secondary-color: var(--primitives-color-neutral-750);
|
|
913
913
|
--semantics-categories-neutral-reference-background-color: light-dark(var(--primitives-color-neutral-600), var(--primitives-color-neutral-400));
|
|
914
914
|
--semantics-categories-neutral-reference-highlight-border-color: light-dark(var(--primitives-color-neutral-650), var(--primitives-color-neutral-450));
|
|
915
|
-
--semantics-categories-neutral-reference-
|
|
916
|
-
--semantics-categories-neutral-reference-secondary-
|
|
915
|
+
--semantics-categories-neutral-reference-content-color: light-dark(var(--primitives-color-neutral-0), var(--primitives-color-neutral-1000));
|
|
916
|
+
--semantics-categories-neutral-reference-content-secondary-color: light-dark(var(--primitives-color-neutral-0), var(--primitives-color-neutral-1000));
|
|
917
917
|
|
|
918
918
|
/* accent */
|
|
919
919
|
--semantics-categories-accent-filled-background-color: light-dark(var(--primitives-color-accent-750), var(--primitives-color-accent-400));
|
|
920
920
|
--semantics-categories-accent-filled-highlight-border-color: light-dark(var(--primitives-color-accent-800), var(--primitives-color-accent-500));
|
|
921
|
-
--semantics-categories-accent-filled-
|
|
922
|
-
--semantics-categories-accent-filled-secondary-
|
|
921
|
+
--semantics-categories-accent-filled-content-color: light-dark(var(--primitives-color-accent-0), var(--primitives-color-accent-1000));
|
|
922
|
+
--semantics-categories-accent-filled-content-secondary-color: light-dark(var(--primitives-color-accent-0), var(--primitives-color-accent-1000));
|
|
923
923
|
--semantics-categories-accent-tinted-background-color: light-dark(var(--primitives-color-accent-50), var(--primitives-color-accent-75));
|
|
924
924
|
--semantics-categories-accent-tinted-highlight-border-color: light-dark(var(--primitives-color-accent-100), var(--primitives-color-accent-150));
|
|
925
|
-
--semantics-categories-accent-tinted-
|
|
926
|
-
--semantics-categories-accent-tinted-secondary-
|
|
925
|
+
--semantics-categories-accent-tinted-content-color: var(--primitives-color-accent-700);
|
|
926
|
+
--semantics-categories-accent-tinted-content-secondary-color: var(--primitives-color-accent-700);
|
|
927
927
|
--semantics-categories-accent-reference-background-color: light-dark(var(--primitives-color-accent-750), var(--primitives-color-accent-250));
|
|
928
928
|
--semantics-categories-accent-reference-highlight-border-color: light-dark(var(--primitives-color-accent-800), var(--primitives-color-accent-200));
|
|
929
|
-
--semantics-categories-accent-reference-
|
|
930
|
-
--semantics-categories-accent-reference-secondary-
|
|
929
|
+
--semantics-categories-accent-reference-content-color: light-dark(var(--primitives-color-accent-0), var(--primitives-color-accent-1000));
|
|
930
|
+
--semantics-categories-accent-reference-content-secondary-color: light-dark(var(--primitives-color-accent-0), var(--primitives-color-accent-1000));
|
|
931
931
|
|
|
932
932
|
/* critical */
|
|
933
933
|
--semantics-categories-critical-filled-background-color: light-dark(var(--primitives-color-critical-650), var(--primitives-color-critical-450));
|
|
934
934
|
--semantics-categories-critical-filled-highlight-border-color: light-dark(var(--primitives-color-critical-600), var(--primitives-color-critical-500));
|
|
935
|
-
--semantics-categories-critical-filled-
|
|
936
|
-
--semantics-categories-critical-filled-secondary-
|
|
935
|
+
--semantics-categories-critical-filled-content-color: light-dark(var(--primitives-color-critical-0), var(--primitives-color-critical-1000));
|
|
936
|
+
--semantics-categories-critical-filled-content-secondary-color: light-dark(var(--primitives-color-critical-0), var(--primitives-color-critical-1000));
|
|
937
937
|
--semantics-categories-critical-tinted-background-color: light-dark(var(--primitives-color-critical-50), var(--primitives-color-critical-75));
|
|
938
938
|
--semantics-categories-critical-tinted-highlight-border-color: light-dark(var(--primitives-color-critical-100), var(--primitives-color-critical-150));
|
|
939
|
-
--semantics-categories-critical-tinted-
|
|
940
|
-
--semantics-categories-critical-tinted-secondary-
|
|
939
|
+
--semantics-categories-critical-tinted-content-color: var(--primitives-color-critical-600);
|
|
940
|
+
--semantics-categories-critical-tinted-content-secondary-color: var(--primitives-color-critical-600);
|
|
941
941
|
--semantics-categories-critical-reference-background-color: light-dark(var(--primitives-color-critical-550), var(--primitives-color-critical-450));
|
|
942
942
|
--semantics-categories-critical-reference-highlight-border-color: light-dark(var(--primitives-color-critical-600), var(--primitives-color-critical-400));
|
|
943
|
-
--semantics-categories-critical-reference-
|
|
944
|
-
--semantics-categories-critical-reference-secondary-
|
|
943
|
+
--semantics-categories-critical-reference-content-color: light-dark(var(--primitives-color-critical-0), var(--primitives-color-critical-1000));
|
|
944
|
+
--semantics-categories-critical-reference-content-secondary-color: light-dark(var(--primitives-color-critical-0), var(--primitives-color-critical-1000));
|
|
945
945
|
|
|
946
946
|
/* warning */
|
|
947
947
|
--semantics-categories-warning-filled-background-color: light-dark(var(--primitives-color-warning-400), var(--primitives-color-warning-600));
|
|
948
948
|
--semantics-categories-warning-filled-highlight-border-color: light-dark(var(--primitives-color-warning-450), var(--primitives-color-warning-650));
|
|
949
|
-
--semantics-categories-warning-filled-
|
|
950
|
-
--semantics-categories-warning-filled-secondary-
|
|
949
|
+
--semantics-categories-warning-filled-content-color: light-dark(var(--primitives-color-warning-1000), var(--primitives-color-warning-0));
|
|
950
|
+
--semantics-categories-warning-filled-content-secondary-color: light-dark(var(--primitives-color-warning-1000), var(--primitives-color-warning-0));
|
|
951
951
|
--semantics-categories-warning-tinted-background-color: light-dark(var(--primitives-color-warning-50), var(--primitives-color-warning-75));
|
|
952
952
|
--semantics-categories-warning-tinted-highlight-border-color: light-dark(var(--primitives-color-warning-100), var(--primitives-color-warning-150));
|
|
953
|
-
--semantics-categories-warning-tinted-
|
|
954
|
-
--semantics-categories-warning-tinted-secondary-
|
|
953
|
+
--semantics-categories-warning-tinted-content-color: var(--primitives-color-warning-650);
|
|
954
|
+
--semantics-categories-warning-tinted-content-secondary-color: var(--primitives-color-warning-650);
|
|
955
955
|
--semantics-categories-warning-reference-background-color: light-dark(var(--primitives-color-warning-400), var(--primitives-color-warning-600));
|
|
956
956
|
--semantics-categories-warning-reference-highlight-border-color: light-dark(var(--primitives-color-warning-450), var(--primitives-color-warning-550));
|
|
957
|
-
--semantics-categories-warning-reference-
|
|
958
|
-
--semantics-categories-warning-reference-secondary-
|
|
957
|
+
--semantics-categories-warning-reference-content-color: light-dark(var(--primitives-color-warning-1000), var(--primitives-color-warning-0));
|
|
958
|
+
--semantics-categories-warning-reference-content-secondary-color: light-dark(var(--primitives-color-warning-1000), var(--primitives-color-warning-0));
|
|
959
959
|
|
|
960
960
|
/* success */
|
|
961
961
|
--semantics-categories-success-filled-background-color: var(--primitives-color-success-500);
|
|
962
962
|
--semantics-categories-success-filled-highlight-border-color: var(--primitives-color-success-550);
|
|
963
|
-
--semantics-categories-success-filled-
|
|
964
|
-
--semantics-categories-success-filled-secondary-
|
|
963
|
+
--semantics-categories-success-filled-content-color: light-dark(var(--primitives-color-success-0), var(--primitives-color-success-1000));
|
|
964
|
+
--semantics-categories-success-filled-content-secondary-color: light-dark(var(--primitives-color-success-0), var(--primitives-color-success-1000));
|
|
965
965
|
--semantics-categories-success-tinted-background-color: light-dark(var(--primitives-color-success-50), var(--primitives-color-success-75));
|
|
966
966
|
--semantics-categories-success-tinted-highlight-border-color: light-dark(var(--primitives-color-success-100), var(--primitives-color-success-150));
|
|
967
|
-
--semantics-categories-success-tinted-
|
|
968
|
-
--semantics-categories-success-tinted-secondary-
|
|
967
|
+
--semantics-categories-success-tinted-content-color: var(--primitives-color-success-650);
|
|
968
|
+
--semantics-categories-success-tinted-content-secondary-color: var(--primitives-color-success-650);
|
|
969
969
|
--semantics-categories-success-reference-background-color: light-dark(var(--primitives-color-success-500), var(--primitives-color-success-500));
|
|
970
970
|
--semantics-categories-success-reference-highlight-border-color: light-dark(var(--primitives-color-success-550), var(--primitives-color-success-450));
|
|
971
|
-
--semantics-categories-success-reference-
|
|
972
|
-
--semantics-categories-success-reference-secondary-
|
|
971
|
+
--semantics-categories-success-reference-content-color: light-dark(var(--primitives-color-success-0), var(--primitives-color-success-1000));
|
|
972
|
+
--semantics-categories-success-reference-content-secondary-color: light-dark(var(--primitives-color-success-0), var(--primitives-color-success-1000));
|
|
973
973
|
|
|
974
974
|
/* lintblauw */
|
|
975
975
|
--semantics-categories-lintblauw-filled-background-color: light-dark(var(--primitives-color-lintblauw-750), var(--primitives-color-lintblauw-400));
|
|
976
976
|
--semantics-categories-lintblauw-filled-highlight-border-color: light-dark(var(--primitives-color-lintblauw-800), var(--primitives-color-lintblauw-500));
|
|
977
|
-
--semantics-categories-lintblauw-filled-
|
|
978
|
-
--semantics-categories-lintblauw-filled-secondary-
|
|
977
|
+
--semantics-categories-lintblauw-filled-content-color: light-dark(var(--primitives-color-lintblauw-0), var(--primitives-color-lintblauw-1000));
|
|
978
|
+
--semantics-categories-lintblauw-filled-content-secondary-color: light-dark(var(--primitives-color-lintblauw-0), var(--primitives-color-lintblauw-1000));
|
|
979
979
|
--semantics-categories-lintblauw-tinted-background-color: light-dark(var(--primitives-color-lintblauw-50), var(--primitives-color-lintblauw-75));
|
|
980
980
|
--semantics-categories-lintblauw-tinted-highlight-border-color: light-dark(var(--primitives-color-lintblauw-100), var(--primitives-color-lintblauw-150));
|
|
981
|
-
--semantics-categories-lintblauw-tinted-
|
|
982
|
-
--semantics-categories-lintblauw-tinted-secondary-
|
|
981
|
+
--semantics-categories-lintblauw-tinted-content-color: var(--primitives-color-lintblauw-700);
|
|
982
|
+
--semantics-categories-lintblauw-tinted-content-secondary-color: var(--primitives-color-lintblauw-700);
|
|
983
983
|
--semantics-categories-lintblauw-reference-background-color: light-dark(var(--primitives-color-lintblauw-750), var(--primitives-color-lintblauw-250));
|
|
984
984
|
--semantics-categories-lintblauw-reference-highlight-border-color: light-dark(var(--primitives-color-lintblauw-800), var(--primitives-color-lintblauw-200));
|
|
985
|
-
--semantics-categories-lintblauw-reference-
|
|
986
|
-
--semantics-categories-lintblauw-reference-secondary-
|
|
985
|
+
--semantics-categories-lintblauw-reference-content-color: light-dark(var(--primitives-color-lintblauw-0), var(--primitives-color-lintblauw-1000));
|
|
986
|
+
--semantics-categories-lintblauw-reference-content-secondary-color: light-dark(var(--primitives-color-lintblauw-0), var(--primitives-color-lintblauw-1000));
|
|
987
987
|
|
|
988
988
|
/* donkerblauw */
|
|
989
989
|
--semantics-categories-donkerblauw-filled-background-color: light-dark(var(--primitives-color-donkerblauw-600), var(--primitives-color-donkerblauw-400));
|
|
990
990
|
--semantics-categories-donkerblauw-filled-highlight-border-color: light-dark(var(--primitives-color-donkerblauw-650), var(--primitives-color-donkerblauw-500));
|
|
991
|
-
--semantics-categories-donkerblauw-filled-
|
|
992
|
-
--semantics-categories-donkerblauw-filled-secondary-
|
|
991
|
+
--semantics-categories-donkerblauw-filled-content-color: light-dark(var(--primitives-color-donkerblauw-0), var(--primitives-color-donkerblauw-1000));
|
|
992
|
+
--semantics-categories-donkerblauw-filled-content-secondary-color: light-dark(var(--primitives-color-donkerblauw-0), var(--primitives-color-donkerblauw-1000));
|
|
993
993
|
--semantics-categories-donkerblauw-tinted-background-color: light-dark(var(--primitives-color-donkerblauw-50), var(--primitives-color-donkerblauw-75));
|
|
994
994
|
--semantics-categories-donkerblauw-tinted-highlight-border-color: light-dark(var(--primitives-color-donkerblauw-100), var(--primitives-color-donkerblauw-150));
|
|
995
|
-
--semantics-categories-donkerblauw-tinted-
|
|
996
|
-
--semantics-categories-donkerblauw-tinted-secondary-
|
|
995
|
+
--semantics-categories-donkerblauw-tinted-content-color: var(--primitives-color-donkerblauw-700);
|
|
996
|
+
--semantics-categories-donkerblauw-tinted-content-secondary-color: var(--primitives-color-donkerblauw-700);
|
|
997
997
|
--semantics-categories-donkerblauw-reference-background-color: light-dark(var(--primitives-color-donkerblauw-600), var(--primitives-color-donkerblauw-400));
|
|
998
998
|
--semantics-categories-donkerblauw-reference-highlight-border-color: light-dark(var(--primitives-color-donkerblauw-650), var(--primitives-color-donkerblauw-350));
|
|
999
|
-
--semantics-categories-donkerblauw-reference-
|
|
1000
|
-
--semantics-categories-donkerblauw-reference-secondary-
|
|
999
|
+
--semantics-categories-donkerblauw-reference-content-color: light-dark(var(--primitives-color-donkerblauw-0), var(--primitives-color-donkerblauw-1000));
|
|
1000
|
+
--semantics-categories-donkerblauw-reference-content-secondary-color: light-dark(var(--primitives-color-donkerblauw-0), var(--primitives-color-donkerblauw-1000));
|
|
1001
1001
|
|
|
1002
1002
|
/* hemelblauw */
|
|
1003
1003
|
--semantics-categories-hemelblauw-filled-background-color: var(--primitives-color-hemelblauw-500);
|
|
1004
1004
|
--semantics-categories-hemelblauw-filled-highlight-border-color: var(--primitives-color-hemelblauw-550);
|
|
1005
|
-
--semantics-categories-hemelblauw-filled-
|
|
1006
|
-
--semantics-categories-hemelblauw-filled-secondary-
|
|
1005
|
+
--semantics-categories-hemelblauw-filled-content-color: light-dark(var(--primitives-color-hemelblauw-0), var(--primitives-color-hemelblauw-1000));
|
|
1006
|
+
--semantics-categories-hemelblauw-filled-content-secondary-color: light-dark(var(--primitives-color-hemelblauw-0), var(--primitives-color-hemelblauw-1000));
|
|
1007
1007
|
--semantics-categories-hemelblauw-tinted-background-color: light-dark(var(--primitives-color-hemelblauw-50), var(--primitives-color-hemelblauw-75));
|
|
1008
1008
|
--semantics-categories-hemelblauw-tinted-highlight-border-color: light-dark(var(--primitives-color-hemelblauw-100), var(--primitives-color-hemelblauw-150));
|
|
1009
|
-
--semantics-categories-hemelblauw-tinted-
|
|
1010
|
-
--semantics-categories-hemelblauw-tinted-secondary-
|
|
1009
|
+
--semantics-categories-hemelblauw-tinted-content-color: var(--primitives-color-hemelblauw-650);
|
|
1010
|
+
--semantics-categories-hemelblauw-tinted-content-secondary-color: var(--primitives-color-hemelblauw-650);
|
|
1011
1011
|
--semantics-categories-hemelblauw-reference-background-color: light-dark(var(--primitives-color-hemelblauw-500), var(--primitives-color-hemelblauw-500));
|
|
1012
1012
|
--semantics-categories-hemelblauw-reference-highlight-border-color: light-dark(var(--primitives-color-hemelblauw-550), var(--primitives-color-hemelblauw-450));
|
|
1013
|
-
--semantics-categories-hemelblauw-reference-
|
|
1014
|
-
--semantics-categories-hemelblauw-reference-secondary-
|
|
1013
|
+
--semantics-categories-hemelblauw-reference-content-color: light-dark(var(--primitives-color-hemelblauw-0), var(--primitives-color-hemelblauw-1000));
|
|
1014
|
+
--semantics-categories-hemelblauw-reference-content-secondary-color: light-dark(var(--primitives-color-hemelblauw-0), var(--primitives-color-hemelblauw-1000));
|
|
1015
1015
|
|
|
1016
1016
|
/* lichtblauw */
|
|
1017
1017
|
--semantics-categories-lichtblauw-filled-background-color: light-dark(var(--primitives-color-lichtblauw-350), var(--primitives-color-lichtblauw-800));
|
|
1018
1018
|
--semantics-categories-lichtblauw-filled-highlight-border-color: light-dark(var(--primitives-color-lichtblauw-450), var(--primitives-color-lichtblauw-850));
|
|
1019
|
-
--semantics-categories-lichtblauw-filled-
|
|
1020
|
-
--semantics-categories-lichtblauw-filled-secondary-
|
|
1019
|
+
--semantics-categories-lichtblauw-filled-content-color: light-dark(var(--primitives-color-lichtblauw-1000), var(--primitives-color-lichtblauw-0));
|
|
1020
|
+
--semantics-categories-lichtblauw-filled-content-secondary-color: light-dark(var(--primitives-color-lichtblauw-1000), var(--primitives-color-lichtblauw-0));
|
|
1021
1021
|
--semantics-categories-lichtblauw-tinted-background-color: light-dark(var(--primitives-color-lichtblauw-50), var(--primitives-color-lichtblauw-75));
|
|
1022
1022
|
--semantics-categories-lichtblauw-tinted-highlight-border-color: light-dark(var(--primitives-color-lichtblauw-100), var(--primitives-color-lichtblauw-150));
|
|
1023
|
-
--semantics-categories-lichtblauw-tinted-
|
|
1024
|
-
--semantics-categories-lichtblauw-tinted-secondary-
|
|
1023
|
+
--semantics-categories-lichtblauw-tinted-content-color: var(--primitives-color-lichtblauw-650);
|
|
1024
|
+
--semantics-categories-lichtblauw-tinted-content-secondary-color: var(--primitives-color-lichtblauw-650);
|
|
1025
1025
|
--semantics-categories-lichtblauw-reference-background-color: light-dark(var(--primitives-color-lichtblauw-200), var(--primitives-color-lichtblauw-800));
|
|
1026
1026
|
--semantics-categories-lichtblauw-reference-highlight-border-color: light-dark(var(--primitives-color-lichtblauw-250), var(--primitives-color-lichtblauw-750));
|
|
1027
|
-
--semantics-categories-lichtblauw-reference-
|
|
1028
|
-
--semantics-categories-lichtblauw-reference-secondary-
|
|
1027
|
+
--semantics-categories-lichtblauw-reference-content-color: light-dark(var(--primitives-color-lichtblauw-1000), var(--primitives-color-lichtblauw-0));
|
|
1028
|
+
--semantics-categories-lichtblauw-reference-content-secondary-color: light-dark(var(--primitives-color-lichtblauw-1000), var(--primitives-color-lichtblauw-0));
|
|
1029
1029
|
|
|
1030
1030
|
/* paars */
|
|
1031
1031
|
--semantics-categories-paars-filled-background-color: light-dark(var(--primitives-color-paars-850), var(--primitives-color-paars-400));
|
|
1032
1032
|
--semantics-categories-paars-filled-highlight-border-color: light-dark(var(--primitives-color-paars-900), var(--primitives-color-paars-500));
|
|
1033
|
-
--semantics-categories-paars-filled-
|
|
1034
|
-
--semantics-categories-paars-filled-secondary-
|
|
1033
|
+
--semantics-categories-paars-filled-content-color: light-dark(var(--primitives-color-paars-0), var(--primitives-color-paars-1000));
|
|
1034
|
+
--semantics-categories-paars-filled-content-secondary-color: light-dark(var(--primitives-color-paars-0), var(--primitives-color-paars-1000));
|
|
1035
1035
|
--semantics-categories-paars-tinted-background-color: light-dark(var(--primitives-color-paars-50), var(--primitives-color-paars-75));
|
|
1036
1036
|
--semantics-categories-paars-tinted-highlight-border-color: light-dark(var(--primitives-color-paars-100), var(--primitives-color-paars-150));
|
|
1037
|
-
--semantics-categories-paars-tinted-
|
|
1038
|
-
--semantics-categories-paars-tinted-secondary-
|
|
1037
|
+
--semantics-categories-paars-tinted-content-color: var(--primitives-color-paars-750);
|
|
1038
|
+
--semantics-categories-paars-tinted-content-secondary-color: var(--primitives-color-paars-750);
|
|
1039
1039
|
--semantics-categories-paars-reference-background-color: light-dark(var(--primitives-color-paars-850), var(--primitives-color-paars-150));
|
|
1040
1040
|
--semantics-categories-paars-reference-highlight-border-color: light-dark(var(--primitives-color-paars-900), var(--primitives-color-paars-100));
|
|
1041
|
-
--semantics-categories-paars-reference-
|
|
1042
|
-
--semantics-categories-paars-reference-secondary-
|
|
1041
|
+
--semantics-categories-paars-reference-content-color: light-dark(var(--primitives-color-paars-0), var(--primitives-color-paars-1000));
|
|
1042
|
+
--semantics-categories-paars-reference-content-secondary-color: light-dark(var(--primitives-color-paars-0), var(--primitives-color-paars-1000));
|
|
1043
1043
|
|
|
1044
1044
|
/* violet */
|
|
1045
1045
|
--semantics-categories-violet-filled-background-color: light-dark(var(--primitives-color-violet-650), var(--primitives-color-violet-400));
|
|
1046
1046
|
--semantics-categories-violet-filled-highlight-border-color: light-dark(var(--primitives-color-violet-700), var(--primitives-color-violet-500));
|
|
1047
|
-
--semantics-categories-violet-filled-
|
|
1048
|
-
--semantics-categories-violet-filled-secondary-
|
|
1047
|
+
--semantics-categories-violet-filled-content-color: light-dark(var(--primitives-color-violet-0), var(--primitives-color-violet-1000));
|
|
1048
|
+
--semantics-categories-violet-filled-content-secondary-color: light-dark(var(--primitives-color-violet-0), var(--primitives-color-violet-1000));
|
|
1049
1049
|
--semantics-categories-violet-tinted-background-color: light-dark(var(--primitives-color-violet-50), var(--primitives-color-violet-75));
|
|
1050
1050
|
--semantics-categories-violet-tinted-highlight-border-color: light-dark(var(--primitives-color-violet-100), var(--primitives-color-violet-150));
|
|
1051
|
-
--semantics-categories-violet-tinted-
|
|
1052
|
-
--semantics-categories-violet-tinted-secondary-
|
|
1051
|
+
--semantics-categories-violet-tinted-content-color: var(--primitives-color-violet-650);
|
|
1052
|
+
--semantics-categories-violet-tinted-content-secondary-color: var(--primitives-color-violet-650);
|
|
1053
1053
|
--semantics-categories-violet-reference-background-color: light-dark(var(--primitives-color-violet-650), var(--primitives-color-violet-350));
|
|
1054
1054
|
--semantics-categories-violet-reference-highlight-border-color: light-dark(var(--primitives-color-violet-700), var(--primitives-color-violet-300));
|
|
1055
|
-
--semantics-categories-violet-reference-
|
|
1056
|
-
--semantics-categories-violet-reference-secondary-
|
|
1055
|
+
--semantics-categories-violet-reference-content-color: light-dark(var(--primitives-color-violet-0), var(--primitives-color-violet-1000));
|
|
1056
|
+
--semantics-categories-violet-reference-content-secondary-color: light-dark(var(--primitives-color-violet-0), var(--primitives-color-violet-1000));
|
|
1057
1057
|
|
|
1058
1058
|
/* robijnrood */
|
|
1059
1059
|
--semantics-categories-robijnrood-filled-background-color: light-dark(var(--primitives-color-robijnrood-600), var(--primitives-color-robijnrood-400));
|
|
1060
1060
|
--semantics-categories-robijnrood-filled-highlight-border-color: light-dark(var(--primitives-color-robijnrood-650), var(--primitives-color-robijnrood-500));
|
|
1061
|
-
--semantics-categories-robijnrood-filled-
|
|
1062
|
-
--semantics-categories-robijnrood-filled-secondary-
|
|
1061
|
+
--semantics-categories-robijnrood-filled-content-color: light-dark(var(--primitives-color-robijnrood-0), var(--primitives-color-robijnrood-1000));
|
|
1062
|
+
--semantics-categories-robijnrood-filled-content-secondary-color: light-dark(var(--primitives-color-robijnrood-0), var(--primitives-color-robijnrood-1000));
|
|
1063
1063
|
--semantics-categories-robijnrood-tinted-background-color: light-dark(var(--primitives-color-robijnrood-50), var(--primitives-color-robijnrood-75));
|
|
1064
1064
|
--semantics-categories-robijnrood-tinted-highlight-border-color: light-dark(var(--primitives-color-robijnrood-100), var(--primitives-color-robijnrood-150));
|
|
1065
|
-
--semantics-categories-robijnrood-tinted-
|
|
1066
|
-
--semantics-categories-robijnrood-tinted-secondary-
|
|
1065
|
+
--semantics-categories-robijnrood-tinted-content-color: var(--primitives-color-robijnrood-600);
|
|
1066
|
+
--semantics-categories-robijnrood-tinted-content-secondary-color: var(--primitives-color-robijnrood-600);
|
|
1067
1067
|
--semantics-categories-robijnrood-reference-background-color: light-dark(var(--primitives-color-robijnrood-550), var(--primitives-color-robijnrood-450));
|
|
1068
1068
|
--semantics-categories-robijnrood-reference-highlight-border-color: light-dark(var(--primitives-color-robijnrood-600), var(--primitives-color-robijnrood-400));
|
|
1069
|
-
--semantics-categories-robijnrood-reference-
|
|
1070
|
-
--semantics-categories-robijnrood-reference-secondary-
|
|
1069
|
+
--semantics-categories-robijnrood-reference-content-color: light-dark(var(--primitives-color-robijnrood-0), var(--primitives-color-robijnrood-1000));
|
|
1070
|
+
--semantics-categories-robijnrood-reference-content-secondary-color: light-dark(var(--primitives-color-robijnrood-0), var(--primitives-color-robijnrood-1000));
|
|
1071
1071
|
|
|
1072
1072
|
/* roze */
|
|
1073
1073
|
--semantics-categories-roze-filled-background-color: light-dark(var(--primitives-color-roze-350), var(--primitives-color-roze-750));
|
|
1074
1074
|
--semantics-categories-roze-filled-highlight-border-color: light-dark(var(--primitives-color-roze-450), var(--primitives-color-roze-800));
|
|
1075
|
-
--semantics-categories-roze-filled-
|
|
1076
|
-
--semantics-categories-roze-filled-secondary-
|
|
1075
|
+
--semantics-categories-roze-filled-content-color: light-dark(var(--primitives-color-roze-1000), var(--primitives-color-roze-0));
|
|
1076
|
+
--semantics-categories-roze-filled-content-secondary-color: light-dark(var(--primitives-color-roze-1000), var(--primitives-color-roze-0));
|
|
1077
1077
|
--semantics-categories-roze-tinted-background-color: light-dark(var(--primitives-color-roze-50), var(--primitives-color-roze-75));
|
|
1078
1078
|
--semantics-categories-roze-tinted-highlight-border-color: light-dark(var(--primitives-color-roze-100), var(--primitives-color-roze-150));
|
|
1079
|
-
--semantics-categories-roze-tinted-
|
|
1080
|
-
--semantics-categories-roze-tinted-secondary-
|
|
1079
|
+
--semantics-categories-roze-tinted-content-color: var(--primitives-color-roze-650);
|
|
1080
|
+
--semantics-categories-roze-tinted-content-secondary-color: var(--primitives-color-roze-650);
|
|
1081
1081
|
--semantics-categories-roze-reference-background-color: light-dark(var(--primitives-color-roze-250), var(--primitives-color-roze-750));
|
|
1082
1082
|
--semantics-categories-roze-reference-highlight-border-color: light-dark(var(--primitives-color-roze-300), var(--primitives-color-roze-700));
|
|
1083
|
-
--semantics-categories-roze-reference-
|
|
1084
|
-
--semantics-categories-roze-reference-secondary-
|
|
1083
|
+
--semantics-categories-roze-reference-content-color: light-dark(var(--primitives-color-roze-1000), var(--primitives-color-roze-0));
|
|
1084
|
+
--semantics-categories-roze-reference-content-secondary-color: light-dark(var(--primitives-color-roze-1000), var(--primitives-color-roze-0));
|
|
1085
1085
|
|
|
1086
1086
|
/* rood */
|
|
1087
1087
|
--semantics-categories-rood-filled-background-color: light-dark(var(--primitives-color-rood-550), var(--primitives-color-rood-450));
|
|
1088
1088
|
--semantics-categories-rood-filled-highlight-border-color: light-dark(var(--primitives-color-rood-600), var(--primitives-color-rood-500));
|
|
1089
|
-
--semantics-categories-rood-filled-
|
|
1090
|
-
--semantics-categories-rood-filled-secondary-
|
|
1089
|
+
--semantics-categories-rood-filled-content-color: light-dark(var(--primitives-color-rood-0), var(--primitives-color-rood-1000));
|
|
1090
|
+
--semantics-categories-rood-filled-content-secondary-color: light-dark(var(--primitives-color-rood-0), var(--primitives-color-rood-1000));
|
|
1091
1091
|
--semantics-categories-rood-tinted-background-color: light-dark(var(--primitives-color-rood-50), var(--primitives-color-rood-75));
|
|
1092
1092
|
--semantics-categories-rood-tinted-highlight-border-color: light-dark(var(--primitives-color-rood-100), var(--primitives-color-rood-150));
|
|
1093
|
-
--semantics-categories-rood-tinted-
|
|
1094
|
-
--semantics-categories-rood-tinted-secondary-
|
|
1093
|
+
--semantics-categories-rood-tinted-content-color: var(--primitives-color-rood-600);
|
|
1094
|
+
--semantics-categories-rood-tinted-content-secondary-color: var(--primitives-color-rood-600);
|
|
1095
1095
|
--semantics-categories-rood-reference-background-color: light-dark(var(--primitives-color-rood-550), var(--primitives-color-rood-450));
|
|
1096
1096
|
--semantics-categories-rood-reference-highlight-border-color: light-dark(var(--primitives-color-rood-600), var(--primitives-color-rood-400));
|
|
1097
|
-
--semantics-categories-rood-reference-
|
|
1098
|
-
--semantics-categories-rood-reference-secondary-
|
|
1097
|
+
--semantics-categories-rood-reference-content-color: light-dark(var(--primitives-color-rood-0), var(--primitives-color-rood-1000));
|
|
1098
|
+
--semantics-categories-rood-reference-content-secondary-color: light-dark(var(--primitives-color-rood-0), var(--primitives-color-rood-1000));
|
|
1099
1099
|
|
|
1100
1100
|
/* oranje */
|
|
1101
1101
|
--semantics-categories-oranje-filled-background-color: light-dark(var(--primitives-color-oranje-400), var(--primitives-color-oranje-600));
|
|
1102
1102
|
--semantics-categories-oranje-filled-highlight-border-color: light-dark(var(--primitives-color-oranje-450), var(--primitives-color-oranje-650));
|
|
1103
|
-
--semantics-categories-oranje-filled-
|
|
1104
|
-
--semantics-categories-oranje-filled-secondary-
|
|
1103
|
+
--semantics-categories-oranje-filled-content-color: light-dark(var(--primitives-color-oranje-1000), var(--primitives-color-oranje-0));
|
|
1104
|
+
--semantics-categories-oranje-filled-content-secondary-color: light-dark(var(--primitives-color-oranje-1000), var(--primitives-color-oranje-0));
|
|
1105
1105
|
--semantics-categories-oranje-tinted-background-color: light-dark(var(--primitives-color-oranje-50), var(--primitives-color-oranje-75));
|
|
1106
1106
|
--semantics-categories-oranje-tinted-highlight-border-color: light-dark(var(--primitives-color-oranje-100), var(--primitives-color-oranje-150));
|
|
1107
|
-
--semantics-categories-oranje-tinted-
|
|
1108
|
-
--semantics-categories-oranje-tinted-secondary-
|
|
1107
|
+
--semantics-categories-oranje-tinted-content-color: var(--primitives-color-oranje-650);
|
|
1108
|
+
--semantics-categories-oranje-tinted-content-secondary-color: var(--primitives-color-oranje-650);
|
|
1109
1109
|
--semantics-categories-oranje-reference-background-color: light-dark(var(--primitives-color-oranje-400), var(--primitives-color-oranje-600));
|
|
1110
1110
|
--semantics-categories-oranje-reference-highlight-border-color: light-dark(var(--primitives-color-oranje-450), var(--primitives-color-oranje-550));
|
|
1111
|
-
--semantics-categories-oranje-reference-
|
|
1112
|
-
--semantics-categories-oranje-reference-secondary-
|
|
1111
|
+
--semantics-categories-oranje-reference-content-color: light-dark(var(--primitives-color-oranje-1000), var(--primitives-color-oranje-0));
|
|
1112
|
+
--semantics-categories-oranje-reference-content-secondary-color: light-dark(var(--primitives-color-oranje-1000), var(--primitives-color-oranje-0));
|
|
1113
1113
|
|
|
1114
1114
|
/* donkergeel */
|
|
1115
1115
|
--semantics-categories-donkergeel-filled-background-color: light-dark(var(--primitives-color-donkergeel-350), var(--primitives-color-donkergeel-800));
|
|
1116
1116
|
--semantics-categories-donkergeel-filled-highlight-border-color: light-dark(var(--primitives-color-donkergeel-450), var(--primitives-color-donkergeel-850));
|
|
1117
|
-
--semantics-categories-donkergeel-filled-
|
|
1118
|
-
--semantics-categories-donkergeel-filled-secondary-
|
|
1117
|
+
--semantics-categories-donkergeel-filled-content-color: light-dark(var(--primitives-color-donkergeel-1000), var(--primitives-color-donkergeel-0));
|
|
1118
|
+
--semantics-categories-donkergeel-filled-content-secondary-color: light-dark(var(--primitives-color-donkergeel-1000), var(--primitives-color-donkergeel-0));
|
|
1119
1119
|
--semantics-categories-donkergeel-tinted-background-color: light-dark(var(--primitives-color-donkergeel-50), var(--primitives-color-donkergeel-75));
|
|
1120
1120
|
--semantics-categories-donkergeel-tinted-highlight-border-color: light-dark(var(--primitives-color-donkergeel-100), var(--primitives-color-donkergeel-150));
|
|
1121
|
-
--semantics-categories-donkergeel-tinted-
|
|
1122
|
-
--semantics-categories-donkergeel-tinted-secondary-
|
|
1121
|
+
--semantics-categories-donkergeel-tinted-content-color: var(--primitives-color-donkergeel-650);
|
|
1122
|
+
--semantics-categories-donkergeel-tinted-content-secondary-color: var(--primitives-color-donkergeel-650);
|
|
1123
1123
|
--semantics-categories-donkergeel-reference-background-color: light-dark(var(--primitives-color-donkergeel-200), var(--primitives-color-donkergeel-800));
|
|
1124
1124
|
--semantics-categories-donkergeel-reference-highlight-border-color: light-dark(var(--primitives-color-donkergeel-250), var(--primitives-color-donkergeel-750));
|
|
1125
|
-
--semantics-categories-donkergeel-reference-
|
|
1126
|
-
--semantics-categories-donkergeel-reference-secondary-
|
|
1125
|
+
--semantics-categories-donkergeel-reference-content-color: light-dark(var(--primitives-color-donkergeel-1000), var(--primitives-color-donkergeel-0));
|
|
1126
|
+
--semantics-categories-donkergeel-reference-content-secondary-color: light-dark(var(--primitives-color-donkergeel-1000), var(--primitives-color-donkergeel-0));
|
|
1127
1127
|
|
|
1128
1128
|
/* geel */
|
|
1129
1129
|
--semantics-categories-geel-filled-background-color: light-dark(var(--primitives-color-geel-350), var(--primitives-color-geel-900));
|
|
1130
1130
|
--semantics-categories-geel-filled-highlight-border-color: light-dark(var(--primitives-color-geel-450), var(--primitives-color-geel-950));
|
|
1131
|
-
--semantics-categories-geel-filled-
|
|
1132
|
-
--semantics-categories-geel-filled-secondary-
|
|
1131
|
+
--semantics-categories-geel-filled-content-color: light-dark(var(--primitives-color-geel-1000), var(--primitives-color-geel-0));
|
|
1132
|
+
--semantics-categories-geel-filled-content-secondary-color: light-dark(var(--primitives-color-geel-1000), var(--primitives-color-geel-0));
|
|
1133
1133
|
--semantics-categories-geel-tinted-background-color: light-dark(var(--primitives-color-geel-50), var(--primitives-color-geel-75));
|
|
1134
1134
|
--semantics-categories-geel-tinted-highlight-border-color: light-dark(var(--primitives-color-geel-100), var(--primitives-color-geel-150));
|
|
1135
|
-
--semantics-categories-geel-tinted-
|
|
1136
|
-
--semantics-categories-geel-tinted-secondary-
|
|
1135
|
+
--semantics-categories-geel-tinted-content-color: var(--primitives-color-geel-650);
|
|
1136
|
+
--semantics-categories-geel-tinted-content-secondary-color: var(--primitives-color-geel-650);
|
|
1137
1137
|
--semantics-categories-geel-reference-background-color: light-dark(var(--primitives-color-geel-100), var(--primitives-color-geel-900));
|
|
1138
1138
|
--semantics-categories-geel-reference-highlight-border-color: light-dark(var(--primitives-color-geel-150), var(--primitives-color-geel-850));
|
|
1139
|
-
--semantics-categories-geel-reference-
|
|
1140
|
-
--semantics-categories-geel-reference-secondary-
|
|
1139
|
+
--semantics-categories-geel-reference-content-color: light-dark(var(--primitives-color-geel-1000), var(--primitives-color-geel-0));
|
|
1140
|
+
--semantics-categories-geel-reference-content-secondary-color: light-dark(var(--primitives-color-geel-1000), var(--primitives-color-geel-0));
|
|
1141
1141
|
|
|
1142
1142
|
/* donkerbruin */
|
|
1143
1143
|
--semantics-categories-donkerbruin-filled-background-color: light-dark(var(--primitives-color-donkerbruin-750), var(--primitives-color-donkerbruin-400));
|
|
1144
1144
|
--semantics-categories-donkerbruin-filled-highlight-border-color: light-dark(var(--primitives-color-donkerbruin-800), var(--primitives-color-donkerbruin-500));
|
|
1145
|
-
--semantics-categories-donkerbruin-filled-
|
|
1146
|
-
--semantics-categories-donkerbruin-filled-secondary-
|
|
1145
|
+
--semantics-categories-donkerbruin-filled-content-color: light-dark(var(--primitives-color-donkerbruin-0), var(--primitives-color-donkerbruin-1000));
|
|
1146
|
+
--semantics-categories-donkerbruin-filled-content-secondary-color: light-dark(var(--primitives-color-donkerbruin-0), var(--primitives-color-donkerbruin-1000));
|
|
1147
1147
|
--semantics-categories-donkerbruin-tinted-background-color: light-dark(var(--primitives-color-donkerbruin-50), var(--primitives-color-donkerbruin-75));
|
|
1148
1148
|
--semantics-categories-donkerbruin-tinted-highlight-border-color: light-dark(var(--primitives-color-donkerbruin-100), var(--primitives-color-donkerbruin-150));
|
|
1149
|
-
--semantics-categories-donkerbruin-tinted-
|
|
1150
|
-
--semantics-categories-donkerbruin-tinted-secondary-
|
|
1149
|
+
--semantics-categories-donkerbruin-tinted-content-color: var(--primitives-color-donkerbruin-700);
|
|
1150
|
+
--semantics-categories-donkerbruin-tinted-content-secondary-color: var(--primitives-color-donkerbruin-700);
|
|
1151
1151
|
--semantics-categories-donkerbruin-reference-background-color: light-dark(var(--primitives-color-donkerbruin-750), var(--primitives-color-donkerbruin-250));
|
|
1152
1152
|
--semantics-categories-donkerbruin-reference-highlight-border-color: light-dark(var(--primitives-color-donkerbruin-800), var(--primitives-color-donkerbruin-200));
|
|
1153
|
-
--semantics-categories-donkerbruin-reference-
|
|
1154
|
-
--semantics-categories-donkerbruin-reference-secondary-
|
|
1153
|
+
--semantics-categories-donkerbruin-reference-content-color: light-dark(var(--primitives-color-donkerbruin-0), var(--primitives-color-donkerbruin-1000));
|
|
1154
|
+
--semantics-categories-donkerbruin-reference-content-secondary-color: light-dark(var(--primitives-color-donkerbruin-0), var(--primitives-color-donkerbruin-1000));
|
|
1155
1155
|
|
|
1156
1156
|
/* bruin */
|
|
1157
1157
|
--semantics-categories-bruin-filled-background-color: var(--primitives-color-bruin-500);
|
|
1158
1158
|
--semantics-categories-bruin-filled-highlight-border-color: var(--primitives-color-bruin-550);
|
|
1159
|
-
--semantics-categories-bruin-filled-
|
|
1160
|
-
--semantics-categories-bruin-filled-secondary-
|
|
1159
|
+
--semantics-categories-bruin-filled-content-color: light-dark(var(--primitives-color-bruin-0), var(--primitives-color-bruin-1000));
|
|
1160
|
+
--semantics-categories-bruin-filled-content-secondary-color: light-dark(var(--primitives-color-bruin-0), var(--primitives-color-bruin-1000));
|
|
1161
1161
|
--semantics-categories-bruin-tinted-background-color: light-dark(var(--primitives-color-bruin-50), var(--primitives-color-bruin-75));
|
|
1162
1162
|
--semantics-categories-bruin-tinted-highlight-border-color: light-dark(var(--primitives-color-bruin-100), var(--primitives-color-bruin-150));
|
|
1163
|
-
--semantics-categories-bruin-tinted-
|
|
1164
|
-
--semantics-categories-bruin-tinted-secondary-
|
|
1163
|
+
--semantics-categories-bruin-tinted-content-color: var(--primitives-color-bruin-700);
|
|
1164
|
+
--semantics-categories-bruin-tinted-content-secondary-color: var(--primitives-color-bruin-700);
|
|
1165
1165
|
--semantics-categories-bruin-reference-background-color: light-dark(var(--primitives-color-bruin-500), var(--primitives-color-bruin-500));
|
|
1166
1166
|
--semantics-categories-bruin-reference-highlight-border-color: light-dark(var(--primitives-color-bruin-550), var(--primitives-color-bruin-450));
|
|
1167
|
-
--semantics-categories-bruin-reference-
|
|
1168
|
-
--semantics-categories-bruin-reference-secondary-
|
|
1167
|
+
--semantics-categories-bruin-reference-content-color: light-dark(var(--primitives-color-bruin-0), var(--primitives-color-bruin-1000));
|
|
1168
|
+
--semantics-categories-bruin-reference-content-secondary-color: light-dark(var(--primitives-color-bruin-0), var(--primitives-color-bruin-1000));
|
|
1169
1169
|
|
|
1170
1170
|
/* donkergroen */
|
|
1171
1171
|
--semantics-categories-donkergroen-filled-background-color: light-dark(var(--primitives-color-donkergroen-700), var(--primitives-color-donkergroen-400));
|
|
1172
1172
|
--semantics-categories-donkergroen-filled-highlight-border-color: light-dark(var(--primitives-color-donkergroen-750), var(--primitives-color-donkergroen-500));
|
|
1173
|
-
--semantics-categories-donkergroen-filled-
|
|
1174
|
-
--semantics-categories-donkergroen-filled-secondary-
|
|
1173
|
+
--semantics-categories-donkergroen-filled-content-color: light-dark(var(--primitives-color-donkergroen-0), var(--primitives-color-donkergroen-1000));
|
|
1174
|
+
--semantics-categories-donkergroen-filled-content-secondary-color: light-dark(var(--primitives-color-donkergroen-0), var(--primitives-color-donkergroen-1000));
|
|
1175
1175
|
--semantics-categories-donkergroen-tinted-background-color: light-dark(var(--primitives-color-donkergroen-50), var(--primitives-color-donkergroen-75));
|
|
1176
1176
|
--semantics-categories-donkergroen-tinted-highlight-border-color: light-dark(var(--primitives-color-donkergroen-100), var(--primitives-color-donkergroen-150));
|
|
1177
|
-
--semantics-categories-donkergroen-tinted-
|
|
1178
|
-
--semantics-categories-donkergroen-tinted-secondary-
|
|
1177
|
+
--semantics-categories-donkergroen-tinted-content-color: var(--primitives-color-donkergroen-700);
|
|
1178
|
+
--semantics-categories-donkergroen-tinted-content-secondary-color: var(--primitives-color-donkergroen-700);
|
|
1179
1179
|
--semantics-categories-donkergroen-reference-background-color: light-dark(var(--primitives-color-donkergroen-700), var(--primitives-color-donkergroen-300));
|
|
1180
1180
|
--semantics-categories-donkergroen-reference-highlight-border-color: light-dark(var(--primitives-color-donkergroen-750), var(--primitives-color-donkergroen-250));
|
|
1181
|
-
--semantics-categories-donkergroen-reference-
|
|
1182
|
-
--semantics-categories-donkergroen-reference-secondary-
|
|
1181
|
+
--semantics-categories-donkergroen-reference-content-color: light-dark(var(--primitives-color-donkergroen-0), var(--primitives-color-donkergroen-1000));
|
|
1182
|
+
--semantics-categories-donkergroen-reference-content-secondary-color: light-dark(var(--primitives-color-donkergroen-0), var(--primitives-color-donkergroen-1000));
|
|
1183
1183
|
|
|
1184
1184
|
/* groen */
|
|
1185
1185
|
--semantics-categories-groen-filled-background-color: var(--primitives-color-groen-500);
|
|
1186
1186
|
--semantics-categories-groen-filled-highlight-border-color: var(--primitives-color-groen-550);
|
|
1187
|
-
--semantics-categories-groen-filled-
|
|
1188
|
-
--semantics-categories-groen-filled-secondary-
|
|
1187
|
+
--semantics-categories-groen-filled-content-color: light-dark(var(--primitives-color-groen-0), var(--primitives-color-groen-1000));
|
|
1188
|
+
--semantics-categories-groen-filled-content-secondary-color: light-dark(var(--primitives-color-groen-0), var(--primitives-color-groen-1000));
|
|
1189
1189
|
--semantics-categories-groen-tinted-background-color: light-dark(var(--primitives-color-groen-50), var(--primitives-color-groen-75));
|
|
1190
1190
|
--semantics-categories-groen-tinted-highlight-border-color: light-dark(var(--primitives-color-groen-100), var(--primitives-color-groen-150));
|
|
1191
|
-
--semantics-categories-groen-tinted-
|
|
1192
|
-
--semantics-categories-groen-tinted-secondary-
|
|
1191
|
+
--semantics-categories-groen-tinted-content-color: var(--primitives-color-groen-650);
|
|
1192
|
+
--semantics-categories-groen-tinted-content-secondary-color: var(--primitives-color-groen-650);
|
|
1193
1193
|
--semantics-categories-groen-reference-background-color: light-dark(var(--primitives-color-groen-500), var(--primitives-color-groen-500));
|
|
1194
1194
|
--semantics-categories-groen-reference-highlight-border-color: light-dark(var(--primitives-color-groen-550), var(--primitives-color-groen-450));
|
|
1195
|
-
--semantics-categories-groen-reference-
|
|
1196
|
-
--semantics-categories-groen-reference-secondary-
|
|
1195
|
+
--semantics-categories-groen-reference-content-color: light-dark(var(--primitives-color-groen-0), var(--primitives-color-groen-1000));
|
|
1196
|
+
--semantics-categories-groen-reference-content-secondary-color: light-dark(var(--primitives-color-groen-0), var(--primitives-color-groen-1000));
|
|
1197
1197
|
|
|
1198
1198
|
/* mosgroen */
|
|
1199
1199
|
--semantics-categories-mosgroen-filled-background-color: var(--primitives-color-mosgroen-500);
|
|
1200
1200
|
--semantics-categories-mosgroen-filled-highlight-border-color: var(--primitives-color-mosgroen-550);
|
|
1201
|
-
--semantics-categories-mosgroen-filled-
|
|
1202
|
-
--semantics-categories-mosgroen-filled-secondary-
|
|
1201
|
+
--semantics-categories-mosgroen-filled-content-color: light-dark(var(--primitives-color-mosgroen-0), var(--primitives-color-mosgroen-1000));
|
|
1202
|
+
--semantics-categories-mosgroen-filled-content-secondary-color: light-dark(var(--primitives-color-mosgroen-0), var(--primitives-color-mosgroen-1000));
|
|
1203
1203
|
--semantics-categories-mosgroen-tinted-background-color: light-dark(var(--primitives-color-mosgroen-50), var(--primitives-color-mosgroen-75));
|
|
1204
1204
|
--semantics-categories-mosgroen-tinted-highlight-border-color: light-dark(var(--primitives-color-mosgroen-100), var(--primitives-color-mosgroen-150));
|
|
1205
|
-
--semantics-categories-mosgroen-tinted-
|
|
1206
|
-
--semantics-categories-mosgroen-tinted-secondary-
|
|
1205
|
+
--semantics-categories-mosgroen-tinted-content-color: var(--primitives-color-mosgroen-650);
|
|
1206
|
+
--semantics-categories-mosgroen-tinted-content-secondary-color: var(--primitives-color-mosgroen-650);
|
|
1207
1207
|
--semantics-categories-mosgroen-reference-background-color: light-dark(var(--primitives-color-mosgroen-500), var(--primitives-color-mosgroen-500));
|
|
1208
1208
|
--semantics-categories-mosgroen-reference-highlight-border-color: light-dark(var(--primitives-color-mosgroen-550), var(--primitives-color-mosgroen-450));
|
|
1209
|
-
--semantics-categories-mosgroen-reference-
|
|
1210
|
-
--semantics-categories-mosgroen-reference-secondary-
|
|
1209
|
+
--semantics-categories-mosgroen-reference-content-color: light-dark(var(--primitives-color-mosgroen-0), var(--primitives-color-mosgroen-1000));
|
|
1210
|
+
--semantics-categories-mosgroen-reference-content-secondary-color: light-dark(var(--primitives-color-mosgroen-0), var(--primitives-color-mosgroen-1000));
|
|
1211
1211
|
|
|
1212
1212
|
/* mintgroen */
|
|
1213
1213
|
--semantics-categories-mintgroen-filled-background-color: light-dark(var(--primitives-color-mintgroen-350), var(--primitives-color-mintgroen-800));
|
|
1214
1214
|
--semantics-categories-mintgroen-filled-highlight-border-color: light-dark(var(--primitives-color-mintgroen-450), var(--primitives-color-mintgroen-850));
|
|
1215
|
-
--semantics-categories-mintgroen-filled-
|
|
1216
|
-
--semantics-categories-mintgroen-filled-secondary-
|
|
1215
|
+
--semantics-categories-mintgroen-filled-content-color: light-dark(var(--primitives-color-mintgroen-1000), var(--primitives-color-mintgroen-0));
|
|
1216
|
+
--semantics-categories-mintgroen-filled-content-secondary-color: light-dark(var(--primitives-color-mintgroen-1000), var(--primitives-color-mintgroen-0));
|
|
1217
1217
|
--semantics-categories-mintgroen-tinted-background-color: light-dark(var(--primitives-color-mintgroen-50), var(--primitives-color-mintgroen-75));
|
|
1218
1218
|
--semantics-categories-mintgroen-tinted-highlight-border-color: light-dark(var(--primitives-color-mintgroen-100), var(--primitives-color-mintgroen-150));
|
|
1219
|
-
--semantics-categories-mintgroen-tinted-
|
|
1220
|
-
--semantics-categories-mintgroen-tinted-secondary-
|
|
1219
|
+
--semantics-categories-mintgroen-tinted-content-color: var(--primitives-color-mintgroen-650);
|
|
1220
|
+
--semantics-categories-mintgroen-tinted-content-secondary-color: var(--primitives-color-mintgroen-650);
|
|
1221
1221
|
--semantics-categories-mintgroen-reference-background-color: light-dark(var(--primitives-color-mintgroen-200), var(--primitives-color-mintgroen-800));
|
|
1222
1222
|
--semantics-categories-mintgroen-reference-highlight-border-color: light-dark(var(--primitives-color-mintgroen-250), var(--primitives-color-mintgroen-750));
|
|
1223
|
-
--semantics-categories-mintgroen-reference-
|
|
1224
|
-
--semantics-categories-mintgroen-reference-secondary-
|
|
1223
|
+
--semantics-categories-mintgroen-reference-content-color: light-dark(var(--primitives-color-mintgroen-1000), var(--primitives-color-mintgroen-0));
|
|
1224
|
+
--semantics-categories-mintgroen-reference-content-secondary-color: light-dark(var(--primitives-color-mintgroen-1000), var(--primitives-color-mintgroen-0));
|
|
1225
1225
|
|
|
1226
1226
|
/* ## Links */
|
|
1227
1227
|
|
|
@@ -1335,152 +1335,152 @@
|
|
|
1335
1335
|
--semantics-buttons-lg-is-icon-only-inline-padding: calc((var(--semantics-controls-lg-min-size) - var(--semantics-buttons-lg-is-icon-only-icon-size)) / 2);
|
|
1336
1336
|
|
|
1337
1337
|
--semantics-buttons-neutral-base-background-color: var(--semantics-surfaces-base-background-color);
|
|
1338
|
-
--semantics-buttons-neutral-base-
|
|
1339
|
-
--semantics-buttons-neutral-base-secondary-
|
|
1338
|
+
--semantics-buttons-neutral-base-content-color: light-dark(var(--primitives-color-neutral-900), var(--primitives-color-neutral-900));
|
|
1339
|
+
--semantics-buttons-neutral-base-content-secondary-color: light-dark(var(--primitives-color-neutral-550), var(--primitives-color-neutral-650));
|
|
1340
1340
|
--semantics-buttons-neutral-base-divider-color: light-dark(var(--primitives-color-neutral-200), var(--primitives-color-neutral-200));
|
|
1341
1341
|
--semantics-buttons-neutral-base-highlight-border-color: light-dark(var(--primitives-color-neutral-75), var(--primitives-color-neutral-200));
|
|
1342
1342
|
--semantics-buttons-neutral-base-is-hovered-background-color: light-dark(var(--primitives-color-neutral-25), var(--primitives-color-neutral-150));
|
|
1343
1343
|
--semantics-buttons-neutral-base-is-hovered-highlight-border-color: light-dark(var(--primitives-color-neutral-100), var(--primitives-color-neutral-250));
|
|
1344
|
-
--semantics-buttons-neutral-base-is-hovered-
|
|
1345
|
-
--semantics-buttons-neutral-base-is-hovered-secondary-
|
|
1344
|
+
--semantics-buttons-neutral-base-is-hovered-content-color: light-dark(var(--primitives-color-neutral-1000), var(--primitives-color-neutral-1000));
|
|
1345
|
+
--semantics-buttons-neutral-base-is-hovered-content-secondary-color: light-dark(var(--primitives-color-neutral-550), var(--primitives-color-neutral-700));
|
|
1346
1346
|
--semantics-buttons-neutral-base-is-active-background-color: light-dark(var(--primitives-color-neutral-50), var(--primitives-color-neutral-200));
|
|
1347
1347
|
--semantics-buttons-neutral-base-is-active-highlight-border-color: light-dark(var(--primitives-color-neutral-150), var(--primitives-color-neutral-300));
|
|
1348
|
-
--semantics-buttons-neutral-base-is-active-
|
|
1349
|
-
--semantics-buttons-neutral-base-is-active-secondary-
|
|
1348
|
+
--semantics-buttons-neutral-base-is-active-content-color: light-dark(var(--primitives-color-neutral-1000), var(--primitives-color-neutral-1000));
|
|
1349
|
+
--semantics-buttons-neutral-base-is-active-content-secondary-color: light-dark(var(--primitives-color-neutral-600), var(--primitives-color-neutral-750));
|
|
1350
1350
|
--semantics-buttons-neutral-base-is-expanded-background-color: light-dark(var(--primitives-color-neutral-50), var(--primitives-color-neutral-200));
|
|
1351
1351
|
--semantics-buttons-neutral-base-is-expanded-highlight-border-color: light-dark(var(--primitives-color-neutral-200), var(--primitives-color-neutral-300));
|
|
1352
|
-
--semantics-buttons-neutral-base-is-expanded-
|
|
1353
|
-
--semantics-buttons-neutral-base-is-expanded-secondary-
|
|
1352
|
+
--semantics-buttons-neutral-base-is-expanded-content-color: light-dark(var(--primitives-color-neutral-1000), var(--primitives-color-neutral-1000));
|
|
1353
|
+
--semantics-buttons-neutral-base-is-expanded-content-secondary-color: light-dark(var(--primitives-color-neutral-600), var(--primitives-color-neutral-750));
|
|
1354
1354
|
--semantics-buttons-neutral-base-is-expanded-is-hovered-background-color: light-dark(var(--primitives-color-neutral-75), var(--primitives-color-neutral-250));
|
|
1355
1355
|
--semantics-buttons-neutral-base-is-expanded-is-hovered-highlight-border-color: light-dark(var(--primitives-color-neutral-250), var(--primitives-color-neutral-350));
|
|
1356
|
-
--semantics-buttons-neutral-base-is-expanded-is-hovered-
|
|
1357
|
-
--semantics-buttons-neutral-base-is-expanded-is-hovered-secondary-
|
|
1356
|
+
--semantics-buttons-neutral-base-is-expanded-is-hovered-content-color: light-dark(var(--primitives-color-neutral-1000), var(--primitives-color-neutral-1000));
|
|
1357
|
+
--semantics-buttons-neutral-base-is-expanded-is-hovered-content-secondary-color: light-dark(var(--primitives-color-neutral-600), var(--primitives-color-neutral-800));
|
|
1358
1358
|
--semantics-buttons-neutral-base-is-expanded-is-active-background-color: light-dark(var(--primitives-color-neutral-100), var(--primitives-color-neutral-300));
|
|
1359
1359
|
--semantics-buttons-neutral-base-is-expanded-is-active-highlight-border-color: light-dark(var(--primitives-color-neutral-300), var(--primitives-color-neutral-400));
|
|
1360
|
-
--semantics-buttons-neutral-base-is-expanded-is-active-
|
|
1361
|
-
--semantics-buttons-neutral-base-is-expanded-is-active-secondary-
|
|
1360
|
+
--semantics-buttons-neutral-base-is-expanded-is-active-content-color: light-dark(var(--primitives-color-neutral-1000), var(--primitives-color-neutral-1000));
|
|
1361
|
+
--semantics-buttons-neutral-base-is-expanded-is-active-content-secondary-color: light-dark(var(--primitives-color-neutral-650), var(--primitives-color-neutral-850));
|
|
1362
1362
|
--semantics-buttons-neutral-base-is-selected-background-color: var(--semantics-controls-is-highlighted-indicator-color);
|
|
1363
1363
|
--semantics-buttons-neutral-base-is-selected-highlight-border-color: light-dark(var(--primitives-color-accent-800), var(--primitives-color-accent-700));
|
|
1364
|
-
--semantics-buttons-neutral-base-is-selected-
|
|
1365
|
-
--semantics-buttons-neutral-base-is-selected-secondary-
|
|
1364
|
+
--semantics-buttons-neutral-base-is-selected-content-color: var(--semantics-controls-is-highlighted-contrast-color);
|
|
1365
|
+
--semantics-buttons-neutral-base-is-selected-content-secondary-color: var(--semantics-controls-is-highlighted-contrast-color);
|
|
1366
1366
|
--semantics-buttons-neutral-base-is-selected-is-hovered-background-color: var(--semantics-controls-is-highlighted-is-hovered-indicator-color);
|
|
1367
1367
|
--semantics-buttons-neutral-base-is-selected-is-hovered-highlight-border-color: light-dark(var(--primitives-color-accent-850), var(--primitives-color-accent-750));
|
|
1368
|
-
--semantics-buttons-neutral-base-is-selected-is-hovered-
|
|
1369
|
-
--semantics-buttons-neutral-base-is-selected-is-hovered-secondary-
|
|
1368
|
+
--semantics-buttons-neutral-base-is-selected-is-hovered-content-color: var(--semantics-controls-is-highlighted-is-hovered-contrast-color);
|
|
1369
|
+
--semantics-buttons-neutral-base-is-selected-is-hovered-content-secondary-color: var(--semantics-controls-is-highlighted-is-hovered-contrast-color);
|
|
1370
1370
|
--semantics-buttons-neutral-base-is-selected-is-active-background-color: var(--semantics-controls-is-highlighted-is-active-indicator-color);
|
|
1371
1371
|
--semantics-buttons-neutral-base-is-selected-is-active-highlight-border-color: light-dark(var(--primitives-color-accent-900), var(--primitives-color-accent-800));
|
|
1372
|
-
--semantics-buttons-neutral-base-is-selected-is-active-
|
|
1373
|
-
--semantics-buttons-neutral-base-is-selected-is-active-secondary-
|
|
1372
|
+
--semantics-buttons-neutral-base-is-selected-is-active-content-color: var(--semantics-controls-is-highlighted-is-active-contrast-color);
|
|
1373
|
+
--semantics-buttons-neutral-base-is-selected-is-active-content-secondary-color: var(--semantics-controls-is-highlighted-is-active-contrast-color);
|
|
1374
1374
|
|
|
1375
1375
|
--semantics-buttons-neutral-tinted-background-color: light-dark(var(--primitives-color-neutral-75), var(--primitives-color-neutral-200));
|
|
1376
|
-
--semantics-buttons-neutral-tinted-
|
|
1377
|
-
--semantics-buttons-neutral-tinted-secondary-
|
|
1378
|
-
--semantics-buttons-neutral-tinted-divider-color: light-dark(var(--primitives-color-neutral-250), var(--primitives-color-neutral-
|
|
1376
|
+
--semantics-buttons-neutral-tinted-content-color: light-dark(var(--primitives-color-neutral-900), var(--primitives-color-neutral-900));
|
|
1377
|
+
--semantics-buttons-neutral-tinted-content-secondary-color: light-dark(var(--primitives-color-neutral-750), var(--primitives-color-neutral-750));
|
|
1378
|
+
--semantics-buttons-neutral-tinted-divider-color: light-dark(var(--primitives-color-neutral-250), var(--primitives-color-neutral-350));
|
|
1379
1379
|
--semantics-buttons-neutral-tinted-highlight-border-color: light-dark(var(--primitives-color-neutral-150), var(--primitives-color-neutral-250));
|
|
1380
1380
|
--semantics-buttons-neutral-tinted-is-hovered-background-color: light-dark(var(--primitives-color-neutral-100), var(--primitives-color-neutral-250));
|
|
1381
1381
|
--semantics-buttons-neutral-tinted-is-hovered-highlight-border-color: light-dark(var(--primitives-color-neutral-150), var(--primitives-color-neutral-300));
|
|
1382
|
-
--semantics-buttons-neutral-tinted-is-hovered-
|
|
1383
|
-
--semantics-buttons-neutral-tinted-is-hovered-secondary-
|
|
1382
|
+
--semantics-buttons-neutral-tinted-is-hovered-content-color: light-dark(var(--primitives-color-neutral-1000), var(--primitives-color-neutral-1000));
|
|
1383
|
+
--semantics-buttons-neutral-tinted-is-hovered-content-secondary-color: light-dark(var(--primitives-color-neutral-650), var(--primitives-color-neutral-800));
|
|
1384
1384
|
--semantics-buttons-neutral-tinted-is-active-background-color: light-dark(var(--primitives-color-neutral-150), var(--primitives-color-neutral-300));
|
|
1385
1385
|
--semantics-buttons-neutral-tinted-is-active-highlight-border-color: light-dark(var(--primitives-color-neutral-200), var(--primitives-color-neutral-350));
|
|
1386
|
-
--semantics-buttons-neutral-tinted-is-active-
|
|
1387
|
-
--semantics-buttons-neutral-tinted-is-active-secondary-
|
|
1386
|
+
--semantics-buttons-neutral-tinted-is-active-content-color: light-dark(var(--primitives-color-neutral-1000), var(--primitives-color-neutral-1000));
|
|
1387
|
+
--semantics-buttons-neutral-tinted-is-active-content-secondary-color: light-dark(var(--primitives-color-neutral-700), var(--primitives-color-neutral-850));
|
|
1388
1388
|
--semantics-buttons-neutral-tinted-is-expanded-background-color: light-dark(var(--primitives-color-neutral-150), var(--primitives-color-neutral-300));
|
|
1389
1389
|
--semantics-buttons-neutral-tinted-is-expanded-highlight-border-color: light-dark(var(--primitives-color-neutral-200), var(--primitives-color-neutral-350));
|
|
1390
|
-
--semantics-buttons-neutral-tinted-is-expanded-
|
|
1391
|
-
--semantics-buttons-neutral-tinted-is-expanded-secondary-
|
|
1390
|
+
--semantics-buttons-neutral-tinted-is-expanded-content-color: light-dark(var(--primitives-color-neutral-1000), var(--primitives-color-neutral-1000));
|
|
1391
|
+
--semantics-buttons-neutral-tinted-is-expanded-content-secondary-color: light-dark(var(--primitives-color-neutral-700), var(--primitives-color-neutral-850));
|
|
1392
1392
|
--semantics-buttons-neutral-tinted-is-expanded-is-hovered-background-color: light-dark(var(--primitives-color-neutral-200), var(--primitives-color-neutral-350));
|
|
1393
1393
|
--semantics-buttons-neutral-tinted-is-expanded-is-hovered-highlight-border-color: light-dark(var(--primitives-color-neutral-250), var(--primitives-color-neutral-400));
|
|
1394
|
-
--semantics-buttons-neutral-tinted-is-expanded-is-hovered-
|
|
1395
|
-
--semantics-buttons-neutral-tinted-is-expanded-is-hovered-secondary-
|
|
1394
|
+
--semantics-buttons-neutral-tinted-is-expanded-is-hovered-content-color: light-dark(var(--primitives-color-neutral-1000), var(--primitives-color-neutral-1000));
|
|
1395
|
+
--semantics-buttons-neutral-tinted-is-expanded-is-hovered-content-secondary-color: light-dark(var(--primitives-color-neutral-700), var(--primitives-color-neutral-850));
|
|
1396
1396
|
--semantics-buttons-neutral-tinted-is-expanded-is-active-background-color: light-dark(var(--primitives-color-neutral-250), var(--primitives-color-neutral-400));
|
|
1397
1397
|
--semantics-buttons-neutral-tinted-is-expanded-is-active-highlight-border-color: light-dark(var(--primitives-color-neutral-300), var(--primitives-color-neutral-450));
|
|
1398
|
-
--semantics-buttons-neutral-tinted-is-expanded-is-active-
|
|
1399
|
-
--semantics-buttons-neutral-tinted-is-expanded-is-active-secondary-
|
|
1398
|
+
--semantics-buttons-neutral-tinted-is-expanded-is-active-content-color: light-dark(var(--primitives-color-neutral-1000), var(--primitives-color-neutral-1000));
|
|
1399
|
+
--semantics-buttons-neutral-tinted-is-expanded-is-active-content-secondary-color: light-dark(var(--primitives-color-neutral-750), var(--primitives-color-neutral-900));
|
|
1400
1400
|
--semantics-buttons-neutral-tinted-is-selected-background-color: var(--semantics-controls-is-highlighted-indicator-color);
|
|
1401
1401
|
--semantics-buttons-neutral-tinted-is-selected-highlight-border-color: light-dark(var(--primitives-color-accent-800), var(--primitives-color-accent-700));
|
|
1402
|
-
--semantics-buttons-neutral-tinted-is-selected-
|
|
1403
|
-
--semantics-buttons-neutral-tinted-is-selected-secondary-
|
|
1402
|
+
--semantics-buttons-neutral-tinted-is-selected-content-color: var(--semantics-controls-is-highlighted-contrast-color);
|
|
1403
|
+
--semantics-buttons-neutral-tinted-is-selected-content-secondary-color: var(--semantics-controls-is-highlighted-contrast-color);
|
|
1404
1404
|
--semantics-buttons-neutral-tinted-is-selected-is-hovered-background-color: var(--semantics-controls-is-highlighted-is-hovered-indicator-color);
|
|
1405
1405
|
--semantics-buttons-neutral-tinted-is-selected-is-hovered-highlight-border-color: light-dark(var(--primitives-color-accent-850), var(--primitives-color-accent-750));
|
|
1406
|
-
--semantics-buttons-neutral-tinted-is-selected-is-hovered-
|
|
1407
|
-
--semantics-buttons-neutral-tinted-is-selected-is-hovered-secondary-
|
|
1406
|
+
--semantics-buttons-neutral-tinted-is-selected-is-hovered-content-color: var(--semantics-controls-is-highlighted-is-hovered-contrast-color);
|
|
1407
|
+
--semantics-buttons-neutral-tinted-is-selected-is-hovered-content-secondary-color: var(--semantics-controls-is-highlighted-is-hovered-contrast-color);
|
|
1408
1408
|
--semantics-buttons-neutral-tinted-is-selected-is-active-background-color: var(--semantics-controls-is-highlighted-is-active-indicator-color);
|
|
1409
1409
|
--semantics-buttons-neutral-tinted-is-selected-is-active-highlight-border-color: light-dark(var(--primitives-color-accent-900), var(--primitives-color-accent-800));
|
|
1410
|
-
--semantics-buttons-neutral-tinted-is-selected-is-active-
|
|
1411
|
-
--semantics-buttons-neutral-tinted-is-selected-is-active-secondary-
|
|
1410
|
+
--semantics-buttons-neutral-tinted-is-selected-is-active-content-color: var(--semantics-controls-is-highlighted-is-active-contrast-color);
|
|
1411
|
+
--semantics-buttons-neutral-tinted-is-selected-is-active-content-secondary-color: var(--semantics-controls-is-highlighted-is-active-contrast-color);
|
|
1412
1412
|
|
|
1413
|
-
--semantics-buttons-neutral-transparent-
|
|
1414
|
-
--semantics-buttons-neutral-transparent-secondary-
|
|
1415
|
-
--semantics-buttons-neutral-transparent-is-hovered-
|
|
1416
|
-
--semantics-buttons-neutral-transparent-is-hovered-secondary-
|
|
1417
|
-
--semantics-buttons-neutral-transparent-is-active-
|
|
1418
|
-
--semantics-buttons-neutral-transparent-is-active-secondary-
|
|
1413
|
+
--semantics-buttons-neutral-transparent-content-color: light-dark(var(--primitives-color-neutral-900), var(--primitives-color-neutral-900));
|
|
1414
|
+
--semantics-buttons-neutral-transparent-content-secondary-color: light-dark(var(--primitives-color-neutral-550), var(--primitives-color-neutral-650));
|
|
1415
|
+
--semantics-buttons-neutral-transparent-is-hovered-content-color: light-dark(var(--primitives-color-neutral-950), var(--primitives-color-neutral-950));
|
|
1416
|
+
--semantics-buttons-neutral-transparent-is-hovered-content-secondary-color: light-dark(var(--primitives-color-neutral-550), var(--primitives-color-neutral-650));
|
|
1417
|
+
--semantics-buttons-neutral-transparent-is-active-content-color: light-dark(var(--primitives-color-neutral-1000), var(--primitives-color-neutral-1000));
|
|
1418
|
+
--semantics-buttons-neutral-transparent-is-active-content-secondary-color: light-dark(var(--primitives-color-neutral-550), var(--primitives-color-neutral-650));
|
|
1419
1419
|
|
|
1420
1420
|
--semantics-buttons-accent-filled-background-color: light-dark(var(--primitives-color-accent-750), var(--primitives-color-accent-650));
|
|
1421
|
-
--semantics-buttons-accent-filled-
|
|
1422
|
-
--semantics-buttons-accent-filled-secondary-
|
|
1421
|
+
--semantics-buttons-accent-filled-content-color: light-dark(var(--primitives-color-accent-0), var(--primitives-color-accent-0));
|
|
1422
|
+
--semantics-buttons-accent-filled-content-secondary-color: light-dark(var(--primitives-color-accent-200), var(--primitives-color-accent-100));
|
|
1423
1423
|
--semantics-buttons-accent-filled-divider-color: light-dark(var(--primitives-color-accent-500), var(--primitives-color-accent-450));
|
|
1424
1424
|
--semantics-buttons-accent-filled-highlight-border-color: light-dark(var(--primitives-color-accent-800), var(--primitives-color-accent-700));
|
|
1425
1425
|
--semantics-buttons-accent-filled-is-hovered-background-color: light-dark(var(--primitives-color-accent-800), var(--primitives-color-accent-700));
|
|
1426
1426
|
--semantics-buttons-accent-filled-is-hovered-highlight-border-color: light-dark(var(--primitives-color-accent-850), var(--primitives-color-accent-750));
|
|
1427
|
-
--semantics-buttons-accent-filled-is-hovered-
|
|
1428
|
-
--semantics-buttons-accent-filled-is-hovered-secondary-
|
|
1427
|
+
--semantics-buttons-accent-filled-is-hovered-content-color: light-dark(var(--primitives-color-accent-0), var(--primitives-color-accent-0));
|
|
1428
|
+
--semantics-buttons-accent-filled-is-hovered-content-secondary-color: light-dark(var(--primitives-color-accent-200), var(--primitives-color-accent-100));
|
|
1429
1429
|
--semantics-buttons-accent-filled-is-active-background-color: light-dark(var(--primitives-color-accent-850), var(--primitives-color-accent-750));
|
|
1430
1430
|
--semantics-buttons-accent-filled-is-active-highlight-border-color: light-dark(var(--primitives-color-accent-900), var(--primitives-color-accent-800));
|
|
1431
|
-
--semantics-buttons-accent-filled-is-active-
|
|
1432
|
-
--semantics-buttons-accent-filled-is-active-secondary-
|
|
1431
|
+
--semantics-buttons-accent-filled-is-active-content-color: light-dark(var(--primitives-color-accent-0), var(--primitives-color-accent-0));
|
|
1432
|
+
--semantics-buttons-accent-filled-is-active-content-secondary-color: light-dark(var(--primitives-color-accent-200), var(--primitives-color-accent-100));
|
|
1433
1433
|
--semantics-buttons-accent-filled-is-expanded-background-color: light-dark(var(--primitives-color-accent-850), var(--primitives-color-accent-750));
|
|
1434
1434
|
--semantics-buttons-accent-filled-is-expanded-highlight-border-color: light-dark(var(--primitives-color-accent-900), var(--primitives-color-accent-800));
|
|
1435
|
-
--semantics-buttons-accent-filled-is-expanded-
|
|
1436
|
-
--semantics-buttons-accent-filled-is-expanded-secondary-
|
|
1435
|
+
--semantics-buttons-accent-filled-is-expanded-content-color: light-dark(var(--primitives-color-accent-0), var(--primitives-color-accent-0));
|
|
1436
|
+
--semantics-buttons-accent-filled-is-expanded-content-secondary-color: light-dark(var(--primitives-color-accent-200), var(--primitives-color-accent-100));
|
|
1437
1437
|
--semantics-buttons-accent-filled-is-expanded-is-hovered-background-color: light-dark(var(--primitives-color-accent-900), var(--primitives-color-accent-800));
|
|
1438
1438
|
--semantics-buttons-accent-filled-is-expanded-is-hovered-highlight-border-color: light-dark(var(--primitives-color-accent-950), var(--primitives-color-accent-850));
|
|
1439
|
-
--semantics-buttons-accent-filled-is-expanded-is-hovered-
|
|
1440
|
-
--semantics-buttons-accent-filled-is-expanded-is-hovered-secondary-
|
|
1439
|
+
--semantics-buttons-accent-filled-is-expanded-is-hovered-content-color: light-dark(var(--primitives-color-accent-0), var(--primitives-color-accent-0));
|
|
1440
|
+
--semantics-buttons-accent-filled-is-expanded-is-hovered-content-secondary-color: light-dark(var(--primitives-color-accent-200), var(--primitives-color-accent-100));
|
|
1441
1441
|
--semantics-buttons-accent-filled-is-expanded-is-active-background-color: light-dark(var(--primitives-color-accent-950), var(--primitives-color-accent-850));
|
|
1442
1442
|
--semantics-buttons-accent-filled-is-expanded-is-active-highlight-border-color: light-dark(var(--primitives-color-accent-1000), var(--primitives-color-accent-900));
|
|
1443
|
-
--semantics-buttons-accent-filled-is-expanded-is-active-
|
|
1444
|
-
--semantics-buttons-accent-filled-is-expanded-is-active-secondary-
|
|
1443
|
+
--semantics-buttons-accent-filled-is-expanded-is-active-content-color: light-dark(var(--primitives-color-accent-0), var(--primitives-color-accent-0));
|
|
1444
|
+
--semantics-buttons-accent-filled-is-expanded-is-active-content-secondary-color: light-dark(var(--primitives-color-accent-200), var(--primitives-color-accent-100));
|
|
1445
1445
|
|
|
1446
|
-
--semantics-buttons-accent-transparent-
|
|
1447
|
-
--semantics-buttons-accent-transparent-secondary-
|
|
1448
|
-
--semantics-buttons-accent-transparent-is-hovered-
|
|
1449
|
-
--semantics-buttons-accent-transparent-is-hovered-secondary-
|
|
1450
|
-
--semantics-buttons-accent-transparent-is-active-
|
|
1451
|
-
--semantics-buttons-accent-transparent-is-active-secondary-
|
|
1446
|
+
--semantics-buttons-accent-transparent-content-color: light-dark(var(--primitives-color-accent-750), var(--primitives-color-accent-650));
|
|
1447
|
+
--semantics-buttons-accent-transparent-content-secondary-color: light-dark(var(--primitives-color-accent-550), var(--primitives-color-accent-650));
|
|
1448
|
+
--semantics-buttons-accent-transparent-is-hovered-content-color: light-dark(var(--primitives-color-accent-800), var(--primitives-color-accent-700));
|
|
1449
|
+
--semantics-buttons-accent-transparent-is-hovered-content-secondary-color: light-dark(var(--primitives-color-accent-550), var(--primitives-color-accent-650));
|
|
1450
|
+
--semantics-buttons-accent-transparent-is-active-content-color: light-dark(var(--primitives-color-accent-850), var(--primitives-color-accent-750));
|
|
1451
|
+
--semantics-buttons-accent-transparent-is-active-content-secondary-color: light-dark(var(--primitives-color-accent-550), var(--primitives-color-accent-650));
|
|
1452
1452
|
|
|
1453
1453
|
--semantics-buttons-critical-tinted-background-color: light-dark(var(--primitives-color-critical-75), var(--primitives-color-critical-150));
|
|
1454
|
-
--semantics-buttons-critical-tinted-
|
|
1455
|
-
--semantics-buttons-critical-tinted-secondary-
|
|
1454
|
+
--semantics-buttons-critical-tinted-content-color: light-dark(var(--primitives-color-critical-600), var(--primitives-color-critical-700));
|
|
1455
|
+
--semantics-buttons-critical-tinted-content-secondary-color: light-dark(var(--primitives-color-critical-600), var(--primitives-color-critical-700));
|
|
1456
1456
|
--semantics-buttons-critical-tinted-highlight-border-color: light-dark(var(--primitives-color-critical-150), var(--primitives-color-critical-200));
|
|
1457
1457
|
--semantics-buttons-critical-tinted-is-hovered-background-color: light-dark(var(--primitives-color-critical-100), var(--primitives-color-critical-200));
|
|
1458
1458
|
--semantics-buttons-critical-tinted-is-hovered-highlight-border-color: light-dark(var(--primitives-color-critical-150), var(--primitives-color-critical-250));
|
|
1459
|
-
--semantics-buttons-critical-tinted-is-hovered-
|
|
1460
|
-
--semantics-buttons-critical-tinted-is-hovered-secondary-
|
|
1459
|
+
--semantics-buttons-critical-tinted-is-hovered-content-color: light-dark(var(--primitives-color-critical-650), var(--primitives-color-critical-750));
|
|
1460
|
+
--semantics-buttons-critical-tinted-is-hovered-content-secondary-color: light-dark(var(--primitives-color-critical-650), var(--primitives-color-critical-750));
|
|
1461
1461
|
--semantics-buttons-critical-tinted-is-active-background-color: light-dark(var(--primitives-color-critical-150), var(--primitives-color-critical-250));
|
|
1462
1462
|
--semantics-buttons-critical-tinted-is-active-highlight-border-color: light-dark(var(--primitives-color-critical-200), var(--primitives-color-critical-300));
|
|
1463
|
-
--semantics-buttons-critical-tinted-is-active-
|
|
1464
|
-
--semantics-buttons-critical-tinted-is-active-secondary-
|
|
1463
|
+
--semantics-buttons-critical-tinted-is-active-content-color: light-dark(var(--primitives-color-critical-700), var(--primitives-color-critical-800));
|
|
1464
|
+
--semantics-buttons-critical-tinted-is-active-content-secondary-color: light-dark(var(--primitives-color-critical-700), var(--primitives-color-critical-800));
|
|
1465
1465
|
--semantics-buttons-critical-tinted-is-expanded-background-color: light-dark(var(--primitives-color-critical-150), var(--primitives-color-critical-300));
|
|
1466
1466
|
--semantics-buttons-critical-tinted-is-expanded-highlight-border-color: light-dark(var(--primitives-color-critical-200), var(--primitives-color-critical-350));
|
|
1467
|
-
--semantics-buttons-critical-tinted-is-expanded-
|
|
1468
|
-
--semantics-buttons-critical-tinted-is-expanded-secondary-
|
|
1467
|
+
--semantics-buttons-critical-tinted-is-expanded-content-color: light-dark(var(--primitives-color-critical-750), var(--primitives-color-critical-850));
|
|
1468
|
+
--semantics-buttons-critical-tinted-is-expanded-content-secondary-color: light-dark(var(--primitives-color-critical-750), var(--primitives-color-critical-850));
|
|
1469
1469
|
--semantics-buttons-critical-tinted-is-expanded-is-hovered-background-color: light-dark(var(--primitives-color-critical-200), var(--primitives-color-critical-350));
|
|
1470
1470
|
--semantics-buttons-critical-tinted-is-expanded-is-hovered-highlight-border-color: light-dark(var(--primitives-color-critical-250), var(--primitives-color-critical-400));
|
|
1471
|
-
--semantics-buttons-critical-tinted-is-expanded-is-hovered-
|
|
1472
|
-
--semantics-buttons-critical-tinted-is-expanded-is-hovered-secondary-
|
|
1471
|
+
--semantics-buttons-critical-tinted-is-expanded-is-hovered-content-color: light-dark(var(--primitives-color-critical-800), var(--primitives-color-critical-900));
|
|
1472
|
+
--semantics-buttons-critical-tinted-is-expanded-is-hovered-content-secondary-color: light-dark(var(--primitives-color-critical-800), var(--primitives-color-critical-900));
|
|
1473
1473
|
--semantics-buttons-critical-tinted-is-expanded-is-active-background-color: light-dark(var(--primitives-color-critical-250), var(--primitives-color-critical-400));
|
|
1474
1474
|
--semantics-buttons-critical-tinted-is-expanded-is-active-highlight-border-color: light-dark(var(--primitives-color-critical-300), var(--primitives-color-critical-450));
|
|
1475
|
-
--semantics-buttons-critical-tinted-is-expanded-is-active-
|
|
1476
|
-
--semantics-buttons-critical-tinted-is-expanded-is-active-secondary-
|
|
1475
|
+
--semantics-buttons-critical-tinted-is-expanded-is-active-content-color: light-dark(var(--primitives-color-critical-850), var(--primitives-color-critical-950));
|
|
1476
|
+
--semantics-buttons-critical-tinted-is-expanded-is-active-content-secondary-color: light-dark(var(--primitives-color-critical-850), var(--primitives-color-critical-950));
|
|
1477
1477
|
|
|
1478
|
-
--semantics-buttons-critical-transparent-
|
|
1479
|
-
--semantics-buttons-critical-transparent-secondary-
|
|
1480
|
-
--semantics-buttons-critical-transparent-is-hovered-
|
|
1481
|
-
--semantics-buttons-critical-transparent-is-hovered-secondary-
|
|
1482
|
-
--semantics-buttons-critical-transparent-is-active-
|
|
1483
|
-
--semantics-buttons-critical-transparent-is-active-secondary-
|
|
1478
|
+
--semantics-buttons-critical-transparent-content-color: light-dark(var(--primitives-color-critical-600), var(--primitives-color-critical-650));
|
|
1479
|
+
--semantics-buttons-critical-transparent-content-secondary-color: light-dark(var(--primitives-color-critical-550), var(--primitives-color-critical-650));
|
|
1480
|
+
--semantics-buttons-critical-transparent-is-hovered-content-color: light-dark(var(--primitives-color-critical-650), var(--primitives-color-critical-700));
|
|
1481
|
+
--semantics-buttons-critical-transparent-is-hovered-content-secondary-color: light-dark(var(--primitives-color-critical-550), var(--primitives-color-critical-650));
|
|
1482
|
+
--semantics-buttons-critical-transparent-is-active-content-color: light-dark(var(--primitives-color-critical-700), var(--primitives-color-critical-750));
|
|
1483
|
+
--semantics-buttons-critical-transparent-is-active-content-secondary-color: light-dark(var(--primitives-color-critical-550), var(--primitives-color-critical-650));
|
|
1484
1484
|
|
|
1485
1485
|
/* ### Buttons — inherit (on-color)
|
|
1486
1486
|
For buttons on colored surfaces: the values derive from currentColor
|
|
@@ -1491,54 +1491,54 @@
|
|
|
1491
1491
|
carry the white/black contrast flip as its fallback. */
|
|
1492
1492
|
|
|
1493
1493
|
--semantics-buttons-inherit-tinted-background-color: color-mix(in oklab, var(--semantics-content-contrast-color) 20%, transparent);
|
|
1494
|
-
--semantics-buttons-inherit-tinted-
|
|
1495
|
-
--semantics-buttons-inherit-tinted-secondary-
|
|
1494
|
+
--semantics-buttons-inherit-tinted-content-color: currentColor;
|
|
1495
|
+
--semantics-buttons-inherit-tinted-content-secondary-color: var(--semantics-buttons-inherit-tinted-content-color);
|
|
1496
1496
|
--semantics-buttons-inherit-tinted-highlight-border-color: color-mix(in oklab, var(--semantics-content-contrast-color) 10%, transparent);
|
|
1497
1497
|
--semantics-buttons-inherit-tinted-is-hovered-background-color: color-mix(in oklab, var(--semantics-content-contrast-color) 25%, transparent);
|
|
1498
|
-
--semantics-buttons-inherit-tinted-is-hovered-
|
|
1499
|
-
--semantics-buttons-inherit-tinted-is-hovered-secondary-
|
|
1498
|
+
--semantics-buttons-inherit-tinted-is-hovered-content-color: var(--semantics-buttons-inherit-tinted-content-color);
|
|
1499
|
+
--semantics-buttons-inherit-tinted-is-hovered-content-secondary-color: var(--semantics-buttons-inherit-tinted-content-secondary-color);
|
|
1500
1500
|
--semantics-buttons-inherit-tinted-is-hovered-highlight-border-color: color-mix(in oklab, var(--semantics-content-contrast-color) 10%, transparent);
|
|
1501
1501
|
--semantics-buttons-inherit-tinted-is-active-background-color: color-mix(in oklab, var(--semantics-content-contrast-color) 30%, transparent);
|
|
1502
|
-
--semantics-buttons-inherit-tinted-is-active-
|
|
1503
|
-
--semantics-buttons-inherit-tinted-is-active-secondary-
|
|
1502
|
+
--semantics-buttons-inherit-tinted-is-active-content-color: var(--semantics-buttons-inherit-tinted-content-color);
|
|
1503
|
+
--semantics-buttons-inherit-tinted-is-active-content-secondary-color: var(--semantics-buttons-inherit-tinted-content-secondary-color);
|
|
1504
1504
|
--semantics-buttons-inherit-tinted-is-active-highlight-border-color: color-mix(in oklab, var(--semantics-content-contrast-color) 10%, transparent);
|
|
1505
1505
|
--semantics-buttons-inherit-tinted-is-expanded-background-color: color-mix(in oklab, var(--semantics-content-contrast-color) 30%, transparent);
|
|
1506
|
-
--semantics-buttons-inherit-tinted-is-expanded-
|
|
1507
|
-
--semantics-buttons-inherit-tinted-is-expanded-secondary-
|
|
1506
|
+
--semantics-buttons-inherit-tinted-is-expanded-content-color: var(--semantics-buttons-inherit-tinted-content-color);
|
|
1507
|
+
--semantics-buttons-inherit-tinted-is-expanded-content-secondary-color: var(--semantics-buttons-inherit-tinted-content-secondary-color);
|
|
1508
1508
|
--semantics-buttons-inherit-tinted-is-expanded-highlight-border-color: color-mix(in oklab, var(--semantics-content-contrast-color) 10%, transparent);
|
|
1509
1509
|
--semantics-buttons-inherit-tinted-is-expanded-is-hovered-background-color: color-mix(in oklab, var(--semantics-content-contrast-color) 35%, transparent);
|
|
1510
|
-
--semantics-buttons-inherit-tinted-is-expanded-is-hovered-
|
|
1511
|
-
--semantics-buttons-inherit-tinted-is-expanded-is-hovered-secondary-
|
|
1510
|
+
--semantics-buttons-inherit-tinted-is-expanded-is-hovered-content-color: var(--semantics-buttons-inherit-tinted-content-color);
|
|
1511
|
+
--semantics-buttons-inherit-tinted-is-expanded-is-hovered-content-secondary-color: var(--semantics-buttons-inherit-tinted-content-secondary-color);
|
|
1512
1512
|
--semantics-buttons-inherit-tinted-is-expanded-is-hovered-highlight-border-color: color-mix(in oklab, var(--semantics-content-contrast-color) 10%, transparent);
|
|
1513
1513
|
--semantics-buttons-inherit-tinted-is-expanded-is-active-background-color: color-mix(in oklab, var(--semantics-content-contrast-color) 40%, transparent);
|
|
1514
|
-
--semantics-buttons-inherit-tinted-is-expanded-is-active-
|
|
1515
|
-
--semantics-buttons-inherit-tinted-is-expanded-is-active-secondary-
|
|
1514
|
+
--semantics-buttons-inherit-tinted-is-expanded-is-active-content-color: var(--semantics-buttons-inherit-tinted-content-color);
|
|
1515
|
+
--semantics-buttons-inherit-tinted-is-expanded-is-active-content-secondary-color: var(--semantics-buttons-inherit-tinted-content-secondary-color);
|
|
1516
1516
|
--semantics-buttons-inherit-tinted-is-expanded-is-active-highlight-border-color: color-mix(in oklab, var(--semantics-content-contrast-color) 10%, transparent);
|
|
1517
1517
|
|
|
1518
1518
|
--semantics-buttons-inherit-filled-background-color: currentColor;
|
|
1519
|
-
--semantics-buttons-inherit-filled-
|
|
1520
|
-
--semantics-buttons-inherit-filled-secondary-
|
|
1519
|
+
--semantics-buttons-inherit-filled-content-color: var(--semantics-content-contrast-color);
|
|
1520
|
+
--semantics-buttons-inherit-filled-content-secondary-color: currentColor;
|
|
1521
1521
|
--semantics-buttons-inherit-filled-highlight-border-color: currentColor;
|
|
1522
1522
|
--semantics-buttons-inherit-filled-is-hovered-background-color: color-mix(in oklab, currentColor 92%, transparent);
|
|
1523
1523
|
--semantics-buttons-inherit-filled-is-hovered-highlight-border-color: currentColor;
|
|
1524
|
-
--semantics-buttons-inherit-filled-is-hovered-
|
|
1525
|
-
--semantics-buttons-inherit-filled-is-hovered-secondary-
|
|
1524
|
+
--semantics-buttons-inherit-filled-is-hovered-content-color: var(--semantics-buttons-inherit-filled-content-color);
|
|
1525
|
+
--semantics-buttons-inherit-filled-is-hovered-content-secondary-color: var(--semantics-buttons-inherit-filled-content-secondary-color);
|
|
1526
1526
|
--semantics-buttons-inherit-filled-is-active-background-color: color-mix(in oklab, currentColor 85%, transparent);
|
|
1527
1527
|
--semantics-buttons-inherit-filled-is-active-highlight-border-color: currentColor;
|
|
1528
|
-
--semantics-buttons-inherit-filled-is-active-
|
|
1529
|
-
--semantics-buttons-inherit-filled-is-active-secondary-
|
|
1528
|
+
--semantics-buttons-inherit-filled-is-active-content-color: var(--semantics-buttons-inherit-filled-content-color);
|
|
1529
|
+
--semantics-buttons-inherit-filled-is-active-content-secondary-color: var(--semantics-buttons-inherit-filled-content-secondary-color);
|
|
1530
1530
|
--semantics-buttons-inherit-filled-is-expanded-background-color: color-mix(in oklab, currentColor 85%, transparent);
|
|
1531
1531
|
--semantics-buttons-inherit-filled-is-expanded-highlight-border-color: currentColor;
|
|
1532
|
-
--semantics-buttons-inherit-filled-is-expanded-
|
|
1533
|
-
--semantics-buttons-inherit-filled-is-expanded-secondary-
|
|
1532
|
+
--semantics-buttons-inherit-filled-is-expanded-content-color: var(--semantics-buttons-inherit-filled-content-color);
|
|
1533
|
+
--semantics-buttons-inherit-filled-is-expanded-content-secondary-color: var(--semantics-buttons-inherit-filled-content-secondary-color);
|
|
1534
1534
|
--semantics-buttons-inherit-filled-is-expanded-is-hovered-background-color: color-mix(in oklab, currentColor 80%, transparent);
|
|
1535
1535
|
--semantics-buttons-inherit-filled-is-expanded-is-hovered-highlight-border-color: currentColor;
|
|
1536
|
-
--semantics-buttons-inherit-filled-is-expanded-is-hovered-
|
|
1537
|
-
--semantics-buttons-inherit-filled-is-expanded-is-hovered-secondary-
|
|
1536
|
+
--semantics-buttons-inherit-filled-is-expanded-is-hovered-content-color: var(--semantics-buttons-inherit-filled-content-color);
|
|
1537
|
+
--semantics-buttons-inherit-filled-is-expanded-is-hovered-content-secondary-color: var(--semantics-buttons-inherit-filled-content-secondary-color);
|
|
1538
1538
|
--semantics-buttons-inherit-filled-is-expanded-is-active-background-color: color-mix(in oklab, currentColor 75%, transparent);
|
|
1539
1539
|
--semantics-buttons-inherit-filled-is-expanded-is-active-highlight-border-color: currentColor;
|
|
1540
|
-
--semantics-buttons-inherit-filled-is-expanded-is-active-
|
|
1541
|
-
--semantics-buttons-inherit-filled-is-expanded-is-active-secondary-
|
|
1540
|
+
--semantics-buttons-inherit-filled-is-expanded-is-active-content-color: var(--semantics-buttons-inherit-filled-content-color);
|
|
1541
|
+
--semantics-buttons-inherit-filled-is-expanded-is-active-content-secondary-color: var(--semantics-buttons-inherit-filled-content-secondary-color);
|
|
1542
1542
|
|
|
1543
1543
|
/* ## Input fields */
|
|
1544
1544
|
|
|
@@ -1639,6 +1639,13 @@
|
|
|
1639
1639
|
|
|
1640
1640
|
/* # Components */
|
|
1641
1641
|
|
|
1642
|
+
/* ## Avatar */
|
|
1643
|
+
|
|
1644
|
+
--components-avatar-background-color: light-dark(var(--primitives-color-neutral-100), var(--primitives-color-neutral-300));
|
|
1645
|
+
--components-avatar-content-color: var(--primitives-color-neutral-800);
|
|
1646
|
+
--components-avatar-corner-radius: var(--primitives-corner-radius-full);
|
|
1647
|
+
--components-avatar-organization-corner-radius: var(--primitives-corner-radius-md);
|
|
1648
|
+
|
|
1642
1649
|
/* ## Badge */
|
|
1643
1650
|
|
|
1644
1651
|
--components-badge-corner-radius: var(--primitives-corner-radius-full);
|
|
@@ -1926,23 +1933,23 @@
|
|
|
1926
1933
|
--components-status-bar-neutral-background-color: var(--semantics-categories-neutral-filled-background-color);
|
|
1927
1934
|
--components-status-bar-neutral-is-hovered-background-color: light-dark(var(--primitives-color-neutral-650), var(--primitives-color-neutral-500));
|
|
1928
1935
|
--components-status-bar-neutral-is-active-background-color: light-dark(var(--primitives-color-neutral-700), var(--primitives-color-neutral-550));
|
|
1929
|
-
--components-status-bar-neutral-content-color: var(--semantics-categories-neutral-filled-
|
|
1936
|
+
--components-status-bar-neutral-content-color: var(--semantics-categories-neutral-filled-content-color);
|
|
1930
1937
|
--components-status-bar-accent-background-color: var(--semantics-categories-accent-filled-background-color);
|
|
1931
1938
|
--components-status-bar-accent-is-hovered-background-color: light-dark(var(--primitives-color-accent-800), var(--primitives-color-accent-450));
|
|
1932
1939
|
--components-status-bar-accent-is-active-background-color: light-dark(var(--primitives-color-accent-850), var(--primitives-color-accent-500));
|
|
1933
|
-
--components-status-bar-accent-content-color: var(--semantics-categories-accent-filled-
|
|
1940
|
+
--components-status-bar-accent-content-color: var(--semantics-categories-accent-filled-content-color);
|
|
1934
1941
|
--components-status-bar-success-background-color: var(--semantics-categories-success-filled-background-color);
|
|
1935
1942
|
--components-status-bar-success-is-hovered-background-color: var(--primitives-color-success-550);
|
|
1936
1943
|
--components-status-bar-success-is-active-background-color: var(--primitives-color-success-600);
|
|
1937
|
-
--components-status-bar-success-content-color: var(--semantics-categories-success-filled-
|
|
1944
|
+
--components-status-bar-success-content-color: var(--semantics-categories-success-filled-content-color);
|
|
1938
1945
|
--components-status-bar-warning-background-color: var(--semantics-categories-warning-filled-background-color);
|
|
1939
1946
|
--components-status-bar-warning-is-hovered-background-color: light-dark(var(--primitives-color-warning-450), var(--primitives-color-warning-650));
|
|
1940
1947
|
--components-status-bar-warning-is-active-background-color: light-dark(var(--primitives-color-warning-500), var(--primitives-color-warning-700));
|
|
1941
|
-
--components-status-bar-warning-content-color: var(--semantics-categories-warning-filled-
|
|
1948
|
+
--components-status-bar-warning-content-color: var(--semantics-categories-warning-filled-content-color);
|
|
1942
1949
|
--components-status-bar-critical-background-color: var(--semantics-categories-critical-filled-background-color);
|
|
1943
1950
|
--components-status-bar-critical-is-hovered-background-color: light-dark(var(--primitives-color-critical-700), var(--primitives-color-critical-500));
|
|
1944
1951
|
--components-status-bar-critical-is-active-background-color: light-dark(var(--primitives-color-critical-750), var(--primitives-color-critical-550));
|
|
1945
|
-
--components-status-bar-critical-content-color: var(--semantics-categories-critical-filled-
|
|
1952
|
+
--components-status-bar-critical-content-color: var(--semantics-categories-critical-filled-content-color);
|
|
1946
1953
|
|
|
1947
1954
|
/* ## Switch */
|
|
1948
1955
|
|