@mirohq/design-system-styles 2.1.2-dummy.0 → 3.0.1-aria-label-icon-button.0

package/dist/main.js

@@ -4,31 +4,6 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var designSystemStitches = require('@mirohq/design-system-stitches');
 
-function _interopNamespace(e) {
-  if (e && e.__esModule) return e;
-  var n = Object.create(null);
-  if (e) {
-    Object.keys(e).forEach(function (k) {
-      if (k !== 'default') {
-        var d = Object.getOwnPropertyDescriptor(e, k);
-        Object.defineProperty(n, k, d.get ? d : {
-          enumerable: true,
-          get: function () { return e[k]; }
-        });
-      }
-    });
-  }
-  n["default"] = e;
-  return Object.freeze(n);
-}
-
-var _a;
-if (/apple/i.test((_a = globalThis == null ? void 0 : globalThis.navigator) == null ? void 0 : _a.vendor)) {
-  Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
-    /* webpackChunkName: "what-input" */
-    'what-input'
-  )); });
-}
 const css = (style) => {
   const styleWithOutline = {
     // use `as any` to workaround TS2742 error
@@ -39,7 +14,6 @@ const css = (style) => {
   };
   return {
     "&:focus-visible": styleWithOutline,
-    '[data-whatintent="keyboard"] &:focus': styleWithOutline,
     "&[data-focused]": styleWithOutline,
     "&[data-focus-visible]": styleWithOutline
   };

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 for Windows High Contrast Mode\n  const styleWithOutline = {\n    // use `as any` to workaround TS2742 error\n    ...(style as any),\n\n    '@media (forced-colors: active)': {\n      outline: 'Highlight solid',\n    },\n  }\n\n  return {\n    '&:focus-visible': styleWithOutline,\n    '[data-whatintent=\"keyboard\"] &:focus': styleWithOutline,\n    '&[data-focused]': styleWithOutline,\n    '&[data-focus-visible]': styleWithOutline,\n  }\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;AAEjC,EAAA,MAAM,gBAAmB,GAAA;AAAA;AAAA,IAEvB,GAAI,KAAA;AAAA,IAEJ,gCAAkC,EAAA;AAAA,MAChC,OAAS,EAAA,iBAAA;AAAA,KACX;AAAA,GACF,CAAA;AAEA,EAAO,OAAA;AAAA,IACL,iBAAmB,EAAA,gBAAA;AAAA,IACnB,sCAAwC,EAAA,gBAAA;AAAA,IACxC,iBAAmB,EAAA,gBAAA;AAAA,IACnB,uBAAyB,EAAA,gBAAA;AAAA,GAC3B,CAAA;AACF,CAAA;;;;;;;ACxBO,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 { CSS } from '@mirohq/design-system-stitches'\n\n// eslint-disable-next-line @typescript-eslint/explicit-function-return-type\nexport const css = (style: CSS) => {\n  // Manage focus outline for Windows High Contrast Mode\n  const styleWithOutline = {\n    // use `as any` to workaround TS2742 error\n    ...(style as any),\n\n    '@media (forced-colors: active)': {\n      outline: 'Highlight solid',\n    },\n  }\n\n  return {\n    '&:focus-visible': styleWithOutline,\n    '&[data-focused]': styleWithOutline,\n    '&[data-focus-visible]': styleWithOutline,\n  }\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":";;;;;;AAGa,MAAA,GAAA,GAAM,CAAC,KAAe,KAAA;AAEjC,EAAA,MAAM,gBAAmB,GAAA;AAAA;AAAA,IAEvB,GAAI,KAAA;AAAA,IAEJ,gCAAkC,EAAA;AAAA,MAChC,OAAS,EAAA,iBAAA;AAAA,KACX;AAAA,GACF,CAAA;AAEA,EAAO,OAAA;AAAA,IACL,iBAAmB,EAAA,gBAAA;AAAA,IACnB,iBAAmB,EAAA,gBAAA;AAAA,IACnB,uBAAyB,EAAA,gBAAA;AAAA,GAC3B,CAAA;AACF,CAAA;;;;;;;ACjBO,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

@@ -1,12 +1,5 @@
 import { keyframes } from '@mirohq/design-system-stitches';
 
-var _a;
-if (/apple/i.test((_a = globalThis == null ? void 0 : globalThis.navigator) == null ? void 0 : _a.vendor)) {
-  import(
-    /* webpackChunkName: "what-input" */
-    'what-input'
-  );
-}
 const css = (style) => {
   const styleWithOutline = {
     // use `as any` to workaround TS2742 error
@@ -17,7 +10,6 @@ const css = (style) => {
   };
   return {
     "&:focus-visible": styleWithOutline,
-    '[data-whatintent="keyboard"] &:focus': styleWithOutline,
     "&[data-focused]": styleWithOutline,
     "&[data-focus-visible]": styleWithOutline
   };

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 for Windows High Contrast Mode\n  const styleWithOutline = {\n    // use `as any` to workaround TS2742 error\n    ...(style as any),\n\n    '@media (forced-colors: active)': {\n      outline: 'Highlight solid',\n    },\n  }\n\n  return {\n    '&:focus-visible': styleWithOutline,\n    '[data-whatintent=\"keyboard\"] &:focus': styleWithOutline,\n    '&[data-focused]': styleWithOutline,\n    '&[data-focus-visible]': styleWithOutline,\n  }\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;AAEjC,EAAA,MAAM,gBAAmB,GAAA;AAAA;AAAA,IAEvB,GAAI,KAAA;AAAA,IAEJ,gCAAkC,EAAA;AAAA,MAChC,OAAS,EAAA,iBAAA;AAAA,KACX;AAAA,GACF,CAAA;AAEA,EAAO,OAAA;AAAA,IACL,iBAAmB,EAAA,gBAAA;AAAA,IACnB,sCAAwC,EAAA,gBAAA;AAAA,IACxC,iBAAmB,EAAA,gBAAA;AAAA,IACnB,uBAAyB,EAAA,gBAAA;AAAA,GAC3B,CAAA;AACF,CAAA;;;;;;;ACxBO,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 { CSS } from '@mirohq/design-system-stitches'\n\n// eslint-disable-next-line @typescript-eslint/explicit-function-return-type\nexport const css = (style: CSS) => {\n  // Manage focus outline for Windows High Contrast Mode\n  const styleWithOutline = {\n    // use `as any` to workaround TS2742 error\n    ...(style as any),\n\n    '@media (forced-colors: active)': {\n      outline: 'Highlight solid',\n    },\n  }\n\n  return {\n    '&:focus-visible': styleWithOutline,\n    '&[data-focused]': styleWithOutline,\n    '&[data-focus-visible]': styleWithOutline,\n  }\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":";;AAGa,MAAA,GAAA,GAAM,CAAC,KAAe,KAAA;AAEjC,EAAA,MAAM,gBAAmB,GAAA;AAAA;AAAA,IAEvB,GAAI,KAAA;AAAA,IAEJ,gCAAkC,EAAA;AAAA,MAChC,OAAS,EAAA,iBAAA;AAAA,KACX;AAAA,GACF,CAAA;AAEA,EAAO,OAAA;AAAA,IACL,iBAAmB,EAAA,gBAAA;AAAA,IACnB,iBAAmB,EAAA,gBAAA;AAAA,IACnB,uBAAyB,EAAA,gBAAA;AAAA,GAC3B,CAAA;AACF,CAAA;;;;;;;ACjBO,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;;;;;;;;;;;;"}

package/dist/types.d.ts

@@ -2,7 +2,6 @@ import { CSS } from '@mirohq/design-system-stitches';
 
 declare const css: (style: CSS) => {
     '&:focus-visible': any;
-    '[data-whatintent="keyboard"] &:focus': any;
     '&[data-focused]': any;
     '&[data-focus-visible]': any;
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mirohq/design-system-styles",
-  "version": "2.1.2-dummy.0",
+  "version": "3.0.1-aria-label-icon-button.0",
   "description": "",
   "author": "Miro",
   "source": "src/index.ts",
@@ -25,8 +25,7 @@
     "react": "^16.14 || ^17 || ^18 || ^19"
   },
   "dependencies": {
-    "what-input": "^5.2.11",
-    "@mirohq/design-system-stitches": "^3.1.2-dummy.0"
+    "@mirohq/design-system-stitches": "^3.1.2-aria-label-icon-button.0"
   },
   "scripts": {
     "build": "rollup -c ../../rollup.config.js",