@loomhq/lens - npm Package Compare versions

Comparing version 3.1.1 to 3.1.2

dist/components/docs/remix.stories.js

		@@ -15,3 +15,3 @@ import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
		import TextInput from '../text-input/text-input';
		import { SvgPlay, SvgVolumeHigh, SvgRewindFive, SvgFastForwardFive, SvgFullscreen, SvgWideScreen, SvgTwoTimes, SvgPause, SvgVolumeLow, SvgFullscreenExit, SvgOneTimes, SvgGear, SvgMute, SvgOneDotFiveTimes, SvgCross, SvgDownload } from '../icon/icons';
		import { SvgPlay, SvgVolumeHigh, SvgRewindFive, SvgFastForwardFive, SvgFullscreen, SvgWideScreen, SvgTwoTimes, SvgPause, SvgVolumeLow, SvgFullscreenExit, SvgOneTimes, SvgGear, SvgMute, SvgOneDotFiveTimes, SvgCross, SvgDownload, SvgOptions } from '../icon/icons';
		import Distribute from '../distribute/distribute';
		@@ -322,2 +322,13 @@ import Container from '../container/container';
		}))));
		}).add('Buttons row', function () {
		return React.createElement("div", {
		className: "storyDocs"
		}, React.createElement(Distribute, {
		alignment: "center",
		gap: 1
		}, React.createElement(Button, null, "Button"), React.createElement(IconButton, {
		icon: React.createElement(SvgDownload, null)
		}), React.createElement(IconButton, {
		icon: React.createElement(SvgOptions, null)
		})));
		}).add('Layout', function () {
		@@ -324,0 +335,0 @@ return React.createElement("div", {

dist/components/icon-button/icon-button.js

		import _taggedTemplateLiteral from "@babel/runtime/helpers/esm/taggedTemplateLiteral";

		function _templateObject3() {
		var data = _taggedTemplateLiteral(["\n border: none;\n appearance: none;\n cursor: pointer;\n padding: 0;\n width: ", ";\n height: ", ";\n border-radius: 50%;\n position: relative;\n outline: none;\n transition: 0.6s background-color, 0.6s border-color;\n ", ";\n\n &:active {\n transition: 0s background-color, 0s border-color;\n background-color: ", ";\n color: inherit;\n }\n\n &:before {\n content: '';\n width: 100%;\n height: 100%;\n display: block;\n position: absolute;\n border-radius: 50%;\n top: 0;\n }\n \n &.focus-visible:before {\n ", ";\n }\n\n &:focus::-moz-focus-inner {\n border: 0;\n }\n"]);
		var data = _taggedTemplateLiteral(["\n border: none;\n appearance: none;\n cursor: pointer;\n padding: 0;\n width: ", ";\n height: ", ";\n border-radius: 50%;\n position: relative;\n outline: none;\n transition: 0.6s background-color, 0.6s border-color;\n ", ";\n display: inline-flex;\n justify-content: center;\n align-items: center;\n\n &:active {\n transition: 0s background-color, 0s border-color;\n background-color: ", ";\n color: inherit;\n }\n\n &:before {\n content: '';\n width: 100%;\n height: 100%;\n display: block;\n position: absolute;\n border-radius: 50%;\n top: 0;\n }\n \n &.focus-visible:before {\n ", ";\n }\n\n &:focus::-moz-focus-inner {\n border: 0;\n }\n"]);

		@@ -6,0 +6,0 @@ _templateObject3 = function _templateObject3() {

dist/styles.js

		@@ -16,3 +16,3 @@ import _taggedTemplateLiteral from "@babel/runtime/helpers/esm/taggedTemplateLiteral";
		import { css } from 'styled-components';
		export var getInputFieldStyles = css(_templateObject(), u(5), u(1.5), getColorVar('grey3'), getBorderRadius('medium'), getColorVar('primary'), getColorVar('grey6'), getColorVar('grey2'), getColorVar('grey5'));
		export var getInputFieldStyles = css(_templateObject(), u(5), u(1.5), getColorVar('grey3'), getBorderRadius('medium'), getColorVar('blue'), getColorVar('grey6'), getColorVar('grey2'), getColorVar('grey5'));
		export var getFocusRing = function getFocusRing(color) {
		@@ -19,0 +19,0 @@ var focusColor = color ? color : getColorVar('blue');

package.json

New alerts