@pantheon-systems/pds-design-tokens 1.0.0-dev.26 → 1.0.0-dev.28

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 (11) hide show
  1. package/build/css/pds-design-tokens-dark-mode.css +2 -9
  2. package/build/css/pds-design-tokens-light-mode.css +2 -9
  3. package/build/css/pds-design-tokens.css +1 -0
  4. package/build/figma/pds-design-tokens-figma.json +149 -476
  5. package/build/json/pds-design-tokens-dark-mode.json +62 -237
  6. package/build/json/pds-design-tokens-light-mode.json +62 -239
  7. package/build/json/pds-design-tokens.json +23 -0
  8. package/build/scss/_pds-design-tokens-dark-mode.scss +2 -9
  9. package/build/scss/_pds-design-tokens-light-mode.scss +2 -9
  10. package/build/scss/_pds-design-tokens.scss +1 -0
  11. package/package.json +1 -1
package/build/json/pds-design-tokens-dark-mode.json CHANGED
@@ -1586,7 +1586,7 @@
1586
1586
  "value": "#1d1d29",
1587
1587
  "public": true,
1588
1588
  "isReferenceToInternal": true,
1589
- "filePath": "tokens/color/alias/form.dark.json",
1589
+ "filePath": "tokens/color/alias/input.dark.json",
1590
1590
  "isSource": true,
1591
1591
  "original": {
1592
1592
  "value": "{color.dark-mode.neutral.600.value}",
@@ -1613,7 +1613,7 @@
1613
1613
  "value": "#282839",
1614
1614
  "public": true,
1615
1615
  "isReferenceToInternal": true,
1616
- "filePath": "tokens/color/alias/form.dark.json",
1616
+ "filePath": "tokens/color/alias/input.dark.json",
1617
1617
  "isSource": true,
1618
1618
  "original": {
1619
1619
  "value": "{color.dark-mode.neutral.500.value}",
@@ -1640,7 +1640,7 @@
1640
1640
  "value": "#1d1d29",
1641
1641
  "public": true,
1642
1642
  "isReferenceToInternal": true,
1643
- "filePath": "tokens/color/alias/form.dark.json",
1643
+ "filePath": "tokens/color/alias/input.dark.json",
1644
1644
  "isSource": true,
1645
1645
  "original": {
1646
1646
  "value": "{color.dark-mode.neutral.600.value}",
@@ -1669,7 +1669,7 @@
1669
1669
  "value": "#a6a3b4",
1670
1670
  "public": true,
1671
1671
  "isReferenceToInternal": true,
1672
- "filePath": "tokens/color/alias/form.dark.json",
1672
+ "filePath": "tokens/color/alias/input.dark.json",
1673
1673
  "isSource": true,
1674
1674
  "original": {
1675
1675
  "value": "{color.dark-mode.neutral.200.value}",
@@ -1696,7 +1696,7 @@
1696
1696
  "value": "#7657ff",
1697
1697
  "public": true,
1698
1698
  "isReferenceToInternal": true,
1699
- "filePath": "tokens/color/alias/form.dark.json",
1699
+ "filePath": "tokens/color/alias/input.dark.json",
1700
1700
  "isSource": true,
1701
1701
  "original": {
1702
1702
  "value": "{color.dark-mode.brand.secondary.300.value}",
@@ -1723,7 +1723,7 @@
1723
1723
  "value": "#3cb683",
1724
1724
  "public": true,
1725
1725
  "isReferenceToInternal": true,
1726
- "filePath": "tokens/color/alias/form.dark.json",
1726
+ "filePath": "tokens/color/alias/input.dark.json",
1727
1727
  "isSource": true,
1728
1728
  "original": {
1729
1729
  "value": "{color.dark-mode.semantic.success.300.value}",
@@ -1750,7 +1750,7 @@
1750
1750
  "value": "#e05757",
1751
1751
  "public": true,
1752
1752
  "isReferenceToInternal": true,
1753
- "filePath": "tokens/color/alias/form.dark.json",
1753
+ "filePath": "tokens/color/alias/input.dark.json",
1754
1754
  "isSource": true,
1755
1755
  "original": {
1756
1756
  "value": "{color.dark-mode.semantic.error.300.value}",
@@ -1779,7 +1779,7 @@
1779
1779
  "value": "#ffffff",
1780
1780
  "public": true,
1781
1781
  "isReferenceToInternal": true,
1782
- "filePath": "tokens/color/alias/form.dark.json",
1782
+ "filePath": "tokens/color/alias/input.dark.json",
1783
1783
  "isSource": true,
1784
1784
  "original": {
1785
1785
  "value": "{color.dark-mode.neutral.000.value}",
@@ -1806,7 +1806,7 @@
1806
1806
  "value": "#3cb683",
1807
1807
  "public": true,
1808
1808
  "isReferenceToInternal": true,
1809
- "filePath": "tokens/color/alias/form.dark.json",
1809
+ "filePath": "tokens/color/alias/input.dark.json",
1810
1810
  "isSource": true,
1811
1811
  "original": {
1812
1812
  "value": "{color.dark-mode.semantic.success.300.value}",
@@ -1833,7 +1833,7 @@
1833
1833
  "value": "#e05757",
1834
1834
  "public": true,
1835
1835
  "isReferenceToInternal": true,
1836
- "filePath": "tokens/color/alias/form.dark.json",
1836
+ "filePath": "tokens/color/alias/input.dark.json",
1837
1837
  "isSource": true,
1838
1838
  "original": {
1839
1839
  "value": "{color.dark-mode.semantic.error.300.value}",
@@ -1861,7 +1861,7 @@
1861
1861
  "value": "#a6a3b4",
1862
1862
  "public": true,
1863
1863
  "isReferenceToInternal": true,
1864
- "filePath": "tokens/color/alias/form.dark.json",
1864
+ "filePath": "tokens/color/alias/input.dark.json",
1865
1865
  "isSource": true,
1866
1866
  "original": {
1867
1867
  "value": "{color.dark-mode.neutral.200.value}",
@@ -1886,7 +1886,7 @@
1886
1886
  "background": {
1887
1887
  "value": "#36a3ff",
1888
1888
  "public": true,
1889
- "filePath": "tokens/color/alias/form.dark.json",
1889
+ "filePath": "tokens/color/alias/input.dark.json",
1890
1890
  "isSource": true,
1891
1891
  "original": {
1892
1892
  "value": "{color.dark-mode.interactive.focus.value}",
@@ -1912,7 +1912,7 @@
1912
1912
  "value": "#ffffff",
1913
1913
  "public": true,
1914
1914
  "isReferenceToInternal": true,
1915
- "filePath": "tokens/color/alias/form.dark.json",
1915
+ "filePath": "tokens/color/alias/input.dark.json",
1916
1916
  "isSource": true,
1917
1917
  "original": {
1918
1918
  "value": "{color.dark-mode.neutral.000.value}",
@@ -1936,118 +1936,58 @@
1936
1936
  ]
1937
1937
  }
1938
1938
  },
1939
- "toggle": {
1940
- "background": {
1941
- "off": {
1942
- "value": "#858299",
1939
+ "toggle-switch": {
1940
+ "off": {
1941
+ "value": "#504e62",
1942
+ "public": true,
1943
+ "isReferenceToInternal": true,
1944
+ "filePath": "tokens/color/alias/input.dark.json",
1945
+ "isSource": true,
1946
+ "original": {
1947
+ "value": "{color.dark-mode.neutral.400.value}",
1943
1948
  "public": true,
1944
- "isReferenceToInternal": true,
1945
- "filePath": "tokens/color/alias/form.dark.json",
1946
- "isSource": true,
1947
- "original": {
1948
- "value": "{color.dark-mode.neutral.300.value}",
1949
- "public": true,
1950
- "isReferenceToInternal": true
1951
- },
1952
- "name": "color-dark-mode-input-toggle-background-off",
1953
- "attributes": {
1954
- "category": "color",
1955
- "type": "dark-mode",
1956
- "item": "input",
1957
- "subitem": "toggle",
1958
- "state": "background"
1959
- },
1960
- "path": [
1961
- "color",
1962
- "dark-mode",
1963
- "input",
1964
- "toggle",
1965
- "background",
1966
- "off"
1967
- ]
1949
+ "isReferenceToInternal": true
1968
1950
  },
1969
- "on": {
1970
- "value": "#36a3ff",
1971
- "public": true,
1972
- "filePath": "tokens/color/alias/form.dark.json",
1973
- "isSource": true,
1974
- "original": {
1975
- "value": "{color.dark-mode.interactive.focus.value}",
1976
- "public": true
1977
- },
1978
- "name": "color-dark-mode-input-toggle-background-on",
1979
- "attributes": {
1980
- "category": "color",
1981
- "type": "dark-mode",
1982
- "item": "input",
1983
- "subitem": "toggle",
1984
- "state": "background"
1985
- },
1986
- "path": [
1987
- "color",
1988
- "dark-mode",
1989
- "input",
1990
- "toggle",
1991
- "background",
1992
- "on"
1993
- ]
1994
- }
1951
+ "name": "color-dark-mode-input-toggle-switch-off",
1952
+ "attributes": {
1953
+ "category": "color",
1954
+ "type": "dark-mode",
1955
+ "item": "input",
1956
+ "subitem": "toggle-switch",
1957
+ "state": "off"
1958
+ },
1959
+ "path": [
1960
+ "color",
1961
+ "dark-mode",
1962
+ "input",
1963
+ "toggle-switch",
1964
+ "off"
1965
+ ]
1995
1966
  },
1996
- "border": {
1997
- "off": {
1998
- "value": "#c7c5d0",
1999
- "public": true,
2000
- "isReferenceToInternal": true,
2001
- "filePath": "tokens/color/alias/form.dark.json",
2002
- "isSource": true,
2003
- "original": {
2004
- "value": "{color.dark-mode.neutral.100.value}",
2005
- "public": true,
2006
- "isReferenceToInternal": true
2007
- },
2008
- "name": "color-dark-mode-input-toggle-border-off",
2009
- "attributes": {
2010
- "category": "color",
2011
- "type": "dark-mode",
2012
- "item": "input",
2013
- "subitem": "toggle",
2014
- "state": "border"
2015
- },
2016
- "path": [
2017
- "color",
2018
- "dark-mode",
2019
- "input",
2020
- "toggle",
2021
- "border",
2022
- "off"
2023
- ]
1967
+ "on": {
1968
+ "value": "#36a3ff",
1969
+ "public": true,
1970
+ "filePath": "tokens/color/alias/input.dark.json",
1971
+ "isSource": true,
1972
+ "original": {
1973
+ "value": "{color.dark-mode.interactive.focus.value}",
1974
+ "public": true
2024
1975
  },
2025
- "on": {
2026
- "value": "#36a3ff",
2027
- "public": true,
2028
- "filePath": "tokens/color/alias/form.dark.json",
2029
- "isSource": true,
2030
- "original": {
2031
- "value": "{color.dark-mode.interactive.focus.value}",
2032
- "public": true
2033
- },
2034
- "name": "color-dark-mode-input-toggle-border-on",
2035
- "attributes": {
2036
- "category": "color",
2037
- "type": "dark-mode",
2038
- "item": "input",
2039
- "subitem": "toggle",
2040
- "state": "border"
2041
- },
2042
- "path": [
2043
- "color",
2044
- "dark-mode",
2045
- "input",
2046
- "toggle",
2047
- "border",
2048
- "on"
2049
- ]
2050
- }
1976
+ "name": "color-dark-mode-input-toggle-switch-on",
1977
+ "attributes": {
1978
+ "category": "color",
1979
+ "type": "dark-mode",
1980
+ "item": "input",
1981
+ "subitem": "toggle-switch",
1982
+ "state": "on"
1983
+ },
1984
+ "path": [
1985
+ "color",
1986
+ "dark-mode",
1987
+ "input",
1988
+ "toggle-switch",
1989
+ "on"
1990
+ ]
2051
1991
  }
2052
1992
  },
2053
1993
  "action": {
@@ -2056,7 +1996,7 @@
2056
1996
  "value": "#504e62",
2057
1997
  "public": true,
2058
1998
  "isReferenceToInternal": true,
2059
- "filePath": "tokens/color/alias/form.dark.json",
1999
+ "filePath": "tokens/color/alias/input.dark.json",
2060
2000
  "isSource": true,
2061
2001
  "original": {
2062
2002
  "value": "{color.dark-mode.neutral.400.value}",
@@ -2709,121 +2649,6 @@
2709
2649
  "text",
2710
2650
  "default-secondary"
2711
2651
  ]
2712
- },
2713
- "paragraph": {
2714
- "value": "#ffffff",
2715
- "public": true,
2716
- "filePath": "tokens/color/alias/typography.dark.json",
2717
- "isSource": true,
2718
- "original": {
2719
- "value": "{color.dark-mode.text.default}",
2720
- "public": true
2721
- },
2722
- "name": "color-dark-mode-text-paragraph",
2723
- "attributes": {
2724
- "category": "color",
2725
- "type": "dark-mode",
2726
- "item": "text",
2727
- "subitem": "paragraph"
2728
- },
2729
- "path": [
2730
- "color",
2731
- "dark-mode",
2732
- "text",
2733
- "paragraph"
2734
- ]
2735
- },
2736
- "headings": {
2737
- "value": "#ffffff",
2738
- "public": true,
2739
- "filePath": "tokens/color/alias/typography.dark.json",
2740
- "isSource": true,
2741
- "original": {
2742
- "value": "{color.dark-mode.text.default}",
2743
- "public": true
2744
- },
2745
- "name": "color-dark-mode-text-headings",
2746
- "attributes": {
2747
- "category": "color",
2748
- "type": "dark-mode",
2749
- "item": "text",
2750
- "subitem": "headings"
2751
- },
2752
- "path": [
2753
- "color",
2754
- "dark-mode",
2755
- "text",
2756
- "headings"
2757
- ]
2758
- },
2759
- "lead": {
2760
- "value": "#a6a3b4",
2761
- "public": true,
2762
- "filePath": "tokens/color/alias/typography.dark.json",
2763
- "isSource": true,
2764
- "original": {
2765
- "value": "{color.dark-mode.text.default-secondary}",
2766
- "public": true
2767
- },
2768
- "name": "color-dark-mode-text-lead",
2769
- "attributes": {
2770
- "category": "color",
2771
- "type": "dark-mode",
2772
- "item": "text",
2773
- "subitem": "lead"
2774
- },
2775
- "path": [
2776
- "color",
2777
- "dark-mode",
2778
- "text",
2779
- "lead"
2780
- ]
2781
- },
2782
- "overline": {
2783
- "value": "#a6a3b4",
2784
- "public": true,
2785
- "filePath": "tokens/color/alias/typography.dark.json",
2786
- "isSource": true,
2787
- "original": {
2788
- "value": "{color.dark-mode.text.default-secondary}",
2789
- "public": true
2790
- },
2791
- "name": "color-dark-mode-text-overline",
2792
- "attributes": {
2793
- "category": "color",
2794
- "type": "dark-mode",
2795
- "item": "text",
2796
- "subitem": "overline"
2797
- },
2798
- "path": [
2799
- "color",
2800
- "dark-mode",
2801
- "text",
2802
- "overline"
2803
- ]
2804
- },
2805
- "quote": {
2806
- "value": "#a6a3b4",
2807
- "public": true,
2808
- "filePath": "tokens/color/alias/typography.dark.json",
2809
- "isSource": true,
2810
- "original": {
2811
- "value": "{color.dark-mode.text.default-secondary}",
2812
- "public": true
2813
- },
2814
- "name": "color-dark-mode-text-quote",
2815
- "attributes": {
2816
- "category": "color",
2817
- "type": "dark-mode",
2818
- "item": "text",
2819
- "subitem": "quote"
2820
- },
2821
- "path": [
2822
- "color",
2823
- "dark-mode",
2824
- "text",
2825
- "quote"
2826
- ]
2827
2652
  }
2828
2653
  },
2829
2654
  "brand": {