@pantheon-systems/pds-design-tokens 1.0.0-dev.50 → 1.0.0-dev.52

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 +4 -4
  2. package/build/css/pds-design-tokens-light-mode.css +5 -4
  3. package/build/figma/pds-design-tokens-figma.json +39 -12
  4. package/build/json/pds-design-tokens-dark-mode.json +6 -6
  5. package/build/json/pds-design-tokens-light-mode.json +33 -6
  6. package/package.json +1 -1
package/build/css/pds-design-tokens-dark-mode.css CHANGED
@@ -33,12 +33,12 @@
33
33
  --pds-color-button-brand-secondary-foreground-active: #e7e7eb;
34
34
  --pds-color-button-brand-secondary-foreground-default: #e7e7eb;
35
35
  --pds-color-button-brand-secondary-foreground-hover: #ffffff;
36
- --pds-color-button-critical-background-active: #a74032;
36
+ --pds-color-button-critical-background-active: #a22a1a;
37
37
  --pds-color-button-critical-background-default: #ca3521;
38
- --pds-color-button-critical-background-hover: #bf4939;
39
- --pds-color-button-critical-border-active: #a74032;
38
+ --pds-color-button-critical-background-hover: #b6301e;
39
+ --pds-color-button-critical-border-active: #a22a1a;
40
40
  --pds-color-button-critical-border-default: #ca3521;
41
- --pds-color-button-critical-border-hover: #bf4939;
41
+ --pds-color-button-critical-border-hover: #b6301e;
42
42
  --pds-color-button-critical-foreground-active: #ffffff;
43
43
  --pds-color-button-critical-foreground-default: #ffffff;
44
44
  --pds-color-button-critical-foreground-hover: #ffffff;
package/build/css/pds-design-tokens-light-mode.css CHANGED
@@ -33,12 +33,12 @@
33
33
  --pds-color-button-brand-secondary-foreground-active: #23232d;
34
34
  --pds-color-button-brand-secondary-foreground-default: #23232d;
35
35
  --pds-color-button-brand-secondary-foreground-hover: #23232d;
36
- --pds-color-button-critical-background-active: #b53a2a;
36
+ --pds-color-button-critical-background-active: #b6301e;
37
37
  --pds-color-button-critical-background-default: #ca3521;
38
- --pds-color-button-critical-background-hover: #e86d5d;
39
- --pds-color-button-critical-border-active: #b53a2a;
38
+ --pds-color-button-critical-background-hover: #cf4937;
39
+ --pds-color-button-critical-border-active: #b6301e;
40
40
  --pds-color-button-critical-border-default: #ca3521;
41
- --pds-color-button-critical-border-hover: #e86d5d;
41
+ --pds-color-button-critical-border-hover: #cf4937;
42
42
  --pds-color-button-critical-foreground-active: #ffffff;
43
43
  --pds-color-button-critical-foreground-default: #ffffff;
44
44
  --pds-color-button-critical-foreground-hover: #ffffff;
@@ -114,6 +114,7 @@
114
114
  --pds-color-panel-default-border: var(--pds-color-border-default);
115
115
  --pds-color-panel-overlay-background: var(--pds-color-background-default);
116
116
  --pds-color-panel-raised-background: var(--pds-color-background-default);
117
+ --pds-color-panel-raised-border: #f1f1f1;
117
118
  --pds-color-panel-sunken-background: #f1f1f1;
118
119
  --pds-color-tag-1-background: #fffbe9;
119
120
  --pds-color-tag-1-foreground: #705e00;
package/build/figma/pds-design-tokens-figma.json CHANGED
@@ -3093,12 +3093,12 @@
3093
3093
  ]
3094
3094
  },
3095
3095
  "hover": {
3096
- "value": "#bf4939",
3096
+ "value": "#b6301e",
3097
3097
  "public": true,
3098
3098
  "filePath": "tokens/color/alias/button.dark.json",
3099
3099
  "isSource": true,
3100
3100
  "original": {
3101
- "value": "#BF4939",
3101
+ "value": "#b6301e",
3102
3102
  "public": true
3103
3103
  },
3104
3104
  "name": "color-dark-mode-button-critical-background-hover",
@@ -3119,12 +3119,12 @@
3119
3119
  ]
3120
3120
  },
3121
3121
  "active": {
3122
- "value": "#a74032",
3122
+ "value": "#a22a1a",
3123
3123
  "public": true,
3124
3124
  "filePath": "tokens/color/alias/button.dark.json",
3125
3125
  "isSource": true,
3126
3126
  "original": {
3127
- "value": "#a74032",
3127
+ "value": "#a22a1a",
3128
3128
  "public": true
3129
3129
  },
3130
3130
  "name": "color-dark-mode-button-critical-background-active",
@@ -3175,7 +3175,7 @@
3175
3175
  ]
3176
3176
  },
3177
3177
  "hover": {
3178
- "value": "#bf4939",
3178
+ "value": "#b6301e",
3179
3179
  "public": true,
3180
3180
  "isReferenceToInternal": true,
3181
3181
  "filePath": "tokens/color/alias/button.dark.json",
@@ -3203,7 +3203,7 @@
3203
3203
  ]
3204
3204
  },
3205
3205
  "active": {
3206
- "value": "#a74032",
3206
+ "value": "#a22a1a",
3207
3207
  "public": true,
3208
3208
  "isReferenceToInternal": true,
3209
3209
  "filePath": "tokens/color/alias/button.dark.json",
@@ -7808,12 +7808,12 @@
7808
7808
  ]
7809
7809
  },
7810
7810
  "hover": {
7811
- "value": "#e86d5d",
7811
+ "value": "#cf4937",
7812
7812
  "public": true,
7813
7813
  "filePath": "tokens/color/alias/button.light.json",
7814
7814
  "isSource": true,
7815
7815
  "original": {
7816
- "value": "#E86D5D",
7816
+ "value": "#cf4937",
7817
7817
  "public": true
7818
7818
  },
7819
7819
  "name": "color-light-mode-button-critical-background-hover",
@@ -7834,12 +7834,12 @@
7834
7834
  ]
7835
7835
  },
7836
7836
  "active": {
7837
- "value": "#b53a2a",
7837
+ "value": "#b6301e",
7838
7838
  "public": true,
7839
7839
  "filePath": "tokens/color/alias/button.light.json",
7840
7840
  "isSource": true,
7841
7841
  "original": {
7842
- "value": "#B53A2A",
7842
+ "value": "#b6301e",
7843
7843
  "public": true
7844
7844
  },
7845
7845
  "name": "color-light-mode-button-critical-background-active",
@@ -7890,7 +7890,7 @@
7890
7890
  ]
7891
7891
  },
7892
7892
  "hover": {
7893
- "value": "#e86d5d",
7893
+ "value": "#cf4937",
7894
7894
  "public": true,
7895
7895
  "isReferenceToInternal": true,
7896
7896
  "filePath": "tokens/color/alias/button.light.json",
@@ -7918,7 +7918,7 @@
7918
7918
  ]
7919
7919
  },
7920
7920
  "active": {
7921
- "value": "#b53a2a",
7921
+ "value": "#b6301e",
7922
7922
  "public": true,
7923
7923
  "isReferenceToInternal": true,
7924
7924
  "filePath": "tokens/color/alias/button.light.json",
@@ -9239,6 +9239,33 @@
9239
9239
  "raised",
9240
9240
  "background"
9241
9241
  ]
9242
+ },
9243
+ "border": {
9244
+ "value": "#f1f1f1",
9245
+ "public": true,
9246
+ "isReferenceToInternal": true,
9247
+ "filePath": "tokens/color/alias/panel.light.json",
9248
+ "isSource": true,
9249
+ "original": {
9250
+ "value": "{color.light-mode.neutral.200.value}",
9251
+ "public": true,
9252
+ "isReferenceToInternal": true
9253
+ },
9254
+ "name": "color-light-mode-panel-raised-border",
9255
+ "attributes": {
9256
+ "category": "color",
9257
+ "type": "light-mode",
9258
+ "item": "panel",
9259
+ "subitem": "raised",
9260
+ "state": "border"
9261
+ },
9262
+ "path": [
9263
+ "color",
9264
+ "light-mode",
9265
+ "panel",
9266
+ "raised",
9267
+ "border"
9268
+ ]
9242
9269
  }
9243
9270
  },
9244
9271
  "overlay": {
package/build/json/pds-design-tokens-dark-mode.json CHANGED
@@ -1269,12 +1269,12 @@
1269
1269
  ]
1270
1270
  },
1271
1271
  "hover": {
1272
- "value": "#bf4939",
1272
+ "value": "#b6301e",
1273
1273
  "public": true,
1274
1274
  "filePath": "tokens/color/alias/button.dark.json",
1275
1275
  "isSource": true,
1276
1276
  "original": {
1277
- "value": "#BF4939",
1277
+ "value": "#b6301e",
1278
1278
  "public": true
1279
1279
  },
1280
1280
  "name": "color-dark-mode-button-critical-background-hover",
@@ -1295,12 +1295,12 @@
1295
1295
  ]
1296
1296
  },
1297
1297
  "active": {
1298
- "value": "#a74032",
1298
+ "value": "#a22a1a",
1299
1299
  "public": true,
1300
1300
  "filePath": "tokens/color/alias/button.dark.json",
1301
1301
  "isSource": true,
1302
1302
  "original": {
1303
- "value": "#a74032",
1303
+ "value": "#a22a1a",
1304
1304
  "public": true
1305
1305
  },
1306
1306
  "name": "color-dark-mode-button-critical-background-active",
@@ -1351,7 +1351,7 @@
1351
1351
  ]
1352
1352
  },
1353
1353
  "hover": {
1354
- "value": "#bf4939",
1354
+ "value": "#b6301e",
1355
1355
  "public": true,
1356
1356
  "isReferenceToInternal": true,
1357
1357
  "filePath": "tokens/color/alias/button.dark.json",
@@ -1379,7 +1379,7 @@
1379
1379
  ]
1380
1380
  },
1381
1381
  "active": {
1382
- "value": "#a74032",
1382
+ "value": "#a22a1a",
1383
1383
  "public": true,
1384
1384
  "isReferenceToInternal": true,
1385
1385
  "filePath": "tokens/color/alias/button.dark.json",
package/build/json/pds-design-tokens-light-mode.json CHANGED
@@ -1269,12 +1269,12 @@
1269
1269
  ]
1270
1270
  },
1271
1271
  "hover": {
1272
- "value": "#e86d5d",
1272
+ "value": "#cf4937",
1273
1273
  "public": true,
1274
1274
  "filePath": "tokens/color/alias/button.light.json",
1275
1275
  "isSource": true,
1276
1276
  "original": {
1277
- "value": "#E86D5D",
1277
+ "value": "#cf4937",
1278
1278
  "public": true
1279
1279
  },
1280
1280
  "name": "color-light-mode-button-critical-background-hover",
@@ -1295,12 +1295,12 @@
1295
1295
  ]
1296
1296
  },
1297
1297
  "active": {
1298
- "value": "#b53a2a",
1298
+ "value": "#b6301e",
1299
1299
  "public": true,
1300
1300
  "filePath": "tokens/color/alias/button.light.json",
1301
1301
  "isSource": true,
1302
1302
  "original": {
1303
- "value": "#B53A2A",
1303
+ "value": "#b6301e",
1304
1304
  "public": true
1305
1305
  },
1306
1306
  "name": "color-light-mode-button-critical-background-active",
@@ -1351,7 +1351,7 @@
1351
1351
  ]
1352
1352
  },
1353
1353
  "hover": {
1354
- "value": "#e86d5d",
1354
+ "value": "#cf4937",
1355
1355
  "public": true,
1356
1356
  "isReferenceToInternal": true,
1357
1357
  "filePath": "tokens/color/alias/button.light.json",
@@ -1379,7 +1379,7 @@
1379
1379
  ]
1380
1380
  },
1381
1381
  "active": {
1382
- "value": "#b53a2a",
1382
+ "value": "#b6301e",
1383
1383
  "public": true,
1384
1384
  "isReferenceToInternal": true,
1385
1385
  "filePath": "tokens/color/alias/button.light.json",
@@ -2700,6 +2700,33 @@
2700
2700
  "raised",
2701
2701
  "background"
2702
2702
  ]
2703
+ },
2704
+ "border": {
2705
+ "value": "#f1f1f1",
2706
+ "public": true,
2707
+ "isReferenceToInternal": true,
2708
+ "filePath": "tokens/color/alias/panel.light.json",
2709
+ "isSource": true,
2710
+ "original": {
2711
+ "value": "{color.light-mode.neutral.200.value}",
2712
+ "public": true,
2713
+ "isReferenceToInternal": true
2714
+ },
2715
+ "name": "color-light-mode-panel-raised-border",
2716
+ "attributes": {
2717
+ "category": "color",
2718
+ "type": "light-mode",
2719
+ "item": "panel",
2720
+ "subitem": "raised",
2721
+ "state": "border"
2722
+ },
2723
+ "path": [
2724
+ "color",
2725
+ "light-mode",
2726
+ "panel",
2727
+ "raised",
2728
+ "border"
2729
+ ]
2703
2730
  }
2704
2731
  },
2705
2732
  "overlay": {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@pantheon-systems/pds-design-tokens",
3
- "version": "1.0.0-dev.50",
3
+ "version": "1.0.0-dev.52",
4
4
  "description": "Design Tokens for the Pantheon Design System",
5
5
  "homepage": "https://pantheon.io",
6
6
  "keywords": [