@mirohq/design-system-styles 1.1.7-link.0 → 1.1.7

package/dist/main.js

@@ -29,18 +29,10 @@ if (/apple/i.test((_a = globalThis == null ? void 0 : globalThis.navigator) == n
     'what-input'
   )); });
 }
-const css = (style) => {
-  const styleWithOutline = {
-    /* Change outline color to transparent so it's invisible but still appears in Windows High Contrast Mode */
-    outlineColor: "transparent",
-    outlineStyle: "solid",
-    ...style
-  };
-  return {
-    "&:focus-visible": styleWithOutline,
-    '[data-whatintent="keyboard"] &:focus': styleWithOutline
-  };
-};
+const css = (style) => ({
+  "&:focus-visible": style,
+  '[data-whatintent="keyboard"] &:focus': style
+});
 const defaults = css({
   boxShadow: "$focus-small-outline",
   outline: "$blue-500"

package/dist/main.js.map

@@ -1 +1 @@
-{"version":3,"file":"main.js","sources":["../src/focus.ts","../src/animations.ts"],"sourcesContent":["import type { CSS } from '@mirohq/design-system-stitches'\n\n// use what-input to \"fake\" focus-visible\n// TODO: Remove it whenever Safari 15.4 becomes the default for most of its users\nif (/apple/i.test(globalThis?.navigator?.vendor)) {\n  import(/* webpackChunkName: \"what-input\" */ 'what-input')\n}\n\n// eslint-disable-next-line @typescript-eslint/explicit-function-return-type\nexport const css = (style: CSS) => {\n  // Manage focus outline\n  // https://craftcms.com/blog/custom-focus-indicators-with-css-variables\n  const styleWithOutline = {\n    /* Change outline color to transparent so it's invisible but still appears in Windows High Contrast Mode */\n    outlineColor: 'transparent',\n    outlineStyle: 'solid',\n    ...style,\n  }\n\n  return {\n    '&:focus-visible': styleWithOutline,\n    '[data-whatintent=\"keyboard\"] &:focus': styleWithOutline,\n  }\n}\n\n/*\n  @deprecated use shadow token with css() instead\n */\nexport const defaults = css({\n  boxShadow: '$focus-small-outline',\n  outline: '$blue-500',\n})\n\n/*\n  @deprecated use shadow token with css() instead\n */\nexport const inner = css({\n  borderRadius: '$100',\n  boxShadow: `inset 0 0 0 3px rgba(217, 224, 255, 1), inset 0 0 0 5px rgba(104, 129, 255, 1)`,\n  outline: 'none',\n})\n","import { keyframes } from '@mirohq/design-system-stitches'\n\nexport const fadeInScaled = keyframes({\n  '0%': { opacity: 0, transform: 'scale(0.8)' },\n  '100%': { opacity: 1, transform: 'scale(1)' },\n})\n\nexport const fadeOutScaled = keyframes({\n  '0%': { opacity: 1, transform: 'scale(1)' },\n  '100%': { opacity: 0, transform: 'scale(0.8)' },\n})\n\nexport const fadeIn = keyframes({\n  '0%': { opacity: 0 },\n  '50%': { opacity: 0.7 },\n  '100%': { opacity: 1 },\n})\n\nexport const fadeOut = keyframes({\n  '0%': { opacity: 1 },\n  '100%': { opacity: 0 },\n})\n"],"names":["keyframes"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAAA,IAAA,EAAA,CAAA;AAIA,IAAI,SAAS,IAAK,CAAA,CAAA,EAAA,GAAA,UAAA,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,UAAA,CAAY,SAAZ,KAAA,IAAA,GAAA,KAAA,CAAA,GAAA,EAAA,CAAuB,MAAM,CAAG,EAAA;AAChD,EAAA,mFAAA;AAAA;AAAA,IAA4C,YAAA;AAAA,EAAY,MAAA,CAAA;AAC1D,CAAA;AAGa,MAAA,GAAA,GAAM,CAAC,KAAe,KAAA;AAGjC,EAAA,MAAM,gBAAmB,GAAA;AAAA;AAAA,IAEvB,YAAc,EAAA,aAAA;AAAA,IACd,YAAc,EAAA,OAAA;AAAA,IACd,GAAG,KAAA;AAAA,GACL,CAAA;AAEA,EAAO,OAAA;AAAA,IACL,iBAAmB,EAAA,gBAAA;AAAA,IACnB,sCAAwC,EAAA,gBAAA;AAAA,GAC1C,CAAA;AACF,CAAA,CAAA;AAKO,MAAM,WAAW,GAAI,CAAA;AAAA,EAC1B,SAAW,EAAA,sBAAA;AAAA,EACX,OAAS,EAAA,WAAA;AACX,CAAC,CAAA,CAAA;AAKM,MAAM,QAAQ,GAAI,CAAA;AAAA,EACvB,YAAc,EAAA,MAAA;AAAA,EACd,SAAW,EAAA,gFAAA;AAAA,EACX,OAAS,EAAA,MAAA;AACX,CAAC,CAAA;;;;;;;;;ACtCM,MAAM,eAAeA,8BAAU,CAAA;AAAA,EACpC,IAAM,EAAA,EAAE,OAAS,EAAA,CAAA,EAAG,WAAW,YAAa,EAAA;AAAA,EAC5C,MAAQ,EAAA,EAAE,OAAS,EAAA,CAAA,EAAG,WAAW,UAAW,EAAA;AAC9C,CAAC,CAAA,CAAA;AAEM,MAAM,gBAAgBA,8BAAU,CAAA;AAAA,EACrC,IAAM,EAAA,EAAE,OAAS,EAAA,CAAA,EAAG,WAAW,UAAW,EAAA;AAAA,EAC1C,MAAQ,EAAA,EAAE,OAAS,EAAA,CAAA,EAAG,WAAW,YAAa,EAAA;AAChD,CAAC,CAAA,CAAA;AAEM,MAAM,SAASA,8BAAU,CAAA;AAAA,EAC9B,IAAA,EAAM,EAAE,OAAA,EAAS,CAAE,EAAA;AAAA,EACnB,KAAA,EAAO,EAAE,OAAA,EAAS,GAAI,EAAA;AAAA,EACtB,MAAA,EAAQ,EAAE,OAAA,EAAS,CAAE,EAAA;AACvB,CAAC,CAAA,CAAA;AAEM,MAAM,UAAUA,8BAAU,CAAA;AAAA,EAC/B,IAAA,EAAM,EAAE,OAAA,EAAS,CAAE,EAAA;AAAA,EACnB,MAAA,EAAQ,EAAE,OAAA,EAAS,CAAE,EAAA;AACvB,CAAC,CAAA;;;;;;;;;;;;;"}
+{"version":3,"file":"main.js","sources":["../src/focus.ts","../src/animations.ts"],"sourcesContent":["import type { CSSProperties } from 'react'\n\n// use what-input to \"fake\" focus-visible\n// TODO: Remove it whenever Safari 15.4 becomes the default for most of its users\nif (/apple/i.test(globalThis?.navigator?.vendor)) {\n  import(/* webpackChunkName: \"what-input\" */ 'what-input')\n}\n\n// eslint-disable-next-line @typescript-eslint/explicit-function-return-type\nexport const css = (style: CSSProperties) => ({\n  '&:focus-visible': style,\n  '[data-whatintent=\"keyboard\"] &:focus': style,\n})\n\n/*\n  @deprecated use shadow token with css() instead\n */\nexport const defaults = css({\n  boxShadow: '$focus-small-outline',\n  outline: '$blue-500',\n})\n\n/*\n  @deprecated use shadow token with css() instead\n */\nexport const inner = css({\n  borderRadius: '$100',\n  boxShadow: `inset 0 0 0 3px rgba(217, 224, 255, 1), inset 0 0 0 5px rgba(104, 129, 255, 1)`,\n  outline: 'none',\n})\n","import { keyframes } from '@mirohq/design-system-stitches'\n\nexport const fadeInScaled = keyframes({\n  '0%': { opacity: 0, transform: 'scale(0.8)' },\n  '100%': { opacity: 1, transform: 'scale(1)' },\n})\n\nexport const fadeOutScaled = keyframes({\n  '0%': { opacity: 1, transform: 'scale(1)' },\n  '100%': { opacity: 0, transform: 'scale(0.8)' },\n})\n\nexport const fadeIn = keyframes({\n  '0%': { opacity: 0 },\n  '50%': { opacity: 0.7 },\n  '100%': { opacity: 1 },\n})\n\nexport const fadeOut = keyframes({\n  '0%': { opacity: 1 },\n  '100%': { opacity: 0 },\n})\n"],"names":["keyframes"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAAA,IAAA,EAAA,CAAA;AAIA,IAAI,SAAS,IAAK,CAAA,CAAA,EAAA,GAAA,UAAA,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,UAAA,CAAY,SAAZ,KAAA,IAAA,GAAA,KAAA,CAAA,GAAA,EAAA,CAAuB,MAAM,CAAG,EAAA;AAChD,EAAA,mFAAA;AAAA;AAAA,IAA4C,YAAA;AAAA,EAAY,MAAA,CAAA;AAC1D,CAAA;AAGa,MAAA,GAAA,GAAM,CAAC,KAA0B,MAAA;AAAA,EAC5C,iBAAmB,EAAA,KAAA;AAAA,EACnB,sCAAwC,EAAA,KAAA;AAC1C,CAAA,CAAA,CAAA;AAKO,MAAM,WAAW,GAAI,CAAA;AAAA,EAC1B,SAAW,EAAA,sBAAA;AAAA,EACX,OAAS,EAAA,WAAA;AACX,CAAC,CAAA,CAAA;AAKM,MAAM,QAAQ,GAAI,CAAA;AAAA,EACvB,YAAc,EAAA,MAAA;AAAA,EACd,SAAW,EAAA,gFAAA;AAAA,EACX,OAAS,EAAA,MAAA;AACX,CAAC,CAAA;;;;;;;;;AC3BM,MAAM,eAAeA,8BAAU,CAAA;AAAA,EACpC,IAAM,EAAA,EAAE,OAAS,EAAA,CAAA,EAAG,WAAW,YAAa,EAAA;AAAA,EAC5C,MAAQ,EAAA,EAAE,OAAS,EAAA,CAAA,EAAG,WAAW,UAAW,EAAA;AAC9C,CAAC,CAAA,CAAA;AAEM,MAAM,gBAAgBA,8BAAU,CAAA;AAAA,EACrC,IAAM,EAAA,EAAE,OAAS,EAAA,CAAA,EAAG,WAAW,UAAW,EAAA;AAAA,EAC1C,MAAQ,EAAA,EAAE,OAAS,EAAA,CAAA,EAAG,WAAW,YAAa,EAAA;AAChD,CAAC,CAAA,CAAA;AAEM,MAAM,SAASA,8BAAU,CAAA;AAAA,EAC9B,IAAA,EAAM,EAAE,OAAA,EAAS,CAAE,EAAA;AAAA,EACnB,KAAA,EAAO,EAAE,OAAA,EAAS,GAAI,EAAA;AAAA,EACtB,MAAA,EAAQ,EAAE,OAAA,EAAS,CAAE,EAAA;AACvB,CAAC,CAAA,CAAA;AAEM,MAAM,UAAUA,8BAAU,CAAA;AAAA,EAC/B,IAAA,EAAM,EAAE,OAAA,EAAS,CAAE,EAAA;AAAA,EACnB,MAAA,EAAQ,EAAE,OAAA,EAAS,CAAE,EAAA;AACvB,CAAC,CAAA;;;;;;;;;;;;;"}

package/dist/module.js

@@ -7,18 +7,10 @@ if (/apple/i.test((_a = globalThis == null ? void 0 : globalThis.navigator) == n
     'what-input'
   );
 }
-const css = (style) => {
-  const styleWithOutline = {
-    /* Change outline color to transparent so it's invisible but still appears in Windows High Contrast Mode */
-    outlineColor: "transparent",
-    outlineStyle: "solid",
-    ...style
-  };
-  return {
-    "&:focus-visible": styleWithOutline,
-    '[data-whatintent="keyboard"] &:focus': styleWithOutline
-  };
-};
+const css = (style) => ({
+  "&:focus-visible": style,
+  '[data-whatintent="keyboard"] &:focus': style
+});
 const defaults = css({
   boxShadow: "$focus-small-outline",
   outline: "$blue-500"

package/dist/module.js.map

@@ -1 +1 @@
-{"version":3,"file":"module.js","sources":["../src/focus.ts","../src/animations.ts"],"sourcesContent":["import type { CSS } from '@mirohq/design-system-stitches'\n\n// use what-input to \"fake\" focus-visible\n// TODO: Remove it whenever Safari 15.4 becomes the default for most of its users\nif (/apple/i.test(globalThis?.navigator?.vendor)) {\n  import(/* webpackChunkName: \"what-input\" */ 'what-input')\n}\n\n// eslint-disable-next-line @typescript-eslint/explicit-function-return-type\nexport const css = (style: CSS) => {\n  // Manage focus outline\n  // https://craftcms.com/blog/custom-focus-indicators-with-css-variables\n  const styleWithOutline = {\n    /* Change outline color to transparent so it's invisible but still appears in Windows High Contrast Mode */\n    outlineColor: 'transparent',\n    outlineStyle: 'solid',\n    ...style,\n  }\n\n  return {\n    '&:focus-visible': styleWithOutline,\n    '[data-whatintent=\"keyboard\"] &:focus': styleWithOutline,\n  }\n}\n\n/*\n  @deprecated use shadow token with css() instead\n */\nexport const defaults = css({\n  boxShadow: '$focus-small-outline',\n  outline: '$blue-500',\n})\n\n/*\n  @deprecated use shadow token with css() instead\n */\nexport const inner = css({\n  borderRadius: '$100',\n  boxShadow: `inset 0 0 0 3px rgba(217, 224, 255, 1), inset 0 0 0 5px rgba(104, 129, 255, 1)`,\n  outline: 'none',\n})\n","import { keyframes } from '@mirohq/design-system-stitches'\n\nexport const fadeInScaled = keyframes({\n  '0%': { opacity: 0, transform: 'scale(0.8)' },\n  '100%': { opacity: 1, transform: 'scale(1)' },\n})\n\nexport const fadeOutScaled = keyframes({\n  '0%': { opacity: 1, transform: 'scale(1)' },\n  '100%': { opacity: 0, transform: 'scale(0.8)' },\n})\n\nexport const fadeIn = keyframes({\n  '0%': { opacity: 0 },\n  '50%': { opacity: 0.7 },\n  '100%': { opacity: 1 },\n})\n\nexport const fadeOut = keyframes({\n  '0%': { opacity: 1 },\n  '100%': { opacity: 0 },\n})\n"],"names":[],"mappings":";;AAAA,IAAA,EAAA,CAAA;AAIA,IAAI,SAAS,IAAK,CAAA,CAAA,EAAA,GAAA,UAAA,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,UAAA,CAAY,SAAZ,KAAA,IAAA,GAAA,KAAA,CAAA,GAAA,EAAA,CAAuB,MAAM,CAAG,EAAA;AAChD,EAAA;AAAA;AAAA,IAA4C,YAAA;AAAA,GAAY,CAAA;AAC1D,CAAA;AAGa,MAAA,GAAA,GAAM,CAAC,KAAe,KAAA;AAGjC,EAAA,MAAM,gBAAmB,GAAA;AAAA;AAAA,IAEvB,YAAc,EAAA,aAAA;AAAA,IACd,YAAc,EAAA,OAAA;AAAA,IACd,GAAG,KAAA;AAAA,GACL,CAAA;AAEA,EAAO,OAAA;AAAA,IACL,iBAAmB,EAAA,gBAAA;AAAA,IACnB,sCAAwC,EAAA,gBAAA;AAAA,GAC1C,CAAA;AACF,CAAA,CAAA;AAKO,MAAM,WAAW,GAAI,CAAA;AAAA,EAC1B,SAAW,EAAA,sBAAA;AAAA,EACX,OAAS,EAAA,WAAA;AACX,CAAC,CAAA,CAAA;AAKM,MAAM,QAAQ,GAAI,CAAA;AAAA,EACvB,YAAc,EAAA,MAAA;AAAA,EACd,SAAW,EAAA,gFAAA;AAAA,EACX,OAAS,EAAA,MAAA;AACX,CAAC,CAAA;;;;;;;;;ACtCM,MAAM,eAAe,SAAU,CAAA;AAAA,EACpC,IAAM,EAAA,EAAE,OAAS,EAAA,CAAA,EAAG,WAAW,YAAa,EAAA;AAAA,EAC5C,MAAQ,EAAA,EAAE,OAAS,EAAA,CAAA,EAAG,WAAW,UAAW,EAAA;AAC9C,CAAC,CAAA,CAAA;AAEM,MAAM,gBAAgB,SAAU,CAAA;AAAA,EACrC,IAAM,EAAA,EAAE,OAAS,EAAA,CAAA,EAAG,WAAW,UAAW,EAAA;AAAA,EAC1C,MAAQ,EAAA,EAAE,OAAS,EAAA,CAAA,EAAG,WAAW,YAAa,EAAA;AAChD,CAAC,CAAA,CAAA;AAEM,MAAM,SAAS,SAAU,CAAA;AAAA,EAC9B,IAAA,EAAM,EAAE,OAAA,EAAS,CAAE,EAAA;AAAA,EACnB,KAAA,EAAO,EAAE,OAAA,EAAS,GAAI,EAAA;AAAA,EACtB,MAAA,EAAQ,EAAE,OAAA,EAAS,CAAE,EAAA;AACvB,CAAC,CAAA,CAAA;AAEM,MAAM,UAAU,SAAU,CAAA;AAAA,EAC/B,IAAA,EAAM,EAAE,OAAA,EAAS,CAAE,EAAA;AAAA,EACnB,MAAA,EAAQ,EAAE,OAAA,EAAS,CAAE,EAAA;AACvB,CAAC,CAAA;;;;;;;;;;;;"}
+{"version":3,"file":"module.js","sources":["../src/focus.ts","../src/animations.ts"],"sourcesContent":["import type { CSSProperties } from 'react'\n\n// use what-input to \"fake\" focus-visible\n// TODO: Remove it whenever Safari 15.4 becomes the default for most of its users\nif (/apple/i.test(globalThis?.navigator?.vendor)) {\n  import(/* webpackChunkName: \"what-input\" */ 'what-input')\n}\n\n// eslint-disable-next-line @typescript-eslint/explicit-function-return-type\nexport const css = (style: CSSProperties) => ({\n  '&:focus-visible': style,\n  '[data-whatintent=\"keyboard\"] &:focus': style,\n})\n\n/*\n  @deprecated use shadow token with css() instead\n */\nexport const defaults = css({\n  boxShadow: '$focus-small-outline',\n  outline: '$blue-500',\n})\n\n/*\n  @deprecated use shadow token with css() instead\n */\nexport const inner = css({\n  borderRadius: '$100',\n  boxShadow: `inset 0 0 0 3px rgba(217, 224, 255, 1), inset 0 0 0 5px rgba(104, 129, 255, 1)`,\n  outline: 'none',\n})\n","import { keyframes } from '@mirohq/design-system-stitches'\n\nexport const fadeInScaled = keyframes({\n  '0%': { opacity: 0, transform: 'scale(0.8)' },\n  '100%': { opacity: 1, transform: 'scale(1)' },\n})\n\nexport const fadeOutScaled = keyframes({\n  '0%': { opacity: 1, transform: 'scale(1)' },\n  '100%': { opacity: 0, transform: 'scale(0.8)' },\n})\n\nexport const fadeIn = keyframes({\n  '0%': { opacity: 0 },\n  '50%': { opacity: 0.7 },\n  '100%': { opacity: 1 },\n})\n\nexport const fadeOut = keyframes({\n  '0%': { opacity: 1 },\n  '100%': { opacity: 0 },\n})\n"],"names":[],"mappings":";;AAAA,IAAA,EAAA,CAAA;AAIA,IAAI,SAAS,IAAK,CAAA,CAAA,EAAA,GAAA,UAAA,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,UAAA,CAAY,SAAZ,KAAA,IAAA,GAAA,KAAA,CAAA,GAAA,EAAA,CAAuB,MAAM,CAAG,EAAA;AAChD,EAAA;AAAA;AAAA,IAA4C,YAAA;AAAA,GAAY,CAAA;AAC1D,CAAA;AAGa,MAAA,GAAA,GAAM,CAAC,KAA0B,MAAA;AAAA,EAC5C,iBAAmB,EAAA,KAAA;AAAA,EACnB,sCAAwC,EAAA,KAAA;AAC1C,CAAA,CAAA,CAAA;AAKO,MAAM,WAAW,GAAI,CAAA;AAAA,EAC1B,SAAW,EAAA,sBAAA;AAAA,EACX,OAAS,EAAA,WAAA;AACX,CAAC,CAAA,CAAA;AAKM,MAAM,QAAQ,GAAI,CAAA;AAAA,EACvB,YAAc,EAAA,MAAA;AAAA,EACd,SAAW,EAAA,gFAAA;AAAA,EACX,OAAS,EAAA,MAAA;AACX,CAAC,CAAA;;;;;;;;;AC3BM,MAAM,eAAe,SAAU,CAAA;AAAA,EACpC,IAAM,EAAA,EAAE,OAAS,EAAA,CAAA,EAAG,WAAW,YAAa,EAAA;AAAA,EAC5C,MAAQ,EAAA,EAAE,OAAS,EAAA,CAAA,EAAG,WAAW,UAAW,EAAA;AAC9C,CAAC,CAAA,CAAA;AAEM,MAAM,gBAAgB,SAAU,CAAA;AAAA,EACrC,IAAM,EAAA,EAAE,OAAS,EAAA,CAAA,EAAG,WAAW,UAAW,EAAA;AAAA,EAC1C,MAAQ,EAAA,EAAE,OAAS,EAAA,CAAA,EAAG,WAAW,YAAa,EAAA;AAChD,CAAC,CAAA,CAAA;AAEM,MAAM,SAAS,SAAU,CAAA;AAAA,EAC9B,IAAA,EAAM,EAAE,OAAA,EAAS,CAAE,EAAA;AAAA,EACnB,KAAA,EAAO,EAAE,OAAA,EAAS,GAAI,EAAA;AAAA,EACtB,MAAA,EAAQ,EAAE,OAAA,EAAS,CAAE,EAAA;AACvB,CAAC,CAAA,CAAA;AAEM,MAAM,UAAU,SAAU,CAAA;AAAA,EAC/B,IAAA,EAAM,EAAE,OAAA,EAAS,CAAE,EAAA;AAAA,EACnB,MAAA,EAAQ,EAAE,OAAA,EAAS,CAAE,EAAA;AACvB,CAAC,CAAA;;;;;;;;;;;;"}