@commercetools/nimbus-tokens 0.0.2 → 0.0.4

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