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

Comparing version 2.6.3 to 2.6.4

dist/main.js

@@ -46,3 +46,3 @@ 'use strict';
   borderRightWidth: "border-widths",
-  borderSpacing: "space-offset",
+  borderSpacing: "space",
   borderStyle: "border-styles",
@@ -60,3 +60,3 @@ borderTop: "colors",
   color: "colors",
-  columnGap: "space-gap",
+  columnGap: "space",
   columnRuleColor: "colors",
@@ -68,6 +68,6 @@ fill: "colors",
   fontWeight: "font-weights",
-  gap: "space-gap",
-  gridColumnGap: "space-gap",
-  gridGap: "space-gap",
-  gridRowGap: "space-gap",
+  gap: "space",
+  gridColumnGap: "space",
+  gridGap: "space",
+  gridRowGap: "space",
   gridTemplateColumns: "sizes",
@@ -77,23 +77,23 @@ gridTemplateRows: "sizes",
   inlineSize: "sizes",
-  inset: "space-inset",
-  insetBlock: "space-inset",
-  insetBlockEnd: "space-inset",
-  insetBlockStart: "space-inset",
-  insetInline: "space-inset",
-  insetInlineEnd: "space-inset",
-  insetInlineStart: "space-inset",
+  inset: "space",
+  insetBlock: "space",
+  insetBlockEnd: "space",
+  insetBlockStart: "space",
+  insetInline: "space",
+  insetInlineEnd: "space",
+  insetInlineStart: "space",
   left: "space",
   letterSpacing: "letter-spacings",
   lineHeight: "line-heights",
-  margin: "space-offset",
-  marginBlock: "space-offset",
-  marginBlockEnd: "space-offset",
-  marginBlockStart: "space-offset",
-  marginBottom: "space-offset",
-  marginInline: "space-offset",
-  marginInlineEnd: "space-offset",
-  marginInlineStart: "space-offset",
-  marginLeft: "space-offset",
-  marginRight: "space-offset",
-  marginTop: "space-offset",
+  margin: "space",
+  marginBlock: "space",
+  marginBlockEnd: "space",
+  marginBlockStart: "space",
+  marginBottom: "space",
+  marginInline: "space",
+  marginInlineEnd: "space",
+  marginInlineStart: "space",
+  marginLeft: "space",
+  marginRight: "space",
+  marginTop: "space",
   maxBlockSize: "sizes",
@@ -109,37 +109,37 @@ maxHeight: "sizes",
   outlineColor: "colors",
-  padding: "space-inset",
-  paddingBlock: "space-inset",
-  paddingBlockEnd: "space-inset",
-  paddingBlockStart: "space-inset",
-  paddingBottom: "space-inset",
-  paddingInline: "space-inset",
-  paddingInlineEnd: "space-inset",
-  paddingInlineStart: "space-inset",
-  paddingLeft: "space-inset",
-  paddingRight: "space-inset",
-  paddingTop: "space-inset",
+  padding: "space",
+  paddingBlock: "space",
+  paddingBlockEnd: "space",
+  paddingBlockStart: "space",
+  paddingBottom: "space",
+  paddingInline: "space",
+  paddingInlineEnd: "space",
+  paddingInlineStart: "space",
+  paddingLeft: "space",
+  paddingRight: "space",
+  paddingTop: "space",
   right: "space",
-  rowGap: "space-gap",
-  scrollMargin: "space-offset",
-  scrollMarginBlock: "space-offset",
-  scrollMarginBlockEnd: "space-offset",
-  scrollMarginBlockStart: "space-offset",
-  scrollMarginBottom: "space-offset",
-  scrollMarginInline: "space-offset",
-  scrollMarginInlineEnd: "space-offset",
-  scrollMarginInlineStart: "space-offset",
-  scrollMarginLeft: "space-offset",
-  scrollMarginRight: "space-offset",
-  scrollMarginTop: "space-offset",
-  scrollPadding: "space-inset",
-  scrollPaddingBlock: "space-inset",
-  scrollPaddingBlockEnd: "space-inset",
-  scrollPaddingBlockStart: "space-inset",
-  scrollPaddingBottom: "space-inset",
-  scrollPaddingInline: "space-inset",
-  scrollPaddingInlineEnd: "space-inset",
-  scrollPaddingInlineStart: "space-inset",
-  scrollPaddingLeft: "space-inset",
-  scrollPaddingRight: "space-inset",
-  scrollPaddingTop: "space-inset",
+  rowGap: "space",
+  scrollMargin: "space",
+  scrollMarginBlock: "space",
+  scrollMarginBlockEnd: "space",
+  scrollMarginBlockStart: "space",
+  scrollMarginBottom: "space",
+  scrollMarginInline: "space",
+  scrollMarginInlineEnd: "space",
+  scrollMarginInlineStart: "space",
+  scrollMarginLeft: "space",
+  scrollMarginRight: "space",
+  scrollMarginTop: "space",
+  scrollPadding: "space",
+  scrollPaddingBlock: "space",
+  scrollPaddingBlockEnd: "space",
+  scrollPaddingBlockStart: "space",
+  scrollPaddingBottom: "space",
+  scrollPaddingInline: "space",
+  scrollPaddingInlineEnd: "space",
+  scrollPaddingInlineStart: "space",
+  scrollPaddingLeft: "space",
+  scrollPaddingRight: "space",
+  scrollPaddingTop: "space",
   stroke: "colors",
@@ -164,5 +164,2 @@ strokeWidth: "stroke-width",
   space: designTokens.tokens.space,
-  "space-gap": designTokens.tokens.spaceGap,
-  "space-inset": designTokens.tokens.spaceInset,
-  "space-offset": designTokens.tokens.spaceOffset,
   "stroke-width": designTokens.tokens.strokeWidths,
@@ -169,0 +166,0 @@ "z-indices": designTokens.tokens.zIndices

dist/module.js

@@ -37,3 +37,3 @@ import { createStitches } from '@stitches/react';
   borderRightWidth: "border-widths",
-  borderSpacing: "space-offset",
+  borderSpacing: "space",
   borderStyle: "border-styles",
@@ -51,3 +51,3 @@ borderTop: "colors",
   color: "colors",
-  columnGap: "space-gap",
+  columnGap: "space",
   columnRuleColor: "colors",
@@ -59,6 +59,6 @@ fill: "colors",
   fontWeight: "font-weights",
-  gap: "space-gap",
-  gridColumnGap: "space-gap",
-  gridGap: "space-gap",
-  gridRowGap: "space-gap",
+  gap: "space",
+  gridColumnGap: "space",
+  gridGap: "space",
+  gridRowGap: "space",
   gridTemplateColumns: "sizes",
@@ -68,23 +68,23 @@ gridTemplateRows: "sizes",
   inlineSize: "sizes",
-  inset: "space-inset",
-  insetBlock: "space-inset",
-  insetBlockEnd: "space-inset",
-  insetBlockStart: "space-inset",
-  insetInline: "space-inset",
-  insetInlineEnd: "space-inset",
-  insetInlineStart: "space-inset",
+  inset: "space",
+  insetBlock: "space",
+  insetBlockEnd: "space",
+  insetBlockStart: "space",
+  insetInline: "space",
+  insetInlineEnd: "space",
+  insetInlineStart: "space",
   left: "space",
   letterSpacing: "letter-spacings",
   lineHeight: "line-heights",
-  margin: "space-offset",
-  marginBlock: "space-offset",
-  marginBlockEnd: "space-offset",
-  marginBlockStart: "space-offset",
-  marginBottom: "space-offset",
-  marginInline: "space-offset",
-  marginInlineEnd: "space-offset",
-  marginInlineStart: "space-offset",
-  marginLeft: "space-offset",
-  marginRight: "space-offset",
-  marginTop: "space-offset",
+  margin: "space",
+  marginBlock: "space",
+  marginBlockEnd: "space",
+  marginBlockStart: "space",
+  marginBottom: "space",
+  marginInline: "space",
+  marginInlineEnd: "space",
+  marginInlineStart: "space",
+  marginLeft: "space",
+  marginRight: "space",
+  marginTop: "space",
   maxBlockSize: "sizes",
@@ -100,37 +100,37 @@ maxHeight: "sizes",
   outlineColor: "colors",
-  padding: "space-inset",
-  paddingBlock: "space-inset",
-  paddingBlockEnd: "space-inset",
-  paddingBlockStart: "space-inset",
-  paddingBottom: "space-inset",
-  paddingInline: "space-inset",
-  paddingInlineEnd: "space-inset",
-  paddingInlineStart: "space-inset",
-  paddingLeft: "space-inset",
-  paddingRight: "space-inset",
-  paddingTop: "space-inset",
+  padding: "space",
+  paddingBlock: "space",
+  paddingBlockEnd: "space",
+  paddingBlockStart: "space",
+  paddingBottom: "space",
+  paddingInline: "space",
+  paddingInlineEnd: "space",
+  paddingInlineStart: "space",
+  paddingLeft: "space",
+  paddingRight: "space",
+  paddingTop: "space",
   right: "space",
-  rowGap: "space-gap",
-  scrollMargin: "space-offset",
-  scrollMarginBlock: "space-offset",
-  scrollMarginBlockEnd: "space-offset",
-  scrollMarginBlockStart: "space-offset",
-  scrollMarginBottom: "space-offset",
-  scrollMarginInline: "space-offset",
-  scrollMarginInlineEnd: "space-offset",
-  scrollMarginInlineStart: "space-offset",
-  scrollMarginLeft: "space-offset",
-  scrollMarginRight: "space-offset",
-  scrollMarginTop: "space-offset",
-  scrollPadding: "space-inset",
-  scrollPaddingBlock: "space-inset",
-  scrollPaddingBlockEnd: "space-inset",
-  scrollPaddingBlockStart: "space-inset",
-  scrollPaddingBottom: "space-inset",
-  scrollPaddingInline: "space-inset",
-  scrollPaddingInlineEnd: "space-inset",
-  scrollPaddingInlineStart: "space-inset",
-  scrollPaddingLeft: "space-inset",
-  scrollPaddingRight: "space-inset",
-  scrollPaddingTop: "space-inset",
+  rowGap: "space",
+  scrollMargin: "space",
+  scrollMarginBlock: "space",
+  scrollMarginBlockEnd: "space",
+  scrollMarginBlockStart: "space",
+  scrollMarginBottom: "space",
+  scrollMarginInline: "space",
+  scrollMarginInlineEnd: "space",
+  scrollMarginInlineStart: "space",
+  scrollMarginLeft: "space",
+  scrollMarginRight: "space",
+  scrollMarginTop: "space",
+  scrollPadding: "space",
+  scrollPaddingBlock: "space",
+  scrollPaddingBlockEnd: "space",
+  scrollPaddingBlockStart: "space",
+  scrollPaddingBottom: "space",
+  scrollPaddingInline: "space",
+  scrollPaddingInlineEnd: "space",
+  scrollPaddingInlineStart: "space",
+  scrollPaddingLeft: "space",
+  scrollPaddingRight: "space",
+  scrollPaddingTop: "space",
   stroke: "colors",
@@ -155,5 +155,2 @@ strokeWidth: "stroke-width",
   space: tokens.space,
-  "space-gap": tokens.spaceGap,
-  "space-inset": tokens.spaceInset,
-  "space-offset": tokens.spaceOffset,
   "stroke-width": tokens.strokeWidths,
@@ -160,0 +157,0 @@ "z-indices": tokens.zIndices

package.json

 {
   "name": "@mirohq/design-system-stitches",
-  "version": "2.6.3",
+  "version": "2.6.4",
   "description": "",
@@ -30,4 +30,4 @@ "author": "Miro",
     "lodash.merge": "^4.6.2",
-    "@mirohq/design-system-themes": "^0.6.2",
-    "@mirohq/design-tokens": "^4.1.0",
+    "@mirohq/design-system-themes": "^0.6.3",
+    "@mirohq/design-tokens": "^5.0.0",
     "@mirohq/design-system-types": "^0.6.2"
@@ -34,0 +34,0 @@ },

No alert changes

Worsened metrics

Total package byte prevSize

244204

decreased by-7.44%

Lines of code

5019

decreased by-7.82%

Dependency changes

• - Removed@mirohq/design-tokens@4.1.0(transitive)

• Updated@mirohq/design-system-themes@^0.6.3

• Updated@mirohq/design-tokens@^5.0.0