@thecb/components 10.2.4-beta.7 → 10.2.4-beta.9

package/dist/index.cjs.js

@@ -12569,7 +12569,9 @@ 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",
+  smallDisabled: "0.75rem 1rem"
 };
 var color$1 = {
   primary: WHITE,
@@ -12583,7 +12585,9 @@ var color$1 = {
   danger: WHITE,
   dangerSecondary: ERROR_COLOR,
   whiteSecondary: WHITE,
-  whitePrimary: WHITE
+  whitePrimary: WHITE,
+  disabled: MANATEE_GREY,
+  smallDisabled: MANATEE_GREY
 };
 var fontSizeVariant = {
   primary: "pS",
@@ -12597,7 +12601,9 @@ var fontSizeVariant = {
   danger: "pS",
   dangerSecondary: "pS",
   whiteSecondary: "pS",
-  whitePrimary: "pS"
+  whitePrimary: "pS",
+  disabled: "pS",
+  smallDisabled: "pS"
 };
 var fontWeight = {
   primary: "600",
@@ -12611,7 +12617,9 @@ var fontWeight = {
   danger: "600",
   dangerSecondary: "600",
   whiteSecondary: "600",
-  whitePrimary: "600"
+  whitePrimary: "600",
+  disabled: "600",
+  smallDisabled: "600"
 };
 var height = {
   primary: "3rem",
@@ -12625,7 +12633,9 @@ var height = {
   danger: "3rem",
   dangerSecondary: "3rem",
   whiteSecondary: "3rem",
-  whitePrimary: "auto"
+  whitePrimary: "auto",
+  disabled: "3rem",
+  smallDisabled: "2.5rem"
 };
 var minWidth = {
   primary: "130px",
@@ -12639,7 +12649,9 @@ var minWidth = {
   danger: "130px",
   dangerSecondary: "157px",
   whiteSecondary: "160px",
-  whitePrimary: "130px"
+  whitePrimary: "130px",
+  disabled: "130px",
+  smallDisabled: "100px"
 };
 var backgroundColor = {
   primary: MATISSE_BLUE,
@@ -12653,7 +12665,9 @@ var backgroundColor = {
   danger: RASPBERRY,
   dangerSecondary: TRANSPARENT,
   whiteSecondary: TRANSPARENT,
-  whitePrimary: TRANSPARENT
+  whitePrimary: TRANSPARENT,
+  disabled: GRECIAN_GREY,
+  smallDisabled: GRECIAN_GREY
 };
 var border = {
   primary: "2px solid " + MATISSE_BLUE,
@@ -12667,7 +12681,9 @@ 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,
+  smallDisabled: "2px solid " + MANATEE_GREY
 };
 var hoverBackgroundColor = {
   primary: SAPPHIRE_BLUE,
@@ -12681,7 +12697,9 @@ var hoverBackgroundColor = {
   danger: "#BA002C",
   dangerSecondary: "#FAE7EE",
   whiteSecondary: TRANSPARENT,
-  whitePrimary: TRANSPARENT
+  whitePrimary: TRANSPARENT,
+  disabled: TRANSPARENT,
+  smallDisabled: TRANSPARENT
 };
 var hoverBorderColor = {
   primary: SAPPHIRE_BLUE,
@@ -12695,7 +12713,9 @@ var hoverBorderColor = {
   danger: "#BA002C",
   dangerSecondary: "#B10541",
   whiteSecondary: "2px solid " + TRANSPARENT,
-  whitePrimary: "2px solid " + TRANSPARENT
+  whitePrimary: "2px solid " + TRANSPARENT,
+  disabled: MANATEE_GREY,
+  smallDisabled: MANATEE_GREY
 };
 var hoverColor = {
   primary: WHITE,
@@ -12709,7 +12729,9 @@ var hoverColor = {
   danger: WHITE,
   dangerSecondary: "#B10541",
   whiteSecondary: WHITE,
-  whitePrimary: WHITE
+  whitePrimary: WHITE,
+  disabled: MANATEE_GREY,
+  smallDisabled: MANATEE_GREY
 };
 var activeBackgroundColor = {
   primary: PEACOCK_BLUE,
@@ -12723,7 +12745,9 @@ var activeBackgroundColor = {
   danger: "#870000",
   dangerSecondary: "#FAE7EE",
   whiteSecondary: TRANSPARENT,
-  whitePrimary: TRANSPARENT
+  whitePrimary: TRANSPARENT,
+  disabled: TRANSPARENT,
+  smallDisabled: TRANSPARENT
 };
 var activeBorderColor = {
   primary: PEACOCK_BLUE,
@@ -12737,7 +12761,9 @@ var activeBorderColor = {
   danger: "#870000",
   dangerSecondary: "#910029",
   whiteSecondary: "2px solid " + TRANSPARENT,
-  whitePrimary: "2px solid " + TRANSPARENT
+  whitePrimary: "2px solid " + TRANSPARENT,
+  disabled: TRANSPARENT,
+  smallDisabled: TRANSPARENT
 };
 var activeColor = {
   primary: WHITE,
@@ -12751,7 +12777,9 @@ var activeColor = {
   danger: WHITE,
   dangerSecondary: "#910029",
   whiteSecondary: WHITE,
-  whitePrimary: WHITE
+  whitePrimary: WHITE,
+  disabled: MANATEE_GREY,
+  smallDisabled: MANATEE_GREY
 };
 var fallbackValues$1 = {
   padding: padding,
@@ -42469,11 +42497,11 @@ 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),