@pantheon-systems/pds-design-tokens 1.0.0-dev.45 → 1.0.0-dev.47

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 (5) hide show
  1. package/build/css/pds-design-tokens-light-mode.css +5 -5
  2. package/build/figma/pds-design-tokens-figma.json +26 -26
  3. package/build/json/pds-design-tokens-light-mode.json +10 -10
  4. package/build/json/pds-design-tokens.json +25 -6
  5. package/package.json +1 -1
package/build/css/pds-design-tokens-light-mode.css CHANGED
@@ -62,13 +62,13 @@
62
62
  --pds-color-button-secondary-foreground-active: #11005d;
63
63
  --pds-color-button-secondary-foreground-default: #3017a1;
64
64
  --pds-color-button-secondary-foreground-hover: #3017a1;
65
- --pds-color-button-subtle-background-active: #e5dbff;
65
+ --pds-color-button-subtle-background-active: #cfcfd3;
66
66
  --pds-color-button-subtle-background-default: rgba(0, 0, 0, 0);
67
- --pds-color-button-subtle-background-hover: #f0ecff;
67
+ --pds-color-button-subtle-background-hover: #f1f1f1;
68
68
  --pds-color-button-subtle-border-default: rgba(0, 0, 0, 0);
69
- --pds-color-button-subtle-foreground-active: #11005d;
70
- --pds-color-button-subtle-foreground-default: #3017a1;
71
- --pds-color-button-subtle-foreground-hover: #3017a1;
69
+ --pds-color-button-subtle-foreground-active: #23232d;
70
+ --pds-color-button-subtle-foreground-default: #23232d;
71
+ --pds-color-button-subtle-foreground-hover: #23232d;
72
72
  --pds-color-card-border: var(--pds-color-border-default);
73
73
  --pds-color-foreground-default: #23232d;
74
74
  --pds-color-gradient-after-hours: linear-gradient(228.64deg, #2B017B 41.87%, #29B2FF 100%);
package/build/figma/pds-design-tokens-figma.json CHANGED
@@ -265,7 +265,7 @@
265
265
  "fontSize": "1 * 16",
266
266
  "fontFamily": "Poppins",
267
267
  "fontWeight": 400,
268
- "lineHeight": "195.3%"
268
+ "lineHeight": "140%"
269
269
  },
270
270
  "type": "typography",
271
271
  "filePath": "tokens-figma/typography/base.json",
@@ -275,7 +275,7 @@
275
275
  "fontSize": "{typography.size.M} * {figma.typography.size.base}",
276
276
  "fontFamily": "Poppins",
277
277
  "fontWeight": "{typography.font-weight.regular}",
278
- "lineHeight": "{typography.line-height.L}"
278
+ "lineHeight": "{typography.line-height.M}"
279
279
  },
280
280
  "type": "typography"
281
281
  },
@@ -296,7 +296,7 @@
296
296
  "fontSize": "1.953 * 16",
297
297
  "fontFamily": "Aleo",
298
298
  "fontWeight": 400,
299
- "lineHeight": "125%"
299
+ "lineHeight": "140%"
300
300
  },
301
301
  "type": "typography",
302
302
  "filePath": "tokens-figma/typography/base.json",
@@ -306,7 +306,7 @@
306
306
  "fontSize": "{typography.size.2XL} * {figma.typography.size.base}",
307
307
  "fontFamily": "Aleo",
308
308
  "fontWeight": "{typography.font-weight.regular}",
309
- "lineHeight": "{typography.line-height.S}"
309
+ "lineHeight": "{typography.line-height.M}"
310
310
  },
311
311
  "type": "typography"
312
312
  },
@@ -328,7 +328,7 @@
328
328
  "fontFamily": "Aleo",
329
329
  "fontWeight": "Italic",
330
330
  "letterSpacing": "0.01 * 100%",
331
- "lineHeight": "125%"
331
+ "lineHeight": "140%"
332
332
  },
333
333
  "type": "typography",
334
334
  "filePath": "tokens-figma/typography/base.json",
@@ -339,7 +339,7 @@
339
339
  "fontFamily": "Aleo",
340
340
  "fontWeight": "Italic",
341
341
  "letterSpacing": "{typography.letter-spacing.S} * 100%",
342
- "lineHeight": "{typography.line-height.S}"
342
+ "lineHeight": "{typography.line-height.M}"
343
343
  },
344
344
  "type": "typography"
345
345
  },
@@ -362,7 +362,7 @@
362
362
  "fontWeight": 700,
363
363
  "letterSpacing": "0.04 * 100%",
364
364
  "textCase": "uppercase",
365
- "lineHeight": "125%"
365
+ "lineHeight": "120%"
366
366
  },
367
367
  "type": "typography",
368
368
  "filePath": "tokens-figma/typography/base.json",
@@ -397,7 +397,7 @@
397
397
  "fontSize": "3.052 * 16",
398
398
  "fontWeight": 700,
399
399
  "fontFamily": "Poppins",
400
- "lineHeight": "125%"
400
+ "lineHeight": "120%"
401
401
  },
402
402
  "type": "typography",
403
403
  "filePath": "tokens-figma/typography/base.json",
@@ -428,7 +428,7 @@
428
428
  "fontSize": "2.441 * 16",
429
429
  "fontWeight": 700,
430
430
  "fontFamily": "Poppins",
431
- "lineHeight": "125%"
431
+ "lineHeight": "120%"
432
432
  },
433
433
  "type": "typography",
434
434
  "filePath": "tokens-figma/typography/base.json",
@@ -459,7 +459,7 @@
459
459
  "fontSize": "1.953 * 16",
460
460
  "fontWeight": 700,
461
461
  "fontFamily": "Poppins",
462
- "lineHeight": "125%"
462
+ "lineHeight": "120%"
463
463
  },
464
464
  "type": "typography",
465
465
  "filePath": "tokens-figma/typography/base.json",
@@ -490,7 +490,7 @@
490
490
  "fontSize": "1.563 * 16",
491
491
  "fontWeight": 700,
492
492
  "fontFamily": "Poppins",
493
- "lineHeight": "125%"
493
+ "lineHeight": "120%"
494
494
  },
495
495
  "type": "typography",
496
496
  "filePath": "tokens-figma/typography/base.json",
@@ -521,7 +521,7 @@
521
521
  "fontSize": "1.25 * 16",
522
522
  "fontWeight": 700,
523
523
  "fontFamily": "Poppins",
524
- "lineHeight": "125%"
524
+ "lineHeight": "120%"
525
525
  },
526
526
  "type": "typography",
527
527
  "filePath": "tokens-figma/typography/base.json",
@@ -552,7 +552,7 @@
552
552
  "fontSize": "1 * 16",
553
553
  "fontWeight": 700,
554
554
  "fontFamily": "Poppins",
555
- "lineHeight": "125%"
555
+ "lineHeight": "120%"
556
556
  },
557
557
  "type": "typography",
558
558
  "filePath": "tokens-figma/typography/base.json",
@@ -686,7 +686,7 @@
686
686
  "fontSize": "1 * 16",
687
687
  "fontFamily": "Poppins",
688
688
  "fontWeight": 600,
689
- "lineHeight": "125%"
689
+ "lineHeight": "120%"
690
690
  },
691
691
  "type": "typography",
692
692
  "filePath": "tokens-figma/typography/base.json",
@@ -748,7 +748,7 @@
748
748
  "fontSize": "0.875 * 16",
749
749
  "fontFamily": "Poppins",
750
750
  "fontWeight": 400,
751
- "lineHeight": "125%"
751
+ "lineHeight": "120%"
752
752
  },
753
753
  "type": "typography",
754
754
  "filePath": "tokens-figma/typography/base.json",
@@ -783,7 +783,7 @@
783
783
  "fontWeight": 700,
784
784
  "letterSpacing": "0.04 * 100%",
785
785
  "textCase": "uppercase",
786
- "lineHeight": "125%"
786
+ "lineHeight": "120%"
787
787
  },
788
788
  "type": "typography",
789
789
  "filePath": "tokens-figma/typography/base.json",
@@ -6747,13 +6747,13 @@
6747
6747
  ]
6748
6748
  },
6749
6749
  "hover": {
6750
- "value": "#f0ecff",
6750
+ "value": "#f1f1f1",
6751
6751
  "public": true,
6752
6752
  "isReferenceToInternal": true,
6753
6753
  "filePath": "tokens/color/alias/button.light.json",
6754
6754
  "isSource": true,
6755
6755
  "original": {
6756
- "value": "{color.light-mode.brand.secondary.100.value}",
6756
+ "value": "{color.light-mode.neutral.200.value}",
6757
6757
  "public": true,
6758
6758
  "isReferenceToInternal": true
6759
6759
  },
@@ -6775,13 +6775,13 @@
6775
6775
  ]
6776
6776
  },
6777
6777
  "active": {
6778
- "value": "#e5dbff",
6778
+ "value": "#cfcfd3",
6779
6779
  "public": true,
6780
6780
  "isReferenceToInternal": true,
6781
6781
  "filePath": "tokens/color/alias/button.light.json",
6782
6782
  "isSource": true,
6783
6783
  "original": {
6784
- "value": "{color.light-mode.brand.secondary.200.value}",
6784
+ "value": "{color.light-mode.neutral.300.value}",
6785
6785
  "public": true,
6786
6786
  "isReferenceToInternal": true
6787
6787
  },
@@ -6833,13 +6833,13 @@
6833
6833
  },
6834
6834
  "foreground": {
6835
6835
  "default": {
6836
- "value": "#3017a1",
6836
+ "value": "#23232d",
6837
6837
  "public": true,
6838
6838
  "isReferenceToInternal": true,
6839
6839
  "filePath": "tokens/color/alias/button.light.json",
6840
6840
  "isSource": true,
6841
6841
  "original": {
6842
- "value": "{color.light-mode.brand.secondary.400.value}",
6842
+ "value": "{color.light-mode.neutral.500.value}",
6843
6843
  "public": true,
6844
6844
  "isReferenceToInternal": true
6845
6845
  },
@@ -6861,13 +6861,13 @@
6861
6861
  ]
6862
6862
  },
6863
6863
  "hover": {
6864
- "value": "#3017a1",
6864
+ "value": "#23232d",
6865
6865
  "public": true,
6866
6866
  "isReferenceToInternal": true,
6867
6867
  "filePath": "tokens/color/alias/button.light.json",
6868
6868
  "isSource": true,
6869
6869
  "original": {
6870
- "value": "{color.light-mode.brand.secondary.400.value}",
6870
+ "value": "{color.light-mode.neutral.500.value}",
6871
6871
  "public": true,
6872
6872
  "isReferenceToInternal": true
6873
6873
  },
@@ -6889,13 +6889,13 @@
6889
6889
  ]
6890
6890
  },
6891
6891
  "active": {
6892
- "value": "#11005d",
6892
+ "value": "#23232d",
6893
6893
  "public": true,
6894
6894
  "isReferenceToInternal": true,
6895
6895
  "filePath": "tokens/color/alias/button.light.json",
6896
6896
  "isSource": true,
6897
6897
  "original": {
6898
- "value": "{color.light-mode.brand.secondary.500.value}",
6898
+ "value": "{color.light-mode.neutral.500.value}",
6899
6899
  "public": true,
6900
6900
  "isReferenceToInternal": true
6901
6901
  },
package/build/json/pds-design-tokens-light-mode.json CHANGED
@@ -549,13 +549,13 @@
549
549
  ]
550
550
  },
551
551
  "hover": {
552
- "value": "#f0ecff",
552
+ "value": "#f1f1f1",
553
553
  "public": true,
554
554
  "isReferenceToInternal": true,
555
555
  "filePath": "tokens/color/alias/button.light.json",
556
556
  "isSource": true,
557
557
  "original": {
558
- "value": "{color.light-mode.brand.secondary.100.value}",
558
+ "value": "{color.light-mode.neutral.200.value}",
559
559
  "public": true,
560
560
  "isReferenceToInternal": true
561
561
  },
@@ -577,13 +577,13 @@
577
577
  ]
578
578
  },
579
579
  "active": {
580
- "value": "#e5dbff",
580
+ "value": "#cfcfd3",
581
581
  "public": true,
582
582
  "isReferenceToInternal": true,
583
583
  "filePath": "tokens/color/alias/button.light.json",
584
584
  "isSource": true,
585
585
  "original": {
586
- "value": "{color.light-mode.brand.secondary.200.value}",
586
+ "value": "{color.light-mode.neutral.300.value}",
587
587
  "public": true,
588
588
  "isReferenceToInternal": true
589
589
  },
@@ -635,13 +635,13 @@
635
635
  },
636
636
  "foreground": {
637
637
  "default": {
638
- "value": "#3017a1",
638
+ "value": "#23232d",
639
639
  "public": true,
640
640
  "isReferenceToInternal": true,
641
641
  "filePath": "tokens/color/alias/button.light.json",
642
642
  "isSource": true,
643
643
  "original": {
644
- "value": "{color.light-mode.brand.secondary.400.value}",
644
+ "value": "{color.light-mode.neutral.500.value}",
645
645
  "public": true,
646
646
  "isReferenceToInternal": true
647
647
  },
@@ -663,13 +663,13 @@
663
663
  ]
664
664
  },
665
665
  "hover": {
666
- "value": "#3017a1",
666
+ "value": "#23232d",
667
667
  "public": true,
668
668
  "isReferenceToInternal": true,
669
669
  "filePath": "tokens/color/alias/button.light.json",
670
670
  "isSource": true,
671
671
  "original": {
672
- "value": "{color.light-mode.brand.secondary.400.value}",
672
+ "value": "{color.light-mode.neutral.500.value}",
673
673
  "public": true,
674
674
  "isReferenceToInternal": true
675
675
  },
@@ -691,13 +691,13 @@
691
691
  ]
692
692
  },
693
693
  "active": {
694
- "value": "#11005d",
694
+ "value": "#23232d",
695
695
  "public": true,
696
696
  "isReferenceToInternal": true,
697
697
  "filePath": "tokens/color/alias/button.light.json",
698
698
  "isSource": true,
699
699
  "original": {
700
- "value": "{color.light-mode.brand.secondary.500.value}",
700
+ "value": "{color.light-mode.neutral.500.value}",
701
701
  "public": true,
702
702
  "isReferenceToInternal": true
703
703
  },
package/build/json/pds-design-tokens.json CHANGED
@@ -1138,12 +1138,31 @@
1138
1138
  }
1139
1139
  },
1140
1140
  "line-height": {
1141
+ "XL": {
1142
+ "value": "195%",
1143
+ "filePath": "tokens/typography/base/line-height.json",
1144
+ "isSource": true,
1145
+ "original": {
1146
+ "value": "195%"
1147
+ },
1148
+ "name": "typography-line-height-xl",
1149
+ "attributes": {
1150
+ "category": "typography",
1151
+ "type": "line-height",
1152
+ "item": "XL"
1153
+ },
1154
+ "path": [
1155
+ "typography",
1156
+ "line-height",
1157
+ "XL"
1158
+ ]
1159
+ },
1141
1160
  "L": {
1142
- "value": "195.3%",
1161
+ "value": "170%",
1143
1162
  "filePath": "tokens/typography/base/line-height.json",
1144
1163
  "isSource": true,
1145
1164
  "original": {
1146
- "value": "195.3%"
1165
+ "value": "170%"
1147
1166
  },
1148
1167
  "name": "typography-line-height-l",
1149
1168
  "attributes": {
@@ -1158,11 +1177,11 @@
1158
1177
  ]
1159
1178
  },
1160
1179
  "M": {
1161
- "value": "156.3%",
1180
+ "value": "140%",
1162
1181
  "filePath": "tokens/typography/base/line-height.json",
1163
1182
  "isSource": true,
1164
1183
  "original": {
1165
- "value": "156.3%"
1184
+ "value": "140%"
1166
1185
  },
1167
1186
  "name": "typography-line-height-m",
1168
1187
  "attributes": {
@@ -1177,11 +1196,11 @@
1177
1196
  ]
1178
1197
  },
1179
1198
  "S": {
1180
- "value": "125%",
1199
+ "value": "120%",
1181
1200
  "filePath": "tokens/typography/base/line-height.json",
1182
1201
  "isSource": true,
1183
1202
  "original": {
1184
- "value": "125%"
1203
+ "value": "120%"
1185
1204
  },
1186
1205
  "name": "typography-line-height-s",
1187
1206
  "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.45",
3
+ "version": "1.0.0-dev.47",
4
4
  "description": "Design Tokens for the Pantheon Design System",
5
5
  "homepage": "https://pantheon.io",
6
6
  "keywords": [