@loomhq/lens - npm Package Compare versions

Comparing version 2.5.0 to 2.6.0

dist/components/button/button.js

@@ -119,3 +119,3 @@ import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
   enabled: css(_templateObject3()),
-  disabled: css(_templateObject4(), colors.grey3, colors.grey5)
+  disabled: css(_templateObject4(), colors.grey2, colors.grey5)
 };
@@ -122,0 +122,0 @@ var ButtonWrapper = styled.button(_templateObject5(), fontWeights.semiBold, radiuses.medium, function (props) {

dist/components/docs/code-snippet/code-snippet.js

@@ -49,3 +49,3 @@ import _taggedTemplateLiteral from "@babel/runtime/helpers/esm/taggedTemplateLiteral";
 import Text from '../../text/text';
-export var PreviewSection = styled.div(_templateObject(), u(1), u(1), u(2), colors.grey3);
+export var PreviewSection = styled.div(_templateObject(), u(1), u(1), u(2), colors.grey2);
 var CodeSummary = styled.summary(_templateObject2(), colors.grey6, colors.grey4);
@@ -52,0 +52,0 @@ var CodeBoxWrapper = styled.pre(_templateObject3(), colors.grey2, radiuses.medium, u(2), u(2));

dist/components/docs/remix.stories.js

@@ -10,3 +10,3 @@ import React from 'react';
 import { colors } from '../../variables';
-import Input from '../input/input';
+import TextInput from '../text-input/text-input';
 storiesOf('Other|Remixes', module).add('Icon + Button', function () {
@@ -43,3 +43,3 @@ return React.createElement("div", {
         alignItems: 'center',
-        borderBottom: "1px solid ".concat(colors.grey4)
+        borderBottom: "1px solid ".concat(colors.border)
       }
@@ -91,3 +91,3 @@ }, React.createElement(Icon, {
     }
-  }, React.createElement(Input, {
+  }, React.createElement(TextInput, {
     placeholder: "Type something"
@@ -94,0 +94,0 @@ })), React.createElement(Spacer, {

dist/components/docs/styles.stories.js

@@ -28,3 +28,3 @@ import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
 import Spacer from '../spacer/spacer';
-import Text, { availableWeights } from '../text/text';
+import Text, { availableWeights, dimAmount } from '../text/text';
 import { textSizes, greyscale, purposeColors, baseColors, colors, radiuses } from '../../variables';
@@ -61,3 +61,3 @@ import { u } from '../../utilities';
     }))
-  }), React.createElement("h2", null, "Color"), React.createElement("p", null, "Use ", React.createElement("code", null, "grey7"), " for body color."), React.createElement("h3", null, "Dimmed text"), React.createElement("p", null, "The dimmed property adds ", React.createElement("code", null, "0.6"), " opacity to the text. Use this property to de-emphasize text."), React.createElement(CodeSnippet, {
+  }), React.createElement("h2", null, "Color"), React.createElement("p", null, "Use ", React.createElement("code", null, "grey7"), " for body color."), React.createElement("h3", null, "Dimmed text"), React.createElement("p", null, "The dimmed property adds ", React.createElement("code", null, dimAmount), " opacity to the text. Use this property to de-emphasize text."), React.createElement(CodeSnippet, {
     title: "Example",
@@ -85,3 +85,3 @@ variant: "showPreview",
     size: "small",
-    color: colors.grey5
+    isDimmed: true
   }, value)));
@@ -88,0 +88,0 @@ };

dist/components/text/text.js

@@ -17,2 +17,3 @@ import _taggedTemplateLiteral from "@babel/runtime/helpers/esm/taggedTemplateLiteral";
 import { fontWeights } from '../../variables';
+export var dimAmount = 0.6;
 var TextWrapper = styled.span(_templateObject(), function (props) {
@@ -27,3 +28,3 @@ return getTextSize(props.size);
 }, function (props) {
-  return props.isDimmed && 'opacity: 0.6';
+  return props.isDimmed && "opacity: ".concat(dimAmount);
 });
@@ -30,0 +31,0 @@

dist/index.js

@@ -10,2 +10,2 @@ import { unit, textSizes, fontWeights, radiuses, colors } from './variables';
 export { default as Icon } from './components/icon/icon';
-export { default as Input } from './components/input/input';
+export { default as TextInput } from './components/text-input/text-input';

dist/utilities.js

@@ -1,2 +0,3 @@
-import { unit, textSizes } from './variables';
+import { unit, textSizes, colors, radiuses } from './variables';
+import Color from 'color';
 export var u = function u(givenUnit) {
@@ -9,2 +10,8 @@ return "".concat(givenUnit * unit, "px");
   }
+};
+export var colorToHex = function colorToHex(color) {
+  return Color(color).hex().toString();
+};
+export var alpha = function alpha(color, amount) {
+  return Color(color).alpha(amount).toString();
 };

dist/variables.js

 import _objectSpread from "@babel/runtime/helpers/esm/objectSpread";
+import { colorToHex, alpha } from './utilities';
 export var unit = 8;
@@ -42,15 +43,16 @@ export var textSizes = {
 export var greyscale = {
-  grey8: '#29292B',
-  grey7: '#2B2F35',
-  grey6: '#47525D',
-  grey5: '#929EAA',
-  grey4: '#D4D9DD',
-  grey3: '#EFF0F2',
-  grey2: '#F4F4F6',
-  grey1: '#F8F8F8'
+  grey8: colorToHex('hsl(230, 11%, 19%)'),
+  grey7: colorToHex('hsl(230, 10%, 30%)'),
+  grey6: colorToHex('hsl(230, 9%, 45%)'),
+  grey5: colorToHex('hsl(230, 8%, 60%)'),
+  grey4: colorToHex('hsl(230, 7%, 75%)'),
+  grey3: colorToHex('hsl(230, 7%, 84%)'),
+  grey2: colorToHex('hsl(230, 7%, 92%)'),
+  grey1: colorToHex('hsl(230, 7%, 97%)')
 };
 export var purposeColors = {
-  body: greyscale.grey7,
-  primary: baseColors.purple
+  body: greyscale.grey8,
+  primary: baseColors.purple,
+  border: alpha(greyscale.grey6, 0.2)
 };
 export var colors = _objectSpread({}, baseColors, greyscale, purposeColors);

package.json

 {
   "name": "@loomhq/lens",
-  "version": "2.5.0",
+  "version": "2.6.0",
   "scripts": {
@@ -20,8 +20,8 @@ "start": "start-storybook -p 6006",
     "@babel/core": "7.4.5",
-    "@storybook/addon-actions": "^5.1.8",
-    "@storybook/addon-info": "^5.1.8",
-    "@storybook/addon-knobs": "^5.1.8",
-    "@storybook/addon-links": "^5.1.8",
-    "@storybook/addons": "^5.1.8",
-    "@storybook/react": "^5.1.8",
+    "@storybook/addon-actions": "^5.1.9",
+    "@storybook/addon-info": "^5.1.9",
+    "@storybook/addon-knobs": "^5.1.9",
+    "@storybook/addon-links": "^5.1.9",
+    "@storybook/addons": "^5.1.9",
+    "@storybook/react": "^5.1.9",
     "@storybook/storybook-deployer": "^2.8.1",
@@ -28,0 +28,0 @@ "babel-loader": "8.0.6",

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

79212

increased by3.12%

Number of package files

72

increased by4.35%

Lines of code

1937

increased by2.98%

No dependency changes