@pantheon-systems/pds-design-tokens 1.0.0-dev.98 → 1.0.0-dev.99

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 +14 -14
  2. package/build/css/pds-design-tokens-light-mode.css +9 -9
  3. package/build/figma/pds-design-tokens-figma.json +64 -92
  4. package/build/json/pds-design-tokens-dark-mode.json +36 -50
  5. package/build/json/pds-design-tokens-light-mode.json +28 -42
  6. package/package.json +1 -1
package/build/css/pds-design-tokens-dark-mode.css CHANGED
@@ -64,15 +64,15 @@
64
64
  --pds-color-button-brand-secondary-foreground-active: #e7e7eb;
65
65
  --pds-color-button-brand-secondary-foreground-default: #e7e7eb;
66
66
  --pds-color-button-brand-secondary-foreground-hover: #ffffff;
67
- --pds-color-button-critical-background-active: #a22a1a;
68
- --pds-color-button-critical-background-default: #ca3521;
69
- --pds-color-button-critical-background-hover: #b6301e;
70
- --pds-color-button-critical-border-active: #a22a1a;
71
- --pds-color-button-critical-border-default: #ca3521;
72
- --pds-color-button-critical-border-hover: #b6301e;
73
- --pds-color-button-critical-foreground-active: #ffffff;
74
- --pds-color-button-critical-foreground-default: #ffffff;
75
- --pds-color-button-critical-foreground-hover: #ffffff;
67
+ --pds-color-button-critical-background-active: #4b2d28;
68
+ --pds-color-button-critical-background-default: var(--pds-color-background-default);
69
+ --pds-color-button-critical-background-hover: var(--pds-color-semantic-critical-background);
70
+ --pds-color-button-critical-border-active: var(--pds-color-semantic-critical-foreground);
71
+ --pds-color-button-critical-border-default: var(--pds-color-semantic-critical-foreground);
72
+ --pds-color-button-critical-border-hover: var(--pds-color-semantic-critical-foreground);
73
+ --pds-color-button-critical-foreground-active: var(--pds-color-semantic-critical-foreground);
74
+ --pds-color-button-critical-foreground-default: var(--pds-color-semantic-critical-foreground);
75
+ --pds-color-button-critical-foreground-hover: var(--pds-color-semantic-critical-foreground);
76
76
  --pds-color-button-navbar-foreground-active: var(--pds-color-link-active);
77
77
  --pds-color-button-navbar-foreground-default: #ffffff;
78
78
  --pds-color-button-navbar-foreground-hover: var(--pds-color-link-hover);
@@ -123,13 +123,13 @@
123
123
  --pds-color-input-background-critical: #1d1d29;
124
124
  --pds-color-input-background-default: #1d1d29;
125
125
  --pds-color-input-background-hover: #282839;
126
- --pds-color-input-border-critical: #ca3521;
126
+ --pds-color-input-border-critical: #ef5c48;
127
127
  --pds-color-input-border-default: #858299;
128
128
  --pds-color-input-border-hover: #ad9bff;
129
129
  --pds-color-input-border-success: #2abb7f;
130
130
  --pds-color-input-checked-background: var(--pds-color-interactive-focus);
131
131
  --pds-color-input-checked-foreground: #ffffff;
132
- --pds-color-input-foreground-critical: #ca3521;
132
+ --pds-color-input-foreground-critical: #ef5c48;
133
133
  --pds-color-input-foreground-default: #ffffff;
134
134
  --pds-color-input-foreground-success: #2abb7f;
135
135
  --pds-color-input-placeholder-text: #a6a3b4;
@@ -168,7 +168,7 @@
168
168
  --pds-color-progress-empty: #a6a3b4;
169
169
  --pds-color-progress-partial: #388bff;
170
170
  --pds-color-semantic-critical-background: #391813;
171
- --pds-color-semantic-critical-foreground: #ca3521;
171
+ --pds-color-semantic-critical-foreground: #ef5c48;
172
172
  --pds-color-semantic-discovery-background: #231c3f;
173
173
  --pds-color-semantic-discovery-foreground: #8f7ee7;
174
174
  --pds-color-semantic-info-background: #082145;
@@ -180,7 +180,7 @@
180
180
  --pds-color-strength-fair: #cf9f02;
181
181
  --pds-color-strength-strong: #2abb7f;
182
182
  --pds-color-strength-very-weak: #a6a3b4;
183
- --pds-color-strength-weak: #ca3521;
183
+ --pds-color-strength-weak: #ef5c48;
184
184
  --pds-color-table-sort-arrow-active: #8a70ff;
185
185
  --pds-color-table-sort-arrow-inactive: #a6a3b4;
186
186
  --pds-color-tabs-accent: #ad9bff;
@@ -210,7 +210,7 @@
210
210
  --pds-color-toggle-button-foreground-off: #e7e7eb;
211
211
  --pds-color-tooltip-background: #a6a3b4;
212
212
  --pds-color-tooltip-text: #121219;
213
- --pds-color-tooltip-trigger-icon-critical: #ca3521;
213
+ --pds-color-tooltip-trigger-icon-critical: #ef5c48;
214
214
  --pds-color-tooltip-trigger-icon-default: #e7e7eb;
215
215
  --pds-elevation-dropdown: 0px 8px 12px 0px rgba(18, 18, 25, 0.6);
216
216
  --pds-elevation-overlay: 0px 8px 12px 0px rgba(18, 18, 25, 0.6);
package/build/css/pds-design-tokens-light-mode.css CHANGED
@@ -64,15 +64,15 @@
64
64
  --pds-color-button-brand-secondary-foreground-active: #23232d;
65
65
  --pds-color-button-brand-secondary-foreground-default: #23232d;
66
66
  --pds-color-button-brand-secondary-foreground-hover: #23232d;
67
- --pds-color-button-critical-background-active: #b6301e;
68
- --pds-color-button-critical-background-default: #ca3521;
69
- --pds-color-button-critical-background-hover: #cf4937;
70
- --pds-color-button-critical-border-active: #b6301e;
71
- --pds-color-button-critical-border-default: #ca3521;
72
- --pds-color-button-critical-border-hover: #cf4937;
73
- --pds-color-button-critical-foreground-active: #ffffff;
74
- --pds-color-button-critical-foreground-default: #ffffff;
75
- --pds-color-button-critical-foreground-hover: #ffffff;
67
+ --pds-color-button-critical-background-active: #ffdcd8;
68
+ --pds-color-button-critical-background-default: var(--pds-color-background-default);
69
+ --pds-color-button-critical-background-hover: var(--pds-color-semantic-critical-background);
70
+ --pds-color-button-critical-border-active: #b52f1d;
71
+ --pds-color-button-critical-border-default: var(--pds-color-semantic-critical-foreground);
72
+ --pds-color-button-critical-border-hover: var(--pds-color-semantic-critical-foreground);
73
+ --pds-color-button-critical-foreground-active: #b52f1d;
74
+ --pds-color-button-critical-foreground-default: var(--pds-color-semantic-critical-foreground);
75
+ --pds-color-button-critical-foreground-hover: var(--pds-color-semantic-critical-foreground);
76
76
  --pds-color-button-navbar-foreground-active: var(--pds-color-link-active);
77
77
  --pds-color-button-navbar-foreground-default: var(--pds-color-foreground-default);
78
78
  --pds-color-button-navbar-foreground-hover: var(--pds-color-link-hover);
package/build/figma/pds-design-tokens-figma.json CHANGED
@@ -2137,7 +2137,7 @@
2137
2137
  ]
2138
2138
  },
2139
2139
  "critical": {
2140
- "value": "#ca3521",
2140
+ "value": "#ef5c48",
2141
2141
  "public": true,
2142
2142
  "filePath": "tokens/color/alias/badge.dark.json",
2143
2143
  "isSource": true,
@@ -3926,15 +3926,13 @@
3926
3926
  "critical": {
3927
3927
  "background": {
3928
3928
  "default": {
3929
- "value": "#ca3521",
3929
+ "value": "#1d1d29",
3930
3930
  "public": true,
3931
- "isReferenceToInternal": true,
3932
3931
  "filePath": "tokens/color/alias/button.dark.json",
3933
3932
  "isSource": true,
3934
3933
  "original": {
3935
- "value": "{color.dark-mode.semantic.critical.foreground.value}",
3936
- "public": true,
3937
- "isReferenceToInternal": true
3934
+ "value": "{color.dark-mode.background.default.value}",
3935
+ "public": true
3938
3936
  },
3939
3937
  "name": "color-dark-mode-button-critical-background-default",
3940
3938
  "attributes": {
@@ -3954,12 +3952,12 @@
3954
3952
  ]
3955
3953
  },
3956
3954
  "hover": {
3957
- "value": "#b6301e",
3955
+ "value": "#391813",
3958
3956
  "public": true,
3959
3957
  "filePath": "tokens/color/alias/button.dark.json",
3960
3958
  "isSource": true,
3961
3959
  "original": {
3962
- "value": "#b6301e",
3960
+ "value": "{color.dark-mode.semantic.critical.background.value}",
3963
3961
  "public": true
3964
3962
  },
3965
3963
  "name": "color-dark-mode-button-critical-background-hover",
@@ -3980,12 +3978,12 @@
3980
3978
  ]
3981
3979
  },
3982
3980
  "active": {
3983
- "value": "#a22a1a",
3981
+ "value": "#4b2d28",
3984
3982
  "public": true,
3985
3983
  "filePath": "tokens/color/alias/button.dark.json",
3986
3984
  "isSource": true,
3987
3985
  "original": {
3988
- "value": "#a22a1a",
3986
+ "value": "#4b2d28",
3989
3987
  "public": true
3990
3988
  },
3991
3989
  "name": "color-dark-mode-button-critical-background-active",
@@ -4008,15 +4006,13 @@
4008
4006
  },
4009
4007
  "border": {
4010
4008
  "default": {
4011
- "value": "#ca3521",
4009
+ "value": "#ef5c48",
4012
4010
  "public": true,
4013
- "isReferenceToInternal": true,
4014
4011
  "filePath": "tokens/color/alias/button.dark.json",
4015
4012
  "isSource": true,
4016
4013
  "original": {
4017
- "value": "{color.dark-mode.button.critical.background.default.value}",
4018
- "public": true,
4019
- "isReferenceToInternal": true
4014
+ "value": "{color.dark-mode.semantic.critical.foreground.value}",
4015
+ "public": true
4020
4016
  },
4021
4017
  "name": "color-dark-mode-button-critical-border-default",
4022
4018
  "attributes": {
@@ -4036,15 +4032,13 @@
4036
4032
  ]
4037
4033
  },
4038
4034
  "hover": {
4039
- "value": "#b6301e",
4035
+ "value": "#ef5c48",
4040
4036
  "public": true,
4041
- "isReferenceToInternal": true,
4042
4037
  "filePath": "tokens/color/alias/button.dark.json",
4043
4038
  "isSource": true,
4044
4039
  "original": {
4045
- "value": "{color.dark-mode.button.critical.background.hover.value}",
4046
- "public": true,
4047
- "isReferenceToInternal": true
4040
+ "value": "{color.dark-mode.semantic.critical.foreground.value}",
4041
+ "public": true
4048
4042
  },
4049
4043
  "name": "color-dark-mode-button-critical-border-hover",
4050
4044
  "attributes": {
@@ -4064,15 +4058,13 @@
4064
4058
  ]
4065
4059
  },
4066
4060
  "active": {
4067
- "value": "#a22a1a",
4061
+ "value": "#ef5c48",
4068
4062
  "public": true,
4069
- "isReferenceToInternal": true,
4070
4063
  "filePath": "tokens/color/alias/button.dark.json",
4071
4064
  "isSource": true,
4072
4065
  "original": {
4073
- "value": "{color.dark-mode.button.critical.background.active.value}",
4074
- "public": true,
4075
- "isReferenceToInternal": true
4066
+ "value": "{color.dark-mode.semantic.critical.foreground.value}",
4067
+ "public": true
4076
4068
  },
4077
4069
  "name": "color-dark-mode-button-critical-border-active",
4078
4070
  "attributes": {
@@ -4094,15 +4086,13 @@
4094
4086
  },
4095
4087
  "foreground": {
4096
4088
  "default": {
4097
- "value": "#ffffff",
4089
+ "value": "#ef5c48",
4098
4090
  "public": true,
4099
- "isReferenceToInternal": true,
4100
4091
  "filePath": "tokens/color/alias/button.dark.json",
4101
4092
  "isSource": true,
4102
4093
  "original": {
4103
- "value": "{color.dark-mode.neutral.000.value}",
4104
- "public": true,
4105
- "isReferenceToInternal": true
4094
+ "value": "{color.dark-mode.semantic.critical.foreground.value}",
4095
+ "public": true
4106
4096
  },
4107
4097
  "name": "color-dark-mode-button-critical-foreground-default",
4108
4098
  "attributes": {
@@ -4122,15 +4112,13 @@
4122
4112
  ]
4123
4113
  },
4124
4114
  "hover": {
4125
- "value": "#ffffff",
4115
+ "value": "#ef5c48",
4126
4116
  "public": true,
4127
- "isReferenceToInternal": true,
4128
4117
  "filePath": "tokens/color/alias/button.dark.json",
4129
4118
  "isSource": true,
4130
4119
  "original": {
4131
- "value": "{color.dark-mode.neutral.000.value}",
4132
- "public": true,
4133
- "isReferenceToInternal": true
4120
+ "value": "{color.dark-mode.semantic.critical.foreground.value}",
4121
+ "public": true
4134
4122
  },
4135
4123
  "name": "color-dark-mode-button-critical-foreground-hover",
4136
4124
  "attributes": {
@@ -4150,15 +4138,13 @@
4150
4138
  ]
4151
4139
  },
4152
4140
  "active": {
4153
- "value": "#ffffff",
4141
+ "value": "#ef5c48",
4154
4142
  "public": true,
4155
- "isReferenceToInternal": true,
4156
4143
  "filePath": "tokens/color/alias/button.dark.json",
4157
4144
  "isSource": true,
4158
4145
  "original": {
4159
- "value": "{color.dark-mode.neutral.000.value}",
4160
- "public": true,
4161
- "isReferenceToInternal": true
4146
+ "value": "{color.dark-mode.semantic.critical.foreground.value}",
4147
+ "public": true
4162
4148
  },
4163
4149
  "name": "color-dark-mode-button-critical-foreground-active",
4164
4150
  "attributes": {
@@ -4384,7 +4370,7 @@
4384
4370
  "critical": {
4385
4371
  "background": {
4386
4372
  "default": {
4387
- "value": "#ca3521",
4373
+ "value": "#1d1d29",
4388
4374
  "public": true,
4389
4375
  "filePath": "tokens/color/alias/button.dark.json",
4390
4376
  "isSource": true,
@@ -4410,7 +4396,7 @@
4410
4396
  ]
4411
4397
  },
4412
4398
  "hover": {
4413
- "value": "#b6301e",
4399
+ "value": "#391813",
4414
4400
  "public": true,
4415
4401
  "filePath": "tokens/color/alias/button.dark.json",
4416
4402
  "isSource": true,
@@ -4436,7 +4422,7 @@
4436
4422
  ]
4437
4423
  },
4438
4424
  "active": {
4439
- "value": "#a22a1a",
4425
+ "value": "#4b2d28",
4440
4426
  "public": true,
4441
4427
  "filePath": "tokens/color/alias/button.dark.json",
4442
4428
  "isSource": true,
@@ -4464,7 +4450,7 @@
4464
4450
  },
4465
4451
  "foreground": {
4466
4452
  "default": {
4467
- "value": "#ffffff",
4453
+ "value": "#ef5c48",
4468
4454
  "public": true,
4469
4455
  "filePath": "tokens/color/alias/button.dark.json",
4470
4456
  "isSource": true,
@@ -4970,7 +4956,7 @@
4970
4956
  ]
4971
4957
  },
4972
4958
  "weak": {
4973
- "value": "#ca3521",
4959
+ "value": "#ef5c48",
4974
4960
  "public": true,
4975
4961
  "isReferenceToInternal": true,
4976
4962
  "filePath": "tokens/color/alias/indicators.dark.json",
@@ -5212,7 +5198,7 @@
5212
5198
  ]
5213
5199
  },
5214
5200
  "critical": {
5215
- "value": "#ca3521",
5201
+ "value": "#ef5c48",
5216
5202
  "public": true,
5217
5203
  "isReferenceToInternal": true,
5218
5204
  "filePath": "tokens/color/alias/input.dark.json",
@@ -5295,7 +5281,7 @@
5295
5281
  ]
5296
5282
  },
5297
5283
  "critical": {
5298
- "value": "#ca3521",
5284
+ "value": "#ef5c48",
5299
5285
  "public": true,
5300
5286
  "isReferenceToInternal": true,
5301
5287
  "filePath": "tokens/color/alias/input.dark.json",
@@ -6780,7 +6766,7 @@
6780
6766
  ]
6781
6767
  },
6782
6768
  "critical": {
6783
- "value": "#ca3521",
6769
+ "value": "#ef5c48",
6784
6770
  "public": true,
6785
6771
  "isReferenceToInternal": true,
6786
6772
  "filePath": "tokens/color/alias/tooltip.dark.json",
@@ -8090,12 +8076,12 @@
8090
8076
  },
8091
8077
  "critical": {
8092
8078
  "foreground": {
8093
- "value": "#ca3521",
8079
+ "value": "#ef5c48",
8094
8080
  "public": true,
8095
8081
  "filePath": "tokens/color/base/semantic.dark.json",
8096
8082
  "isSource": true,
8097
8083
  "original": {
8098
- "value": "#CA3521",
8084
+ "value": "#ef5c48",
8099
8085
  "public": true
8100
8086
  },
8101
8087
  "name": "color-dark-mode-semantic-critical-foreground",
@@ -10204,15 +10190,13 @@
10204
10190
  "critical": {
10205
10191
  "background": {
10206
10192
  "default": {
10207
- "value": "#ca3521",
10193
+ "value": "#ffffff",
10208
10194
  "public": true,
10209
- "isReferenceToInternal": true,
10210
10195
  "filePath": "tokens/color/alias/button.light.json",
10211
10196
  "isSource": true,
10212
10197
  "original": {
10213
- "value": "{color.light-mode.semantic.critical.foreground.value}",
10214
- "public": true,
10215
- "isReferenceToInternal": true
10198
+ "value": "{color.light-mode.background.default.value}",
10199
+ "public": true
10216
10200
  },
10217
10201
  "name": "color-light-mode-button-critical-background-default",
10218
10202
  "attributes": {
@@ -10232,12 +10216,12 @@
10232
10216
  ]
10233
10217
  },
10234
10218
  "hover": {
10235
- "value": "#cf4937",
10219
+ "value": "#ffedeb",
10236
10220
  "public": true,
10237
10221
  "filePath": "tokens/color/alias/button.light.json",
10238
10222
  "isSource": true,
10239
10223
  "original": {
10240
- "value": "#cf4937",
10224
+ "value": "{color.light-mode.semantic.critical.background.value}",
10241
10225
  "public": true
10242
10226
  },
10243
10227
  "name": "color-light-mode-button-critical-background-hover",
@@ -10258,12 +10242,12 @@
10258
10242
  ]
10259
10243
  },
10260
10244
  "active": {
10261
- "value": "#b6301e",
10245
+ "value": "#ffdcd8",
10262
10246
  "public": true,
10263
10247
  "filePath": "tokens/color/alias/button.light.json",
10264
10248
  "isSource": true,
10265
10249
  "original": {
10266
- "value": "#b6301e",
10250
+ "value": "#ffdcd8",
10267
10251
  "public": true
10268
10252
  },
10269
10253
  "name": "color-light-mode-button-critical-background-active",
@@ -10288,13 +10272,11 @@
10288
10272
  "default": {
10289
10273
  "value": "#ca3521",
10290
10274
  "public": true,
10291
- "isReferenceToInternal": true,
10292
10275
  "filePath": "tokens/color/alias/button.light.json",
10293
10276
  "isSource": true,
10294
10277
  "original": {
10295
- "value": "{color.light-mode.button.critical.background.default.value}",
10296
- "public": true,
10297
- "isReferenceToInternal": true
10278
+ "value": "{color.light-mode.semantic.critical.foreground.value}",
10279
+ "public": true
10298
10280
  },
10299
10281
  "name": "color-light-mode-button-critical-border-default",
10300
10282
  "attributes": {
@@ -10314,15 +10296,13 @@
10314
10296
  ]
10315
10297
  },
10316
10298
  "hover": {
10317
- "value": "#cf4937",
10299
+ "value": "#ca3521",
10318
10300
  "public": true,
10319
- "isReferenceToInternal": true,
10320
10301
  "filePath": "tokens/color/alias/button.light.json",
10321
10302
  "isSource": true,
10322
10303
  "original": {
10323
- "value": "{color.light-mode.button.critical.background.hover.value}",
10324
- "public": true,
10325
- "isReferenceToInternal": true
10304
+ "value": "{color.light-mode.semantic.critical.foreground.value}",
10305
+ "public": true
10326
10306
  },
10327
10307
  "name": "color-light-mode-button-critical-border-hover",
10328
10308
  "attributes": {
@@ -10342,15 +10322,13 @@
10342
10322
  ]
10343
10323
  },
10344
10324
  "active": {
10345
- "value": "#b6301e",
10325
+ "value": "#b52f1d",
10346
10326
  "public": true,
10347
- "isReferenceToInternal": true,
10348
10327
  "filePath": "tokens/color/alias/button.light.json",
10349
10328
  "isSource": true,
10350
10329
  "original": {
10351
- "value": "{color.light-mode.button.critical.background.active.value}",
10352
- "public": true,
10353
- "isReferenceToInternal": true
10330
+ "value": "#b52f1d",
10331
+ "public": true
10354
10332
  },
10355
10333
  "name": "color-light-mode-button-critical-border-active",
10356
10334
  "attributes": {
@@ -10372,15 +10350,13 @@
10372
10350
  },
10373
10351
  "foreground": {
10374
10352
  "default": {
10375
- "value": "#ffffff",
10353
+ "value": "#ca3521",
10376
10354
  "public": true,
10377
- "isReferenceToInternal": true,
10378
10355
  "filePath": "tokens/color/alias/button.light.json",
10379
10356
  "isSource": true,
10380
10357
  "original": {
10381
- "value": "{color.light-mode.neutral.000.value}",
10382
- "public": true,
10383
- "isReferenceToInternal": true
10358
+ "value": "{color.light-mode.semantic.critical.foreground.value}",
10359
+ "public": true
10384
10360
  },
10385
10361
  "name": "color-light-mode-button-critical-foreground-default",
10386
10362
  "attributes": {
@@ -10400,15 +10376,13 @@
10400
10376
  ]
10401
10377
  },
10402
10378
  "hover": {
10403
- "value": "#ffffff",
10379
+ "value": "#ca3521",
10404
10380
  "public": true,
10405
- "isReferenceToInternal": true,
10406
10381
  "filePath": "tokens/color/alias/button.light.json",
10407
10382
  "isSource": true,
10408
10383
  "original": {
10409
- "value": "{color.light-mode.neutral.000.value}",
10410
- "public": true,
10411
- "isReferenceToInternal": true
10384
+ "value": "{color.light-mode.semantic.critical.foreground.value}",
10385
+ "public": true
10412
10386
  },
10413
10387
  "name": "color-light-mode-button-critical-foreground-hover",
10414
10388
  "attributes": {
@@ -10428,15 +10402,13 @@
10428
10402
  ]
10429
10403
  },
10430
10404
  "active": {
10431
- "value": "#ffffff",
10405
+ "value": "#b52f1d",
10432
10406
  "public": true,
10433
- "isReferenceToInternal": true,
10434
10407
  "filePath": "tokens/color/alias/button.light.json",
10435
10408
  "isSource": true,
10436
10409
  "original": {
10437
- "value": "{color.light-mode.neutral.000.value}",
10438
- "public": true,
10439
- "isReferenceToInternal": true
10410
+ "value": "#b52f1d",
10411
+ "public": true
10440
10412
  },
10441
10413
  "name": "color-light-mode-button-critical-foreground-active",
10442
10414
  "attributes": {
@@ -10660,7 +10632,7 @@
10660
10632
  "critical": {
10661
10633
  "background": {
10662
10634
  "default": {
10663
- "value": "#ca3521",
10635
+ "value": "#ffffff",
10664
10636
  "public": true,
10665
10637
  "filePath": "tokens/color/alias/button.light.json",
10666
10638
  "isSource": true,
@@ -10686,7 +10658,7 @@
10686
10658
  ]
10687
10659
  },
10688
10660
  "hover": {
10689
- "value": "#cf4937",
10661
+ "value": "#ffedeb",
10690
10662
  "public": true,
10691
10663
  "filePath": "tokens/color/alias/button.light.json",
10692
10664
  "isSource": true,
@@ -10712,7 +10684,7 @@
10712
10684
  ]
10713
10685
  },
10714
10686
  "active": {
10715
- "value": "#b6301e",
10687
+ "value": "#ffdcd8",
10716
10688
  "public": true,
10717
10689
  "filePath": "tokens/color/alias/button.light.json",
10718
10690
  "isSource": true,
@@ -10740,7 +10712,7 @@
10740
10712
  },
10741
10713
  "foreground": {
10742
10714
  "default": {
10743
- "value": "#ffffff",
10715
+ "value": "#ca3521",
10744
10716
  "public": true,
10745
10717
  "filePath": "tokens/color/alias/button.light.json",
10746
10718
  "isSource": true,
package/build/json/pds-design-tokens-dark-mode.json CHANGED
@@ -158,7 +158,7 @@
158
158
  ]
159
159
  },
160
160
  "critical": {
161
- "value": "#ca3521",
161
+ "value": "#ef5c48",
162
162
  "public": true,
163
163
  "filePath": "tokens/color/alias/badge.dark.json",
164
164
  "isSource": true,
@@ -1947,15 +1947,13 @@
1947
1947
  "critical": {
1948
1948
  "background": {
1949
1949
  "default": {
1950
- "value": "#ca3521",
1950
+ "value": "#1d1d29",
1951
1951
  "public": true,
1952
- "isReferenceToInternal": true,
1953
1952
  "filePath": "tokens/color/alias/button.dark.json",
1954
1953
  "isSource": true,
1955
1954
  "original": {
1956
- "value": "{color.dark-mode.semantic.critical.foreground.value}",
1957
- "public": true,
1958
- "isReferenceToInternal": true
1955
+ "value": "{color.dark-mode.background.default.value}",
1956
+ "public": true
1959
1957
  },
1960
1958
  "name": "color-dark-mode-button-critical-background-default",
1961
1959
  "attributes": {
@@ -1975,12 +1973,12 @@
1975
1973
  ]
1976
1974
  },
1977
1975
  "hover": {
1978
- "value": "#b6301e",
1976
+ "value": "#391813",
1979
1977
  "public": true,
1980
1978
  "filePath": "tokens/color/alias/button.dark.json",
1981
1979
  "isSource": true,
1982
1980
  "original": {
1983
- "value": "#b6301e",
1981
+ "value": "{color.dark-mode.semantic.critical.background.value}",
1984
1982
  "public": true
1985
1983
  },
1986
1984
  "name": "color-dark-mode-button-critical-background-hover",
@@ -2001,12 +1999,12 @@
2001
1999
  ]
2002
2000
  },
2003
2001
  "active": {
2004
- "value": "#a22a1a",
2002
+ "value": "#4b2d28",
2005
2003
  "public": true,
2006
2004
  "filePath": "tokens/color/alias/button.dark.json",
2007
2005
  "isSource": true,
2008
2006
  "original": {
2009
- "value": "#a22a1a",
2007
+ "value": "#4b2d28",
2010
2008
  "public": true
2011
2009
  },
2012
2010
  "name": "color-dark-mode-button-critical-background-active",
@@ -2029,15 +2027,13 @@
2029
2027
  },
2030
2028
  "border": {
2031
2029
  "default": {
2032
- "value": "#ca3521",
2030
+ "value": "#ef5c48",
2033
2031
  "public": true,
2034
- "isReferenceToInternal": true,
2035
2032
  "filePath": "tokens/color/alias/button.dark.json",
2036
2033
  "isSource": true,
2037
2034
  "original": {
2038
- "value": "{color.dark-mode.button.critical.background.default.value}",
2039
- "public": true,
2040
- "isReferenceToInternal": true
2035
+ "value": "{color.dark-mode.semantic.critical.foreground.value}",
2036
+ "public": true
2041
2037
  },
2042
2038
  "name": "color-dark-mode-button-critical-border-default",
2043
2039
  "attributes": {
@@ -2057,15 +2053,13 @@
2057
2053
  ]
2058
2054
  },
2059
2055
  "hover": {
2060
- "value": "#b6301e",
2056
+ "value": "#ef5c48",
2061
2057
  "public": true,
2062
- "isReferenceToInternal": true,
2063
2058
  "filePath": "tokens/color/alias/button.dark.json",
2064
2059
  "isSource": true,
2065
2060
  "original": {
2066
- "value": "{color.dark-mode.button.critical.background.hover.value}",
2067
- "public": true,
2068
- "isReferenceToInternal": true
2061
+ "value": "{color.dark-mode.semantic.critical.foreground.value}",
2062
+ "public": true
2069
2063
  },
2070
2064
  "name": "color-dark-mode-button-critical-border-hover",
2071
2065
  "attributes": {
@@ -2085,15 +2079,13 @@
2085
2079
  ]
2086
2080
  },
2087
2081
  "active": {
2088
- "value": "#a22a1a",
2082
+ "value": "#ef5c48",
2089
2083
  "public": true,
2090
- "isReferenceToInternal": true,
2091
2084
  "filePath": "tokens/color/alias/button.dark.json",
2092
2085
  "isSource": true,
2093
2086
  "original": {
2094
- "value": "{color.dark-mode.button.critical.background.active.value}",
2095
- "public": true,
2096
- "isReferenceToInternal": true
2087
+ "value": "{color.dark-mode.semantic.critical.foreground.value}",
2088
+ "public": true
2097
2089
  },
2098
2090
  "name": "color-dark-mode-button-critical-border-active",
2099
2091
  "attributes": {
@@ -2115,15 +2107,13 @@
2115
2107
  },
2116
2108
  "foreground": {
2117
2109
  "default": {
2118
- "value": "#ffffff",
2110
+ "value": "#ef5c48",
2119
2111
  "public": true,
2120
- "isReferenceToInternal": true,
2121
2112
  "filePath": "tokens/color/alias/button.dark.json",
2122
2113
  "isSource": true,
2123
2114
  "original": {
2124
- "value": "{color.dark-mode.neutral.000.value}",
2125
- "public": true,
2126
- "isReferenceToInternal": true
2115
+ "value": "{color.dark-mode.semantic.critical.foreground.value}",
2116
+ "public": true
2127
2117
  },
2128
2118
  "name": "color-dark-mode-button-critical-foreground-default",
2129
2119
  "attributes": {
@@ -2143,15 +2133,13 @@
2143
2133
  ]
2144
2134
  },
2145
2135
  "hover": {
2146
- "value": "#ffffff",
2136
+ "value": "#ef5c48",
2147
2137
  "public": true,
2148
- "isReferenceToInternal": true,
2149
2138
  "filePath": "tokens/color/alias/button.dark.json",
2150
2139
  "isSource": true,
2151
2140
  "original": {
2152
- "value": "{color.dark-mode.neutral.000.value}",
2153
- "public": true,
2154
- "isReferenceToInternal": true
2141
+ "value": "{color.dark-mode.semantic.critical.foreground.value}",
2142
+ "public": true
2155
2143
  },
2156
2144
  "name": "color-dark-mode-button-critical-foreground-hover",
2157
2145
  "attributes": {
@@ -2171,15 +2159,13 @@
2171
2159
  ]
2172
2160
  },
2173
2161
  "active": {
2174
- "value": "#ffffff",
2162
+ "value": "#ef5c48",
2175
2163
  "public": true,
2176
- "isReferenceToInternal": true,
2177
2164
  "filePath": "tokens/color/alias/button.dark.json",
2178
2165
  "isSource": true,
2179
2166
  "original": {
2180
- "value": "{color.dark-mode.neutral.000.value}",
2181
- "public": true,
2182
- "isReferenceToInternal": true
2167
+ "value": "{color.dark-mode.semantic.critical.foreground.value}",
2168
+ "public": true
2183
2169
  },
2184
2170
  "name": "color-dark-mode-button-critical-foreground-active",
2185
2171
  "attributes": {
@@ -2405,7 +2391,7 @@
2405
2391
  "critical": {
2406
2392
  "background": {
2407
2393
  "default": {
2408
- "value": "#ca3521",
2394
+ "value": "#1d1d29",
2409
2395
  "public": true,
2410
2396
  "filePath": "tokens/color/alias/button.dark.json",
2411
2397
  "isSource": true,
@@ -2431,7 +2417,7 @@
2431
2417
  ]
2432
2418
  },
2433
2419
  "hover": {
2434
- "value": "#b6301e",
2420
+ "value": "#391813",
2435
2421
  "public": true,
2436
2422
  "filePath": "tokens/color/alias/button.dark.json",
2437
2423
  "isSource": true,
@@ -2457,7 +2443,7 @@
2457
2443
  ]
2458
2444
  },
2459
2445
  "active": {
2460
- "value": "#a22a1a",
2446
+ "value": "#4b2d28",
2461
2447
  "public": true,
2462
2448
  "filePath": "tokens/color/alias/button.dark.json",
2463
2449
  "isSource": true,
@@ -2485,7 +2471,7 @@
2485
2471
  },
2486
2472
  "foreground": {
2487
2473
  "default": {
2488
- "value": "#ffffff",
2474
+ "value": "#ef5c48",
2489
2475
  "public": true,
2490
2476
  "filePath": "tokens/color/alias/button.dark.json",
2491
2477
  "isSource": true,
@@ -2991,7 +2977,7 @@
2991
2977
  ]
2992
2978
  },
2993
2979
  "weak": {
2994
- "value": "#ca3521",
2980
+ "value": "#ef5c48",
2995
2981
  "public": true,
2996
2982
  "isReferenceToInternal": true,
2997
2983
  "filePath": "tokens/color/alias/indicators.dark.json",
@@ -3233,7 +3219,7 @@
3233
3219
  ]
3234
3220
  },
3235
3221
  "critical": {
3236
- "value": "#ca3521",
3222
+ "value": "#ef5c48",
3237
3223
  "public": true,
3238
3224
  "isReferenceToInternal": true,
3239
3225
  "filePath": "tokens/color/alias/input.dark.json",
@@ -3316,7 +3302,7 @@
3316
3302
  ]
3317
3303
  },
3318
3304
  "critical": {
3319
- "value": "#ca3521",
3305
+ "value": "#ef5c48",
3320
3306
  "public": true,
3321
3307
  "isReferenceToInternal": true,
3322
3308
  "filePath": "tokens/color/alias/input.dark.json",
@@ -4801,7 +4787,7 @@
4801
4787
  ]
4802
4788
  },
4803
4789
  "critical": {
4804
- "value": "#ca3521",
4790
+ "value": "#ef5c48",
4805
4791
  "public": true,
4806
4792
  "isReferenceToInternal": true,
4807
4793
  "filePath": "tokens/color/alias/tooltip.dark.json",
@@ -6224,12 +6210,12 @@
6224
6210
  },
6225
6211
  "critical": {
6226
6212
  "foreground": {
6227
- "value": "#ca3521",
6213
+ "value": "#ef5c48",
6228
6214
  "public": true,
6229
6215
  "filePath": "tokens/color/base/semantic.dark.json",
6230
6216
  "isSource": true,
6231
6217
  "original": {
6232
- "value": "#CA3521",
6218
+ "value": "#ef5c48",
6233
6219
  "public": true
6234
6220
  },
6235
6221
  "name": "color-dark-mode-semantic-critical-foreground",
package/build/json/pds-design-tokens-light-mode.json CHANGED
@@ -1945,15 +1945,13 @@
1945
1945
  "critical": {
1946
1946
  "background": {
1947
1947
  "default": {
1948
- "value": "#ca3521",
1948
+ "value": "#ffffff",
1949
1949
  "public": true,
1950
- "isReferenceToInternal": true,
1951
1950
  "filePath": "tokens/color/alias/button.light.json",
1952
1951
  "isSource": true,
1953
1952
  "original": {
1954
- "value": "{color.light-mode.semantic.critical.foreground.value}",
1955
- "public": true,
1956
- "isReferenceToInternal": true
1953
+ "value": "{color.light-mode.background.default.value}",
1954
+ "public": true
1957
1955
  },
1958
1956
  "name": "color-light-mode-button-critical-background-default",
1959
1957
  "attributes": {
@@ -1973,12 +1971,12 @@
1973
1971
  ]
1974
1972
  },
1975
1973
  "hover": {
1976
- "value": "#cf4937",
1974
+ "value": "#ffedeb",
1977
1975
  "public": true,
1978
1976
  "filePath": "tokens/color/alias/button.light.json",
1979
1977
  "isSource": true,
1980
1978
  "original": {
1981
- "value": "#cf4937",
1979
+ "value": "{color.light-mode.semantic.critical.background.value}",
1982
1980
  "public": true
1983
1981
  },
1984
1982
  "name": "color-light-mode-button-critical-background-hover",
@@ -1999,12 +1997,12 @@
1999
1997
  ]
2000
1998
  },
2001
1999
  "active": {
2002
- "value": "#b6301e",
2000
+ "value": "#ffdcd8",
2003
2001
  "public": true,
2004
2002
  "filePath": "tokens/color/alias/button.light.json",
2005
2003
  "isSource": true,
2006
2004
  "original": {
2007
- "value": "#b6301e",
2005
+ "value": "#ffdcd8",
2008
2006
  "public": true
2009
2007
  },
2010
2008
  "name": "color-light-mode-button-critical-background-active",
@@ -2029,13 +2027,11 @@
2029
2027
  "default": {
2030
2028
  "value": "#ca3521",
2031
2029
  "public": true,
2032
- "isReferenceToInternal": true,
2033
2030
  "filePath": "tokens/color/alias/button.light.json",
2034
2031
  "isSource": true,
2035
2032
  "original": {
2036
- "value": "{color.light-mode.button.critical.background.default.value}",
2037
- "public": true,
2038
- "isReferenceToInternal": true
2033
+ "value": "{color.light-mode.semantic.critical.foreground.value}",
2034
+ "public": true
2039
2035
  },
2040
2036
  "name": "color-light-mode-button-critical-border-default",
2041
2037
  "attributes": {
@@ -2055,15 +2051,13 @@
2055
2051
  ]
2056
2052
  },
2057
2053
  "hover": {
2058
- "value": "#cf4937",
2054
+ "value": "#ca3521",
2059
2055
  "public": true,
2060
- "isReferenceToInternal": true,
2061
2056
  "filePath": "tokens/color/alias/button.light.json",
2062
2057
  "isSource": true,
2063
2058
  "original": {
2064
- "value": "{color.light-mode.button.critical.background.hover.value}",
2065
- "public": true,
2066
- "isReferenceToInternal": true
2059
+ "value": "{color.light-mode.semantic.critical.foreground.value}",
2060
+ "public": true
2067
2061
  },
2068
2062
  "name": "color-light-mode-button-critical-border-hover",
2069
2063
  "attributes": {
@@ -2083,15 +2077,13 @@
2083
2077
  ]
2084
2078
  },
2085
2079
  "active": {
2086
- "value": "#b6301e",
2080
+ "value": "#b52f1d",
2087
2081
  "public": true,
2088
- "isReferenceToInternal": true,
2089
2082
  "filePath": "tokens/color/alias/button.light.json",
2090
2083
  "isSource": true,
2091
2084
  "original": {
2092
- "value": "{color.light-mode.button.critical.background.active.value}",
2093
- "public": true,
2094
- "isReferenceToInternal": true
2085
+ "value": "#b52f1d",
2086
+ "public": true
2095
2087
  },
2096
2088
  "name": "color-light-mode-button-critical-border-active",
2097
2089
  "attributes": {
@@ -2113,15 +2105,13 @@
2113
2105
  },
2114
2106
  "foreground": {
2115
2107
  "default": {
2116
- "value": "#ffffff",
2108
+ "value": "#ca3521",
2117
2109
  "public": true,
2118
- "isReferenceToInternal": true,
2119
2110
  "filePath": "tokens/color/alias/button.light.json",
2120
2111
  "isSource": true,
2121
2112
  "original": {
2122
- "value": "{color.light-mode.neutral.000.value}",
2123
- "public": true,
2124
- "isReferenceToInternal": true
2113
+ "value": "{color.light-mode.semantic.critical.foreground.value}",
2114
+ "public": true
2125
2115
  },
2126
2116
  "name": "color-light-mode-button-critical-foreground-default",
2127
2117
  "attributes": {
@@ -2141,15 +2131,13 @@
2141
2131
  ]
2142
2132
  },
2143
2133
  "hover": {
2144
- "value": "#ffffff",
2134
+ "value": "#ca3521",
2145
2135
  "public": true,
2146
- "isReferenceToInternal": true,
2147
2136
  "filePath": "tokens/color/alias/button.light.json",
2148
2137
  "isSource": true,
2149
2138
  "original": {
2150
- "value": "{color.light-mode.neutral.000.value}",
2151
- "public": true,
2152
- "isReferenceToInternal": true
2139
+ "value": "{color.light-mode.semantic.critical.foreground.value}",
2140
+ "public": true
2153
2141
  },
2154
2142
  "name": "color-light-mode-button-critical-foreground-hover",
2155
2143
  "attributes": {
@@ -2169,15 +2157,13 @@
2169
2157
  ]
2170
2158
  },
2171
2159
  "active": {
2172
- "value": "#ffffff",
2160
+ "value": "#b52f1d",
2173
2161
  "public": true,
2174
- "isReferenceToInternal": true,
2175
2162
  "filePath": "tokens/color/alias/button.light.json",
2176
2163
  "isSource": true,
2177
2164
  "original": {
2178
- "value": "{color.light-mode.neutral.000.value}",
2179
- "public": true,
2180
- "isReferenceToInternal": true
2165
+ "value": "#b52f1d",
2166
+ "public": true
2181
2167
  },
2182
2168
  "name": "color-light-mode-button-critical-foreground-active",
2183
2169
  "attributes": {
@@ -2401,7 +2387,7 @@
2401
2387
  "critical": {
2402
2388
  "background": {
2403
2389
  "default": {
2404
- "value": "#ca3521",
2390
+ "value": "#ffffff",
2405
2391
  "public": true,
2406
2392
  "filePath": "tokens/color/alias/button.light.json",
2407
2393
  "isSource": true,
@@ -2427,7 +2413,7 @@
2427
2413
  ]
2428
2414
  },
2429
2415
  "hover": {
2430
- "value": "#cf4937",
2416
+ "value": "#ffedeb",
2431
2417
  "public": true,
2432
2418
  "filePath": "tokens/color/alias/button.light.json",
2433
2419
  "isSource": true,
@@ -2453,7 +2439,7 @@
2453
2439
  ]
2454
2440
  },
2455
2441
  "active": {
2456
- "value": "#b6301e",
2442
+ "value": "#ffdcd8",
2457
2443
  "public": true,
2458
2444
  "filePath": "tokens/color/alias/button.light.json",
2459
2445
  "isSource": true,
@@ -2481,7 +2467,7 @@
2481
2467
  },
2482
2468
  "foreground": {
2483
2469
  "default": {
2484
- "value": "#ffffff",
2470
+ "value": "#ca3521",
2485
2471
  "public": true,
2486
2472
  "filePath": "tokens/color/alias/button.light.json",
2487
2473
  "isSource": true,
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@pantheon-systems/pds-design-tokens",
3
- "version": "1.0.0-dev.98",
3
+ "version": "1.0.0-dev.99",
4
4
  "description": "Design Tokens for the Pantheon Design System",
5
5
  "homepage": "https://pantheon.io",
6
6
  "keywords": [