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

package/es/components/Card/Card.js

@@ -1,4 +1,4 @@
-import { objectWithoutProperties as _objectWithoutProperties, extends as _extends, defineProperty as _defineProperty } from '../../_virtual/_rollupPluginBabelHelpers.js';
+import { extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
 import React, { forwardRef } from 'react';
 import cls from 'classnames';
 import { base as base$1 } from './variations/_view/base.js';
@@ -6,33 +6,35 @@ import { base as base$2 } from './variations/_size/base.js';
 import { base } from './Card.styles.js';
 import { classes } from './Card.tokens.js';
 
-var _excluded = ["className", "view", "size", "selected", "orientation", "backgroundType", "style", "children"];
-var cardRoot = function cardRoot(Root) {
-  return /*#__PURE__*/forwardRef(function (_ref, outerRef) {
-    var className = _ref.className,
-      view = _ref.view,
-      size = _ref.size,
-      selected = _ref.selected,
-      orientation = _ref.orientation,
-      _ref$backgroundType = _ref.backgroundType,
-      backgroundType = _ref$backgroundType === void 0 ? 'none' : _ref$backgroundType,
-      style = _ref.style,
-      children = _ref.children,
-      rest = _objectWithoutProperties(_ref, _excluded);
-    return /*#__PURE__*/React.createElement(Root, _extends({
-      ref: outerRef,
-      view: view,
-      size: size,
-      className: cls(className, _defineProperty(_defineProperty(_defineProperty(_defineProperty({}, classes.selected, selected), classes.backgroundSolid, backgroundType === 'solid'), classes.horizontal, orientation === 'horizontal'), classes.vertical, orientation === 'vertical')),
-      style: style
-    }, rest), children);
-  });
-};
-var cardConfig = {
+const cardRoot = Root => /*#__PURE__*/forwardRef(({
+  className,
+  view,
+  size,
+  selected,
+  orientation,
+  backgroundType = 'none',
+  style,
+  children,
+  ...rest
+}, outerRef) => {
+  return /*#__PURE__*/React.createElement(Root, _extends({
+    ref: outerRef,
+    view: view,
+    size: size,
+    className: cls(className, {
+      [classes.selected]: selected,
+      [classes.backgroundSolid]: backgroundType === 'solid',
+      [classes.horizontal]: orientation === 'horizontal',
+      [classes.vertical]: orientation === 'vertical'
+    }),
+    style: style
+  }, rest), children);
+});
+const cardConfig = {
   name: 'Card',
   tag: 'div',
   layout: cardRoot,
-  base: base,
+  base,
   variations: {
     view: {
       css: base$1

package/es/components/Card/Card.js.map

@@ -1 +1 @@
-{"version":3,"file":"Card.js","sources":["../../../src/components/Card/Card.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport cls from 'classnames';\n\nimport type { RootProps } from '../../engines';\n\nimport type { CardProps } from './Card.types';\nimport { base as viewCSS } from './variations/_view/base';\nimport { base as sizeCSS } from './variations/_size/base';\nimport { base } from './Card.styles';\nimport { classes } from './Card.tokens';\n\nexport const cardRoot = (Root: RootProps<HTMLDivElement, CardProps>) =>\n    forwardRef<HTMLDivElement, CardProps>(\n        (\n            { className, view, size, selected, orientation, backgroundType = 'none', style, children, ...rest },\n            outerRef,\n        ) => {\n            return (\n                <Root\n                    ref={outerRef}\n                    view={view}\n                    size={size}\n                    className={cls(className, {\n                        [classes.selected]: selected,\n                        [classes.backgroundSolid]: backgroundType === 'solid',\n                        [classes.horizontal]: orientation === 'horizontal',\n                        [classes.vertical]: orientation === 'vertical',\n                    })}\n                    style={style}\n                    {...rest}\n                >\n                    {children}\n                </Root>\n            );\n        },\n    );\n\nexport const cardConfig = {\n    name: 'Card',\n    tag: 'div',\n    layout: cardRoot,\n    base,\n    variations: {\n        view: {\n            css: viewCSS,\n        },\n        size: {\n            css: sizeCSS,\n        },\n    },\n    defaults: {\n        view: 'default',\n        size: 'm',\n    },\n};\n"],"names":["cardRoot","Root","forwardRef","_ref","outerRef","className","view","size","selected","orientation","_ref$backgroundType","backgroundType","style","children","rest","_objectWithoutProperties","_excluded","React","createElement","_extends","ref","cls","_defineProperty","classes","backgroundSolid","horizontal","vertical","cardConfig","name","tag","layout","base","variations","css","viewCSS","sizeCSS","defaults"],"mappings":";;;;;;;;;IAWaA,QAAQ,GAAG,SAAXA,QAAQA,CAAIC,IAA0C,EAAA;AAAA,EAAA,oBAC/DC,UAAU,CACN,UAAAC,IAAA,EAEIC,QAAQ,EACP;AAAA,IAAA,IAFCC,SAAS,GAAAF,IAAA,CAATE,SAAS;MAAEC,IAAI,GAAAH,IAAA,CAAJG,IAAI;MAAEC,IAAI,GAAAJ,IAAA,CAAJI,IAAI;MAAEC,QAAQ,GAAAL,IAAA,CAARK,QAAQ;MAAEC,WAAW,GAAAN,IAAA,CAAXM,WAAW;MAAAC,mBAAA,GAAAP,IAAA,CAAEQ,cAAc;AAAdA,MAAAA,cAAc,GAAAD,mBAAA,KAAG,KAAA,CAAA,GAAA,MAAM,GAAAA,mBAAA;MAAEE,KAAK,GAAAT,IAAA,CAALS,KAAK;MAAEC,QAAQ,GAAAV,IAAA,CAARU,QAAQ;AAAKC,MAAAA,IAAI,GAAAC,wBAAA,CAAAZ,IAAA,EAAAa,SAAA,CAAA,CAAA;AAGjG,IAAA,oBACIC,KAAA,CAAAC,aAAA,CAACjB,IAAI,EAAAkB,QAAA,CAAA;AACDC,MAAAA,GAAG,EAAEhB,QAAS;AACdE,MAAAA,IAAI,EAAEA,IAAK;AACXC,MAAAA,IAAI,EAAEA,IAAK;AACXF,MAAAA,SAAS,EAAEgB,GAAG,CAAChB,SAAS,EAAAiB,eAAA,CAAAA,eAAA,CAAAA,eAAA,CAAAA,eAAA,KACnBC,OAAO,CAACf,QAAQ,EAAGA,QAAQ,GAC3Be,OAAO,CAACC,eAAe,EAAGb,cAAc,KAAK,OAAO,CAAA,EACpDY,OAAO,CAACE,UAAU,EAAGhB,WAAW,KAAK,YAAY,CACjDc,EAAAA,OAAO,CAACG,QAAQ,EAAGjB,WAAW,KAAK,UAAU,CACjD,CAAE;AACHG,MAAAA,KAAK,EAAEA,KAAAA;KACHE,EAAAA,IAAI,CAEPD,EAAAA,QACC,CAAC,CAAA;AAEf,GACJ,CAAC,CAAA;AAAA,EAAA;AAEE,IAAMc,UAAU,GAAG;AACtBC,EAAAA,IAAI,EAAE,MAAM;AACZC,EAAAA,GAAG,EAAE,KAAK;AACVC,EAAAA,MAAM,EAAE9B,QAAQ;AAChB+B,EAAAA,IAAI,EAAJA,IAAI;AACJC,EAAAA,UAAU,EAAE;AACR1B,IAAAA,IAAI,EAAE;AACF2B,MAAAA,GAAG,EAAEC,MAAAA;KACR;AACD3B,IAAAA,IAAI,EAAE;AACF0B,MAAAA,GAAG,EAAEE,MAAAA;AACT,KAAA;GACH;AACDC,EAAAA,QAAQ,EAAE;AACN9B,IAAAA,IAAI,EAAE,SAAS;AACfC,IAAAA,IAAI,EAAE,GAAA;AACV,GAAA;AACJ;;;;"}
+{"version":3,"file":"Card.js","sources":["../../../src/components/Card/Card.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport cls from 'classnames';\n\nimport type { RootProps } from '../../engines';\n\nimport type { CardProps } from './Card.types';\nimport { base as viewCSS } from './variations/_view/base';\nimport { base as sizeCSS } from './variations/_size/base';\nimport { base } from './Card.styles';\nimport { classes } from './Card.tokens';\n\nexport const cardRoot = (Root: RootProps<HTMLDivElement, CardProps>) =>\n    forwardRef<HTMLDivElement, CardProps>(\n        (\n            { className, view, size, selected, orientation, backgroundType = 'none', style, children, ...rest },\n            outerRef,\n        ) => {\n            return (\n                <Root\n                    ref={outerRef}\n                    view={view}\n                    size={size}\n                    className={cls(className, {\n                        [classes.selected]: selected,\n                        [classes.backgroundSolid]: backgroundType === 'solid',\n                        [classes.horizontal]: orientation === 'horizontal',\n                        [classes.vertical]: orientation === 'vertical',\n                    })}\n                    style={style}\n                    {...rest}\n                >\n                    {children}\n                </Root>\n            );\n        },\n    );\n\nexport const cardConfig = {\n    name: 'Card',\n    tag: 'div',\n    layout: cardRoot,\n    base,\n    variations: {\n        view: {\n            css: viewCSS,\n        },\n        size: {\n            css: sizeCSS,\n        },\n    },\n    defaults: {\n        view: 'default',\n        size: 'm',\n    },\n};\n"],"names":["cardRoot","Root","forwardRef","className","view","size","selected","orientation","backgroundType","style","children","rest","outerRef","React","createElement","_extends","ref","cls","classes","backgroundSolid","horizontal","vertical","cardConfig","name","tag","layout","base","variations","css","viewCSS","sizeCSS","defaults"],"mappings":";;;;;;;;MAWaA,QAAQ,GAAIC,IAA0C,iBAC/DC,UAAU,CACN,CACI;EAAEC,SAAS;EAAEC,IAAI;EAAEC,IAAI;EAAEC,QAAQ;EAAEC,WAAW;AAAEC,EAAAA,cAAc,GAAG,MAAM;EAAEC,KAAK;EAAEC,QAAQ;EAAE,GAAGC,IAAAA;AAAK,CAAC,EACnGC,QAAQ,KACP;AACD,EAAA,oBACIC,KAAA,CAAAC,aAAA,CAACb,IAAI,EAAAc,QAAA,CAAA;AACDC,IAAAA,GAAG,EAAEJ,QAAS;AACdR,IAAAA,IAAI,EAAEA,IAAK;AACXC,IAAAA,IAAI,EAAEA,IAAK;AACXF,IAAAA,SAAS,EAAEc,GAAG,CAACd,SAAS,EAAE;AACtB,MAAA,CAACe,OAAO,CAACZ,QAAQ,GAAGA,QAAQ;AAC5B,MAAA,CAACY,OAAO,CAACC,eAAe,GAAGX,cAAc,KAAK,OAAO;AACrD,MAAA,CAACU,OAAO,CAACE,UAAU,GAAGb,WAAW,KAAK,YAAY;AAClD,MAAA,CAACW,OAAO,CAACG,QAAQ,GAAGd,WAAW,KAAK,UAAA;AACxC,KAAC,CAAE;AACHE,IAAAA,KAAK,EAAEA,KAAAA;GACHE,EAAAA,IAAI,CAEPD,EAAAA,QACC,CAAC,CAAA;AAEf,CACJ,EAAC;AAEE,MAAMY,UAAU,GAAG;AACtBC,EAAAA,IAAI,EAAE,MAAM;AACZC,EAAAA,GAAG,EAAE,KAAK;AACVC,EAAAA,MAAM,EAAEzB,QAAQ;EAChB0B,IAAI;AACJC,EAAAA,UAAU,EAAE;AACRvB,IAAAA,IAAI,EAAE;AACFwB,MAAAA,GAAG,EAAEC,MAAAA;KACR;AACDxB,IAAAA,IAAI,EAAE;AACFuB,MAAAA,GAAG,EAAEE,MAAAA;AACT,KAAA;GACH;AACDC,EAAAA,QAAQ,EAAE;AACN3B,IAAAA,IAAI,EAAE,SAAS;AACfC,IAAAA,IAAI,EAAE,GAAA;AACV,GAAA;AACJ;;;;"}

package/es/components/Card/Card.styles.js

@@ -1,42 +1,33 @@
 import './Card.styles_14ujaf3.css';
 import { styled } from '@linaria/react';
 
-var _exp2 = function _exp2() {
-  return function (_ref) {
-    var aspectRatio = _ref.aspectRatio;
-    return aspectRatio !== null && aspectRatio !== void 0 ? aspectRatio : '';
-  };
-};
-var _exp3 = function _exp3() {
-  return function (_ref2) {
-    var orientation = _ref2.orientation;
-    return orientation === 'vertical' ? 'column' : 'row';
-  };
-};
-var CardContent = /*#__PURE__*/styled('div')({
+const _exp2 = /*#__PURE__*/() => ({
+  aspectRatio
+}) => aspectRatio ?? '';
+const _exp3 = /*#__PURE__*/() => ({
+  orientation
+}) => orientation === 'vertical' ? 'column' : 'row';
+const CardContent = /*#__PURE__*/styled('div')({
   name: "CardContent",
-  "class": "ca44stx",
+  class: "ca44stx",
   propsAsIs: false,
   vars: {
-    "ca44stx-0": [/*#__PURE__*/_exp2()],
-    "ca44stx-1": [/*#__PURE__*/_exp3()]
+    "ca44stx-0": [_exp2()],
+    "ca44stx-1": [_exp3()]
   }
 });
-var _exp4 = function _exp4() {
-  return function (_ref3) {
-    var orientation = _ref3.orientation;
-    return orientation === 'vertical' ? 'column' : 'row';
-  };
-};
-var CardInnerContent = /*#__PURE__*/styled('div')({
+const _exp4 = /*#__PURE__*/() => ({
+  orientation
+}) => orientation === 'vertical' ? 'column' : 'row';
+const CardInnerContent = /*#__PURE__*/styled('div')({
   name: "CardInnerContent",
-  "class": "c19po8fh",
+  class: "c19po8fh",
   propsAsIs: false,
   vars: {
-    "c19po8fh-0": [/*#__PURE__*/_exp4()]
+    "c19po8fh-0": [_exp4()]
   }
 });
-var base = "bqghoe1";
+const base = "bqghoe1";
 
 export { CardContent, CardInnerContent, base };
 //# sourceMappingURL=Card.styles.js.map

package/es/components/Card/Card.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"Card.styles.js","sources":["../../../src/components/Card/Card.styles.ts"],"sourcesContent":["import { styled } from '@linaria/react';\nimport { css } from '@linaria/core';\n\nimport { classes, tokens } from './Card.tokens';\n\nexport const CardContent = styled.div<{\n    aspectRatio?: string | number;\n    orientation?: 'vertical' | 'horizontal';\n}>`\n    position: relative;\n\n    display: flex;\n    flex: 1;\n    border-radius: var(${tokens.contentBorderRadius});\n    overflow: hidden;\n\n    aspect-ratio: ${({ aspectRatio }) => aspectRatio ?? ''};\n    flex-direction: ${({ orientation }) => (orientation === 'vertical' ? 'column' : 'row')};\n`;\n\nexport const CardInnerContent = styled.div<{\n    orientation?: 'vertical' | 'horizontal';\n}>`\n    position: absolute;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    z-index: 1;\n\n    display: flex;\n\n    flex-direction: ${({ orientation }) => (orientation === 'vertical' ? 'column' : 'row')};\n`;\n\nexport const base = css`\n    position: relative;\n    display: inline-flex;\n\n    box-sizing: border-box;\n    z-index: 0;\n\n    &.${classes.selected} {\n        position: relative;\n\n        :after {\n            content: '';\n            display: block;\n            position: absolute;\n            inset: calc(-1 * var(--plasma-card-border-width));\n            border: var(${tokens.borderWidth}) solid var(--outline-accent);\n            border-radius: var(${tokens.borderRadius});\n            z-index: -1;\n        }\n    }\n\n    :not(&.${classes.backgroundSolid}) {\n        ${CardContent} {\n            border-radius: var(${tokens.borderRadius});\n        }\n    }\n\n    &.${classes.backgroundSolid} {\n        padding: var(${tokens.outlineWidth});\n\n        &.${classes.selected} {\n            :after {\n                inset: calc(-1 * var(${tokens.borderWidth}));\n            }\n        }\n    }\n\n    &.${classes.horizontal} {\n        ${CardContent} {\n            align-items: center;\n            justify-content: center;\n        }\n    }\n\n    &.${classes.vertical} {\n        ${CardContent} {\n            align-items: center;\n            justify-content: center;\n        }\n\n        flex-direction: column;\n    }\n`;\n"],"names":["_exp2","_ref","aspectRatio","_exp3","_ref2","orientation","CardContent","styled","name","class","propsAsIs","vars","_exp4","_ref3","CardInnerContent","base"],"mappings":";;AAAwC,IAAAA,KAAA,GACtBA,SADsBA,KAAAA,GAAA;AAAA,EAAA,OAgBpB,UAAAC,IAAA,EAAA;AAAA,IAAA,IAAGC,WAAAA,GAAAA,IAAAA,CAAAA,WAAAA,CAAAA;AAAAA,IAAAA,OAAkBA,WAAW,KAAXA,IAAAA,IAAAA,WAAW,KAAXA,KAAAA,CAAAA,GAAAA,WAAW,GAAI,EAAE,CAAA;AAAA,GAAA,CAAA;AAAA,CAAA,CAAA;AAAA,IAAAC,KAAA,GAfxCA,SAewCA,KAAAA,GAAA;AAAA,EAAA,OACpC,UAAAC,KAAA,EAAA;AAAA,IAAA,IAAGC,WAAAA,GAAAA,KAAAA,CAAAA,WAAAA,CAAAA;AAAAA,IAAAA,OAAmBA,WAAW,KAAK,UAAU,GAAG,QAAQ,GAAG,KAAM,CAAA;AAAA,GAAA,CAAA;AAAA,CAAA,CAAA;AAZnF,IAAMC,WAAW,gBAAGC,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,aAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAAC,EAAAA,IAAA,EAAA;AAAA,IAAA,WAAA,EAAA,cAWbX,KAAsC,EAAA,CAAA;AAAA,IAAA,WAAA,EAAA,cACpCG,KAAoE,EAAA,CAAA;AAAA,GAAA;AAAA,CACzF,EAAA;AAAC,IAAAS,KAAA,GAjBgBA,SAiBhBA,KAAAA,GAAA;AAAA,EAAA,OAcoB,UAAAC,KAAA,EAAA;AAAA,IAAA,IAAGR,WAAAA,GAAAA,KAAAA,CAAAA,WAAAA,CAAAA;AAAAA,IAAAA,OAAmBA,WAAW,KAAK,UAAU,GAAG,QAAQ,GAAG,KAAM,CAAA;AAAA,GAAA,CAAA;AAAA,CAAA,CAAA;AAZnF,IAAMS,gBAAgB,gBAAGP,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,kBAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAAC,EAAAA,IAAA,EAAA;AAAA,IAAA,YAAA,EAAA,cAYhBC,KAAoE,EAAA,CAAA;AAAA,GAAA;AAAA,CACzF,EAAA;AAEM,IAAMG,IAAI,GAoDhB;;;;"}
+{"version":3,"file":"Card.styles.js","sources":["../../../src/components/Card/Card.styles.ts"],"sourcesContent":["import { styled } from '@linaria/react';\nimport { css } from '@linaria/core';\n\nimport { classes, tokens } from './Card.tokens';\n\nexport const CardContent = styled.div<{\n    aspectRatio?: string | number;\n    orientation?: 'vertical' | 'horizontal';\n}>`\n    position: relative;\n\n    display: flex;\n    flex: 1;\n    border-radius: var(${tokens.contentBorderRadius});\n    overflow: hidden;\n\n    aspect-ratio: ${({ aspectRatio }) => aspectRatio ?? ''};\n    flex-direction: ${({ orientation }) => (orientation === 'vertical' ? 'column' : 'row')};\n`;\n\nexport const CardInnerContent = styled.div<{\n    orientation?: 'vertical' | 'horizontal';\n}>`\n    position: absolute;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    z-index: 1;\n\n    display: flex;\n\n    flex-direction: ${({ orientation }) => (orientation === 'vertical' ? 'column' : 'row')};\n`;\n\nexport const base = css`\n    position: relative;\n    display: inline-flex;\n\n    box-sizing: border-box;\n    z-index: 0;\n\n    &.${classes.selected} {\n        position: relative;\n\n        :after {\n            content: '';\n            display: block;\n            position: absolute;\n            inset: calc(-1 * var(--plasma-card-border-width));\n            border: var(${tokens.borderWidth}) solid var(--outline-accent);\n            border-radius: var(${tokens.borderRadius});\n            z-index: -1;\n        }\n    }\n\n    :not(&.${classes.backgroundSolid}) {\n        ${CardContent} {\n            border-radius: var(${tokens.borderRadius});\n        }\n    }\n\n    &.${classes.backgroundSolid} {\n        padding: var(${tokens.outlineWidth});\n\n        &.${classes.selected} {\n            :after {\n                inset: calc(-1 * var(${tokens.borderWidth}));\n            }\n        }\n    }\n\n    &.${classes.horizontal} {\n        ${CardContent} {\n            align-items: center;\n            justify-content: center;\n        }\n    }\n\n    &.${classes.vertical} {\n        ${CardContent} {\n            align-items: center;\n            justify-content: center;\n        }\n\n        flex-direction: column;\n    }\n`;\n"],"names":["_exp2","aspectRatio","_exp3","orientation","CardContent","styled","name","class","propsAsIs","vars","_exp4","CardInnerContent","base"],"mappings":";;AAAwC,MAAAA,KAAA,gBACtBA,MAeE,CAAC;AAAEC,EAAAA,WAAAA;AAAY,CAAC,KAAKA,WAAW,IAAI,EAAE,CAAA;AAAA,MAAAC,KAAA,gBAfxCA,MAgBI,CAAC;AAAEC,EAAAA,WAAAA;AAAY,CAAC,KAAMA,WAAW,KAAK,UAAU,GAAG,QAAQ,GAAG,KAAM,CAAA;AAZnF,MAAMC,WAAW,gBAAGC,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,aAAA;AAAAC,EAAAA,KAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAAC,EAAAA,IAAA,EAAA;AAAA,IAAA,WAAA,EAAA,CAWbT,KAAsC,EAAA,CAAA;AAAA,IAAA,WAAA,EAAA,CACpCE,KAAoE,EAAA,CAAA;AAAA,GAAA;AAAA,CACzF,EAAA;AAAC,MAAAQ,KAAA,gBAjBgBA,MA+BI,CAAC;AAAEP,EAAAA,WAAAA;AAAY,CAAC,KAAMA,WAAW,KAAK,UAAU,GAAG,QAAQ,GAAG,KAAM,CAAA;AAZnF,MAAMQ,gBAAgB,gBAAGN,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,kBAAA;AAAAC,EAAAA,KAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAAC,EAAAA,IAAA,EAAA;AAAA,IAAA,YAAA,EAAA,CAYhBC,KAAoE,EAAA,CAAA;AAAA,GAAA;AAAA,CACzF,EAAA;AAEM,MAAME,IAAI,GAoDhB;;;;"}

package/es/components/Card/Card.tokens.js

@@ -1,10 +1,10 @@
-var classes = {
+const classes = {
   horizontal: 'horizontal',
   vertical: 'vertical',
   selected: 'selected',
   backgroundSolid: 'backgroundSolid'
 };
-var tokens = {
+const tokens = {
   borderWidth: '--plasma-card-border-width',
   borderRadius: '--plasma-card-border-radius',
   contentBorderRadius: '--plasma-card-content-border-radius',

package/es/components/Card/Card.tokens.js.map

@@ -1 +1 @@
-{"version":3,"file":"Card.tokens.js","sources":["../../../src/components/Card/Card.tokens.ts"],"sourcesContent":["export const classes = {\n    horizontal: 'horizontal',\n    vertical: 'vertical',\n    selected: 'selected',\n    backgroundSolid: 'backgroundSolid',\n};\n\nexport const tokens = {\n    borderWidth: '--plasma-card-border-width',\n    borderRadius: '--plasma-card-border-radius',\n    contentBorderRadius: '--plasma-card-content-border-radius',\n    outlineWidth: '--plasma-card-outline-width',\n\n    solidBackground: '--plasma-card-solid-background',\n};\n"],"names":["classes","horizontal","vertical","selected","backgroundSolid","tokens","borderWidth","borderRadius","contentBorderRadius","outlineWidth","solidBackground"],"mappings":"AAAO,IAAMA,OAAO,GAAG;AACnBC,EAAAA,UAAU,EAAE,YAAY;AACxBC,EAAAA,QAAQ,EAAE,UAAU;AACpBC,EAAAA,QAAQ,EAAE,UAAU;AACpBC,EAAAA,eAAe,EAAE,iBAAA;AACrB,EAAC;AAEM,IAAMC,MAAM,GAAG;AAClBC,EAAAA,WAAW,EAAE,4BAA4B;AACzCC,EAAAA,YAAY,EAAE,6BAA6B;AAC3CC,EAAAA,mBAAmB,EAAE,qCAAqC;AAC1DC,EAAAA,YAAY,EAAE,6BAA6B;AAE3CC,EAAAA,eAAe,EAAE,gCAAA;AACrB;;;;"}
+{"version":3,"file":"Card.tokens.js","sources":["../../../src/components/Card/Card.tokens.ts"],"sourcesContent":["export const classes = {\n    horizontal: 'horizontal',\n    vertical: 'vertical',\n    selected: 'selected',\n    backgroundSolid: 'backgroundSolid',\n};\n\nexport const tokens = {\n    borderWidth: '--plasma-card-border-width',\n    borderRadius: '--plasma-card-border-radius',\n    contentBorderRadius: '--plasma-card-content-border-radius',\n    outlineWidth: '--plasma-card-outline-width',\n\n    solidBackground: '--plasma-card-solid-background',\n};\n"],"names":["classes","horizontal","vertical","selected","backgroundSolid","tokens","borderWidth","borderRadius","contentBorderRadius","outlineWidth","solidBackground"],"mappings":"AAAO,MAAMA,OAAO,GAAG;AACnBC,EAAAA,UAAU,EAAE,YAAY;AACxBC,EAAAA,QAAQ,EAAE,UAAU;AACpBC,EAAAA,QAAQ,EAAE,UAAU;AACpBC,EAAAA,eAAe,EAAE,iBAAA;AACrB,EAAC;AAEM,MAAMC,MAAM,GAAG;AAClBC,EAAAA,WAAW,EAAE,4BAA4B;AACzCC,EAAAA,YAAY,EAAE,6BAA6B;AAC3CC,EAAAA,mBAAmB,EAAE,qCAAqC;AAC1DC,EAAAA,YAAY,EAAE,6BAA6B;AAE3CC,EAAAA,eAAe,EAAE,gCAAA;AACrB;;;;"}

package/es/components/Card/variations/_size/base.js

@@ -1,5 +1,5 @@
 import './base_x642ct.css';
-var base = "b57wb4x";
+const base = "b57wb4x";
 
 export { base };
 //# sourceMappingURL=base.js.map

package/es/components/Card/variations/_size/base.js.map

@@ -1 +1 @@
-{"version":3,"file":"base.js","sources":["../../../../../src/components/Card/variations/_size/base.ts"],"sourcesContent":["import { css } from '@linaria/core';\n\nexport const base = css``;\n"],"names":["base"],"mappings":"AAEO,IAAMA,IAAI,GAAQ;;;;"}
+{"version":3,"file":"base.js","sources":["../../../../../src/components/Card/variations/_size/base.ts"],"sourcesContent":["import { css } from '@linaria/core';\n\nexport const base = css``;\n"],"names":["base"],"mappings":"AAEO,MAAMA,IAAI,GAAQ;;;;"}

package/es/components/Card/variations/_view/base.js

@@ -1,5 +1,5 @@
 import './base_grfejr.css';
-var base = "b14y8rcu";
+const base = "b14y8rcu";
 
 export { base };
 //# sourceMappingURL=base.js.map

package/es/components/Card/variations/_view/base.js.map

@@ -1 +1 @@
-{"version":3,"file":"base.js","sources":["../../../../../src/components/Card/variations/_view/base.ts"],"sourcesContent":["import { css } from '@linaria/core';\n\nimport { classes, tokens } from '../../Card.tokens';\n\nexport const base = css`\n    &.${classes.backgroundSolid} {\n        background: var(${tokens.solidBackground});\n    }\n`;\n"],"names":["base"],"mappings":"AAIO,IAAMA,IAAI,GAIhB;;;;"}
+{"version":3,"file":"base.js","sources":["../../../../../src/components/Card/variations/_view/base.ts"],"sourcesContent":["import { css } from '@linaria/core';\n\nimport { classes, tokens } from '../../Card.tokens';\n\nexport const base = css`\n    &.${classes.backgroundSolid} {\n        background: var(${tokens.solidBackground});\n    }\n`;\n"],"names":["base"],"mappings":"AAIO,MAAMA,IAAI,GAIhB;;;;"}

package/es/components/Carousel/CarouselNew/Carousel.css

@@ -28,11 +28,11 @@
 
 .IconButton_styles_403on7_b1ua728l__d34a8ea7{position:relative;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;box-sizing:border-box;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;cursor:pointer;-webkit-tap-highlight-color:rgba(0,0,0,0);--plasma_private-btn-br:var(--plasma_computed-btn-br);border-radius:var(--plasma_private-btn-br);color:var(--plasma-button-color);background:var(--plasma-button-background-color);height:var(--plasma-button-height);width:var(--plasma-button-width);padding:0 var(--plasma-button-padding,calc(var(--plasma-button-height) * 1.618 / 4));font-family:var(--plasma-button-font-family);font-size:var(--plasma-button-font-size);font-style:var(--plasma-button-font-style);font-weight:var(--plasma-button-font-weight);-webkit-letter-spacing:var(--plasma-button-letter-spacing);-moz-letter-spacing:var(--plasma-button-letter-spacing);-ms-letter-spacing:var(--plasma-button-letter-spacing);letter-spacing:var(--plasma-button-letter-spacing);line-height:var(--plasma-button-line-height);--plasma_private-btn-outline-size:var(--plasma-button-outline-size,0.0625rem);position:relative;--plasma-button-padding:0;--plasma-button-color:var(--plasma-icon-button-color);--plasma-button-background-color:var(--plasma-icon-button-background-color);--plasma-button-color-hover:var(--plasma-icon-button-color-hover);--plasma-button-background-color-hover:var(--plasma-icon-button-background-color-hover);--plasma-button-color-active:var(--plasma-icon-button-color-active);--plasma-button-background-color-active:var(--plasma-icon-button-background-color-active);--plasma-button-loading-background-color:var(--plasma-icon-button-loading-background-color);--plasma-button-font-family:var(--plasma-icon-button-font-family);--plasma-button-font-size:var(--plasma-icon-button-font-size);--plasma-button-font-style:var(--plasma-icon-button-font-style);--plasma-button-font-weight:var(--plasma-icon-button-font-weight);--plasma-button-letter-spacing:var(--plasma-icon-button-letter-spacing);--plasma-button-line-height:var(--plasma-icon-button-line-height);--plasma-button-width:var(--plasma-icon-button-width);--plasma-button-height:var(--plasma-icon-button-height);--plasma-button-radius:var(--plasma-icon-button-radius);--plasma-button-disabled-opacity:var(--plasma-icon-button-disabled-opacity);--plasma-button-focus-color:var(--plasma-icon-button-focus-color);--plasma-button-spinner-size:var(--plasma-icon-button-spinner-size);--plasma-button-spinner-color:var(--plasma-icon-button-spinner-color);}a.IconButton_styles_403on7_b1ua728l__d34a8ea7{-webkit-text-decoration:none;text-decoration:none;}.IconButton_styles_403on7_b1ua728l__d34a8ea7.IconButton_styles_403on7_b1ua728l__d34a8ea7.IconButton_styles_403on7_buttonSquare__d34a8ea7{width:var(--plasma-button-height);padding:0;}.IconButton_styles_403on7_b1ua728l__d34a8ea7:hover{color:var(--plasma-button-color-hover,var(--plasma-button-color));background:var(--plasma-button-background-color-hover,var(--plasma-button-background-color));scale:var(--plasma-button-scale-hover);}.IconButton_styles_403on7_b1ua728l__d34a8ea7:active{color:var(--plasma-button-color-active,var(--plasma-button-color));background:var(--plasma-button-background-color-active,var(--plasma-button-background-color));scale:var(---plasma-button-scale-active);}.IconButton_styles_403on7_b1ua728l__d34a8ea7:focus{outline:none;}.IconButton_styles_403on7_b1ua728l__d34a8ea7::before{content:'';position:absolute;top:-0.125rem;left:-0.125rem;right:-0.125rem;bottom:-0.125rem;z-index:1;display:block;box-sizing:content-box;border:var(--plasma_private-btn-outline-size) solid transparent;border-radius:calc(0.125rem + var(--plasma_private-btn-br));-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.IconButton_styles_403on7_b1ua728l__d34a8ea7.IconButton_styles_403on7_focusVisible__d34a8ea7:focus::before,.IconButton_styles_403on7_b1ua728l__d34a8ea7[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 var(--plasma_private-btn-outline-size) var(--plasma-button-focus-color);}.IconButton_styles_403on7_b1ua728l__d34a8ea7[disabled]{opacity:var(--plasma-button-disabled-opacity);cursor:not-allowed;}.IconButton_styles_403on7_b1ua728l__d34a8ea7[disabled]:hover,.IconButton_styles_403on7_b1ua728l__d34a8ea7[disabled]:active{scale:none;color:var(--plasma-button-color);background:var(--plasma-button-background-color);}.IconButton_styles_403on7_b1ua728l__d34a8ea7.IconButton_styles_403on7_buttonStretchingFixed__d34a8ea7{width:var(--plasma-button-width);}.IconButton_styles_403on7_b1ua728l__d34a8ea7.IconButton_styles_403on7_buttonStretchingFilled__d34a8ea7{width:100%;}.IconButton_styles_403on7_b1ua728l__d34a8ea7.IconButton_styles_403on7_buttonStretchingAuto__d34a8ea7{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;}
 
-.Carousel_styles_1benby5_b13uu57o__34d831ce{position:relative;}
-.Carousel_styles_1benby5_c1gygdut__34d831ce{position:relative;padding:0;list-style:none;-ms-overflow-style:none;-webkit-scrollbar-width:none;-moz-scrollbar-width:none;-ms-scrollbar-width:none;scrollbar-width:none;overflow-x:auto;overflow-y:hidden;-webkit-scroll-behavior:smooth;-moz-scroll-behavior:smooth;-ms-scroll-behavior:smooth;scroll-behavior:smooth;-webkit-scroll-snap-type:x mandatory;-moz-scroll-snap-type:x mandatory;-ms-scroll-snap-type:x mandatory;scroll-snap-type:x mandatory;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:rgba(0,0,0,0);}.Carousel_styles_1benby5_c1gygdut__34d831ce::-webkit-scrollbar{display:none;}
-.Carousel_styles_1benby5_c76zbfp__34d831ce{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;gap:var(--c76zbfp-0);}.Carousel_styles_1benby5_c76zbfp__34d831ce > div{-webkit-scroll-snap-align:none;-moz-scroll-snap-align:none;-ms-scroll-snap-align:none;scroll-snap-align:none;}
-.Carousel_styles_1benby5_i1cnnvc1__34d831ce{position:absolute;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);left:0.75rem;z-index:10;--plasma-icon-button-color:var(--plasma-carousel-control-icon-button-color);--plasma-icon-button-background-color:var(--plasma-carousel-control-icon-button-background-color);--plasma-icon-button-color-hover:var(--plasma-carousel-control-icon-button-color-hover);--plasma-icon-button-background-color-hover:var(--plasma-carousel-control-icon-button-background-color-hover);--plasma-icon-button-color-active:var(--plasma-carousel-control-icon-button-color-active);--plasma-icon-button-background-color-active:var(--plasma-carousel-control-icon-button-background-color-active);--plasma-icon-button-height:2.5rem;--plasma-icon-button-width:2.5rem;--plasma-icon-button-padding:1rem;--plasma-icon-button-radius:var(--plasma-carousel-control-icon-button-radius);}.Carousel_styles_1benby5_i1cnnvc1__34d831ce.Carousel_styles_1benby5_carouselRightControlButton__34d831ce{left:auto;right:0.75rem;}
-.Carousel_styles_1benby5_c1ff2k98__34d831ce{position:relative;}
+.Carousel_styles_151pk3s_b13uu57o__660476fa{position:relative;}
+.Carousel_styles_151pk3s_c1gygdut__660476fa{position:relative;margin-left:calc(var(--plasma_private-carousel-padding) * -1);margin-right:calc(var(--plasma_private-carousel-padding) * -1);padding:0;list-style:none;-ms-overflow-style:none;-webkit-scrollbar-width:none;-moz-scrollbar-width:none;-ms-scrollbar-width:none;scrollbar-width:none;overflow-x:auto;overflow-y:hidden;-webkit-scroll-behavior:smooth;-moz-scroll-behavior:smooth;-ms-scroll-behavior:smooth;scroll-behavior:smooth;-webkit-scroll-snap-type:x mandatory;-moz-scroll-snap-type:x mandatory;-ms-scroll-snap-type:x mandatory;scroll-snap-type:x mandatory;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:rgba(0,0,0,0);--plasma_private-carousel-padding:0.625rem;}.Carousel_styles_151pk3s_c1gygdut__660476fa::-webkit-scrollbar{display:none;}
+.Carousel_styles_151pk3s_c76zbfp__660476fa{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;}
+.Carousel_styles_151pk3s_i1cnnvc1__660476fa{position:absolute;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);left:0.75rem;z-index:10;--plasma-icon-button-color:var(--text-primary);--plasma-icon-button-background-color:var(--surface-transparent-secondary);--plasma-icon-button-loading-background-color:var(--plasma-icon-button-background-color);--plasma-icon-button-background-color-hover:var(--surface-transparent-secondary-hover);--plasma-icon-button-background-color-active:var(--surface-transparent-secondary-active);--plasma-icon-button-height:2.5rem;--plasma-icon-button-width:2.5rem;--plasma-icon-button-padding:1rem;--plasma-icon-button-radius:0.625rem;}.Carousel_styles_151pk3s_i1cnnvc1__660476fa.Carousel_styles_151pk3s_carouselRightControlButton__660476fa{left:auto;right:0.75rem;}
+.Carousel_styles_151pk3s_c1ff2k98__660476fa{position:relative;}
 
 .Dots_styles_ea836d_wn5xio__3fa33efc{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;margin-top:0.75rem;--duration:0.3s;--half-duration:0.15s;}
 .Dots_styles_ea836d_tnn1xpa__3fa33efc{position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-transition:-webkit-transform 0s ease;-webkit-transition:transform 0s ease;transition:transform 0s ease;}.Dots_styles_ea836d_tnn1xpa__3fa33efc.Dots_styles_ea836d_dotAnimating__3fa33efc{-webkit-transition:-webkit-transform var(--duration) ease;-webkit-transition:transform var(--duration) ease;transition:transform var(--duration) ease;}.Dots_styles_ea836d_tnn1xpa__3fa33efc .Dots_styles_ea836d_dot__3fa33efc{width:0.5rem;height:0.5rem;margin:0 0.25rem;cursor:pointer;background-color:var(--plasma-carousel-pagination-dot-background);border-radius:100%;}.Dots_styles_ea836d_tnn1xpa__3fa33efc .Dots_styles_ea836d_dot__3fa33efc.Dots_styles_ea836d_dotActive__3fa33efc{background-color:var(--plasma-carousel-pagination-dot-active-background);}@-webkit-keyframes Dots_styles_ea836d_fadeOutTnn1xpa__3fa33efc{from{-webkit-transform:scale(0.75);-ms-transform:scale(0.75);transform:scale(0.75);opacity:1;}to{-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0);opacity:0;}}@keyframes Dots_styles_ea836d_fadeOutTnn1xpa__3fa33efc{from{-webkit-transform:scale(0.75);-ms-transform:scale(0.75);transform:scale(0.75);opacity:1;}to{-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0);opacity:0;}}.Dots_styles_ea836d_tnn1xpa__3fa33efc .Dots_styles_ea836d_dot__3fa33efc.Dots_styles_ea836d_dotAnimateOut__3fa33efc{-webkit-animation:Dots_styles_ea836d_fadeOutTnn1xpa__3fa33efc var(--half-duration) ease forwards;animation:Dots_styles_ea836d_fadeOutTnn1xpa__3fa33efc var(--half-duration) ease forwards;}@-webkit-keyframes Dots_styles_ea836d_shrinkingTnn1xpa__3fa33efc{from{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);}to{-webkit-transform:scale(0.75);-ms-transform:scale(0.75);transform:scale(0.75);}}@keyframes Dots_styles_ea836d_shrinkingTnn1xpa__3fa33efc{from{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);}to{-webkit-transform:scale(0.75);-ms-transform:scale(0.75);transform:scale(0.75);}}.Dots_styles_ea836d_tnn1xpa__3fa33efc .Dots_styles_ea836d_dot__3fa33efc.Dots_styles_ea836d_dotShrinking__3fa33efc{-webkit-animation:Dots_styles_ea836d_shrinkingTnn1xpa__3fa33efc var(--half-duration) var(--half-duration) ease forwards;animation:Dots_styles_ea836d_shrinkingTnn1xpa__3fa33efc var(--half-duration) var(--half-duration) ease forwards;}

package/es/components/Carousel/CarouselNew/Carousel.js

@@ -1,91 +1,81 @@
-import { slicedToArray as _slicedToArray } from '../../../_virtual/_rollupPluginBabelHelpers.js';
 import React, { forwardRef, useState, Children } from 'react';
 import { classes } from './Carousel.tokens.js';
 import { base as base$2 } from './variations/_size/base.js';
 import { base as base$1 } from './variations/_view/base.js';
 import { ControlsWrapper, IconButton, CarouselWrapper, CarouselTrack, base } from './Carousel.styles.js';
 import { useCarousel } from './hooks/useCarousel.js';
-import { useDisableScroll } from '../../../hooks/useDisableScroll.js';
 import { IconDisclosureLeft } from '../../_Icon/Icons/IconDisclosureLeft.js';
 import { IconDisclosureRight } from '../../_Icon/Icons/IconDisclosureRight.js';
 import { Dots } from './ui/Dots/Dots.js';
 
-var _IconDisclosureLeft, _IconDisclosureRight;
-var VISIBLE_DOTS_DEFAULT = 10;
-var DOTS_CENTERED_DEFAULT = false;
+const VISIBLE_DOTS_DEFAULT = 10;
+const DOTS_CENTERED_DEFAULT = false;
 
 /**
  * Компонент для создания списков с прокруткой.
  */
-var carouselNewRoot = function carouselNewRoot(Root) {
-  return /*#__PURE__*/forwardRef(function (_ref, ref) {
-    var view = _ref.view,
-      size = _ref.size,
-      _ref$scrollAlign = _ref.scrollAlign,
-      scrollAlign = _ref$scrollAlign === void 0 ? 'start' : _ref$scrollAlign,
-      children = _ref.children,
-      _ref$controlArrowsDis = _ref.controlArrowsDisabled,
-      controlArrowsDisabled = _ref$controlArrowsDis === void 0 ? false : _ref$controlArrowsDis,
-      paginationOptions = _ref.paginationOptions,
-      _ref$gap = _ref.gap,
-      gap = _ref$gap === void 0 ? '20px' : _ref$gap,
-      className = _ref.className,
-      style = _ref.style;
-    var _useState = useState(0),
-      _useState2 = _slicedToArray(_useState, 2),
-      index = _useState2[0],
-      setIndex = _useState2[1];
-    var slidesAmount = Children.count(children);
-    var handleClickLeft = function handleClickLeft() {
-      setIndex(Math.max(0, index - 1));
-    };
-    var handleClickRight = function handleClickRight() {
-      setIndex(Math.min(slidesAmount - 1, index + 1));
-    };
-    var _useCarousel = useCarousel({
-        index: index,
-        scrollAlign: scrollAlign
-      }),
-      scrollRef = _useCarousel.scrollRef,
-      trackRef = _useCarousel.trackRef;
-    useDisableScroll(scrollRef);
-    return /*#__PURE__*/React.createElement(Root, {
-      className: className,
-      style: style,
-      size: size,
-      view: view,
-      ref: ref
-    }, /*#__PURE__*/React.createElement(ControlsWrapper, null, index !== 0 && !controlArrowsDisabled && /*#__PURE__*/React.createElement(IconButton, {
-      className: classes.leftControlButton,
-      onClick: handleClickLeft
-    }, _IconDisclosureLeft || (_IconDisclosureLeft = /*#__PURE__*/React.createElement(IconDisclosureLeft, {
-      size: "m",
-      color: "inherit"
-    }))), /*#__PURE__*/React.createElement(CarouselWrapper, {
-      ref: scrollRef
-    }, /*#__PURE__*/React.createElement(CarouselTrack, {
-      ref: trackRef,
-      gap: gap
-    }, children)), index !== slidesAmount - 1 && !controlArrowsDisabled && /*#__PURE__*/React.createElement(IconButton, {
-      className: classes.rightControlButton,
-      onClick: handleClickRight
-    }, _IconDisclosureRight || (_IconDisclosureRight = /*#__PURE__*/React.createElement(IconDisclosureRight, {
-      size: "m",
-      color: "inherit"
-    })))), !(paginationOptions !== null && paginationOptions !== void 0 && paginationOptions.disabled) && /*#__PURE__*/React.createElement(Dots, {
-      index: index,
-      onChange: setIndex,
-      visibleCount: (paginationOptions === null || paginationOptions === void 0 ? void 0 : paginationOptions.visibleDots) || VISIBLE_DOTS_DEFAULT,
-      count: slidesAmount,
-      centered: (paginationOptions === null || paginationOptions === void 0 ? void 0 : paginationOptions.centered) || DOTS_CENTERED_DEFAULT
-    }));
+const carouselNewRoot = Root => /*#__PURE__*/forwardRef(({
+  view,
+  size,
+  scrollAlign = 'center',
+  children,
+  controlArrowsDisabled = false,
+  paginationOptions,
+  className,
+  style
+}, ref) => {
+  const [index, setIndex] = useState(0);
+  const slidesAmount = Children.count(children);
+  const handleClickLeft = () => {
+    setIndex(Math.max(0, index - 1));
+  };
+  const handleClickRight = () => {
+    setIndex(Math.min(slidesAmount - 1, index + 1));
+  };
+  const {
+    scrollRef,
+    trackRef
+  } = useCarousel({
+    index,
+    scrollAlign,
+    onIndexChange: setIndex
   });
-};
-var carouselNewConfig = {
+  return /*#__PURE__*/React.createElement(Root, {
+    className: className,
+    style: style,
+    size: size,
+    view: view,
+    ref: ref
+  }, /*#__PURE__*/React.createElement(ControlsWrapper, null, index !== 0 && !controlArrowsDisabled && /*#__PURE__*/React.createElement(IconButton, {
+    pin: "circle-circle",
+    onClick: handleClickLeft
+  }, /*#__PURE__*/React.createElement(IconDisclosureLeft, {
+    size: "m",
+    color: "inherit"
+  })), /*#__PURE__*/React.createElement(CarouselWrapper, {
+    ref: scrollRef
+  }, /*#__PURE__*/React.createElement(CarouselTrack, {
+    ref: trackRef
+  }, children)), index !== slidesAmount - 1 && !controlArrowsDisabled && /*#__PURE__*/React.createElement(IconButton, {
+    className: classes.rightControlButton,
+    pin: "circle-circle",
+    onClick: handleClickRight
+  }, /*#__PURE__*/React.createElement(IconDisclosureRight, {
+    size: "m",
+    color: "inherit"
+  }))), !paginationOptions?.disabled && /*#__PURE__*/React.createElement(Dots, {
+    index: index,
+    onChange: setIndex,
+    visibleCount: paginationOptions?.visibleDots || VISIBLE_DOTS_DEFAULT,
+    count: slidesAmount,
+    centered: paginationOptions?.centered || DOTS_CENTERED_DEFAULT
+  }));
+});
+const carouselNewConfig = {
   name: 'Carousel',
   tag: 'div',
   layout: carouselNewRoot,
-  base: base,
+  base,
   variations: {
     view: {
       css: base$1

package/es/components/Carousel/CarouselNew/Carousel.js.map

@@ -1 +1 @@
-{"version":3,"file":"Carousel.js","sources":["../../../../src/components/Carousel/CarouselNew/Carousel.tsx"],"sourcesContent":["import { RootProps } from 'src/engines';\nimport React, { forwardRef, useState, Children } from 'react';\nimport { IconDisclosureLeft, IconDisclosureRight } from 'src/components/_Icon';\nimport { useDisableScroll } from 'src/hooks';\n\nimport { classes } from './Carousel.tokens';\nimport { base as sizeCSS } from './variations/_size/base';\nimport { base as viewCSS } from './variations/_view/base';\nimport { base, CarouselWrapper, CarouselTrack, ControlsWrapper, IconButton } from './Carousel.styles';\nimport { CarouselNewProps } from './Carousel.types';\nimport { useCarousel } from './hooks/useCarousel';\nimport { Dots } from './ui';\n\nconst VISIBLE_DOTS_DEFAULT = 10;\nconst DOTS_CENTERED_DEFAULT = false;\n\n/**\n * Компонент для создания списков с прокруткой.\n */\nexport const carouselNewRoot = (Root: RootProps<HTMLDivElement, CarouselNewProps>) =>\n    forwardRef<HTMLDivElement, CarouselNewProps>(\n        (\n            {\n                view,\n                size,\n                scrollAlign = 'start',\n                children,\n                controlArrowsDisabled = false,\n                paginationOptions,\n                gap = '20px',\n                className,\n                style,\n            },\n            ref,\n        ) => {\n            const [index, setIndex] = useState(0);\n\n            const slidesAmount = Children.count(children);\n\n            const handleClickLeft = () => {\n                setIndex(Math.max(0, index - 1));\n            };\n\n            const handleClickRight = () => {\n                setIndex(Math.min(slidesAmount - 1, index + 1));\n            };\n\n            const { scrollRef, trackRef } = useCarousel({\n                index,\n                scrollAlign,\n            });\n\n            useDisableScroll(scrollRef);\n\n            return (\n                <Root className={className} style={style} size={size} view={view} ref={ref}>\n                    <ControlsWrapper>\n                        {index !== 0 && !controlArrowsDisabled && (\n                            <IconButton className={classes.leftControlButton} onClick={handleClickLeft}>\n                                <IconDisclosureLeft size=\"m\" color=\"inherit\" />\n                            </IconButton>\n                        )}\n\n                        <CarouselWrapper ref={scrollRef}>\n                            <CarouselTrack ref={trackRef} gap={gap}>\n                                {children}\n                            </CarouselTrack>\n                        </CarouselWrapper>\n\n                        {index !== slidesAmount - 1 && !controlArrowsDisabled && (\n                            <IconButton className={classes.rightControlButton} onClick={handleClickRight}>\n                                <IconDisclosureRight size=\"m\" color=\"inherit\" />\n                            </IconButton>\n                        )}\n                    </ControlsWrapper>\n\n                    {!paginationOptions?.disabled && (\n                        <Dots\n                            index={index}\n                            onChange={setIndex}\n                            visibleCount={paginationOptions?.visibleDots || VISIBLE_DOTS_DEFAULT}\n                            count={slidesAmount}\n                            centered={paginationOptions?.centered || DOTS_CENTERED_DEFAULT}\n                        />\n                    )}\n                </Root>\n            );\n        },\n    );\n\nexport const carouselNewConfig = {\n    name: 'Carousel',\n    tag: 'div',\n    layout: carouselNewRoot,\n    base,\n    variations: {\n        view: {\n            css: viewCSS,\n        },\n        size: {\n            css: sizeCSS,\n        },\n    },\n    defaults: {\n        view: 'default',\n        size: 's',\n    },\n};\n"],"names":["VISIBLE_DOTS_DEFAULT","DOTS_CENTERED_DEFAULT","carouselNewRoot","Root","forwardRef","_ref","ref","view","size","_ref$scrollAlign","scrollAlign","children","_ref$controlArrowsDis","controlArrowsDisabled","paginationOptions","_ref$gap","gap","className","style","_useState","useState","_useState2","_slicedToArray","index","setIndex","slidesAmount","Children","count","handleClickLeft","Math","max","handleClickRight","min","_useCarousel","useCarousel","scrollRef","trackRef","useDisableScroll","React","createElement","ControlsWrapper","IconButton","classes","leftControlButton","onClick","_IconDisclosureLeft","IconDisclosureLeft","color","CarouselWrapper","CarouselTrack","rightControlButton","_IconDisclosureRight","IconDisclosureRight","disabled","Dots","onChange","visibleCount","visibleDots","centered","carouselNewConfig","name","tag","layout","base","variations","css","viewCSS","sizeCSS","defaults"],"mappings":"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"}
+{"version":3,"file":"Carousel.js","sources":["../../../../src/components/Carousel/CarouselNew/Carousel.tsx"],"sourcesContent":["import { RootProps } from 'src/engines';\nimport React, { forwardRef, useState, Children } from 'react';\nimport { IconDisclosureLeft, IconDisclosureRight } from 'src/components/_Icon';\n\nimport { classes } from './Carousel.tokens';\nimport { base as sizeCSS } from './variations/_size/base';\nimport { base as viewCSS } from './variations/_view/base';\nimport { base, CarouselWrapper, CarouselTrack, ControlsWrapper, IconButton } from './Carousel.styles';\nimport { CarouselNewProps } from './Carousel.types';\nimport { useCarousel } from './hooks/useCarousel';\nimport { Dots } from './ui';\n\nconst VISIBLE_DOTS_DEFAULT = 10;\nconst DOTS_CENTERED_DEFAULT = false;\n\n/**\n * Компонент для создания списков с прокруткой.\n */\nexport const carouselNewRoot = (Root: RootProps<HTMLDivElement, CarouselNewProps>) =>\n    forwardRef<HTMLDivElement, CarouselNewProps>(\n        (\n            {\n                view,\n                size,\n                scrollAlign = 'center',\n                children,\n                controlArrowsDisabled = false,\n                paginationOptions,\n                className,\n                style,\n            },\n            ref,\n        ) => {\n            const [index, setIndex] = useState(0);\n\n            const slidesAmount = Children.count(children);\n\n            const handleClickLeft = () => {\n                setIndex(Math.max(0, index - 1));\n            };\n\n            const handleClickRight = () => {\n                setIndex(Math.min(slidesAmount - 1, index + 1));\n            };\n\n            const { scrollRef, trackRef } = useCarousel({\n                index,\n                scrollAlign,\n                onIndexChange: setIndex,\n            });\n\n            return (\n                <Root className={className} style={style} size={size} view={view} ref={ref}>\n                    <ControlsWrapper>\n                        {index !== 0 && !controlArrowsDisabled && (\n                            <IconButton pin=\"circle-circle\" onClick={handleClickLeft}>\n                                <IconDisclosureLeft size=\"m\" color=\"inherit\" />\n                            </IconButton>\n                        )}\n\n                        <CarouselWrapper ref={scrollRef}>\n                            <CarouselTrack ref={trackRef}>{children}</CarouselTrack>\n                        </CarouselWrapper>\n\n                        {index !== slidesAmount - 1 && !controlArrowsDisabled && (\n                            <IconButton\n                                className={classes.rightControlButton}\n                                pin=\"circle-circle\"\n                                onClick={handleClickRight}\n                            >\n                                <IconDisclosureRight size=\"m\" color=\"inherit\" />\n                            </IconButton>\n                        )}\n                    </ControlsWrapper>\n\n                    {!paginationOptions?.disabled && (\n                        <Dots\n                            index={index}\n                            onChange={setIndex}\n                            visibleCount={paginationOptions?.visibleDots || VISIBLE_DOTS_DEFAULT}\n                            count={slidesAmount}\n                            centered={paginationOptions?.centered || DOTS_CENTERED_DEFAULT}\n                        />\n                    )}\n                </Root>\n            );\n        },\n    );\n\nexport const carouselNewConfig = {\n    name: 'Carousel',\n    tag: 'div',\n    layout: carouselNewRoot,\n    base,\n    variations: {\n        view: {\n            css: viewCSS,\n        },\n        size: {\n            css: sizeCSS,\n        },\n    },\n    defaults: {\n        view: 'default',\n        size: 's',\n    },\n};\n"],"names":["VISIBLE_DOTS_DEFAULT","DOTS_CENTERED_DEFAULT","carouselNewRoot","Root","forwardRef","view","size","scrollAlign","children","controlArrowsDisabled","paginationOptions","className","style","ref","index","setIndex","useState","slidesAmount","Children","count","handleClickLeft","Math","max","handleClickRight","min","scrollRef","trackRef","useCarousel","onIndexChange","React","createElement","ControlsWrapper","IconButton","pin","onClick","IconDisclosureLeft","color","CarouselWrapper","CarouselTrack","classes","rightControlButton","IconDisclosureRight","disabled","Dots","onChange","visibleCount","visibleDots","centered","carouselNewConfig","name","tag","layout","base","variations","css","viewCSS","sizeCSS","defaults"],"mappings":"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"}

package/es/components/Carousel/CarouselNew/Carousel.styles.js

@@ -1,41 +1,30 @@
-import './Carousel.styles_1benby5.css';
+import './Carousel.styles_151pk3s.css';
 import { styled } from '@linaria/react';
-import { component, mergeConfig } from '../../../engines/common.js';
+import { mergeConfig, component } from '../../../engines/common.js';
 import { iconButtonConfig } from '../../IconButton/IconButton.js';
 
-var mergedConfig = /*#__PURE__*/mergeConfig(iconButtonConfig);
-var IconButtonComponent = /*#__PURE__*/component(mergedConfig);
-var base = "b13uu57o";
-var CarouselWrapper = /*#__PURE__*/styled('div')({
+const mergedConfig = mergeConfig(iconButtonConfig);
+const IconButtonComponent = component(mergedConfig);
+const base = "b13uu57o";
+const CarouselWrapper = /*#__PURE__*/styled('div')({
   name: "CarouselWrapper",
-  "class": "c1gygdut",
+  class: "c1gygdut",
   propsAsIs: false
 });
-var _exp = function _exp() {
-  return function (_ref) {
-    var gap = _ref.gap;
-    return gap;
-  };
-};
-var CarouselTrack = /*#__PURE__*/styled('div')({
+const CarouselTrack = /*#__PURE__*/styled('div')({
   name: "CarouselTrack",
-  "class": "c76zbfp",
-  propsAsIs: false,
-  vars: {
-    "c76zbfp-0": [/*#__PURE__*/_exp()]
-  }
+  class: "c76zbfp",
+  propsAsIs: false
 });
-var _exp2 = function _exp2() {
-  return IconButtonComponent;
-};
-var IconButton = /*#__PURE__*/styled(_exp2())({
+const _exp = /*#__PURE__*/() => IconButtonComponent;
+const IconButton = /*#__PURE__*/styled(_exp())({
   name: "IconButton",
-  "class": "i1cnnvc1",
+  class: "i1cnnvc1",
   propsAsIs: true
 });
-var ControlsWrapper = /*#__PURE__*/styled('div')({
+const ControlsWrapper = /*#__PURE__*/styled('div')({
   name: "ControlsWrapper",
-  "class": "c1ff2k98",
+  class: "c1ff2k98",
   propsAsIs: false
 });
 

package/es/components/Carousel/CarouselNew/Carousel.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"Carousel.styles.js","sources":["../../../../src/components/Carousel/CarouselNew/Carousel.styles.ts"],"sourcesContent":["import { styled } from '@linaria/react';\nimport { css } from '@linaria/core';\nimport { component, mergeConfig } from 'src/engines';\nimport { iconButtonConfig, iconButtonTokens } from 'src/components/IconButton';\n\nimport { CarouselNewProps as CarouselProps } from './Carousel.types';\nimport { classes, tokens } from './Carousel.tokens';\n\nconst mergedConfig = mergeConfig(iconButtonConfig);\nexport const IconButtonComponent = component(mergedConfig);\n\nexport const base = css`\n    position: relative;\n`;\n\nexport const CarouselWrapper = styled.div`\n    position: relative;\n    padding: 0;\n    list-style: none;\n\n    -ms-overflow-style: none;\n    scrollbar-width: none;\n    ::-webkit-scrollbar {\n        display: none;\n    }\n\n    overflow-x: auto;\n    overflow-y: hidden;\n\n    scroll-behavior: smooth;\n    scroll-snap-type: x mandatory;\n\n    user-select: none;\n    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\n`;\n\nexport const CarouselTrack = styled.div<{ gap: Exclude<CarouselProps['gap'], undefined> }>`\n    display: inline-flex;\n    flex-direction: row;\n    gap: ${({ gap }) => gap};\n\n    // TODO: станет неактуально после удаления CarouselOld.\n    & > div {\n        scroll-snap-align: none;\n    }\n`;\n\nexport const IconButton = styled(IconButtonComponent)`\n    position: absolute;\n    top: 50%;\n    transform: translateY(-50%);\n    left: 0.75rem;\n    z-index: 10;\n\n    ${iconButtonTokens.iconButtonColor}: var(${tokens.controlIconButtonColor});\n    ${iconButtonTokens.iconButtonBackgroundColor}: var(${tokens.controlIconButtonBackgroundColor});\n    ${iconButtonTokens.iconButtonColorHover}: var(${tokens.controlIconButtonColorHover});\n    ${iconButtonTokens.iconButtonBackgroundColorHover}: var(${tokens.controlIconButtonBackgroundColorHover});\n    ${iconButtonTokens.iconButtonColorActive}: var(${tokens.controlIconButtonColorActive});\n    ${iconButtonTokens.iconButtonBackgroundColorActive}: var(${tokens.controlIconButtonBackgroundColorActive});\n\n    ${iconButtonTokens.iconButtonHeight}: 2.5rem;\n    ${iconButtonTokens.iconButtonWidth}: 2.5rem;\n    ${iconButtonTokens.iconButtonPadding}: 1rem;\n    ${iconButtonTokens.iconButtonRadius}: var(${tokens.controlIconButtonRadius});\n\n    &.${classes.rightControlButton} {\n        left: auto;\n        right: 0.75rem;\n    }\n`;\n\nexport const ControlsWrapper = styled.div`\n    position: relative;\n`;\n"],"names":["mergedConfig","mergeConfig","iconButtonConfig","IconButtonComponent","component","base","CarouselWrapper","styled","name","class","propsAsIs","_exp","_ref","gap","CarouselTrack","vars","_exp2","IconButton","ControlsWrapper"],"mappings":";;;;AAQA,IAAMA,YAAY,gBAAGC,WAAW,CAACC,gBAAgB,CAAC,CAAA;IACrCC,mBAAmB,gBAAGC,SAAS,CAACJ,YAAY,EAAC;AAEnD,IAAMK,IAAI,GAEhB,WAAA;AAEM,IAAMC,eAAe,gBAAGC,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,iBAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAmBpC,EAAA;AAAC,IAAAC,IAAA,GAjCgBA,SAiChBA,IAAAA,GAAA;AAAA,EAAA,OAKS,UAAAC,IAAA,EAAA;AAAA,IAAA,IAAGC,GAAAA,GAAAA,IAAAA,CAAAA,GAAAA,CAAAA;AAAAA,IAAAA,OAAUA,GAAG,CAAA;AAAA,GAAA,CAAA;AAAA,CAAA,CAAA;AAHpB,IAAMC,aAAa,gBAAGP,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,eAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAAK,EAAAA,IAAA,EAAA;AAAA,IAAA,WAAA,EAAA,cAGxBJ,IAAgB,EAAA,CAAA;AAAA,GAAA;AAAA,CAM1B,EAAA;AAAC,IAAAK,KAAA,GA5CgBA,SA4ChBA,KAAAA,GAAA;AAAA,EAAA,OAE+Bb,mBAAmB,CAAA;AAAA,CAAA,CAAA;AAA7C,IAAMc,UAAU,gBAAGV,MAAM,CAAAS,KAAA,EAAA,CAAA,CAAA;AAAAR,EAAAA,IAAA,EAAA,YAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,IAAA;AAAA,CAuB/B,EAAA;AAEM,IAAMQ,eAAe,gBAAGX,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,iBAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAEpC;;;;"}
+{"version":3,"file":"Carousel.styles.js","sources":["../../../../src/components/Carousel/CarouselNew/Carousel.styles.ts"],"sourcesContent":["import { styled } from '@linaria/react';\nimport { css } from '@linaria/core';\nimport { component, mergeConfig } from 'src/engines';\nimport { iconButtonConfig, iconButtonTokens } from 'src/components/IconButton';\n\nimport { classes } from './Carousel.tokens';\n\nconst mergedConfig = mergeConfig(iconButtonConfig);\nexport const IconButtonComponent = component(mergedConfig);\n\nexport const base = css`\n    position: relative;\n`;\n\nexport const CarouselWrapper = styled.div`\n    position: relative;\n    margin-left: calc(var(--plasma_private-carousel-padding) * -1);\n    margin-right: calc(var(--plasma_private-carousel-padding) * -1);\n    padding: 0;\n    list-style: none;\n\n    -ms-overflow-style: none;\n    scrollbar-width: none;\n    ::-webkit-scrollbar {\n        display: none;\n    }\n\n    overflow-x: auto;\n    overflow-y: hidden;\n\n    scroll-behavior: smooth;\n    scroll-snap-type: x mandatory;\n\n    user-select: none;\n    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\n\n    --plasma_private-carousel-padding: 0.625rem;\n`;\n\nexport const CarouselTrack = styled.div`\n    display: inline-flex;\n    flex-direction: row;\n`;\n\nexport const IconButton = styled(IconButtonComponent)`\n    position: absolute;\n    top: 50%;\n    transform: translateY(-50%);\n    left: 0.75rem;\n    z-index: 10;\n\n    ${iconButtonTokens.iconButtonColor}: var(--text-primary);\n    ${iconButtonTokens.iconButtonBackgroundColor}: var(--surface-transparent-secondary);\n    ${iconButtonTokens.iconButtonLoadingBackgroundColor}: var(${iconButtonTokens.iconButtonBackgroundColor});\n    ${iconButtonTokens.iconButtonBackgroundColorHover}: var(--surface-transparent-secondary-hover);\n    ${iconButtonTokens.iconButtonBackgroundColorActive}: var(--surface-transparent-secondary-active);\n\n    ${iconButtonTokens.iconButtonHeight}: 2.5rem;\n    ${iconButtonTokens.iconButtonWidth}: 2.5rem;\n    ${iconButtonTokens.iconButtonPadding}: 1rem;\n    ${iconButtonTokens.iconButtonRadius}: 0.625rem;\n\n    &.${classes.rightControlButton} {\n        left: auto;\n        right: 0.75rem;\n    }\n`;\n\nexport const ControlsWrapper = styled.div`\n    position: relative;\n`;\n"],"names":["mergedConfig","mergeConfig","iconButtonConfig","IconButtonComponent","component","base","CarouselWrapper","styled","name","class","propsAsIs","CarouselTrack","_exp","IconButton","ControlsWrapper"],"mappings":";;;;AAOA,MAAMA,YAAY,GAAGC,WAAW,CAACC,gBAAgB,CAAC,CAAA;MACrCC,mBAAmB,GAAGC,SAAS,CAACJ,YAAY,EAAC;AAEnD,MAAMK,IAAI,GAEhB,WAAA;AAEM,MAAMC,eAAe,gBAAGC,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,iBAAA;AAAAC,EAAAA,KAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAuBpC,EAAA;AAEM,MAAMC,aAAa,gBAAGJ,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,eAAA;AAAAC,EAAAA,KAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAGlC,EAAA;AAAC,MAAAE,IAAA,gBAzCgBA,MA2CeT,mBAAmB,CAAA;AAA7C,MAAMU,UAAU,gBAAGN,MAAM,CAAAK,IAAA,EAAA,CAAA,CAAA;AAAAJ,EAAAA,IAAA,EAAA,YAAA;AAAAC,EAAAA,KAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,IAAA;AAAA,CAsB/B,EAAA;AAEM,MAAMI,eAAe,gBAAGP,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,iBAAA;AAAAC,EAAAA,KAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAEpC;;;;"}

package/es/components/Carousel/CarouselNew/Carousel.styles_151pk3s.css

@@ -0,0 +1,5 @@
+.b13uu57o{position:relative;}
+.c1gygdut{position:relative;margin-left:calc(var(--plasma_private-carousel-padding) * -1);margin-right:calc(var(--plasma_private-carousel-padding) * -1);padding:0;list-style:none;-ms-overflow-style:none;-webkit-scrollbar-width:none;-moz-scrollbar-width:none;-ms-scrollbar-width:none;scrollbar-width:none;overflow-x:auto;overflow-y:hidden;-webkit-scroll-behavior:smooth;-moz-scroll-behavior:smooth;-ms-scroll-behavior:smooth;scroll-behavior:smooth;-webkit-scroll-snap-type:x mandatory;-moz-scroll-snap-type:x mandatory;-ms-scroll-snap-type:x mandatory;scroll-snap-type:x mandatory;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:rgba(0,0,0,0);--plasma_private-carousel-padding:0.625rem;}.c1gygdut::-webkit-scrollbar{display:none;}
+.c76zbfp{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;}
+.i1cnnvc1{position:absolute;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);left:0.75rem;z-index:10;--plasma-icon-button-color:var(--text-primary);--plasma-icon-button-background-color:var(--surface-transparent-secondary);--plasma-icon-button-loading-background-color:var(--plasma-icon-button-background-color);--plasma-icon-button-background-color-hover:var(--surface-transparent-secondary-hover);--plasma-icon-button-background-color-active:var(--surface-transparent-secondary-active);--plasma-icon-button-height:2.5rem;--plasma-icon-button-width:2.5rem;--plasma-icon-button-padding:1rem;--plasma-icon-button-radius:0.625rem;}.i1cnnvc1.carousel-right-control-button{left:auto;right:0.75rem;}
+.c1ff2k98{position:relative;}

package/es/components/Carousel/CarouselNew/Carousel.tokens.js

@@ -1,4 +1,4 @@
-var classes = {
+const classes = {
   dot: 'dot',
   active: 'dot-active',
   animating: 'dot-animating',
@@ -8,19 +8,11 @@ var classes = {
   shrinking: 'dot-shrinking',
   availableDotsLeft: 'dot-available-dots-left',
   availableDotsRight: 'dot-available-dots-right',
-  leftControlButton: 'carousel-left-control-button',
   rightControlButton: 'carousel-right-control-button'
 };
-var tokens = {
+const tokens = {
   paginationDotBackground: '--plasma-carousel-pagination-dot-background',
-  paginationDotActiveBackground: '--plasma-carousel-pagination-dot-active-background',
-  controlIconButtonRadius: '--plasma-carousel-control-icon-button-radius',
-  controlIconButtonColor: '--plasma-carousel-control-icon-button-color',
-  controlIconButtonBackgroundColor: '--plasma-carousel-control-icon-button-background-color',
-  controlIconButtonColorHover: '--plasma-carousel-control-icon-button-color-hover',
-  controlIconButtonBackgroundColorHover: '--plasma-carousel-control-icon-button-background-color-hover',
-  controlIconButtonColorActive: '--plasma-carousel-control-icon-button-color-active',
-  controlIconButtonBackgroundColorActive: '--plasma-carousel-control-icon-button-background-color-active'
+  paginationDotActiveBackground: '--plasma-carousel-pagination-dot-active-background'
 };
 
 export { classes, tokens };

package/es/components/Carousel/CarouselNew/Carousel.tokens.js.map

@@ -1 +1 @@
-{"version":3,"file":"Carousel.tokens.js","sources":["../../../../src/components/Carousel/CarouselNew/Carousel.tokens.ts"],"sourcesContent":["export const classes = {\n    dot: 'dot',\n    active: 'dot-active',\n    animating: 'dot-animating',\n    animateIn: 'dot-animate-in',\n    animateOut: 'dot-animate-out',\n    temporaryNatural: 'dot-temporary-natural',\n    shrinking: 'dot-shrinking',\n    availableDotsLeft: 'dot-available-dots-left',\n    availableDotsRight: 'dot-available-dots-right',\n    leftControlButton: 'carousel-left-control-button',\n    rightControlButton: 'carousel-right-control-button',\n};\n\nexport const tokens = {\n    paginationDotBackground: '--plasma-carousel-pagination-dot-background',\n    paginationDotActiveBackground: '--plasma-carousel-pagination-dot-active-background',\n    controlIconButtonRadius: '--plasma-carousel-control-icon-button-radius',\n    controlIconButtonColor: '--plasma-carousel-control-icon-button-color',\n    controlIconButtonBackgroundColor: '--plasma-carousel-control-icon-button-background-color',\n    controlIconButtonColorHover: '--plasma-carousel-control-icon-button-color-hover',\n    controlIconButtonBackgroundColorHover: '--plasma-carousel-control-icon-button-background-color-hover',\n    controlIconButtonColorActive: '--plasma-carousel-control-icon-button-color-active',\n    controlIconButtonBackgroundColorActive: '--plasma-carousel-control-icon-button-background-color-active',\n};\n"],"names":["classes","dot","active","animating","animateIn","animateOut","temporaryNatural","shrinking","availableDotsLeft","availableDotsRight","leftControlButton","rightControlButton","tokens","paginationDotBackground","paginationDotActiveBackground","controlIconButtonRadius","controlIconButtonColor","controlIconButtonBackgroundColor","controlIconButtonColorHover","controlIconButtonBackgroundColorHover","controlIconButtonColorActive","controlIconButtonBackgroundColorActive"],"mappings":"AAAO,IAAMA,OAAO,GAAG;AACnBC,EAAAA,GAAG,EAAE,KAAK;AACVC,EAAAA,MAAM,EAAE,YAAY;AACpBC,EAAAA,SAAS,EAAE,eAAe;AAC1BC,EAAAA,SAAS,EAAE,gBAAgB;AAC3BC,EAAAA,UAAU,EAAE,iBAAiB;AAC7BC,EAAAA,gBAAgB,EAAE,uBAAuB;AACzCC,EAAAA,SAAS,EAAE,eAAe;AAC1BC,EAAAA,iBAAiB,EAAE,yBAAyB;AAC5CC,EAAAA,kBAAkB,EAAE,0BAA0B;AAC9CC,EAAAA,iBAAiB,EAAE,8BAA8B;AACjDC,EAAAA,kBAAkB,EAAE,+BAAA;AACxB,EAAC;AAEM,IAAMC,MAAM,GAAG;AAClBC,EAAAA,uBAAuB,EAAE,6CAA6C;AACtEC,EAAAA,6BAA6B,EAAE,oDAAoD;AACnFC,EAAAA,uBAAuB,EAAE,8CAA8C;AACvEC,EAAAA,sBAAsB,EAAE,6CAA6C;AACrEC,EAAAA,gCAAgC,EAAE,wDAAwD;AAC1FC,EAAAA,2BAA2B,EAAE,mDAAmD;AAChFC,EAAAA,qCAAqC,EAAE,8DAA8D;AACrGC,EAAAA,4BAA4B,EAAE,oDAAoD;AAClFC,EAAAA,sCAAsC,EAAE,+DAAA;AAC5C;;;;"}
+{"version":3,"file":"Carousel.tokens.js","sources":["../../../../src/components/Carousel/CarouselNew/Carousel.tokens.ts"],"sourcesContent":["export const classes = {\n    dot: 'dot',\n    active: 'dot-active',\n    animating: 'dot-animating',\n    animateIn: 'dot-animate-in',\n    animateOut: 'dot-animate-out',\n    temporaryNatural: 'dot-temporary-natural',\n    shrinking: 'dot-shrinking',\n    availableDotsLeft: 'dot-available-dots-left',\n    availableDotsRight: 'dot-available-dots-right',\n    rightControlButton: 'carousel-right-control-button',\n};\n\nexport const tokens = {\n    paginationDotBackground: '--plasma-carousel-pagination-dot-background',\n    paginationDotActiveBackground: '--plasma-carousel-pagination-dot-active-background',\n};\n"],"names":["classes","dot","active","animating","animateIn","animateOut","temporaryNatural","shrinking","availableDotsLeft","availableDotsRight","rightControlButton","tokens","paginationDotBackground","paginationDotActiveBackground"],"mappings":"AAAO,MAAMA,OAAO,GAAG;AACnBC,EAAAA,GAAG,EAAE,KAAK;AACVC,EAAAA,MAAM,EAAE,YAAY;AACpBC,EAAAA,SAAS,EAAE,eAAe;AAC1BC,EAAAA,SAAS,EAAE,gBAAgB;AAC3BC,EAAAA,UAAU,EAAE,iBAAiB;AAC7BC,EAAAA,gBAAgB,EAAE,uBAAuB;AACzCC,EAAAA,SAAS,EAAE,eAAe;AAC1BC,EAAAA,iBAAiB,EAAE,yBAAyB;AAC5CC,EAAAA,kBAAkB,EAAE,0BAA0B;AAC9CC,EAAAA,kBAAkB,EAAE,+BAAA;AACxB,EAAC;AAEM,MAAMC,MAAM,GAAG;AAClBC,EAAAA,uBAAuB,EAAE,6CAA6C;AACtEC,EAAAA,6BAA6B,EAAE,oDAAA;AACnC;;;;"}