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

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-light-mode.css +6 -0
  2. package/build/css/pds-design-tokens.css +2 -0
  3. package/build/figma/pds-design-tokens-figma.json +74 -6
  4. package/build/json/pds-design-tokens-light-mode.json +18 -6
  5. package/build/json/pds-design-tokens.json +52 -0
  6. package/package.json +1 -1
package/build/css/pds-design-tokens-light-mode.css CHANGED
@@ -107,6 +107,12 @@
107
107
  --pds-color-menu-item-description-text: #6d6d78;
108
108
  --pds-color-menu-item-foreground: #23232d;
109
109
  --pds-color-menu-item-heading-text: #6d6d78;
110
+ --pds-color-neutral-000: #ffffff;
111
+ --pds-color-neutral-100: #f8f8f8;
112
+ --pds-color-neutral-200: #f1f1f1;
113
+ --pds-color-neutral-300: #cfcfd3;
114
+ --pds-color-neutral-400: #6d6d78;
115
+ --pds-color-neutral-500: #23232d;
110
116
  --pds-color-pager-background-active: #f0ecff;
111
117
  --pds-color-pager-background-hover: #f1f1f1;
112
118
  --pds-color-pager-foreground-active: #5f41e5;
package/build/css/pds-design-tokens.css CHANGED
@@ -17,6 +17,8 @@
17
17
  --pds-border-radius-container: 0.375rem;
18
18
  --pds-border-radius-default: 0.1875rem;
19
19
  --pds-border-width-default: 1px;
20
+ --pds-container-marketing-padding-medium-large: 5%;
21
+ --pds-container-marketing-padding-small: 4%;
20
22
  --pds-grid-marketing-column-medium-large: 5.125%;
21
23
  --pds-grid-marketing-column-small: 21.34375%;
22
24
  --pds-grid-marketing-gap-medium-large: 3.5%;
package/build/figma/pds-design-tokens-figma.json CHANGED
@@ -258,6 +258,62 @@
258
258
  }
259
259
  }
260
260
  },
261
+ "container": {
262
+ "marketing": {
263
+ "padding": {
264
+ "small": {
265
+ "value": "4%",
266
+ "public": true,
267
+ "filePath": "tokens/container/base.json",
268
+ "isSource": true,
269
+ "original": {
270
+ "value": "4%",
271
+ "public": true,
272
+ "filePath": "build/json/pds-design-tokens.json",
273
+ "isSource": false
274
+ },
275
+ "name": "container-marketing-padding-small",
276
+ "attributes": {
277
+ "category": "container",
278
+ "type": "marketing",
279
+ "item": "padding",
280
+ "subitem": "small"
281
+ },
282
+ "path": [
283
+ "container",
284
+ "marketing",
285
+ "padding",
286
+ "small"
287
+ ]
288
+ },
289
+ "medium-large": {
290
+ "value": "5%",
291
+ "public": true,
292
+ "filePath": "tokens/container/base.json",
293
+ "isSource": true,
294
+ "original": {
295
+ "value": "5%",
296
+ "public": true,
297
+ "filePath": "build/json/pds-design-tokens.json",
298
+ "isSource": false
299
+ },
300
+ "name": "container-marketing-padding-medium-large",
301
+ "attributes": {
302
+ "category": "container",
303
+ "type": "marketing",
304
+ "item": "padding",
305
+ "subitem": "medium-large"
306
+ },
307
+ "path": [
308
+ "container",
309
+ "marketing",
310
+ "padding",
311
+ "medium-large"
312
+ ]
313
+ }
314
+ }
315
+ }
316
+ },
261
317
  "text": {
262
318
  "body": {
263
319
  "paragraph": {
@@ -10835,10 +10891,12 @@
10835
10891
  "neutral": {
10836
10892
  "100": {
10837
10893
  "value": "#f8f8f8",
10894
+ "public": true,
10838
10895
  "filePath": "tokens/color/base/neutral.light.json",
10839
10896
  "isSource": true,
10840
10897
  "original": {
10841
- "value": "#f8f8f8"
10898
+ "value": "#f8f8f8",
10899
+ "public": true
10842
10900
  },
10843
10901
  "name": "color-light-mode-neutral-100",
10844
10902
  "attributes": {
@@ -10856,10 +10914,12 @@
10856
10914
  },
10857
10915
  "200": {
10858
10916
  "value": "#f1f1f1",
10917
+ "public": true,
10859
10918
  "filePath": "tokens/color/base/neutral.light.json",
10860
10919
  "isSource": true,
10861
10920
  "original": {
10862
- "value": "#f1f1f1"
10921
+ "value": "#f1f1f1",
10922
+ "public": true
10863
10923
  },
10864
10924
  "name": "color-light-mode-neutral-200",
10865
10925
  "attributes": {
@@ -10877,10 +10937,12 @@
10877
10937
  },
10878
10938
  "300": {
10879
10939
  "value": "#cfcfd3",
10940
+ "public": true,
10880
10941
  "filePath": "tokens/color/base/neutral.light.json",
10881
10942
  "isSource": true,
10882
10943
  "original": {
10883
- "value": "#CFCFD3"
10944
+ "value": "#CFCFD3",
10945
+ "public": true
10884
10946
  },
10885
10947
  "name": "color-light-mode-neutral-300",
10886
10948
  "attributes": {
@@ -10898,10 +10960,12 @@
10898
10960
  },
10899
10961
  "400": {
10900
10962
  "value": "#6d6d78",
10963
+ "public": true,
10901
10964
  "filePath": "tokens/color/base/neutral.light.json",
10902
10965
  "isSource": true,
10903
10966
  "original": {
10904
- "value": "#6D6D78"
10967
+ "value": "#6D6D78",
10968
+ "public": true
10905
10969
  },
10906
10970
  "name": "color-light-mode-neutral-400",
10907
10971
  "attributes": {
@@ -10919,10 +10983,12 @@
10919
10983
  },
10920
10984
  "500": {
10921
10985
  "value": "#23232d",
10986
+ "public": true,
10922
10987
  "filePath": "tokens/color/base/neutral.light.json",
10923
10988
  "isSource": true,
10924
10989
  "original": {
10925
- "value": "#23232D"
10990
+ "value": "#23232D",
10991
+ "public": true
10926
10992
  },
10927
10993
  "name": "color-light-mode-neutral-500",
10928
10994
  "attributes": {
@@ -10940,10 +11006,12 @@
10940
11006
  },
10941
11007
  "000": {
10942
11008
  "value": "#ffffff",
11009
+ "public": true,
10943
11010
  "filePath": "tokens/color/base/neutral.light.json",
10944
11011
  "isSource": true,
10945
11012
  "original": {
10946
- "value": "#FFFFFF"
11013
+ "value": "#FFFFFF",
11014
+ "public": true
10947
11015
  },
10948
11016
  "name": "color-light-mode-neutral-000",
10949
11017
  "attributes": {
package/build/json/pds-design-tokens-light-mode.json CHANGED
@@ -4296,10 +4296,12 @@
4296
4296
  "neutral": {
4297
4297
  "100": {
4298
4298
  "value": "#f8f8f8",
4299
+ "public": true,
4299
4300
  "filePath": "tokens/color/base/neutral.light.json",
4300
4301
  "isSource": true,
4301
4302
  "original": {
4302
- "value": "#f8f8f8"
4303
+ "value": "#f8f8f8",
4304
+ "public": true
4303
4305
  },
4304
4306
  "name": "color-light-mode-neutral-100",
4305
4307
  "attributes": {
@@ -4317,10 +4319,12 @@
4317
4319
  },
4318
4320
  "200": {
4319
4321
  "value": "#f1f1f1",
4322
+ "public": true,
4320
4323
  "filePath": "tokens/color/base/neutral.light.json",
4321
4324
  "isSource": true,
4322
4325
  "original": {
4323
- "value": "#f1f1f1"
4326
+ "value": "#f1f1f1",
4327
+ "public": true
4324
4328
  },
4325
4329
  "name": "color-light-mode-neutral-200",
4326
4330
  "attributes": {
@@ -4338,10 +4342,12 @@
4338
4342
  },
4339
4343
  "300": {
4340
4344
  "value": "#cfcfd3",
4345
+ "public": true,
4341
4346
  "filePath": "tokens/color/base/neutral.light.json",
4342
4347
  "isSource": true,
4343
4348
  "original": {
4344
- "value": "#CFCFD3"
4349
+ "value": "#CFCFD3",
4350
+ "public": true
4345
4351
  },
4346
4352
  "name": "color-light-mode-neutral-300",
4347
4353
  "attributes": {
@@ -4359,10 +4365,12 @@
4359
4365
  },
4360
4366
  "400": {
4361
4367
  "value": "#6d6d78",
4368
+ "public": true,
4362
4369
  "filePath": "tokens/color/base/neutral.light.json",
4363
4370
  "isSource": true,
4364
4371
  "original": {
4365
- "value": "#6D6D78"
4372
+ "value": "#6D6D78",
4373
+ "public": true
4366
4374
  },
4367
4375
  "name": "color-light-mode-neutral-400",
4368
4376
  "attributes": {
@@ -4380,10 +4388,12 @@
4380
4388
  },
4381
4389
  "500": {
4382
4390
  "value": "#23232d",
4391
+ "public": true,
4383
4392
  "filePath": "tokens/color/base/neutral.light.json",
4384
4393
  "isSource": true,
4385
4394
  "original": {
4386
- "value": "#23232D"
4395
+ "value": "#23232D",
4396
+ "public": true
4387
4397
  },
4388
4398
  "name": "color-light-mode-neutral-500",
4389
4399
  "attributes": {
@@ -4401,10 +4411,12 @@
4401
4411
  },
4402
4412
  "000": {
4403
4413
  "value": "#ffffff",
4414
+ "public": true,
4404
4415
  "filePath": "tokens/color/base/neutral.light.json",
4405
4416
  "isSource": true,
4406
4417
  "original": {
4407
- "value": "#FFFFFF"
4418
+ "value": "#FFFFFF",
4419
+ "public": true
4408
4420
  },
4409
4421
  "name": "color-light-mode-neutral-000",
4410
4422
  "attributes": {
package/build/json/pds-design-tokens.json CHANGED
@@ -237,6 +237,58 @@
237
237
  }
238
238
  }
239
239
  },
240
+ "container": {
241
+ "marketing": {
242
+ "padding": {
243
+ "small": {
244
+ "value": "4%",
245
+ "public": true,
246
+ "filePath": "tokens/container/base.json",
247
+ "isSource": true,
248
+ "original": {
249
+ "value": "4%",
250
+ "public": true
251
+ },
252
+ "name": "container-marketing-padding-small",
253
+ "attributes": {
254
+ "category": "container",
255
+ "type": "marketing",
256
+ "item": "padding",
257
+ "subitem": "small"
258
+ },
259
+ "path": [
260
+ "container",
261
+ "marketing",
262
+ "padding",
263
+ "small"
264
+ ]
265
+ },
266
+ "medium-large": {
267
+ "value": "5%",
268
+ "public": true,
269
+ "filePath": "tokens/container/base.json",
270
+ "isSource": true,
271
+ "original": {
272
+ "value": "5%",
273
+ "public": true
274
+ },
275
+ "name": "container-marketing-padding-medium-large",
276
+ "attributes": {
277
+ "category": "container",
278
+ "type": "marketing",
279
+ "item": "padding",
280
+ "subitem": "medium-large"
281
+ },
282
+ "path": [
283
+ "container",
284
+ "marketing",
285
+ "padding",
286
+ "medium-large"
287
+ ]
288
+ }
289
+ }
290
+ }
291
+ },
240
292
  "grid": {
241
293
  "columns-4": {
242
294
  "width": {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@pantheon-systems/pds-design-tokens",
3
- "version": "1.0.0-dev.55",
3
+ "version": "1.0.0-dev.57",
4
4
  "description": "Design Tokens for the Pantheon Design System",
5
5
  "homepage": "https://pantheon.io",
6
6
  "keywords": [