@netlify/spark-ui 2.1.0 → 2.2.0

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 (3) hide show
  1. package/package.json +1 -1
  2. package/packages/styles/app/color.rgb.css +87 -87
  3. package/packages/styles/tokens.css +90 -90
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@netlify/spark-ui",
3
3
  "description": "Assets, design tokens, components, and utilities",
4
- "version": "2.1.0",
4
+ "version": "2.2.0",
5
5
  "type": "module",
6
6
  "main": "dist/components/preact/index.js",
7
7
  "types": "dist/components/preact/index.d.ts",
package/packages/styles/app/color.rgb.css CHANGED
@@ -93,93 +93,93 @@
93
93
  }
94
94
 
95
95
  [data-brand="hues"] {
96
- --colorRgbFacetsBlue000: 237 244 255;
97
- --colorRgbFacetsBlue100: 205 226 255;
98
- --colorRgbFacetsBlue200: 181 210 251;
99
- --colorRgbFacetsBlue300: 156 190 246;
100
- --colorRgbFacetsBlue400: 128 171 250;
101
- --colorRgbFacetsBlue500: 93 141 245;
102
- --colorRgbFacetsBlue600: 49 107 244;
103
- --colorRgbFacetsBlue700: 46 81 237;
104
- --colorRgbFacetsBlue800: 32 54 161;
105
- --colorRgbFacetsBlue900: 27 32 91;
106
- --colorRgbFacetsGold000: 253 245 216;
107
- --colorRgbFacetsGold100: 246 224 165;
108
- --colorRgbFacetsGold200: 250 205 111;
109
- --colorRgbFacetsGold300: 251 177 61;
110
- --colorRgbFacetsGold400: 249 142 33;
111
- --colorRgbFacetsGold500: 213 119 26;
112
- --colorRgbFacetsGold600: 168 93 19;
113
- --colorRgbFacetsGold700: 140 76 13;
114
- --colorRgbFacetsGold800: 96 52 8;
115
- --colorRgbFacetsGold900: 51 34 19;
116
- --colorRgbFacetsGreen000: 231 252 233;
117
- --colorRgbFacetsGreen100: 190 249 198;
118
- --colorRgbFacetsGreen200: 147 245 165;
119
- --colorRgbFacetsGreen300: 100 216 127;
120
- --colorRgbFacetsGreen400: 58 195 100;
121
- --colorRgbFacetsGreen500: 49 168 85;
122
- --colorRgbFacetsGreen600: 34 130 64;
123
- --colorRgbFacetsGreen700: 26 107 52;
124
- --colorRgbFacetsGreen800: 15 74 33;
125
- --colorRgbFacetsGreen900: 21 42 25;
96
+ --colorRgbFacetsBlue000: 243 247 255;
97
+ --colorRgbFacetsBlue100: 204 222 255;
98
+ --colorRgbFacetsBlue200: 204 222 255;
99
+ --colorRgbFacetsBlue300: 164 196 255;
100
+ --colorRgbFacetsBlue400: 122 168 254;
101
+ --colorRgbFacetsBlue500: 77 137 253;
102
+ --colorRgbFacetsBlue600: 6 94 255;
103
+ --colorRgbFacetsBlue700: 6 94 255;
104
+ --colorRgbFacetsBlue800: 0 54 160;
105
+ --colorRgbFacetsBlue900: 0 37 115;
106
+ --colorRgbFacetsGold000: 254 238 209;
107
+ --colorRgbFacetsGold100: 255 222 160;
108
+ --colorRgbFacetsGold200: 253 203 101;
109
+ --colorRgbFacetsGold300: 253 203 101;
110
+ --colorRgbFacetsGold400: 195 153 64;
111
+ --colorRgbFacetsGold500: 195 153 64;
112
+ --colorRgbFacetsGold600: 140 105 25;
113
+ --colorRgbFacetsGold700: 140 105 25;
114
+ --colorRgbFacetsGold800: 87 62 2;
115
+ --colorRgbFacetsGold900: 37 24 0;
116
+ --colorRgbFacetsGreen000: 236 252 239;
117
+ --colorRgbFacetsGreen100: 207 240 214;
118
+ --colorRgbFacetsGreen200: 176 227 189;
119
+ --colorRgbFacetsGreen300: 109 199 136;
120
+ --colorRgbFacetsGreen400: 63 182 107;
121
+ --colorRgbFacetsGreen500: 63 182 107;
122
+ --colorRgbFacetsGreen600: 36 142 79;
123
+ --colorRgbFacetsGreen700: 3 105 52;
124
+ --colorRgbFacetsGreen800: 1 68 31;
125
+ --colorRgbFacetsGreen900: 0 34 12;
126
126
  --colorRgbFacetsNeutralDark000: 255 255 255;
127
- --colorRgbFacetsNeutralDark100: 230 236 242;
128
- --colorRgbFacetsNeutralDark200: 171 181 191;
129
- --colorRgbFacetsNeutralDark300: 126 135 146;
130
- --colorRgbFacetsNeutralDark400: 77 86 95;
131
- --colorRgbFacetsNeutralDark500: 59 67 76;
132
- --colorRgbFacetsNeutralDark600: 39 47 56;
133
- --colorRgbFacetsNeutralDark700: 30 36 44;
134
- --colorRgbFacetsNeutralDark800: 18 24 31;
135
- --colorRgbFacetsNeutralDark900: 6 11 16;
127
+ --colorRgbFacetsNeutralDark100: 244 247 249;
128
+ --colorRgbFacetsNeutralDark200: 163 176 181;
129
+ --colorRgbFacetsNeutralDark300: 122 137 143;
130
+ --colorRgbFacetsNeutralDark400: 55 72 78;
131
+ --colorRgbFacetsNeutralDark500: 55 72 78;
132
+ --colorRgbFacetsNeutralDark600: 1 50 71;
133
+ --colorRgbFacetsNeutralDark700: 7 27 34;
134
+ --colorRgbFacetsNeutralDark800: 7 27 34;
135
+ --colorRgbFacetsNeutralDark900: 3 15 20;
136
136
  --colorRgbFacetsNeutralLight000: 255 255 255;
137
- --colorRgbFacetsNeutralLight100: 246 246 247;
138
- --colorRgbFacetsNeutralLight200: 233 235 237;
139
- --colorRgbFacetsNeutralLight300: 209 213 218;
140
- --colorRgbFacetsNeutralLight400: 157 167 178;
141
- --colorRgbFacetsNeutralLight500: 119 128 137;
142
- --colorRgbFacetsNeutralLight600: 84 90 97;
143
- --colorRgbFacetsNeutralLight700: 53 58 62;
144
- --colorRgbFacetsNeutralLight800: 24 26 28;
145
- --colorRgbFacetsPink000: 252 240 251;
146
- --colorRgbFacetsPink100: 246 210 242;
147
- --colorRgbFacetsPink200: 247 188 243;
148
- --colorRgbFacetsPink300: 243 168 238;
149
- --colorRgbFacetsPink400: 239 127 235;
150
- --colorRgbFacetsPink500: 223 90 220;
151
- --colorRgbFacetsPink600: 185 56 184;
152
- --colorRgbFacetsPink700: 154 45 153;
153
- --colorRgbFacetsPink800: 108 29 107;
154
- --colorRgbFacetsPink900: 56 27 55;
155
- --colorRgbFacetsPurple000: 245 242 252;
156
- --colorRgbFacetsPurple100: 226 217 247;
157
- --colorRgbFacetsPurple200: 216 199 255;
158
- --colorRgbFacetsPurple300: 202 185 244;
159
- --colorRgbFacetsPurple400: 180 157 241;
160
- --colorRgbFacetsPurple500: 155 128 237;
161
- --colorRgbFacetsPurple600: 119 92 231;
162
- --colorRgbFacetsPurple700: 97 74 202;
163
- --colorRgbFacetsPurple800: 56 42 164;
164
- --colorRgbFacetsPurple900: 41 33 66;
165
- --colorRgbFacetsRed000: 251 238 237;
166
- --colorRgbFacetsRed100: 251 211 208;
167
- --colorRgbFacetsRed200: 255 189 186;
168
- --colorRgbFacetsRed300: 255 173 169;
169
- --colorRgbFacetsRed400: 254 131 130;
170
- --colorRgbFacetsRed500: 254 78 92;
171
- --colorRgbFacetsRed600: 214 39 64;
172
- --colorRgbFacetsRed700: 175 37 54;
173
- --colorRgbFacetsRed800: 128 10 32;
174
- --colorRgbFacetsRed900: 61 28 27;
175
- --colorRgbFacetsTeal000: 222 255 254;
176
- --colorRgbFacetsTeal100: 142 251 247;
177
- --colorRgbFacetsTeal200: 50 230 226;
178
- --colorRgbFacetsTeal300: 20 216 212;
179
- --colorRgbFacetsTeal400: 5 189 186;
180
- --colorRgbFacetsTeal500: 4 162 159;
181
- --colorRgbFacetsTeal600: 2 128 125;
182
- --colorRgbFacetsTeal700: 1 105 104;
183
- --colorRgbFacetsTeal800: 1 72 71;
184
- --colorRgbFacetsTeal900: 12 42 42;
137
+ --colorRgbFacetsNeutralLight100: 243 244 244;
138
+ --colorRgbFacetsNeutralLight200: 234 237 238;
139
+ --colorRgbFacetsNeutralLight300: 207 217 221;
140
+ --colorRgbFacetsNeutralLight400: 163 176 181;
141
+ --colorRgbFacetsNeutralLight500: 122 137 143;
142
+ --colorRgbFacetsNeutralLight600: 82 100 106;
143
+ --colorRgbFacetsNeutralLight700: 45 65 72;
144
+ --colorRgbFacetsNeutralLight800: 7 27 34;
145
+ --colorRgbFacetsPink000: 255 243 247;
146
+ --colorRgbFacetsPink100: 255 217 230;
147
+ --colorRgbFacetsPink200: 254 190 212;
148
+ --colorRgbFacetsPink300: 255 159 195;
149
+ --colorRgbFacetsPink400: 254 123 176;
150
+ --colorRgbFacetsPink500: 255 61 156;
151
+ --colorRgbFacetsPink600: 204 34 121;
152
+ --colorRgbFacetsPink700: 154 4 88;
153
+ --colorRgbFacetsPink800: 97 45 104;
154
+ --colorRgbFacetsPink900: 64 26 69;
155
+ --colorRgbFacetsPurple000: 244 246 255;
156
+ --colorRgbFacetsPurple100: 210 219 254;
157
+ --colorRgbFacetsPurple200: 210 219 254;
158
+ --colorRgbFacetsPurple300: 176 190 254;
159
+ --colorRgbFacetsPurple400: 142 159 254;
160
+ --colorRgbFacetsPurple500: 109 125 253;
161
+ --colorRgbFacetsPurple600: 109 125 253;
162
+ --colorRgbFacetsPurple700: 61 54 211;
163
+ --colorRgbFacetsPurple800: 45 35 169;
164
+ --colorRgbFacetsPurple900: 48 18 53;
165
+ --colorRgbFacetsRed000: 255 244 243;
166
+ --colorRgbFacetsRed100: 255 217 213;
167
+ --colorRgbFacetsRed200: 254 189 183;
168
+ --colorRgbFacetsRed300: 255 158 149;
169
+ --colorRgbFacetsRed400: 254 121 113;
170
+ --colorRgbFacetsRed500: 248 71 71;
171
+ --colorRgbFacetsRed600: 199 46 49;
172
+ --colorRgbFacetsRed700: 199 46 49;
173
+ --colorRgbFacetsRed800: 152 19 27;
174
+ --colorRgbFacetsRed900: 58 0 3;
175
+ --colorRgbFacetsTeal000: 232 252 247;
176
+ --colorRgbFacetsTeal100: 174 242 228;
177
+ --colorRgbFacetsTeal200: 99 230 208;
178
+ --colorRgbFacetsTeal300: 16 221 196;
179
+ --colorRgbFacetsTeal400: 9 169 149;
180
+ --colorRgbFacetsTeal500: 9 169 149;
181
+ --colorRgbFacetsTeal600: 7 120 105;
182
+ --colorRgbFacetsTeal700: 7 120 105;
183
+ --colorRgbFacetsTeal800: 0 74 64;
184
+ --colorRgbFacetsTeal900: 0 32 27;
185
185
  }
package/packages/styles/tokens.css CHANGED
@@ -432,16 +432,16 @@
432
432
  --ntl-badge-border-color: var(--ntl-neutral-300);
433
433
  --ntl-badge-text-color: var(--ntl-neutral-500);
434
434
  --ntl-blockquote-accent-color: var(--ntl-blue-700);
435
- --ntl-blue-000: rgb(92.941% 95.686% 100%);
436
- --ntl-blue-100: rgb(80.392% 88.627% 100%);
437
- --ntl-blue-200: rgb(70.98% 82.353% 98.431%);
438
- --ntl-blue-300: rgb(61.176% 74.51% 96.471%);
439
- --ntl-blue-400: rgb(50.196% 67.059% 98.039%);
440
- --ntl-blue-500: rgb(36.471% 55.294% 96.078%);
441
- --ntl-blue-600: rgb(19.216% 41.961% 95.686%);
442
- --ntl-blue-700: rgb(18.039% 31.765% 92.941%);
443
- --ntl-blue-800: rgb(12.549% 21.176% 63.137%);
444
- --ntl-blue-900: rgb(10.588% 12.549% 35.686%);
435
+ --ntl-blue-000: var(--ntl-hues-cobalt-000);
436
+ --ntl-blue-100: var(--ntl-hues-cobalt-100);
437
+ --ntl-blue-200: var(--ntl-hues-cobalt-100);
438
+ --ntl-blue-300: var(--ntl-hues-cobalt-200);
439
+ --ntl-blue-400: var(--ntl-hues-cobalt-300);
440
+ --ntl-blue-500: var(--ntl-hues-cobalt-400);
441
+ --ntl-blue-600: var(--ntl-hues-cobalt-500);
442
+ --ntl-blue-700: var(--ntl-hues-cobalt-500);
443
+ --ntl-blue-800: var(--ntl-hues-cobalt-700);
444
+ --ntl-blue-900: var(--ntl-hues-cobalt-800);
445
445
  --ntl-button-outline-bg-color-hover: rgb(83.922% 98.039% 97.647%);
446
446
  --ntl-button-outline-stroke-color: var(--ntl-neutral-800);
447
447
  --ntl-button-outline-text-color: var(--ntl-neutral-800);
@@ -494,26 +494,26 @@
494
494
  --ntl-color-warning-border: var(--ntl-gold-300);
495
495
  --ntl-color-warning-text: var(--ntl-gold-800);
496
496
  --ntl-eyebrow-text-color: var(--ntl-blue-700);
497
- --ntl-gold-000: rgb(99.216% 96.078% 84.706%);
498
- --ntl-gold-100: rgb(96.471% 87.843% 64.706%);
499
- --ntl-gold-200: rgb(98.039% 80.392% 43.529%);
500
- --ntl-gold-300: rgb(98.431% 69.412% 23.922%);
501
- --ntl-gold-400: rgb(97.647% 55.686% 12.941%);
502
- --ntl-gold-500: rgb(83.529% 46.667% 10.196%);
503
- --ntl-gold-600: rgb(65.882% 36.471% 7.451%);
504
- --ntl-gold-700: rgb(54.902% 29.804% 5.098%);
505
- --ntl-gold-800: rgb(37.647% 20.392% 3.1373%);
506
- --ntl-gold-900: rgb(20% 13.333% 7.451%);
507
- --ntl-green-000: rgb(90.588% 98.824% 91.373%);
508
- --ntl-green-100: rgb(74.51% 97.647% 77.647%);
509
- --ntl-green-200: rgb(57.647% 96.078% 64.706%);
510
- --ntl-green-300: rgb(39.216% 84.706% 49.804%);
511
- --ntl-green-400: rgb(22.745% 76.471% 39.216%);
512
- --ntl-green-500: rgb(19.216% 65.882% 33.333%);
513
- --ntl-green-600: rgb(13.333% 50.98% 25.098%);
514
- --ntl-green-700: rgb(10.196% 41.961% 20.392%);
515
- --ntl-green-800: rgb(5.8824% 29.02% 12.941%);
516
- --ntl-green-900: rgb(8.2353% 16.471% 9.8039%);
497
+ --ntl-gold-000: var(--ntl-hues-gold-100);
498
+ --ntl-gold-100: var(--ntl-hues-gold-300);
499
+ --ntl-gold-200: var(--ntl-hues-gold-500);
500
+ --ntl-gold-300: var(--ntl-hues-gold-500);
501
+ --ntl-gold-400: var(--ntl-hues-gold-600);
502
+ --ntl-gold-500: var(--ntl-hues-gold-600);
503
+ --ntl-gold-600: var(--ntl-hues-gold-700);
504
+ --ntl-gold-700: var(--ntl-hues-gold-700);
505
+ --ntl-gold-800: var(--ntl-hues-gold-800);
506
+ --ntl-gold-900: var(--ntl-hues-gold-900);
507
+ --ntl-green-000: var(--ntl-hues-green-000);
508
+ --ntl-green-100: var(--ntl-hues-green-100);
509
+ --ntl-green-200: var(--ntl-hues-green-200);
510
+ --ntl-green-300: var(--ntl-hues-green-400);
511
+ --ntl-green-400: var(--ntl-hues-green-500);
512
+ --ntl-green-500: var(--ntl-hues-green-500);
513
+ --ntl-green-600: var(--ntl-hues-green-600);
514
+ --ntl-green-700: var(--ntl-hues-green-700);
515
+ --ntl-green-800: var(--ntl-hues-green-800);
516
+ --ntl-green-900: var(--ntl-hues-green-900);
517
517
  --ntl-heading-text-color: var(--ntl-neutral-800);
518
518
  --ntl-neutral-000: var(--ntl-neutral-light-000);
519
519
  --ntl-neutral-100: var(--ntl-neutral-light-100);
@@ -525,56 +525,56 @@
525
525
  --ntl-neutral-700: var(--ntl-neutral-light-700);
526
526
  --ntl-neutral-800: var(--ntl-neutral-light-800);
527
527
  --ntl-neutral-900: var(--ntl-neutral-light-900);
528
- --ntl-neutral-dark-000: rgb(100% 100% 100%);
529
- --ntl-neutral-dark-100: rgb(90.196% 92.549% 94.902%);
530
- --ntl-neutral-dark-200: rgb(67.059% 70.98% 74.902%);
531
- --ntl-neutral-dark-300: rgb(49.412% 52.941% 57.255%);
532
- --ntl-neutral-dark-400: rgb(30.196% 33.725% 37.255%);
533
- --ntl-neutral-dark-500: rgb(23.137% 26.275% 29.804%);
534
- --ntl-neutral-dark-600: rgb(15.294% 18.431% 21.961%);
535
- --ntl-neutral-dark-700: rgb(11.765% 14.118% 17.255%);
536
- --ntl-neutral-dark-800: rgb(7.0588% 9.4118% 12.157%);
537
- --ntl-neutral-dark-900: rgb(2.3529% 4.3137% 6.2745%);
538
- --ntl-neutral-light-000: rgb(100% 100% 100%);
539
- --ntl-neutral-light-100: rgb(96.471% 96.471% 96.863%);
540
- --ntl-neutral-light-200: rgb(91.373% 92.157% 92.941%);
541
- --ntl-neutral-light-300: rgb(81.961% 83.529% 85.49%);
542
- --ntl-neutral-light-400: rgb(61.569% 65.49% 69.804%);
543
- --ntl-neutral-light-500: rgb(46.667% 50.196% 53.725%);
544
- --ntl-neutral-light-600: rgb(32.941% 35.294% 38.039%);
545
- --ntl-neutral-light-700: rgb(20.784% 22.745% 24.314%);
546
- --ntl-neutral-light-800: rgb(9.4118% 10.196% 10.98%);
547
- --ntl-neutral-light-900: rgb(2.3529% 4.3137% 6.2745%);
548
- --ntl-pink-000: rgb(98.824% 94.118% 98.431%);
549
- --ntl-pink-100: rgb(96.471% 82.353% 94.902%);
550
- --ntl-pink-200: rgb(96.863% 73.725% 95.294%);
551
- --ntl-pink-300: rgb(95.294% 65.882% 93.333%);
552
- --ntl-pink-400: rgb(93.725% 49.804% 92.157%);
553
- --ntl-pink-500: rgb(87.451% 35.294% 86.275%);
554
- --ntl-pink-600: rgb(72.549% 21.961% 72.157%);
555
- --ntl-pink-700: rgb(60.392% 17.647% 60%);
556
- --ntl-pink-800: rgb(42.353% 11.373% 41.961%);
557
- --ntl-pink-900: rgb(21.961% 10.588% 21.569%);
558
- --ntl-purple-000: rgb(96.078% 94.902% 98.824%);
559
- --ntl-purple-100: rgb(88.627% 85.098% 96.863%);
560
- --ntl-purple-200: rgb(84.706% 78.039% 100%);
561
- --ntl-purple-300: rgb(79.216% 72.549% 95.686%);
562
- --ntl-purple-400: rgb(70.588% 61.569% 94.51%);
563
- --ntl-purple-500: rgb(60.784% 50.196% 92.941%);
564
- --ntl-purple-600: rgb(46.667% 36.078% 90.588%);
565
- --ntl-purple-700: rgb(38.039% 29.02% 79.216%);
566
- --ntl-purple-800: rgb(21.961% 16.471% 64.314%);
567
- --ntl-purple-900: rgb(16.078% 12.941% 25.882%);
568
- --ntl-red-000: rgb(98.431% 93.333% 92.941%);
569
- --ntl-red-100: rgb(98.431% 82.745% 81.569%);
570
- --ntl-red-200: rgb(100% 74.118% 72.941%);
571
- --ntl-red-300: rgb(100% 67.843% 66.275%);
572
- --ntl-red-400: rgb(99.608% 51.373% 50.98%);
573
- --ntl-red-500: rgb(99.608% 30.588% 36.078%);
574
- --ntl-red-600: rgb(83.922% 15.294% 25.098%);
575
- --ntl-red-700: rgb(68.627% 14.51% 21.176%);
576
- --ntl-red-800: rgb(50.196% 3.9216% 12.549%);
577
- --ntl-red-900: rgb(23.922% 10.98% 10.588%);
528
+ --ntl-neutral-dark-000: var(--ntl-hues-white);
529
+ --ntl-neutral-dark-100: var(--ntl-hues-blue-black-000);
530
+ --ntl-neutral-dark-200: var(--ntl-hues-gray-600);
531
+ --ntl-neutral-dark-300: var(--ntl-hues-gray-700);
532
+ --ntl-neutral-dark-400: var(--ntl-hues-blue-black-400);
533
+ --ntl-neutral-dark-500: var(--ntl-hues-blue-black-400);
534
+ --ntl-neutral-dark-600: var(--ntl-hues-deep-teal-800);
535
+ --ntl-neutral-dark-700: var(--ntl-hues-blue-black-500);
536
+ --ntl-neutral-dark-800: var(--ntl-hues-blue-black-500);
537
+ --ntl-neutral-dark-900: var(--ntl-hues-blue-black-700);
538
+ --ntl-neutral-light-000: var(--ntl-hues-white);
539
+ --ntl-neutral-light-100: var(--ntl-hues-gray-100);
540
+ --ntl-neutral-light-200: var(--ntl-hues-gray-200);
541
+ --ntl-neutral-light-300: var(--ntl-hues-gray-500);
542
+ --ntl-neutral-light-400: var(--ntl-hues-gray-600);
543
+ --ntl-neutral-light-500: var(--ntl-hues-gray-700);
544
+ --ntl-neutral-light-600: var(--ntl-hues-gray-800);
545
+ --ntl-neutral-light-700: var(--ntl-hues-gray-900);
546
+ --ntl-neutral-light-800: var(--ntl-hues-blue-black-500);
547
+ --ntl-neutral-light-900: var(--ntl-hues-blue-black-700);
548
+ --ntl-pink-000: var(--ntl-hues-pink-000);
549
+ --ntl-pink-100: var(--ntl-hues-pink-100);
550
+ --ntl-pink-200: var(--ntl-hues-pink-200);
551
+ --ntl-pink-300: var(--ntl-hues-pink-300);
552
+ --ntl-pink-400: var(--ntl-hues-pink-400);
553
+ --ntl-pink-500: var(--ntl-hues-pink-500);
554
+ --ntl-pink-600: var(--ntl-hues-pink-600);
555
+ --ntl-pink-700: var(--ntl-hues-pink-700);
556
+ --ntl-pink-800: var(--ntl-hues-plum-500);
557
+ --ntl-pink-900: var(--ntl-hues-plum-700);
558
+ --ntl-purple-000: var(--ntl-hues-purple-000);
559
+ --ntl-purple-100: var(--ntl-hues-purple-100);
560
+ --ntl-purple-200: var(--ntl-hues-purple-100);
561
+ --ntl-purple-300: var(--ntl-hues-purple-200);
562
+ --ntl-purple-400: var(--ntl-hues-purple-300);
563
+ --ntl-purple-500: var(--ntl-hues-purple-400);
564
+ --ntl-purple-600: var(--ntl-hues-purple-400);
565
+ --ntl-purple-700: var(--ntl-hues-purple-600);
566
+ --ntl-purple-800: var(--ntl-hues-purple-700);
567
+ --ntl-purple-900: var(--ntl-hues-plum-800);
568
+ --ntl-red-000: var(--ntl-hues-red-000);
569
+ --ntl-red-100: var(--ntl-hues-red-100);
570
+ --ntl-red-200: var(--ntl-hues-red-200);
571
+ --ntl-red-300: var(--ntl-hues-red-300);
572
+ --ntl-red-400: var(--ntl-hues-red-400);
573
+ --ntl-red-500: var(--ntl-hues-red-500);
574
+ --ntl-red-600: var(--ntl-hues-red-600);
575
+ --ntl-red-700: var(--ntl-hues-red-600);
576
+ --ntl-red-800: var(--ntl-hues-red-700);
577
+ --ntl-red-900: var(--ntl-hues-red-900);
578
578
  --ntl-search-answer-message-color: var(--ntl-neutral-200);
579
579
  --ntl-search-back-btn-bg-color: var(--ntl-neutral-100);
580
580
  --ntl-search-bg-color: var(--ntl-neutral-000);
@@ -590,16 +590,16 @@
590
590
  --ntl-tabbed-content-border-color: var(--ntl-color-icon);
591
591
  --ntl-tabbed-content-code-bg-color: var(--ntl-neutral-900);
592
592
  --ntl-tabbed-content-tab-text-color-active: var(--ntl-color-icon);
593
- --ntl-teal-000: rgb(87.059% 100% 99.608%);
594
- --ntl-teal-100: rgb(55.686% 98.431% 96.863%);
595
- --ntl-teal-200: rgb(19.608% 90.196% 88.627%);
596
- --ntl-teal-300: rgb(7.8431% 84.706% 83.137%);
597
- --ntl-teal-400: rgb(1.9608% 74.118% 72.941%);
598
- --ntl-teal-500: rgb(1.5686% 63.529% 62.353%);
599
- --ntl-teal-600: rgb(0.78431% 50.196% 49.02%);
600
- --ntl-teal-700: rgb(0.39216% 41.176% 40.784%);
601
- --ntl-teal-800: rgb(0.39216% 28.235% 27.843%);
602
- --ntl-teal-900: rgb(4.7059% 16.471% 16.471%);
593
+ --ntl-teal-000: var(--ntl-hues-turquoise-000);
594
+ --ntl-teal-100: var(--ntl-hues-turquoise-200);
595
+ --ntl-teal-200: var(--ntl-hues-turquoise-400);
596
+ --ntl-teal-300: var(--ntl-hues-turquoise-500);
597
+ --ntl-teal-400: var(--ntl-hues-turquoise-600);
598
+ --ntl-teal-500: var(--ntl-hues-turquoise-600);
599
+ --ntl-teal-600: var(--ntl-hues-turquoise-700);
600
+ --ntl-teal-700: var(--ntl-hues-turquoise-700);
601
+ --ntl-teal-800: var(--ntl-hues-turquoise-800);
602
+ --ntl-teal-900: var(--ntl-hues-turquoise-900);
603
603
  --ntl-testimonial-logo-hover-color: var(--ntl-neutral-500);
604
604
  --ntl-testimonial-logo-inactive-color: var(--ntl-neutral-400);
605
605
  }