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

Comparing version 0.0.1 to 0.0.2

dist/index.js

@@ -34,11 +34,71 @@ import _defineProperty from '@babel/runtime-corejs2/helpers/defineProperty';
   componentId: "sc-1et6yf2-3"
-})(["display:inline-grid;width:", ";height:", ";box-sizing:border-box;border-radius:", ";border:1px solid ", ";background-color:", ";position:relative;&:not(.disabled).hovered{border:1px solid ", ";background-color:", ";}&:not(.disabled).checked{background-color:", ";border:1px solid ", ";}&.disabled{background-color:", ";border:1px solid ", ";}&.disabled.checked{background-color:", ";border:1px solid ", ";}"], CHECKBOX_SIZE, CHECKBOX_SIZE, theme('radii.sm'), theme('colors.gray20'), theme('colors.gray10'), theme('colors.gray800'), theme('colors.gray10'), theme('colors.gray800'), theme('colors.gray800'), theme('colors.gray10'), theme('colors.gray20'), theme('colors.gray20'), theme('colors.gray20'));
+})(["display:inline-grid;width:", ";height:", ";box-sizing:border-box;border-radius:", ";border:1px solid ", ";background-color:", ";position:relative;&:not(.disabled).hovered{border:1px solid ", ";background-color:", ";}&:not(.disabled).checked{background-color:", ";border:1px solid ", ";}&.disabled{background-color:", ";border:1px solid ", ";}&.disabled.checked{background-color:", ";border:1px solid ", ";}"], CHECKBOX_SIZE, CHECKBOX_SIZE, theme('radii.sm'), _ref => {
+  let {
+    theme
+  } = _ref;
+  return theme.colors.checkBoxBorder;
+}, _ref2 => {
+  let {
+    theme
+  } = _ref2;
+  return theme.colors.checkBoxToggleFill;
+}, _ref3 => {
+  let {
+    theme
+  } = _ref3;
+  return theme.colors.checkBoxHoveredBorder;
+}, _ref4 => {
+  let {
+    theme
+  } = _ref4;
+  return theme.colors.checkBoxToggleFill;
+}, _ref5 => {
+  let {
+    theme
+  } = _ref5;
+  return theme.colors.checkBoxHoveredBorder;
+}, _ref6 => {
+  let {
+    theme
+  } = _ref6;
+  return theme.colors.checkBoxCheckedFill;
+}, _ref7 => {
+  let {
+    theme
+  } = _ref7;
+  return theme.colors.disabledCheckBoxToggleFill;
+}, _ref8 => {
+  let {
+    theme
+  } = _ref8;
+  return theme.colors.disabledCheckboxToggleBorder;
+}, _ref9 => {
+  let {
+    theme
+  } = _ref9;
+  return theme.colors.disabledCheckboxCheckedFill;
+}, theme('colors.gray20'));
 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, theme('colors.gray10'));
+})(["position:absolute;display:inline-flex;left:-1px;top:-1px;line-height:", ";color:", ";"], CHECKBOX_SIZE, _ref10 => {
+  let {
+    theme
+  } = _ref10;
+  return theme.colors.checkBoxIcon;
+});
 const StyledLabel = styled(Text).withConfig({
   displayName: "checkbox__StyledLabel",
   componentId: "sc-1et6yf2-5"
-})(["font-size:14px;line-height:21px;color:", ";&.disabled{color:", ";}"], theme('colors.gray800'), theme('colors.gray50'));
+})(["font-size:14px;line-height:21px;color:", ";&.disabled{color:", ";}"], _ref11 => {
+  let {
+    theme
+  } = _ref11;
+  return theme.colors.checkBoxText;
+}, _ref12 => {
+  let {
+    theme
+  } = _ref12;
+  return theme.colors.disabledCheckBoxText;
+});
 const Checkbox = /*#__PURE__*/forwardRef((props, ref) => {
@@ -45,0 +105,0 @@ const {

package.json

 {
 	"name": "@acuity-brands/facade-checkbox",
-	"version": "0.0.1",
+	"version": "0.0.2",
 	"main": "dist/index.js",
@@ -29,5 +29,5 @@ "module": "index.js",
 	},
-	"codeSandboxId": " ",
+	"codeSandboxId": "facade-checkbox-4k16b",
 	"componentType": "primitive",
-	"gitHead": "aeefa72fd96c5277bb4e1b69e82783ba4c788c4f"
+	"gitHead": "b01fc7731a2160614af9ce217a9298582aed4527"
 }

No alert changes

Improved metrics

Total package byte prevSize

7776

increased by11.4%

Lines of code

169

increased by53.64%

No dependency changes