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

package/es/utils/setRefList.js

@@ -1,16 +1,10 @@
-function mergeRefs() {
-  for (var _len = arguments.length, refs = new Array(_len), _key = 0; _key < _len; _key++) {
-    refs[_key] = arguments[_key];
-  }
-  return function (val) {
-    setRefList.apply(void 0, [val].concat(refs));
+function mergeRefs(...refs) {
+  return val => {
+    setRefList(val, ...refs);
   };
 }
-function setRefList(val) {
-  for (var _len2 = arguments.length, refs = new Array(_len2 > 1 ? _len2 - 1 : 0), _key2 = 1; _key2 < _len2; _key2++) {
-    refs[_key2 - 1] = arguments[_key2];
-  }
-  refs.forEach(function (ref) {
+function setRefList(val, ...refs) {
+  refs.forEach(ref => {
     if (typeof ref === 'function') {
       ref(val);
     }

package/es/utils/setRefList.js.map

@@ -1 +1 @@
-{"version":3,"file":"setRefList.js","sources":["../../src/utils/setRefList.ts"],"sourcesContent":["import type { MutableRefObject, RefCallback } from 'react';\n\ntype MutableRefList<T> = Array<RefCallback<T> | MutableRefObject<T> | undefined | null>;\n\nexport function mergeRefs<T>(...refs: MutableRefList<T>): RefCallback<T> {\n    return (val: T) => {\n        setRefList(val, ...refs);\n    };\n}\n\nexport function setRefList<T>(val: T, ...refs: MutableRefList<T>): void {\n    refs.forEach((ref) => {\n        if (typeof ref === 'function') {\n            ref(val);\n        }\n\n        if (ref != null && typeof ref !== 'function') {\n            ref.current = val;\n        }\n    });\n}\n"],"names":["mergeRefs","_len","arguments","length","refs","Array","_key","val","setRefList","apply","concat","_len2","_key2","forEach","ref","current"],"mappings":"AAIO,SAASA,SAASA,GAAgD;AAAA,EAAA,KAAA,IAAAC,IAAA,GAAAC,SAAA,CAAAC,MAAA,EAAzCC,IAAI,GAAAC,IAAAA,KAAA,CAAAJ,IAAA,GAAAK,IAAA,GAAA,CAAA,EAAAA,IAAA,GAAAL,IAAA,EAAAK,IAAA,EAAA,EAAA;AAAJF,IAAAA,IAAI,CAAAE,IAAA,CAAAJ,GAAAA,SAAA,CAAAI,IAAA,CAAA,CAAA;AAAA,GAAA;EAChC,OAAO,UAACC,GAAM,EAAK;IACfC,UAAU,CAAAC,KAAA,CAACF,KAAAA,CAAAA,EAAAA,CAAAA,GAAG,EAAAG,MAAA,CAAKN,IAAI,CAAC,CAAA,CAAA;GAC3B,CAAA;AACL,CAAA;AAEO,SAASI,UAAUA,CAAID,GAAM,EAAoC;EAAA,KAAAI,IAAAA,KAAA,GAAAT,SAAA,CAAAC,MAAA,EAA/BC,IAAI,OAAAC,KAAA,CAAAM,KAAA,GAAAA,CAAAA,GAAAA,KAAA,WAAAC,KAAA,GAAA,CAAA,EAAAA,KAAA,GAAAD,KAAA,EAAAC,KAAA,EAAA,EAAA;AAAJR,IAAAA,IAAI,CAAAQ,KAAA,GAAAV,CAAAA,CAAAA,GAAAA,SAAA,CAAAU,KAAA,CAAA,CAAA;AAAA,GAAA;AACzCR,EAAAA,IAAI,CAACS,OAAO,CAAC,UAACC,GAAG,EAAK;AAClB,IAAA,IAAI,OAAOA,GAAG,KAAK,UAAU,EAAE;MAC3BA,GAAG,CAACP,GAAG,CAAC,CAAA;AACZ,KAAA;IAEA,IAAIO,GAAG,IAAI,IAAI,IAAI,OAAOA,GAAG,KAAK,UAAU,EAAE;MAC1CA,GAAG,CAACC,OAAO,GAAGR,GAAG,CAAA;AACrB,KAAA;AACJ,GAAC,CAAC,CAAA;AACN;;;;"}
+{"version":3,"file":"setRefList.js","sources":["../../src/utils/setRefList.ts"],"sourcesContent":["import type { MutableRefObject, RefCallback } from 'react';\n\ntype MutableRefList<T> = Array<RefCallback<T> | MutableRefObject<T> | undefined | null>;\n\nexport function mergeRefs<T>(...refs: MutableRefList<T>): RefCallback<T> {\n    return (val: T) => {\n        setRefList(val, ...refs);\n    };\n}\n\nexport function setRefList<T>(val: T, ...refs: MutableRefList<T>): void {\n    refs.forEach((ref) => {\n        if (typeof ref === 'function') {\n            ref(val);\n        }\n\n        if (ref != null && typeof ref !== 'function') {\n            ref.current = val;\n        }\n    });\n}\n"],"names":["mergeRefs","refs","val","setRefList","forEach","ref","current"],"mappings":"AAIO,SAASA,SAASA,CAAI,GAAGC,IAAuB,EAAkB;AACrE,EAAA,OAAQC,GAAM,IAAK;AACfC,IAAAA,UAAU,CAACD,GAAG,EAAE,GAAGD,IAAI,CAAC,CAAA;GAC3B,CAAA;AACL,CAAA;AAEO,SAASE,UAAUA,CAAID,GAAM,EAAE,GAAGD,IAAuB,EAAQ;AACpEA,EAAAA,IAAI,CAACG,OAAO,CAAEC,GAAG,IAAK;AAClB,IAAA,IAAI,OAAOA,GAAG,KAAK,UAAU,EAAE;MAC3BA,GAAG,CAACH,GAAG,CAAC,CAAA;AACZ,KAAA;IAEA,IAAIG,GAAG,IAAI,IAAI,IAAI,OAAOA,GAAG,KAAK,UAAU,EAAE;MAC1CA,GAAG,CAACC,OAAO,GAAGJ,GAAG,CAAA;AACrB,KAAA;AACJ,GAAC,CAAC,CAAA;AACN;;;;"}

package/es/utils/tabbable.js

@@ -1,10 +1,10 @@
-var tabbableNode = /input|select|textarea|button|object/;
-var focusSelector = /*#__PURE__*/['input', 'select', 'textarea', 'a', 'button', 'object', '[tabindex]', 'audio[controls]', 'video[controls]', '[contenteditable]:not([contenteditable="false"])'].join(',');
-var isHidden = function isHidden(el) {
+const tabbableNode = /input|select|textarea|button|object/;
+const focusSelector = ['input', 'select', 'textarea', 'a', 'button', 'object', '[tabindex]', 'audio[controls]', 'video[controls]', '[contenteditable]:not([contenteditable="false"])'].join(',');
+const isHidden = el => {
   return el.offsetWidth <= 0 && el.offsetHeight <= 0 || el.style.display === 'none' || el.style.visibility === 'hidden' || el.style.opacity === '0';
 };
-var isVisible = function isVisible(element, parentContainer) {
-  var parentElement = element;
+const isVisible = (element, parentContainer) => {
+  let parentElement = element;
   while (parentElement) {
     if (parentElement === parentContainer || parentElement === document.body) {
       break;
@@ -16,27 +16,25 @@ var isVisible = function isVisible(element, parentContainer) {
   }
   return true;
 };
-var getElementTabIndex = function getElementTabIndex(element) {
-  var tabIndex = element.getAttribute('tabindex');
+const getElementTabIndex = element => {
+  const tabIndex = element.getAttribute('tabindex');
   return tabIndex === null ? NaN : parseInt(tabIndex, 10);
 };
-var isFocusable = function isFocusable(element, parentContainer) {
-  var nodeName = element.nodeName.toLowerCase();
-  var isTabIndexNotNaN = !Number.isNaN(getElementTabIndex(element));
-  var res = tabbableNode.test(nodeName) && !element.disabled || (element instanceof HTMLAnchorElement ? element.href || isTabIndexNotNaN : isTabIndexNotNaN);
+const isFocusable = (element, parentContainer) => {
+  const nodeName = element.nodeName.toLowerCase();
+  const isTabIndexNotNaN = !Number.isNaN(getElementTabIndex(element));
+  const res = tabbableNode.test(nodeName) && !element.disabled || (element instanceof HTMLAnchorElement ? element.href || isTabIndexNotNaN : isTabIndexNotNaN);
   return Boolean(res) && isVisible(element, parentContainer);
 };
-var isTabble = function isTabble(element, parentContainer) {
-  var tabIndex = getElementTabIndex(element);
-  var isTabIndexNaN = Number.isNaN(tabIndex);
+const isTabble = (element, parentContainer) => {
+  const tabIndex = getElementTabIndex(element);
+  const isTabIndexNaN = Number.isNaN(tabIndex);
   return (isTabIndexNaN || tabIndex >= 0) && isFocusable(element, parentContainer);
 };
 
 // Все элементы внутри данной ноды, до которых можно добраться табом
-var findTabbableDescendants = function findTabbableDescendants(element) {
-  return Array.from(element.querySelectorAll(focusSelector)).filter(function (el) {
-    return isTabble(el, element);
-  });
+const findTabbableDescendants = element => {
+  return Array.from(element.querySelectorAll(focusSelector)).filter(el => isTabble(el, element));
 };
 
 export { findTabbableDescendants, focusSelector, isFocusable, isTabble, isVisible };

package/es/utils/tabbable.js.map

@@ -1 +1 @@
-{"version":3,"file":"tabbable.js","sources":["../../src/utils/tabbable.ts"],"sourcesContent":["const tabbableNode = /input|select|textarea|button|object/;\n\nexport const focusSelector = [\n    'input',\n    'select',\n    'textarea',\n    'a',\n    'button',\n    'object',\n    '[tabindex]',\n    'audio[controls]',\n    'video[controls]',\n    '[contenteditable]:not([contenteditable=\"false\"])',\n].join(',');\n\nconst isHidden = (el: HTMLElement) => {\n    return (\n        (el.offsetWidth <= 0 && el.offsetHeight <= 0) ||\n        el.style.display === 'none' ||\n        el.style.visibility === 'hidden' ||\n        el.style.opacity === '0'\n    );\n};\n\nexport const isVisible = (element: HTMLElement, parentContainer?: HTMLElement): boolean => {\n    let parentElement: HTMLElement = element;\n\n    while (parentElement) {\n        if (parentElement === parentContainer || parentElement === document.body) {\n            break;\n        }\n\n        if (isHidden(parentElement)) {\n            return false;\n        }\n\n        parentElement = parentElement.parentNode as HTMLElement;\n    }\n\n    return true;\n};\n\nconst getElementTabIndex = (element: HTMLElement): number => {\n    const tabIndex = element.getAttribute('tabindex');\n\n    return tabIndex === null ? NaN : parseInt(tabIndex as string, 10);\n};\n\nexport const isFocusable = (element: HTMLElement, parentContainer?: HTMLElement): boolean => {\n    const nodeName = element.nodeName.toLowerCase();\n    const isTabIndexNotNaN = !Number.isNaN(getElementTabIndex(element));\n    const res =\n        (tabbableNode.test(nodeName) && !(element as HTMLSelectElement).disabled) ||\n        (element instanceof HTMLAnchorElement ? element.href || isTabIndexNotNaN : isTabIndexNotNaN);\n\n    return Boolean(res) && isVisible(element, parentContainer);\n};\n\nexport const isTabble = (element: HTMLElement, parentContainer?: HTMLElement): boolean => {\n    const tabIndex = getElementTabIndex(element);\n    const isTabIndexNaN = Number.isNaN(tabIndex);\n    return (isTabIndexNaN || tabIndex >= 0) && isFocusable(element, parentContainer);\n};\n\n// Все элементы внутри данной ноды, до которых можно добраться табом\nexport const findTabbableDescendants = (element: HTMLElement): Array<HTMLElement> => {\n    return Array.from(element.querySelectorAll<HTMLElement>(focusSelector)).filter((el) => isTabble(el, element));\n};\n"],"names":["tabbableNode","focusSelector","join","isHidden","el","offsetWidth","offsetHeight","style","display","visibility","opacity","isVisible","element","parentContainer","parentElement","document","body","parentNode","getElementTabIndex","tabIndex","getAttribute","NaN","parseInt","isFocusable","nodeName","toLowerCase","isTabIndexNotNaN","Number","isNaN","res","test","disabled","HTMLAnchorElement","href","Boolean","isTabble","isTabIndexNaN","findTabbableDescendants","Array","from","querySelectorAll","filter"],"mappings":"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"}
+{"version":3,"file":"tabbable.js","sources":["../../src/utils/tabbable.ts"],"sourcesContent":["const tabbableNode = /input|select|textarea|button|object/;\n\nexport const focusSelector = [\n    'input',\n    'select',\n    'textarea',\n    'a',\n    'button',\n    'object',\n    '[tabindex]',\n    'audio[controls]',\n    'video[controls]',\n    '[contenteditable]:not([contenteditable=\"false\"])',\n].join(',');\n\nconst isHidden = (el: HTMLElement) => {\n    return (\n        (el.offsetWidth <= 0 && el.offsetHeight <= 0) ||\n        el.style.display === 'none' ||\n        el.style.visibility === 'hidden' ||\n        el.style.opacity === '0'\n    );\n};\n\nexport const isVisible = (element: HTMLElement, parentContainer?: HTMLElement): boolean => {\n    let parentElement: HTMLElement = element;\n\n    while (parentElement) {\n        if (parentElement === parentContainer || parentElement === document.body) {\n            break;\n        }\n\n        if (isHidden(parentElement)) {\n            return false;\n        }\n\n        parentElement = parentElement.parentNode as HTMLElement;\n    }\n\n    return true;\n};\n\nconst getElementTabIndex = (element: HTMLElement): number => {\n    const tabIndex = element.getAttribute('tabindex');\n\n    return tabIndex === null ? NaN : parseInt(tabIndex as string, 10);\n};\n\nexport const isFocusable = (element: HTMLElement, parentContainer?: HTMLElement): boolean => {\n    const nodeName = element.nodeName.toLowerCase();\n    const isTabIndexNotNaN = !Number.isNaN(getElementTabIndex(element));\n    const res =\n        (tabbableNode.test(nodeName) && !(element as HTMLSelectElement).disabled) ||\n        (element instanceof HTMLAnchorElement ? element.href || isTabIndexNotNaN : isTabIndexNotNaN);\n\n    return Boolean(res) && isVisible(element, parentContainer);\n};\n\nexport const isTabble = (element: HTMLElement, parentContainer?: HTMLElement): boolean => {\n    const tabIndex = getElementTabIndex(element);\n    const isTabIndexNaN = Number.isNaN(tabIndex);\n    return (isTabIndexNaN || tabIndex >= 0) && isFocusable(element, parentContainer);\n};\n\n// Все элементы внутри данной ноды, до которых можно добраться табом\nexport const findTabbableDescendants = (element: HTMLElement): Array<HTMLElement> => {\n    return Array.from(element.querySelectorAll<HTMLElement>(focusSelector)).filter((el) => isTabble(el, element));\n};\n"],"names":["tabbableNode","focusSelector","join","isHidden","el","offsetWidth","offsetHeight","style","display","visibility","opacity","isVisible","element","parentContainer","parentElement","document","body","parentNode","getElementTabIndex","tabIndex","getAttribute","NaN","parseInt","isFocusable","nodeName","toLowerCase","isTabIndexNotNaN","Number","isNaN","res","test","disabled","HTMLAnchorElement","href","Boolean","isTabble","isTabIndexNaN","findTabbableDescendants","Array","from","querySelectorAll","filter"],"mappings":"AAAA,MAAMA,YAAY,GAAG,qCAAqC,CAAA;AAE7CC,MAAAA,aAAa,GAAG,CACzB,OAAO,EACP,QAAQ,EACR,UAAU,EACV,GAAG,EACH,QAAQ,EACR,QAAQ,EACR,YAAY,EACZ,iBAAiB,EACjB,iBAAiB,EACjB,kDAAkD,CACrD,CAACC,IAAI,CAAC,GAAG,EAAC;AAEX,MAAMC,QAAQ,GAAIC,EAAe,IAAK;AAClC,EAAA,OACKA,EAAE,CAACC,WAAW,IAAI,CAAC,IAAID,EAAE,CAACE,YAAY,IAAI,CAAC,IAC5CF,EAAE,CAACG,KAAK,CAACC,OAAO,KAAK,MAAM,IAC3BJ,EAAE,CAACG,KAAK,CAACE,UAAU,KAAK,QAAQ,IAChCL,EAAE,CAACG,KAAK,CAACG,OAAO,KAAK,GAAG,CAAA;AAEhC,CAAC,CAAA;MAEYC,SAAS,GAAGA,CAACC,OAAoB,EAAEC,eAA6B,KAAc;EACvF,IAAIC,aAA0B,GAAGF,OAAO,CAAA;AAExC,EAAA,OAAOE,aAAa,EAAE;IAClB,IAAIA,aAAa,KAAKD,eAAe,IAAIC,aAAa,KAAKC,QAAQ,CAACC,IAAI,EAAE;AACtE,MAAA,MAAA;AACJ,KAAA;AAEA,IAAA,IAAIb,QAAQ,CAACW,aAAa,CAAC,EAAE;AACzB,MAAA,OAAO,KAAK,CAAA;AAChB,KAAA;IAEAA,aAAa,GAAGA,aAAa,CAACG,UAAyB,CAAA;AAC3D,GAAA;AAEA,EAAA,OAAO,IAAI,CAAA;AACf,EAAC;AAED,MAAMC,kBAAkB,GAAIN,OAAoB,IAAa;AACzD,EAAA,MAAMO,QAAQ,GAAGP,OAAO,CAACQ,YAAY,CAAC,UAAU,CAAC,CAAA;EAEjD,OAAOD,QAAQ,KAAK,IAAI,GAAGE,GAAG,GAAGC,QAAQ,CAACH,QAAQ,EAAY,EAAE,CAAC,CAAA;AACrE,CAAC,CAAA;MAEYI,WAAW,GAAGA,CAACX,OAAoB,EAAEC,eAA6B,KAAc;EACzF,MAAMW,QAAQ,GAAGZ,OAAO,CAACY,QAAQ,CAACC,WAAW,EAAE,CAAA;EAC/C,MAAMC,gBAAgB,GAAG,CAACC,MAAM,CAACC,KAAK,CAACV,kBAAkB,CAACN,OAAO,CAAC,CAAC,CAAA;EACnE,MAAMiB,GAAG,GACJ7B,YAAY,CAAC8B,IAAI,CAACN,QAAQ,CAAC,IAAI,CAAEZ,OAAO,CAAuBmB,QAAQ,KACvEnB,OAAO,YAAYoB,iBAAiB,GAAGpB,OAAO,CAACqB,IAAI,IAAIP,gBAAgB,GAAGA,gBAAgB,CAAC,CAAA;EAEhG,OAAOQ,OAAO,CAACL,GAAG,CAAC,IAAIlB,SAAS,CAACC,OAAO,EAAEC,eAAe,CAAC,CAAA;AAC9D,EAAC;MAEYsB,QAAQ,GAAGA,CAACvB,OAAoB,EAAEC,eAA6B,KAAc;AACtF,EAAA,MAAMM,QAAQ,GAAGD,kBAAkB,CAACN,OAAO,CAAC,CAAA;AAC5C,EAAA,MAAMwB,aAAa,GAAGT,MAAM,CAACC,KAAK,CAACT,QAAQ,CAAC,CAAA;AAC5C,EAAA,OAAO,CAACiB,aAAa,IAAIjB,QAAQ,IAAI,CAAC,KAAKI,WAAW,CAACX,OAAO,EAAEC,eAAe,CAAC,CAAA;AACpF,EAAC;;AAED;AACawB,MAAAA,uBAAuB,GAAIzB,OAAoB,IAAyB;EACjF,OAAO0B,KAAK,CAACC,IAAI,CAAC3B,OAAO,CAAC4B,gBAAgB,CAAcvC,aAAa,CAAC,CAAC,CAACwC,MAAM,CAAErC,EAAE,IAAK+B,QAAQ,CAAC/B,EAAE,EAAEQ,OAAO,CAAC,CAAC,CAAA;AACjH;;;;"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@salutejs/plasma-new-hope",
-  "version": "0.326.1-canary.2043.15852251108.0",
+  "version": "0.327.0-canary.1741.15743877104.0",
   "description": "Salute Design System blueprint",
   "main": "cjs/index.js",
   "module": "es/index.js",
@@ -79,7 +79,7 @@
     "@rollup/plugin-babel": "^6.0.4",
     "@rollup/plugin-commonjs": "^25.0.4",
     "@rollup/plugin-node-resolve": "^15.1.0",
-    "@salutejs/plasma-sb-utils": "0.199.1-canary.2043.15852251108.0",
+    "@salutejs/plasma-sb-utils": "0.200.0-canary.1741.15743877104.0",
     "@salutejs/plasma-themes": "0.34.0",
     "@storybook/addon-docs": "8.6.12",
     "@storybook/addon-essentials": "8.6.12",
@@ -117,7 +117,7 @@
     "@linaria/react": "5.0.3",
     "@popperjs/core": "2.11.8",
     "@salutejs/input-core": "2.1.2",
-    "@salutejs/plasma-core": "1.198.1-canary.2043.15852251108.0",
+    "@salutejs/plasma-core": "1.199.0-canary.1741.15743877104.0",
     "@salutejs/react-maskinput": "3.2.6",
     "@tanstack/react-table": "8.21.2",
     "@tanstack/react-virtual": "3.13.2",
@@ -137,5 +137,5 @@
   "sideEffects": [
     "*.css"
   ],
-  "gitHead": "3b28f32de08db7afad114935c18111e449e72453"
+  "gitHead": "081487a2336ceaaf7ba5ee5b2c8317ed210a857a"
 }

package/styled-components/cjs/components/Autocomplete/Autocomplete.js

@@ -17,7 +17,7 @@ _export(exports, {
     }
 });
 var _react = /*#__PURE__*/ _interop_require_wildcard(require("react"));
-var _utils = require("../../utils");
+var _plasmacore = require("@salutejs/plasma-core");
 var _hooks = require("../../hooks");
 var _FloatingPopover = require("./FloatingPopover");
 var _focusedReducer = require("./reducers/focusedReducer");
@@ -206,9 +206,9 @@ var autocompleteRoot = function(Root) {
         var _useReducer = _sliced_to_array((0, _react.useReducer)(_focusedReducer.focusedReducer, null), 2), focused = _useReducer[0], dispatchFocused = _useReducer[1];
         var _useState = _sliced_to_array((0, _react.useState)(''), 2), innerValue = _useState[0], setInnerValue = _useState[1];
         var _useState1 = _sliced_to_array((0, _react.useState)(false), 2), isOpen = _useState1[0], setIsOpen = _useState1[1];
-        var listId = (0, _utils.safeUseId)();
+        var listId = (0, _plasmacore.safeUseId)();
         var value = outerValue !== null && outerValue !== void 0 ? outerValue : innerValue;
-        var helperTextId = (0, _utils.safeUseId)();
+        var helperTextId = (0, _plasmacore.safeUseId)();
         var floatingPopoverRef = (0, _react.useRef)(null);
         var targetRef = (0, _hooks.useOutsideClick)(function() {
             setIsOpen(false);

package/styled-components/cjs/components/Autocomplete/FloatingPopover.js

@@ -10,7 +10,7 @@ Object.defineProperty(exports, "FloatingPopover", {
 });
 var _react = require("@floating-ui/react");
 var _react1 = /*#__PURE__*/ _interop_require_wildcard(require("react"));
-var _utils = require("../../utils");
+var _plasmacore = require("@salutejs/plasma-core");
 function _define_property(obj, key, value) {
     if (key in obj) {
         Object.defineProperty(obj, key, {
@@ -131,7 +131,7 @@ var FloatingPopover = /*#__PURE__*/ (0, _react1.forwardRef)(function(param, ref)
             })
         ]
     }), refs = _useFloating.refs, floatingStyles = _useFloating.floatingStyles;
-    var wrappedId = (0, _utils.safeUseId)();
+    var wrappedId = (0, _plasmacore.safeUseId)();
     // Проверка на target. Это может быть как ReactNode, так и функция, в которую пробрасывается ref.
     // Это нужно для более тонкой настройки reference-элемента, вокруг которого и будет позиционироваться выпадашка.
     // Пример: когда в Textfield под инпутом находится helperText (или еще что-либо),

package/styled-components/cjs/components/Calendar/CalendarBase/CalendarBase.js

@@ -255,20 +255,6 @@ var calendarBaseRoot = function(Root) {
         }, [
             calendarState
         ]);
-        (0, _react.useEffect)(function() {
-            if (prevType !== type) {
-                dispatch({
-                    type: _types.ActionType.UPDATE_CALENDAR_STATE,
-                    payload: {
-                        calendarState: type,
-                        size: _reducer.sizeMap[type].single
-                    }
-                });
-                setPrevType(type);
-            }
-        }, [
-            type
-        ]);
         (0, _react.useEffect)(function() {
             if (value && prevValue && (0, _utils.isValueUpdate)(value, prevValue) || value && !prevValue) {
                 dispatch({

package/styled-components/cjs/components/Calendar/CalendarDouble/CalendarDouble.js

@@ -301,20 +301,6 @@ var calendarDoubleRoot = function(Root) {
         }, [
             calendarState
         ]);
-        (0, _react.useEffect)(function() {
-            if (prevType !== type) {
-                dispatch({
-                    type: _types.ActionType.UPDATE_CALENDAR_STATE,
-                    payload: {
-                        calendarState: type,
-                        size: _reducer.sizeMap[type].double
-                    }
-                });
-                setPrevType(type);
-            }
-        }, [
-            type
-        ]);
         (0, _react.useEffect)(function() {
             if (value && prevValue && (0, _utils.isValueUpdate)(value, prevValue) || value && !prevValue) {
                 var _getBoundaryDates = _sliced_to_array(getBoundaryDates(), 2), minVisibleDate = _getBoundaryDates[0], maxVisibleDate = _getBoundaryDates[1];

package/styled-components/cjs/components/Calendar/ui/CalendarDays/CalendarDays.js

@@ -183,9 +183,6 @@ var CalendarDays = function(param) {
     };
     var getRefs = function(element, isDayInCurrentMonth, i, j) {
         if (isDayInCurrentMonth) {
-            if (!outerRefs.current[i + offset]) {
-                outerRefs.current[i + offset] = [];
-            }
             outerRefs.current[i + offset][j] = element;
         }
     };

package/styled-components/cjs/components/Calendar/ui/CalendarMonths/CalendarMonths.js

@@ -189,9 +189,6 @@ var CalendarMonths = function(param) {
         return onHoverMonth === null || onHoverMonth === void 0 ? void 0 : onHoverMonth(undefined);
     };
     var getRefs = (0, _react.useCallback)(function(element, i, j) {
-        if (!outerRefs.current[i + offset]) {
-            outerRefs.current[i + offset] = [];
-        }
         outerRefs.current[i + offset][j] = element;
     }, [
         offset,

package/styled-components/cjs/components/Calendar/ui/CalendarQuarters/CalendarQuarters.js

@@ -188,9 +188,6 @@ var CalendarQuarters = function(param) {
         return onHoverQuarter === null || onHoverQuarter === void 0 ? void 0 : onHoverQuarter(undefined);
     };
     var getRefs = (0, _react.useCallback)(function(element, i, j) {
-        if (!outerRefs.current[i + offset]) {
-            outerRefs.current[i + offset] = [];
-        }
         outerRefs.current[i + offset][j] = element;
     }, [
         offset,

package/styled-components/cjs/components/Calendar/ui/CalendarYears/CalendarYears.js

@@ -189,9 +189,6 @@ var CalendarYears = function(param) {
         return onHoverYear === null || onHoverYear === void 0 ? void 0 : onHoverYear(undefined);
     };
     var getRefs = (0, _react.useCallback)(function(element, i, j) {
-        if (!outerRefs.current[i + offset]) {
-            outerRefs.current[i + offset] = [];
-        }
         outerRefs.current[i + offset][j] = element;
     }, [
         outerRefs

package/styled-components/cjs/components/Carousel/CarouselNew/Carousel.js

@@ -18,7 +18,6 @@ _export(exports, {
 });
 var _react = /*#__PURE__*/ _interop_require_wildcard(require("react"));
 var _Icon = require("../../_Icon");
-var _hooks = require("../../../hooks");
 var _Carouseltokens = require("./Carousel.tokens");
 var _base = require("./variations/_size/base");
 var _base1 = require("./variations/_view/base");
@@ -116,7 +115,7 @@ var VISIBLE_DOTS_DEFAULT = 10;
 var DOTS_CENTERED_DEFAULT = false;
 var carouselNewRoot = function(Root) {
     return /*#__PURE__*/ (0, _react.forwardRef)(function(param, ref) {
-        var view = param.view, size = param.size, _param_scrollAlign = param.scrollAlign, scrollAlign = _param_scrollAlign === void 0 ? 'start' : _param_scrollAlign, children = param.children, _param_controlArrowsDisabled = param.controlArrowsDisabled, controlArrowsDisabled = _param_controlArrowsDisabled === void 0 ? false : _param_controlArrowsDisabled, paginationOptions = param.paginationOptions, _param_gap = param.gap, gap = _param_gap === void 0 ? '20px' : _param_gap, className = param.className, style = param.style;
+        var view = param.view, size = param.size, _param_scrollAlign = param.scrollAlign, scrollAlign = _param_scrollAlign === void 0 ? 'center' : _param_scrollAlign, children = param.children, _param_controlArrowsDisabled = param.controlArrowsDisabled, controlArrowsDisabled = _param_controlArrowsDisabled === void 0 ? false : _param_controlArrowsDisabled, paginationOptions = param.paginationOptions, className = param.className, style = param.style;
         var _useState = _sliced_to_array((0, _react.useState)(0), 2), index = _useState[0], setIndex = _useState[1];
         var slidesAmount = _react.Children.count(children);
         var handleClickLeft = function() {
@@ -127,9 +126,9 @@ var carouselNewRoot = function(Root) {
         };
         var _useCarousel1 = (0, _useCarousel.useCarousel)({
             index: index,
-            scrollAlign: scrollAlign
+            scrollAlign: scrollAlign,
+            onIndexChange: setIndex
         }), scrollRef = _useCarousel1.scrollRef, trackRef = _useCarousel1.trackRef;
-        (0, _hooks.useDisableScroll)(scrollRef);
         return /*#__PURE__*/ _react.default.createElement(Root, {
             className: className,
             style: style,
@@ -137,7 +136,7 @@ var carouselNewRoot = function(Root) {
             view: view,
             ref: ref
         }, /*#__PURE__*/ _react.default.createElement(_Carouselstyles.ControlsWrapper, null, index !== 0 && !controlArrowsDisabled && /*#__PURE__*/ _react.default.createElement(_Carouselstyles.IconButton, {
-            className: _Carouseltokens.classes.leftControlButton,
+            pin: "circle-circle",
             onClick: handleClickLeft
         }, /*#__PURE__*/ _react.default.createElement(_Icon.IconDisclosureLeft, {
             size: "m",
@@ -145,10 +144,10 @@ var carouselNewRoot = function(Root) {
         })), /*#__PURE__*/ _react.default.createElement(_Carouselstyles.CarouselWrapper, {
             ref: scrollRef
         }, /*#__PURE__*/ _react.default.createElement(_Carouselstyles.CarouselTrack, {
-            ref: trackRef,
-            gap: gap
+            ref: trackRef
         }, children)), index !== slidesAmount - 1 && !controlArrowsDisabled && /*#__PURE__*/ _react.default.createElement(_Carouselstyles.IconButton, {
             className: _Carouseltokens.classes.rightControlButton,
+            pin: "circle-circle",
             onClick: handleClickRight
         }, /*#__PURE__*/ _react.default.createElement(_Icon.IconDisclosureRight, {
             size: "m",

package/styled-components/cjs/components/Carousel/CarouselNew/Carousel.styles.js

@@ -80,47 +80,36 @@ var base = (0, _styledcomponents.css)([
 ]);
 var CarouselWrapper = _styledcomponents.default.div.withConfig({
     displayName: "Carousel.styles__CarouselWrapper",
-    componentId: "sc-7b95f19a-0"
+    componentId: "sc-b8b1383b-0"
 })([
-    "position:relative;padding:0;list-style:none;-ms-overflow-style:none;scrollbar-width:none;::-webkit-scrollbar{display:none;}overflow-x:auto;overflow-y:hidden;scroll-behavior:smooth;scroll-snap-type:x mandatory;user-select:none;-webkit-tap-highlight-color:rgba(0,0,0,0);"
+    "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;scrollbar-width:none;::-webkit-scrollbar{display:none;}overflow-x:auto;overflow-y:hidden;scroll-behavior:smooth;scroll-snap-type:x mandatory;user-select:none;-webkit-tap-highlight-color:rgba(0,0,0,0);--plasma_private-carousel-padding:0.625rem;"
 ]);
 var CarouselTrack = _styledcomponents.default.div.withConfig({
     displayName: "Carousel.styles__CarouselTrack",
-    componentId: "sc-7b95f19a-1"
+    componentId: "sc-b8b1383b-1"
 })([
-    "display:inline-flex;flex-direction:row;gap:",
-    ";& > div{scroll-snap-align:none;}"
-], function(param) {
-    var gap = param.gap;
-    return gap;
-});
+    "display:inline-flex;flex-direction:row;"
+]);
 var IconButton = (0, _styledcomponents.default)(IconButtonComponent).withConfig({
     displayName: "Carousel.styles__IconButton",
-    componentId: "sc-7b95f19a-2"
+    componentId: "sc-b8b1383b-2"
 })([
     "position:absolute;top:50%;transform:translateY(-50%);left:0.75rem;z-index:10;",
+    ":var(--text-primary);",
+    ":var(--surface-transparent-secondary);",
     ":var(",
     ");",
-    ":var(",
-    ");",
-    ":var(",
-    ");",
-    ":var(",
-    ");",
-    ":var(",
-    ");",
-    ":var(",
-    ");",
+    ":var(--surface-transparent-secondary-hover);",
+    ":var(--surface-transparent-secondary-active);",
     ":2.5rem;",
     ":2.5rem;",
     ":1rem;",
-    ":var(",
-    ");&.",
+    ":0.625rem;&.",
     "{left:auto;right:0.75rem;}"
-], _IconButton.iconButtonTokens.iconButtonColor, _Carouseltokens.tokens.controlIconButtonColor, _IconButton.iconButtonTokens.iconButtonBackgroundColor, _Carouseltokens.tokens.controlIconButtonBackgroundColor, _IconButton.iconButtonTokens.iconButtonColorHover, _Carouseltokens.tokens.controlIconButtonColorHover, _IconButton.iconButtonTokens.iconButtonBackgroundColorHover, _Carouseltokens.tokens.controlIconButtonBackgroundColorHover, _IconButton.iconButtonTokens.iconButtonColorActive, _Carouseltokens.tokens.controlIconButtonColorActive, _IconButton.iconButtonTokens.iconButtonBackgroundColorActive, _Carouseltokens.tokens.controlIconButtonBackgroundColorActive, _IconButton.iconButtonTokens.iconButtonHeight, _IconButton.iconButtonTokens.iconButtonWidth, _IconButton.iconButtonTokens.iconButtonPadding, _IconButton.iconButtonTokens.iconButtonRadius, _Carouseltokens.tokens.controlIconButtonRadius, _Carouseltokens.classes.rightControlButton);
+], _IconButton.iconButtonTokens.iconButtonColor, _IconButton.iconButtonTokens.iconButtonBackgroundColor, _IconButton.iconButtonTokens.iconButtonLoadingBackgroundColor, _IconButton.iconButtonTokens.iconButtonBackgroundColor, _IconButton.iconButtonTokens.iconButtonBackgroundColorHover, _IconButton.iconButtonTokens.iconButtonBackgroundColorActive, _IconButton.iconButtonTokens.iconButtonHeight, _IconButton.iconButtonTokens.iconButtonWidth, _IconButton.iconButtonTokens.iconButtonPadding, _IconButton.iconButtonTokens.iconButtonRadius, _Carouseltokens.classes.rightControlButton);
 var ControlsWrapper = _styledcomponents.default.div.withConfig({
     displayName: "Carousel.styles__ControlsWrapper",
-    componentId: "sc-7b95f19a-3"
+    componentId: "sc-b8b1383b-3"
 })([
     "position:relative;"
 ]);

package/styled-components/cjs/components/Carousel/CarouselNew/Carousel.tokens.js

@@ -26,17 +26,9 @@ 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 = {
     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'
 };