@commercetools/nimbus-tokens 0.0.2 → 0.0.3

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 (10) hide show
  1. package/css/design-tokens.css +168 -168
  2. package/dist/declarations/src/generated/chakra/theme-tokens.d.ts +62 -62
  3. package/dist/declarations/src/generated/ts/design-tokens.d.ts +62 -62
  4. package/generated/chakra/dist/commercetools-nimbus-tokens-generated-chakra.cjs.dev.js +62 -62
  5. package/generated/chakra/dist/commercetools-nimbus-tokens-generated-chakra.cjs.prod.js +62 -62
  6. package/generated/chakra/dist/commercetools-nimbus-tokens-generated-chakra.esm.js +62 -62
  7. package/generated/ts/dist/commercetools-nimbus-tokens-generated-ts.cjs.dev.js +62 -62
  8. package/generated/ts/dist/commercetools-nimbus-tokens-generated-ts.cjs.prod.js +62 -62
  9. package/generated/ts/dist/commercetools-nimbus-tokens-generated-ts.esm.js +62 -62
  10. package/package.json +7 -7
package/dist/declarations/src/generated/ts/design-tokens.d.ts CHANGED
@@ -2337,7 +2337,7 @@ declare const _default: {
2337
2337
  readonly contrast: "hsl(0, 0%, 100%)";
2338
2338
  };
2339
2339
  };
2340
- readonly error: {
2340
+ readonly critical: {
2341
2341
  readonly light: {
2342
2342
  readonly "1": "hsl(0, 100%, 99%)";
2343
2343
  readonly "2": "hsl(0, 100%, 98%)";
@@ -2371,7 +2371,7 @@ declare const _default: {
2371
2371
  readonly contrast: "hsl(0, 0%, 100%)";
2372
2372
  };
2373
2373
  };
2374
- readonly errorAlpha: {
2374
+ readonly criticalAlpha: {
2375
2375
  readonly light: {
2376
2376
  readonly "1": "hsl(0, 100%, 99%)";
2377
2377
  readonly "2": "hsl(0, 100%, 98%)";
@@ -2405,75 +2405,75 @@ declare const _default: {
2405
2405
  readonly contrast: "hsl(0, 0%, 100%)";
2406
2406
  };
2407
2407
  };
2408
- readonly danger: {
2408
+ readonly warning: {
2409
2409
  readonly light: {
2410
- readonly "1": "hsl(20, 60%, 99%)";
2411
- readonly "2": "hsl(33, 100%, 96%)";
2412
- readonly "3": "hsl(37, 100%, 92%)";
2413
- readonly "4": "hsl(34, 100%, 85%)";
2414
- readonly "5": "hsl(33, 100%, 80%)";
2415
- readonly "6": "hsl(30, 100%, 75%)";
2416
- readonly "7": "hsl(27, 87%, 71%)";
2417
- readonly "8": "hsl(25, 80%, 63%)";
2418
- readonly "9": "hsl(23, 93%, 53%)";
2419
- readonly "10": "hsl(24, 100%, 47%)";
2420
- readonly "11": "hsl(23, 100%, 40%)";
2421
- readonly "12": "hsl(16, 50%, 23%)";
2422
- readonly DEFAULT: "hsl(23, 93%, 53%)";
2423
- readonly contrast: "hsl(0, 0%, 100%)";
2410
+ readonly "1": "hsl(40, 60%, 99%)";
2411
+ readonly "2": "hsl(51, 91%, 95%)";
2412
+ readonly "3": "hsl(52, 100%, 88%)";
2413
+ readonly "4": "hsl(50, 100%, 81%)";
2414
+ readonly "5": "hsl(50, 94%, 73%)";
2415
+ readonly "6": "hsl(46, 84%, 70%)";
2416
+ readonly "7": "hsl(42, 75%, 65%)";
2417
+ readonly "8": "hsl(38, 75%, 55%)";
2418
+ readonly "9": "hsl(42, 100%, 62%)";
2419
+ readonly "10": "hsl(42, 100%, 55%)";
2420
+ readonly "11": "hsl(35, 100%, 34%)";
2421
+ readonly "12": "hsl(24, 40%, 22%)";
2422
+ readonly DEFAULT: "hsl(42, 100%, 62%)";
2423
+ readonly contrast: "hsl(0, 0%, 0%)";
2424
2424
  };
2425
2425
  readonly dark: {
2426
- readonly "1": "hsl(27, 24%, 7%)";
2427
- readonly "2": "hsl(28, 33%, 9%)";
2428
- readonly "3": "hsl(29, 65%, 12%)";
2429
- readonly "4": "hsl(28, 100%, 14%)";
2430
- readonly "5": "hsl(28, 100%, 17%)";
2431
- readonly "6": "hsl(27, 79%, 22%)";
2432
- readonly "7": "hsl(25, 63%, 30%)";
2433
- readonly "8": "hsl(23, 60%, 40%)";
2434
- readonly "9": "hsl(23, 93%, 53%)";
2435
- readonly "10": "hsl(26, 100%, 56%)";
2436
- readonly "11": "hsl(26, 100%, 67%)";
2437
- readonly "12": "hsl(30, 100%, 88%)";
2438
- readonly DEFAULT: "hsl(23, 93%, 53%)";
2439
- readonly contrast: "hsl(0, 0%, 100%)";
2426
+ readonly "1": "hsl(36, 29%, 7%)";
2427
+ readonly "2": "hsl(39, 32%, 9%)";
2428
+ readonly "3": "hsl(36, 71%, 11%)";
2429
+ readonly "4": "hsl(37, 100%, 12%)";
2430
+ readonly "5": "hsl(37, 100%, 15%)";
2431
+ readonly "6": "hsl(39, 90%, 19%)";
2432
+ readonly "7": "hsl(37, 64%, 27%)";
2433
+ readonly "8": "hsl(36, 60%, 35%)";
2434
+ readonly "9": "hsl(42, 100%, 62%)";
2435
+ readonly "10": "hsl(50, 100%, 52%)";
2436
+ readonly "11": "hsl(46, 100%, 54%)";
2437
+ readonly "12": "hsl(41, 100%, 85%)";
2438
+ readonly DEFAULT: "hsl(42, 100%, 62%)";
2439
+ readonly contrast: "hsl(0, 0%, 0%)";
2440
2440
  };
2441
2441
  };
2442
- readonly dangerAlpha: {
2442
+ readonly warningAlpha: {
2443
2443
  readonly light: {
2444
- readonly "1": "hsl(20, 60%, 99%)";
2445
- readonly "2": "hsl(33, 100%, 96%)";
2446
- readonly "3": "hsl(37, 100%, 92%)";
2447
- readonly "4": "hsl(34, 100%, 85%)";
2448
- readonly "5": "hsl(33, 100%, 80%)";
2449
- readonly "6": "hsl(30, 100%, 75%)";
2450
- readonly "7": "hsl(27, 87%, 71%)";
2451
- readonly "8": "hsl(25, 80%, 63%)";
2452
- readonly "9": "hsl(23, 93%, 53%)";
2453
- readonly "10": "hsl(24, 100%, 47%)";
2454
- readonly "11": "hsl(23, 100%, 40%)";
2455
- readonly "12": "hsl(16, 50%, 23%)";
2456
- readonly DEFAULT: "hsl(23, 93%, 53%)";
2457
- readonly contrast: "hsl(0, 0%, 100%)";
2444
+ readonly "1": "hsl(40, 60%, 99%)";
2445
+ readonly "2": "hsl(51, 91%, 95%)";
2446
+ readonly "3": "hsl(52, 100%, 88%)";
2447
+ readonly "4": "hsl(50, 100%, 81%)";
2448
+ readonly "5": "hsl(50, 94%, 73%)";
2449
+ readonly "6": "hsl(46, 84%, 70%)";
2450
+ readonly "7": "hsl(42, 75%, 65%)";
2451
+ readonly "8": "hsl(38, 75%, 55%)";
2452
+ readonly "9": "hsl(42, 100%, 62%)";
2453
+ readonly "10": "hsl(42, 100%, 55%)";
2454
+ readonly "11": "hsl(35, 100%, 34%)";
2455
+ readonly "12": "hsl(24, 40%, 22%)";
2456
+ readonly DEFAULT: "hsl(42, 100%, 62%)";
2457
+ readonly contrast: "hsl(0, 0%, 0%)";
2458
2458
  };
2459
2459
  readonly dark: {
2460
- readonly "1": "hsl(27, 24%, 7%)";
2461
- readonly "2": "hsl(28, 33%, 9%)";
2462
- readonly "3": "hsl(29, 65%, 12%)";
2463
- readonly "4": "hsl(28, 100%, 14%)";
2464
- readonly "5": "hsl(28, 100%, 17%)";
2465
- readonly "6": "hsl(27, 79%, 22%)";
2466
- readonly "7": "hsl(25, 63%, 30%)";
2467
- readonly "8": "hsl(23, 60%, 40%)";
2468
- readonly "9": "hsl(23, 93%, 53%)";
2469
- readonly "10": "hsl(26, 100%, 56%)";
2470
- readonly "11": "hsl(26, 100%, 67%)";
2471
- readonly "12": "hsl(30, 100%, 88%)";
2472
- readonly DEFAULT: "hsl(23, 93%, 53%)";
2473
- readonly contrast: "hsl(0, 0%, 100%)";
2460
+ readonly "1": "hsl(36, 29%, 7%)";
2461
+ readonly "2": "hsl(39, 32%, 9%)";
2462
+ readonly "3": "hsl(36, 71%, 11%)";
2463
+ readonly "4": "hsl(37, 100%, 12%)";
2464
+ readonly "5": "hsl(37, 100%, 15%)";
2465
+ readonly "6": "hsl(39, 90%, 19%)";
2466
+ readonly "7": "hsl(37, 64%, 27%)";
2467
+ readonly "8": "hsl(36, 60%, 35%)";
2468
+ readonly "9": "hsl(42, 100%, 62%)";
2469
+ readonly "10": "hsl(50, 100%, 52%)";
2470
+ readonly "11": "hsl(46, 100%, 54%)";
2471
+ readonly "12": "hsl(41, 100%, 85%)";
2472
+ readonly DEFAULT: "hsl(42, 100%, 62%)";
2473
+ readonly contrast: "hsl(0, 0%, 0%)";
2474
2474
  };
2475
2475
  };
2476
- readonly success: {
2476
+ readonly positive: {
2477
2477
  readonly light: {
2478
2478
  readonly "1": "hsl(120, 60%, 99%)";
2479
2479
  readonly "2": "hsl(120, 43%, 97%)";
@@ -2507,7 +2507,7 @@ declare const _default: {
2507
2507
  readonly contrast: "hsl(0, 0%, 100%)";
2508
2508
  };
2509
2509
  };
2510
- readonly successAlpha: {
2510
+ readonly positiveAlpha: {
2511
2511
  readonly light: {
2512
2512
  readonly "1": "hsl(120, 60%, 99%)";
2513
2513
  readonly "2": "hsl(120, 43%, 97%)";
package/generated/chakra/dist/commercetools-nimbus-tokens-generated-chakra.cjs.dev.js CHANGED
@@ -5875,7 +5875,7 @@ var themeTokens = {
5875
5875
  }
5876
5876
  }
5877
5877
  },
5878
- error: {
5878
+ critical: {
5879
5879
  "1": {
5880
5880
  value: {
5881
5881
  _light: "hsl(0, 100%, 99%)",
@@ -5961,7 +5961,7 @@ var themeTokens = {
5961
5961
  }
5962
5962
  }
5963
5963
  },
5964
- errorAlpha: {
5964
+ criticalAlpha: {
5965
5965
  "1": {
5966
5966
  value: {
5967
5967
  _light: "hsl(0, 100%, 99%)",
@@ -6047,179 +6047,179 @@ var themeTokens = {
6047
6047
  }
6048
6048
  }
6049
6049
  },
6050
- danger: {
6050
+ warning: {
6051
6051
  "1": {
6052
6052
  value: {
6053
- _light: "hsl(20, 60%, 99%)",
6054
- _dark: "hsl(27, 24%, 7%)"
6053
+ _light: "hsl(40, 60%, 99%)",
6054
+ _dark: "hsl(36, 29%, 7%)"
6055
6055
  }
6056
6056
  },
6057
6057
  "2": {
6058
6058
  value: {
6059
- _light: "hsl(33, 100%, 96%)",
6060
- _dark: "hsl(28, 33%, 9%)"
6059
+ _light: "hsl(51, 91%, 95%)",
6060
+ _dark: "hsl(39, 32%, 9%)"
6061
6061
  }
6062
6062
  },
6063
6063
  "3": {
6064
6064
  value: {
6065
- _light: "hsl(37, 100%, 92%)",
6066
- _dark: "hsl(29, 65%, 12%)"
6065
+ _light: "hsl(52, 100%, 88%)",
6066
+ _dark: "hsl(36, 71%, 11%)"
6067
6067
  }
6068
6068
  },
6069
6069
  "4": {
6070
6070
  value: {
6071
- _light: "hsl(34, 100%, 85%)",
6072
- _dark: "hsl(28, 100%, 14%)"
6071
+ _light: "hsl(50, 100%, 81%)",
6072
+ _dark: "hsl(37, 100%, 12%)"
6073
6073
  }
6074
6074
  },
6075
6075
  "5": {
6076
6076
  value: {
6077
- _light: "hsl(33, 100%, 80%)",
6078
- _dark: "hsl(28, 100%, 17%)"
6077
+ _light: "hsl(50, 94%, 73%)",
6078
+ _dark: "hsl(37, 100%, 15%)"
6079
6079
  }
6080
6080
  },
6081
6081
  "6": {
6082
6082
  value: {
6083
- _light: "hsl(30, 100%, 75%)",
6084
- _dark: "hsl(27, 79%, 22%)"
6083
+ _light: "hsl(46, 84%, 70%)",
6084
+ _dark: "hsl(39, 90%, 19%)"
6085
6085
  }
6086
6086
  },
6087
6087
  "7": {
6088
6088
  value: {
6089
- _light: "hsl(27, 87%, 71%)",
6090
- _dark: "hsl(25, 63%, 30%)"
6089
+ _light: "hsl(42, 75%, 65%)",
6090
+ _dark: "hsl(37, 64%, 27%)"
6091
6091
  }
6092
6092
  },
6093
6093
  "8": {
6094
6094
  value: {
6095
- _light: "hsl(25, 80%, 63%)",
6096
- _dark: "hsl(23, 60%, 40%)"
6095
+ _light: "hsl(38, 75%, 55%)",
6096
+ _dark: "hsl(36, 60%, 35%)"
6097
6097
  }
6098
6098
  },
6099
6099
  "9": {
6100
6100
  value: {
6101
- _light: "hsl(23, 93%, 53%)",
6102
- _dark: "hsl(23, 93%, 53%)"
6101
+ _light: "hsl(42, 100%, 62%)",
6102
+ _dark: "hsl(42, 100%, 62%)"
6103
6103
  }
6104
6104
  },
6105
6105
  "10": {
6106
6106
  value: {
6107
- _light: "hsl(24, 100%, 47%)",
6108
- _dark: "hsl(26, 100%, 56%)"
6107
+ _light: "hsl(42, 100%, 55%)",
6108
+ _dark: "hsl(50, 100%, 52%)"
6109
6109
  }
6110
6110
  },
6111
6111
  "11": {
6112
6112
  value: {
6113
- _light: "hsl(23, 100%, 40%)",
6114
- _dark: "hsl(26, 100%, 67%)"
6113
+ _light: "hsl(35, 100%, 34%)",
6114
+ _dark: "hsl(46, 100%, 54%)"
6115
6115
  }
6116
6116
  },
6117
6117
  "12": {
6118
6118
  value: {
6119
- _light: "hsl(16, 50%, 23%)",
6120
- _dark: "hsl(30, 100%, 88%)"
6119
+ _light: "hsl(24, 40%, 22%)",
6120
+ _dark: "hsl(41, 100%, 85%)"
6121
6121
  }
6122
6122
  },
6123
6123
  DEFAULT: {
6124
6124
  value: {
6125
- _light: "hsl(23, 93%, 53%)",
6126
- _dark: "hsl(23, 93%, 53%)"
6125
+ _light: "hsl(42, 100%, 62%)",
6126
+ _dark: "hsl(42, 100%, 62%)"
6127
6127
  }
6128
6128
  },
6129
6129
  contrast: {
6130
6130
  value: {
6131
- _light: "hsl(0, 0%, 100%)",
6132
- _dark: "hsl(0, 0%, 100%)"
6131
+ _light: "hsl(0, 0%, 0%)",
6132
+ _dark: "hsl(0, 0%, 0%)"
6133
6133
  }
6134
6134
  }
6135
6135
  },
6136
- dangerAlpha: {
6136
+ warningAlpha: {
6137
6137
  "1": {
6138
6138
  value: {
6139
- _light: "hsl(20, 60%, 99%)",
6140
- _dark: "hsl(27, 24%, 7%)"
6139
+ _light: "hsl(40, 60%, 99%)",
6140
+ _dark: "hsl(36, 29%, 7%)"
6141
6141
  }
6142
6142
  },
6143
6143
  "2": {
6144
6144
  value: {
6145
- _light: "hsl(33, 100%, 96%)",
6146
- _dark: "hsl(28, 33%, 9%)"
6145
+ _light: "hsl(51, 91%, 95%)",
6146
+ _dark: "hsl(39, 32%, 9%)"
6147
6147
  }
6148
6148
  },
6149
6149
  "3": {
6150
6150
  value: {
6151
- _light: "hsl(37, 100%, 92%)",
6152
- _dark: "hsl(29, 65%, 12%)"
6151
+ _light: "hsl(52, 100%, 88%)",
6152
+ _dark: "hsl(36, 71%, 11%)"
6153
6153
  }
6154
6154
  },
6155
6155
  "4": {
6156
6156
  value: {
6157
- _light: "hsl(34, 100%, 85%)",
6158
- _dark: "hsl(28, 100%, 14%)"
6157
+ _light: "hsl(50, 100%, 81%)",
6158
+ _dark: "hsl(37, 100%, 12%)"
6159
6159
  }
6160
6160
  },
6161
6161
  "5": {
6162
6162
  value: {
6163
- _light: "hsl(33, 100%, 80%)",
6164
- _dark: "hsl(28, 100%, 17%)"
6163
+ _light: "hsl(50, 94%, 73%)",
6164
+ _dark: "hsl(37, 100%, 15%)"
6165
6165
  }
6166
6166
  },
6167
6167
  "6": {
6168
6168
  value: {
6169
- _light: "hsl(30, 100%, 75%)",
6170
- _dark: "hsl(27, 79%, 22%)"
6169
+ _light: "hsl(46, 84%, 70%)",
6170
+ _dark: "hsl(39, 90%, 19%)"
6171
6171
  }
6172
6172
  },
6173
6173
  "7": {
6174
6174
  value: {
6175
- _light: "hsl(27, 87%, 71%)",
6176
- _dark: "hsl(25, 63%, 30%)"
6175
+ _light: "hsl(42, 75%, 65%)",
6176
+ _dark: "hsl(37, 64%, 27%)"
6177
6177
  }
6178
6178
  },
6179
6179
  "8": {
6180
6180
  value: {
6181
- _light: "hsl(25, 80%, 63%)",
6182
- _dark: "hsl(23, 60%, 40%)"
6181
+ _light: "hsl(38, 75%, 55%)",
6182
+ _dark: "hsl(36, 60%, 35%)"
6183
6183
  }
6184
6184
  },
6185
6185
  "9": {
6186
6186
  value: {
6187
- _light: "hsl(23, 93%, 53%)",
6188
- _dark: "hsl(23, 93%, 53%)"
6187
+ _light: "hsl(42, 100%, 62%)",
6188
+ _dark: "hsl(42, 100%, 62%)"
6189
6189
  }
6190
6190
  },
6191
6191
  "10": {
6192
6192
  value: {
6193
- _light: "hsl(24, 100%, 47%)",
6194
- _dark: "hsl(26, 100%, 56%)"
6193
+ _light: "hsl(42, 100%, 55%)",
6194
+ _dark: "hsl(50, 100%, 52%)"
6195
6195
  }
6196
6196
  },
6197
6197
  "11": {
6198
6198
  value: {
6199
- _light: "hsl(23, 100%, 40%)",
6200
- _dark: "hsl(26, 100%, 67%)"
6199
+ _light: "hsl(35, 100%, 34%)",
6200
+ _dark: "hsl(46, 100%, 54%)"
6201
6201
  }
6202
6202
  },
6203
6203
  "12": {
6204
6204
  value: {
6205
- _light: "hsl(16, 50%, 23%)",
6206
- _dark: "hsl(30, 100%, 88%)"
6205
+ _light: "hsl(24, 40%, 22%)",
6206
+ _dark: "hsl(41, 100%, 85%)"
6207
6207
  }
6208
6208
  },
6209
6209
  DEFAULT: {
6210
6210
  value: {
6211
- _light: "hsl(23, 93%, 53%)",
6212
- _dark: "hsl(23, 93%, 53%)"
6211
+ _light: "hsl(42, 100%, 62%)",
6212
+ _dark: "hsl(42, 100%, 62%)"
6213
6213
  }
6214
6214
  },
6215
6215
  contrast: {
6216
6216
  value: {
6217
- _light: "hsl(0, 0%, 100%)",
6218
- _dark: "hsl(0, 0%, 100%)"
6217
+ _light: "hsl(0, 0%, 0%)",
6218
+ _dark: "hsl(0, 0%, 0%)"
6219
6219
  }
6220
6220
  }
6221
6221
  },
6222
- success: {
6222
+ positive: {
6223
6223
  "1": {
6224
6224
  value: {
6225
6225
  _light: "hsl(120, 60%, 99%)",
@@ -6305,7 +6305,7 @@ var themeTokens = {
6305
6305
  }
6306
6306
  }
6307
6307
  },
6308
- successAlpha: {
6308
+ positiveAlpha: {
6309
6309
  "1": {
6310
6310
  value: {
6311
6311
  _light: "hsl(120, 60%, 99%)",