@pantheon-systems/pds-design-tokens 1.0.0-dev.57 → 1.0.0-dev.58

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 (6) hide show
  1. package/build/css/pds-design-tokens-dark-mode.css +9 -3
  2. package/build/css/pds-design-tokens-light-mode.css +9 -3
  3. package/build/figma/pds-design-tokens-figma.json +516 -18
  4. package/build/json/pds-design-tokens-dark-mode.json +258 -9
  5. package/build/json/pds-design-tokens-light-mode.json +258 -9
  6. package/package.json +1 -1
package/build/css/pds-design-tokens-dark-mode.css CHANGED
@@ -11,6 +11,12 @@
11
11
 
12
12
  :root {
13
13
  --pds-color-background-default: #1d1d29;
14
+ --pds-color-banner-danger-background: #f87462;
15
+ --pds-color-banner-danger-foreground: #121219;
16
+ --pds-color-banner-info-background: #9fadbc;
17
+ --pds-color-banner-info-foreground: #121219;
18
+ --pds-color-banner-warning-background: #e2b203;
19
+ --pds-color-banner-warning-foreground: #121219;
14
20
  --pds-color-border-default: #504e62;
15
21
  --pds-color-brand-accent-default: #de0093;
16
22
  --pds-color-brand-primary-default: #ffdc28;
@@ -113,6 +119,9 @@
113
119
  --pds-color-panel-raised-background: #282839;
114
120
  --pds-color-panel-raised-border: var(--pds-color-border-default);
115
121
  --pds-color-panel-sunken-background: #121219;
122
+ --pds-color-table-sort-arrow-active: #6f54e8;
123
+ --pds-color-table-sort-arrow-inactive: #a6a3b4;
124
+ --pds-color-tabs-accent: #ad9bff;
116
125
  --pds-color-tag-1-background: #705e00;
117
126
  --pds-color-tag-1-foreground: #fffbe9;
118
127
  --pds-color-tag-2-background: #4e39a8;
@@ -140,9 +149,6 @@
140
149
  --pds-color-tooltip-text: #121219;
141
150
  --pds-color-tooltip-trigger-icon-critical: #ca3521;
142
151
  --pds-color-tooltip-trigger-icon-default: #c7c5d0;
143
- --pds-color-utility-announcement: #9fadbc;
144
- --pds-color-utility-critical: #f87462;
145
- --pds-color-utility-warning: #e2b203;
146
152
  --pds-elevation-overlay: 0px 8px 12px 0px rgba(18, 18, 25, 0.6);
147
153
  --pds-elevation-raised: 0px 1px 1px 0px rgba(18, 18, 25, 0.95);
148
154
  }
package/build/css/pds-design-tokens-light-mode.css CHANGED
@@ -11,6 +11,12 @@
11
11
 
12
12
  :root {
13
13
  --pds-color-background-default: #ffffff;
14
+ --pds-color-banner-danger-background: #ca3521;
15
+ --pds-color-banner-danger-foreground: #ffffff;
16
+ --pds-color-banner-info-background: #44546f;
17
+ --pds-color-banner-info-foreground: #ffffff;
18
+ --pds-color-banner-warning-background: #e2b203;
19
+ --pds-color-banner-warning-foreground: #23232d;
14
20
  --pds-color-border-default: #cfcfd3;
15
21
  --pds-color-brand-accent-default: #de0093;
16
22
  --pds-color-brand-primary-default: #ffdc28;
@@ -122,6 +128,9 @@
122
128
  --pds-color-panel-raised-background: var(--pds-color-background-default);
123
129
  --pds-color-panel-raised-border: #f1f1f1;
124
130
  --pds-color-panel-sunken-background: #f1f1f1;
131
+ --pds-color-table-sort-arrow-active: #6f54e8;
132
+ --pds-color-table-sort-arrow-inactive: #cfcfd3;
133
+ --pds-color-tabs-accent: #5f41e5;
125
134
  --pds-color-tag-1-background: #fffbe9;
126
135
  --pds-color-tag-1-foreground: #705e00;
127
136
  --pds-color-tag-2-background: #f0ecff;
@@ -149,9 +158,6 @@
149
158
  --pds-color-tooltip-text: #ffffff;
150
159
  --pds-color-tooltip-trigger-icon-critical: #ca3521;
151
160
  --pds-color-tooltip-trigger-icon-default: #23232d;
152
- --pds-color-utility-announcement: #44546f;
153
- --pds-color-utility-critical: #ca3521;
154
- --pds-color-utility-warning: #e2b203;
155
161
  --pds-elevation-overlay: 0px 1px 3px 0px rgba(0, 0, 0, 0.1), 0px 8px 12px 0px rgba(0, 0, 0, 0.15);
156
162
  --pds-elevation-raised: 0px 1px 2px 0px rgba(0, 0, 0, 0.2), 0px 3px 8px 0px rgba(0, 0, 0, 0.15);
157
163
  }
package/build/figma/pds-design-tokens-figma.json CHANGED
@@ -1881,6 +1881,176 @@
1881
1881
  },
1882
1882
  "color": {
1883
1883
  "dark-mode": {
1884
+ "banner": {
1885
+ "info": {
1886
+ "background": {
1887
+ "value": "#9fadbc",
1888
+ "public": true,
1889
+ "isReferenceToInternal": true,
1890
+ "filePath": "tokens/color/alias/banner.dark.json",
1891
+ "isSource": true,
1892
+ "original": {
1893
+ "value": "{color.dark-mode.utility.announcement.value}",
1894
+ "public": true,
1895
+ "isReferenceToInternal": true
1896
+ },
1897
+ "name": "color-dark-mode-banner-info-background",
1898
+ "attributes": {
1899
+ "category": "color",
1900
+ "type": "dark-mode",
1901
+ "item": "banner",
1902
+ "subitem": "info",
1903
+ "state": "background"
1904
+ },
1905
+ "path": [
1906
+ "color",
1907
+ "dark-mode",
1908
+ "banner",
1909
+ "info",
1910
+ "background"
1911
+ ]
1912
+ },
1913
+ "foreground": {
1914
+ "value": "#121219",
1915
+ "public": true,
1916
+ "isReferenceToInternal": true,
1917
+ "filePath": "tokens/color/alias/banner.dark.json",
1918
+ "isSource": true,
1919
+ "original": {
1920
+ "value": "{color.dark-mode.neutral.700.value}",
1921
+ "public": true,
1922
+ "isReferenceToInternal": true
1923
+ },
1924
+ "name": "color-dark-mode-banner-info-foreground",
1925
+ "attributes": {
1926
+ "category": "color",
1927
+ "type": "dark-mode",
1928
+ "item": "banner",
1929
+ "subitem": "info",
1930
+ "state": "foreground"
1931
+ },
1932
+ "path": [
1933
+ "color",
1934
+ "dark-mode",
1935
+ "banner",
1936
+ "info",
1937
+ "foreground"
1938
+ ]
1939
+ }
1940
+ },
1941
+ "warning": {
1942
+ "background": {
1943
+ "value": "#e2b203",
1944
+ "public": true,
1945
+ "isReferenceToInternal": true,
1946
+ "filePath": "tokens/color/alias/banner.dark.json",
1947
+ "isSource": true,
1948
+ "original": {
1949
+ "value": "{color.dark-mode.utility.warning.value}",
1950
+ "public": true,
1951
+ "isReferenceToInternal": true
1952
+ },
1953
+ "name": "color-dark-mode-banner-warning-background",
1954
+ "attributes": {
1955
+ "category": "color",
1956
+ "type": "dark-mode",
1957
+ "item": "banner",
1958
+ "subitem": "warning",
1959
+ "state": "background"
1960
+ },
1961
+ "path": [
1962
+ "color",
1963
+ "dark-mode",
1964
+ "banner",
1965
+ "warning",
1966
+ "background"
1967
+ ]
1968
+ },
1969
+ "foreground": {
1970
+ "value": "#121219",
1971
+ "public": true,
1972
+ "isReferenceToInternal": true,
1973
+ "filePath": "tokens/color/alias/banner.dark.json",
1974
+ "isSource": true,
1975
+ "original": {
1976
+ "value": "{color.dark-mode.neutral.700.value}",
1977
+ "public": true,
1978
+ "isReferenceToInternal": true
1979
+ },
1980
+ "name": "color-dark-mode-banner-warning-foreground",
1981
+ "attributes": {
1982
+ "category": "color",
1983
+ "type": "dark-mode",
1984
+ "item": "banner",
1985
+ "subitem": "warning",
1986
+ "state": "foreground"
1987
+ },
1988
+ "path": [
1989
+ "color",
1990
+ "dark-mode",
1991
+ "banner",
1992
+ "warning",
1993
+ "foreground"
1994
+ ]
1995
+ }
1996
+ },
1997
+ "danger": {
1998
+ "background": {
1999
+ "value": "#f87462",
2000
+ "public": true,
2001
+ "isReferenceToInternal": true,
2002
+ "filePath": "tokens/color/alias/banner.dark.json",
2003
+ "isSource": true,
2004
+ "original": {
2005
+ "value": "{color.dark-mode.utility.critical.value}",
2006
+ "public": true,
2007
+ "isReferenceToInternal": true
2008
+ },
2009
+ "name": "color-dark-mode-banner-danger-background",
2010
+ "attributes": {
2011
+ "category": "color",
2012
+ "type": "dark-mode",
2013
+ "item": "banner",
2014
+ "subitem": "danger",
2015
+ "state": "background"
2016
+ },
2017
+ "path": [
2018
+ "color",
2019
+ "dark-mode",
2020
+ "banner",
2021
+ "danger",
2022
+ "background"
2023
+ ]
2024
+ },
2025
+ "foreground": {
2026
+ "value": "#121219",
2027
+ "public": true,
2028
+ "isReferenceToInternal": true,
2029
+ "filePath": "tokens/color/alias/banner.dark.json",
2030
+ "isSource": true,
2031
+ "original": {
2032
+ "value": "{color.dark-mode.neutral.700.value}",
2033
+ "public": true,
2034
+ "isReferenceToInternal": true
2035
+ },
2036
+ "name": "color-dark-mode-banner-danger-foreground",
2037
+ "attributes": {
2038
+ "category": "color",
2039
+ "type": "dark-mode",
2040
+ "item": "banner",
2041
+ "subitem": "danger",
2042
+ "state": "foreground"
2043
+ },
2044
+ "path": [
2045
+ "color",
2046
+ "dark-mode",
2047
+ "banner",
2048
+ "danger",
2049
+ "foreground"
2050
+ ]
2051
+ }
2052
+ }
2053
+ },
1884
2054
  "button": {
1885
2055
  "primary": {
1886
2056
  "background": {
@@ -4606,6 +4776,91 @@
4606
4776
  ]
4607
4777
  }
4608
4778
  },
4779
+ "table": {
4780
+ "sort-arrow": {
4781
+ "inactive": {
4782
+ "value": "#a6a3b4",
4783
+ "public": true,
4784
+ "isReferenceToInternal": true,
4785
+ "filePath": "tokens/color/alias/table.dark.json",
4786
+ "isSource": true,
4787
+ "original": {
4788
+ "value": "{color.dark-mode.neutral.200.value}",
4789
+ "public": true,
4790
+ "isReferenceToInternal": true
4791
+ },
4792
+ "name": "color-dark-mode-table-sort-arrow-inactive",
4793
+ "attributes": {
4794
+ "category": "color",
4795
+ "type": "dark-mode",
4796
+ "item": "table",
4797
+ "subitem": "sort-arrow",
4798
+ "state": "inactive"
4799
+ },
4800
+ "path": [
4801
+ "color",
4802
+ "dark-mode",
4803
+ "table",
4804
+ "sort-arrow",
4805
+ "inactive"
4806
+ ]
4807
+ },
4808
+ "active": {
4809
+ "value": "#6f54e8",
4810
+ "public": true,
4811
+ "isReferenceToInternal": true,
4812
+ "filePath": "tokens/color/alias/table.dark.json",
4813
+ "isSource": true,
4814
+ "original": {
4815
+ "value": "{color.dark-mode.interactive.visited}",
4816
+ "public": true,
4817
+ "isReferenceToInternal": true
4818
+ },
4819
+ "name": "color-dark-mode-table-sort-arrow-active",
4820
+ "attributes": {
4821
+ "category": "color",
4822
+ "type": "dark-mode",
4823
+ "item": "table",
4824
+ "subitem": "sort-arrow",
4825
+ "state": "active"
4826
+ },
4827
+ "path": [
4828
+ "color",
4829
+ "dark-mode",
4830
+ "table",
4831
+ "sort-arrow",
4832
+ "active"
4833
+ ]
4834
+ }
4835
+ }
4836
+ },
4837
+ "tabs": {
4838
+ "accent": {
4839
+ "value": "#ad9bff",
4840
+ "public": true,
4841
+ "isReferenceToInternal": true,
4842
+ "filePath": "tokens/color/alias/tabs.dark.json",
4843
+ "isSource": true,
4844
+ "original": {
4845
+ "value": "{color.dark-mode.brand.secondary.300.value}",
4846
+ "public": true,
4847
+ "isReferenceToInternal": true
4848
+ },
4849
+ "name": "color-dark-mode-tabs-accent",
4850
+ "attributes": {
4851
+ "category": "color",
4852
+ "type": "dark-mode",
4853
+ "item": "tabs",
4854
+ "subitem": "accent"
4855
+ },
4856
+ "path": [
4857
+ "color",
4858
+ "dark-mode",
4859
+ "tabs",
4860
+ "accent"
4861
+ ]
4862
+ }
4863
+ },
4609
4864
  "tag": {
4610
4865
  "1": {
4611
4866
  "background": {
@@ -6526,12 +6781,10 @@
6526
6781
  "utility": {
6527
6782
  "announcement": {
6528
6783
  "value": "#9fadbc",
6529
- "public": true,
6530
6784
  "filePath": "tokens/color/base/utility.dark.json",
6531
6785
  "isSource": true,
6532
6786
  "original": {
6533
- "value": "#9FADBC",
6534
- "public": true
6787
+ "value": "#9FADBC"
6535
6788
  },
6536
6789
  "name": "color-dark-mode-utility-announcement",
6537
6790
  "attributes": {
@@ -6549,12 +6802,10 @@
6549
6802
  },
6550
6803
  "warning": {
6551
6804
  "value": "#e2b203",
6552
- "public": true,
6553
6805
  "filePath": "tokens/color/base/utility.dark.json",
6554
6806
  "isSource": true,
6555
6807
  "original": {
6556
- "value": "#E2B203",
6557
- "public": true
6808
+ "value": "#E2B203"
6558
6809
  },
6559
6810
  "name": "color-dark-mode-utility-warning",
6560
6811
  "attributes": {
@@ -6572,12 +6823,10 @@
6572
6823
  },
6573
6824
  "critical": {
6574
6825
  "value": "#f87462",
6575
- "public": true,
6576
6826
  "filePath": "tokens/color/base/utility.dark.json",
6577
6827
  "isSource": true,
6578
6828
  "original": {
6579
- "value": "#F87462",
6580
- "public": true
6829
+ "value": "#F87462"
6581
6830
  },
6582
6831
  "name": "color-dark-mode-utility-critical",
6583
6832
  "attributes": {
@@ -6596,6 +6845,176 @@
6596
6845
  }
6597
6846
  },
6598
6847
  "light-mode": {
6848
+ "banner": {
6849
+ "info": {
6850
+ "background": {
6851
+ "value": "#44546f",
6852
+ "public": true,
6853
+ "isReferenceToInternal": true,
6854
+ "filePath": "tokens/color/alias/banner.light.json",
6855
+ "isSource": true,
6856
+ "original": {
6857
+ "value": "{color.light-mode.utility.announcement.value}",
6858
+ "public": true,
6859
+ "isReferenceToInternal": true
6860
+ },
6861
+ "name": "color-light-mode-banner-info-background",
6862
+ "attributes": {
6863
+ "category": "color",
6864
+ "type": "light-mode",
6865
+ "item": "banner",
6866
+ "subitem": "info",
6867
+ "state": "background"
6868
+ },
6869
+ "path": [
6870
+ "color",
6871
+ "light-mode",
6872
+ "banner",
6873
+ "info",
6874
+ "background"
6875
+ ]
6876
+ },
6877
+ "foreground": {
6878
+ "value": "#ffffff",
6879
+ "public": true,
6880
+ "isReferenceToInternal": true,
6881
+ "filePath": "tokens/color/alias/banner.light.json",
6882
+ "isSource": true,
6883
+ "original": {
6884
+ "value": "{color.light-mode.neutral.000.value}",
6885
+ "public": true,
6886
+ "isReferenceToInternal": true
6887
+ },
6888
+ "name": "color-light-mode-banner-info-foreground",
6889
+ "attributes": {
6890
+ "category": "color",
6891
+ "type": "light-mode",
6892
+ "item": "banner",
6893
+ "subitem": "info",
6894
+ "state": "foreground"
6895
+ },
6896
+ "path": [
6897
+ "color",
6898
+ "light-mode",
6899
+ "banner",
6900
+ "info",
6901
+ "foreground"
6902
+ ]
6903
+ }
6904
+ },
6905
+ "warning": {
6906
+ "background": {
6907
+ "value": "#e2b203",
6908
+ "public": true,
6909
+ "isReferenceToInternal": true,
6910
+ "filePath": "tokens/color/alias/banner.light.json",
6911
+ "isSource": true,
6912
+ "original": {
6913
+ "value": "{color.light-mode.utility.warning.value}",
6914
+ "public": true,
6915
+ "isReferenceToInternal": true
6916
+ },
6917
+ "name": "color-light-mode-banner-warning-background",
6918
+ "attributes": {
6919
+ "category": "color",
6920
+ "type": "light-mode",
6921
+ "item": "banner",
6922
+ "subitem": "warning",
6923
+ "state": "background"
6924
+ },
6925
+ "path": [
6926
+ "color",
6927
+ "light-mode",
6928
+ "banner",
6929
+ "warning",
6930
+ "background"
6931
+ ]
6932
+ },
6933
+ "foreground": {
6934
+ "value": "#23232d",
6935
+ "public": true,
6936
+ "isReferenceToInternal": true,
6937
+ "filePath": "tokens/color/alias/banner.light.json",
6938
+ "isSource": true,
6939
+ "original": {
6940
+ "value": "{color.light-mode.text.default.value}",
6941
+ "public": true,
6942
+ "isReferenceToInternal": true
6943
+ },
6944
+ "name": "color-light-mode-banner-warning-foreground",
6945
+ "attributes": {
6946
+ "category": "color",
6947
+ "type": "light-mode",
6948
+ "item": "banner",
6949
+ "subitem": "warning",
6950
+ "state": "foreground"
6951
+ },
6952
+ "path": [
6953
+ "color",
6954
+ "light-mode",
6955
+ "banner",
6956
+ "warning",
6957
+ "foreground"
6958
+ ]
6959
+ }
6960
+ },
6961
+ "danger": {
6962
+ "background": {
6963
+ "value": "#ca3521",
6964
+ "public": true,
6965
+ "isReferenceToInternal": true,
6966
+ "filePath": "tokens/color/alias/banner.light.json",
6967
+ "isSource": true,
6968
+ "original": {
6969
+ "value": "{color.light-mode.utility.critical.value}",
6970
+ "public": true,
6971
+ "isReferenceToInternal": true
6972
+ },
6973
+ "name": "color-light-mode-banner-danger-background",
6974
+ "attributes": {
6975
+ "category": "color",
6976
+ "type": "light-mode",
6977
+ "item": "banner",
6978
+ "subitem": "danger",
6979
+ "state": "background"
6980
+ },
6981
+ "path": [
6982
+ "color",
6983
+ "light-mode",
6984
+ "banner",
6985
+ "danger",
6986
+ "background"
6987
+ ]
6988
+ },
6989
+ "foreground": {
6990
+ "value": "#ffffff",
6991
+ "public": true,
6992
+ "isReferenceToInternal": true,
6993
+ "filePath": "tokens/color/alias/banner.light.json",
6994
+ "isSource": true,
6995
+ "original": {
6996
+ "value": "{color.light-mode.neutral.000.value}",
6997
+ "public": true,
6998
+ "isReferenceToInternal": true
6999
+ },
7000
+ "name": "color-light-mode-banner-danger-foreground",
7001
+ "attributes": {
7002
+ "category": "color",
7003
+ "type": "light-mode",
7004
+ "item": "banner",
7005
+ "subitem": "danger",
7006
+ "state": "foreground"
7007
+ },
7008
+ "path": [
7009
+ "color",
7010
+ "light-mode",
7011
+ "banner",
7012
+ "danger",
7013
+ "foreground"
7014
+ ]
7015
+ }
7016
+ }
7017
+ },
6599
7018
  "button": {
6600
7019
  "primary": {
6601
7020
  "background": {
@@ -9404,6 +9823,91 @@
9404
9823
  ]
9405
9824
  }
9406
9825
  },
9826
+ "table": {
9827
+ "sort-arrow": {
9828
+ "inactive": {
9829
+ "value": "#cfcfd3",
9830
+ "public": true,
9831
+ "isReferenceToInternal": true,
9832
+ "filePath": "tokens/color/alias/table.light.json",
9833
+ "isSource": true,
9834
+ "original": {
9835
+ "value": "{color.light-mode.neutral.300.value}",
9836
+ "public": true,
9837
+ "isReferenceToInternal": true
9838
+ },
9839
+ "name": "color-light-mode-table-sort-arrow-inactive",
9840
+ "attributes": {
9841
+ "category": "color",
9842
+ "type": "light-mode",
9843
+ "item": "table",
9844
+ "subitem": "sort-arrow",
9845
+ "state": "inactive"
9846
+ },
9847
+ "path": [
9848
+ "color",
9849
+ "light-mode",
9850
+ "table",
9851
+ "sort-arrow",
9852
+ "inactive"
9853
+ ]
9854
+ },
9855
+ "active": {
9856
+ "value": "#6f54e8",
9857
+ "public": true,
9858
+ "isReferenceToInternal": true,
9859
+ "filePath": "tokens/color/alias/table.light.json",
9860
+ "isSource": true,
9861
+ "original": {
9862
+ "value": "{color.light-mode.interactive.visited}",
9863
+ "public": true,
9864
+ "isReferenceToInternal": true
9865
+ },
9866
+ "name": "color-light-mode-table-sort-arrow-active",
9867
+ "attributes": {
9868
+ "category": "color",
9869
+ "type": "light-mode",
9870
+ "item": "table",
9871
+ "subitem": "sort-arrow",
9872
+ "state": "active"
9873
+ },
9874
+ "path": [
9875
+ "color",
9876
+ "light-mode",
9877
+ "table",
9878
+ "sort-arrow",
9879
+ "active"
9880
+ ]
9881
+ }
9882
+ }
9883
+ },
9884
+ "tabs": {
9885
+ "accent": {
9886
+ "value": "#5f41e5",
9887
+ "public": true,
9888
+ "isReferenceToInternal": true,
9889
+ "filePath": "tokens/color/alias/tabs.light.json",
9890
+ "isSource": true,
9891
+ "original": {
9892
+ "value": "{color.light-mode.brand.secondary.300.value}",
9893
+ "public": true,
9894
+ "isReferenceToInternal": true
9895
+ },
9896
+ "name": "color-light-mode-tabs-accent",
9897
+ "attributes": {
9898
+ "category": "color",
9899
+ "type": "light-mode",
9900
+ "item": "tabs",
9901
+ "subitem": "accent"
9902
+ },
9903
+ "path": [
9904
+ "color",
9905
+ "light-mode",
9906
+ "tabs",
9907
+ "accent"
9908
+ ]
9909
+ }
9910
+ },
9407
9911
  "tag": {
9408
9912
  "1": {
9409
9913
  "background": {
@@ -11273,12 +11777,10 @@
11273
11777
  "utility": {
11274
11778
  "announcement": {
11275
11779
  "value": "#44546f",
11276
- "public": true,
11277
11780
  "filePath": "tokens/color/base/utility.light.json",
11278
11781
  "isSource": true,
11279
11782
  "original": {
11280
- "value": "#44546F",
11281
- "public": true
11783
+ "value": "#44546F"
11282
11784
  },
11283
11785
  "name": "color-light-mode-utility-announcement",
11284
11786
  "attributes": {
@@ -11296,12 +11798,10 @@
11296
11798
  },
11297
11799
  "warning": {
11298
11800
  "value": "#e2b203",
11299
- "public": true,
11300
11801
  "filePath": "tokens/color/base/utility.light.json",
11301
11802
  "isSource": true,
11302
11803
  "original": {
11303
- "value": "#E2B203",
11304
- "public": true
11804
+ "value": "#E2B203"
11305
11805
  },
11306
11806
  "name": "color-light-mode-utility-warning",
11307
11807
  "attributes": {
@@ -11319,12 +11819,10 @@
11319
11819
  },
11320
11820
  "critical": {
11321
11821
  "value": "#ca3521",
11322
- "public": true,
11323
11822
  "filePath": "tokens/color/base/utility.light.json",
11324
11823
  "isSource": true,
11325
11824
  "original": {
11326
- "value": "#CA3521",
11327
- "public": true
11825
+ "value": "#CA3521"
11328
11826
  },
11329
11827
  "name": "color-light-mode-utility-critical",
11330
11828
  "attributes": {
package/build/json/pds-design-tokens-dark-mode.json CHANGED
@@ -1,6 +1,176 @@
1
1
  {
2
2
  "color": {
3
3
  "dark-mode": {
4
+ "banner": {
5
+ "info": {
6
+ "background": {
7
+ "value": "#9fadbc",
8
+ "public": true,
9
+ "isReferenceToInternal": true,
10
+ "filePath": "tokens/color/alias/banner.dark.json",
11
+ "isSource": true,
12
+ "original": {
13
+ "value": "{color.dark-mode.utility.announcement.value}",
14
+ "public": true,
15
+ "isReferenceToInternal": true
16
+ },
17
+ "name": "color-dark-mode-banner-info-background",
18
+ "attributes": {
19
+ "category": "color",
20
+ "type": "dark-mode",
21
+ "item": "banner",
22
+ "subitem": "info",
23
+ "state": "background"
24
+ },
25
+ "path": [
26
+ "color",
27
+ "dark-mode",
28
+ "banner",
29
+ "info",
30
+ "background"
31
+ ]
32
+ },
33
+ "foreground": {
34
+ "value": "#121219",
35
+ "public": true,
36
+ "isReferenceToInternal": true,
37
+ "filePath": "tokens/color/alias/banner.dark.json",
38
+ "isSource": true,
39
+ "original": {
40
+ "value": "{color.dark-mode.neutral.700.value}",
41
+ "public": true,
42
+ "isReferenceToInternal": true
43
+ },
44
+ "name": "color-dark-mode-banner-info-foreground",
45
+ "attributes": {
46
+ "category": "color",
47
+ "type": "dark-mode",
48
+ "item": "banner",
49
+ "subitem": "info",
50
+ "state": "foreground"
51
+ },
52
+ "path": [
53
+ "color",
54
+ "dark-mode",
55
+ "banner",
56
+ "info",
57
+ "foreground"
58
+ ]
59
+ }
60
+ },
61
+ "warning": {
62
+ "background": {
63
+ "value": "#e2b203",
64
+ "public": true,
65
+ "isReferenceToInternal": true,
66
+ "filePath": "tokens/color/alias/banner.dark.json",
67
+ "isSource": true,
68
+ "original": {
69
+ "value": "{color.dark-mode.utility.warning.value}",
70
+ "public": true,
71
+ "isReferenceToInternal": true
72
+ },
73
+ "name": "color-dark-mode-banner-warning-background",
74
+ "attributes": {
75
+ "category": "color",
76
+ "type": "dark-mode",
77
+ "item": "banner",
78
+ "subitem": "warning",
79
+ "state": "background"
80
+ },
81
+ "path": [
82
+ "color",
83
+ "dark-mode",
84
+ "banner",
85
+ "warning",
86
+ "background"
87
+ ]
88
+ },
89
+ "foreground": {
90
+ "value": "#121219",
91
+ "public": true,
92
+ "isReferenceToInternal": true,
93
+ "filePath": "tokens/color/alias/banner.dark.json",
94
+ "isSource": true,
95
+ "original": {
96
+ "value": "{color.dark-mode.neutral.700.value}",
97
+ "public": true,
98
+ "isReferenceToInternal": true
99
+ },
100
+ "name": "color-dark-mode-banner-warning-foreground",
101
+ "attributes": {
102
+ "category": "color",
103
+ "type": "dark-mode",
104
+ "item": "banner",
105
+ "subitem": "warning",
106
+ "state": "foreground"
107
+ },
108
+ "path": [
109
+ "color",
110
+ "dark-mode",
111
+ "banner",
112
+ "warning",
113
+ "foreground"
114
+ ]
115
+ }
116
+ },
117
+ "danger": {
118
+ "background": {
119
+ "value": "#f87462",
120
+ "public": true,
121
+ "isReferenceToInternal": true,
122
+ "filePath": "tokens/color/alias/banner.dark.json",
123
+ "isSource": true,
124
+ "original": {
125
+ "value": "{color.dark-mode.utility.critical.value}",
126
+ "public": true,
127
+ "isReferenceToInternal": true
128
+ },
129
+ "name": "color-dark-mode-banner-danger-background",
130
+ "attributes": {
131
+ "category": "color",
132
+ "type": "dark-mode",
133
+ "item": "banner",
134
+ "subitem": "danger",
135
+ "state": "background"
136
+ },
137
+ "path": [
138
+ "color",
139
+ "dark-mode",
140
+ "banner",
141
+ "danger",
142
+ "background"
143
+ ]
144
+ },
145
+ "foreground": {
146
+ "value": "#121219",
147
+ "public": true,
148
+ "isReferenceToInternal": true,
149
+ "filePath": "tokens/color/alias/banner.dark.json",
150
+ "isSource": true,
151
+ "original": {
152
+ "value": "{color.dark-mode.neutral.700.value}",
153
+ "public": true,
154
+ "isReferenceToInternal": true
155
+ },
156
+ "name": "color-dark-mode-banner-danger-foreground",
157
+ "attributes": {
158
+ "category": "color",
159
+ "type": "dark-mode",
160
+ "item": "banner",
161
+ "subitem": "danger",
162
+ "state": "foreground"
163
+ },
164
+ "path": [
165
+ "color",
166
+ "dark-mode",
167
+ "banner",
168
+ "danger",
169
+ "foreground"
170
+ ]
171
+ }
172
+ }
173
+ },
4
174
  "button": {
5
175
  "primary": {
6
176
  "background": {
@@ -2726,6 +2896,91 @@
2726
2896
  ]
2727
2897
  }
2728
2898
  },
2899
+ "table": {
2900
+ "sort-arrow": {
2901
+ "inactive": {
2902
+ "value": "#a6a3b4",
2903
+ "public": true,
2904
+ "isReferenceToInternal": true,
2905
+ "filePath": "tokens/color/alias/table.dark.json",
2906
+ "isSource": true,
2907
+ "original": {
2908
+ "value": "{color.dark-mode.neutral.200.value}",
2909
+ "public": true,
2910
+ "isReferenceToInternal": true
2911
+ },
2912
+ "name": "color-dark-mode-table-sort-arrow-inactive",
2913
+ "attributes": {
2914
+ "category": "color",
2915
+ "type": "dark-mode",
2916
+ "item": "table",
2917
+ "subitem": "sort-arrow",
2918
+ "state": "inactive"
2919
+ },
2920
+ "path": [
2921
+ "color",
2922
+ "dark-mode",
2923
+ "table",
2924
+ "sort-arrow",
2925
+ "inactive"
2926
+ ]
2927
+ },
2928
+ "active": {
2929
+ "value": "#6f54e8",
2930
+ "public": true,
2931
+ "isReferenceToInternal": true,
2932
+ "filePath": "tokens/color/alias/table.dark.json",
2933
+ "isSource": true,
2934
+ "original": {
2935
+ "value": "{color.dark-mode.interactive.visited}",
2936
+ "public": true,
2937
+ "isReferenceToInternal": true
2938
+ },
2939
+ "name": "color-dark-mode-table-sort-arrow-active",
2940
+ "attributes": {
2941
+ "category": "color",
2942
+ "type": "dark-mode",
2943
+ "item": "table",
2944
+ "subitem": "sort-arrow",
2945
+ "state": "active"
2946
+ },
2947
+ "path": [
2948
+ "color",
2949
+ "dark-mode",
2950
+ "table",
2951
+ "sort-arrow",
2952
+ "active"
2953
+ ]
2954
+ }
2955
+ }
2956
+ },
2957
+ "tabs": {
2958
+ "accent": {
2959
+ "value": "#ad9bff",
2960
+ "public": true,
2961
+ "isReferenceToInternal": true,
2962
+ "filePath": "tokens/color/alias/tabs.dark.json",
2963
+ "isSource": true,
2964
+ "original": {
2965
+ "value": "{color.dark-mode.brand.secondary.300.value}",
2966
+ "public": true,
2967
+ "isReferenceToInternal": true
2968
+ },
2969
+ "name": "color-dark-mode-tabs-accent",
2970
+ "attributes": {
2971
+ "category": "color",
2972
+ "type": "dark-mode",
2973
+ "item": "tabs",
2974
+ "subitem": "accent"
2975
+ },
2976
+ "path": [
2977
+ "color",
2978
+ "dark-mode",
2979
+ "tabs",
2980
+ "accent"
2981
+ ]
2982
+ }
2983
+ },
2729
2984
  "tag": {
2730
2985
  "1": {
2731
2986
  "background": {
@@ -4646,12 +4901,10 @@
4646
4901
  "utility": {
4647
4902
  "announcement": {
4648
4903
  "value": "#9fadbc",
4649
- "public": true,
4650
4904
  "filePath": "tokens/color/base/utility.dark.json",
4651
4905
  "isSource": true,
4652
4906
  "original": {
4653
- "value": "#9FADBC",
4654
- "public": true
4907
+ "value": "#9FADBC"
4655
4908
  },
4656
4909
  "name": "color-dark-mode-utility-announcement",
4657
4910
  "attributes": {
@@ -4669,12 +4922,10 @@
4669
4922
  },
4670
4923
  "warning": {
4671
4924
  "value": "#e2b203",
4672
- "public": true,
4673
4925
  "filePath": "tokens/color/base/utility.dark.json",
4674
4926
  "isSource": true,
4675
4927
  "original": {
4676
- "value": "#E2B203",
4677
- "public": true
4928
+ "value": "#E2B203"
4678
4929
  },
4679
4930
  "name": "color-dark-mode-utility-warning",
4680
4931
  "attributes": {
@@ -4692,12 +4943,10 @@
4692
4943
  },
4693
4944
  "critical": {
4694
4945
  "value": "#f87462",
4695
- "public": true,
4696
4946
  "filePath": "tokens/color/base/utility.dark.json",
4697
4947
  "isSource": true,
4698
4948
  "original": {
4699
- "value": "#F87462",
4700
- "public": true
4949
+ "value": "#F87462"
4701
4950
  },
4702
4951
  "name": "color-dark-mode-utility-critical",
4703
4952
  "attributes": {
package/build/json/pds-design-tokens-light-mode.json CHANGED
@@ -1,6 +1,176 @@
1
1
  {
2
2
  "color": {
3
3
  "light-mode": {
4
+ "banner": {
5
+ "info": {
6
+ "background": {
7
+ "value": "#44546f",
8
+ "public": true,
9
+ "isReferenceToInternal": true,
10
+ "filePath": "tokens/color/alias/banner.light.json",
11
+ "isSource": true,
12
+ "original": {
13
+ "value": "{color.light-mode.utility.announcement.value}",
14
+ "public": true,
15
+ "isReferenceToInternal": true
16
+ },
17
+ "name": "color-light-mode-banner-info-background",
18
+ "attributes": {
19
+ "category": "color",
20
+ "type": "light-mode",
21
+ "item": "banner",
22
+ "subitem": "info",
23
+ "state": "background"
24
+ },
25
+ "path": [
26
+ "color",
27
+ "light-mode",
28
+ "banner",
29
+ "info",
30
+ "background"
31
+ ]
32
+ },
33
+ "foreground": {
34
+ "value": "#ffffff",
35
+ "public": true,
36
+ "isReferenceToInternal": true,
37
+ "filePath": "tokens/color/alias/banner.light.json",
38
+ "isSource": true,
39
+ "original": {
40
+ "value": "{color.light-mode.neutral.000.value}",
41
+ "public": true,
42
+ "isReferenceToInternal": true
43
+ },
44
+ "name": "color-light-mode-banner-info-foreground",
45
+ "attributes": {
46
+ "category": "color",
47
+ "type": "light-mode",
48
+ "item": "banner",
49
+ "subitem": "info",
50
+ "state": "foreground"
51
+ },
52
+ "path": [
53
+ "color",
54
+ "light-mode",
55
+ "banner",
56
+ "info",
57
+ "foreground"
58
+ ]
59
+ }
60
+ },
61
+ "warning": {
62
+ "background": {
63
+ "value": "#e2b203",
64
+ "public": true,
65
+ "isReferenceToInternal": true,
66
+ "filePath": "tokens/color/alias/banner.light.json",
67
+ "isSource": true,
68
+ "original": {
69
+ "value": "{color.light-mode.utility.warning.value}",
70
+ "public": true,
71
+ "isReferenceToInternal": true
72
+ },
73
+ "name": "color-light-mode-banner-warning-background",
74
+ "attributes": {
75
+ "category": "color",
76
+ "type": "light-mode",
77
+ "item": "banner",
78
+ "subitem": "warning",
79
+ "state": "background"
80
+ },
81
+ "path": [
82
+ "color",
83
+ "light-mode",
84
+ "banner",
85
+ "warning",
86
+ "background"
87
+ ]
88
+ },
89
+ "foreground": {
90
+ "value": "#23232d",
91
+ "public": true,
92
+ "isReferenceToInternal": true,
93
+ "filePath": "tokens/color/alias/banner.light.json",
94
+ "isSource": true,
95
+ "original": {
96
+ "value": "{color.light-mode.text.default.value}",
97
+ "public": true,
98
+ "isReferenceToInternal": true
99
+ },
100
+ "name": "color-light-mode-banner-warning-foreground",
101
+ "attributes": {
102
+ "category": "color",
103
+ "type": "light-mode",
104
+ "item": "banner",
105
+ "subitem": "warning",
106
+ "state": "foreground"
107
+ },
108
+ "path": [
109
+ "color",
110
+ "light-mode",
111
+ "banner",
112
+ "warning",
113
+ "foreground"
114
+ ]
115
+ }
116
+ },
117
+ "danger": {
118
+ "background": {
119
+ "value": "#ca3521",
120
+ "public": true,
121
+ "isReferenceToInternal": true,
122
+ "filePath": "tokens/color/alias/banner.light.json",
123
+ "isSource": true,
124
+ "original": {
125
+ "value": "{color.light-mode.utility.critical.value}",
126
+ "public": true,
127
+ "isReferenceToInternal": true
128
+ },
129
+ "name": "color-light-mode-banner-danger-background",
130
+ "attributes": {
131
+ "category": "color",
132
+ "type": "light-mode",
133
+ "item": "banner",
134
+ "subitem": "danger",
135
+ "state": "background"
136
+ },
137
+ "path": [
138
+ "color",
139
+ "light-mode",
140
+ "banner",
141
+ "danger",
142
+ "background"
143
+ ]
144
+ },
145
+ "foreground": {
146
+ "value": "#ffffff",
147
+ "public": true,
148
+ "isReferenceToInternal": true,
149
+ "filePath": "tokens/color/alias/banner.light.json",
150
+ "isSource": true,
151
+ "original": {
152
+ "value": "{color.light-mode.neutral.000.value}",
153
+ "public": true,
154
+ "isReferenceToInternal": true
155
+ },
156
+ "name": "color-light-mode-banner-danger-foreground",
157
+ "attributes": {
158
+ "category": "color",
159
+ "type": "light-mode",
160
+ "item": "banner",
161
+ "subitem": "danger",
162
+ "state": "foreground"
163
+ },
164
+ "path": [
165
+ "color",
166
+ "light-mode",
167
+ "banner",
168
+ "danger",
169
+ "foreground"
170
+ ]
171
+ }
172
+ }
173
+ },
4
174
  "button": {
5
175
  "primary": {
6
176
  "background": {
@@ -2809,6 +2979,91 @@
2809
2979
  ]
2810
2980
  }
2811
2981
  },
2982
+ "table": {
2983
+ "sort-arrow": {
2984
+ "inactive": {
2985
+ "value": "#cfcfd3",
2986
+ "public": true,
2987
+ "isReferenceToInternal": true,
2988
+ "filePath": "tokens/color/alias/table.light.json",
2989
+ "isSource": true,
2990
+ "original": {
2991
+ "value": "{color.light-mode.neutral.300.value}",
2992
+ "public": true,
2993
+ "isReferenceToInternal": true
2994
+ },
2995
+ "name": "color-light-mode-table-sort-arrow-inactive",
2996
+ "attributes": {
2997
+ "category": "color",
2998
+ "type": "light-mode",
2999
+ "item": "table",
3000
+ "subitem": "sort-arrow",
3001
+ "state": "inactive"
3002
+ },
3003
+ "path": [
3004
+ "color",
3005
+ "light-mode",
3006
+ "table",
3007
+ "sort-arrow",
3008
+ "inactive"
3009
+ ]
3010
+ },
3011
+ "active": {
3012
+ "value": "#6f54e8",
3013
+ "public": true,
3014
+ "isReferenceToInternal": true,
3015
+ "filePath": "tokens/color/alias/table.light.json",
3016
+ "isSource": true,
3017
+ "original": {
3018
+ "value": "{color.light-mode.interactive.visited}",
3019
+ "public": true,
3020
+ "isReferenceToInternal": true
3021
+ },
3022
+ "name": "color-light-mode-table-sort-arrow-active",
3023
+ "attributes": {
3024
+ "category": "color",
3025
+ "type": "light-mode",
3026
+ "item": "table",
3027
+ "subitem": "sort-arrow",
3028
+ "state": "active"
3029
+ },
3030
+ "path": [
3031
+ "color",
3032
+ "light-mode",
3033
+ "table",
3034
+ "sort-arrow",
3035
+ "active"
3036
+ ]
3037
+ }
3038
+ }
3039
+ },
3040
+ "tabs": {
3041
+ "accent": {
3042
+ "value": "#5f41e5",
3043
+ "public": true,
3044
+ "isReferenceToInternal": true,
3045
+ "filePath": "tokens/color/alias/tabs.light.json",
3046
+ "isSource": true,
3047
+ "original": {
3048
+ "value": "{color.light-mode.brand.secondary.300.value}",
3049
+ "public": true,
3050
+ "isReferenceToInternal": true
3051
+ },
3052
+ "name": "color-light-mode-tabs-accent",
3053
+ "attributes": {
3054
+ "category": "color",
3055
+ "type": "light-mode",
3056
+ "item": "tabs",
3057
+ "subitem": "accent"
3058
+ },
3059
+ "path": [
3060
+ "color",
3061
+ "light-mode",
3062
+ "tabs",
3063
+ "accent"
3064
+ ]
3065
+ }
3066
+ },
2812
3067
  "tag": {
2813
3068
  "1": {
2814
3069
  "background": {
@@ -4678,12 +4933,10 @@
4678
4933
  "utility": {
4679
4934
  "announcement": {
4680
4935
  "value": "#44546f",
4681
- "public": true,
4682
4936
  "filePath": "tokens/color/base/utility.light.json",
4683
4937
  "isSource": true,
4684
4938
  "original": {
4685
- "value": "#44546F",
4686
- "public": true
4939
+ "value": "#44546F"
4687
4940
  },
4688
4941
  "name": "color-light-mode-utility-announcement",
4689
4942
  "attributes": {
@@ -4701,12 +4954,10 @@
4701
4954
  },
4702
4955
  "warning": {
4703
4956
  "value": "#e2b203",
4704
- "public": true,
4705
4957
  "filePath": "tokens/color/base/utility.light.json",
4706
4958
  "isSource": true,
4707
4959
  "original": {
4708
- "value": "#E2B203",
4709
- "public": true
4960
+ "value": "#E2B203"
4710
4961
  },
4711
4962
  "name": "color-light-mode-utility-warning",
4712
4963
  "attributes": {
@@ -4724,12 +4975,10 @@
4724
4975
  },
4725
4976
  "critical": {
4726
4977
  "value": "#ca3521",
4727
- "public": true,
4728
4978
  "filePath": "tokens/color/base/utility.light.json",
4729
4979
  "isSource": true,
4730
4980
  "original": {
4731
- "value": "#CA3521",
4732
- "public": true
4981
+ "value": "#CA3521"
4733
4982
  },
4734
4983
  "name": "color-light-mode-utility-critical",
4735
4984
  "attributes": {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@pantheon-systems/pds-design-tokens",
3
- "version": "1.0.0-dev.57",
3
+ "version": "1.0.0-dev.58",
4
4
  "description": "Design Tokens for the Pantheon Design System",
5
5
  "homepage": "https://pantheon.io",
6
6
  "keywords": [