@common-origin/design-system 2.22.0 → 2.23.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (25) hide show
  1. package/dist/client.js +39 -2
  2. package/dist/client.js.map +1 -1
  3. package/dist/components/atoms/Box/Box.d.mts +25 -1
  4. package/dist/components/atoms/Box/Box.d.ts +25 -1
  5. package/dist/components/atoms/Box/Box.mjs +5 -2
  6. package/dist/components/molecules/AccountCard/AccountCard.mjs +1 -1
  7. package/dist/data.js +31 -30
  8. package/dist/data.js.map +1 -1
  9. package/dist/lib/tokenAliases.d.mts +9 -0
  10. package/dist/lib/tokenAliases.d.ts +9 -0
  11. package/dist/lib/tokenAliases.mjs +35 -1
  12. package/dist/lib/tokenAliases.mjs.map +1 -1
  13. package/dist/styles/tokens.d.mts +310 -2
  14. package/dist/styles/tokens.d.ts +310 -2
  15. package/dist/styles/tokens.json +31 -30
  16. package/dist/styles/tokens.json.mjs +31 -30
  17. package/dist/styles/tokens.json.mjs.map +1 -1
  18. package/dist/tokens/index.js +31 -30
  19. package/dist/tokens/index.js.map +1 -1
  20. package/dist/tokens/index.mjs +31 -30
  21. package/dist/tokens/index.mjs.map +1 -1
  22. package/dist/tokens/styles/tokens.d.mts +310 -2
  23. package/dist/tokens/styles/tokens.d.ts +310 -2
  24. package/dist/tokens.css +107 -106
  25. package/package.json +1 -1
package/dist/styles/tokens.json.mjs CHANGED
@@ -145,6 +145,7 @@ var base = {
145
145
  },
146
146
  color: {
147
147
  transparent: "transparent",
148
+ white: "#ffffff",
148
149
  gray: {
149
150
  "100": "#fcfcfc",
150
151
  "200": "#f9f9f9",
@@ -679,16 +680,16 @@ var component = {
679
680
  button: {
680
681
  primary: {
681
682
  backgroundColor: "#222222",
682
- textColor: "#ffffff",
683
+ textColor: "#fcfcfc",
683
684
  borderRadius: "0.25rem",
684
685
  padding: "0.75rem 1rem",
685
686
  font: "500 1rem/1.5rem 'Inter', sans-serif"
686
687
  },
687
688
  hover: {
688
- backgroundColor: "color-mix(in srgb, #222222, #ffffff calc(0.08 * 100%))"
689
+ backgroundColor: "color-mix(in srgb, #222222, #fcfcfc calc(0.08 * 100%))"
689
690
  },
690
691
  active: {
691
- backgroundColor: "color-mix(in srgb, #222222, #ffffff calc(0.12 * 100%))"
692
+ backgroundColor: "color-mix(in srgb, #222222, #fcfcfc calc(0.12 * 100%))"
692
693
  },
693
694
  focus: {
694
695
  outline: "0.125rem solid #222222",
@@ -729,12 +730,12 @@ var component = {
729
730
  },
730
731
  accent: {
731
732
  backgroundColor: "#0162bf",
732
- textColor: "#ffffff",
733
+ textColor: "#fcfcfc",
733
734
  hover: {
734
- backgroundColor: "color-mix(in srgb, #0162bf, #ffffff calc(0.08 * 100%))"
735
+ backgroundColor: "color-mix(in srgb, #0162bf, #fcfcfc calc(0.08 * 100%))"
735
736
  },
736
737
  active: {
737
- backgroundColor: "color-mix(in srgb, #0162bf, #ffffff calc(0.12 * 100%))"
738
+ backgroundColor: "color-mix(in srgb, #0162bf, #fcfcfc calc(0.12 * 100%))"
738
739
  },
739
740
  disabled: {
740
741
  backgroundColor: "#f2f2f2",
@@ -743,12 +744,12 @@ var component = {
743
744
  },
744
745
  emphasis: {
745
746
  backgroundColor: "#0162bf",
746
- textColor: "#ffffff",
747
+ textColor: "#fcfcfc",
747
748
  hover: {
748
- backgroundColor: "color-mix(in srgb, #0162bf, #ffffff calc(0.08 * 100%))"
749
+ backgroundColor: "color-mix(in srgb, #0162bf, #fcfcfc calc(0.08 * 100%))"
749
750
  },
750
751
  active: {
751
- backgroundColor: "color-mix(in srgb, #0162bf, #ffffff calc(0.12 * 100%))"
752
+ backgroundColor: "color-mix(in srgb, #0162bf, #fcfcfc calc(0.12 * 100%))"
752
753
  },
753
754
  disabled: {
754
755
  backgroundColor: "#f2f2f2",
@@ -757,12 +758,12 @@ var component = {
757
758
  },
758
759
  danger: {
759
760
  backgroundColor: "#c90002",
760
- textColor: "#ffffff",
761
+ textColor: "#fcfcfc",
761
762
  hover: {
762
- backgroundColor: "color-mix(in srgb, #c90002, #ffffff calc(0.08 * 100%))"
763
+ backgroundColor: "color-mix(in srgb, #c90002, #fcfcfc calc(0.08 * 100%))"
763
764
  },
764
765
  active: {
765
- backgroundColor: "color-mix(in srgb, #c90002, #ffffff calc(0.12 * 100%))"
766
+ backgroundColor: "color-mix(in srgb, #c90002, #fcfcfc calc(0.12 * 100%))"
766
767
  },
767
768
  disabled: {
768
769
  backgroundColor: "#f2f2f2",
@@ -814,12 +815,12 @@ var component = {
814
815
  variants: {
815
816
  emphasis: {
816
817
  backgroundColor: "#222222",
817
- textColor: "#ffffff",
818
+ textColor: "#fcfcfc",
818
819
  hover: {
819
- backgroundColor: "color-mix(in srgb, #222222, #ffffff calc(0.08 * 100%))"
820
+ backgroundColor: "color-mix(in srgb, #222222, #fcfcfc calc(0.08 * 100%))"
820
821
  },
821
822
  active: {
822
- backgroundColor: "color-mix(in srgb, #222222, #ffffff calc(0.12 * 100%))"
823
+ backgroundColor: "color-mix(in srgb, #222222, #fcfcfc calc(0.12 * 100%))"
823
824
  },
824
825
  disabled: {
825
826
  backgroundColor: "#f2f2f2",
@@ -842,12 +843,12 @@ var component = {
842
843
  },
843
844
  interactive: {
844
845
  backgroundColor: "#0162bf",
845
- textColor: "#ffffff",
846
+ textColor: "#fcfcfc",
846
847
  hover: {
847
- backgroundColor: "color-mix(in srgb, #0162bf, #ffffff calc(0.08 * 100%))"
848
+ backgroundColor: "color-mix(in srgb, #0162bf, #fcfcfc calc(0.08 * 100%))"
848
849
  },
849
850
  active: {
850
- backgroundColor: "color-mix(in srgb, #0162bf, #ffffff calc(0.12 * 100%))"
851
+ backgroundColor: "color-mix(in srgb, #0162bf, #fcfcfc calc(0.12 * 100%))"
851
852
  },
852
853
  disabled: {
853
854
  backgroundColor: "#f2f2f2",
@@ -881,10 +882,10 @@ var component = {
881
882
  justifyContent: "center"
882
883
  },
883
884
  hover: {
884
- backgroundColor: "color-mix(in srgb, #222222, #ffffff calc(0.08 * 100%))"
885
+ backgroundColor: "color-mix(in srgb, #222222, #fcfcfc calc(0.08 * 100%))"
885
886
  },
886
887
  active: {
887
- backgroundColor: "color-mix(in srgb, #222222, #ffffff calc(0.12 * 100%))"
888
+ backgroundColor: "color-mix(in srgb, #222222, #fcfcfc calc(0.12 * 100%))"
888
889
  },
889
890
  focus: {
890
891
  outline: "0.125rem solid #222222",
@@ -1448,7 +1449,7 @@ var semantic = {
1448
1449
  "default": "#222222",
1449
1450
  emphasis: "#222222",
1450
1451
  subdued: "#636363",
1451
- inverse: "#ffffff",
1452
+ inverse: "#fcfcfc",
1452
1453
  disabled: "rgba(34, 34, 34, 0.208)",
1453
1454
  interactive: "#0162bf",
1454
1455
  "interactive-hover": "#0162bf",
@@ -1476,11 +1477,11 @@ var semantic = {
1476
1477
  "interactive-subtle": "#edf3fa",
1477
1478
  "interactive-subtle-hover": "#e3ecf8",
1478
1479
  "interactive-subtle-active": "#d8e5f6",
1479
- "interactive-hover": "color-mix(in srgb, #0162bf, #ffffff calc(0.08 * 100%))",
1480
- "interactive-active": "color-mix(in srgb, #0162bf, #ffffff calc(0.12 * 100%))",
1480
+ "interactive-hover": "color-mix(in srgb, #0162bf, #fcfcfc calc(0.08 * 100%))",
1481
+ "interactive-active": "color-mix(in srgb, #0162bf, #fcfcfc calc(0.12 * 100%))",
1481
1482
  error: "#c90002",
1482
- "error-hover": "color-mix(in srgb, #c90002, #ffffff calc(0.08 * 100%))",
1483
- "error-active": "color-mix(in srgb, #c90002, #ffffff calc(0.12 * 100%))",
1483
+ "error-hover": "color-mix(in srgb, #c90002, #fcfcfc calc(0.08 * 100%))",
1484
+ "error-active": "color-mix(in srgb, #c90002, #fcfcfc calc(0.12 * 100%))",
1484
1485
  "error-subtle": "#faf0ee",
1485
1486
  success: "#017249",
1486
1487
  "success-subtle": "#dbf9e8",
@@ -1522,7 +1523,7 @@ var semantic = {
1522
1523
  emphasis: "#222222",
1523
1524
  subdued: "#636363",
1524
1525
  disabled: "rgba(34, 34, 34, 0.208)",
1525
- inverse: "#ffffff",
1526
+ inverse: "#fcfcfc",
1526
1527
  interactive: "#0162bf",
1527
1528
  "interactive-hover": "#0162bf",
1528
1529
  "interactive-active": "#0162bf",
@@ -1635,11 +1636,11 @@ var semantic = {
1635
1636
  "accent-muted": "#edf3fa",
1636
1637
  "accent-muted-hover": "#e3ecf8",
1637
1638
  "accent-muted-pressed": "#d8e5f6",
1638
- "accent-hover": "color-mix(in srgb, #0162bf, #ffffff calc(0.08 * 100%))",
1639
- "accent-pressed": "color-mix(in srgb, #0162bf, #ffffff calc(0.12 * 100%))",
1639
+ "accent-hover": "color-mix(in srgb, #0162bf, #fcfcfc calc(0.08 * 100%))",
1640
+ "accent-pressed": "color-mix(in srgb, #0162bf, #fcfcfc calc(0.12 * 100%))",
1640
1641
  danger: "#c90002",
1641
- "danger-hover": "color-mix(in srgb, #c90002, #ffffff calc(0.08 * 100%))",
1642
- "danger-pressed": "color-mix(in srgb, #c90002, #ffffff calc(0.12 * 100%))",
1642
+ "danger-hover": "color-mix(in srgb, #c90002, #fcfcfc calc(0.08 * 100%))",
1643
+ "danger-pressed": "color-mix(in srgb, #c90002, #fcfcfc calc(0.12 * 100%))",
1643
1644
  "danger-muted": "#faf0ee",
1644
1645
  success: "#017249",
1645
1646
  "success-muted": "#dbf9e8",
package/dist/styles/tokens.json.mjs.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"tokens.json.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
1
+ {"version":3,"file":"tokens.json.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
package/dist/tokens/index.js CHANGED
@@ -149,6 +149,7 @@ var base = {
149
149
  },
150
150
  color: {
151
151
  transparent: "transparent",
152
+ white: "#ffffff",
152
153
  gray: {
153
154
  "100": "#fcfcfc",
154
155
  "200": "#f9f9f9",
@@ -683,16 +684,16 @@ var component = {
683
684
  button: {
684
685
  primary: {
685
686
  backgroundColor: "#222222",
686
- textColor: "#ffffff",
687
+ textColor: "#fcfcfc",
687
688
  borderRadius: "0.25rem",
688
689
  padding: "0.75rem 1rem",
689
690
  font: "500 1rem/1.5rem 'Inter', sans-serif"
690
691
  },
691
692
  hover: {
692
- backgroundColor: "color-mix(in srgb, #222222, #ffffff calc(0.08 * 100%))"
693
+ backgroundColor: "color-mix(in srgb, #222222, #fcfcfc calc(0.08 * 100%))"
693
694
  },
694
695
  active: {
695
- backgroundColor: "color-mix(in srgb, #222222, #ffffff calc(0.12 * 100%))"
696
+ backgroundColor: "color-mix(in srgb, #222222, #fcfcfc calc(0.12 * 100%))"
696
697
  },
697
698
  focus: {
698
699
  outline: "0.125rem solid #222222",
@@ -733,12 +734,12 @@ var component = {
733
734
  },
734
735
  accent: {
735
736
  backgroundColor: "#0162bf",
736
- textColor: "#ffffff",
737
+ textColor: "#fcfcfc",
737
738
  hover: {
738
- backgroundColor: "color-mix(in srgb, #0162bf, #ffffff calc(0.08 * 100%))"
739
+ backgroundColor: "color-mix(in srgb, #0162bf, #fcfcfc calc(0.08 * 100%))"
739
740
  },
740
741
  active: {
741
- backgroundColor: "color-mix(in srgb, #0162bf, #ffffff calc(0.12 * 100%))"
742
+ backgroundColor: "color-mix(in srgb, #0162bf, #fcfcfc calc(0.12 * 100%))"
742
743
  },
743
744
  disabled: {
744
745
  backgroundColor: "#f2f2f2",
@@ -747,12 +748,12 @@ var component = {
747
748
  },
748
749
  emphasis: {
749
750
  backgroundColor: "#0162bf",
750
- textColor: "#ffffff",
751
+ textColor: "#fcfcfc",
751
752
  hover: {
752
- backgroundColor: "color-mix(in srgb, #0162bf, #ffffff calc(0.08 * 100%))"
753
+ backgroundColor: "color-mix(in srgb, #0162bf, #fcfcfc calc(0.08 * 100%))"
753
754
  },
754
755
  active: {
755
- backgroundColor: "color-mix(in srgb, #0162bf, #ffffff calc(0.12 * 100%))"
756
+ backgroundColor: "color-mix(in srgb, #0162bf, #fcfcfc calc(0.12 * 100%))"
756
757
  },
757
758
  disabled: {
758
759
  backgroundColor: "#f2f2f2",
@@ -761,12 +762,12 @@ var component = {
761
762
  },
762
763
  danger: {
763
764
  backgroundColor: "#c90002",
764
- textColor: "#ffffff",
765
+ textColor: "#fcfcfc",
765
766
  hover: {
766
- backgroundColor: "color-mix(in srgb, #c90002, #ffffff calc(0.08 * 100%))"
767
+ backgroundColor: "color-mix(in srgb, #c90002, #fcfcfc calc(0.08 * 100%))"
767
768
  },
768
769
  active: {
769
- backgroundColor: "color-mix(in srgb, #c90002, #ffffff calc(0.12 * 100%))"
770
+ backgroundColor: "color-mix(in srgb, #c90002, #fcfcfc calc(0.12 * 100%))"
770
771
  },
771
772
  disabled: {
772
773
  backgroundColor: "#f2f2f2",
@@ -818,12 +819,12 @@ var component = {
818
819
  variants: {
819
820
  emphasis: {
820
821
  backgroundColor: "#222222",
821
- textColor: "#ffffff",
822
+ textColor: "#fcfcfc",
822
823
  hover: {
823
- backgroundColor: "color-mix(in srgb, #222222, #ffffff calc(0.08 * 100%))"
824
+ backgroundColor: "color-mix(in srgb, #222222, #fcfcfc calc(0.08 * 100%))"
824
825
  },
825
826
  active: {
826
- backgroundColor: "color-mix(in srgb, #222222, #ffffff calc(0.12 * 100%))"
827
+ backgroundColor: "color-mix(in srgb, #222222, #fcfcfc calc(0.12 * 100%))"
827
828
  },
828
829
  disabled: {
829
830
  backgroundColor: "#f2f2f2",
@@ -846,12 +847,12 @@ var component = {
846
847
  },
847
848
  interactive: {
848
849
  backgroundColor: "#0162bf",
849
- textColor: "#ffffff",
850
+ textColor: "#fcfcfc",
850
851
  hover: {
851
- backgroundColor: "color-mix(in srgb, #0162bf, #ffffff calc(0.08 * 100%))"
852
+ backgroundColor: "color-mix(in srgb, #0162bf, #fcfcfc calc(0.08 * 100%))"
852
853
  },
853
854
  active: {
854
- backgroundColor: "color-mix(in srgb, #0162bf, #ffffff calc(0.12 * 100%))"
855
+ backgroundColor: "color-mix(in srgb, #0162bf, #fcfcfc calc(0.12 * 100%))"
855
856
  },
856
857
  disabled: {
857
858
  backgroundColor: "#f2f2f2",
@@ -885,10 +886,10 @@ var component = {
885
886
  justifyContent: "center"
886
887
  },
887
888
  hover: {
888
- backgroundColor: "color-mix(in srgb, #222222, #ffffff calc(0.08 * 100%))"
889
+ backgroundColor: "color-mix(in srgb, #222222, #fcfcfc calc(0.08 * 100%))"
889
890
  },
890
891
  active: {
891
- backgroundColor: "color-mix(in srgb, #222222, #ffffff calc(0.12 * 100%))"
892
+ backgroundColor: "color-mix(in srgb, #222222, #fcfcfc calc(0.12 * 100%))"
892
893
  },
893
894
  focus: {
894
895
  outline: "0.125rem solid #222222",
@@ -1452,7 +1453,7 @@ var semantic = {
1452
1453
  "default": "#222222",
1453
1454
  emphasis: "#222222",
1454
1455
  subdued: "#636363",
1455
- inverse: "#ffffff",
1456
+ inverse: "#fcfcfc",
1456
1457
  disabled: "rgba(34, 34, 34, 0.208)",
1457
1458
  interactive: "#0162bf",
1458
1459
  "interactive-hover": "#0162bf",
@@ -1480,11 +1481,11 @@ var semantic = {
1480
1481
  "interactive-subtle": "#edf3fa",
1481
1482
  "interactive-subtle-hover": "#e3ecf8",
1482
1483
  "interactive-subtle-active": "#d8e5f6",
1483
- "interactive-hover": "color-mix(in srgb, #0162bf, #ffffff calc(0.08 * 100%))",
1484
- "interactive-active": "color-mix(in srgb, #0162bf, #ffffff calc(0.12 * 100%))",
1484
+ "interactive-hover": "color-mix(in srgb, #0162bf, #fcfcfc calc(0.08 * 100%))",
1485
+ "interactive-active": "color-mix(in srgb, #0162bf, #fcfcfc calc(0.12 * 100%))",
1485
1486
  error: "#c90002",
1486
- "error-hover": "color-mix(in srgb, #c90002, #ffffff calc(0.08 * 100%))",
1487
- "error-active": "color-mix(in srgb, #c90002, #ffffff calc(0.12 * 100%))",
1487
+ "error-hover": "color-mix(in srgb, #c90002, #fcfcfc calc(0.08 * 100%))",
1488
+ "error-active": "color-mix(in srgb, #c90002, #fcfcfc calc(0.12 * 100%))",
1488
1489
  "error-subtle": "#faf0ee",
1489
1490
  success: "#017249",
1490
1491
  "success-subtle": "#dbf9e8",
@@ -1526,7 +1527,7 @@ var semantic = {
1526
1527
  emphasis: "#222222",
1527
1528
  subdued: "#636363",
1528
1529
  disabled: "rgba(34, 34, 34, 0.208)",
1529
- inverse: "#ffffff",
1530
+ inverse: "#fcfcfc",
1530
1531
  interactive: "#0162bf",
1531
1532
  "interactive-hover": "#0162bf",
1532
1533
  "interactive-active": "#0162bf",
@@ -1639,11 +1640,11 @@ var semantic = {
1639
1640
  "accent-muted": "#edf3fa",
1640
1641
  "accent-muted-hover": "#e3ecf8",
1641
1642
  "accent-muted-pressed": "#d8e5f6",
1642
- "accent-hover": "color-mix(in srgb, #0162bf, #ffffff calc(0.08 * 100%))",
1643
- "accent-pressed": "color-mix(in srgb, #0162bf, #ffffff calc(0.12 * 100%))",
1643
+ "accent-hover": "color-mix(in srgb, #0162bf, #fcfcfc calc(0.08 * 100%))",
1644
+ "accent-pressed": "color-mix(in srgb, #0162bf, #fcfcfc calc(0.12 * 100%))",
1644
1645
  danger: "#c90002",
1645
- "danger-hover": "color-mix(in srgb, #c90002, #ffffff calc(0.08 * 100%))",
1646
- "danger-pressed": "color-mix(in srgb, #c90002, #ffffff calc(0.12 * 100%))",
1646
+ "danger-hover": "color-mix(in srgb, #c90002, #fcfcfc calc(0.08 * 100%))",
1647
+ "danger-pressed": "color-mix(in srgb, #c90002, #fcfcfc calc(0.12 * 100%))",
1647
1648
  "danger-muted": "#faf0ee",
1648
1649
  success: "#017249",
1649
1650
  "success-muted": "#dbf9e8",
package/dist/tokens/index.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sources":["../../src/types/tokens.ts","../../src/tokens.ts"],"sourcesContent":["import tokensJson from '../styles/tokens.json'\nimport type { Tokens } from '../styles/tokens'\n\n// The published types come from the generated `src/styles/tokens.ts`, which carries each token's\n// description as JSDoc and `@deprecated` on deprecated tokens (decision 0033, #199). Declaring the\n// constant with that type also keeps emitted .d.ts files free of JSON imports, which consumers can\n// only resolve with `resolveJsonModule`.\nexport const tokens: Tokens = tokensJson\n\nexport type { Tokens }\nexport type TokensBase = Tokens['base']\nexport type TokensSemantic = Tokens['semantic']\nexport type TokensComponent = Tokens['component']\n","// Tokens-only export for standalone usage\nimport { tokens } from './types/tokens'\n\nexport { tokens }\nexport default tokens\n\nexport type {\n Tokens,\n TokensBase,\n TokensSemantic,\n TokensComponent\n} from './types/tokens'\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAGA;AACA;AACA;AACA;AACO,IAAM,MAAM,GAAW;;ACP9B;;;;;"}
1
+ {"version":3,"file":"index.js","sources":["../../src/types/tokens.ts","../../src/tokens.ts"],"sourcesContent":["import tokensJson from '../styles/tokens.json'\nimport type { Tokens } from '../styles/tokens'\n\n// The published types come from the generated `src/styles/tokens.ts`, which carries each token's\n// description as JSDoc and `@deprecated` on deprecated tokens (decision 0033, #199). Declaring the\n// constant with that type also keeps emitted .d.ts files free of JSON imports, which consumers can\n// only resolve with `resolveJsonModule`.\nexport const tokens: Tokens = tokensJson\n\nexport type { Tokens }\nexport type TokensBase = Tokens['base']\nexport type TokensSemantic = Tokens['semantic']\nexport type TokensComponent = Tokens['component']\n","// Tokens-only export for standalone usage\nimport { tokens } from './types/tokens'\n\nexport { tokens }\nexport default tokens\n\nexport type {\n Tokens,\n TokensBase,\n TokensSemantic,\n TokensComponent\n} from './types/tokens'\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAGA;AACA;AACA;AACA;AACO,IAAM,MAAM,GAAW;;ACP9B;;;;;"}
package/dist/tokens/index.mjs CHANGED
@@ -145,6 +145,7 @@ var base = {
145
145
  },
146
146
  color: {
147
147
  transparent: "transparent",
148
+ white: "#ffffff",
148
149
  gray: {
149
150
  "100": "#fcfcfc",
150
151
  "200": "#f9f9f9",
@@ -679,16 +680,16 @@ var component = {
679
680
  button: {
680
681
  primary: {
681
682
  backgroundColor: "#222222",
682
- textColor: "#ffffff",
683
+ textColor: "#fcfcfc",
683
684
  borderRadius: "0.25rem",
684
685
  padding: "0.75rem 1rem",
685
686
  font: "500 1rem/1.5rem 'Inter', sans-serif"
686
687
  },
687
688
  hover: {
688
- backgroundColor: "color-mix(in srgb, #222222, #ffffff calc(0.08 * 100%))"
689
+ backgroundColor: "color-mix(in srgb, #222222, #fcfcfc calc(0.08 * 100%))"
689
690
  },
690
691
  active: {
691
- backgroundColor: "color-mix(in srgb, #222222, #ffffff calc(0.12 * 100%))"
692
+ backgroundColor: "color-mix(in srgb, #222222, #fcfcfc calc(0.12 * 100%))"
692
693
  },
693
694
  focus: {
694
695
  outline: "0.125rem solid #222222",
@@ -729,12 +730,12 @@ var component = {
729
730
  },
730
731
  accent: {
731
732
  backgroundColor: "#0162bf",
732
- textColor: "#ffffff",
733
+ textColor: "#fcfcfc",
733
734
  hover: {
734
- backgroundColor: "color-mix(in srgb, #0162bf, #ffffff calc(0.08 * 100%))"
735
+ backgroundColor: "color-mix(in srgb, #0162bf, #fcfcfc calc(0.08 * 100%))"
735
736
  },
736
737
  active: {
737
- backgroundColor: "color-mix(in srgb, #0162bf, #ffffff calc(0.12 * 100%))"
738
+ backgroundColor: "color-mix(in srgb, #0162bf, #fcfcfc calc(0.12 * 100%))"
738
739
  },
739
740
  disabled: {
740
741
  backgroundColor: "#f2f2f2",
@@ -743,12 +744,12 @@ var component = {
743
744
  },
744
745
  emphasis: {
745
746
  backgroundColor: "#0162bf",
746
- textColor: "#ffffff",
747
+ textColor: "#fcfcfc",
747
748
  hover: {
748
- backgroundColor: "color-mix(in srgb, #0162bf, #ffffff calc(0.08 * 100%))"
749
+ backgroundColor: "color-mix(in srgb, #0162bf, #fcfcfc calc(0.08 * 100%))"
749
750
  },
750
751
  active: {
751
- backgroundColor: "color-mix(in srgb, #0162bf, #ffffff calc(0.12 * 100%))"
752
+ backgroundColor: "color-mix(in srgb, #0162bf, #fcfcfc calc(0.12 * 100%))"
752
753
  },
753
754
  disabled: {
754
755
  backgroundColor: "#f2f2f2",
@@ -757,12 +758,12 @@ var component = {
757
758
  },
758
759
  danger: {
759
760
  backgroundColor: "#c90002",
760
- textColor: "#ffffff",
761
+ textColor: "#fcfcfc",
761
762
  hover: {
762
- backgroundColor: "color-mix(in srgb, #c90002, #ffffff calc(0.08 * 100%))"
763
+ backgroundColor: "color-mix(in srgb, #c90002, #fcfcfc calc(0.08 * 100%))"
763
764
  },
764
765
  active: {
765
- backgroundColor: "color-mix(in srgb, #c90002, #ffffff calc(0.12 * 100%))"
766
+ backgroundColor: "color-mix(in srgb, #c90002, #fcfcfc calc(0.12 * 100%))"
766
767
  },
767
768
  disabled: {
768
769
  backgroundColor: "#f2f2f2",
@@ -814,12 +815,12 @@ var component = {
814
815
  variants: {
815
816
  emphasis: {
816
817
  backgroundColor: "#222222",
817
- textColor: "#ffffff",
818
+ textColor: "#fcfcfc",
818
819
  hover: {
819
- backgroundColor: "color-mix(in srgb, #222222, #ffffff calc(0.08 * 100%))"
820
+ backgroundColor: "color-mix(in srgb, #222222, #fcfcfc calc(0.08 * 100%))"
820
821
  },
821
822
  active: {
822
- backgroundColor: "color-mix(in srgb, #222222, #ffffff calc(0.12 * 100%))"
823
+ backgroundColor: "color-mix(in srgb, #222222, #fcfcfc calc(0.12 * 100%))"
823
824
  },
824
825
  disabled: {
825
826
  backgroundColor: "#f2f2f2",
@@ -842,12 +843,12 @@ var component = {
842
843
  },
843
844
  interactive: {
844
845
  backgroundColor: "#0162bf",
845
- textColor: "#ffffff",
846
+ textColor: "#fcfcfc",
846
847
  hover: {
847
- backgroundColor: "color-mix(in srgb, #0162bf, #ffffff calc(0.08 * 100%))"
848
+ backgroundColor: "color-mix(in srgb, #0162bf, #fcfcfc calc(0.08 * 100%))"
848
849
  },
849
850
  active: {
850
- backgroundColor: "color-mix(in srgb, #0162bf, #ffffff calc(0.12 * 100%))"
851
+ backgroundColor: "color-mix(in srgb, #0162bf, #fcfcfc calc(0.12 * 100%))"
851
852
  },
852
853
  disabled: {
853
854
  backgroundColor: "#f2f2f2",
@@ -881,10 +882,10 @@ var component = {
881
882
  justifyContent: "center"
882
883
  },
883
884
  hover: {
884
- backgroundColor: "color-mix(in srgb, #222222, #ffffff calc(0.08 * 100%))"
885
+ backgroundColor: "color-mix(in srgb, #222222, #fcfcfc calc(0.08 * 100%))"
885
886
  },
886
887
  active: {
887
- backgroundColor: "color-mix(in srgb, #222222, #ffffff calc(0.12 * 100%))"
888
+ backgroundColor: "color-mix(in srgb, #222222, #fcfcfc calc(0.12 * 100%))"
888
889
  },
889
890
  focus: {
890
891
  outline: "0.125rem solid #222222",
@@ -1448,7 +1449,7 @@ var semantic = {
1448
1449
  "default": "#222222",
1449
1450
  emphasis: "#222222",
1450
1451
  subdued: "#636363",
1451
- inverse: "#ffffff",
1452
+ inverse: "#fcfcfc",
1452
1453
  disabled: "rgba(34, 34, 34, 0.208)",
1453
1454
  interactive: "#0162bf",
1454
1455
  "interactive-hover": "#0162bf",
@@ -1476,11 +1477,11 @@ var semantic = {
1476
1477
  "interactive-subtle": "#edf3fa",
1477
1478
  "interactive-subtle-hover": "#e3ecf8",
1478
1479
  "interactive-subtle-active": "#d8e5f6",
1479
- "interactive-hover": "color-mix(in srgb, #0162bf, #ffffff calc(0.08 * 100%))",
1480
- "interactive-active": "color-mix(in srgb, #0162bf, #ffffff calc(0.12 * 100%))",
1480
+ "interactive-hover": "color-mix(in srgb, #0162bf, #fcfcfc calc(0.08 * 100%))",
1481
+ "interactive-active": "color-mix(in srgb, #0162bf, #fcfcfc calc(0.12 * 100%))",
1481
1482
  error: "#c90002",
1482
- "error-hover": "color-mix(in srgb, #c90002, #ffffff calc(0.08 * 100%))",
1483
- "error-active": "color-mix(in srgb, #c90002, #ffffff calc(0.12 * 100%))",
1483
+ "error-hover": "color-mix(in srgb, #c90002, #fcfcfc calc(0.08 * 100%))",
1484
+ "error-active": "color-mix(in srgb, #c90002, #fcfcfc calc(0.12 * 100%))",
1484
1485
  "error-subtle": "#faf0ee",
1485
1486
  success: "#017249",
1486
1487
  "success-subtle": "#dbf9e8",
@@ -1522,7 +1523,7 @@ var semantic = {
1522
1523
  emphasis: "#222222",
1523
1524
  subdued: "#636363",
1524
1525
  disabled: "rgba(34, 34, 34, 0.208)",
1525
- inverse: "#ffffff",
1526
+ inverse: "#fcfcfc",
1526
1527
  interactive: "#0162bf",
1527
1528
  "interactive-hover": "#0162bf",
1528
1529
  "interactive-active": "#0162bf",
@@ -1635,11 +1636,11 @@ var semantic = {
1635
1636
  "accent-muted": "#edf3fa",
1636
1637
  "accent-muted-hover": "#e3ecf8",
1637
1638
  "accent-muted-pressed": "#d8e5f6",
1638
- "accent-hover": "color-mix(in srgb, #0162bf, #ffffff calc(0.08 * 100%))",
1639
- "accent-pressed": "color-mix(in srgb, #0162bf, #ffffff calc(0.12 * 100%))",
1639
+ "accent-hover": "color-mix(in srgb, #0162bf, #fcfcfc calc(0.08 * 100%))",
1640
+ "accent-pressed": "color-mix(in srgb, #0162bf, #fcfcfc calc(0.12 * 100%))",
1640
1641
  danger: "#c90002",
1641
- "danger-hover": "color-mix(in srgb, #c90002, #ffffff calc(0.08 * 100%))",
1642
- "danger-pressed": "color-mix(in srgb, #c90002, #ffffff calc(0.12 * 100%))",
1642
+ "danger-hover": "color-mix(in srgb, #c90002, #fcfcfc calc(0.08 * 100%))",
1643
+ "danger-pressed": "color-mix(in srgb, #c90002, #fcfcfc calc(0.12 * 100%))",
1643
1644
  "danger-muted": "#faf0ee",
1644
1645
  success: "#017249",
1645
1646
  "success-muted": "#dbf9e8",
package/dist/tokens/index.mjs.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.mjs","sources":["../../src/types/tokens.ts","../../src/tokens.ts"],"sourcesContent":["import tokensJson from '../styles/tokens.json'\nimport type { Tokens } from '../styles/tokens'\n\n// The published types come from the generated `src/styles/tokens.ts`, which carries each token's\n// description as JSDoc and `@deprecated` on deprecated tokens (decision 0033, #199). Declaring the\n// constant with that type also keeps emitted .d.ts files free of JSON imports, which consumers can\n// only resolve with `resolveJsonModule`.\nexport const tokens: Tokens = tokensJson\n\nexport type { Tokens }\nexport type TokensBase = Tokens['base']\nexport type TokensSemantic = Tokens['semantic']\nexport type TokensComponent = Tokens['component']\n","// Tokens-only export for standalone usage\nimport { tokens } from './types/tokens'\n\nexport { tokens }\nexport default tokens\n\nexport type {\n Tokens,\n TokensBase,\n TokensSemantic,\n TokensComponent\n} from './types/tokens'\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAGA;AACA;AACA;AACA;AACO,IAAM,MAAM,GAAW;;ACP9B;;;;"}
1
+ {"version":3,"file":"index.mjs","sources":["../../src/types/tokens.ts","../../src/tokens.ts"],"sourcesContent":["import tokensJson from '../styles/tokens.json'\nimport type { Tokens } from '../styles/tokens'\n\n// The published types come from the generated `src/styles/tokens.ts`, which carries each token's\n// description as JSDoc and `@deprecated` on deprecated tokens (decision 0033, #199). Declaring the\n// constant with that type also keeps emitted .d.ts files free of JSON imports, which consumers can\n// only resolve with `resolveJsonModule`.\nexport const tokens: Tokens = tokensJson\n\nexport type { Tokens }\nexport type TokensBase = Tokens['base']\nexport type TokensSemantic = Tokens['semantic']\nexport type TokensComponent = Tokens['component']\n","// Tokens-only export for standalone usage\nimport { tokens } from './types/tokens'\n\nexport { tokens }\nexport default tokens\n\nexport type {\n Tokens,\n TokensBase,\n TokensSemantic,\n TokensComponent\n} from './types/tokens'\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAGA;AACA;AACA;AACA;AACO,IAAM,MAAM,GAAW;;ACP9B;;;;"}