@tet/tet-components 1.3.28-testing → 1.3.29-production

package/dist/collection/components/simple/lists/tet-text-list/tet-text-list.css

@@ -5122,18 +5122,19 @@
   /**
   * Colors
   */
-  --tc-grey-100-dark: rgba(251, 251, 251, 1);
+  --tc-grey-110-dark: rgba(253, 253, 253, 1);
+  --tc-grey-100-dark: rgba(250, 250, 250, 1);
   --tc-grey-90-dark: rgba(247, 247, 247, 1);
-  --tc-grey-80-dark: rgba(235, 237, 239, 1);
-  --tc-grey-70-dark: rgba(215, 219, 224, 1);
-  --tc-grey-60-dark: rgba(185, 192, 202, 1);
-  --tc-grey-60-inverse-dark: rgba(192, 197, 206, 1);
-  --tc-grey-50-dark: rgba(153, 160, 174, 1);
-  --tc-grey-40-dark: rgba(88, 99, 116, 1);
-  --tc-grey-30-dark: rgba(67, 75, 86, 1);
-  --tc-grey-20-dark: rgba(35, 40, 46, 1);
-  --tc-grey-10-dark: rgba(22, 25, 29, 1);
-  --tc-grey-00-dark: rgb(10, 11, 13);
+  --tc-grey-80-dark: rgba(236, 237, 238, 1);
+  --tc-grey-70-dark: rgba(217, 219, 221, 1);
+  --tc-grey-60-dark: rgba(196, 198, 202, 1);
+  --tc-grey-50-dark: rgba(158, 161, 169, 1);
+  --tc-grey-40-dark: rgba(93, 98, 105, 1);
+  --tc-grey-30-dark: rgba(72, 76, 81, 1);
+  --tc-grey-20-dark: rgba(38, 41, 44, 1);
+  --tc-grey-10-dark: rgba(24, 25, 27, 1);
+  --tc-grey-00-dark: rgba(18, 19, 21, 1);
+  --tc-grey-minus-10-dark: rgba(12, 12, 14, 1);
   --tc-blue-80-dark: rgba(13, 24, 38, 1);
   --tc-blue-70-dark: rgba(19, 42, 78, 1);
   --tc-blue-60-dark: rgba(24, 70, 139, 1);
@@ -5152,15 +5153,15 @@
   --tc-green-20-dark: rgba(127, 223, 167, 1);
   --tc-green-10-dark: rgba(174, 249, 206, 1);
   --tc-green-00-dark: rgba(230, 254, 240, 1);
-  --tc-yellow-80-dark: rgba(34, 28, 17, 1);
-  --tc-yellow-70-dark: rgba(70, 56, 27, 1);
-  --tc-yellow-60-dark: rgba(123, 95, 35, 1);
-  --tc-yellow-50-dark: rgba(184, 137, 35, 1);
-  --tc-yellow-40-dark: rgb(232, 174, 48);
-  --tc-yellow-30-dark: rgba(241, 193, 91, 1);
-  --tc-yellow-20-dark: rgba(247, 212, 135, 1);
-  --tc-yellow-10-dark: rgba(252, 230, 182, 1);
-  --tc-yellow-00-dark: rgba(254, 247, 230, 1);
+  --tc-yellow-80-dark: rgba(34, 31, 17, 1);
+  --tc-yellow-70-dark: rgba(75, 64, 22, 1);
+  --tc-yellow-60-dark: rgba(147, 122, 31, 1);
+  --tc-yellow-50-dark: rgba(201, 164, 29, 1);
+  --tc-yellow-40-dark: rgb(255, 208, 38);
+  --tc-yellow-30-dark: rgba(248, 219, 114, 1);
+  --tc-yellow-20-dark: rgba(249, 224, 144, 1);
+  --tc-yellow-10-dark: rgba(252, 238, 186, 1);
+  --tc-yellow-00-dark: rgba(254, 248, 231, 1);
   --tc-red-80-dark: rgba(34, 18, 17, 1);
   --tc-red-70-dark: rgba(81, 35, 31, 1);
   --tc-red-60-dark: rgba(139, 47, 39, 1);
@@ -5180,9 +5181,11 @@
   --tc-violet-10-dark: rgba(219, 206, 253, 1);
   --tc-violet-00-dark: rgba(237, 230, 255, 1);
   --tc-brown-40-dark: rgba(50, 44, 36, 1);
-  --tc-text-primary-dark: var(--tc-grey-100-dark);
+  --tc-text-primary-dark: var(--tc-grey-110-dark);
   --tc-text-secondary-dark: var(--tc-grey-70-dark);
   --tc-text-tertiary-dark: var(--tc-grey-60-dark);
+  --tc-text-white-permanent-dark: var(--tc-grey-110-dark);
+  --tc-text-black-permanent-dark: var(--tc-grey-minus-10-dark);
   --tc-text-blue-grey-dark: var(--tc-grey-50-dark);
   --tc-text-link-dark: var(--tc-blue-40-dark);
   --tc-background-primary-dark: var(--tc-grey-00-dark);
@@ -5190,24 +5193,24 @@
   --tc-background-tertiary-dark: var(--tc-grey-20-dark);
   --tc-background-quaternary-dark: var(--tc-grey-30-dark);
   --tc-background-white-black-dark: rgb(0, 0, 0);
-  --tc-layer-primary-dark: var(--tc-grey-00-dark);
-  --tc-layer-primary-black-dark: var(--tc-grey-00-dark);
+  --tc-layer-primary-dark: var(--tc-grey-minus-10-dark);
   --tc-layer-secondary-dark: var(--tc-grey-10-dark);
   --tc-layer-tertiary-dark: var(--tc-grey-20-dark);
   --tc-layer-quaternary-dark: var(--tc-grey-30-dark);
   --tc-layer-inverse-primary-dark: rgb(255, 255, 255);
-  --tc-icon-primary-dark: var(--tc-grey-100-dark);
-  --tc-icon-white-dark: var(--tc-grey-100-dark);
+  --tc-icon-primary-dark: var(--tc-grey-110-dark);
+  --tc-icon-white-dark: var(--tc-grey-110-dark);
   --tc-icon-secondary-dark: var(--tc-grey-50-dark);
   --tc-icon-tertiary-dark: var(--tc-grey-40-dark);
   --tc-icon-quaternary-dark: var(--tc-grey-30-dark);
-  --tc-border-primary-dark: var(--tc-grey-100-dark);
+  --tc-icon-quaternery-permanent-dark: var(--tc-grey-70-dark);
+  --tc-border-primary-dark: var(--tc-grey-110-dark);
   --tc-border-secondary-dark: var(--tc-grey-50-dark);
   --tc-border-tertiary-dark: var(--tc-grey-40-dark);
   --tc-border-quaternary-dark: var(--tc-grey-30-dark);
-  --tc-border-inverse-primary-dark: var(--tc-grey-00-dark);
+  --tc-border-inverse-primary-dark: var(--tc-grey-minus-10-dark);
   --tc-border-inverse-secondary-dark: var(--tc-grey-50-dark);
-  --tc-border-inverse-tertiary-dark: var(--tc-grey-60-inverse-dark);
+  --tc-border-inverse-tertiary-dark: var(--tc-grey-60-dark);
   --tc-border-inverse-quaternary-dark: var(--tc-grey-70-dark);
   --tc-alert-info-dark: var(--tc-blue-80-dark);
   --tc-alert-success-dark: var(--tc-green-80-dark);
@@ -5217,7 +5220,7 @@
   --tc-alert-white-dark: var(--tc-grey-20-dark);
   --tc-alert-accent-info-dark: rgb(52, 129, 247);
   --tc-alert-accent-success-dark: rgb(48, 192, 108);
-  --tc-alert-accent-warning-dark: rgb(232, 174, 48);
+  --tc-alert-accent-warning-dark: rgb(255, 208, 38);
   --tc-alert-accent-error-dark: rgb(235, 90, 77);
   --tc-alert-accent-neutral-dark: rgb(172, 147, 236);
   --tc-alert-accent-orange-dark: rgb(220, 78, 34);
@@ -5254,50 +5257,50 @@
   /**
   * Interactions
   */
-  --tc-button-text-primary-dark: var(--tc-grey-00-dark);
+  --tc-button-text-primary-dark: var(--tc-grey-minus-10-dark);
   --tc-button-text-secondary-dark: var(--tc-grey-100-dark);
-  --tc-button-text-disabled-dark: rgba(10, 11, 13, 0.32);
-  --tc-button-text-secondary-disabled-dark: rgba(235, 237, 239, 0.3);
+  --tc-button-text-disabled-dark: rgba(12, 12, 14, 0.32);
+  --tc-button-text-secondary-disabled-dark: rgba(236, 237, 238, 0.3);
   --tc-button-text-white-permanent-dark: var(--tc-grey-100-dark);
-  --tc-button-text-black-permanent-dark: var(--tc-grey-00-dark);
+  --tc-button-text-black-permanent-dark: var(--tc-grey-minus-10-dark);
   --tc-button-text-inverse-primary-dark: var(--tc-grey-100-dark);
-  --tc-button-text-inverse-secondary-dark: var(--tc-grey-00-dark);
-  --tc-button-text-inverse-disabled-dark: rgba(255, 255, 255, 0.49);
-  --tc-button-text-inverse-secondary-disabled-dark: rgba(35, 40, 46, 0.16);
+  --tc-button-text-inverse-secondary-dark: var(--tc-grey-minus-10-dark);
+  --tc-button-text-inverse-disabled-dark: rgba(250, 250, 250, 0.49);
+  --tc-button-text-inverse-secondary-disabled-dark: rgba(38, 41, 44, 0.16);
   --tc-button-primary-background-default-dark: rgb(255, 255, 255);
-  --tc-button-primary-background-hover-dark: rgba(235, 237, 239, 0.9);
-  --tc-button-primary-background-pressed-dark: rgba(235, 237, 239, 0.8);
-  --tc-button-primary-background-disabled-dark: rgba(235, 237, 239, 0.3);
+  --tc-button-primary-background-hover-dark: rgba(236, 237, 238, 0.9);
+  --tc-button-primary-background-pressed-dark: rgba(236, 237, 238, 0.8);
+  --tc-button-primary-background-disabled-dark: rgba(236, 237, 238, 0.3);
   --tc-button-primary-background-inverse-default-dark: rgb(0, 0, 0);
-  --tc-button-primary-background-inverse-hover-dark: rgba(35, 40, 46, 0.9);
-  --tc-button-primary-background-inverse-pressed-dark: rgba(35, 40, 46, 0.8);
-  --tc-button-primary-background-inverse-disabled-dark: rgba(35, 40, 46, 0.3);
-  --tc-button-secondary-background-hover-dark: rgba(235, 237, 239, 0.15);
-  --tc-button-secondary-background-pressed-dark: rgba(235, 237, 239, 0.3);
-  --tc-button-secondary-background-inverse-hover-dark: rgba(35, 40, 46, 0.12);
-  --tc-button-secondary-background-inverse-pressed-dark: rgba(35, 40, 46, 0.3);
-  --tc-button-icon-primary-dark: var(--tc-grey-00-dark);
+  --tc-button-primary-background-inverse-hover-dark: rgba(38, 41, 44, 0.9);
+  --tc-button-primary-background-inverse-pressed-dark: rgba(38, 41, 44, 0.8);
+  --tc-button-primary-background-inverse-disabled-dark: rgba(38, 41, 44, 0.3);
+  --tc-button-secondary-background-hover-dark: rgba(236, 237, 238, 0.15);
+  --tc-button-secondary-background-pressed-dark: rgba(236, 237, 238, 0.3);
+  --tc-button-secondary-background-inverse-hover-dark: rgba(38, 41, 44, 0.12);
+  --tc-button-secondary-background-inverse-pressed-dark: rgba(38, 41, 44, 0.3);
+  --tc-button-icon-primary-dark: var(--tc-grey-minus-10-dark);
   --tc-button-icon-secondary-dark: var(--tc-grey-100-dark);
-  --tc-button-icon-disabled-dark: rgba(10, 11, 13, 0.32);
-  --tc-button-icon-secondary-disabled-dark: rgba(235, 237, 239, 0.3);
+  --tc-button-icon-disabled-dark: rgba(12, 12, 14, 0.32);
+  --tc-button-icon-secondary-disabled-dark: rgba(236, 237, 238, 0.3);
   --tc-button-icon-white-permanent-dark: var(--tc-grey-100-dark);
-  --tc-button-icon-black-permanent-dark: var(--tc-grey-00-dark);
+  --tc-button-icon-black-permanent-dark: var(--tc-grey-minus-10-dark);
   --tc-button-icon-inverse-primary-dark: var(--tc-grey-100-dark);
-  --tc-button-icon-inverse-secondary-dark: var(--tc-grey-00-dark);
-  --tc-button-icon-inverse-disabled-dark: rgba(255, 255, 255, 0.49);
-  --tc-button-icon-inverse-secondary-disabled-dark: rgba(35, 40, 46, 0.16);
+  --tc-button-icon-inverse-secondary-dark: var(--tc-grey-minus-10-dark);
+  --tc-button-icon-inverse-disabled-dark: rgba(250, 250, 250, 0.49);
+  --tc-button-icon-inverse-secondary-disabled-dark: rgba(38, 41, 44, 0.16);
   --tc-button-border-secondary-dark: var($_grey-100);
-  --tc-button-border-disabled-dark: rgba(235, 237, 239, 0.3);
+  --tc-button-border-disabled-dark: rgba(236, 237, 238, 0.3);
   --tc-button-border-inverse-secondary-dark: var($_grey-00);
-  --tc-button-border-inverse-disabled-dark: rgba(35, 40, 46, 0.16);
-  --tc-menu-item-hover-dark: rgba(235, 237, 239, 0.12);
-  --tc-menu-item-pressed-dark: rgba(235, 237, 239, 0.24);
+  --tc-button-border-inverse-disabled-dark: rgba(38, 41, 44, 0.16);
+  --tc-menu-item-hover-dark: rgba(236, 237, 238, 0.12);
+  --tc-menu-item-pressed-dark: rgba(236, 237, 238, 0.24);
   --tc-menu-item-active-dark: rgba(29, 50, 84, 1);
   --tc-theme-switcher-background-light-theme-default-dark: rgb(255, 255, 255);
   --tc-theme-switcher-background-light-theme-hover-dark: var(--tc-grey-90-dark);
   --tc-theme-switcher-background-light-theme-pressed-dark: var(--tc-grey-80-dark);
   --tc-theme-switcher-background-light-theme-selected-dark: var(--tc-grey-90-dark);
-  --tc-theme-switcher-background-dark-theme-default-dark: var(--tc-grey-00-dark);
+  --tc-theme-switcher-background-dark-theme-default-dark: var(--tc-grey-minus-10-dark);
   --tc-theme-switcher-background-dark-theme-hover-dark: var(--tc-grey-10-dark);
   --tc-theme-switcher-background-dark-theme-pressed-dark: var(--tc-grey-20-dark);
   --tc-theme-switcher-background-dark-theme-selected-dark: var(--tc-grey-10-dark);
@@ -5308,61 +5311,64 @@
   --tc-theme-switcher-border-dark-theme-default-dark: var(--tc-grey-30-dark);
   --tc-theme-switcher-border-dark-theme-hover-dark: var(--tc-grey-40-dark);
   --tc-theme-switcher-border-dark-theme-pressed-dark: var(--tc-grey-50-dark);
-  --tc-theme-switcher-border-dark-theme-selected-dark: var(--tc-grey-100-dark);
-  --tc-theme-switcher-icon-light-theme-dark: var(--tc-grey-00-dark);
+  --tc-theme-switcher-border-dark-theme-selected-dark: rgb(255, 255, 255);
+  --tc-theme-switcher-icon-light-theme-dark: var(--tc-grey-minus-10-dark);
   --tc-theme-switcher-icon-dark-theme-dark: rgb(255, 255, 255);
   --tc-checkbox-default-dark: rgb(0, 0, 0);
-  --tc-checkbox-hover-dark: rgba(235, 237, 239, 0.12);
-  --tc-checkbox-pressed-dark: rgba(235, 237, 239, 0.24);
-  --tc-checkbox-disabled-dark: rgba(235, 237, 239, 0.24);
+  --tc-checkbox-hover-dark: rgba(236, 237, 238, 0.12);
+  --tc-checkbox-pressed-dark: rgba(236, 237, 238, 0.24);
+  --tc-checkbox-disabled-dark: rgba(236, 237, 238, 0.24);
   --tc-checkbox-active-default-dark: rgb(255, 255, 255);
-  --tc-checkbox-active-hover-dark: rgba(235, 237, 239, 0.9);
-  --tc-checkbox-active-pressed-dark: rgba(235, 237, 239, 0.8);
-  --tc-checkbox-active-disabled-dark: rgba(235, 237, 239, 0.3);
-  --tc-checkbox-active-focus-dark: rgba(35, 40, 46, 0.9);
+  --tc-checkbox-active-hover-dark: rgba(236, 237, 238, 0.9);
+  --tc-checkbox-active-pressed-dark: rgba(236, 237, 238, 0.8);
+  --tc-checkbox-active-disabled-dark: rgba(236, 237, 238, 0.3);
+  --tc-checkbox-active-focus-dark: rgba(38, 41, 44, 0.9);
   --tc-radio-button-default-dark: rgb(0, 0, 0);
-  --tc-radio-button-hover-dark: rgba(235, 237, 239, 0.12);
-  --tc-radio-button-pressed-dark: rgba(235, 237, 239, 0.24);
-  --tc-radio-button-disabled-dark: rgba(235, 237, 239, 0.24);
+  --tc-radio-button-hover-dark: rgba(236, 237, 238, 0.12);
+  --tc-radio-button-pressed-dark: rgba(236, 237, 238, 0.24);
+  --tc-radio-button-disabled-dark: rgba(236, 237, 238, 0.24);
   --tc-radio-button-active-default-dark: rgb(255, 255, 255);
-  --tc-radio-button-active-hover-dark: rgba(235, 237, 239, 0.9);
-  --tc-radio-button-active-pressed-dark: rgba(235, 237, 239, 0.8);
-  --tc-radio-button-active-disabled-dark: rgba(235, 237, 239, 0.3);
-  --tc-radio-button-active-focus-dark: rgba(35, 40, 46, 0.9);
+  --tc-radio-button-active-hover-dark: rgba(236, 237, 238, 0.9);
+  --tc-radio-button-active-pressed-dark: rgba(236, 237, 238, 0.8);
+  --tc-radio-button-active-disabled-dark: rgba(236, 237, 238, 0.3);
+  --tc-radio-button-active-focus-dark: rgba(38, 41, 44, 0.9);
   --tc-toggle-button-active-default-dark: rgb(255, 255, 255);
-  --tc-toggle-button-active-hover-dark: rgba(235, 237, 239, 0.9);
+  --tc-toggle-button-active-hover-dark: rgba(236, 237, 238, 0.9);
   --tc-toggle-button-active-disabled-dark: var(--tc-grey-20-dark);
   --tc-toggle-button-default-dark: var(--tc-grey-30-dark);
   --tc-toggle-button-hover-dark: var(--tc-grey-40-dark);
   --tc-toggle-button-disabled-dark: var(--tc-grey-20-dark);
   --tc-toggle-button-ellipse-default-dark: rgb(0, 0, 0);
   --tc-toggle-button-ellipse-disabled-dark: var(--tc-grey-10-dark);
-  --tc-text-input-border-active-dark: rgba(35, 40, 46, 0.9);
-  --tc-tooltip-text-primary-dark: var(--tc-grey-00-dark);
+  --tc-text-input-border-active-dark: rgba(38, 41, 44, 0.9);
+  --tc-tooltip-text-primary-dark: var(--tc-grey-minus-10-dark);
   --tc-tooltip-text-secondary-dark: var(--tc-grey-30-dark);
-  --tc-tooltip-text-inverse-primary-dark: var(--tc-grey-100-dark);
+  --tc-tooltip-text-inverse-primary-dark: var(--tc-grey-110-dark);
   --tc-tooltip-text-inverse-secondary-dark: var(--tc-grey-70-dark);
   --tc-tooltip-layer-primary-dark: var(--tc-grey-90-dark);
   --tc-tooltip-layer-secondary-dark: var(--tc-grey-20-dark);
-  --tc-search-active-focus-dark: rgba(35, 40, 46, 0.9);
+  --tc-search-active-focus-dark: rgba(38, 41, 44, 0.9);
+  --tc-spinner-dark: var(--tc-grey-80-dark);
+  --tc-spinner-gradient-value-1-dark: var(--tc-grey-80-dark);
+  --tc-spinner-gradient-value-2-dark: rgba(236, 237, 238, 0);
   /**
   * Shadows
   */
-  --tc-elevation-one-dark: 0 0 1px 0 rgba(10, 11, 13, 0.2),
-  0 1px 3px 0 rgba(10, 11, 13, 0.37);
-  --tc-elevation-two-dark: 0 0 1px 0 rgba(10, 11, 13, 0.2),
-  0 3px 4px 0 rgba(10, 11, 13, 0.3);
-  --tc-elevation-three-layer1-dark: 0 1px 2px 0 rgba(10, 11, 13, 0.2),
-  0 5px 11px 0 rgba(10, 11, 13, 0.33);
-  --tc-elevation-four-layer1-dark: 0 0 4px 0 rgba(10, 11, 13, 0.2),
-  0 10px 15px 0 rgba(10, 11, 13, 0.33);
-  --tc-elevation-five-layer1-dark: 0 1px 6px 0 rgba(10, 11, 13, 0.2),
-  0 14px 25px 0 rgba(10, 11, 13, 0.34);
-  --tc-elevation-six-layer1-dark: 0 1px 7px 0 rgba(10, 11, 13, 0.2),
-  0 18px 30px 0 rgba(10, 11, 13, 0.36);
-  --tc-button-hover-shadow-centre-dark: 0 0 1px 0 rgba(0, 0, 0, 0.2);
-  --tc-button-hover-shadow-raised-dark: 0 1px 3px 0 rgba(0, 0, 0, 0.37);
-  --tc-toggle-button-hover-shadow-centre-dark: 0 0 0 8px rgba(185, 192, 202, 0.2);
+  --tc-elevation-one-dark: 0 0 1px 0 rgba(12, 12, 14, 0.2),
+  0 1px 3px 0 rgba(12, 12, 14, 0.37);
+  --tc-elevation-two-dark: 0 0 1px 0 rgba(12, 12, 14, 0.2),
+  0 3px 4px 0 rgba(12, 12, 14, 0.3);
+  --tc-elevation-three-layer1-dark: 0 1px 2px 0 rgba(12, 12, 14, 0.2),
+  0 5px 11px 0 rgba(12, 12, 14, 0.33);
+  --tc-elevation-four-layer1-dark: 0 0 4px 0 rgba(12, 12, 14, 0.2),
+  0 10px 15px 0 rgba(12, 12, 14, 0.33);
+  --tc-elevation-five-layer1-dark: 0 1px 6px 0 rgba(12, 12, 14, 0.2),
+  0 14px 25px 0 rgba(12, 12, 14, 0.34);
+  --tc-elevation-six-layer1-dark: 0 1px 7px 0 rgba(12, 12, 14, 0.2),
+  0 18px 30px 0 rgba(12, 12, 14, 0.36);
+  --tc-button-hover-shadow-centre-dark: 0 0 1px 0 rgba(12, 12, 14, 0.2);
+  --tc-button-hover-shadow-raised-dark: 0 1px 3px 0 rgba(12, 12, 14, 0.37);
+  --tc-toggle-button-hover-shadow-centre-dark: 0 0 0 8px rgba(196, 198, 202, 0.2);
   --tc-toggle-button-hover-shadow-raised-dark: 0 0 0 8px rgba(255, 255, 255, 0.2);
 }
 
@@ -5377,18 +5383,19 @@
   /**
   * Colors
   */
-  --tc-grey-100: rgb(10, 11, 13);
-  --tc-grey-90: rgba(22, 25, 29, 1);
-  --tc-grey-80: rgba(35, 40, 46, 1);
-  --tc-grey-70: rgba(67, 75, 86, 1);
-  --tc-grey-60: rgba(86, 97, 113, 1);
-  --tc-grey-60-inverse: rgba(88, 99, 116, 1);
-  --tc-grey-50: rgba(153, 160, 174, 1);
-  --tc-grey-40: rgba(192, 197, 206, 1);
-  --tc-grey-30: rgba(215, 219, 224, 1);
-  --tc-grey-20: rgba(235, 237, 239, 1);
+  --tc-grey-110: rgba(12, 12, 14, 1);
+  --tc-grey-100: rgba(18, 19, 21, 1);
+  --tc-grey-90: rgba(24, 25, 27, 1);
+  --tc-grey-80: rgba(38, 41, 44, 1);
+  --tc-grey-70: rgba(72, 76, 81, 1);
+  --tc-grey-60: rgba(93, 98, 105, 1);
+  --tc-grey-50: rgba(158, 161, 169, 1);
+  --tc-grey-40: rgba(196, 198, 202, 1);
+  --tc-grey-30: rgba(217, 219, 221, 1);
+  --tc-grey-20: rgba(236, 237, 238, 1);
   --tc-grey-10: rgba(247, 247, 247, 1);
-  --tc-grey-00: rgba(251, 251, 251, 1);
+  --tc-grey-00: rgba(250, 250, 250, 1);
+  --tc-grey-minus-10: rgba(253, 253, 253, 1);
   --tc-blue-80: rgba(8, 45, 104, 1);
   --tc-blue-70: rgba(12, 58, 131, 1);
   --tc-blue-60: rgba(17, 72, 158, 1);
@@ -5407,15 +5414,15 @@
   --tc-green-20: rgba(127, 223, 167, 1);
   --tc-green-10: rgba(179, 236, 202, 1);
   --tc-green-00: rgba(231, 249, 238, 1);
-  --tc-yellow-80: rgba(80, 59, 22, 1);
-  --tc-yellow-70: rgba(124, 90, 23, 1);
-  --tc-yellow-60: rgba(168, 121, 24, 1);
-  --tc-yellow-50: rgba(211, 151, 25, 1);
-  --tc-yellow-40: rgb(255, 182, 26);
-  --tc-yellow-30: rgba(254, 198, 76, 1);
-  --tc-yellow-20: rgba(254, 213, 127, 1);
-  --tc-yellow-10: rgba(253, 229, 177, 1);
-  --tc-yellow-00: rgba(252, 244, 227, 1);
+  --tc-yellow-80: rgba(110, 85, 18, 1);
+  --tc-yellow-70: rgba(139, 112, 14, 1);
+  --tc-yellow-60: rgba(179, 142, 9, 1);
+  --tc-yellow-50: rgba(222, 175, 2, 1);
+  --tc-yellow-40: rgb(255, 208, 38);
+  --tc-yellow-30: rgba(255, 226, 123, 1);
+  --tc-yellow-20: rgba(255, 237, 179, 1);
+  --tc-yellow-10: rgba(255, 244, 209, 1);
+  --tc-yellow-00: rgba(255, 250, 235, 1);
   --tc-red-80: rgba(108, 27, 19, 1);
   --tc-red-70: rgba(139, 38, 28, 1);
   --tc-red-60: rgba(171, 48, 37, 1);
@@ -5434,35 +5441,37 @@
   --tc-violet-20: rgba(194, 176, 240, 1);
   --tc-violet-10: rgba(217, 206, 244, 1);
   --tc-violet-00: rgba(239, 236, 248, 1);
-  --tc-text-primary: var(--tc-grey-100);
+  --tc-text-primary: var(--tc-grey-110);
   --tc-text-secondary: var(--tc-grey-70);
   --tc-text-tertiary: var(--tc-grey-60);
+  --tc-text-white-permanent: var(--tc-grey-minus-10);
+  --tc-text-black-permanent: var(--tc-grey-110);
   --tc-text-blue-grey: var(--tc-grey-50);
   --tc-text-link: var(--tc-blue-40);
-  --tc-text-inverse-primary: var(--tc-grey-00);
+  --tc-text-inverse-primary: var(--tc-grey-minus-10);
   --tc-background-primary: var(--tc-grey-00);
   --tc-background-secondary: var(--tc-grey-10);
   --tc-background-tertiary: var(--tc-grey-20);
   --tc-background-quaternary: var(--tc-grey-30);
   --tc-background-white-black: rgb(255, 255, 255);
   --tc-layer-primary: rgb(255, 255, 255);
-  --tc-layer-primary-black: var(--tc-grey-100);
   --tc-layer-secondary: var(--tc-grey-10);
   --tc-layer-tertiary: var(--tc-grey-20);
   --tc-layer-quaternary: var(--tc-grey-30);
-  --tc-layer-inverse-primary: var(--tc-grey-100);
-  --tc-icon-primary: var(--tc-grey-100);
-  --tc-icon-white: var(--tc-grey-00);
+  --tc-layer-inverse-primary: var(--tc-grey-110);
+  --tc-icon-primary: var(--tc-grey-110);
+  --tc-icon-white: var(--tc-grey-minus-10);
   --tc-icon-secondary: var(--tc-grey-50);
   --tc-icon-tertiary: var(--tc-grey-40);
   --tc-icon-quaternary: var(--tc-grey-30);
-  --tc-border-primary: var(--tc-grey-100);
+  --tc-icon-quaternery-permanent: var(--tc-grey-30);
+  --tc-border-primary: var(--tc-grey-110);
   --tc-border-secondary: var(--tc-grey-50);
   --tc-border-tertiary: var(--tc-grey-40);
   --tc-border-quaternary: var(--tc-grey-30);
-  --tc-border-inverse-primary: var(--tc-grey-00);
+  --tc-border-inverse-primary: var(--tc-grey-minus-10);
   --tc-border-inverse-secondary: var(--tc-grey-50);
-  --tc-border-inverse-tertiary: var(--tc-grey-60-inverse);
+  --tc-border-inverse-tertiary: var(--tc-grey-60);
   --tc-border-inverse-quaternary: var(--tc-grey-70);
   --tc-alert-info: var(--tc-blue-00);
   --tc-alert-success: var(--tc-green-00);
@@ -5472,7 +5481,7 @@
   --tc-alert-white: rgb(255, 255, 255);
   --tc-alert-accent-info: rgb(25, 98, 212);
   --tc-alert-accent-success: rgb(22, 197, 95);
-  --tc-alert-accent-warning: rgb(255, 182, 26);
+  --tc-alert-accent-warning: rgb(255, 208, 38);
   --tc-alert-accent-error: rgb(233, 69, 54);
   --tc-alert-accent-neutral: rgb(149, 116, 231);
   --tc-alert-accent-orange: rgb(255, 88, 36);
@@ -5509,114 +5518,117 @@
   * Interactions
   */
   --tc-button-text-primary: var(--tc-grey-00);
-  --tc-button-text-secondary: var(--tc-grey-100);
-  --tc-button-text-disabled: rgba(255, 255, 255, 0.49);
-  --tc-button-text-secondary-disabled: rgba(35, 40, 46, 0.16);
+  --tc-button-text-secondary: var(--tc-grey-110);
+  --tc-button-text-disabled: rgba(250, 250, 250, 0.49);
+  --tc-button-text-secondary-disabled: rgba(38, 41, 44, 0.16);
   --tc-button-text-white-permanent: var(--tc-grey-00);
-  --tc-button-text-black-permanent: var(--tc-grey-100);
-  --tc-button-text-inverse-primary: var(--tc-grey-100);
+  --tc-button-text-black-permanent: var(--tc-grey-110);
+  --tc-button-text-inverse-primary: var(--tc-grey-110);
   --tc-button-text-inverse-secondary: var(--tc-grey-00);
-  --tc-button-text-inverse-disabled: rgba(10, 11, 13, 0.32);
-  --tc-button-text-inverse-secondary-disabled: rgba(235, 237, 239, 0.3);
+  --tc-button-text-inverse-disabled: rgba(12, 12, 14, 0.32);
+  --tc-button-text-inverse-secondary-disabled: rgba(236, 237, 238, 0.3);
   --tc-button-primary-background-default: rgb(0, 0, 0);
-  --tc-button-primary-background-hover: rgba(35, 40, 46, 0.9);
-  --tc-button-primary-background-pressed: rgba(35, 40, 46, 0.8);
-  --tc-button-primary-background-disabled: rgba(35, 40, 46, 0.3);
+  --tc-button-primary-background-hover: rgba(38, 41, 44, 0.9);
+  --tc-button-primary-background-pressed: rgba(38, 41, 44, 0.8);
+  --tc-button-primary-background-disabled: rgba(38, 41, 44, 0.3);
   --tc-button-primary-background-inverse-default: rgb(255, 255, 255);
-  --tc-button-primary-background-inverse-hover: rgba(235, 237, 239, 0.9);
-  --tc-button-primary-background-inverse-pressed: rgba(235, 237, 239, 0.8);
-  --tc-button-primary-background-inverse-disabled: rgba(235, 237, 239, 0.3);
-  --tc-button-secondary-background-hover: rgba(35, 40, 46, 0.12);
-  --tc-button-secondary-background-pressed: rgba(35, 40, 46, 0.3);
-  --tc-button-secondary-background-inverse-hover: rgba(235, 237, 239, 0.15);
-  --tc-button-secondary-background-inverse-pressed: rgba(235, 237, 239, 0.3);
+  --tc-button-primary-background-inverse-hover: rgba(236, 237, 238, 0.9);
+  --tc-button-primary-background-inverse-pressed: rgba(236, 237, 238, 0.8);
+  --tc-button-primary-background-inverse-disabled: rgba(236, 237, 238, 0.3);
+  --tc-button-secondary-background-hover: rgba(38, 41, 44, 0.12);
+  --tc-button-secondary-background-pressed: rgba(38, 41, 44, 0.3);
+  --tc-button-secondary-background-inverse-hover: rgba(236, 237, 238, 0.15);
+  --tc-button-secondary-background-inverse-pressed: rgba(236, 237, 238, 0.3);
   --tc-button-icon-primary: var(--tc-grey-00);
-  --tc-button-icon-secondary: var(--tc-grey-100);
-  --tc-button-icon-disabled: rgba(255, 255, 255, 0.49);
-  --tc-button-icon-secondary-disabled: rgba(35, 40, 46, 0.16);
+  --tc-button-icon-secondary: var(--tc-grey-110);
+  --tc-button-icon-disabled: rgba(250, 250, 250, 0.49);
+  --tc-button-icon-secondary-disabled: rgba(38, 41, 44, 0.16);
   --tc-button-icon-white-permanent: var(--tc-grey-00);
-  --tc-button-icon-black-permanent: var(--tc-grey-100);
-  --tc-button-icon-inverse-primary: var(--tc-grey-100);
+  --tc-button-icon-black-permanent: var(--tc-grey-110);
+  --tc-button-icon-inverse-primary: var(--tc-grey-110);
   --tc-button-icon-inverse-secondary: var(--tc-grey-00);
-  --tc-button-icon-inverse-disabled: rgba(10, 11, 13, 0.32);
-  --tc-button-icon-inverse-secondary-disabled: rgba(235, 237, 239, 0.3);
-  --tc-button-border-secondary: var($_grey-100);
-  --tc-button-border-disabled: rgba(35, 40, 46, 0.16);
+  --tc-button-icon-inverse-disabled: rgba(12, 12, 14, 0.32);
+  --tc-button-icon-inverse-secondary-disabled: rgba(236, 237, 238, 0.3);
+  --tc-button-border-secondary: var($_grey-110);
+  --tc-button-border-disabled: rgba(38, 41, 44, 0.16);
   --tc-button-border-inverse-secondary: var($_grey-00);
-  --tc-button-border-inverse-disabled: rgba(235, 237, 239, 0.3);
-  --tc-menu-item-hover: rgba(35, 40, 46, 0.06);
-  --tc-menu-item-pressed: rgba(35, 40, 46, 0.12);
+  --tc-button-border-inverse-disabled: rgba(236, 237, 238, 0.3);
+  --tc-menu-item-hover: rgba(38, 41, 44, 0.06);
+  --tc-menu-item-pressed: rgba(38, 41, 44, 0.12);
   --tc-menu-item-active: var(--tc-blue-00);
   --tc-theme-switcher-background-light-theme-default: rgb(255, 255, 255);
   --tc-theme-switcher-background-light-theme-hover: var(--tc-grey-10);
   --tc-theme-switcher-background-light-theme-pressed: var(--tc-grey-20);
   --tc-theme-switcher-background-light-theme-selected: var(--tc-grey-10);
-  --tc-theme-switcher-background-dark-theme-default: var(--tc-grey-100);
+  --tc-theme-switcher-background-dark-theme-default: var(--tc-grey-110);
   --tc-theme-switcher-background-dark-theme-hover: var(--tc-grey-90);
   --tc-theme-switcher-background-dark-theme-pressed: var(--tc-grey-80);
   --tc-theme-switcher-background-dark-theme-selected: var(--tc-grey-90);
   --tc-theme-switcher-border-light-theme-default: var(--tc-grey-30);
   --tc-theme-switcher-border-light-theme-hover: var(--tc-grey-40);
   --tc-theme-switcher-border-light-theme-pressed: var(--tc-grey-50);
-  --tc-theme-switcher-border-light-theme-selected: var(--tc-grey-100);
+  --tc-theme-switcher-border-light-theme-selected: var(--tc-grey-110);
   --tc-theme-switcher-border-dark-theme-default: var(--tc-grey-30);
   --tc-theme-switcher-border-dark-theme-hover: var(--tc-grey-40);
   --tc-theme-switcher-border-dark-theme-pressed: var(--tc-grey-50);
-  --tc-theme-switcher-border-dark-theme-selected: var(--tc-grey-100);
-  --tc-theme-switcher-icon-light-theme: var(--tc-grey-100);
+  --tc-theme-switcher-border-dark-theme-selected: var(--tc-grey-110);
+  --tc-theme-switcher-icon-light-theme: var(--tc-grey-110);
   --tc-theme-switcher-icon-dark-theme: rgb(255, 255, 255);
   --tc-checkbox-default: rgb(255, 255, 255);
-  --tc-checkbox-hover: rgba(35, 40, 46, 0.06);
-  --tc-checkbox-pressed: rgba(35, 40, 46, 0.12);
-  --tc-checkbox-disabled: rgba(35, 40, 46, 0.12);
+  --tc-checkbox-hover: rgba(38, 41, 44, 0.06);
+  --tc-checkbox-pressed: rgba(38, 41, 44, 0.12);
+  --tc-checkbox-disabled: rgba(38, 41, 44, 0.12);
   --tc-checkbox-active-default: rgb(0, 0, 0);
-  --tc-checkbox-active-hover: rgba(35, 40, 46, 0.9);
-  --tc-checkbox-active-pressed: rgba(35, 40, 46, 0.8);
-  --tc-checkbox-active-disabled: rgba(35, 40, 46, 0.16);
-  --tc-checkbox-active-focus: rgba(235, 237, 239, 0.9);
+  --tc-checkbox-active-hover: rgba(38, 41, 44, 0.9);
+  --tc-checkbox-active-pressed: rgba(38, 41, 44, 0.8);
+  --tc-checkbox-active-disabled: rgba(38, 41, 44, 0.16);
+  --tc-checkbox-active-focus: rgba(236, 237, 238, 0.9);
   --tc-radio-button-default: rgb(255, 255, 255);
-  --tc-radio-button-hover: rgba(35, 40, 46, 0.06);
-  --tc-radio-button-pressed: rgba(35, 40, 46, 0.12);
-  --tc-radio-button-disabled: rgba(35, 40, 46, 0.12);
+  --tc-radio-button-hover: rgba(38, 41, 44, 0.06);
+  --tc-radio-button-pressed: rgba(38, 41, 44, 0.12);
+  --tc-radio-button-disabled: rgba(38, 41, 44, 0.12);
   --tc-radio-button-active-default: rgb(0, 0, 0);
-  --tc-radio-button-active-hover: rgba(35, 40, 46, 0.9);
-  --tc-radio-button-active-pressed: rgba(35, 40, 46, 0.8);
-  --tc-radio-button-active-disabled: rgba(35, 40, 46, 0.16);
-  --tc-radio-button-active-focus: rgba(235, 237, 239, 0.9);
+  --tc-radio-button-active-hover: rgba(38, 41, 44, 0.9);
+  --tc-radio-button-active-pressed: rgba(38, 41, 44, 0.8);
+  --tc-radio-button-active-disabled: rgba(38, 41, 44, 0.16);
+  --tc-radio-button-active-focus: rgba(236, 237, 238, 0.9);
   --tc-toggle-button-active-default: rgb(0, 0, 0);
-  --tc-toggle-button-active-hover: rgba(35, 40, 46, 0.9);
+  --tc-toggle-button-active-hover: rgba(38, 41, 44, 0.9);
   --tc-toggle-button-active-disabled: var(--tc-grey-20);
   --tc-toggle-button-default: var(--tc-grey-30);
   --tc-toggle-button-hover: var(--tc-grey-40);
   --tc-toggle-button-disabled: var(--tc-grey-20);
   --tc-toggle-button-ellipse-default: rgb(255, 255, 255);
   --tc-toggle-button-ellipse-disabled: var(--tc-grey-10);
-  --tc-text-input-border-active: rgba(235, 237, 239, 0.9);
-  --tc-tooltip-text-primary: var(--tc-grey-100);
+  --tc-text-input-border-active: rgba(236, 237, 238, 0.9);
+  --tc-tooltip-text-primary: var(--tc-grey-110);
   --tc-tooltip-text-secondary: var(--tc-grey-70);
-  --tc-tooltip-text-inverse-primary: var(--tc-grey-00);
+  --tc-tooltip-text-inverse-primary: var(--tc-grey-minus-10);
   --tc-tooltip-text-inverse-secondary: var(--tc-grey-30);
   --tc-tooltip-layer-primary: var(--tc-grey-10);
   --tc-tooltip-layer-secondary: var(--tc-grey-80);
-  --tc-search-active-focus: rgba(235, 237, 239, 0.9);
+  --tc-search-active-focus: rgba(236, 237, 238, 0.9);
+  --tc-spinner: var(--tc-grey-80);
+  --tc-spinner-gradient-value-1: var(--tc-grey-80);
+  --tc-spinner-gradient-value-2: rgba(38, 41, 44, 0);
   /**
   * Shadows
   */
-  --tc-elevation-one: 0 0 1px 0 rgba(10, 11, 13, 0.08),
-  0 1px 3px 0 rgba(10, 11, 13, 0.12);
-  --tc-elevation-two: 0 0 1px 0 rgba(10, 11, 13, 0.08),
-  0 3px 4px 0 rgba(10, 11, 13, 0.12);
-  --tc-elevation-three: 0 1px 2px 0 rgba(10, 11, 13, 0.05),
-  0 5px 11px 0 rgba(10, 11, 13, 0.12);
-  --tc-elevation-four: 0 0 4px 0 rgba(10, 11, 13, 0.04),
-  0 10px 15px 0 rgba(10, 11, 13, 0.12);
-  --tc-elevation-five: 0 1px 6px 0 rgba(10, 11, 13, 0.05),
-  0 14px 25px 0 rgba(10, 11, 13, 0.14);
-  --tc-elevation-six: 0 1px 7px 0 rgba(10, 11, 13, 0.06),
-  0 18px 30px 0 rgba(10, 11, 13, 0.15);
-  --tc-button-hover-shadow-centre: 0 0 1px 0 rgba(10, 11, 13, 0.08);
-  --tc-button-hover-shadow-raised: 0 1px 3px 0 rgba(10, 11, 13, 0.12);
-  --tc-toggle-button-hover-shadow-centre: 0 0 0 8px rgba(86, 97, 113, 0.16);
+  --tc-elevation-one: 0 0 1px 0 rgba(12, 12, 14, 0.08),
+  0 1px 3px 0 rgba(12, 12, 14, 0.12);
+  --tc-elevation-two: 0 0 1px 0 rgba(12, 12, 14, 0.08),
+  0 3px 4px 0 rgba(12, 12, 14, 0.12);
+  --tc-elevation-three: 0 1px 2px 0 rgba(12, 12, 14, 0.05),
+  0 5px 11px 0 rgba(12, 12, 14, 0.12);
+  --tc-elevation-four: 0 0 4px 0 rgba(12, 12, 14, 0.04),
+  0 10px 15px 0 rgba(12, 12, 14, 0.12);
+  --tc-elevation-five: 0 1px 6px 0 rgba(12, 12, 14, 0.05),
+  0 14px 25px 0 rgba(12, 12, 14, 0.14);
+  --tc-elevation-six: 0 1px 7px 0 rgba(12, 12, 14, 0.06),
+  0 18px 30px 0 rgba(12, 12, 14, 0.15);
+  --tc-button-hover-shadow-centre: 0 0 1px 0 rgba(12, 12, 14, 0.08);
+  --tc-button-hover-shadow-raised: 0 1px 3px 0 rgba(12, 12, 14, 0.12);
+  --tc-toggle-button-hover-shadow-centre: 0 0 0 8px rgba(93, 98, 105, 0.16);
   --tc-toggle-button-hover-shadow-raised: 0 0 0 8px rgba(255, 255, 255, 0.3);
 }
 

package/dist/components/index.js

@@ -79,7 +79,7 @@ import { TetThankYouViewV2 } from './tet-thank-you-view-v2.js';
 import { TetTooltip } from './tet-tooltip.js';
 import { TetTvGiftBlock } from './tet-tv-gift-block.js';
 import { TetTvGiftList } from './tet-tv-gift-list.js';
-export { g as getAssetPath, s as setAssetPath, a as setNonce, b as setPlatformOptions } from './p-37ed3ebb.js';
+export { g as getAssetPath, s as setAssetPath, a as setNonce, b as setPlatformOptions } from './p-599035b8.js';
 
 const defineCustomElements = (opts) => {
     if (typeof customElements !== 'undefined') {