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

package/dist/index.esm.js

@@ -12561,7 +12561,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,
@@ -12575,7 +12577,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",
@@ -12589,7 +12593,9 @@ var fontSizeVariant = {
   danger: "pS",
   dangerSecondary: "pS",
   whiteSecondary: "pS",
-  whitePrimary: "pS"
+  whitePrimary: "pS",
+  disabled: "pS",
+  smallDisabled: "pS"
 };
 var fontWeight = {
   primary: "600",
@@ -12603,7 +12609,9 @@ var fontWeight = {
   danger: "600",
   dangerSecondary: "600",
   whiteSecondary: "600",
-  whitePrimary: "600"
+  whitePrimary: "600",
+  disabled: "600",
+  smallDisabled: "600"
 };
 var height = {
   primary: "3rem",
@@ -12617,7 +12625,9 @@ var height = {
   danger: "3rem",
   dangerSecondary: "3rem",
   whiteSecondary: "3rem",
-  whitePrimary: "auto"
+  whitePrimary: "auto",
+  disabled: "3rem",
+  smallDisabled: "2.5rem"
 };
 var minWidth = {
   primary: "130px",
@@ -12631,7 +12641,9 @@ var minWidth = {
   danger: "130px",
   dangerSecondary: "157px",
   whiteSecondary: "160px",
-  whitePrimary: "130px"
+  whitePrimary: "130px",
+  disabled: "130px",
+  smallDisabled: "100px"
 };
 var backgroundColor = {
   primary: MATISSE_BLUE,
@@ -12645,7 +12657,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,
@@ -12659,7 +12673,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,
@@ -12673,7 +12689,9 @@ var hoverBackgroundColor = {
   danger: "#BA002C",
   dangerSecondary: "#FAE7EE",
   whiteSecondary: TRANSPARENT,
-  whitePrimary: TRANSPARENT
+  whitePrimary: TRANSPARENT,
+  disabled: TRANSPARENT,
+  smallDisabled: TRANSPARENT
 };
 var hoverBorderColor = {
   primary: SAPPHIRE_BLUE,
@@ -12687,7 +12705,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,
@@ -12701,7 +12721,9 @@ var hoverColor = {
   danger: WHITE,
   dangerSecondary: "#B10541",
   whiteSecondary: WHITE,
-  whitePrimary: WHITE
+  whitePrimary: WHITE,
+  disabled: MANATEE_GREY,
+  smallDisabled: MANATEE_GREY
 };
 var activeBackgroundColor = {
   primary: PEACOCK_BLUE,
@@ -12715,7 +12737,9 @@ var activeBackgroundColor = {
   danger: "#870000",
   dangerSecondary: "#FAE7EE",
   whiteSecondary: TRANSPARENT,
-  whitePrimary: TRANSPARENT
+  whitePrimary: TRANSPARENT,
+  disabled: TRANSPARENT,
+  smallDisabled: TRANSPARENT
 };
 var activeBorderColor = {
   primary: PEACOCK_BLUE,
@@ -12729,7 +12753,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,
@@ -12743,7 +12769,9 @@ var activeColor = {
   danger: WHITE,
   dangerSecondary: "#910029",
   whiteSecondary: WHITE,
-  whitePrimary: WHITE
+  whitePrimary: WHITE,
+  disabled: MANATEE_GREY,
+  smallDisabled: MANATEE_GREY
 };
 var fallbackValues$1 = {
   padding: padding,
@@ -42461,11 +42489,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),