@tet/tet-components 1.3.28-staging → 1.3.29-staging

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 (32) hide show
  1. package/dist/cjs/tet-autocomplete_2.cjs.entry.js +1 -1
  2. package/dist/cjs/tet-compare-card_4.cjs.entry.js +1 -1
  3. package/dist/cjs/tet-text-list.cjs.entry.js +1 -1
  4. package/dist/collection/components/advanced/cards/tet-compare-card/tet-compare-card.css +203 -191
  5. package/dist/collection/components/basic/loaders/tet-spinner/tet-spinner.css +7 -2
  6. package/dist/collection/components/simple/lists/tet-text-list/tet-text-list.css +203 -191
  7. package/dist/components/{p-efb7be5d.js → p-352a5ff4.js} +1 -1
  8. package/dist/components/{p-4afc2139.js → p-57b403b7.js} +1 -1
  9. package/dist/components/{p-98460704.js → p-5eda91c1.js} +1 -1
  10. package/dist/components/{p-0aa81b90.js → p-97768d58.js} +1 -1
  11. package/dist/components/{p-ad0701fb.js → p-a42b8178.js} +1 -1
  12. package/dist/components/{p-37b99429.js → p-dce4e98c.js} +1 -1
  13. package/dist/components/tet-address-offers-view.js +4 -4
  14. package/dist/components/tet-address-offers.js +1 -1
  15. package/dist/components/tet-address-search.js +1 -1
  16. package/dist/components/tet-asset-addresses.js +2 -2
  17. package/dist/components/tet-business-compare-card.js +1 -1
  18. package/dist/components/tet-cloud-application-form-dialog.js +1 -1
  19. package/dist/components/tet-compare-card.js +1 -1
  20. package/dist/components/tet-compare-cards-tab.js +2 -2
  21. package/dist/components/tet-compare-cards.js +1 -1
  22. package/dist/components/tet-spinner.js +1 -1
  23. package/dist/components/tet-text-list.js +1 -1
  24. package/dist/esm/tet-autocomplete_2.entry.js +1 -1
  25. package/dist/esm/tet-compare-card_4.entry.js +1 -1
  26. package/dist/esm/tet-text-list.entry.js +1 -1
  27. package/dist/tet-components/{p-ef2e643d.entry.js → p-2411a763.entry.js} +1 -1
  28. package/dist/tet-components/{p-4947a1fb.entry.js → p-90224d82.entry.js} +1 -1
  29. package/dist/tet-components/{p-df051726.entry.js → p-c1ac65c2.entry.js} +1 -1
  30. package/dist/tet-components/tet-components.css +13 -13
  31. package/dist/tet-components/tet-components.esm.js +1 -1
  32. package/package.json +1 -1
package/dist/collection/components/advanced/cards/tet-compare-card/tet-compare-card.css CHANGED
@@ -5121,18 +5121,19 @@
5121
5121
  /**
5122
5122
  * Colors
5123
5123
  */
5124
- --tc-grey-100-dark: rgba(251, 251, 251, 1);
5124
+ --tc-grey-110-dark: rgba(253, 253, 253, 1);
5125
+ --tc-grey-100-dark: rgba(250, 250, 250, 1);
5125
5126
  --tc-grey-90-dark: rgba(247, 247, 247, 1);
5126
- --tc-grey-80-dark: rgba(235, 237, 239, 1);
5127
- --tc-grey-70-dark: rgba(215, 219, 224, 1);
5128
- --tc-grey-60-dark: rgba(185, 192, 202, 1);
5129
- --tc-grey-60-inverse-dark: rgba(192, 197, 206, 1);
5130
- --tc-grey-50-dark: rgba(153, 160, 174, 1);
5131
- --tc-grey-40-dark: rgba(88, 99, 116, 1);
5132
- --tc-grey-30-dark: rgba(67, 75, 86, 1);
5133
- --tc-grey-20-dark: rgba(35, 40, 46, 1);
5134
- --tc-grey-10-dark: rgba(22, 25, 29, 1);
5135
- --tc-grey-00-dark: rgb(10, 11, 13);
5127
+ --tc-grey-80-dark: rgba(236, 237, 238, 1);
5128
+ --tc-grey-70-dark: rgba(217, 219, 221, 1);
5129
+ --tc-grey-60-dark: rgba(196, 198, 202, 1);
5130
+ --tc-grey-50-dark: rgba(158, 161, 169, 1);
5131
+ --tc-grey-40-dark: rgba(93, 98, 105, 1);
5132
+ --tc-grey-30-dark: rgba(72, 76, 81, 1);
5133
+ --tc-grey-20-dark: rgba(38, 41, 44, 1);
5134
+ --tc-grey-10-dark: rgba(24, 25, 27, 1);
5135
+ --tc-grey-00-dark: rgba(18, 19, 21, 1);
5136
+ --tc-grey-minus-10-dark: rgba(12, 12, 14, 1);
5136
5137
  --tc-blue-80-dark: rgba(13, 24, 38, 1);
5137
5138
  --tc-blue-70-dark: rgba(19, 42, 78, 1);
5138
5139
  --tc-blue-60-dark: rgba(24, 70, 139, 1);
@@ -5151,15 +5152,15 @@
5151
5152
  --tc-green-20-dark: rgba(127, 223, 167, 1);
5152
5153
  --tc-green-10-dark: rgba(174, 249, 206, 1);
5153
5154
  --tc-green-00-dark: rgba(230, 254, 240, 1);
5154
- --tc-yellow-80-dark: rgba(34, 28, 17, 1);
5155
- --tc-yellow-70-dark: rgba(70, 56, 27, 1);
5156
- --tc-yellow-60-dark: rgba(123, 95, 35, 1);
5157
- --tc-yellow-50-dark: rgba(184, 137, 35, 1);
5158
- --tc-yellow-40-dark: rgb(232, 174, 48);
5159
- --tc-yellow-30-dark: rgba(241, 193, 91, 1);
5160
- --tc-yellow-20-dark: rgba(247, 212, 135, 1);
5161
- --tc-yellow-10-dark: rgba(252, 230, 182, 1);
5162
- --tc-yellow-00-dark: rgba(254, 247, 230, 1);
5155
+ --tc-yellow-80-dark: rgba(34, 31, 17, 1);
5156
+ --tc-yellow-70-dark: rgba(75, 64, 22, 1);
5157
+ --tc-yellow-60-dark: rgba(147, 122, 31, 1);
5158
+ --tc-yellow-50-dark: rgba(201, 164, 29, 1);
5159
+ --tc-yellow-40-dark: rgb(255, 208, 38);
5160
+ --tc-yellow-30-dark: rgba(248, 219, 114, 1);
5161
+ --tc-yellow-20-dark: rgba(249, 224, 144, 1);
5162
+ --tc-yellow-10-dark: rgba(252, 238, 186, 1);
5163
+ --tc-yellow-00-dark: rgba(254, 248, 231, 1);
5163
5164
  --tc-red-80-dark: rgba(34, 18, 17, 1);
5164
5165
  --tc-red-70-dark: rgba(81, 35, 31, 1);
5165
5166
  --tc-red-60-dark: rgba(139, 47, 39, 1);
@@ -5179,9 +5180,11 @@
5179
5180
  --tc-violet-10-dark: rgba(219, 206, 253, 1);
5180
5181
  --tc-violet-00-dark: rgba(237, 230, 255, 1);
5181
5182
  --tc-brown-40-dark: rgba(50, 44, 36, 1);
5182
- --tc-text-primary-dark: var(--tc-grey-100-dark);
5183
+ --tc-text-primary-dark: var(--tc-grey-110-dark);
5183
5184
  --tc-text-secondary-dark: var(--tc-grey-70-dark);
5184
5185
  --tc-text-tertiary-dark: var(--tc-grey-60-dark);
5186
+ --tc-text-white-permanent-dark: var(--tc-grey-110-dark);
5187
+ --tc-text-black-permanent-dark: var(--tc-grey-minus-10-dark);
5185
5188
  --tc-text-blue-grey-dark: var(--tc-grey-50-dark);
5186
5189
  --tc-text-link-dark: var(--tc-blue-40-dark);
5187
5190
  --tc-background-primary-dark: var(--tc-grey-00-dark);
@@ -5189,24 +5192,24 @@
5189
5192
  --tc-background-tertiary-dark: var(--tc-grey-20-dark);
5190
5193
  --tc-background-quaternary-dark: var(--tc-grey-30-dark);
5191
5194
  --tc-background-white-black-dark: rgb(0, 0, 0);
5192
- --tc-layer-primary-dark: var(--tc-grey-00-dark);
5193
- --tc-layer-primary-black-dark: var(--tc-grey-00-dark);
5195
+ --tc-layer-primary-dark: var(--tc-grey-minus-10-dark);
5194
5196
  --tc-layer-secondary-dark: var(--tc-grey-10-dark);
5195
5197
  --tc-layer-tertiary-dark: var(--tc-grey-20-dark);
5196
5198
  --tc-layer-quaternary-dark: var(--tc-grey-30-dark);
5197
5199
  --tc-layer-inverse-primary-dark: rgb(255, 255, 255);
5198
- --tc-icon-primary-dark: var(--tc-grey-100-dark);
5199
- --tc-icon-white-dark: var(--tc-grey-100-dark);
5200
+ --tc-icon-primary-dark: var(--tc-grey-110-dark);
5201
+ --tc-icon-white-dark: var(--tc-grey-110-dark);
5200
5202
  --tc-icon-secondary-dark: var(--tc-grey-50-dark);
5201
5203
  --tc-icon-tertiary-dark: var(--tc-grey-40-dark);
5202
5204
  --tc-icon-quaternary-dark: var(--tc-grey-30-dark);
5203
- --tc-border-primary-dark: var(--tc-grey-100-dark);
5205
+ --tc-icon-quaternery-permanent-dark: var(--tc-grey-70-dark);
5206
+ --tc-border-primary-dark: var(--tc-grey-110-dark);
5204
5207
  --tc-border-secondary-dark: var(--tc-grey-50-dark);
5205
5208
  --tc-border-tertiary-dark: var(--tc-grey-40-dark);
5206
5209
  --tc-border-quaternary-dark: var(--tc-grey-30-dark);
5207
- --tc-border-inverse-primary-dark: var(--tc-grey-00-dark);
5210
+ --tc-border-inverse-primary-dark: var(--tc-grey-minus-10-dark);
5208
5211
  --tc-border-inverse-secondary-dark: var(--tc-grey-50-dark);
5209
- --tc-border-inverse-tertiary-dark: var(--tc-grey-60-inverse-dark);
5212
+ --tc-border-inverse-tertiary-dark: var(--tc-grey-60-dark);
5210
5213
  --tc-border-inverse-quaternary-dark: var(--tc-grey-70-dark);
5211
5214
  --tc-alert-info-dark: var(--tc-blue-80-dark);
5212
5215
  --tc-alert-success-dark: var(--tc-green-80-dark);
@@ -5216,7 +5219,7 @@
5216
5219
  --tc-alert-white-dark: var(--tc-grey-20-dark);
5217
5220
  --tc-alert-accent-info-dark: rgb(52, 129, 247);
5218
5221
  --tc-alert-accent-success-dark: rgb(48, 192, 108);
5219
- --tc-alert-accent-warning-dark: rgb(232, 174, 48);
5222
+ --tc-alert-accent-warning-dark: rgb(255, 208, 38);
5220
5223
  --tc-alert-accent-error-dark: rgb(235, 90, 77);
5221
5224
  --tc-alert-accent-neutral-dark: rgb(172, 147, 236);
5222
5225
  --tc-alert-accent-orange-dark: rgb(220, 78, 34);
@@ -5253,50 +5256,50 @@
5253
5256
  /**
5254
5257
  * Interactions
5255
5258
  */
5256
- --tc-button-text-primary-dark: var(--tc-grey-00-dark);
5259
+ --tc-button-text-primary-dark: var(--tc-grey-minus-10-dark);
5257
5260
  --tc-button-text-secondary-dark: var(--tc-grey-100-dark);
5258
- --tc-button-text-disabled-dark: rgba(10, 11, 13, 0.32);
5259
- --tc-button-text-secondary-disabled-dark: rgba(235, 237, 239, 0.3);
5261
+ --tc-button-text-disabled-dark: rgba(12, 12, 14, 0.32);
5262
+ --tc-button-text-secondary-disabled-dark: rgba(236, 237, 238, 0.3);
5260
5263
  --tc-button-text-white-permanent-dark: var(--tc-grey-100-dark);
5261
- --tc-button-text-black-permanent-dark: var(--tc-grey-00-dark);
5264
+ --tc-button-text-black-permanent-dark: var(--tc-grey-minus-10-dark);
5262
5265
  --tc-button-text-inverse-primary-dark: var(--tc-grey-100-dark);
5263
- --tc-button-text-inverse-secondary-dark: var(--tc-grey-00-dark);
5264
- --tc-button-text-inverse-disabled-dark: rgba(255, 255, 255, 0.49);
5265
- --tc-button-text-inverse-secondary-disabled-dark: rgba(35, 40, 46, 0.16);
5266
+ --tc-button-text-inverse-secondary-dark: var(--tc-grey-minus-10-dark);
5267
+ --tc-button-text-inverse-disabled-dark: rgba(250, 250, 250, 0.49);
5268
+ --tc-button-text-inverse-secondary-disabled-dark: rgba(38, 41, 44, 0.16);
5266
5269
  --tc-button-primary-background-default-dark: rgb(255, 255, 255);
5267
- --tc-button-primary-background-hover-dark: rgba(235, 237, 239, 0.9);
5268
- --tc-button-primary-background-pressed-dark: rgba(235, 237, 239, 0.8);
5269
- --tc-button-primary-background-disabled-dark: rgba(235, 237, 239, 0.3);
5270
+ --tc-button-primary-background-hover-dark: rgba(236, 237, 238, 0.9);
5271
+ --tc-button-primary-background-pressed-dark: rgba(236, 237, 238, 0.8);
5272
+ --tc-button-primary-background-disabled-dark: rgba(236, 237, 238, 0.3);
5270
5273
  --tc-button-primary-background-inverse-default-dark: rgb(0, 0, 0);
5271
- --tc-button-primary-background-inverse-hover-dark: rgba(35, 40, 46, 0.9);
5272
- --tc-button-primary-background-inverse-pressed-dark: rgba(35, 40, 46, 0.8);
5273
- --tc-button-primary-background-inverse-disabled-dark: rgba(35, 40, 46, 0.3);
5274
- --tc-button-secondary-background-hover-dark: rgba(235, 237, 239, 0.15);
5275
- --tc-button-secondary-background-pressed-dark: rgba(235, 237, 239, 0.3);
5276
- --tc-button-secondary-background-inverse-hover-dark: rgba(35, 40, 46, 0.12);
5277
- --tc-button-secondary-background-inverse-pressed-dark: rgba(35, 40, 46, 0.3);
5278
- --tc-button-icon-primary-dark: var(--tc-grey-00-dark);
5274
+ --tc-button-primary-background-inverse-hover-dark: rgba(38, 41, 44, 0.9);
5275
+ --tc-button-primary-background-inverse-pressed-dark: rgba(38, 41, 44, 0.8);
5276
+ --tc-button-primary-background-inverse-disabled-dark: rgba(38, 41, 44, 0.3);
5277
+ --tc-button-secondary-background-hover-dark: rgba(236, 237, 238, 0.15);
5278
+ --tc-button-secondary-background-pressed-dark: rgba(236, 237, 238, 0.3);
5279
+ --tc-button-secondary-background-inverse-hover-dark: rgba(38, 41, 44, 0.12);
5280
+ --tc-button-secondary-background-inverse-pressed-dark: rgba(38, 41, 44, 0.3);
5281
+ --tc-button-icon-primary-dark: var(--tc-grey-minus-10-dark);
5279
5282
  --tc-button-icon-secondary-dark: var(--tc-grey-100-dark);
5280
- --tc-button-icon-disabled-dark: rgba(10, 11, 13, 0.32);
5281
- --tc-button-icon-secondary-disabled-dark: rgba(235, 237, 239, 0.3);
5283
+ --tc-button-icon-disabled-dark: rgba(12, 12, 14, 0.32);
5284
+ --tc-button-icon-secondary-disabled-dark: rgba(236, 237, 238, 0.3);
5282
5285
  --tc-button-icon-white-permanent-dark: var(--tc-grey-100-dark);
5283
- --tc-button-icon-black-permanent-dark: var(--tc-grey-00-dark);
5286
+ --tc-button-icon-black-permanent-dark: var(--tc-grey-minus-10-dark);
5284
5287
  --tc-button-icon-inverse-primary-dark: var(--tc-grey-100-dark);
5285
- --tc-button-icon-inverse-secondary-dark: var(--tc-grey-00-dark);
5286
- --tc-button-icon-inverse-disabled-dark: rgba(255, 255, 255, 0.49);
5287
- --tc-button-icon-inverse-secondary-disabled-dark: rgba(35, 40, 46, 0.16);
5288
+ --tc-button-icon-inverse-secondary-dark: var(--tc-grey-minus-10-dark);
5289
+ --tc-button-icon-inverse-disabled-dark: rgba(250, 250, 250, 0.49);
5290
+ --tc-button-icon-inverse-secondary-disabled-dark: rgba(38, 41, 44, 0.16);
5288
5291
  --tc-button-border-secondary-dark: var($_grey-100);
5289
- --tc-button-border-disabled-dark: rgba(235, 237, 239, 0.3);
5292
+ --tc-button-border-disabled-dark: rgba(236, 237, 238, 0.3);
5290
5293
  --tc-button-border-inverse-secondary-dark: var($_grey-00);
5291
- --tc-button-border-inverse-disabled-dark: rgba(35, 40, 46, 0.16);
5292
- --tc-menu-item-hover-dark: rgba(235, 237, 239, 0.12);
5293
- --tc-menu-item-pressed-dark: rgba(235, 237, 239, 0.24);
5294
+ --tc-button-border-inverse-disabled-dark: rgba(38, 41, 44, 0.16);
5295
+ --tc-menu-item-hover-dark: rgba(236, 237, 238, 0.12);
5296
+ --tc-menu-item-pressed-dark: rgba(236, 237, 238, 0.24);
5294
5297
  --tc-menu-item-active-dark: rgba(29, 50, 84, 1);
5295
5298
  --tc-theme-switcher-background-light-theme-default-dark: rgb(255, 255, 255);
5296
5299
  --tc-theme-switcher-background-light-theme-hover-dark: var(--tc-grey-90-dark);
5297
5300
  --tc-theme-switcher-background-light-theme-pressed-dark: var(--tc-grey-80-dark);
5298
5301
  --tc-theme-switcher-background-light-theme-selected-dark: var(--tc-grey-90-dark);
5299
- --tc-theme-switcher-background-dark-theme-default-dark: var(--tc-grey-00-dark);
5302
+ --tc-theme-switcher-background-dark-theme-default-dark: var(--tc-grey-minus-10-dark);
5300
5303
  --tc-theme-switcher-background-dark-theme-hover-dark: var(--tc-grey-10-dark);
5301
5304
  --tc-theme-switcher-background-dark-theme-pressed-dark: var(--tc-grey-20-dark);
5302
5305
  --tc-theme-switcher-background-dark-theme-selected-dark: var(--tc-grey-10-dark);
@@ -5307,61 +5310,64 @@
5307
5310
  --tc-theme-switcher-border-dark-theme-default-dark: var(--tc-grey-30-dark);
5308
5311
  --tc-theme-switcher-border-dark-theme-hover-dark: var(--tc-grey-40-dark);
5309
5312
  --tc-theme-switcher-border-dark-theme-pressed-dark: var(--tc-grey-50-dark);
5310
- --tc-theme-switcher-border-dark-theme-selected-dark: var(--tc-grey-100-dark);
5311
- --tc-theme-switcher-icon-light-theme-dark: var(--tc-grey-00-dark);
5313
+ --tc-theme-switcher-border-dark-theme-selected-dark: rgb(255, 255, 255);
5314
+ --tc-theme-switcher-icon-light-theme-dark: var(--tc-grey-minus-10-dark);
5312
5315
  --tc-theme-switcher-icon-dark-theme-dark: rgb(255, 255, 255);
5313
5316
  --tc-checkbox-default-dark: rgb(0, 0, 0);
5314
- --tc-checkbox-hover-dark: rgba(235, 237, 239, 0.12);
5315
- --tc-checkbox-pressed-dark: rgba(235, 237, 239, 0.24);
5316
- --tc-checkbox-disabled-dark: rgba(235, 237, 239, 0.24);
5317
+ --tc-checkbox-hover-dark: rgba(236, 237, 238, 0.12);
5318
+ --tc-checkbox-pressed-dark: rgba(236, 237, 238, 0.24);
5319
+ --tc-checkbox-disabled-dark: rgba(236, 237, 238, 0.24);
5317
5320
  --tc-checkbox-active-default-dark: rgb(255, 255, 255);
5318
- --tc-checkbox-active-hover-dark: rgba(235, 237, 239, 0.9);
5319
- --tc-checkbox-active-pressed-dark: rgba(235, 237, 239, 0.8);
5320
- --tc-checkbox-active-disabled-dark: rgba(235, 237, 239, 0.3);
5321
- --tc-checkbox-active-focus-dark: rgba(35, 40, 46, 0.9);
5321
+ --tc-checkbox-active-hover-dark: rgba(236, 237, 238, 0.9);
5322
+ --tc-checkbox-active-pressed-dark: rgba(236, 237, 238, 0.8);
5323
+ --tc-checkbox-active-disabled-dark: rgba(236, 237, 238, 0.3);
5324
+ --tc-checkbox-active-focus-dark: rgba(38, 41, 44, 0.9);
5322
5325
  --tc-radio-button-default-dark: rgb(0, 0, 0);
5323
- --tc-radio-button-hover-dark: rgba(235, 237, 239, 0.12);
5324
- --tc-radio-button-pressed-dark: rgba(235, 237, 239, 0.24);
5325
- --tc-radio-button-disabled-dark: rgba(235, 237, 239, 0.24);
5326
+ --tc-radio-button-hover-dark: rgba(236, 237, 238, 0.12);
5327
+ --tc-radio-button-pressed-dark: rgba(236, 237, 238, 0.24);
5328
+ --tc-radio-button-disabled-dark: rgba(236, 237, 238, 0.24);
5326
5329
  --tc-radio-button-active-default-dark: rgb(255, 255, 255);
5327
- --tc-radio-button-active-hover-dark: rgba(235, 237, 239, 0.9);
5328
- --tc-radio-button-active-pressed-dark: rgba(235, 237, 239, 0.8);
5329
- --tc-radio-button-active-disabled-dark: rgba(235, 237, 239, 0.3);
5330
- --tc-radio-button-active-focus-dark: rgba(35, 40, 46, 0.9);
5330
+ --tc-radio-button-active-hover-dark: rgba(236, 237, 238, 0.9);
5331
+ --tc-radio-button-active-pressed-dark: rgba(236, 237, 238, 0.8);
5332
+ --tc-radio-button-active-disabled-dark: rgba(236, 237, 238, 0.3);
5333
+ --tc-radio-button-active-focus-dark: rgba(38, 41, 44, 0.9);
5331
5334
  --tc-toggle-button-active-default-dark: rgb(255, 255, 255);
5332
- --tc-toggle-button-active-hover-dark: rgba(235, 237, 239, 0.9);
5335
+ --tc-toggle-button-active-hover-dark: rgba(236, 237, 238, 0.9);
5333
5336
  --tc-toggle-button-active-disabled-dark: var(--tc-grey-20-dark);
5334
5337
  --tc-toggle-button-default-dark: var(--tc-grey-30-dark);
5335
5338
  --tc-toggle-button-hover-dark: var(--tc-grey-40-dark);
5336
5339
  --tc-toggle-button-disabled-dark: var(--tc-grey-20-dark);
5337
5340
  --tc-toggle-button-ellipse-default-dark: rgb(0, 0, 0);
5338
5341
  --tc-toggle-button-ellipse-disabled-dark: var(--tc-grey-10-dark);
5339
- --tc-text-input-border-active-dark: rgba(35, 40, 46, 0.9);
5340
- --tc-tooltip-text-primary-dark: var(--tc-grey-00-dark);
5342
+ --tc-text-input-border-active-dark: rgba(38, 41, 44, 0.9);
5343
+ --tc-tooltip-text-primary-dark: var(--tc-grey-minus-10-dark);
5341
5344
  --tc-tooltip-text-secondary-dark: var(--tc-grey-30-dark);
5342
- --tc-tooltip-text-inverse-primary-dark: var(--tc-grey-100-dark);
5345
+ --tc-tooltip-text-inverse-primary-dark: var(--tc-grey-110-dark);
5343
5346
  --tc-tooltip-text-inverse-secondary-dark: var(--tc-grey-70-dark);
5344
5347
  --tc-tooltip-layer-primary-dark: var(--tc-grey-90-dark);
5345
5348
  --tc-tooltip-layer-secondary-dark: var(--tc-grey-20-dark);
5346
- --tc-search-active-focus-dark: rgba(35, 40, 46, 0.9);
5349
+ --tc-search-active-focus-dark: rgba(38, 41, 44, 0.9);
5350
+ --tc-spinner-dark: var(--tc-grey-80-dark);
5351
+ --tc-spinner-gradient-value-1-dark: var(--tc-grey-80-dark);
5352
+ --tc-spinner-gradient-value-2-dark: rgba(236, 237, 238, 0);
5347
5353
  /**
5348
5354
  * Shadows
5349
5355
  */
5350
- --tc-elevation-one-dark: 0 0 1px 0 rgba(10, 11, 13, 0.2),
5351
- 0 1px 3px 0 rgba(10, 11, 13, 0.37);
5352
- --tc-elevation-two-dark: 0 0 1px 0 rgba(10, 11, 13, 0.2),
5353
- 0 3px 4px 0 rgba(10, 11, 13, 0.3);
5354
- --tc-elevation-three-layer1-dark: 0 1px 2px 0 rgba(10, 11, 13, 0.2),
5355
- 0 5px 11px 0 rgba(10, 11, 13, 0.33);
5356
- --tc-elevation-four-layer1-dark: 0 0 4px 0 rgba(10, 11, 13, 0.2),
5357
- 0 10px 15px 0 rgba(10, 11, 13, 0.33);
5358
- --tc-elevation-five-layer1-dark: 0 1px 6px 0 rgba(10, 11, 13, 0.2),
5359
- 0 14px 25px 0 rgba(10, 11, 13, 0.34);
5360
- --tc-elevation-six-layer1-dark: 0 1px 7px 0 rgba(10, 11, 13, 0.2),
5361
- 0 18px 30px 0 rgba(10, 11, 13, 0.36);
5362
- --tc-button-hover-shadow-centre-dark: 0 0 1px 0 rgba(0, 0, 0, 0.2);
5363
- --tc-button-hover-shadow-raised-dark: 0 1px 3px 0 rgba(0, 0, 0, 0.37);
5364
- --tc-toggle-button-hover-shadow-centre-dark: 0 0 0 8px rgba(185, 192, 202, 0.2);
5356
+ --tc-elevation-one-dark: 0 0 1px 0 rgba(12, 12, 14, 0.2),
5357
+ 0 1px 3px 0 rgba(12, 12, 14, 0.37);
5358
+ --tc-elevation-two-dark: 0 0 1px 0 rgba(12, 12, 14, 0.2),
5359
+ 0 3px 4px 0 rgba(12, 12, 14, 0.3);
5360
+ --tc-elevation-three-layer1-dark: 0 1px 2px 0 rgba(12, 12, 14, 0.2),
5361
+ 0 5px 11px 0 rgba(12, 12, 14, 0.33);
5362
+ --tc-elevation-four-layer1-dark: 0 0 4px 0 rgba(12, 12, 14, 0.2),
5363
+ 0 10px 15px 0 rgba(12, 12, 14, 0.33);
5364
+ --tc-elevation-five-layer1-dark: 0 1px 6px 0 rgba(12, 12, 14, 0.2),
5365
+ 0 14px 25px 0 rgba(12, 12, 14, 0.34);
5366
+ --tc-elevation-six-layer1-dark: 0 1px 7px 0 rgba(12, 12, 14, 0.2),
5367
+ 0 18px 30px 0 rgba(12, 12, 14, 0.36);
5368
+ --tc-button-hover-shadow-centre-dark: 0 0 1px 0 rgba(12, 12, 14, 0.2);
5369
+ --tc-button-hover-shadow-raised-dark: 0 1px 3px 0 rgba(12, 12, 14, 0.37);
5370
+ --tc-toggle-button-hover-shadow-centre-dark: 0 0 0 8px rgba(196, 198, 202, 0.2);
5365
5371
  --tc-toggle-button-hover-shadow-raised-dark: 0 0 0 8px rgba(255, 255, 255, 0.2);
5366
5372
  }
5367
5373
 
@@ -5376,18 +5382,19 @@
5376
5382
  /**
5377
5383
  * Colors
5378
5384
  */
5379
- --tc-grey-100: rgb(10, 11, 13);
5380
- --tc-grey-90: rgba(22, 25, 29, 1);
5381
- --tc-grey-80: rgba(35, 40, 46, 1);
5382
- --tc-grey-70: rgba(67, 75, 86, 1);
5383
- --tc-grey-60: rgba(86, 97, 113, 1);
5384
- --tc-grey-60-inverse: rgba(88, 99, 116, 1);
5385
- --tc-grey-50: rgba(153, 160, 174, 1);
5386
- --tc-grey-40: rgba(192, 197, 206, 1);
5387
- --tc-grey-30: rgba(215, 219, 224, 1);
5388
- --tc-grey-20: rgba(235, 237, 239, 1);
5385
+ --tc-grey-110: rgba(12, 12, 14, 1);
5386
+ --tc-grey-100: rgba(18, 19, 21, 1);
5387
+ --tc-grey-90: rgba(24, 25, 27, 1);
5388
+ --tc-grey-80: rgba(38, 41, 44, 1);
5389
+ --tc-grey-70: rgba(72, 76, 81, 1);
5390
+ --tc-grey-60: rgba(93, 98, 105, 1);
5391
+ --tc-grey-50: rgba(158, 161, 169, 1);
5392
+ --tc-grey-40: rgba(196, 198, 202, 1);
5393
+ --tc-grey-30: rgba(217, 219, 221, 1);
5394
+ --tc-grey-20: rgba(236, 237, 238, 1);
5389
5395
  --tc-grey-10: rgba(247, 247, 247, 1);
5390
- --tc-grey-00: rgba(251, 251, 251, 1);
5396
+ --tc-grey-00: rgba(250, 250, 250, 1);
5397
+ --tc-grey-minus-10: rgba(253, 253, 253, 1);
5391
5398
  --tc-blue-80: rgba(8, 45, 104, 1);
5392
5399
  --tc-blue-70: rgba(12, 58, 131, 1);
5393
5400
  --tc-blue-60: rgba(17, 72, 158, 1);
@@ -5406,15 +5413,15 @@
5406
5413
  --tc-green-20: rgba(127, 223, 167, 1);
5407
5414
  --tc-green-10: rgba(179, 236, 202, 1);
5408
5415
  --tc-green-00: rgba(231, 249, 238, 1);
5409
- --tc-yellow-80: rgba(80, 59, 22, 1);
5410
- --tc-yellow-70: rgba(124, 90, 23, 1);
5411
- --tc-yellow-60: rgba(168, 121, 24, 1);
5412
- --tc-yellow-50: rgba(211, 151, 25, 1);
5413
- --tc-yellow-40: rgb(255, 182, 26);
5414
- --tc-yellow-30: rgba(254, 198, 76, 1);
5415
- --tc-yellow-20: rgba(254, 213, 127, 1);
5416
- --tc-yellow-10: rgba(253, 229, 177, 1);
5417
- --tc-yellow-00: rgba(252, 244, 227, 1);
5416
+ --tc-yellow-80: rgba(110, 85, 18, 1);
5417
+ --tc-yellow-70: rgba(139, 112, 14, 1);
5418
+ --tc-yellow-60: rgba(179, 142, 9, 1);
5419
+ --tc-yellow-50: rgba(222, 175, 2, 1);
5420
+ --tc-yellow-40: rgb(255, 208, 38);
5421
+ --tc-yellow-30: rgba(255, 226, 123, 1);
5422
+ --tc-yellow-20: rgba(255, 237, 179, 1);
5423
+ --tc-yellow-10: rgba(255, 244, 209, 1);
5424
+ --tc-yellow-00: rgba(255, 250, 235, 1);
5418
5425
  --tc-red-80: rgba(108, 27, 19, 1);
5419
5426
  --tc-red-70: rgba(139, 38, 28, 1);
5420
5427
  --tc-red-60: rgba(171, 48, 37, 1);
@@ -5433,35 +5440,37 @@
5433
5440
  --tc-violet-20: rgba(194, 176, 240, 1);
5434
5441
  --tc-violet-10: rgba(217, 206, 244, 1);
5435
5442
  --tc-violet-00: rgba(239, 236, 248, 1);
5436
- --tc-text-primary: var(--tc-grey-100);
5443
+ --tc-text-primary: var(--tc-grey-110);
5437
5444
  --tc-text-secondary: var(--tc-grey-70);
5438
5445
  --tc-text-tertiary: var(--tc-grey-60);
5446
+ --tc-text-white-permanent: var(--tc-grey-minus-10);
5447
+ --tc-text-black-permanent: var(--tc-grey-110);
5439
5448
  --tc-text-blue-grey: var(--tc-grey-50);
5440
5449
  --tc-text-link: var(--tc-blue-40);
5441
- --tc-text-inverse-primary: var(--tc-grey-00);
5450
+ --tc-text-inverse-primary: var(--tc-grey-minus-10);
5442
5451
  --tc-background-primary: var(--tc-grey-00);
5443
5452
  --tc-background-secondary: var(--tc-grey-10);
5444
5453
  --tc-background-tertiary: var(--tc-grey-20);
5445
5454
  --tc-background-quaternary: var(--tc-grey-30);
5446
5455
  --tc-background-white-black: rgb(255, 255, 255);
5447
5456
  --tc-layer-primary: rgb(255, 255, 255);
5448
- --tc-layer-primary-black: var(--tc-grey-100);
5449
5457
  --tc-layer-secondary: var(--tc-grey-10);
5450
5458
  --tc-layer-tertiary: var(--tc-grey-20);
5451
5459
  --tc-layer-quaternary: var(--tc-grey-30);
5452
- --tc-layer-inverse-primary: var(--tc-grey-100);
5453
- --tc-icon-primary: var(--tc-grey-100);
5454
- --tc-icon-white: var(--tc-grey-00);
5460
+ --tc-layer-inverse-primary: var(--tc-grey-110);
5461
+ --tc-icon-primary: var(--tc-grey-110);
5462
+ --tc-icon-white: var(--tc-grey-minus-10);
5455
5463
  --tc-icon-secondary: var(--tc-grey-50);
5456
5464
  --tc-icon-tertiary: var(--tc-grey-40);
5457
5465
  --tc-icon-quaternary: var(--tc-grey-30);
5458
- --tc-border-primary: var(--tc-grey-100);
5466
+ --tc-icon-quaternery-permanent: var(--tc-grey-30);
5467
+ --tc-border-primary: var(--tc-grey-110);
5459
5468
  --tc-border-secondary: var(--tc-grey-50);
5460
5469
  --tc-border-tertiary: var(--tc-grey-40);
5461
5470
  --tc-border-quaternary: var(--tc-grey-30);
5462
- --tc-border-inverse-primary: var(--tc-grey-00);
5471
+ --tc-border-inverse-primary: var(--tc-grey-minus-10);
5463
5472
  --tc-border-inverse-secondary: var(--tc-grey-50);
5464
- --tc-border-inverse-tertiary: var(--tc-grey-60-inverse);
5473
+ --tc-border-inverse-tertiary: var(--tc-grey-60);
5465
5474
  --tc-border-inverse-quaternary: var(--tc-grey-70);
5466
5475
  --tc-alert-info: var(--tc-blue-00);
5467
5476
  --tc-alert-success: var(--tc-green-00);
@@ -5471,7 +5480,7 @@
5471
5480
  --tc-alert-white: rgb(255, 255, 255);
5472
5481
  --tc-alert-accent-info: rgb(25, 98, 212);
5473
5482
  --tc-alert-accent-success: rgb(22, 197, 95);
5474
- --tc-alert-accent-warning: rgb(255, 182, 26);
5483
+ --tc-alert-accent-warning: rgb(255, 208, 38);
5475
5484
  --tc-alert-accent-error: rgb(233, 69, 54);
5476
5485
  --tc-alert-accent-neutral: rgb(149, 116, 231);
5477
5486
  --tc-alert-accent-orange: rgb(255, 88, 36);
@@ -5508,114 +5517,117 @@
5508
5517
  * Interactions
5509
5518
  */
5510
5519
  --tc-button-text-primary: var(--tc-grey-00);
5511
- --tc-button-text-secondary: var(--tc-grey-100);
5512
- --tc-button-text-disabled: rgba(255, 255, 255, 0.49);
5513
- --tc-button-text-secondary-disabled: rgba(35, 40, 46, 0.16);
5520
+ --tc-button-text-secondary: var(--tc-grey-110);
5521
+ --tc-button-text-disabled: rgba(250, 250, 250, 0.49);
5522
+ --tc-button-text-secondary-disabled: rgba(38, 41, 44, 0.16);
5514
5523
  --tc-button-text-white-permanent: var(--tc-grey-00);
5515
- --tc-button-text-black-permanent: var(--tc-grey-100);
5516
- --tc-button-text-inverse-primary: var(--tc-grey-100);
5524
+ --tc-button-text-black-permanent: var(--tc-grey-110);
5525
+ --tc-button-text-inverse-primary: var(--tc-grey-110);
5517
5526
  --tc-button-text-inverse-secondary: var(--tc-grey-00);
5518
- --tc-button-text-inverse-disabled: rgba(10, 11, 13, 0.32);
5519
- --tc-button-text-inverse-secondary-disabled: rgba(235, 237, 239, 0.3);
5527
+ --tc-button-text-inverse-disabled: rgba(12, 12, 14, 0.32);
5528
+ --tc-button-text-inverse-secondary-disabled: rgba(236, 237, 238, 0.3);
5520
5529
  --tc-button-primary-background-default: rgb(0, 0, 0);
5521
- --tc-button-primary-background-hover: rgba(35, 40, 46, 0.9);
5522
- --tc-button-primary-background-pressed: rgba(35, 40, 46, 0.8);
5523
- --tc-button-primary-background-disabled: rgba(35, 40, 46, 0.3);
5530
+ --tc-button-primary-background-hover: rgba(38, 41, 44, 0.9);
5531
+ --tc-button-primary-background-pressed: rgba(38, 41, 44, 0.8);
5532
+ --tc-button-primary-background-disabled: rgba(38, 41, 44, 0.3);
5524
5533
  --tc-button-primary-background-inverse-default: rgb(255, 255, 255);
5525
- --tc-button-primary-background-inverse-hover: rgba(235, 237, 239, 0.9);
5526
- --tc-button-primary-background-inverse-pressed: rgba(235, 237, 239, 0.8);
5527
- --tc-button-primary-background-inverse-disabled: rgba(235, 237, 239, 0.3);
5528
- --tc-button-secondary-background-hover: rgba(35, 40, 46, 0.12);
5529
- --tc-button-secondary-background-pressed: rgba(35, 40, 46, 0.3);
5530
- --tc-button-secondary-background-inverse-hover: rgba(235, 237, 239, 0.15);
5531
- --tc-button-secondary-background-inverse-pressed: rgba(235, 237, 239, 0.3);
5534
+ --tc-button-primary-background-inverse-hover: rgba(236, 237, 238, 0.9);
5535
+ --tc-button-primary-background-inverse-pressed: rgba(236, 237, 238, 0.8);
5536
+ --tc-button-primary-background-inverse-disabled: rgba(236, 237, 238, 0.3);
5537
+ --tc-button-secondary-background-hover: rgba(38, 41, 44, 0.12);
5538
+ --tc-button-secondary-background-pressed: rgba(38, 41, 44, 0.3);
5539
+ --tc-button-secondary-background-inverse-hover: rgba(236, 237, 238, 0.15);
5540
+ --tc-button-secondary-background-inverse-pressed: rgba(236, 237, 238, 0.3);
5532
5541
  --tc-button-icon-primary: var(--tc-grey-00);
5533
- --tc-button-icon-secondary: var(--tc-grey-100);
5534
- --tc-button-icon-disabled: rgba(255, 255, 255, 0.49);
5535
- --tc-button-icon-secondary-disabled: rgba(35, 40, 46, 0.16);
5542
+ --tc-button-icon-secondary: var(--tc-grey-110);
5543
+ --tc-button-icon-disabled: rgba(250, 250, 250, 0.49);
5544
+ --tc-button-icon-secondary-disabled: rgba(38, 41, 44, 0.16);
5536
5545
  --tc-button-icon-white-permanent: var(--tc-grey-00);
5537
- --tc-button-icon-black-permanent: var(--tc-grey-100);
5538
- --tc-button-icon-inverse-primary: var(--tc-grey-100);
5546
+ --tc-button-icon-black-permanent: var(--tc-grey-110);
5547
+ --tc-button-icon-inverse-primary: var(--tc-grey-110);
5539
5548
  --tc-button-icon-inverse-secondary: var(--tc-grey-00);
5540
- --tc-button-icon-inverse-disabled: rgba(10, 11, 13, 0.32);
5541
- --tc-button-icon-inverse-secondary-disabled: rgba(235, 237, 239, 0.3);
5542
- --tc-button-border-secondary: var($_grey-100);
5543
- --tc-button-border-disabled: rgba(35, 40, 46, 0.16);
5549
+ --tc-button-icon-inverse-disabled: rgba(12, 12, 14, 0.32);
5550
+ --tc-button-icon-inverse-secondary-disabled: rgba(236, 237, 238, 0.3);
5551
+ --tc-button-border-secondary: var($_grey-110);
5552
+ --tc-button-border-disabled: rgba(38, 41, 44, 0.16);
5544
5553
  --tc-button-border-inverse-secondary: var($_grey-00);
5545
- --tc-button-border-inverse-disabled: rgba(235, 237, 239, 0.3);
5546
- --tc-menu-item-hover: rgba(35, 40, 46, 0.06);
5547
- --tc-menu-item-pressed: rgba(35, 40, 46, 0.12);
5554
+ --tc-button-border-inverse-disabled: rgba(236, 237, 238, 0.3);
5555
+ --tc-menu-item-hover: rgba(38, 41, 44, 0.06);
5556
+ --tc-menu-item-pressed: rgba(38, 41, 44, 0.12);
5548
5557
  --tc-menu-item-active: var(--tc-blue-00);
5549
5558
  --tc-theme-switcher-background-light-theme-default: rgb(255, 255, 255);
5550
5559
  --tc-theme-switcher-background-light-theme-hover: var(--tc-grey-10);
5551
5560
  --tc-theme-switcher-background-light-theme-pressed: var(--tc-grey-20);
5552
5561
  --tc-theme-switcher-background-light-theme-selected: var(--tc-grey-10);
5553
- --tc-theme-switcher-background-dark-theme-default: var(--tc-grey-100);
5562
+ --tc-theme-switcher-background-dark-theme-default: var(--tc-grey-110);
5554
5563
  --tc-theme-switcher-background-dark-theme-hover: var(--tc-grey-90);
5555
5564
  --tc-theme-switcher-background-dark-theme-pressed: var(--tc-grey-80);
5556
5565
  --tc-theme-switcher-background-dark-theme-selected: var(--tc-grey-90);
5557
5566
  --tc-theme-switcher-border-light-theme-default: var(--tc-grey-30);
5558
5567
  --tc-theme-switcher-border-light-theme-hover: var(--tc-grey-40);
5559
5568
  --tc-theme-switcher-border-light-theme-pressed: var(--tc-grey-50);
5560
- --tc-theme-switcher-border-light-theme-selected: var(--tc-grey-100);
5569
+ --tc-theme-switcher-border-light-theme-selected: var(--tc-grey-110);
5561
5570
  --tc-theme-switcher-border-dark-theme-default: var(--tc-grey-30);
5562
5571
  --tc-theme-switcher-border-dark-theme-hover: var(--tc-grey-40);
5563
5572
  --tc-theme-switcher-border-dark-theme-pressed: var(--tc-grey-50);
5564
- --tc-theme-switcher-border-dark-theme-selected: var(--tc-grey-100);
5565
- --tc-theme-switcher-icon-light-theme: var(--tc-grey-100);
5573
+ --tc-theme-switcher-border-dark-theme-selected: var(--tc-grey-110);
5574
+ --tc-theme-switcher-icon-light-theme: var(--tc-grey-110);
5566
5575
  --tc-theme-switcher-icon-dark-theme: rgb(255, 255, 255);
5567
5576
  --tc-checkbox-default: rgb(255, 255, 255);
5568
- --tc-checkbox-hover: rgba(35, 40, 46, 0.06);
5569
- --tc-checkbox-pressed: rgba(35, 40, 46, 0.12);
5570
- --tc-checkbox-disabled: rgba(35, 40, 46, 0.12);
5577
+ --tc-checkbox-hover: rgba(38, 41, 44, 0.06);
5578
+ --tc-checkbox-pressed: rgba(38, 41, 44, 0.12);
5579
+ --tc-checkbox-disabled: rgba(38, 41, 44, 0.12);
5571
5580
  --tc-checkbox-active-default: rgb(0, 0, 0);
5572
- --tc-checkbox-active-hover: rgba(35, 40, 46, 0.9);
5573
- --tc-checkbox-active-pressed: rgba(35, 40, 46, 0.8);
5574
- --tc-checkbox-active-disabled: rgba(35, 40, 46, 0.16);
5575
- --tc-checkbox-active-focus: rgba(235, 237, 239, 0.9);
5581
+ --tc-checkbox-active-hover: rgba(38, 41, 44, 0.9);
5582
+ --tc-checkbox-active-pressed: rgba(38, 41, 44, 0.8);
5583
+ --tc-checkbox-active-disabled: rgba(38, 41, 44, 0.16);
5584
+ --tc-checkbox-active-focus: rgba(236, 237, 238, 0.9);
5576
5585
  --tc-radio-button-default: rgb(255, 255, 255);
5577
- --tc-radio-button-hover: rgba(35, 40, 46, 0.06);
5578
- --tc-radio-button-pressed: rgba(35, 40, 46, 0.12);
5579
- --tc-radio-button-disabled: rgba(35, 40, 46, 0.12);
5586
+ --tc-radio-button-hover: rgba(38, 41, 44, 0.06);
5587
+ --tc-radio-button-pressed: rgba(38, 41, 44, 0.12);
5588
+ --tc-radio-button-disabled: rgba(38, 41, 44, 0.12);
5580
5589
  --tc-radio-button-active-default: rgb(0, 0, 0);
5581
- --tc-radio-button-active-hover: rgba(35, 40, 46, 0.9);
5582
- --tc-radio-button-active-pressed: rgba(35, 40, 46, 0.8);
5583
- --tc-radio-button-active-disabled: rgba(35, 40, 46, 0.16);
5584
- --tc-radio-button-active-focus: rgba(235, 237, 239, 0.9);
5590
+ --tc-radio-button-active-hover: rgba(38, 41, 44, 0.9);
5591
+ --tc-radio-button-active-pressed: rgba(38, 41, 44, 0.8);
5592
+ --tc-radio-button-active-disabled: rgba(38, 41, 44, 0.16);
5593
+ --tc-radio-button-active-focus: rgba(236, 237, 238, 0.9);
5585
5594
  --tc-toggle-button-active-default: rgb(0, 0, 0);
5586
- --tc-toggle-button-active-hover: rgba(35, 40, 46, 0.9);
5595
+ --tc-toggle-button-active-hover: rgba(38, 41, 44, 0.9);
5587
5596
  --tc-toggle-button-active-disabled: var(--tc-grey-20);
5588
5597
  --tc-toggle-button-default: var(--tc-grey-30);
5589
5598
  --tc-toggle-button-hover: var(--tc-grey-40);
5590
5599
  --tc-toggle-button-disabled: var(--tc-grey-20);
5591
5600
  --tc-toggle-button-ellipse-default: rgb(255, 255, 255);
5592
5601
  --tc-toggle-button-ellipse-disabled: var(--tc-grey-10);
5593
- --tc-text-input-border-active: rgba(235, 237, 239, 0.9);
5594
- --tc-tooltip-text-primary: var(--tc-grey-100);
5602
+ --tc-text-input-border-active: rgba(236, 237, 238, 0.9);
5603
+ --tc-tooltip-text-primary: var(--tc-grey-110);
5595
5604
  --tc-tooltip-text-secondary: var(--tc-grey-70);
5596
- --tc-tooltip-text-inverse-primary: var(--tc-grey-00);
5605
+ --tc-tooltip-text-inverse-primary: var(--tc-grey-minus-10);
5597
5606
  --tc-tooltip-text-inverse-secondary: var(--tc-grey-30);
5598
5607
  --tc-tooltip-layer-primary: var(--tc-grey-10);
5599
5608
  --tc-tooltip-layer-secondary: var(--tc-grey-80);
5600
- --tc-search-active-focus: rgba(235, 237, 239, 0.9);
5609
+ --tc-search-active-focus: rgba(236, 237, 238, 0.9);
5610
+ --tc-spinner: var(--tc-grey-80);
5611
+ --tc-spinner-gradient-value-1: var(--tc-grey-80);
5612
+ --tc-spinner-gradient-value-2: rgba(38, 41, 44, 0);
5601
5613
  /**
5602
5614
  * Shadows
5603
5615
  */
5604
- --tc-elevation-one: 0 0 1px 0 rgba(10, 11, 13, 0.08),
5605
- 0 1px 3px 0 rgba(10, 11, 13, 0.12);
5606
- --tc-elevation-two: 0 0 1px 0 rgba(10, 11, 13, 0.08),
5607
- 0 3px 4px 0 rgba(10, 11, 13, 0.12);
5608
- --tc-elevation-three: 0 1px 2px 0 rgba(10, 11, 13, 0.05),
5609
- 0 5px 11px 0 rgba(10, 11, 13, 0.12);
5610
- --tc-elevation-four: 0 0 4px 0 rgba(10, 11, 13, 0.04),
5611
- 0 10px 15px 0 rgba(10, 11, 13, 0.12);
5612
- --tc-elevation-five: 0 1px 6px 0 rgba(10, 11, 13, 0.05),
5613
- 0 14px 25px 0 rgba(10, 11, 13, 0.14);
5614
- --tc-elevation-six: 0 1px 7px 0 rgba(10, 11, 13, 0.06),
5615
- 0 18px 30px 0 rgba(10, 11, 13, 0.15);
5616
- --tc-button-hover-shadow-centre: 0 0 1px 0 rgba(10, 11, 13, 0.08);
5617
- --tc-button-hover-shadow-raised: 0 1px 3px 0 rgba(10, 11, 13, 0.12);
5618
- --tc-toggle-button-hover-shadow-centre: 0 0 0 8px rgba(86, 97, 113, 0.16);
5616
+ --tc-elevation-one: 0 0 1px 0 rgba(12, 12, 14, 0.08),
5617
+ 0 1px 3px 0 rgba(12, 12, 14, 0.12);
5618
+ --tc-elevation-two: 0 0 1px 0 rgba(12, 12, 14, 0.08),
5619
+ 0 3px 4px 0 rgba(12, 12, 14, 0.12);
5620
+ --tc-elevation-three: 0 1px 2px 0 rgba(12, 12, 14, 0.05),
5621
+ 0 5px 11px 0 rgba(12, 12, 14, 0.12);
5622
+ --tc-elevation-four: 0 0 4px 0 rgba(12, 12, 14, 0.04),
5623
+ 0 10px 15px 0 rgba(12, 12, 14, 0.12);
5624
+ --tc-elevation-five: 0 1px 6px 0 rgba(12, 12, 14, 0.05),
5625
+ 0 14px 25px 0 rgba(12, 12, 14, 0.14);
5626
+ --tc-elevation-six: 0 1px 7px 0 rgba(12, 12, 14, 0.06),
5627
+ 0 18px 30px 0 rgba(12, 12, 14, 0.15);
5628
+ --tc-button-hover-shadow-centre: 0 0 1px 0 rgba(12, 12, 14, 0.08);
5629
+ --tc-button-hover-shadow-raised: 0 1px 3px 0 rgba(12, 12, 14, 0.12);
5630
+ --tc-toggle-button-hover-shadow-centre: 0 0 0 8px rgba(93, 98, 105, 0.16);
5619
5631
  --tc-toggle-button-hover-shadow-raised: 0 0 0 8px rgba(255, 255, 255, 0.3);
5620
5632
  }
5621
5633
 
package/dist/collection/components/basic/loaders/tet-spinner/tet-spinner.css CHANGED
@@ -15,8 +15,13 @@
15
15
  }
16
16
 
17
17
  .dark-theme {
18
- --spinner-primary-color: var(--tc-blue-40-dark);
19
- --spinner-secondary-color: transparent;
18
+ --spinner-primary-color: var(--tc-spinner-gradient-value-1-dark);
19
+ --spinner-secondary-color: var(--tc-spinner-gradient-value-2-dark);
20
+ }
21
+
22
+ .light-theme {
23
+ --spinner-primary-color: var(--tc-spinner-gradient-value-1);
24
+ --spinner-secondary-color: var(--tc-spinner-gradient-value-2);
20
25
  }
21
26
 
22
27
  .size--medium {