@acuity-brands/facade-checkbox - npm Package Compare versions

Comparing version 0.0.2 to 0.0.3

dist/index.js

@@ -22,3 +22,3 @@ import _defineProperty from '@babel/runtime-corejs2/helpers/defineProperty';
   componentId: "sc-1et6yf2-0"
-})(["display:grid;grid-template-columns:min-content auto;grid-gap:12px;align-items:center;"]);
+})(["display:grid;grid-template-columns:min-content auto;grid-gap:12px;align-items:start;"]);
 const StyledCheckbox = styled('span').withConfig({
@@ -39,3 +39,3 @@ displayName: "checkbox__StyledCheckbox",
   } = _ref;
-  return theme.colors.checkBoxBorder;
+  return theme.colors.checkBoxBorder || '#191919';
 }, _ref2 => {
@@ -45,3 +45,3 @@ let {
   } = _ref2;
-  return theme.colors.checkBoxToggleFill;
+  return theme.colors.checkBoxToggleFill || '#f9f9f9';
 }, _ref3 => {
@@ -51,3 +51,3 @@ let {
   } = _ref3;
-  return theme.colors.checkBoxHoveredBorder;
+  return theme.colors.checkBoxHoveredBorder || '#191919';
 }, _ref4 => {
@@ -57,3 +57,3 @@ let {
   } = _ref4;
-  return theme.colors.checkBoxToggleFill;
+  return theme.colors.checkBoxToggleFill || '#f9f9f9';
 }, _ref5 => {
@@ -63,3 +63,3 @@ let {
   } = _ref5;
-  return theme.colors.checkBoxHoveredBorder;
+  return theme.colors.checkBoxHoveredBorder || '#191919';
 }, _ref6 => {
@@ -69,3 +69,3 @@ let {
   } = _ref6;
-  return theme.colors.checkBoxCheckedFill;
+  return theme.colors.checkBoxCheckedFill || '#191919';
 }, _ref7 => {
@@ -80,3 +80,3 @@ let {
   } = _ref8;
-  return theme.colors.disabledCheckboxToggleBorder;
+  return theme.colors.disabledCheckboxToggleBorder || '#dbdbdb';
 }, _ref9 => {
@@ -86,12 +86,17 @@ let {
   } = _ref9;
-  return theme.colors.disabledCheckboxCheckedFill;
-}, theme('colors.gray20'));
+  return theme.colors.disabledCheckboxCheckedFill || '#dbdbdb';
+}, _ref10 => {
+  let {
+    theme
+  } = _ref10;
+  return theme.colors.disabledCheckboxToggleBorder || '#f9f9f9';
+});
 const StyledIcon = styled(Icon).withConfig({
   displayName: "checkbox__StyledIcon",
   componentId: "sc-1et6yf2-4"
-})(["position:absolute;display:inline-flex;left:-1px;top:-1px;line-height:", ";color:", ";"], CHECKBOX_SIZE, _ref10 => {
+})(["position:absolute;display:inline-flex;left:-1px;top:-1px;line-height:", ";color:", ";"], CHECKBOX_SIZE, _ref11 => {
   let {
     theme
-  } = _ref10;
-  return theme.colors.checkBoxIcon;
+  } = _ref11;
+  return theme.colors.checkBoxIcon || '#f9f9f9';
 });
@@ -101,12 +106,12 @@ const StyledLabel = styled(Text).withConfig({
   componentId: "sc-1et6yf2-5"
-})(["font-size:14px;line-height:21px;color:", ";&.disabled{color:", ";}"], _ref11 => {
+})(["font-size:14px;line-height:21px;position:relative;top:-3px;color:", ";&.disabled{color:", ";}"], _ref12 => {
   let {
     theme
-  } = _ref11;
-  return theme.colors.checkBoxText;
-}, _ref12 => {
+  } = _ref12;
+  return theme.colors.checkBoxText || '#191919';
+}, _ref13 => {
   let {
     theme
-  } = _ref12;
-  return theme.colors.disabledCheckBoxText;
+  } = _ref13;
+  return theme.colors.disabledCheckBoxText || '#909090';
 });
@@ -113,0 +118,0 @@ const Checkbox = /*#__PURE__*/forwardRef((props, ref) => {

package.json

 {
 	"name": "@acuity-brands/facade-checkbox",
-	"version": "0.0.2",
+	"version": "0.0.3",
 	"main": "dist/index.js",
@@ -31,3 +31,3 @@ "module": "index.js",
 	"componentType": "primitive",
-	"gitHead": "b01fc7731a2160614af9ce217a9298582aed4527"
+	"gitHead": "b1c9c0ae27cfb7b9c8264e096fa71bde61d4fdd9"
 }

No alert changes

Improved metrics

Total package byte prevSize

8033

increased by3.31%

Lines of code

174

increased by2.96%

No dependency changes