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

package/dist/index.esm.js

@@ -12562,7 +12562,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,
@@ -12577,7 +12578,8 @@ var color$1 = {
   dangerSecondary: ERROR_COLOR,
   whiteSecondary: WHITE,
   whitePrimary: WHITE,
-  disabled: MANATEE_GREY
+  disabled: MANATEE_GREY,
+  smallDisabled: MANATEE_GREY
 };
 var fontSizeVariant = {
   primary: "pS",
@@ -12592,7 +12594,8 @@ var fontSizeVariant = {
   dangerSecondary: "pS",
   whiteSecondary: "pS",
   whitePrimary: "pS",
-  disabled: "pS"
+  disabled: "pS",
+  smallDisabled: "pS"
 };
 var fontWeight = {
   primary: "600",
@@ -12607,7 +12610,8 @@ var fontWeight = {
   dangerSecondary: "600",
   whiteSecondary: "600",
   whitePrimary: "600",
-  disabled: "600"
+  disabled: "600",
+  smallDisabled: "600"
 };
 var height = {
   primary: "3rem",
@@ -12622,7 +12626,8 @@ var height = {
   dangerSecondary: "3rem",
   whiteSecondary: "3rem",
   whitePrimary: "auto",
-  disabled: "3rem"
+  disabled: "3rem",
+  smallDisabled: "2.5rem"
 };
 var minWidth = {
   primary: "130px",
@@ -12637,7 +12642,8 @@ var minWidth = {
   dangerSecondary: "157px",
   whiteSecondary: "160px",
   whitePrimary: "130px",
-  disabled: "130px"
+  disabled: "130px",
+  smallDisabled: "100px"
 };
 var backgroundColor = {
   primary: MATISSE_BLUE,
@@ -12652,7 +12658,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,
@@ -12667,7 +12674,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,
@@ -12682,7 +12690,8 @@ var hoverBackgroundColor = {
   dangerSecondary: "#FAE7EE",
   whiteSecondary: TRANSPARENT,
   whitePrimary: TRANSPARENT,
-  disabled: TRANSPARENT
+  disabled: TRANSPARENT,
+  smallDisabled: TRANSPARENT
 };
 var hoverBorderColor = {
   primary: SAPPHIRE_BLUE,
@@ -12697,7 +12706,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,
@@ -12712,7 +12722,8 @@ var hoverColor = {
   dangerSecondary: "#B10541",
   whiteSecondary: WHITE,
   whitePrimary: WHITE,
-  disabled: MANATEE_GREY
+  disabled: MANATEE_GREY,
+  smallDisabled: MANATEE_GREY
 };
 var activeBackgroundColor = {
   primary: PEACOCK_BLUE,
@@ -12727,7 +12738,8 @@ var activeBackgroundColor = {
   dangerSecondary: "#FAE7EE",
   whiteSecondary: TRANSPARENT,
   whitePrimary: TRANSPARENT,
-  disabled: TRANSPARENT
+  disabled: TRANSPARENT,
+  smallDisabled: TRANSPARENT
 };
 var activeBorderColor = {
   primary: PEACOCK_BLUE,
@@ -12742,7 +12754,8 @@ var activeBorderColor = {
   dangerSecondary: "#910029",
   whiteSecondary: "2px solid " + TRANSPARENT,
   whitePrimary: "2px solid " + TRANSPARENT,
-  disabled: TRANSPARENT
+  disabled: TRANSPARENT,
+  smallDisabled: TRANSPARENT
 };
 var activeColor = {
   primary: WHITE,
@@ -12757,7 +12770,8 @@ var activeColor = {
   dangerSecondary: "#910029",
   whiteSecondary: WHITE,
   whitePrimary: WHITE,
-  disabled: MANATEE_GREY
+  disabled: MANATEE_GREY,
+  smallDisabled: MANATEE_GREY
 };
 var fallbackValues$1 = {
   padding: padding,