@thecb/components 10.2.4-beta.6 → 10.2.4-beta.8

package/dist/index.cjs.js

@@ -12569,7 +12569,8 @@ var padding = {
   danger: "0.75rem 1.5rem",
   dangerSecondary: "0.75rem 1.5rem",
   whiteSecondary: "0.75rem 2rem",
-  whitePrimary: "1.125rem 0.75rem"
+  whitePrimary: "1.125rem 0.75rem",
+  disabled: "0.75rem 1.5rem"
 };
 var color$1 = {
   primary: WHITE,
@@ -12583,7 +12584,8 @@ var color$1 = {
   danger: WHITE,
   dangerSecondary: ERROR_COLOR,
   whiteSecondary: WHITE,
-  whitePrimary: WHITE
+  whitePrimary: WHITE,
+  disabled: MANATEE_GREY
 };
 var fontSizeVariant = {
   primary: "pS",
@@ -12597,7 +12599,8 @@ var fontSizeVariant = {
   danger: "pS",
   dangerSecondary: "pS",
   whiteSecondary: "pS",
-  whitePrimary: "pS"
+  whitePrimary: "pS",
+  disabled: "pS"
 };
 var fontWeight = {
   primary: "600",
@@ -12611,7 +12614,8 @@ var fontWeight = {
   danger: "600",
   dangerSecondary: "600",
   whiteSecondary: "600",
-  whitePrimary: "600"
+  whitePrimary: "600",
+  disabled: "600"
 };
 var height = {
   primary: "3rem",
@@ -12625,7 +12629,8 @@ var height = {
   danger: "3rem",
   dangerSecondary: "3rem",
   whiteSecondary: "3rem",
-  whitePrimary: "auto"
+  whitePrimary: "auto",
+  disabled: "3rem"
 };
 var minWidth = {
   primary: "130px",
@@ -12639,7 +12644,8 @@ var minWidth = {
   danger: "130px",
   dangerSecondary: "157px",
   whiteSecondary: "160px",
-  whitePrimary: "130px"
+  whitePrimary: "130px",
+  disabled: "130px"
 };
 var backgroundColor = {
   primary: MATISSE_BLUE,
@@ -12653,7 +12659,8 @@ var backgroundColor = {
   danger: RASPBERRY,
   dangerSecondary: TRANSPARENT,
   whiteSecondary: TRANSPARENT,
-  whitePrimary: TRANSPARENT
+  whitePrimary: TRANSPARENT,
+  disabled: GRECIAN_GREY
 };
 var border = {
   primary: "2px solid " + MATISSE_BLUE,
@@ -12667,7 +12674,8 @@ var border = {
   danger: "2px solid " + RASPBERRY,
   dangerSecondary: "2px solid " + ERROR_COLOR,
   whiteSecondary: "2px solid " + WHITE,
-  whitePrimary: "2px solid " + TRANSPARENT
+  whitePrimary: "2px solid " + TRANSPARENT,
+  disabled: "2px solid " + MANATEE_GREY
 };
 var hoverBackgroundColor = {
   primary: SAPPHIRE_BLUE,
@@ -12681,7 +12689,8 @@ var hoverBackgroundColor = {
   danger: "#BA002C",
   dangerSecondary: "#FAE7EE",
   whiteSecondary: TRANSPARENT,
-  whitePrimary: TRANSPARENT
+  whitePrimary: TRANSPARENT,
+  disabled: TRANSPARENT
 };
 var hoverBorderColor = {
   primary: SAPPHIRE_BLUE,
@@ -12695,7 +12704,8 @@ var hoverBorderColor = {
   danger: "#BA002C",
   dangerSecondary: "#B10541",
   whiteSecondary: "2px solid " + TRANSPARENT,
-  whitePrimary: "2px solid " + TRANSPARENT
+  whitePrimary: "2px solid " + TRANSPARENT,
+  disabled: MANATEE_GREY
 };
 var hoverColor = {
   primary: WHITE,
@@ -12709,7 +12719,8 @@ var hoverColor = {
   danger: WHITE,
   dangerSecondary: "#B10541",
   whiteSecondary: WHITE,
-  whitePrimary: WHITE
+  whitePrimary: WHITE,
+  disabled: MANATEE_GREY
 };
 var activeBackgroundColor = {
   primary: PEACOCK_BLUE,
@@ -12723,7 +12734,8 @@ var activeBackgroundColor = {
   danger: "#870000",
   dangerSecondary: "#FAE7EE",
   whiteSecondary: TRANSPARENT,
-  whitePrimary: TRANSPARENT
+  whitePrimary: TRANSPARENT,
+  disabled: TRANSPARENT
 };
 var activeBorderColor = {
   primary: PEACOCK_BLUE,
@@ -12737,7 +12749,8 @@ var activeBorderColor = {
   danger: "#870000",
   dangerSecondary: "#910029",
   whiteSecondary: "2px solid " + TRANSPARENT,
-  whitePrimary: "2px solid " + TRANSPARENT
+  whitePrimary: "2px solid " + TRANSPARENT,
+  disabled: TRANSPARENT
 };
 var activeColor = {
   primary: WHITE,
@@ -12751,7 +12764,8 @@ var activeColor = {
   danger: WHITE,
   dangerSecondary: "#910029",
   whiteSecondary: WHITE,
-  whitePrimary: WHITE
+  whitePrimary: WHITE,
+  disabled: MANATEE_GREY
 };
 var fallbackValues$1 = {
   padding: padding,
@@ -42469,15 +42483,15 @@ var iconsMap = (_iconsMap = {}, _defineProperty(_defineProperty(_defineProperty(
 
 var activeBackgroundColor$1 = {
   primary: "".concat(CORNFLOWER_BLUE),
-  disabled: "transparent"
+  disabled: "".concat(ATHENS_GREY)
 };
 var backgroundColor$9 = {
   primary: "".concat(LINK_WATER),
-  disabled: "transparent"
+  disabled: "".concat(ATHENS_GREY)
 };
 var borderColor$5 = {
   primary: "".concat(MOON_RAKER),
-  disabled: "".concat(GRECIAN_GREY)
+  disabled: "".concat(MANATEE_GREY)
 };
 var color$b = {
   primary: "".concat(ROYAL_BLUE_VIVID),