@progressio_resources/gravity-design-system 3.0.12 → 3.0.14

package/src/lib/assets/icon-set/gt-icon-stop/gt-icon-stop-md-16.svg

@@ -0,0 +1,10 @@
+<svg width="16" height="17" viewBox="0 0 16 17" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_7569_1583)">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M12.3028 13.6918C11.1352 14.6605 9.63563 15.2429 8 15.2429C4.27602 15.2429 1.25714 12.224 1.25714 8.5C1.25714 6.86437 1.83952 5.36475 2.80823 4.19721L12.3028 13.6918ZM13.1917 12.8028L3.69716 3.30827C4.86471 2.33954 6.36434 1.75714 8 1.75714C11.724 1.75714 14.7429 4.77602 14.7429 8.5C14.7429 10.1357 14.1605 11.6353 13.1917 12.8028ZM16 8.5C16 12.9183 12.4183 16.5 8 16.5C3.58172 16.5 0 12.9183 0 8.5C0 4.08172 3.58172 0.5 8 0.5C12.4183 0.5 16 4.08172 16 8.5Z" fill="var(--icon-color, #394C6E)"/>
+</g>
+<defs>
+<clipPath id="clip0_7569_1583">
+<rect width="16" height="16" fill="white" transform="translate(0 0.5)"/>
+</clipPath>
+</defs>
+</svg>

package/src/lib/assets/icon-set/gt-icon-stop/gt-icon-stop-sm-12.svg

@@ -0,0 +1,10 @@
+<svg width="12" height="13" viewBox="0 0 12 13" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_7569_1581)">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M9.16878 10.373C8.30588 11.0799 7.20247 11.504 6 11.504C3.23637 11.504 0.996 9.26363 0.996 6.5C0.996 5.29753 1.42014 4.19412 2.12697 3.33122L9.16878 10.373ZM9.87306 9.66874L2.83126 2.62694C3.69415 1.92013 4.79755 1.496 6 1.496C8.76363 1.496 11.004 3.73637 11.004 6.5C11.004 7.70245 10.5799 8.80585 9.87306 9.66874ZM12 6.5C12 9.81371 9.31371 12.5 6 12.5C2.68629 12.5 0 9.81371 0 6.5C0 3.18629 2.68629 0.5 6 0.5C9.31371 0.5 12 3.18629 12 6.5Z" fill="var(--icon-color, #394C6E)"/>
+</g>
+<defs>
+<clipPath id="clip0_7569_1581">
+<rect width="12" height="12" fill="white" transform="translate(0 0.5)"/>
+</clipPath>
+</defs>
+</svg>

package/src/lib/assets/icon-set/gt-icon-stop/gt-icon-stop-xl-32.svg

@@ -0,0 +1,10 @@
+<svg width="32" height="33" viewBox="0 0 32 33" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_7569_1587)">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M24.7889 26.9488C22.414 28.9485 19.3477 30.1533 16 30.1533C8.45947 30.1533 2.34667 24.0405 2.34667 16.5C2.34667 13.1523 3.55152 10.086 5.55124 7.71107L24.7889 26.9488ZM26.4483 25.2895L7.21054 6.05168C9.58554 4.05169 12.652 2.84667 16 2.84667C23.5405 2.84667 29.6533 8.95947 29.6533 16.5C29.6533 19.848 28.4483 22.9145 26.4483 25.2895ZM32 16.5C32 25.3366 24.8366 32.5 16 32.5C7.16344 32.5 0 25.3366 0 16.5C0 7.66344 7.16344 0.5 16 0.5C24.8366 0.5 32 7.66344 32 16.5Z" fill="var(--icon-color, #394C6E)"/>
+</g>
+<defs>
+<clipPath id="clip0_7569_1587">
+<rect width="32" height="32" fill="white" transform="translate(0 0.5)"/>
+</clipPath>
+</defs>
+</svg>

package/src/lib/assets/icon-set/gt-icon-unlock/gt-icon-unlock-lg-24.svg

@@ -1,3 +1,3 @@
 <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path fill-rule="evenodd" clip-rule="evenodd" d="M9.24638 1.88018C8.26987 1.88018 7.47826 2.63532 7.47826 3.56682V5.15339C7.47826 5.67259 7.03703 6.09348 6.49275 6.09348C5.94847 6.09348 5.50725 5.67259 5.50725 5.15339V3.56682C5.50725 1.59692 7.18131 0 9.24638 0H14.7536C16.8187 0 18.4928 1.59692 18.4928 3.56682V8.4266H23.0145C23.5588 8.4266 24 8.84749 24 9.36669V23.0599C24 23.5791 23.5588 24 23.0145 24H0.985507C0.441227 24 0 23.5791 0 23.0599V9.36669C0 8.84749 0.441227 8.4266 0.985507 8.4266H16.5217V3.56682C16.5217 2.63532 15.7301 1.88018 14.7536 1.88018H9.24638ZM1.97101 10.3068V22.1198H22.029V10.3068H1.97101Z" fill="var(--icon-color, #394C6E)"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M7.47826 3.56682C7.47826 2.63532 8.26987 1.88018 9.24638 1.88018H12H14.7536C15.7301 1.88018 16.5217 2.63532 16.5217 3.56682V8.4266H0.985507C0.441227 8.4266 0 8.84749 0 9.36669V23.0599C0 23.5791 0.441227 24 0.985507 24H23.0145C23.5588 24 24 23.5791 24 23.0599V9.36669C24 8.84749 23.5588 8.4266 23.0145 8.4266H18.4928V3.56682C18.4928 1.59692 16.8187 0 14.7536 0H12H9.24638C7.18131 0 5.50725 1.59692 5.50725 3.56682V5.15339C5.50725 5.67259 5.94847 6.09348 6.49275 6.09348C7.03703 6.09348 7.47826 5.67259 7.47826 5.15339V3.56682ZM1.97101 22.1198V10.3068H17.5072H22.029V22.1198H1.97101ZM12.9855 15.5391C12.9855 15.0199 12.5443 14.599 12 14.599C11.4557 14.599 11.0145 15.0199 11.0145 15.5391V17.7511C11.0145 18.2703 11.4557 18.6912 12 18.6912C12.5443 18.6912 12.9855 18.2703 12.9855 17.7511V15.5391Z" fill="var(--icon-color, #394C6E)"/>
 </svg>

package/src/lib/assets/icon-set/gt-icon-unlock/gt-icon-unlock-md-16.svg

@@ -1,3 +1,3 @@
 <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path fill-rule="evenodd" clip-rule="evenodd" d="M6.15406 1.22398C5.47491 1.22398 4.92436 1.77075 4.92436 2.44521V3.42647C4.92436 3.76446 4.64846 4.03846 4.30812 4.03846C3.96778 4.03846 3.69188 3.76446 3.69188 3.42647V2.44521C3.69188 1.09476 4.79423 0 6.15406 0H9.84594C11.2058 0 12.3081 1.09476 12.3081 2.44521V5.62896H15.3838C15.7241 5.62896 16 5.90296 16 6.24095V15.388C16 15.726 15.7241 16 15.3838 16H0.616239C0.275899 16 0 15.726 0 15.388V6.24095C0 5.90296 0.275899 5.62896 0.616239 5.62896H11.0756V2.44521C11.0756 1.77074 10.5251 1.22398 9.84594 1.22398H6.15406ZM1.23248 6.85294V14.776H14.7675V6.85294H1.23248Z" fill="var(--icon-color, #394C6E)"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M4.92436 2.44521C4.92436 1.77075 5.47491 1.22398 6.15406 1.22398H9.84594C10.5251 1.22398 11.0756 1.77074 11.0756 2.44521V5.62896H0.616239C0.275899 5.62896 0 5.90296 0 6.24095V15.388C0 15.726 0.275899 16 0.616239 16H15.3838C15.7241 16 16 15.726 16 15.388V6.24095C16 5.90296 15.7241 5.62896 15.3838 5.62896H12.3081V2.44521C12.3081 1.09476 11.2058 0 9.84594 0H6.15406C4.79423 0 3.69188 1.09476 3.69188 2.44521V3.42647C3.69188 3.76446 3.96778 4.03846 4.30812 4.03846C4.64846 4.03846 4.92436 3.76446 4.92436 3.42647V2.44521ZM1.23248 14.776V6.85294H14.7675V14.776H1.23248ZM8.56085 10.4258C8.56085 10.0878 8.28495 9.81381 7.94461 9.81381C7.60427 9.81381 7.32837 10.0878 7.32837 10.4258V11.8593C7.32837 12.1973 7.60427 12.4713 7.94461 12.4713C8.28495 12.4713 8.56085 12.1973 8.56085 11.8593V10.4258Z" fill="var(--icon-color, #394C6E)"/>
 </svg>

package/src/lib/assets/icon-set/gt-icon-unlock/gt-icon-unlock-sm-12.svg

@@ -1,3 +1,3 @@
 <svg width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path fill-rule="evenodd" clip-rule="evenodd" d="M4.62052 0.954938C4.12491 0.954938 3.72314 1.35286 3.72314 1.84372V2.58129C3.72314 2.84499 3.5073 3.05876 3.24105 3.05876C2.97479 3.05876 2.75895 2.84499 2.75895 2.58129V1.84372C2.75895 0.825462 3.59241 0 4.62052 0H7.37948C8.40759 0 9.24105 0.825462 9.24105 1.84372V4.20764H11.5179C11.7842 4.20764 12 4.42141 12 4.68511V11.5225C12 11.7862 11.7842 12 11.5179 12H0.482091C0.215839 12 0 11.7862 0 11.5225V4.68511C0 4.42141 0.215839 4.20764 0.482091 4.20764H8.27686V1.84372C8.27686 1.35286 7.87509 0.954938 7.37948 0.954938H4.62052ZM0.964182 5.16258V11.0451H11.0358V5.16258H0.964182Z" fill="var(--icon-color, #394C6E)"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M3.72314 1.84372C3.72314 1.35286 4.12491 0.954938 4.62052 0.954938H6H7.37948C7.87509 0.954938 8.27686 1.35286 8.27686 1.84372V4.20764H0.482091C0.215839 4.20764 0 4.42141 0 4.68511V11.5225C0 11.7862 0.215839 12 0.482091 12H11.5179C11.7842 12 12 11.7862 12 11.5225V4.68511C12 4.42141 11.7842 4.20764 11.5179 4.20764H9.24105V1.84372C9.24105 0.825462 8.40759 0 7.37948 0H6H4.62052C3.59241 0 2.75895 0.825462 2.75895 1.84372V2.58129C2.75895 2.84499 2.97479 3.05876 3.24105 3.05876C3.5073 3.05876 3.72314 2.84499 3.72314 2.58129V1.84372ZM0.964182 11.0451V5.16258H8.75896H11.0358V11.0451H0.964182ZM6.54023 7.84101C6.54023 7.57731 6.32439 7.36354 6.05814 7.36354C5.79189 7.36354 5.57605 7.57731 5.57605 7.84101V8.99154C5.57605 9.25524 5.79189 9.46901 6.05814 9.46901C6.32439 9.46901 6.54023 9.25524 6.54023 8.99154V7.84101Z" fill="var(--icon-color, #394C6E)"/>
 </svg>

package/src/lib/assets/icon-set/gt-icon-unlock/gt-icon-unlock-xl-32.svg

@@ -1,3 +1,3 @@
 <svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path fill-rule="evenodd" clip-rule="evenodd" d="M9.84615 4.00558C9.84615 3.12489 10.5751 2.41096 11.4742 2.41096H12.3077H16H19.6923H20.5258C21.4249 2.41096 22.1538 3.1249 22.1538 4.00558V11.272H1.23077C0.551034 11.272 0 11.8117 0 12.4775V30.7945C0 31.4603 0.551034 32 1.23077 32H30.7692C31.449 32 32 31.4603 32 30.7945V12.4775C32 11.8117 31.449 11.272 30.7692 11.272H24.6154V4.00558C24.6154 1.79336 22.7844 0 20.5258 0H19.6923H16H12.3077H11.4742C9.2156 0 7.38462 1.79336 7.38462 4.00558V6.84149C7.38462 7.50725 7.93565 8.04697 8.61538 8.04697C9.29512 8.04697 9.84615 7.50725 9.84615 6.84149V4.00558ZM2.46154 29.589V13.683H23.3846H29.5385V29.589H2.46154ZM14.8252 24.4932C14.8252 25.1589 15.3762 25.6986 16.0559 25.6986C16.7357 25.6986 17.2867 25.1589 17.2867 24.4932V21.2055C17.2867 20.5397 16.7357 20 16.0559 20C15.3762 20 14.8252 20.5397 14.8252 21.2055L14.8252 24.4932Z" fill="var(--icon-color, #394C6E)"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M9.84615 4.00558C9.84615 3.12489 10.5751 2.41096 11.4742 2.41096H12.3077H16H19.6923H20.5258C21.4249 2.41096 22.1538 3.1249 22.1538 4.00558V11.272H1.23077C0.551034 11.272 0 11.8117 0 12.4775V30.7945C0 31.4603 0.551034 32 1.23077 32H30.7692C31.449 32 32 31.4603 32 30.7945V12.4775C32 11.8117 31.449 11.272 30.7692 11.272H24.6154V4.00558C24.6154 1.79336 22.7844 0 20.5258 0H19.6923H16H12.3077H11.4742C9.2156 0 7.38462 1.79336 7.38462 4.00558V6.84149C7.38462 7.50725 7.93565 8.04697 8.61538 8.04697C9.29512 8.04697 9.84615 7.50725 9.84615 6.84149V4.00558ZM2.46154 29.589V13.683H23.3846H29.5385V29.589H2.46154ZM14.8251 23.3974C14.8251 24.0631 15.3762 24.6028 16.0559 24.6028C16.7357 24.6028 17.2867 24.0631 17.2867 23.3974V20.1097C17.2867 19.4439 16.7357 18.9042 16.0559 18.9042C15.3762 18.9042 14.8251 19.4439 14.8251 20.1097L14.8251 23.3974Z" fill="var(--icon-color, #394C6E)"/>
 </svg>

package/src/lib/assets/json/icons.json

@@ -288,6 +288,22 @@
       "iconName": "gt-icon-chevron-double-up-xl-32",
       "iconPath": "/assets/gravity/icon-set/gt-icon-chevron-double-up/gt-icon-chevron-double-up-xl-32.svg"
     },
+    {
+      "iconName": "gt-icon-clock-lg-24",
+      "iconPath": "/assets/gravity/icon-set/gt-icon-clock/gt-icon-clock-lg-24.svg"
+    },
+    {
+      "iconName": "gt-icon-clock-md-16",
+      "iconPath": "/assets/gravity/icon-set/gt-icon-clock/gt-icon-clock-md-16.svg"
+    },
+    {
+      "iconName": "gt-icon-clock-sm-12",
+      "iconPath": "/assets/gravity/icon-set/gt-icon-clock/gt-icon-clock-sm-12.svg"
+    },
+    {
+      "iconName": "gt-icon-clock-xl-32",
+      "iconPath": "/assets/gravity/icon-set/gt-icon-clock/gt-icon-clock-xl-32.svg"
+    },
     {
       "iconName": "gt-icon-copy-lg-24",
       "iconPath": "/assets/gravity/icon-set/gt-icon-copy/gt-icon-copy-lg-24.svg"
@@ -560,6 +576,38 @@
       "iconName": "gt-icon-news-xl-32",
       "iconPath": "/assets/gravity/icon-set/gt-icon-news/gt-icon-news-xl-32.svg"
     },
+    {
+      "iconName": "gt-icon-off-lg-24",
+      "iconPath": "/assets/gravity/icon-set/gt-icon-off/gt-icon-off-lg-24.svg"
+    },
+    {
+      "iconName": "gt-icon-off-md-16",
+      "iconPath": "/assets/gravity/icon-set/gt-icon-off/gt-icon-off-md-16.svg"
+    },
+    {
+      "iconName": "gt-icon-off-sm-12",
+      "iconPath": "/assets/gravity/icon-set/gt-icon-off/gt-icon-off-sm-12.svg"
+    },
+    {
+      "iconName": "gt-icon-off-xl-32",
+      "iconPath": "/assets/gravity/icon-set/gt-icon-off/gt-icon-off-xl-32.svg"
+    },
+    {
+      "iconName": "gt-icon-on-lg-24",
+      "iconPath": "/assets/gravity/icon-set/gt-icon-on/gt-icon-on-lg-24.svg"
+    },
+    {
+      "iconName": "gt-icon-on-md-16",
+      "iconPath": "/assets/gravity/icon-set/gt-icon-on/gt-icon-on-md-16.svg"
+    },
+    {
+      "iconName": "gt-icon-on-sm-12",
+      "iconPath": "/assets/gravity/icon-set/gt-icon-on/gt-icon-on-sm-12.svg"
+    },
+    {
+      "iconName": "gt-icon-on-xl-32",
+      "iconPath": "/assets/gravity/icon-set/gt-icon-on/gt-icon-on-xl-32.svg"
+    },
     {
       "iconName": "gt-icon-payout-lg-24",
       "iconPath": "/assets/gravity/icon-set/gt-icon-payout/gt-icon-payout-lg-24.svg"
@@ -608,6 +656,22 @@
       "iconName": "gt-icon-question-circle-xl-32",
       "iconPath": "/assets/gravity/icon-set/gt-icon-question-circle/gt-icon-question-circle-xl-32.svg"
     },
+    {
+      "iconName": "gt-icon-queue-lg-24",
+      "iconPath": "/assets/gravity/icon-set/gt-icon-queue/gt-icon-queue-lg-24.svg"
+    },
+    {
+      "iconName": "gt-icon-queue-md-16",
+      "iconPath": "/assets/gravity/icon-set/gt-icon-queue/gt-icon-queue-md-16.svg"
+    },
+    {
+      "iconName": "gt-icon-queue-sm-12",
+      "iconPath": "/assets/gravity/icon-set/gt-icon-queue/gt-icon-queue-sm-12.svg"
+    },
+    {
+      "iconName": "gt-icon-queue-xl-32",
+      "iconPath": "/assets/gravity/icon-set/gt-icon-queue/gt-icon-queue-xl-32.svg"
+    },
     {
       "iconName": "gt-icon-rates-lg-24",
       "iconPath": "/assets/gravity/icon-set/gt-icon-rates/gt-icon-rates-lg-24.svg"
@@ -704,6 +768,22 @@
       "iconName": "gt-icon-sign-out-xl-32",
       "iconPath": "/assets/gravity/icon-set/gt-icon-sign-out/gt-icon-sign-out-xl-32.svg"
     },
+    {
+      "iconName": "gt-icon-stop-lg-24",
+      "iconPath": "/assets/gravity/icon-set/gt-icon-stop/gt-icon-stop-lg-24.svg"
+    },
+    {
+      "iconName": "gt-icon-stop-md-16",
+      "iconPath": "/assets/gravity/icon-set/gt-icon-stop/gt-icon-stop-md-16.svg"
+    },
+    {
+      "iconName": "gt-icon-stop-sm-12",
+      "iconPath": "/assets/gravity/icon-set/gt-icon-stop/gt-icon-stop-sm-12.svg"
+    },
+    {
+      "iconName": "gt-icon-stop-xl-32",
+      "iconPath": "/assets/gravity/icon-set/gt-icon-stop/gt-icon-stop-xl-32.svg"
+    },
     {
       "iconName": "gt-icon-success-circle-lg-24",
       "iconPath": "/assets/gravity/icon-set/gt-icon-success-circle/gt-icon-success-circle-lg-24.svg"

package/src/lib/styles/foundations/colors/themes/_hero.theme.scss

@@ -411,8 +411,8 @@ $bg-link-hover-primary-light: $b400;
 $link-disabled-primary-light: $n600;
 $link-visited-primary-light: $b200;
 $link-active-primary-dark: $b800;
-$link-hover-primary-dark: $b300;
-$bg-link-hover-primary-dark: $n300;
+$link-hover-primary-dark: $n300;
+$bg-link-hover-primary-dark: $n700;
 $link-disabled-primary-dark: $n500;
 $link-visited-primary-dark: $n900;
 
@@ -511,9 +511,9 @@ $on-bg-menu-badge-button-dark: $n100;
 $bg-menu-badge-button-dark: $b800;
 
 // icon-button
-$on-bg-icon-button-active-light: $b400;
+$on-bg-icon-button-active-light: $b500;
 $on-bg-icon-button-active-dark: $n900;
-$on-bg-icon-button-hover-light: $b400;
+$on-bg-icon-button-hover-light: $b500;
 $on-bg-icon-button-hover-dark: $n900;
 $bg-icon-button-hover-light: $n800;
 $bg-icon-button-hover-dark: $n400;
@@ -527,6 +527,8 @@ $bg-icon-button-pressed-light: $n700;
 $bg-icon-button-pressed-dark: $n300;
 $on-bg-icon-button-disabled-light: $n700;
 $on-bg-icon-button-disabled-dark: $n400;
+$cl-icon-button-support-text-light: $n900;
+$bg-icon-button-support-text-light: $b200;
 
 // generic-avatar
 $cl-generic-avatar-label-primary-light: $n400;
@@ -542,6 +544,24 @@ $cl-generic-avatar-initials-text-primary-dark: $n500;
 $cl-generic-avatar-initials-text-disabled-light: $n600;
 $cl-generic-avatar-initials-text-disabled-dark: $n500;
 
+// Chip
+$cl-chip-disabled-state-light: $n600;
+$cl-chip-disabled-state-dark: $n500;
+$cl-chip-active-primary-light: $b400;
+$cl-chip-active-primary-dark: $n900;
+$bg-chip-active-primary-light: $n900;
+$bg-chip-active-primary-dark: $n100;
+$cl-chip-active-close-button-light: $b400;
+$cl-chip-active-close-button-dark: $n900;
+$bg-chip-active-close-button-light: $n800;
+$bg-chip-active-close-button-dark: $n200;
+$bg-chip-active-hover-light: $b800;
+$bg-chip-active-hover-dark: $n400;
+$cl-chip-active-close-button-hover-light: $n900;
+$cl-chip-active-close-button-hover-dark: $n100;
+$bg-chip-active-close-button-hover-light: $b400;
+$bg-chip-active-close-button-hover-dark: $n900;
+
 // currencies
 $on-bg-currency: $c1;
 $btc-primary-light: $c10;

package/src/lib/styles/foundations/colors/tokens/_hero.tokens.scss

@@ -307,6 +307,16 @@
   --cl-generic-avatar-initial-text-primary: #{$cl-generic-avatar-initials-text-primary-light};
   --cl-generic-avatar-initial-text-disabled: #{$cl-generic-avatar-initials-text-disabled-light};
 
+  // chip
+  --cl-chip-disabled-state: #{$cl-chip-disabled-state-light};
+  --cl-chip-active-primary: #{$cl-chip-active-primary-light};
+  --bg-chip-active-primary: #{$bg-chip-active-primary-light};
+  --cl-chip-active-close-button: #{$cl-chip-active-close-button-light};
+  --bg-chip-active-close-button: #{$bg-chip-active-close-button-light};
+  --bg-chip-active-hover: #{$bg-chip-active-hover-light};
+  --cl-chip-active-close-button-hover: #{$cl-chip-active-close-button-hover-light};
+  --bg-chip-active-close-button-hover: #{$bg-chip-active-close-button-hover-light};
+
   // Currencies 
   --btc-primary: #{$btc-primary-light};
   --busd-primary: #{$busd-primary-light};
@@ -649,6 +659,16 @@
   --bg-generic-avatar-initials-disabled: #{$bg-generic-avatar-initials-disabled-dark};
   --cl-generic-avatar-initial-text-primary: #{$cl-generic-avatar-initials-text-primary-dark};
   --cl-generic-avatar-initial-text-disabled: #{$cl-generic-avatar-initials-text-disabled-dark};
+  
+  //chip
+  --cl-chip-disabled-state: #{$cl-chip-disabled-state-dark};
+  --cl-chip-active-primary: #{$cl-chip-active-primary-dark};
+  --bg-chip-active-primary: #{$bg-chip-active-primary-dark};
+  --cl-chip-active-close-button: #{$cl-chip-active-close-button-dark};
+  --bg-chip-active-close-button: #{$bg-chip-active-close-button-dark};
+  --bg-chip-active-hover: #{$bg-chip-active-hover-dark};
+  --cl-chip-active-close-button-hover: #{$cl-chip-active-close-button-hover-dark};
+  --bg-chip-active-close-button-hover: #{$bg-chip-active-close-button-hover-dark};
 
   // Currencies
   --btc-primary: #{$c10};