@pantheon-systems/pds-design-tokens 1.0.0-dev.102 → 1.0.0-dev.104

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 (8) hide show
  1. package/build/css/pds-design-tokens-dark-mode.css +3 -0
  2. package/build/css/pds-design-tokens-light-mode.css +9 -6
  3. package/build/css/pds-design-tokens.css +9 -7
  4. package/build/figma/pds-design-tokens-figma.json +293 -40
  5. package/build/json/pds-design-tokens-dark-mode.json +77 -0
  6. package/build/json/pds-design-tokens-light-mode.json +90 -15
  7. package/build/json/pds-design-tokens.json +72 -30
  8. package/package.json +1 -1
package/build/css/pds-design-tokens-dark-mode.css CHANGED
@@ -200,6 +200,9 @@
200
200
  --pds-color-tag-7-foreground: #dffcf0;
201
201
  --pds-color-tag-8-background: #0f5f6a;
202
202
  --pds-color-tag-8-foreground: #f0fdff;
203
+ --pds-color-tag-9-background: #0155cc;
204
+ --pds-color-tag-9-foreground: #082145;
205
+ --pds-color-tag-remove-button: #a6a3b4;
203
206
  --pds-color-text-default: var(--pds-color-foreground-default);
204
207
  --pds-color-text-default-secondary: #a6a3b4;
205
208
  --pds-color-text-reverse: var(--pds-color-foreground-reverse);
package/build/css/pds-design-tokens-light-mode.css CHANGED
@@ -200,15 +200,18 @@
200
200
  --pds-color-tag-3-background: #ffe5f6;
201
201
  --pds-color-tag-3-foreground: #9a0066;
202
202
  --pds-color-tag-4-background: #f1f1f1;
203
- --pds-color-tag-4-foreground: #6d6d78;
204
- --pds-color-tag-5-background: #ffebeb;
203
+ --pds-color-tag-4-foreground: #4c4c4d;
204
+ --pds-color-tag-5-background: #fff0f0;
205
205
  --pds-color-tag-5-foreground: #700000;
206
- --pds-color-tag-6-background: #fffae6;
207
- --pds-color-tag-6-foreground: #b15902;
206
+ --pds-color-tag-6-background: #fff6eb;
207
+ --pds-color-tag-6-foreground: #b65700;
208
208
  --pds-color-tag-7-background: #dffcf0;
209
209
  --pds-color-tag-7-foreground: #164b35;
210
- --pds-color-tag-8-background: #f0fdff;
211
- --pds-color-tag-8-foreground: #0f5f6a;
210
+ --pds-color-tag-8-background: #dffbff;
211
+ --pds-color-tag-8-foreground: #057180;
212
+ --pds-color-tag-9-background: #e9f2ff;
213
+ --pds-color-tag-9-foreground: #0155cc;
214
+ --pds-color-tag-remove-button: #61616b;
212
215
  --pds-color-text-default: var(--pds-color-foreground-default);
213
216
  --pds-color-text-default-secondary: #6d6d78;
214
217
  --pds-color-text-reverse: var(--pds-color-foreground-reverse);
package/build/css/pds-design-tokens.css CHANGED
@@ -33,10 +33,12 @@
33
33
  --pds-container-modal-width-medium: 36rem;
34
34
  --pds-container-modal-width-small: 25rem;
35
35
  --pds-container-padding-base: 6%;
36
- --pds-container-padding-base-breakpoint-lg: 2%;
37
- --pds-container-padding-base-breakpoint-md: 4%;
38
- --pds-container-padding-narrow-breakpoint-lg: 20%;
39
- --pds-container-padding-narrow-breakpoint-md: 12%;
36
+ --pds-container-padding-narrow-bp-lg: 20%;
37
+ --pds-container-padding-narrow-bp-md: 12%;
38
+ --pds-container-padding-standard-bp-lg: 8%;
39
+ --pds-container-padding-standard-bp-md: 6%;
40
+ --pds-container-padding-wide-bp-lg: 2%;
41
+ --pds-container-padding-wide-bp-md: 4%;
40
42
  --pds-grid-marketing-column-medium-large: 5.125%;
41
43
  --pds-grid-marketing-column-small: 21.34375%;
42
44
  --pds-grid-marketing-gap-medium-large: 3.5%;
@@ -69,7 +71,7 @@
69
71
  --pds-typography-letter-spacing-m: 0.02rem;
70
72
  --pds-typography-letter-spacing-s: 0.01rem;
71
73
  --pds-typography-letter-spacing-xl: 0.06rem;
72
- --pds-typography-line-height-l: 170%;
74
+ --pds-typography-line-height-l: 165%;
73
75
  --pds-typography-line-height-m: 140%;
74
76
  --pds-typography-line-height-s: 120%;
75
77
  --pds-typography-line-height-xl: 195%;
@@ -82,9 +84,9 @@
82
84
  --pds-typography-size-6xl: 3.583rem;
83
85
  --pds-typography-size-l: 1.2rem;
84
86
  --pds-typography-size-m: 1rem;
85
- --pds-typography-size-s: 0.8rem;
87
+ --pds-typography-size-s: 0.833rem;
86
88
  --pds-typography-size-xl: 1.44rem;
87
- --pds-typography-size-xs: 0.64rem;
89
+ --pds-typography-size-xs: 0.694rem;
88
90
  --pds-z-index-dropdown: 200;
89
91
  --pds-z-index-modal: 500;
90
92
  --pds-z-index-navigation: 100;
package/build/figma/pds-design-tokens-figma.json CHANGED
@@ -505,7 +505,7 @@
505
505
  "fontSize": "1 * 16",
506
506
  "fontFamily": "Poppins",
507
507
  "fontWeight": 400,
508
- "lineHeight": "170%"
508
+ "lineHeight": "165%"
509
509
  },
510
510
  "type": "typography",
511
511
  "filePath": "tokens-figma/typography/base.json",
@@ -536,7 +536,7 @@
536
536
  "fontSize": "1 * 16",
537
537
  "fontFamily": "Poppins",
538
538
  "fontWeight": 400,
539
- "lineHeight": "170%",
539
+ "lineHeight": "165%",
540
540
  "textDecoration": "underline"
541
541
  },
542
542
  "type": "typography",
@@ -569,7 +569,7 @@
569
569
  "fontSize": "1.728 * 16",
570
570
  "fontFamily": "Aleo",
571
571
  "fontWeight": 400,
572
- "lineHeight": "170%"
572
+ "lineHeight": "165%"
573
573
  },
574
574
  "type": "typography",
575
575
  "filePath": "tokens-figma/typography/base.json",
@@ -600,7 +600,7 @@
600
600
  "fontSize": "1.44 * 16",
601
601
  "fontFamily": "Aleo",
602
602
  "fontWeight": 400,
603
- "lineHeight": "170%"
603
+ "lineHeight": "165%"
604
604
  },
605
605
  "type": "typography",
606
606
  "filePath": "tokens-figma/typography/base.json",
@@ -729,7 +729,7 @@
729
729
  },
730
730
  "overline-sm": {
731
731
  "value": {
732
- "fontSize": "0.8 * 16",
732
+ "fontSize": "0.833 * 16",
733
733
  "fontFamily": "Poppins",
734
734
  "fontWeight": 700,
735
735
  "letterSpacing": "0.04 * 100%",
@@ -801,7 +801,7 @@
801
801
  "headings": {
802
802
  "h1": {
803
803
  "value": {
804
- "fontSize": "2.488 * 16",
804
+ "fontSize": "2.986 * 16",
805
805
  "fontWeight": 700,
806
806
  "fontFamily": "Poppins",
807
807
  "lineHeight": "120%"
@@ -811,7 +811,7 @@
811
811
  "isSource": true,
812
812
  "original": {
813
813
  "value": {
814
- "fontSize": "{typography.size.4XL} * {figma.typography.size.base}",
814
+ "fontSize": "{typography.size.5XL} * {figma.typography.size.base}",
815
815
  "fontWeight": "{typography.font-weight.bold}",
816
816
  "fontFamily": "Poppins",
817
817
  "lineHeight": "{typography.line-height.S}"
@@ -990,9 +990,9 @@
990
990
  "large": {
991
991
  "value": {
992
992
  "fontSize": "1.2 * 16",
993
- "fontWeight": 700,
993
+ "fontWeight": 600,
994
994
  "fontFamily": "Poppins",
995
- "letterSpacing": "0.01 * 100%",
995
+ "letterSpacing": "0",
996
996
  "lineHeight": "100%"
997
997
  },
998
998
  "type": "typography",
@@ -1001,9 +1001,9 @@
1001
1001
  "original": {
1002
1002
  "value": {
1003
1003
  "fontSize": "{typography.size.L} * {figma.typography.size.base}",
1004
- "fontWeight": "{typography.font-weight.bold}",
1004
+ "fontWeight": "{typography.font-weight.semibold}",
1005
1005
  "fontFamily": "{text.body.paragraph.value.fontFamily}",
1006
- "letterSpacing": "{typography.letter-spacing.S} * 100%",
1006
+ "letterSpacing": "0",
1007
1007
  "lineHeight": "100%"
1008
1008
  },
1009
1009
  "type": "typography"
@@ -1023,9 +1023,9 @@
1023
1023
  "medium": {
1024
1024
  "value": {
1025
1025
  "fontSize": "1 * 16",
1026
- "fontWeight": 700,
1026
+ "fontWeight": 600,
1027
1027
  "fontFamily": "Poppins",
1028
- "letterSpacing": "0.01 * 100%",
1028
+ "letterSpacing": "0",
1029
1029
  "lineHeight": "100%"
1030
1030
  },
1031
1031
  "type": "typography",
@@ -1055,10 +1055,10 @@
1055
1055
  },
1056
1056
  "small": {
1057
1057
  "value": {
1058
- "fontSize": "0.875 * 16",
1059
- "fontWeight": 700,
1058
+ "fontSize": "0.833 * 16",
1059
+ "fontWeight": 600,
1060
1060
  "fontFamily": "Poppins",
1061
- "letterSpacing": "0.01 * 100%",
1061
+ "letterSpacing": "0",
1062
1062
  "lineHeight": "100%"
1063
1063
  },
1064
1064
  "type": "typography",
@@ -1066,7 +1066,7 @@
1066
1066
  "isSource": true,
1067
1067
  "original": {
1068
1068
  "value": {
1069
- "fontSize": "0.875 * {figma.typography.size.base}",
1069
+ "fontSize": "{typography.size.S} * {figma.typography.size.base}",
1070
1070
  "fontWeight": "{text.button.large.value.fontWeight}",
1071
1071
  "fontFamily": "{text.button.large.value.fontFamily}",
1072
1072
  "letterSpacing": "{text.button.large.value.letterSpacing}",
@@ -1087,6 +1087,107 @@
1087
1087
  ]
1088
1088
  }
1089
1089
  },
1090
+ "button-subtle": {
1091
+ "large": {
1092
+ "value": {
1093
+ "fontSize": "1.2 * 16",
1094
+ "fontWeight": 400,
1095
+ "fontFamily": "Poppins",
1096
+ "letterSpacing": "0",
1097
+ "lineHeight": "100%"
1098
+ },
1099
+ "type": "typography",
1100
+ "filePath": "tokens-figma/typography/base.json",
1101
+ "isSource": true,
1102
+ "original": {
1103
+ "value": {
1104
+ "fontSize": "{typography.size.L} * {figma.typography.size.base}",
1105
+ "fontWeight": "{typography.font-weight.regular}",
1106
+ "fontFamily": "{text.body.paragraph.value.fontFamily}",
1107
+ "letterSpacing": "0",
1108
+ "lineHeight": "100%"
1109
+ },
1110
+ "type": "typography"
1111
+ },
1112
+ "name": "text-button-subtle-large",
1113
+ "attributes": {
1114
+ "category": "text",
1115
+ "type": "button-subtle",
1116
+ "item": "large"
1117
+ },
1118
+ "path": [
1119
+ "text",
1120
+ "button-subtle",
1121
+ "large"
1122
+ ]
1123
+ },
1124
+ "medium": {
1125
+ "value": {
1126
+ "fontSize": "1 * 16",
1127
+ "fontWeight": 400,
1128
+ "fontFamily": "Poppins",
1129
+ "letterSpacing": "0",
1130
+ "lineHeight": "100%"
1131
+ },
1132
+ "type": "typography",
1133
+ "filePath": "tokens-figma/typography/base.json",
1134
+ "isSource": true,
1135
+ "original": {
1136
+ "value": {
1137
+ "fontSize": "{typography.size.M} * {figma.typography.size.base}",
1138
+ "fontWeight": "{text.button-subtle.large.value.fontWeight}",
1139
+ "fontFamily": "{text.button-subtle.large.value.fontFamily}",
1140
+ "letterSpacing": "{text.button-subtle.large.value.letterSpacing}",
1141
+ "lineHeight": "{text.button-subtle.large.value.lineHeight}"
1142
+ },
1143
+ "type": "typography"
1144
+ },
1145
+ "name": "text-button-subtle-medium",
1146
+ "attributes": {
1147
+ "category": "text",
1148
+ "type": "button-subtle",
1149
+ "item": "medium"
1150
+ },
1151
+ "path": [
1152
+ "text",
1153
+ "button-subtle",
1154
+ "medium"
1155
+ ]
1156
+ },
1157
+ "small": {
1158
+ "value": {
1159
+ "fontSize": "0.833 * 16",
1160
+ "fontWeight": 400,
1161
+ "fontFamily": "Poppins",
1162
+ "letterSpacing": "0",
1163
+ "lineHeight": "100%"
1164
+ },
1165
+ "type": "typography",
1166
+ "filePath": "tokens-figma/typography/base.json",
1167
+ "isSource": true,
1168
+ "original": {
1169
+ "value": {
1170
+ "fontSize": "{typography.size.S} * {figma.typography.size.base}",
1171
+ "fontWeight": "{text.button-subtle.large.value.fontWeight}",
1172
+ "fontFamily": "{text.button-subtle.large.value.fontFamily}",
1173
+ "letterSpacing": "{text.button-subtle.large.value.letterSpacing}",
1174
+ "lineHeight": "{text.button-subtle.large.value.lineHeight}"
1175
+ },
1176
+ "type": "typography"
1177
+ },
1178
+ "name": "text-button-subtle-small",
1179
+ "attributes": {
1180
+ "category": "text",
1181
+ "type": "button-subtle",
1182
+ "item": "small"
1183
+ },
1184
+ "path": [
1185
+ "text",
1186
+ "button-subtle",
1187
+ "small"
1188
+ ]
1189
+ }
1190
+ },
1090
1191
  "form": {
1091
1192
  "label": {
1092
1193
  "value": {
@@ -1152,7 +1253,7 @@
1152
1253
  },
1153
1254
  "description": {
1154
1255
  "value": {
1155
- "fontSize": "0.8 * 16",
1256
+ "fontSize": "0.833 * 16",
1156
1257
  "fontFamily": "Poppins",
1157
1258
  "fontWeight": 400,
1158
1259
  "lineHeight": "120%"
@@ -1185,7 +1286,7 @@
1185
1286
  "menu": {
1186
1287
  "item-heading": {
1187
1288
  "value": {
1188
- "fontSize": "0.8 * 16",
1289
+ "fontSize": "0.833 * 16",
1189
1290
  "fontFamily": "Poppins",
1190
1291
  "fontWeight": 700,
1191
1292
  "letterSpacing": "0.04 * 100%",
@@ -1473,7 +1574,7 @@
1473
1574
  },
1474
1575
  "S": {
1475
1576
  "value": {
1476
- "fontSize": "0.8 * 16",
1577
+ "fontSize": "0.833 * 16",
1477
1578
  "fontFamily": "Poppins",
1478
1579
  "fontWeight": 400
1479
1580
  },
@@ -1504,7 +1605,7 @@
1504
1605
  },
1505
1606
  "XS": {
1506
1607
  "value": {
1507
- "fontSize": "0.64 * 16",
1608
+ "fontSize": "0.694 * 16",
1508
1609
  "fontFamily": "Poppins",
1509
1610
  "fontWeight": 400
1510
1611
  },
@@ -1787,7 +1888,7 @@
1787
1888
  },
1788
1889
  "S": {
1789
1890
  "value": {
1790
- "fontSize": "0.8 * 16",
1891
+ "fontSize": "0.833 * 16",
1791
1892
  "fontFamily": "Poppins",
1792
1893
  "fontWeight": 600
1793
1894
  },
@@ -1818,7 +1919,7 @@
1818
1919
  },
1819
1920
  "XS": {
1820
1921
  "value": {
1821
- "fontSize": "0.64 * 16",
1922
+ "fontSize": "0.694 * 16",
1822
1923
  "fontFamily": "Poppins",
1823
1924
  "fontWeight": 600
1824
1925
  },
@@ -2101,7 +2202,7 @@
2101
2202
  },
2102
2203
  "S": {
2103
2204
  "value": {
2104
- "fontSize": "0.8 * 16",
2205
+ "fontSize": "0.833 * 16",
2105
2206
  "fontFamily": "Poppins",
2106
2207
  "fontWeight": 700
2107
2208
  },
@@ -2132,7 +2233,7 @@
2132
2233
  },
2133
2234
  "XS": {
2134
2235
  "value": {
2135
- "fontSize": "0.64 * 16",
2236
+ "fontSize": "0.694 * 16",
2136
2237
  "fontFamily": "Poppins",
2137
2238
  "fontWeight": 700
2138
2239
  },
@@ -6714,6 +6815,83 @@
6714
6815
  "foreground"
6715
6816
  ]
6716
6817
  }
6818
+ },
6819
+ "9": {
6820
+ "background": {
6821
+ "value": "#0155cc",
6822
+ "public": true,
6823
+ "filePath": "tokens/color/alias/tags.dark.json",
6824
+ "isSource": true,
6825
+ "original": {
6826
+ "value": "#0155cc",
6827
+ "public": true
6828
+ },
6829
+ "name": "color-dark-mode-tag-9-background",
6830
+ "attributes": {
6831
+ "category": "color",
6832
+ "type": "dark-mode",
6833
+ "item": "tag",
6834
+ "subitem": "9",
6835
+ "state": "background"
6836
+ },
6837
+ "path": [
6838
+ "color",
6839
+ "dark-mode",
6840
+ "tag",
6841
+ "9",
6842
+ "background"
6843
+ ]
6844
+ },
6845
+ "foreground": {
6846
+ "value": "#082145",
6847
+ "public": true,
6848
+ "isReferenceToInternal": true,
6849
+ "filePath": "tokens/color/alias/tags.dark.json",
6850
+ "isSource": true,
6851
+ "original": {
6852
+ "value": "{color.dark-mode.semantic.info.background.value}",
6853
+ "public": true,
6854
+ "isReferenceToInternal": true
6855
+ },
6856
+ "name": "color-dark-mode-tag-9-foreground",
6857
+ "attributes": {
6858
+ "category": "color",
6859
+ "type": "dark-mode",
6860
+ "item": "tag",
6861
+ "subitem": "9",
6862
+ "state": "foreground"
6863
+ },
6864
+ "path": [
6865
+ "color",
6866
+ "dark-mode",
6867
+ "tag",
6868
+ "9",
6869
+ "foreground"
6870
+ ]
6871
+ }
6872
+ },
6873
+ "remove-button": {
6874
+ "value": "#a6a3b4",
6875
+ "public": true,
6876
+ "filePath": "tokens/color/alias/tags.dark.json",
6877
+ "isSource": true,
6878
+ "original": {
6879
+ "value": "#A6A3B4",
6880
+ "public": true
6881
+ },
6882
+ "name": "color-dark-mode-tag-remove-button",
6883
+ "attributes": {
6884
+ "category": "color",
6885
+ "type": "dark-mode",
6886
+ "item": "tag",
6887
+ "subitem": "remove-button"
6888
+ },
6889
+ "path": [
6890
+ "color",
6891
+ "dark-mode",
6892
+ "tag",
6893
+ "remove-button"
6894
+ ]
6717
6895
  }
6718
6896
  },
6719
6897
  "text": {
@@ -12827,15 +13005,13 @@
12827
13005
  ]
12828
13006
  },
12829
13007
  "foreground": {
12830
- "value": "#6d6d78",
13008
+ "value": "#4c4c4d",
12831
13009
  "public": true,
12832
- "isReferenceToInternal": true,
12833
13010
  "filePath": "tokens/color/alias/tags.light.json",
12834
13011
  "isSource": true,
12835
13012
  "original": {
12836
- "value": "{color.light-mode.neutral.400.value}",
12837
- "public": true,
12838
- "isReferenceToInternal": true
13013
+ "value": "#4c4c4d",
13014
+ "public": true
12839
13015
  },
12840
13016
  "name": "color-light-mode-tag-4-foreground",
12841
13017
  "attributes": {
@@ -12856,12 +13032,12 @@
12856
13032
  },
12857
13033
  "5": {
12858
13034
  "background": {
12859
- "value": "#ffebeb",
13035
+ "value": "#fff0f0",
12860
13036
  "public": true,
12861
13037
  "filePath": "tokens/color/alias/tags.light.json",
12862
13038
  "isSource": true,
12863
13039
  "original": {
12864
- "value": "#FFEBEB",
13040
+ "value": "#fff0f0",
12865
13041
  "public": true
12866
13042
  },
12867
13043
  "name": "color-light-mode-tag-5-background",
@@ -12908,12 +13084,12 @@
12908
13084
  },
12909
13085
  "6": {
12910
13086
  "background": {
12911
- "value": "#fffae6",
13087
+ "value": "#fff6eb",
12912
13088
  "public": true,
12913
13089
  "filePath": "tokens/color/alias/tags.light.json",
12914
13090
  "isSource": true,
12915
13091
  "original": {
12916
- "value": "#FFFAE6",
13092
+ "value": "#fff6eb",
12917
13093
  "public": true
12918
13094
  },
12919
13095
  "name": "color-light-mode-tag-6-background",
@@ -12933,12 +13109,12 @@
12933
13109
  ]
12934
13110
  },
12935
13111
  "foreground": {
12936
- "value": "#b15902",
13112
+ "value": "#b65700",
12937
13113
  "public": true,
12938
13114
  "filePath": "tokens/color/alias/tags.light.json",
12939
13115
  "isSource": true,
12940
13116
  "original": {
12941
- "value": "#B15902",
13117
+ "value": "#b65700",
12942
13118
  "public": true
12943
13119
  },
12944
13120
  "name": "color-light-mode-tag-6-foreground",
@@ -13012,12 +13188,12 @@
13012
13188
  },
13013
13189
  "8": {
13014
13190
  "background": {
13015
- "value": "#f0fdff",
13191
+ "value": "#dffbff",
13016
13192
  "public": true,
13017
13193
  "filePath": "tokens/color/alias/tags.light.json",
13018
13194
  "isSource": true,
13019
13195
  "original": {
13020
- "value": "#F0FDFF",
13196
+ "value": "#dffbff",
13021
13197
  "public": true
13022
13198
  },
13023
13199
  "name": "color-light-mode-tag-8-background",
@@ -13037,12 +13213,12 @@
13037
13213
  ]
13038
13214
  },
13039
13215
  "foreground": {
13040
- "value": "#0f5f6a",
13216
+ "value": "#057180",
13041
13217
  "public": true,
13042
13218
  "filePath": "tokens/color/alias/tags.light.json",
13043
13219
  "isSource": true,
13044
13220
  "original": {
13045
- "value": "#0F5F6A",
13221
+ "value": "#057180",
13046
13222
  "public": true
13047
13223
  },
13048
13224
  "name": "color-light-mode-tag-8-foreground",
@@ -13061,6 +13237,83 @@
13061
13237
  "foreground"
13062
13238
  ]
13063
13239
  }
13240
+ },
13241
+ "9": {
13242
+ "background": {
13243
+ "value": "#e9f2ff",
13244
+ "public": true,
13245
+ "isReferenceToInternal": true,
13246
+ "filePath": "tokens/color/alias/tags.light.json",
13247
+ "isSource": true,
13248
+ "original": {
13249
+ "value": "{color.light-mode.semantic.info.background.value}",
13250
+ "public": true,
13251
+ "isReferenceToInternal": true
13252
+ },
13253
+ "name": "color-light-mode-tag-9-background",
13254
+ "attributes": {
13255
+ "category": "color",
13256
+ "type": "light-mode",
13257
+ "item": "tag",
13258
+ "subitem": "9",
13259
+ "state": "background"
13260
+ },
13261
+ "path": [
13262
+ "color",
13263
+ "light-mode",
13264
+ "tag",
13265
+ "9",
13266
+ "background"
13267
+ ]
13268
+ },
13269
+ "foreground": {
13270
+ "value": "#0155cc",
13271
+ "public": true,
13272
+ "filePath": "tokens/color/alias/tags.light.json",
13273
+ "isSource": true,
13274
+ "original": {
13275
+ "value": "#0155cc",
13276
+ "public": true
13277
+ },
13278
+ "name": "color-light-mode-tag-9-foreground",
13279
+ "attributes": {
13280
+ "category": "color",
13281
+ "type": "light-mode",
13282
+ "item": "tag",
13283
+ "subitem": "9",
13284
+ "state": "foreground"
13285
+ },
13286
+ "path": [
13287
+ "color",
13288
+ "light-mode",
13289
+ "tag",
13290
+ "9",
13291
+ "foreground"
13292
+ ]
13293
+ }
13294
+ },
13295
+ "remove-button": {
13296
+ "value": "#61616b",
13297
+ "public": true,
13298
+ "filePath": "tokens/color/alias/tags.light.json",
13299
+ "isSource": true,
13300
+ "original": {
13301
+ "value": "#61616b",
13302
+ "public": true
13303
+ },
13304
+ "name": "color-light-mode-tag-remove-button",
13305
+ "attributes": {
13306
+ "category": "color",
13307
+ "type": "light-mode",
13308
+ "item": "tag",
13309
+ "subitem": "remove-button"
13310
+ },
13311
+ "path": [
13312
+ "color",
13313
+ "light-mode",
13314
+ "tag",
13315
+ "remove-button"
13316
+ ]
13064
13317
  }
13065
13318
  },
13066
13319
  "text": {
package/build/json/pds-design-tokens-dark-mode.json CHANGED
@@ -4549,6 +4549,83 @@
4549
4549
  "foreground"
4550
4550
  ]
4551
4551
  }
4552
+ },
4553
+ "9": {
4554
+ "background": {
4555
+ "value": "#0155cc",
4556
+ "public": true,
4557
+ "filePath": "tokens/color/alias/tags.dark.json",
4558
+ "isSource": true,
4559
+ "original": {
4560
+ "value": "#0155cc",
4561
+ "public": true
4562
+ },
4563
+ "name": "color-dark-mode-tag-9-background",
4564
+ "attributes": {
4565
+ "category": "color",
4566
+ "type": "dark-mode",
4567
+ "item": "tag",
4568
+ "subitem": "9",
4569
+ "state": "background"
4570
+ },
4571
+ "path": [
4572
+ "color",
4573
+ "dark-mode",
4574
+ "tag",
4575
+ "9",
4576
+ "background"
4577
+ ]
4578
+ },
4579
+ "foreground": {
4580
+ "value": "#082145",
4581
+ "public": true,
4582
+ "isReferenceToInternal": true,
4583
+ "filePath": "tokens/color/alias/tags.dark.json",
4584
+ "isSource": true,
4585
+ "original": {
4586
+ "value": "{color.dark-mode.semantic.info.background.value}",
4587
+ "public": true,
4588
+ "isReferenceToInternal": true
4589
+ },
4590
+ "name": "color-dark-mode-tag-9-foreground",
4591
+ "attributes": {
4592
+ "category": "color",
4593
+ "type": "dark-mode",
4594
+ "item": "tag",
4595
+ "subitem": "9",
4596
+ "state": "foreground"
4597
+ },
4598
+ "path": [
4599
+ "color",
4600
+ "dark-mode",
4601
+ "tag",
4602
+ "9",
4603
+ "foreground"
4604
+ ]
4605
+ }
4606
+ },
4607
+ "remove-button": {
4608
+ "value": "#a6a3b4",
4609
+ "public": true,
4610
+ "filePath": "tokens/color/alias/tags.dark.json",
4611
+ "isSource": true,
4612
+ "original": {
4613
+ "value": "#A6A3B4",
4614
+ "public": true
4615
+ },
4616
+ "name": "color-dark-mode-tag-remove-button",
4617
+ "attributes": {
4618
+ "category": "color",
4619
+ "type": "dark-mode",
4620
+ "item": "tag",
4621
+ "subitem": "remove-button"
4622
+ },
4623
+ "path": [
4624
+ "color",
4625
+ "dark-mode",
4626
+ "tag",
4627
+ "remove-button"
4628
+ ]
4552
4629
  }
4553
4630
  },
4554
4631
  "text": {
package/build/json/pds-design-tokens-light-mode.json CHANGED
@@ -4396,15 +4396,13 @@
4396
4396
  ]
4397
4397
  },
4398
4398
  "foreground": {
4399
- "value": "#6d6d78",
4399
+ "value": "#4c4c4d",
4400
4400
  "public": true,
4401
- "isReferenceToInternal": true,
4402
4401
  "filePath": "tokens/color/alias/tags.light.json",
4403
4402
  "isSource": true,
4404
4403
  "original": {
4405
- "value": "{color.light-mode.neutral.400.value}",
4406
- "public": true,
4407
- "isReferenceToInternal": true
4404
+ "value": "#4c4c4d",
4405
+ "public": true
4408
4406
  },
4409
4407
  "name": "color-light-mode-tag-4-foreground",
4410
4408
  "attributes": {
@@ -4425,12 +4423,12 @@
4425
4423
  },
4426
4424
  "5": {
4427
4425
  "background": {
4428
- "value": "#ffebeb",
4426
+ "value": "#fff0f0",
4429
4427
  "public": true,
4430
4428
  "filePath": "tokens/color/alias/tags.light.json",
4431
4429
  "isSource": true,
4432
4430
  "original": {
4433
- "value": "#FFEBEB",
4431
+ "value": "#fff0f0",
4434
4432
  "public": true
4435
4433
  },
4436
4434
  "name": "color-light-mode-tag-5-background",
@@ -4477,12 +4475,12 @@
4477
4475
  },
4478
4476
  "6": {
4479
4477
  "background": {
4480
- "value": "#fffae6",
4478
+ "value": "#fff6eb",
4481
4479
  "public": true,
4482
4480
  "filePath": "tokens/color/alias/tags.light.json",
4483
4481
  "isSource": true,
4484
4482
  "original": {
4485
- "value": "#FFFAE6",
4483
+ "value": "#fff6eb",
4486
4484
  "public": true
4487
4485
  },
4488
4486
  "name": "color-light-mode-tag-6-background",
@@ -4502,12 +4500,12 @@
4502
4500
  ]
4503
4501
  },
4504
4502
  "foreground": {
4505
- "value": "#b15902",
4503
+ "value": "#b65700",
4506
4504
  "public": true,
4507
4505
  "filePath": "tokens/color/alias/tags.light.json",
4508
4506
  "isSource": true,
4509
4507
  "original": {
4510
- "value": "#B15902",
4508
+ "value": "#b65700",
4511
4509
  "public": true
4512
4510
  },
4513
4511
  "name": "color-light-mode-tag-6-foreground",
@@ -4581,12 +4579,12 @@
4581
4579
  },
4582
4580
  "8": {
4583
4581
  "background": {
4584
- "value": "#f0fdff",
4582
+ "value": "#dffbff",
4585
4583
  "public": true,
4586
4584
  "filePath": "tokens/color/alias/tags.light.json",
4587
4585
  "isSource": true,
4588
4586
  "original": {
4589
- "value": "#F0FDFF",
4587
+ "value": "#dffbff",
4590
4588
  "public": true
4591
4589
  },
4592
4590
  "name": "color-light-mode-tag-8-background",
@@ -4606,12 +4604,12 @@
4606
4604
  ]
4607
4605
  },
4608
4606
  "foreground": {
4609
- "value": "#0f5f6a",
4607
+ "value": "#057180",
4610
4608
  "public": true,
4611
4609
  "filePath": "tokens/color/alias/tags.light.json",
4612
4610
  "isSource": true,
4613
4611
  "original": {
4614
- "value": "#0F5F6A",
4612
+ "value": "#057180",
4615
4613
  "public": true
4616
4614
  },
4617
4615
  "name": "color-light-mode-tag-8-foreground",
@@ -4630,6 +4628,83 @@
4630
4628
  "foreground"
4631
4629
  ]
4632
4630
  }
4631
+ },
4632
+ "9": {
4633
+ "background": {
4634
+ "value": "#e9f2ff",
4635
+ "public": true,
4636
+ "isReferenceToInternal": true,
4637
+ "filePath": "tokens/color/alias/tags.light.json",
4638
+ "isSource": true,
4639
+ "original": {
4640
+ "value": "{color.light-mode.semantic.info.background.value}",
4641
+ "public": true,
4642
+ "isReferenceToInternal": true
4643
+ },
4644
+ "name": "color-light-mode-tag-9-background",
4645
+ "attributes": {
4646
+ "category": "color",
4647
+ "type": "light-mode",
4648
+ "item": "tag",
4649
+ "subitem": "9",
4650
+ "state": "background"
4651
+ },
4652
+ "path": [
4653
+ "color",
4654
+ "light-mode",
4655
+ "tag",
4656
+ "9",
4657
+ "background"
4658
+ ]
4659
+ },
4660
+ "foreground": {
4661
+ "value": "#0155cc",
4662
+ "public": true,
4663
+ "filePath": "tokens/color/alias/tags.light.json",
4664
+ "isSource": true,
4665
+ "original": {
4666
+ "value": "#0155cc",
4667
+ "public": true
4668
+ },
4669
+ "name": "color-light-mode-tag-9-foreground",
4670
+ "attributes": {
4671
+ "category": "color",
4672
+ "type": "light-mode",
4673
+ "item": "tag",
4674
+ "subitem": "9",
4675
+ "state": "foreground"
4676
+ },
4677
+ "path": [
4678
+ "color",
4679
+ "light-mode",
4680
+ "tag",
4681
+ "9",
4682
+ "foreground"
4683
+ ]
4684
+ }
4685
+ },
4686
+ "remove-button": {
4687
+ "value": "#61616b",
4688
+ "public": true,
4689
+ "filePath": "tokens/color/alias/tags.light.json",
4690
+ "isSource": true,
4691
+ "original": {
4692
+ "value": "#61616b",
4693
+ "public": true
4694
+ },
4695
+ "name": "color-light-mode-tag-remove-button",
4696
+ "attributes": {
4697
+ "category": "color",
4698
+ "type": "light-mode",
4699
+ "item": "tag",
4700
+ "subitem": "remove-button"
4701
+ },
4702
+ "path": [
4703
+ "color",
4704
+ "light-mode",
4705
+ "tag",
4706
+ "remove-button"
4707
+ ]
4633
4708
  }
4634
4709
  },
4635
4710
  "text": {
package/build/json/pds-design-tokens.json CHANGED
@@ -542,88 +542,130 @@
542
542
  "base"
543
543
  ]
544
544
  },
545
- "base-breakpoint-md": {
546
- "value": "4%",
545
+ "narrow-bp-md": {
546
+ "value": "12%",
547
547
  "public": true,
548
548
  "filePath": "tokens/container/base.json",
549
549
  "isSource": true,
550
550
  "original": {
551
- "value": "4%",
551
+ "value": "12%",
552
552
  "public": true
553
553
  },
554
- "name": "container-padding-base-breakpoint-md",
554
+ "name": "container-padding-narrow-bp-md",
555
555
  "attributes": {
556
556
  "category": "container",
557
557
  "type": "padding",
558
- "item": "base-breakpoint-md"
558
+ "item": "narrow-bp-md"
559
559
  },
560
560
  "path": [
561
561
  "container",
562
562
  "padding",
563
- "base-breakpoint-md"
563
+ "narrow-bp-md"
564
564
  ]
565
565
  },
566
- "base-breakpoint-lg": {
567
- "value": "2%",
566
+ "narrow-bp-lg": {
567
+ "value": "20%",
568
568
  "public": true,
569
569
  "filePath": "tokens/container/base.json",
570
570
  "isSource": true,
571
571
  "original": {
572
- "value": "2%",
572
+ "value": "20%",
573
573
  "public": true
574
574
  },
575
- "name": "container-padding-base-breakpoint-lg",
575
+ "name": "container-padding-narrow-bp-lg",
576
576
  "attributes": {
577
577
  "category": "container",
578
578
  "type": "padding",
579
- "item": "base-breakpoint-lg"
579
+ "item": "narrow-bp-lg"
580
580
  },
581
581
  "path": [
582
582
  "container",
583
583
  "padding",
584
- "base-breakpoint-lg"
584
+ "narrow-bp-lg"
585
585
  ]
586
586
  },
587
- "narrow-breakpoint-md": {
588
- "value": "12%",
587
+ "standard-bp-md": {
588
+ "value": "6%",
589
589
  "public": true,
590
590
  "filePath": "tokens/container/base.json",
591
591
  "isSource": true,
592
592
  "original": {
593
- "value": "12%",
593
+ "value": "6%",
594
594
  "public": true
595
595
  },
596
- "name": "container-padding-narrow-breakpoint-md",
596
+ "name": "container-padding-standard-bp-md",
597
597
  "attributes": {
598
598
  "category": "container",
599
599
  "type": "padding",
600
- "item": "narrow-breakpoint-md"
600
+ "item": "standard-bp-md"
601
601
  },
602
602
  "path": [
603
603
  "container",
604
604
  "padding",
605
- "narrow-breakpoint-md"
605
+ "standard-bp-md"
606
606
  ]
607
607
  },
608
- "narrow-breakpoint-lg": {
609
- "value": "20%",
608
+ "standard-bp-lg": {
609
+ "value": "8%",
610
610
  "public": true,
611
611
  "filePath": "tokens/container/base.json",
612
612
  "isSource": true,
613
613
  "original": {
614
- "value": "20%",
614
+ "value": "8%",
615
+ "public": true
616
+ },
617
+ "name": "container-padding-standard-bp-lg",
618
+ "attributes": {
619
+ "category": "container",
620
+ "type": "padding",
621
+ "item": "standard-bp-lg"
622
+ },
623
+ "path": [
624
+ "container",
625
+ "padding",
626
+ "standard-bp-lg"
627
+ ]
628
+ },
629
+ "wide-bp-md": {
630
+ "value": "4%",
631
+ "public": true,
632
+ "filePath": "tokens/container/base.json",
633
+ "isSource": true,
634
+ "original": {
635
+ "value": "4%",
615
636
  "public": true
616
637
  },
617
- "name": "container-padding-narrow-breakpoint-lg",
638
+ "name": "container-padding-wide-bp-md",
618
639
  "attributes": {
619
640
  "category": "container",
620
641
  "type": "padding",
621
- "item": "narrow-breakpoint-lg"
642
+ "item": "wide-bp-md"
622
643
  },
623
644
  "path": [
624
645
  "container",
625
646
  "padding",
626
- "narrow-breakpoint-lg"
647
+ "wide-bp-md"
648
+ ]
649
+ },
650
+ "wide-bp-lg": {
651
+ "value": "2%",
652
+ "public": true,
653
+ "filePath": "tokens/container/base.json",
654
+ "isSource": true,
655
+ "original": {
656
+ "value": "2%",
657
+ "public": true
658
+ },
659
+ "name": "container-padding-wide-bp-lg",
660
+ "attributes": {
661
+ "category": "container",
662
+ "type": "padding",
663
+ "item": "wide-bp-lg"
664
+ },
665
+ "path": [
666
+ "container",
667
+ "padding",
668
+ "wide-bp-lg"
627
669
  ]
628
670
  }
629
671
  }
@@ -1639,12 +1681,12 @@
1639
1681
  ]
1640
1682
  },
1641
1683
  "L": {
1642
- "value": "170%",
1684
+ "value": "165%",
1643
1685
  "public": true,
1644
1686
  "filePath": "tokens/typography/base/line-height.json",
1645
1687
  "isSource": true,
1646
1688
  "original": {
1647
- "value": "170%",
1689
+ "value": "165%",
1648
1690
  "public": true
1649
1691
  },
1650
1692
  "name": "typography-line-height-l",
@@ -1944,13 +1986,13 @@
1944
1986
  ]
1945
1987
  },
1946
1988
  "S": {
1947
- "value": "0.8",
1989
+ "value": "0.833",
1948
1990
  "defaultUnit": "rem",
1949
1991
  "public": true,
1950
1992
  "filePath": "tokens/typography/base/size.json",
1951
1993
  "isSource": true,
1952
1994
  "original": {
1953
- "value": "0.8",
1995
+ "value": "0.833",
1954
1996
  "defaultUnit": "rem",
1955
1997
  "public": true
1956
1998
  },
@@ -1967,13 +2009,13 @@
1967
2009
  ]
1968
2010
  },
1969
2011
  "XS": {
1970
- "value": "0.64",
2012
+ "value": "0.694",
1971
2013
  "defaultUnit": "rem",
1972
2014
  "public": true,
1973
2015
  "filePath": "tokens/typography/base/size.json",
1974
2016
  "isSource": true,
1975
2017
  "original": {
1976
- "value": "0.64",
2018
+ "value": "0.694",
1977
2019
  "defaultUnit": "rem",
1978
2020
  "public": true
1979
2021
  },
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@pantheon-systems/pds-design-tokens",
3
- "version": "1.0.0-dev.102",
3
+ "version": "1.0.0-dev.104",
4
4
  "description": "Design Tokens for the Pantheon Design System",
5
5
  "homepage": "https://pantheon.io",
6
6
  "keywords": [