@mirohq/design-system-styles - npm Package Compare versions

Comparing version 1.1.0-button.0 to 1.1.0-use-press.0

dist/main.js

@@ -37,4 +37,4 @@ 'use strict';
 const defaults = css({
-  boxShadow: `0 0 0 1px rgba(104, 129, 255, 1), 0 0 0 5px rgba(217, 224, 255, 1)`,
-  outline: "none"
+  boxShadow: "$focus-small-outline",
+  outline: "$blue-500"
 });
@@ -46,11 +46,2 @@ const inner = css({
 });
-const smallStyle = {
-  boxShadow: `0 0 0 2px var(--colors-blue-200), inset 0 0 0 2px var(--colors-blue-500), inset 0 0 0 3px var(--colors-white)`,
-  outline: "none"
-};
-const smallOutlineStyle = {
-  boxShadow: `0 0 0 2px var(--colors-blue-200), inset 0 0 0 1px var(--colors-blue-500), inset 0 0 0 2px var(--colors-white)`,
-  outline: "none",
-  borderColor: "$blue-500 !important"
-};
 
@@ -61,5 +52,3 @@ var focus = /*#__PURE__*/Object.freeze({
   defaults: defaults,
-  inner: inner,
-  smallStyle: smallStyle,
-  smallOutlineStyle: smallOutlineStyle
+  inner: inner
 });
@@ -66,0 +55,0 @@

dist/module.js

@@ -15,4 +15,4 @@ import { keyframes } from '@mirohq/design-system-stitches';
 const defaults = css({
-  boxShadow: `0 0 0 1px rgba(104, 129, 255, 1), 0 0 0 5px rgba(217, 224, 255, 1)`,
-  outline: "none"
+  boxShadow: "$focus-small-outline",
+  outline: "$blue-500"
 });
@@ -24,11 +24,2 @@ const inner = css({
 });
-const smallStyle = {
-  boxShadow: `0 0 0 2px var(--colors-blue-200), inset 0 0 0 2px var(--colors-blue-500), inset 0 0 0 3px var(--colors-white)`,
-  outline: "none"
-};
-const smallOutlineStyle = {
-  boxShadow: `0 0 0 2px var(--colors-blue-200), inset 0 0 0 1px var(--colors-blue-500), inset 0 0 0 2px var(--colors-white)`,
-  outline: "none",
-  borderColor: "$blue-500 !important"
-};
 
@@ -39,5 +30,3 @@ var focus = /*#__PURE__*/Object.freeze({
   defaults: defaults,
-  inner: inner,
-  smallStyle: smallStyle,
-  smallOutlineStyle: smallOutlineStyle
+  inner: inner
 });
@@ -44,0 +33,0 @@

dist/types.d.ts

 import { CSSProperties } from 'react';
-import { CSS } from '@mirohq/design-system-stitches';
 
@@ -16,4 +15,2 @@ declare const css: (style: CSSProperties) => {
 };
-declare const smallStyle: CSS;
-declare const smallOutlineStyle: CSS;
 
@@ -23,4 +20,2 @@ declare const focus_css: typeof css;
 declare const focus_inner: typeof inner;
-declare const focus_smallStyle: typeof smallStyle;
-declare const focus_smallOutlineStyle: typeof smallOutlineStyle;
 declare namespace focus {
@@ -31,4 +26,2 @@ export {
     focus_inner as inner,
-    focus_smallStyle as smallStyle,
-    focus_smallOutlineStyle as smallOutlineStyle,
   };
@@ -35,0 +28,0 @@ }

package.json

 {
   "name": "@mirohq/design-system-styles",
-  "version": "1.1.0-button.0",
+  "version": "1.1.0-use-press.0",
   "description": "",
@@ -26,4 +26,4 @@ "author": "Miro",
     "what-input": "^5.2.11",
-    "@mirohq/design-system-stitches": "^2.0.11",
-    "@mirohq/design-tokens": "^2.0.0"
+    "@mirohq/design-tokens": "^2.6.0",
+    "@mirohq/design-system-stitches": "^2.3.2-use-press.0"
   },
@@ -30,0 +30,0 @@ "scripts": {

No alert changes

Worsened metrics

Total package byte prevSize

11208

decreased by-19.97%

Lines of code

178

decreased by-14.01%

Dependency changes

• Updated@mirohq/design-system-stitches@^2.3.2-use-press.0

• Updated@mirohq/design-tokens@^2.6.0