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

package/dist/index.cjs.js

@@ -12570,7 +12570,8 @@ var padding = {
   dangerSecondary: "0.75rem 1.5rem",
   whiteSecondary: "0.75rem 2rem",
   whitePrimary: "1.125rem 0.75rem",
-  disabled: "0.75rem 1.5rem"
+  disabled: "0.75rem 1.5rem",
+  smallDisabled: "0.75rem 1rem"
 };
 var color$1 = {
   primary: WHITE,
@@ -12585,7 +12586,8 @@ var color$1 = {
   dangerSecondary: ERROR_COLOR,
   whiteSecondary: WHITE,
   whitePrimary: WHITE,
-  disabled: MANATEE_GREY
+  disabled: MANATEE_GREY,
+  smallDisabled: MANATEE_GREY
 };
 var fontSizeVariant = {
   primary: "pS",
@@ -12600,7 +12602,8 @@ var fontSizeVariant = {
   dangerSecondary: "pS",
   whiteSecondary: "pS",
   whitePrimary: "pS",
-  disabled: "pS"
+  disabled: "pS",
+  smallDisabled: "pS"
 };
 var fontWeight = {
   primary: "600",
@@ -12615,7 +12618,8 @@ var fontWeight = {
   dangerSecondary: "600",
   whiteSecondary: "600",
   whitePrimary: "600",
-  disabled: "600"
+  disabled: "600",
+  smallDisabled: "600"
 };
 var height = {
   primary: "3rem",
@@ -12630,7 +12634,8 @@ var height = {
   dangerSecondary: "3rem",
   whiteSecondary: "3rem",
   whitePrimary: "auto",
-  disabled: "3rem"
+  disabled: "3rem",
+  smallDisabled: "2.5rem"
 };
 var minWidth = {
   primary: "130px",
@@ -12645,7 +12650,8 @@ var minWidth = {
   dangerSecondary: "157px",
   whiteSecondary: "160px",
   whitePrimary: "130px",
-  disabled: "130px"
+  disabled: "130px",
+  smallDisabled: "100px"
 };
 var backgroundColor = {
   primary: MATISSE_BLUE,
@@ -12660,7 +12666,8 @@ var backgroundColor = {
   dangerSecondary: TRANSPARENT,
   whiteSecondary: TRANSPARENT,
   whitePrimary: TRANSPARENT,
-  disabled: GRECIAN_GREY
+  disabled: GRECIAN_GREY,
+  smallDisabled: GRECIAN_GREY
 };
 var border = {
   primary: "2px solid " + MATISSE_BLUE,
@@ -12675,7 +12682,8 @@ var border = {
   dangerSecondary: "2px solid " + ERROR_COLOR,
   whiteSecondary: "2px solid " + WHITE,
   whitePrimary: "2px solid " + TRANSPARENT,
-  disabled: "2px solid " + MANATEE_GREY
+  disabled: "2px solid " + MANATEE_GREY,
+  smallDisabled: "2px solid " + MANATEE_GREY
 };
 var hoverBackgroundColor = {
   primary: SAPPHIRE_BLUE,
@@ -12690,7 +12698,8 @@ var hoverBackgroundColor = {
   dangerSecondary: "#FAE7EE",
   whiteSecondary: TRANSPARENT,
   whitePrimary: TRANSPARENT,
-  disabled: TRANSPARENT
+  disabled: TRANSPARENT,
+  smallDisabled: TRANSPARENT
 };
 var hoverBorderColor = {
   primary: SAPPHIRE_BLUE,
@@ -12705,7 +12714,8 @@ var hoverBorderColor = {
   dangerSecondary: "#B10541",
   whiteSecondary: "2px solid " + TRANSPARENT,
   whitePrimary: "2px solid " + TRANSPARENT,
-  disabled: MANATEE_GREY
+  disabled: MANATEE_GREY,
+  smallDisabled: MANATEE_GREY
 };
 var hoverColor = {
   primary: WHITE,
@@ -12720,7 +12730,8 @@ var hoverColor = {
   dangerSecondary: "#B10541",
   whiteSecondary: WHITE,
   whitePrimary: WHITE,
-  disabled: MANATEE_GREY
+  disabled: MANATEE_GREY,
+  smallDisabled: MANATEE_GREY
 };
 var activeBackgroundColor = {
   primary: PEACOCK_BLUE,
@@ -12735,7 +12746,8 @@ var activeBackgroundColor = {
   dangerSecondary: "#FAE7EE",
   whiteSecondary: TRANSPARENT,
   whitePrimary: TRANSPARENT,
-  disabled: TRANSPARENT
+  disabled: TRANSPARENT,
+  smallDisabled: TRANSPARENT
 };
 var activeBorderColor = {
   primary: PEACOCK_BLUE,
@@ -12750,7 +12762,8 @@ var activeBorderColor = {
   dangerSecondary: "#910029",
   whiteSecondary: "2px solid " + TRANSPARENT,
   whitePrimary: "2px solid " + TRANSPARENT,
-  disabled: TRANSPARENT
+  disabled: TRANSPARENT,
+  smallDisabled: TRANSPARENT
 };
 var activeColor = {
   primary: WHITE,
@@ -12765,7 +12778,8 @@ var activeColor = {
   dangerSecondary: "#910029",
   whiteSecondary: WHITE,
   whitePrimary: WHITE,
-  disabled: MANATEE_GREY
+  disabled: MANATEE_GREY,
+  smallDisabled: MANATEE_GREY
 };
 var fallbackValues$1 = {
   padding: padding,