@salutejs/plasma-new-hope 0.326.1-canary.2043.15852251108.0 → 0.327.0-canary.1741.15743877104.0

package/es/mixins/applyHidden.js

@@ -1,6 +1,11 @@
-var applyHidden = function applyHidden() {
-  return "visibility: hidden;\n    width: 0;\n    height: 0;\n    opacity: 0;\n    margin: 0;\n    padding: 0;\n    border: none;\n";
-};
+const applyHidden = () => `visibility: hidden;
+    width: 0;
+    height: 0;
+    opacity: 0;
+    margin: 0;
+    padding: 0;
+    border: none;
+`;
 
 export { applyHidden };
 //# sourceMappingURL=applyHidden.js.map

package/es/mixins/applyHidden.js.map

@@ -1 +1 @@
-{"version":3,"file":"applyHidden.js","sources":["../../src/mixins/applyHidden.ts"],"sourcesContent":["export const applyHidden = () => `visibility: hidden;\n    width: 0;\n    height: 0;\n    opacity: 0;\n    margin: 0;\n    padding: 0;\n    border: none;\n`;\n"],"names":["applyHidden"],"mappings":"AAAaA,IAAAA,WAAW,GAAG,SAAdA,WAAWA,GAAA;AAAA,EAAA,OAAA,2HAAA,CAAA;AAAA;;;;"}
+{"version":3,"file":"applyHidden.js","sources":["../../src/mixins/applyHidden.ts"],"sourcesContent":["export const applyHidden = () => `visibility: hidden;\n    width: 0;\n    height: 0;\n    opacity: 0;\n    margin: 0;\n    padding: 0;\n    border: none;\n`;\n"],"names":["applyHidden"],"mappings":"AAAaA,MAAAA,WAAW,GAAGA,MAAM,CAAA;AACjC;AACA;AACA;AACA;AACA;AACA;AACA;;;;"}

package/es/mixins/applyHyphens.js

@@ -1,5 +1,11 @@
-var applyHyphens = "\n    overflow-wrap: break-word;\n    hyphens: auto;\n";
-var applyHyphensNormal = "\n    overflow-wrap: normal;\n    hyphens: manual;\n";
+const applyHyphens = `
+    overflow-wrap: break-word;
+    hyphens: auto;
+`;
+const applyHyphensNormal = `
+    overflow-wrap: normal;
+    hyphens: manual;
+`;
 
 export { applyHyphens, applyHyphensNormal };
 //# sourceMappingURL=applyHyphens.js.map

package/es/mixins/applyHyphens.js.map

@@ -1 +1 @@
-{"version":3,"file":"applyHyphens.js","sources":["../../src/mixins/applyHyphens.ts"],"sourcesContent":["export const applyHyphens = `\n    overflow-wrap: break-word;\n    hyphens: auto;\n`;\n\nexport const applyHyphensNormal = `\n    overflow-wrap: normal;\n    hyphens: manual;\n`;\n"],"names":["applyHyphens","applyHyphensNormal"],"mappings":"AAAO,IAAMA,YAAY,GAGxB,yDAAA;AAEM,IAAMC,kBAAkB,GAG9B;;;;"}
+{"version":3,"file":"applyHyphens.js","sources":["../../src/mixins/applyHyphens.ts"],"sourcesContent":["export const applyHyphens = `\n    overflow-wrap: break-word;\n    hyphens: auto;\n`;\n\nexport const applyHyphensNormal = `\n    overflow-wrap: normal;\n    hyphens: manual;\n`;\n"],"names":["applyHyphens","applyHyphensNormal"],"mappings":"AAAO,MAAMA,YAAY,GAAG,CAAA;AAC5B;AACA;AACA,EAAC;AAEM,MAAMC,kBAAkB,GAAG,CAAA;AAClC;AACA;AACA;;;;"}

package/es/mixins/applyNoUserSelect.js

@@ -1,9 +1,7 @@
-var applyNoUserSelect = function applyNoUserSelect() {
-  return {
-    'user-select': 'none',
-    '-webkit-tap-highlight-color': 'rgba(0, 0, 0, 0)'
-  };
-};
+const applyNoUserSelect = () => ({
+  'user-select': 'none',
+  '-webkit-tap-highlight-color': 'rgba(0, 0, 0, 0)'
+});
 
 export { applyNoUserSelect };
 //# sourceMappingURL=applyNoUserSelect.js.map

package/es/mixins/applyNoUserSelect.js.map

@@ -1 +1 @@
-{"version":3,"file":"applyNoUserSelect.js","sources":["../../src/mixins/applyNoUserSelect.ts"],"sourcesContent":["export const applyNoUserSelect = () => ({\n    'user-select': 'none',\n    '-webkit-tap-highlight-color': 'rgba(0, 0, 0, 0)',\n});\n"],"names":["applyNoUserSelect"],"mappings":"AAAaA,IAAAA,iBAAiB,GAAG,SAApBA,iBAAiBA,GAAA;EAAA,OAAU;AACpC,IAAA,aAAa,EAAE,MAAM;AACrB,IAAA,6BAA6B,EAAE,kBAAA;GAClC,CAAA;AAAA;;;;"}
+{"version":3,"file":"applyNoUserSelect.js","sources":["../../src/mixins/applyNoUserSelect.ts"],"sourcesContent":["export const applyNoUserSelect = () => ({\n    'user-select': 'none',\n    '-webkit-tap-highlight-color': 'rgba(0, 0, 0, 0)',\n});\n"],"names":["applyNoUserSelect"],"mappings":"AAAaA,MAAAA,iBAAiB,GAAGA,OAAO;AACpC,EAAA,aAAa,EAAE,MAAM;AACrB,EAAA,6BAA6B,EAAE,kBAAA;AACnC,CAAC;;;;"}

package/es/mixins/applyRoundness.js

@@ -1,7 +1,7 @@
 /**
  * Набор часто встречающихся скруглений.
  */
-var radiuses = {
+const radiuses = {
   250: 15.625,
   32: 2,
   28: 1.75,
@@ -19,10 +19,11 @@ var radiuses = {
  * Необходимо вызвать функцию в самом компоненте и прокинуть полученное значение в пропс roundness
  * Пример в компоненте Skeleton/LineSkeleton
  */
-var getRoundness = function getRoundness(_ref) {
-  var roundness = _ref.roundness;
+const getRoundness = ({
+  roundness
+}) => {
   if (!Number.isNaN(Number(roundness))) {
-    return "".concat(radiuses[roundness], "rem");
+    return `${radiuses[roundness]}rem`;
   }
   return String(roundness);
 };
@@ -31,8 +32,10 @@ var getRoundness = function getRoundness(_ref) {
  * Миксин скругленности.
  * roundness должно передаваться как css-переменная applyRoundness('var(--roundnes-token)')
  */
-var applyRoundness = function applyRoundness(roundness) {
-  return "\n            border-radius: ".concat(roundness, ";\n        ");
+const applyRoundness = roundness => {
+  return `
+            border-radius: ${roundness};
+        `;
 };
 
 export { applyRoundness, getRoundness, radiuses };

package/es/mixins/applyRoundness.js.map

@@ -1 +1 @@
-{"version":3,"file":"applyRoundness.js","sources":["../../src/mixins/applyRoundness.ts"],"sourcesContent":["/**\n * Набор часто встречающихся скруглений.\n */\nexport const radiuses = {\n    250: 15.625,\n    32: 2,\n    28: 1.75,\n    24: 1.5,\n    20: 1.25,\n    18: 1.125,\n    16: 1,\n    14: 0.875,\n    12: 0.75,\n    8: 0.5,\n    0: 0,\n};\n\nexport type Roundness = keyof typeof radiuses;\nexport type RoundnessProps = {\n    /**\n     * Скругленность\n     */\n    roundness: Roundness | string;\n};\n\n/**\n * Функция для получения значения скругленности границ\n * Необходимо вызвать функцию в самом компоненте и прокинуть полученное значение в пропс roundness\n * Пример в компоненте Skeleton/LineSkeleton\n */\nexport const getRoundness = ({ roundness }: RoundnessProps): string => {\n    if (!Number.isNaN(Number(roundness))) {\n        return `${radiuses[roundness as Roundness]}rem`;\n    }\n\n    return String(roundness);\n};\n\n/**\n * Миксин скругленности.\n * roundness должно передаваться как css-переменная applyRoundness('var(--roundnes-token)')\n */\nexport const applyRoundness = (roundness: string) => {\n    return `\n            border-radius: ${roundness};\n        `;\n};\n"],"names":["radiuses","getRoundness","_ref","roundness","Number","isNaN","concat","String","applyRoundness"],"mappings":"AAAA;AACA;AACA;AACO,IAAMA,QAAQ,GAAG;AACpB,EAAA,GAAG,EAAE,MAAM;AACX,EAAA,EAAE,EAAE,CAAC;AACL,EAAA,EAAE,EAAE,IAAI;AACR,EAAA,EAAE,EAAE,GAAG;AACP,EAAA,EAAE,EAAE,IAAI;AACR,EAAA,EAAE,EAAE,KAAK;AACT,EAAA,EAAE,EAAE,CAAC;AACL,EAAA,EAAE,EAAE,KAAK;AACT,EAAA,EAAE,EAAE,IAAI;AACR,EAAA,CAAC,EAAE,GAAG;AACN,EAAA,CAAC,EAAE,CAAA;AACP,EAAC;AAUD;AACA;AACA;AACA;AACA;IACaC,YAAY,GAAG,SAAfA,YAAYA,CAAAC,IAAA,EAA8C;AAAA,EAAA,IAAxCC,SAAS,GAAAD,IAAA,CAATC,SAAS,CAAA;EACpC,IAAI,CAACC,MAAM,CAACC,KAAK,CAACD,MAAM,CAACD,SAAS,CAAC,CAAC,EAAE;AAClC,IAAA,OAAA,EAAA,CAAAG,MAAA,CAAUN,QAAQ,CAACG,SAAS,CAAc,EAAA,KAAA,CAAA,CAAA;AAC9C,GAAA;EAEA,OAAOI,MAAM,CAACJ,SAAS,CAAC,CAAA;AAC5B,EAAC;;AAED;AACA;AACA;AACA;IACaK,cAAc,GAAG,SAAjBA,cAAcA,CAAIL,SAAiB,EAAK;EACjD,OAAAG,+BAAAA,CAAAA,MAAA,CACyBH,SAAS,EAAA,aAAA,CAAA,CAAA;AAEtC;;;;"}
+{"version":3,"file":"applyRoundness.js","sources":["../../src/mixins/applyRoundness.ts"],"sourcesContent":["/**\n * Набор часто встречающихся скруглений.\n */\nexport const radiuses = {\n    250: 15.625,\n    32: 2,\n    28: 1.75,\n    24: 1.5,\n    20: 1.25,\n    18: 1.125,\n    16: 1,\n    14: 0.875,\n    12: 0.75,\n    8: 0.5,\n    0: 0,\n};\n\nexport type Roundness = keyof typeof radiuses;\nexport type RoundnessProps = {\n    /**\n     * Скругленность\n     */\n    roundness: Roundness | string;\n};\n\n/**\n * Функция для получения значения скругленности границ\n * Необходимо вызвать функцию в самом компоненте и прокинуть полученное значение в пропс roundness\n * Пример в компоненте Skeleton/LineSkeleton\n */\nexport const getRoundness = ({ roundness }: RoundnessProps): string => {\n    if (!Number.isNaN(Number(roundness))) {\n        return `${radiuses[roundness as Roundness]}rem`;\n    }\n\n    return String(roundness);\n};\n\n/**\n * Миксин скругленности.\n * roundness должно передаваться как css-переменная applyRoundness('var(--roundnes-token)')\n */\nexport const applyRoundness = (roundness: string) => {\n    return `\n            border-radius: ${roundness};\n        `;\n};\n"],"names":["radiuses","getRoundness","roundness","Number","isNaN","String","applyRoundness"],"mappings":"AAAA;AACA;AACA;AACO,MAAMA,QAAQ,GAAG;AACpB,EAAA,GAAG,EAAE,MAAM;AACX,EAAA,EAAE,EAAE,CAAC;AACL,EAAA,EAAE,EAAE,IAAI;AACR,EAAA,EAAE,EAAE,GAAG;AACP,EAAA,EAAE,EAAE,IAAI;AACR,EAAA,EAAE,EAAE,KAAK;AACT,EAAA,EAAE,EAAE,CAAC;AACL,EAAA,EAAE,EAAE,KAAK;AACT,EAAA,EAAE,EAAE,IAAI;AACR,EAAA,CAAC,EAAE,GAAG;AACN,EAAA,CAAC,EAAE,CAAA;AACP,EAAC;AAUD;AACA;AACA;AACA;AACA;AACO,MAAMC,YAAY,GAAGA,CAAC;AAAEC,EAAAA,SAAAA;AAA0B,CAAC,KAAa;EACnE,IAAI,CAACC,MAAM,CAACC,KAAK,CAACD,MAAM,CAACD,SAAS,CAAC,CAAC,EAAE;AAClC,IAAA,OAAO,CAAGF,EAAAA,QAAQ,CAACE,SAAS,CAAc,CAAK,GAAA,CAAA,CAAA;AACnD,GAAA;EAEA,OAAOG,MAAM,CAACH,SAAS,CAAC,CAAA;AAC5B,EAAC;;AAED;AACA;AACA;AACA;AACaI,MAAAA,cAAc,GAAIJ,SAAiB,IAAK;EACjD,OAAO,CAAA;AACX,2BAAA,EAA6BA,SAAS,CAAA;AACtC,QAAS,CAAA,CAAA;AACT;;;;"}

package/es/mixins/applySkeletonGradient.js

@@ -3,9 +3,10 @@
  * Необходимо вызвать функцию в самом компоненте и прокинуть полученное значение в пропс gradientColor
  * Пример в компоненте Skeleton/LineSkeleton
  */
-var getSkeletonColor = function getSkeletonColor(_ref) {
-  var lighter = _ref.lighter,
-    customGradientColor = _ref.customGradientColor;
+const getSkeletonColor = ({
+  lighter,
+  customGradientColor
+}) => {
   if (customGradientColor) {
     return customGradientColor.trim();
   }
@@ -19,9 +20,32 @@ var getSkeletonColor = function getSkeletonColor(_ref) {
  * Миксин применения градиента скелетона.
  * gradientColor должно передаваться как css-переменная applySkeletonGradient('var(--gradient-token)')
  */
-var applySkeletonGradient = function applySkeletonGradient(gradientColor) {
-  return "\n    position: relative;\n    overflow: hidden;\n    z-index: 1; /* for safari */\n\n    &::before {\n        content: '';\n        position: absolute;\n        top: 0;\n        left: -100vw;\n        width: 200vw;\n        height: 100%;\n        animation: loading 4s linear infinite;\n        background-image: ".concat(gradientColor, ";\n    }\n\n    @keyframes loading {\n        from {\n            transform: translateX(0);\n        }\n\n        to {\n            transform: translateX(100vw);\n        }\n    }\n");
-};
+const applySkeletonGradient = gradientColor => `
+    position: relative;
+    overflow: hidden;
+    z-index: 1; /* for safari */
+
+    &::before {
+        content: '';
+        position: absolute;
+        top: 0;
+        left: -100vw;
+        width: 200vw;
+        height: 100%;
+        animation: loading 4s linear infinite;
+        background-image: ${gradientColor};
+    }
+
+    @keyframes loading {
+        from {
+            transform: translateX(0);
+        }
+
+        to {
+            transform: translateX(100vw);
+        }
+    }
+`;
 
 export { applySkeletonGradient, getSkeletonColor };
 //# sourceMappingURL=applySkeletonGradient.js.map

package/es/mixins/applySkeletonGradient.js.map

@@ -1 +1 @@
-{"version":3,"file":"applySkeletonGradient.js","sources":["../../src/mixins/applySkeletonGradient.ts"],"sourcesContent":["export interface SkeletonGradientProps {\n    lighter?: boolean;\n    customGradientColor?: string;\n}\n\n/**\n * Функция для получения значения градиента скелетона\n * Необходимо вызвать функцию в самом компоненте и прокинуть полученное значение в пропс gradientColor\n * Пример в компоненте Skeleton/LineSkeleton\n */\nexport const getSkeletonColor = ({ lighter, customGradientColor }: SkeletonGradientProps) => {\n    if (customGradientColor) {\n        return customGradientColor.trim();\n    }\n\n    if (lighter) {\n        return 'var(--plasma-colors-skeleton-gradient-lighter, var(--surface-skeleton-deep-gradient))';\n    }\n\n    return 'var(--plasma-colors-skeleton-gradient, var(--surface-skeleton-gradient))';\n};\n\n/**\n * Миксин применения градиента скелетона.\n * gradientColor должно передаваться как css-переменная applySkeletonGradient('var(--gradient-token)')\n */\nexport const applySkeletonGradient = (gradientColor: string) => `\n    position: relative;\n    overflow: hidden;\n    z-index: 1; /* for safari */\n\n    &::before {\n        content: '';\n        position: absolute;\n        top: 0;\n        left: -100vw;\n        width: 200vw;\n        height: 100%;\n        animation: loading 4s linear infinite;\n        background-image: ${gradientColor};\n    }\n\n    @keyframes loading {\n        from {\n            transform: translateX(0);\n        }\n\n        to {\n            transform: translateX(100vw);\n        }\n    }\n`;\n"],"names":["getSkeletonColor","_ref","lighter","customGradientColor","trim","applySkeletonGradient","gradientColor","concat"],"mappings":"AAKA;AACA;AACA;AACA;AACA;IACaA,gBAAgB,GAAG,SAAnBA,gBAAgBA,CAAAC,IAAA,EAAgE;AAAA,EAAA,IAA1DC,OAAO,GAAAD,IAAA,CAAPC,OAAO;IAAEC,mBAAmB,GAAAF,IAAA,CAAnBE,mBAAmB,CAAA;AAC3D,EAAA,IAAIA,mBAAmB,EAAE;AACrB,IAAA,OAAOA,mBAAmB,CAACC,IAAI,EAAE,CAAA;AACrC,GAAA;AAEA,EAAA,IAAIF,OAAO,EAAE;AACT,IAAA,OAAO,uFAAuF,CAAA;AAClG,GAAA;AAEA,EAAA,OAAO,0EAA0E,CAAA;AACrF,EAAC;;AAED;AACA;AACA;AACA;IACaG,qBAAqB,GAAG,SAAxBA,qBAAqBA,CAAIC,aAAqB,EAAA;EAAA,OAAAC,4TAAAA,CAAAA,MAAA,CAa/BD,aAAa,EAAA,uLAAA,CAAA,CAAA;AAAA;;;;"}
+{"version":3,"file":"applySkeletonGradient.js","sources":["../../src/mixins/applySkeletonGradient.ts"],"sourcesContent":["export interface SkeletonGradientProps {\n    lighter?: boolean;\n    customGradientColor?: string;\n}\n\n/**\n * Функция для получения значения градиента скелетона\n * Необходимо вызвать функцию в самом компоненте и прокинуть полученное значение в пропс gradientColor\n * Пример в компоненте Skeleton/LineSkeleton\n */\nexport const getSkeletonColor = ({ lighter, customGradientColor }: SkeletonGradientProps) => {\n    if (customGradientColor) {\n        return customGradientColor.trim();\n    }\n\n    if (lighter) {\n        return 'var(--plasma-colors-skeleton-gradient-lighter, var(--surface-skeleton-deep-gradient))';\n    }\n\n    return 'var(--plasma-colors-skeleton-gradient, var(--surface-skeleton-gradient))';\n};\n\n/**\n * Миксин применения градиента скелетона.\n * gradientColor должно передаваться как css-переменная applySkeletonGradient('var(--gradient-token)')\n */\nexport const applySkeletonGradient = (gradientColor: string) => `\n    position: relative;\n    overflow: hidden;\n    z-index: 1; /* for safari */\n\n    &::before {\n        content: '';\n        position: absolute;\n        top: 0;\n        left: -100vw;\n        width: 200vw;\n        height: 100%;\n        animation: loading 4s linear infinite;\n        background-image: ${gradientColor};\n    }\n\n    @keyframes loading {\n        from {\n            transform: translateX(0);\n        }\n\n        to {\n            transform: translateX(100vw);\n        }\n    }\n`;\n"],"names":["getSkeletonColor","lighter","customGradientColor","trim","applySkeletonGradient","gradientColor"],"mappings":"AAKA;AACA;AACA;AACA;AACA;AACO,MAAMA,gBAAgB,GAAGA,CAAC;EAAEC,OAAO;AAAEC,EAAAA,mBAAAA;AAA2C,CAAC,KAAK;AACzF,EAAA,IAAIA,mBAAmB,EAAE;AACrB,IAAA,OAAOA,mBAAmB,CAACC,IAAI,EAAE,CAAA;AACrC,GAAA;AAEA,EAAA,IAAIF,OAAO,EAAE;AACT,IAAA,OAAO,uFAAuF,CAAA;AAClG,GAAA;AAEA,EAAA,OAAO,0EAA0E,CAAA;AACrF,EAAC;;AAED;AACA;AACA;AACA;AACaG,MAAAA,qBAAqB,GAAIC,aAAqB,IAAK,CAAA;AAChE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,0BAAA,EAA4BA,aAAa,CAAA;AACzC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;;"}

package/es/mixins/applySpacing.js

@@ -1,6 +1,4 @@
-import { objectSpread2 as _objectSpread2, slicedToArray as _slicedToArray, defineProperty as _defineProperty } from '../_virtual/_rollupPluginBabelHelpers.js';
-
-var baseSpacing = {
+const baseSpacing = {
   0: '0',
   2: '0.125rem',
   4: '0.25rem',
@@ -13,7 +11,8 @@ var baseSpacing = {
   24: '1.5rem',
   32: '2rem'
 };
-var spacing = /*#__PURE__*/_objectSpread2(/*#__PURE__*/_objectSpread2({}, baseSpacing), {}, {
+const spacing = {
+  ...baseSpacing,
   '0x': baseSpacing[0],
   '1x': baseSpacing[2],
   '2x': baseSpacing[4],
@@ -25,59 +24,56 @@ var spacing = /*#__PURE__*/_objectSpread2(/*#__PURE__*/_objectSpread2({}, baseSp
   '10x': baseSpacing[20],
   '12x': baseSpacing[24],
   '16x': baseSpacing[32]
-});
-var createSpacingFn = function createSpacingFn(params) {
-  return function (value) {
-    return params.reduce(function (acc, cur) {
-      return _objectSpread2(_objectSpread2({}, acc), {}, _defineProperty({}, cur, spacing[value]));
-    }, {});
-  };
 };
-var m = /*#__PURE__*/createSpacingFn(['margin']);
-var mt = /*#__PURE__*/createSpacingFn(['marginTop']);
-var mr = /*#__PURE__*/createSpacingFn(['marginRight']);
-var ml = /*#__PURE__*/createSpacingFn(['marginLeft']);
-var mb = /*#__PURE__*/createSpacingFn(['marginBottom']);
-var mx = /*#__PURE__*/createSpacingFn(['marginLeft', 'marginRight']);
-var my = /*#__PURE__*/createSpacingFn(['marginTop', 'marginBottom']);
-var p = /*#__PURE__*/createSpacingFn(['padding']);
-var pt = /*#__PURE__*/createSpacingFn(['paddingTop']);
-var pr = /*#__PURE__*/createSpacingFn(['paddingRight']);
-var pl = /*#__PURE__*/createSpacingFn(['paddingLeft']);
-var pb = /*#__PURE__*/createSpacingFn(['paddingBottom']);
-var px = /*#__PURE__*/createSpacingFn(['paddingLeft', 'paddingRight']);
-var py = /*#__PURE__*/createSpacingFn(['paddingTop', 'paddingBottom']);
-var spacingFns = {
-  m: m,
-  mt: mt,
-  mr: mr,
-  ml: ml,
-  mb: mb,
-  mx: mx,
-  my: my,
-  p: p,
-  pt: pt,
-  pr: pr,
-  pl: pl,
-  pb: pb,
-  px: px,
-  py: py
+const createSpacingFn = params => value => {
+  return params.reduce((acc, cur) => ({
+    ...acc,
+    [cur]: spacing[value]
+  }), {});
+};
+const m = createSpacingFn(['margin']);
+const mt = createSpacingFn(['marginTop']);
+const mr = createSpacingFn(['marginRight']);
+const ml = createSpacingFn(['marginLeft']);
+const mb = createSpacingFn(['marginBottom']);
+const mx = createSpacingFn(['marginLeft', 'marginRight']);
+const my = createSpacingFn(['marginTop', 'marginBottom']);
+const p = createSpacingFn(['padding']);
+const pt = createSpacingFn(['paddingTop']);
+const pr = createSpacingFn(['paddingRight']);
+const pl = createSpacingFn(['paddingLeft']);
+const pb = createSpacingFn(['paddingBottom']);
+const px = createSpacingFn(['paddingLeft', 'paddingRight']);
+const py = createSpacingFn(['paddingTop', 'paddingBottom']);
+const spacingFns = {
+  m,
+  mt,
+  mr,
+  ml,
+  mb,
+  mx,
+  my,
+  p,
+  pt,
+  pr,
+  pl,
+  pb,
+  px,
+  py
 };
-var spacingFnsList = /*#__PURE__*/Object.entries(spacingFns);
+const spacingFnsList = Object.entries(spacingFns);
 /**
  * Миксин для добавления пропсов стандартных отступов в компонент.
  */
-var applySpacing = function applySpacing(props) {
-  return spacingFnsList.reduce(function (styles, _ref) {
-    var _ref2 = _slicedToArray(_ref, 2),
-      fnName = _ref2[0],
-      fn = _ref2[1];
-    if (fnName in props) {
-      return _objectSpread2(_objectSpread2({}, styles), fn(props[fnName]));
-    }
-    return styles;
-  }, {});
-};
+const applySpacing = props => spacingFnsList.reduce((styles, [fnName, fn]) => {
+  if (fnName in props) {
+    return {
+      ...styles,
+      ...fn(props[fnName])
+    };
+  }
+  return styles;
+}, {});
 
 export { applySpacing, spacing, spacingFns };
 //# sourceMappingURL=applySpacing.js.map

package/es/mixins/applySpacing.js.map

@@ -1 +1 @@
-{"version":3,"file":"applySpacing.js","sources":["../../src/mixins/applySpacing.ts"],"sourcesContent":["const baseSpacing = {\n    0: '0',\n    2: '0.125rem',\n    4: '0.25rem',\n    8: '0.5rem',\n    10: '0.625rem',\n    12: '0.75rem',\n    16: '1rem',\n    18: '1.125rem',\n    20: '1.25rem',\n    24: '1.5rem',\n    32: '2rem',\n};\n\nexport const spacing = {\n    ...baseSpacing,\n    '0x': baseSpacing[0],\n    '1x': baseSpacing[2],\n    '2x': baseSpacing[4],\n    '4x': baseSpacing[8],\n    '5x': baseSpacing[10],\n    '6x': baseSpacing[12],\n    '8x': baseSpacing[16],\n    '9x': baseSpacing[18],\n    '10x': baseSpacing[20],\n    '12x': baseSpacing[24],\n    '16x': baseSpacing[32],\n};\n\nexport type Spacing = keyof typeof spacing;\n\nconst createSpacingFn = (params: string[]) => (value: Spacing) => {\n    return params.reduce((acc, cur) => ({ ...acc, [cur]: spacing[value] }), {});\n};\n\nconst m = createSpacingFn(['margin']);\nconst mt = createSpacingFn(['marginTop']);\nconst mr = createSpacingFn(['marginRight']);\nconst ml = createSpacingFn(['marginLeft']);\nconst mb = createSpacingFn(['marginBottom']);\nconst mx = createSpacingFn(['marginLeft', 'marginRight']);\nconst my = createSpacingFn(['marginTop', 'marginBottom']);\n\nconst p = createSpacingFn(['padding']);\nconst pt = createSpacingFn(['paddingTop']);\nconst pr = createSpacingFn(['paddingRight']);\nconst pl = createSpacingFn(['paddingLeft']);\nconst pb = createSpacingFn(['paddingBottom']);\nconst px = createSpacingFn(['paddingLeft', 'paddingRight']);\nconst py = createSpacingFn(['paddingTop', 'paddingBottom']);\n\nexport const spacingFns = { m, mt, mr, ml, mb, mx, my, p, pt, pr, pl, pb, px, py };\nconst spacingFnsList = Object.entries(spacingFns);\n\ntype SpacingFn = keyof typeof spacingFns;\n\nexport interface SpacingProps {\n    m?: Spacing;\n    mt?: Spacing;\n    mr?: Spacing;\n    mb?: Spacing;\n    ml?: Spacing;\n    mx?: Spacing;\n    my?: Spacing;\n    p?: Spacing;\n    pt?: Spacing;\n    pr?: Spacing;\n    pb?: Spacing;\n    pl?: Spacing;\n    px?: Spacing;\n    py?: Spacing;\n}\n\n/**\n * Миксин для добавления пропсов стандартных отступов в компонент.\n */\nexport const applySpacing = (props: SpacingProps) =>\n    spacingFnsList.reduce((styles, [fnName, fn]) => {\n        if (fnName in props) {\n            return { ...styles, ...fn(props[fnName as SpacingFn] as Spacing) };\n        }\n        return styles;\n    }, {});\n"],"names":["baseSpacing","spacing","_objectSpread","createSpacingFn","params","value","reduce","acc","cur","_defineProperty","m","mt","mr","ml","mb","mx","my","p","pt","pr","pl","pb","px","py","spacingFns","spacingFnsList","Object","entries","applySpacing","props","styles","_ref","_ref2","_slicedToArray","fnName","fn"],"mappings":"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"}
+{"version":3,"file":"applySpacing.js","sources":["../../src/mixins/applySpacing.ts"],"sourcesContent":["const baseSpacing = {\n    0: '0',\n    2: '0.125rem',\n    4: '0.25rem',\n    8: '0.5rem',\n    10: '0.625rem',\n    12: '0.75rem',\n    16: '1rem',\n    18: '1.125rem',\n    20: '1.25rem',\n    24: '1.5rem',\n    32: '2rem',\n};\n\nexport const spacing = {\n    ...baseSpacing,\n    '0x': baseSpacing[0],\n    '1x': baseSpacing[2],\n    '2x': baseSpacing[4],\n    '4x': baseSpacing[8],\n    '5x': baseSpacing[10],\n    '6x': baseSpacing[12],\n    '8x': baseSpacing[16],\n    '9x': baseSpacing[18],\n    '10x': baseSpacing[20],\n    '12x': baseSpacing[24],\n    '16x': baseSpacing[32],\n};\n\nexport type Spacing = keyof typeof spacing;\n\nconst createSpacingFn = (params: string[]) => (value: Spacing) => {\n    return params.reduce((acc, cur) => ({ ...acc, [cur]: spacing[value] }), {});\n};\n\nconst m = createSpacingFn(['margin']);\nconst mt = createSpacingFn(['marginTop']);\nconst mr = createSpacingFn(['marginRight']);\nconst ml = createSpacingFn(['marginLeft']);\nconst mb = createSpacingFn(['marginBottom']);\nconst mx = createSpacingFn(['marginLeft', 'marginRight']);\nconst my = createSpacingFn(['marginTop', 'marginBottom']);\n\nconst p = createSpacingFn(['padding']);\nconst pt = createSpacingFn(['paddingTop']);\nconst pr = createSpacingFn(['paddingRight']);\nconst pl = createSpacingFn(['paddingLeft']);\nconst pb = createSpacingFn(['paddingBottom']);\nconst px = createSpacingFn(['paddingLeft', 'paddingRight']);\nconst py = createSpacingFn(['paddingTop', 'paddingBottom']);\n\nexport const spacingFns = { m, mt, mr, ml, mb, mx, my, p, pt, pr, pl, pb, px, py };\nconst spacingFnsList = Object.entries(spacingFns);\n\ntype SpacingFn = keyof typeof spacingFns;\n\nexport interface SpacingProps {\n    m?: Spacing;\n    mt?: Spacing;\n    mr?: Spacing;\n    mb?: Spacing;\n    ml?: Spacing;\n    mx?: Spacing;\n    my?: Spacing;\n    p?: Spacing;\n    pt?: Spacing;\n    pr?: Spacing;\n    pb?: Spacing;\n    pl?: Spacing;\n    px?: Spacing;\n    py?: Spacing;\n}\n\n/**\n * Миксин для добавления пропсов стандартных отступов в компонент.\n */\nexport const applySpacing = (props: SpacingProps) =>\n    spacingFnsList.reduce((styles, [fnName, fn]) => {\n        if (fnName in props) {\n            return { ...styles, ...fn(props[fnName as SpacingFn] as Spacing) };\n        }\n        return styles;\n    }, {});\n"],"names":["baseSpacing","spacing","createSpacingFn","params","value","reduce","acc","cur","m","mt","mr","ml","mb","mx","my","p","pt","pr","pl","pb","px","py","spacingFns","spacingFnsList","Object","entries","applySpacing","props","styles","fnName","fn"],"mappings":"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"}

package/es/mixins/createApplyPaperMixin.js

@@ -1,20 +1,18 @@
-import { objectSpread2 as _objectSpread2 } from '../_virtual/_rollupPluginBabelHelpers.js';
-
 // TODO: Обновить prettier до версии 2.2.0+
 /* eslint-disable prettier/prettier */
 
-var createApplyPaperMixin = function createApplyPaperMixin(tokens) {
-  return function (_ref) {
-    var backgroundColor = _ref.backgroundColor,
-      shadow = _ref.shadow,
-      borderRadius = _ref.borderRadius,
-      styles = _ref.styles;
-    return _objectSpread2({
-      backgroundColor: backgroundColor ? tokens[backgroundColor] : undefined,
-      boxShadow: shadow ? tokens[shadow] : undefined,
-      borderRadius: borderRadius ? tokens[borderRadius] : undefined
-    }, styles);
-  };
+const createApplyPaperMixin = tokens => {
+  return ({
+    backgroundColor,
+    shadow,
+    borderRadius,
+    styles
+  }) => ({
+    backgroundColor: backgroundColor ? tokens[backgroundColor] : undefined,
+    boxShadow: shadow ? tokens[shadow] : undefined,
+    borderRadius: borderRadius ? tokens[borderRadius] : undefined,
+    ...styles
+  });
 };
 
 export { createApplyPaperMixin };

package/es/mixins/createApplyPaperMixin.js.map

@@ -1 +1 @@
-{"version":3,"file":"createApplyPaperMixin.js","sources":["../../src/mixins/createApplyPaperMixin.ts"],"sourcesContent":["// TODO: Обновить prettier до версии 2.2.0+\n/* eslint-disable prettier/prettier */\nimport type { CSSProperties } from 'react';\n\ntype ShadowTokensKeys = 'shadow';\n\ntype BorderRadiusTokensKeys = 'borderRadius';\n\ntype SpacingTokensKeys = 'spacing';\n\ntype ExcludedTokenKeys =\n    | `${ShadowTokensKeys}${string}`\n    | `${BorderRadiusTokensKeys}${string}`\n    | `${SpacingTokensKeys}${string}`;\n\ntype FilterKeys<T, Pattern extends string> = T extends Pattern ? T : never;\n\ntype AbstractTokens = Record<string, any>;\n\ntype OnlyColorTokens<T extends AbstractTokens> = {\n    [K in keyof T]: T[K] extends object ? never : K extends ExcludedTokenKeys ? never : K;\n}[keyof T];\n\nexport const createApplyPaperMixin = <T extends AbstractTokens>(tokens: T) => {\n    type ColorTokens = OnlyColorTokens<typeof tokens>;\n\n    type AllTokenKeys = keyof typeof tokens;\n\n    type ShadowTokens = FilterKeys<AllTokenKeys, `${ShadowTokensKeys}${string}`>;\n\n    type BorderRadiusTokens = FilterKeys<AllTokenKeys, `${BorderRadiusTokensKeys}${string}`>;\n\n    type PaperProps = {\n        backgroundColor?: ColorTokens;\n        shadow?: ShadowTokens;\n        borderRadius?: BorderRadiusTokens;\n        styles?: CSSProperties;\n    };\n\n    return ({ backgroundColor, shadow, borderRadius, styles }: PaperProps): CSSProperties => ({\n        backgroundColor: backgroundColor ? tokens[backgroundColor] : undefined,\n        boxShadow: shadow ? tokens[shadow] : undefined,\n        borderRadius: borderRadius ? tokens[borderRadius] : undefined,\n        ...styles,\n    });\n};\n"],"names":["createApplyPaperMixin","tokens","_ref","backgroundColor","shadow","borderRadius","styles","_objectSpread","undefined","boxShadow"],"mappings":";;AAAA;AACA;;IAsBaA,qBAAqB,GAAG,SAAxBA,qBAAqBA,CAA8BC,MAAS,EAAK;AAgB1E,EAAA,OAAO,UAAAC,IAAA,EAAA;AAAA,IAAA,IAAGC,eAAe,GAAAD,IAAA,CAAfC,eAAe;MAAEC,MAAM,GAAAF,IAAA,CAANE,MAAM;MAAEC,YAAY,GAAAH,IAAA,CAAZG,YAAY;MAAEC,MAAM,GAAAJ,IAAA,CAANI,MAAM,CAAA;AAAA,IAAA,OAAAC,cAAA,CAAA;MACnDJ,eAAe,EAAEA,eAAe,GAAGF,MAAM,CAACE,eAAe,CAAC,GAAGK,SAAS;MACtEC,SAAS,EAAEL,MAAM,GAAGH,MAAM,CAACG,MAAM,CAAC,GAAGI,SAAS;AAC9CH,MAAAA,YAAY,EAAEA,YAAY,GAAGJ,MAAM,CAACI,YAAY,CAAC,GAAGG,SAAAA;AAAS,KAAA,EAC1DF,MAAM,CAAA,CAAA;GACX,CAAA;AACN;;;;"}
+{"version":3,"file":"createApplyPaperMixin.js","sources":["../../src/mixins/createApplyPaperMixin.ts"],"sourcesContent":["// TODO: Обновить prettier до версии 2.2.0+\n/* eslint-disable prettier/prettier */\nimport type { CSSProperties } from 'react';\n\ntype ShadowTokensKeys = 'shadow';\n\ntype BorderRadiusTokensKeys = 'borderRadius';\n\ntype SpacingTokensKeys = 'spacing';\n\ntype ExcludedTokenKeys =\n    | `${ShadowTokensKeys}${string}`\n    | `${BorderRadiusTokensKeys}${string}`\n    | `${SpacingTokensKeys}${string}`;\n\ntype FilterKeys<T, Pattern extends string> = T extends Pattern ? T : never;\n\ntype AbstractTokens = Record<string, any>;\n\ntype OnlyColorTokens<T extends AbstractTokens> = {\n    [K in keyof T]: T[K] extends object ? never : K extends ExcludedTokenKeys ? never : K;\n}[keyof T];\n\nexport const createApplyPaperMixin = <T extends AbstractTokens>(tokens: T) => {\n    type ColorTokens = OnlyColorTokens<typeof tokens>;\n\n    type AllTokenKeys = keyof typeof tokens;\n\n    type ShadowTokens = FilterKeys<AllTokenKeys, `${ShadowTokensKeys}${string}`>;\n\n    type BorderRadiusTokens = FilterKeys<AllTokenKeys, `${BorderRadiusTokensKeys}${string}`>;\n\n    type PaperProps = {\n        backgroundColor?: ColorTokens;\n        shadow?: ShadowTokens;\n        borderRadius?: BorderRadiusTokens;\n        styles?: CSSProperties;\n    };\n\n    return ({ backgroundColor, shadow, borderRadius, styles }: PaperProps): CSSProperties => ({\n        backgroundColor: backgroundColor ? tokens[backgroundColor] : undefined,\n        boxShadow: shadow ? tokens[shadow] : undefined,\n        borderRadius: borderRadius ? tokens[borderRadius] : undefined,\n        ...styles,\n    });\n};\n"],"names":["createApplyPaperMixin","tokens","backgroundColor","shadow","borderRadius","styles","undefined","boxShadow"],"mappings":"AAAA;AACA;;AAsBaA,MAAAA,qBAAqB,GAA8BC,MAAS,IAAK;AAgB1E,EAAA,OAAO,CAAC;IAAEC,eAAe;IAAEC,MAAM;IAAEC,YAAY;AAAEC,IAAAA,MAAAA;AAAmB,GAAC,MAAqB;IACtFH,eAAe,EAAEA,eAAe,GAAGD,MAAM,CAACC,eAAe,CAAC,GAAGI,SAAS;IACtEC,SAAS,EAAEJ,MAAM,GAAGF,MAAM,CAACE,MAAM,CAAC,GAAGG,SAAS;IAC9CF,YAAY,EAAEA,YAAY,GAAGH,MAAM,CAACG,YAAY,CAAC,GAAGE,SAAS;IAC7D,GAAGD,MAAAA;AACP,GAAC,CAAC,CAAA;AACN;;;;"}

package/es/mixins/mediaQuery.js

@@ -1,4 +1,4 @@
-var breakpoints = {
+const breakpoints = {
   XL: 960,
   // TV
   L: 769,
@@ -7,49 +7,54 @@ var breakpoints = {
   // Portal 6 cols
   S: 0 // Mobile
 };
-var columns = {
+const columns = {
   XL: 12,
   L: 8,
   M: 6,
   S: 4
 };
-var margins = {
+const margins = {
   XL: 4,
   L: 3.5,
   M: 3.5,
   S: 1
 };
-var gutters = {
+const gutters = {
   XL: 1,
   L: 1,
   M: 1,
   S: 0.5
 };
-var sizes = /*#__PURE__*/Object.keys(breakpoints);
+const sizes = Object.keys(breakpoints);
 
 /**
  * Обертка над css-медиазапросами с заранее определенными брейкпоинтами.
  */
 // TODO: https://github.com/salute-developers/plasma/issues/906
-var mediaQuery = function mediaQuery(breakpoint) {
-  var deviceScale = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 2;
-  var index = sizes.indexOf(breakpoint);
-  var nextBreakpoint = sizes[index - 1];
-  var min = breakpoints[breakpoint] > 0 ? breakpoints[breakpoint] * deviceScale : null;
-  var max = breakpoints[nextBreakpoint] ? (breakpoints[nextBreakpoint] - 1) * deviceScale : null;
+const mediaQuery = (breakpoint, deviceScale = 2) => {
+  const index = sizes.indexOf(breakpoint);
+  const nextBreakpoint = sizes[index - 1];
+  const min = breakpoints[breakpoint] > 0 ? breakpoints[breakpoint] * deviceScale : null;
+  const max = breakpoints[nextBreakpoint] ? (breakpoints[nextBreakpoint] - 1) * deviceScale : null;
   if (min === null && max !== null) {
-    return function (content) {
-      return "\n                @media (max-width: ".concat(max, "px) {\n                    ").concat(content, "\n                }\n            ");
-    };
+    return content => `
+                @media (max-width: ${max}px) {
+                    ${content}
+                }
+            `;
   }
   if (min !== null && max !== null) {
-    return function (content) {
-      return "\n                @media screen and (min-width: ".concat(min, "px) and (max-width: ").concat(max, "px) {\n                    ").concat(content, "\n                }\n            ");
-    };
+    return content => `
+                @media screen and (min-width: ${min}px) and (max-width: ${max}px) {
+                    ${content}
+                }
+            `;
   }
-  return function (content) {
-    return "\n            @media (min-width: ".concat(min, "px) {\n                ").concat(content, "\n            }\n        ");
-  };
+  return content => `
+            @media (min-width: ${min}px) {
+                ${content}
+            }
+        `;
 };
 
 export { breakpoints, columns, gutters, margins, mediaQuery, sizes };

package/es/mixins/mediaQuery.js.map

@@ -1 +1 @@
-{"version":3,"file":"mediaQuery.js","sources":["../../src/mixins/mediaQuery.ts"],"sourcesContent":["export const breakpoints = {\n    XL: 960, // TV\n    L: 769, // Portal 8 cols\n    M: 560, // Portal 6 cols\n    S: 0, // Mobile\n};\n\nexport const columns = {\n    XL: 12,\n    L: 8,\n    M: 6,\n    S: 4,\n};\n\nexport const margins = {\n    XL: 4,\n    L: 3.5,\n    M: 3.5,\n    S: 1,\n};\n\nexport const gutters = {\n    XL: 1,\n    L: 1,\n    M: 1,\n    S: 0.5,\n};\n\nexport type MediaQueryFunction = (content: string) => string;\nexport type Breakpoint = keyof typeof breakpoints;\n\nexport const sizes = Object.keys(breakpoints) as Breakpoint[];\n\n/**\n * Обертка над css-медиазапросами с заранее определенными брейкпоинтами.\n */\n// TODO: https://github.com/salute-developers/plasma/issues/906\nexport const mediaQuery = (breakpoint: Breakpoint, deviceScale = 2): MediaQueryFunction => {\n    const index = sizes.indexOf(breakpoint);\n    const nextBreakpoint = sizes[index - 1] as Breakpoint;\n    const min = breakpoints[breakpoint] > 0 ? breakpoints[breakpoint] * deviceScale : null;\n    const max = breakpoints[nextBreakpoint] ? (breakpoints[nextBreakpoint] - 1) * deviceScale : null;\n\n    if (min === null && max !== null) {\n        return (content) => `\n                @media (max-width: ${max}px) {\n                    ${content}\n                }\n            `;\n    }\n\n    if (min !== null && max !== null) {\n        return (content) => `\n                @media screen and (min-width: ${min}px) and (max-width: ${max}px) {\n                    ${content}\n                }\n            `;\n    }\n\n    return (content) => `\n            @media (min-width: ${min}px) {\n                ${content}\n            }\n        `;\n};\n"],"names":["breakpoints","XL","L","M","S","columns","margins","gutters","sizes","Object","keys","mediaQuery","breakpoint","deviceScale","arguments","length","undefined","index","indexOf","nextBreakpoint","min","max","content","concat"],"mappings":"AAAO,IAAMA,WAAW,GAAG;AACvBC,EAAAA,EAAE,EAAE,GAAG;AAAE;AACTC,EAAAA,CAAC,EAAE,GAAG;AAAE;AACRC,EAAAA,CAAC,EAAE,GAAG;AAAE;EACRC,CAAC,EAAE,CAAC;AACR,EAAC;AAEM,IAAMC,OAAO,GAAG;AACnBJ,EAAAA,EAAE,EAAE,EAAE;AACNC,EAAAA,CAAC,EAAE,CAAC;AACJC,EAAAA,CAAC,EAAE,CAAC;AACJC,EAAAA,CAAC,EAAE,CAAA;AACP,EAAC;AAEM,IAAME,OAAO,GAAG;AACnBL,EAAAA,EAAE,EAAE,CAAC;AACLC,EAAAA,CAAC,EAAE,GAAG;AACNC,EAAAA,CAAC,EAAE,GAAG;AACNC,EAAAA,CAAC,EAAE,CAAA;AACP,EAAC;AAEM,IAAMG,OAAO,GAAG;AACnBN,EAAAA,EAAE,EAAE,CAAC;AACLC,EAAAA,CAAC,EAAE,CAAC;AACJC,EAAAA,CAAC,EAAE,CAAC;AACJC,EAAAA,CAAC,EAAE,GAAA;AACP,EAAC;AAKM,IAAMI,KAAK,gBAAGC,MAAM,CAACC,IAAI,CAACV,WAAW,EAAiB;;AAE7D;AACA;AACA;AACA;IACaW,UAAU,GAAG,SAAbA,UAAUA,CAAIC,UAAsB,EAA0C;AAAA,EAAA,IAAxCC,WAAW,GAAAC,SAAA,CAAAC,MAAA,GAAA,CAAA,IAAAD,SAAA,CAAA,CAAA,CAAA,KAAAE,SAAA,GAAAF,SAAA,CAAA,CAAA,CAAA,GAAG,CAAC,CAAA;AAC9D,EAAA,IAAMG,KAAK,GAAGT,KAAK,CAACU,OAAO,CAACN,UAAU,CAAC,CAAA;AACvC,EAAA,IAAMO,cAAc,GAAGX,KAAK,CAACS,KAAK,GAAG,CAAC,CAAe,CAAA;AACrD,EAAA,IAAMG,GAAG,GAAGpB,WAAW,CAACY,UAAU,CAAC,GAAG,CAAC,GAAGZ,WAAW,CAACY,UAAU,CAAC,GAAGC,WAAW,GAAG,IAAI,CAAA;AACtF,EAAA,IAAMQ,GAAG,GAAGrB,WAAW,CAACmB,cAAc,CAAC,GAAG,CAACnB,WAAW,CAACmB,cAAc,CAAC,GAAG,CAAC,IAAIN,WAAW,GAAG,IAAI,CAAA;AAEhG,EAAA,IAAIO,GAAG,KAAK,IAAI,IAAIC,GAAG,KAAK,IAAI,EAAE;AAC9B,IAAA,OAAO,UAACC,OAAO,EAAA;AAAA,MAAA,OAAA,uCAAA,CAAAC,MAAA,CACcF,GAAG,EAAAE,6BAAAA,CAAAA,CAAAA,MAAA,CAClBD,OAAO,EAAA,mCAAA,CAAA,CAAA;KAEhB,CAAA;AACT,GAAA;AAEA,EAAA,IAAIF,GAAG,KAAK,IAAI,IAAIC,GAAG,KAAK,IAAI,EAAE;AAC9B,IAAA,OAAO,UAACC,OAAO,EAAA;MAAA,OAAAC,kDAAAA,CAAAA,MAAA,CACyBH,GAAG,EAAAG,sBAAAA,CAAAA,CAAAA,MAAA,CAAuBF,GAAG,EAAA,6BAAA,CAAA,CAAAE,MAAA,CACvDD,OAAO,EAAA,mCAAA,CAAA,CAAA;KAEhB,CAAA;AACT,GAAA;AAEA,EAAA,OAAO,UAACA,OAAO,EAAA;AAAA,IAAA,OAAA,mCAAA,CAAAC,MAAA,CACcH,GAAG,EAAAG,yBAAAA,CAAAA,CAAAA,MAAA,CAClBD,OAAO,EAAA,2BAAA,CAAA,CAAA;GAEhB,CAAA;AACT;;;;"}
+{"version":3,"file":"mediaQuery.js","sources":["../../src/mixins/mediaQuery.ts"],"sourcesContent":["export const breakpoints = {\n    XL: 960, // TV\n    L: 769, // Portal 8 cols\n    M: 560, // Portal 6 cols\n    S: 0, // Mobile\n};\n\nexport const columns = {\n    XL: 12,\n    L: 8,\n    M: 6,\n    S: 4,\n};\n\nexport const margins = {\n    XL: 4,\n    L: 3.5,\n    M: 3.5,\n    S: 1,\n};\n\nexport const gutters = {\n    XL: 1,\n    L: 1,\n    M: 1,\n    S: 0.5,\n};\n\nexport type MediaQueryFunction = (content: string) => string;\nexport type Breakpoint = keyof typeof breakpoints;\n\nexport const sizes = Object.keys(breakpoints) as Breakpoint[];\n\n/**\n * Обертка над css-медиазапросами с заранее определенными брейкпоинтами.\n */\n// TODO: https://github.com/salute-developers/plasma/issues/906\nexport const mediaQuery = (breakpoint: Breakpoint, deviceScale = 2): MediaQueryFunction => {\n    const index = sizes.indexOf(breakpoint);\n    const nextBreakpoint = sizes[index - 1] as Breakpoint;\n    const min = breakpoints[breakpoint] > 0 ? breakpoints[breakpoint] * deviceScale : null;\n    const max = breakpoints[nextBreakpoint] ? (breakpoints[nextBreakpoint] - 1) * deviceScale : null;\n\n    if (min === null && max !== null) {\n        return (content) => `\n                @media (max-width: ${max}px) {\n                    ${content}\n                }\n            `;\n    }\n\n    if (min !== null && max !== null) {\n        return (content) => `\n                @media screen and (min-width: ${min}px) and (max-width: ${max}px) {\n                    ${content}\n                }\n            `;\n    }\n\n    return (content) => `\n            @media (min-width: ${min}px) {\n                ${content}\n            }\n        `;\n};\n"],"names":["breakpoints","XL","L","M","S","columns","margins","gutters","sizes","Object","keys","mediaQuery","breakpoint","deviceScale","index","indexOf","nextBreakpoint","min","max","content"],"mappings":"AAAO,MAAMA,WAAW,GAAG;AACvBC,EAAAA,EAAE,EAAE,GAAG;AAAE;AACTC,EAAAA,CAAC,EAAE,GAAG;AAAE;AACRC,EAAAA,CAAC,EAAE,GAAG;AAAE;EACRC,CAAC,EAAE,CAAC;AACR,EAAC;AAEM,MAAMC,OAAO,GAAG;AACnBJ,EAAAA,EAAE,EAAE,EAAE;AACNC,EAAAA,CAAC,EAAE,CAAC;AACJC,EAAAA,CAAC,EAAE,CAAC;AACJC,EAAAA,CAAC,EAAE,CAAA;AACP,EAAC;AAEM,MAAME,OAAO,GAAG;AACnBL,EAAAA,EAAE,EAAE,CAAC;AACLC,EAAAA,CAAC,EAAE,GAAG;AACNC,EAAAA,CAAC,EAAE,GAAG;AACNC,EAAAA,CAAC,EAAE,CAAA;AACP,EAAC;AAEM,MAAMG,OAAO,GAAG;AACnBN,EAAAA,EAAE,EAAE,CAAC;AACLC,EAAAA,CAAC,EAAE,CAAC;AACJC,EAAAA,CAAC,EAAE,CAAC;AACJC,EAAAA,CAAC,EAAE,GAAA;AACP,EAAC;AAKM,MAAMI,KAAK,GAAGC,MAAM,CAACC,IAAI,CAACV,WAAW,EAAiB;;AAE7D;AACA;AACA;AACA;AACO,MAAMW,UAAU,GAAGA,CAACC,UAAsB,EAAEC,WAAW,GAAG,CAAC,KAAyB;AACvF,EAAA,MAAMC,KAAK,GAAGN,KAAK,CAACO,OAAO,CAACH,UAAU,CAAC,CAAA;AACvC,EAAA,MAAMI,cAAc,GAAGR,KAAK,CAACM,KAAK,GAAG,CAAC,CAAe,CAAA;AACrD,EAAA,MAAMG,GAAG,GAAGjB,WAAW,CAACY,UAAU,CAAC,GAAG,CAAC,GAAGZ,WAAW,CAACY,UAAU,CAAC,GAAGC,WAAW,GAAG,IAAI,CAAA;AACtF,EAAA,MAAMK,GAAG,GAAGlB,WAAW,CAACgB,cAAc,CAAC,GAAG,CAAChB,WAAW,CAACgB,cAAc,CAAC,GAAG,CAAC,IAAIH,WAAW,GAAG,IAAI,CAAA;AAEhG,EAAA,IAAII,GAAG,KAAK,IAAI,IAAIC,GAAG,KAAK,IAAI,EAAE;AAC9B,IAAA,OAAQC,OAAO,IAAK,CAAA;AAC5B,mCAAA,EAAqCD,GAAG,CAAA;AACxC,oBAAA,EAAsBC,OAAO,CAAA;AAC7B;AACA,YAAa,CAAA,CAAA;AACT,GAAA;AAEA,EAAA,IAAIF,GAAG,KAAK,IAAI,IAAIC,GAAG,KAAK,IAAI,EAAE;AAC9B,IAAA,OAAQC,OAAO,IAAK,CAAA;AAC5B,8CAAgDF,EAAAA,GAAG,uBAAuBC,GAAG,CAAA;AAC7E,oBAAA,EAAsBC,OAAO,CAAA;AAC7B;AACA,YAAa,CAAA,CAAA;AACT,GAAA;AAEA,EAAA,OAAQA,OAAO,IAAK,CAAA;AACxB,+BAAA,EAAiCF,GAAG,CAAA;AACpC,gBAAA,EAAkBE,OAAO,CAAA;AACzB;AACA,QAAS,CAAA,CAAA;AACT;;;;"}