@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/ts/dist/commercetools-nimbus-tokens-generated-ts.cjs.prod.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%)",
package/generated/ts/dist/commercetools-nimbus-tokens-generated-ts.esm.js CHANGED
@@ -2008,7 +2008,7 @@ var designTokens = {
2008
2008
  "8": "hsl(232, 88%, 77%)",
2009
2009
  "9": "hsl(240, 64%, 58%)",
2010
2010
  "10": "hsl(240, 49%, 50%)",
2011
- "11": "hsl(239, 58%, 56%)",
2011
+ "11": "hsl(239, 47%, 47%)",
2012
2012
  "12": "hsl(237, 47%, 27%)",
2013
2013
  DEFAULT: "hsl(240, 64%, 58%)",
2014
2014
  contrast: "hsl(0, 0%, 100%)"
@@ -2214,7 +2214,7 @@ var designTokens = {
2214
2214
  "8": "hsl(232, 88%, 77%)",
2215
2215
  "9": "hsl(240, 64%, 58%)",
2216
2216
  "10": "hsl(240, 49%, 50%)",
2217
- "11": "hsl(239, 58%, 56%)",
2217
+ "11": "hsl(239, 47%, 47%)",
2218
2218
  "12": "hsl(237, 47%, 27%)",
2219
2219
  DEFAULT: "hsl(240, 64%, 58%)",
2220
2220
  contrast: "hsl(0, 0%, 100%)"
@@ -2248,7 +2248,7 @@ var designTokens = {
2248
2248
  "8": "hsl(232, 88%, 77%)",
2249
2249
  "9": "hsl(240, 64%, 58%)",
2250
2250
  "10": "hsl(240, 49%, 50%)",
2251
- "11": "hsl(239, 58%, 56%)",
2251
+ "11": "hsl(239, 47%, 47%)",
2252
2252
  "12": "hsl(237, 47%, 27%)",
2253
2253
  DEFAULT: "hsl(240, 64%, 58%)",
2254
2254
  contrast: "hsl(0, 0%, 100%)"
@@ -2338,7 +2338,7 @@ var designTokens = {
2338
2338
  contrast: "hsl(0, 0%, 100%)"
2339
2339
  }
2340
2340
  },
2341
- error: {
2341
+ critical: {
2342
2342
  light: {
2343
2343
  "1": "hsl(0, 100%, 99%)",
2344
2344
  "2": "hsl(0, 100%, 98%)",
@@ -2372,7 +2372,7 @@ var designTokens = {
2372
2372
  contrast: "hsl(0, 0%, 100%)"
2373
2373
  }
2374
2374
  },
2375
- errorAlpha: {
2375
+ criticalAlpha: {
2376
2376
  light: {
2377
2377
  "1": "hsl(0, 100%, 99%)",
2378
2378
  "2": "hsl(0, 100%, 98%)",
@@ -2406,75 +2406,75 @@ var designTokens = {
2406
2406
  contrast: "hsl(0, 0%, 100%)"
2407
2407
  }
2408
2408
  },
2409
- danger: {
2409
+ warning: {
2410
2410
  light: {
2411
- "1": "hsl(20, 60%, 99%)",
2412
- "2": "hsl(33, 100%, 96%)",
2413
- "3": "hsl(37, 100%, 92%)",
2414
- "4": "hsl(34, 100%, 85%)",
2415
- "5": "hsl(33, 100%, 80%)",
2416
- "6": "hsl(30, 100%, 75%)",
2417
- "7": "hsl(27, 87%, 71%)",
2418
- "8": "hsl(25, 80%, 63%)",
2419
- "9": "hsl(23, 93%, 53%)",
2420
- "10": "hsl(24, 100%, 47%)",
2421
- "11": "hsl(23, 100%, 40%)",
2422
- "12": "hsl(16, 50%, 23%)",
2423
- DEFAULT: "hsl(23, 93%, 53%)",
2424
- contrast: "hsl(0, 0%, 100%)"
2411
+ "1": "hsl(40, 60%, 99%)",
2412
+ "2": "hsl(51, 91%, 95%)",
2413
+ "3": "hsl(52, 100%, 88%)",
2414
+ "4": "hsl(50, 100%, 81%)",
2415
+ "5": "hsl(50, 94%, 73%)",
2416
+ "6": "hsl(46, 84%, 70%)",
2417
+ "7": "hsl(42, 75%, 65%)",
2418
+ "8": "hsl(38, 75%, 55%)",
2419
+ "9": "hsl(42, 100%, 62%)",
2420
+ "10": "hsl(42, 100%, 55%)",
2421
+ "11": "hsl(35, 100%, 34%)",
2422
+ "12": "hsl(24, 40%, 22%)",
2423
+ DEFAULT: "hsl(42, 100%, 62%)",
2424
+ contrast: "hsl(0, 0%, 0%)"
2425
2425
  },
2426
2426
  dark: {
2427
- "1": "hsl(27, 24%, 7%)",
2428
- "2": "hsl(28, 33%, 9%)",
2429
- "3": "hsl(29, 65%, 12%)",
2430
- "4": "hsl(28, 100%, 14%)",
2431
- "5": "hsl(28, 100%, 17%)",
2432
- "6": "hsl(27, 79%, 22%)",
2433
- "7": "hsl(25, 63%, 30%)",
2434
- "8": "hsl(23, 60%, 40%)",
2435
- "9": "hsl(23, 93%, 53%)",
2436
- "10": "hsl(26, 100%, 56%)",
2437
- "11": "hsl(26, 100%, 67%)",
2438
- "12": "hsl(30, 100%, 88%)",
2439
- DEFAULT: "hsl(23, 93%, 53%)",
2440
- contrast: "hsl(0, 0%, 100%)"
2427
+ "1": "hsl(36, 29%, 7%)",
2428
+ "2": "hsl(39, 32%, 9%)",
2429
+ "3": "hsl(36, 71%, 11%)",
2430
+ "4": "hsl(37, 100%, 12%)",
2431
+ "5": "hsl(37, 100%, 15%)",
2432
+ "6": "hsl(39, 90%, 19%)",
2433
+ "7": "hsl(37, 64%, 27%)",
2434
+ "8": "hsl(36, 60%, 35%)",
2435
+ "9": "hsl(42, 100%, 62%)",
2436
+ "10": "hsl(50, 100%, 52%)",
2437
+ "11": "hsl(46, 100%, 54%)",
2438
+ "12": "hsl(41, 100%, 85%)",
2439
+ DEFAULT: "hsl(42, 100%, 62%)",
2440
+ contrast: "hsl(0, 0%, 0%)"
2441
2441
  }
2442
2442
  },
2443
- dangerAlpha: {
2443
+ warningAlpha: {
2444
2444
  light: {
2445
- "1": "hsl(20, 60%, 99%)",
2446
- "2": "hsl(33, 100%, 96%)",
2447
- "3": "hsl(37, 100%, 92%)",
2448
- "4": "hsl(34, 100%, 85%)",
2449
- "5": "hsl(33, 100%, 80%)",
2450
- "6": "hsl(30, 100%, 75%)",
2451
- "7": "hsl(27, 87%, 71%)",
2452
- "8": "hsl(25, 80%, 63%)",
2453
- "9": "hsl(23, 93%, 53%)",
2454
- "10": "hsl(24, 100%, 47%)",
2455
- "11": "hsl(23, 100%, 40%)",
2456
- "12": "hsl(16, 50%, 23%)",
2457
- DEFAULT: "hsl(23, 93%, 53%)",
2458
- contrast: "hsl(0, 0%, 100%)"
2445
+ "1": "hsl(40, 60%, 99%)",
2446
+ "2": "hsl(51, 91%, 95%)",
2447
+ "3": "hsl(52, 100%, 88%)",
2448
+ "4": "hsl(50, 100%, 81%)",
2449
+ "5": "hsl(50, 94%, 73%)",
2450
+ "6": "hsl(46, 84%, 70%)",
2451
+ "7": "hsl(42, 75%, 65%)",
2452
+ "8": "hsl(38, 75%, 55%)",
2453
+ "9": "hsl(42, 100%, 62%)",
2454
+ "10": "hsl(42, 100%, 55%)",
2455
+ "11": "hsl(35, 100%, 34%)",
2456
+ "12": "hsl(24, 40%, 22%)",
2457
+ DEFAULT: "hsl(42, 100%, 62%)",
2458
+ contrast: "hsl(0, 0%, 0%)"
2459
2459
  },
2460
2460
  dark: {
2461
- "1": "hsl(27, 24%, 7%)",
2462
- "2": "hsl(28, 33%, 9%)",
2463
- "3": "hsl(29, 65%, 12%)",
2464
- "4": "hsl(28, 100%, 14%)",
2465
- "5": "hsl(28, 100%, 17%)",
2466
- "6": "hsl(27, 79%, 22%)",
2467
- "7": "hsl(25, 63%, 30%)",
2468
- "8": "hsl(23, 60%, 40%)",
2469
- "9": "hsl(23, 93%, 53%)",
2470
- "10": "hsl(26, 100%, 56%)",
2471
- "11": "hsl(26, 100%, 67%)",
2472
- "12": "hsl(30, 100%, 88%)",
2473
- DEFAULT: "hsl(23, 93%, 53%)",
2474
- contrast: "hsl(0, 0%, 100%)"
2461
+ "1": "hsl(36, 29%, 7%)",
2462
+ "2": "hsl(39, 32%, 9%)",
2463
+ "3": "hsl(36, 71%, 11%)",
2464
+ "4": "hsl(37, 100%, 12%)",
2465
+ "5": "hsl(37, 100%, 15%)",
2466
+ "6": "hsl(39, 90%, 19%)",
2467
+ "7": "hsl(37, 64%, 27%)",
2468
+ "8": "hsl(36, 60%, 35%)",
2469
+ "9": "hsl(42, 100%, 62%)",
2470
+ "10": "hsl(50, 100%, 52%)",
2471
+ "11": "hsl(46, 100%, 54%)",
2472
+ "12": "hsl(41, 100%, 85%)",
2473
+ DEFAULT: "hsl(42, 100%, 62%)",
2474
+ contrast: "hsl(0, 0%, 0%)"
2475
2475
  }
2476
2476
  },
2477
- success: {
2477
+ positive: {
2478
2478
  light: {
2479
2479
  "1": "hsl(120, 60%, 99%)",
2480
2480
  "2": "hsl(120, 43%, 97%)",
@@ -2508,7 +2508,7 @@ var designTokens = {
2508
2508
  contrast: "hsl(0, 0%, 100%)"
2509
2509
  }
2510
2510
  },
2511
- successAlpha: {
2511
+ positiveAlpha: {
2512
2512
  light: {
2513
2513
  "1": "hsl(120, 60%, 99%)",
2514
2514
  "2": "hsl(120, 43%, 97%)",
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@commercetools/nimbus-tokens",
3
- "version": "0.0.2",
3
+ "version": "0.0.4",
4
4
  "main": "dist/commercetools-nimbus-tokens.cjs.js",
5
5
  "module": "dist/commercetools-nimbus-tokens.esm.js",
6
6
  "type": "module",
@@ -24,8 +24,8 @@
24
24
  "generated/chakra"
25
25
  ],
26
26
  "devDependencies": {
27
- "@babel/preset-typescript": "^7.27.0",
28
- "@tokens-studio/sd-transforms": "^1.2.9",
27
+ "@babel/preset-typescript": "^7.27.1",
28
+ "@tokens-studio/sd-transforms": "^2.0.0",
29
29
  "is-plain-obj": "^4.1.0",
30
30
  "prettier": "^3.5.3",
31
31
  "style-dictionary": "^4.3.0"