@consta/uikit 4.33.1 → 5.0.0-beta.2

package/__internal__/src/components/Grid/Grid.js

@@ -1,2 +1,2 @@
-import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";var _excluded=["as","cols","xAlign","yAlign","gap","colGap","rowGap","className","children","breakpoints"];import"./Grid.css";import{classnames}from"@bem-react/classnames";import React from"react";import{cn}from"../../utils/bem";import{forwardRefWithAs}from"../../utils/types/PropsWithAsAttributes";import{useBreakpoints}from"./useBreakpoints";export*from"./GridItem/GridItem";export var gridPropXAlign=["left","center","right"];export var gridPropYAlign=["top","center","bottom"];export var gridPropGap=[0,"2xs","xs","s","m","l","xl","2xl","3xl","4xl","5xl","6xl"];export var breakpointSizes=["xs","s","m","l","xl","2xl"];export var cnGrid=cn("Grid");export var Grid=forwardRefWithAs(function(a,b){var c=a.as,d=void 0===c?"div":c,e=a.cols,f=a.xAlign,g=a.yAlign,h=a.gap,i=a.colGap,j=a.rowGap,k=a.className,l=a.children,m=a.breakpoints,n=_objectWithoutProperties(a,_excluded),o=useBreakpoints(cnGrid,m);return React.createElement(d,Object.assign({},n,{className:classnames(cnGrid({cols:e,gap:h,colGap:i,rowGap:j,xAlign:f,yAlign:g}),o,k),ref:b}),l)});
+import _defineProperty from"@babel/runtime/helpers/defineProperty";import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";var _excluded=["as","cols","xAlign","yAlign","gap","colGap","rowGap","className","children","breakpoints","style","breakpointsForRef"];function ownKeys(a,b){var c=Object.keys(a);if(Object.getOwnPropertySymbols){var d=Object.getOwnPropertySymbols(a);b&&(d=d.filter(function(b){return Object.getOwnPropertyDescriptor(a,b).enumerable})),c.push.apply(c,d)}return c}function _objectSpread(a){for(var b,c=1;c<arguments.length;c++)b=null==arguments[c]?{}:arguments[c],c%2?ownKeys(Object(b),!0).forEach(function(c){_defineProperty(a,c,b[c])}):Object.getOwnPropertyDescriptors?Object.defineProperties(a,Object.getOwnPropertyDescriptors(b)):ownKeys(Object(b)).forEach(function(c){Object.defineProperty(a,c,Object.getOwnPropertyDescriptor(b,c))});return a}import"./Grid.css";import React from"react";import{cn}from"../../utils/bem";import{forwardRefWithAs}from"../../utils/types/PropsWithAsAttributes";import{normalizeAlign,normalizeGap,useGridBreakpoints}from"./helpers";export var cnGrid=cn("Grid");export var Grid=forwardRefWithAs(function(a,b){var c,d=a.as,e=void 0===d?"div":d,f=a.cols,g=a.xAlign,h=a.yAlign,i=a.gap,j=a.colGap,k=a.rowGap,l=a.className,m=a.children,n=a.breakpoints,o=a.style,p=a.breakpointsForRef,q=_objectWithoutProperties(a,_excluded),r=useGridBreakpoints(_objectSpread({0:{cols:f,xAlign:g,yAlign:h,gap:i,colGap:j,rowGap:k}},n),p);return React.createElement(e,Object.assign({},q,{className:cnGrid(r,[l]),style:_objectSpread(_objectSpread({},o),{},(c={},_defineProperty(c,"--grid-cols",r.cols),_defineProperty(c,"--grid-col-gap",normalizeGap(r.colGap||r.gap)),_defineProperty(c,"--grid-row-gap",normalizeGap(r.rowGap||r.gap)),_defineProperty(c,"--grid-x-align",normalizeAlign(r.xAlign)),_defineProperty(c,"--grid-y-align",normalizeAlign(r.yAlign)),c)),ref:b}),m)});
 //# sourceMappingURL=Grid.js.map

package/__internal__/src/components/Grid/Grid.js.map

@@ -1 +1 @@
-{"version":3,"file":"Grid.js","names":["classnames","React","cn","forwardRefWithAs","useBreakpoints","gridPropXAlign","gridPropYAlign","gridPropGap","breakpointSizes","cnGrid","Grid","props","ref","as","cols","xAlign","yAlign","gap","colGap","rowGap","className","children","breakpoints","otherProps","breakpointsCn"],"sources":["../../../../../src/components/Grid/Grid.tsx"],"sourcesContent":["import './Grid.css';\n\nimport { classnames } from '@bem-react/classnames';\nimport React from 'react';\n\nimport { cn } from '../../utils/bem';\nimport { forwardRefWithAs } from '../../utils/types/PropsWithAsAttributes';\nimport { useBreakpoints } from './useBreakpoints';\n\nexport * from './GridItem/GridItem';\n\nexport const gridPropXAlign = ['left', 'center', 'right'] as const;\nexport type GridPropXAlign = typeof gridPropXAlign[number];\n\nexport const gridPropYAlign = ['top', 'center', 'bottom'] as const;\nexport type GridPropYAlign = typeof gridPropYAlign[number];\n\nexport const gridPropGap = [\n  0,\n  '2xs',\n  'xs',\n  's',\n  'm',\n  'l',\n  'xl',\n  '2xl',\n  '3xl',\n  '4xl',\n  '5xl',\n  '6xl',\n] as const;\nexport type GridPropGap = typeof gridPropGap[number] | '0';\n\nexport type GridPropColGap = GridPropGap;\nexport type GridPropRowGap = GridPropGap;\n\nexport const breakpointSizes = ['xs', 's', 'm', 'l', 'xl', '2xl'] as const;\nexport type BreakpointSizes = typeof breakpointSizes[number];\n\ntype Breakpoint = {\n  cols?: number | string;\n  gap?: GridPropGap;\n  colGap?: GridPropColGap;\n  rowGap?: GridPropRowGap;\n  xAlign?: GridPropXAlign;\n  yAlign?: GridPropYAlign;\n};\n\ntype BreakpointsProps = {\n  'xs'?: Breakpoint;\n  's'?: Breakpoint;\n  'm'?: Breakpoint;\n  'l'?: Breakpoint;\n  'xl'?: Breakpoint;\n  '2xl'?: Breakpoint;\n};\n\nexport type GridProps = Breakpoint & {\n  breakpoints?: BreakpointsProps;\n};\n\nexport const cnGrid = cn('Grid');\n\nexport const Grid = forwardRefWithAs<GridProps>((props, ref) => {\n  const {\n    as = 'div',\n    cols,\n    xAlign,\n    yAlign,\n    gap,\n    colGap,\n    rowGap,\n    className,\n    children,\n    breakpoints,\n    ...otherProps\n  } = props;\n\n  const Tag = as as string;\n\n  const breakpointsCn = useBreakpoints(cnGrid, breakpoints);\n\n  return (\n    <Tag\n      {...otherProps}\n      className={classnames(\n        cnGrid({\n          cols,\n          gap,\n          colGap,\n          rowGap,\n          xAlign,\n          yAlign,\n        }),\n        breakpointsCn,\n        className,\n      )}\n      ref={ref}\n    >\n      {children}\n    </Tag>\n  );\n});\n"],"mappings":"gMAAA,mBAEA,OAASA,UAAT,KAA2B,uBAA3B,CACA,MAAOC,MAAP,KAAkB,OAAlB,CAEA,OAASC,EAAT,uBACA,OAASC,gBAAT,+CACA,OAASC,cAAT,wBAEA,iCAEA,MAAO,IAAMC,eAAc,CAAG,CAAC,MAAD,CAAS,QAAT,CAAmB,OAAnB,CAAvB,CAGP,MAAO,IAAMC,eAAc,CAAG,CAAC,KAAD,CAAQ,QAAR,CAAkB,QAAlB,CAAvB,CAGP,MAAO,IAAMC,YAAW,CAAG,CACzB,CADyB,CAEzB,KAFyB,CAGzB,IAHyB,CAIzB,GAJyB,CAKzB,GALyB,CAMzB,GANyB,CAOzB,IAPyB,CAQzB,KARyB,CASzB,KATyB,CAUzB,KAVyB,CAWzB,KAXyB,CAYzB,KAZyB,CAApB,CAmBP,MAAO,IAAMC,gBAAe,CAAG,CAAC,IAAD,CAAO,GAAP,CAAY,GAAZ,CAAiB,GAAjB,CAAsB,IAAtB,CAA4B,KAA5B,CAAxB,CAyBP,MAAO,IAAMC,OAAM,CAAGP,EAAE,CAAC,MAAD,CAAjB,CAEP,MAAO,IAAMQ,KAAI,CAAGP,gBAAgB,CAAY,SAACQ,CAAD,CAAQC,CAAR,CAAgB,OAa1DD,CAb0D,CAE5DE,EAF4D,CAE5DA,CAF4D,YAEvD,KAFuD,GAG5DC,CAH4D,CAa1DH,CAb0D,CAG5DG,IAH4D,CAI5DC,CAJ4D,CAa1DJ,CAb0D,CAI5DI,MAJ4D,CAK5DC,CAL4D,CAa1DL,CAb0D,CAK5DK,MAL4D,CAM5DC,CAN4D,CAa1DN,CAb0D,CAM5DM,GAN4D,CAO5DC,CAP4D,CAa1DP,CAb0D,CAO5DO,MAP4D,CAQ5DC,CAR4D,CAa1DR,CAb0D,CAQ5DQ,MAR4D,CAS5DC,CAT4D,CAa1DT,CAb0D,CAS5DS,SAT4D,CAU5DC,CAV4D,CAa1DV,CAb0D,CAU5DU,QAV4D,CAW5DC,CAX4D,CAa1DX,CAb0D,CAW5DW,WAX4D,CAYzDC,CAZyD,0BAa1DZ,CAb0D,YAiBxDa,CAAa,CAAGpB,cAAc,CAACK,MAAD,CAASa,CAAT,CAjB0B,CAmB9D,MACE,qBALUT,CAKV,kBACMU,CADN,EAEE,SAAS,CAAEvB,UAAU,CACnBS,MAAM,CAAC,CACLK,IAAI,CAAJA,CADK,CAELG,GAAG,CAAHA,CAFK,CAGLC,MAAM,CAANA,CAHK,CAILC,MAAM,CAANA,CAJK,CAKLJ,MAAM,CAANA,CALK,CAMLC,MAAM,CAANA,CANK,CAAD,CADa,CASnBQ,CATmB,CAUnBJ,CAVmB,CAFvB,CAcE,GAAG,CAAER,CAdP,GAgBGS,CAhBH,CAmBH,CAvCmC,CAA7B"}
+{"version":3,"file":"Grid.js","names":["React","cn","forwardRefWithAs","normalizeAlign","normalizeGap","useGridBreakpoints","cnGrid","Grid","props","ref","as","cols","xAlign","yAlign","gap","colGap","rowGap","className","children","breakpoints","style","breakpointsForRef","otherProps","mods"],"sources":["../../../../../src/components/Grid/Grid.tsx"],"sourcesContent":["import './Grid.css';\n\nimport React from 'react';\n\nimport { cn } from '##/utils/bem';\nimport { forwardRefWithAs } from '##/utils/types/PropsWithAsAttributes';\n\nimport { normalizeAlign, normalizeGap, useGridBreakpoints } from './helpers';\nimport { GridProps } from './types';\n\nexport const cnGrid = cn('Grid');\n\nexport const Grid = forwardRefWithAs<GridProps>((props, ref) => {\n  const {\n    as = 'div',\n    cols,\n    xAlign,\n    yAlign,\n    gap,\n    colGap,\n    rowGap,\n    className,\n    children,\n    breakpoints,\n    style,\n    breakpointsForRef,\n    ...otherProps\n  } = props;\n\n  const mods = useGridBreakpoints(\n    {\n      0: { cols, xAlign, yAlign, gap, colGap, rowGap },\n      ...breakpoints,\n    },\n    breakpointsForRef,\n  );\n\n  const Tag = as as string;\n\n  return (\n    <Tag\n      {...otherProps}\n      className={cnGrid(mods, [className])}\n      style={{\n        ...style,\n        ['--grid-cols' as string]: mods.cols,\n        ['--grid-col-gap' as string]: normalizeGap(mods.colGap || mods.gap),\n        ['--grid-row-gap' as string]: normalizeGap(mods.rowGap || mods.gap),\n        ['--grid-x-align' as string]: normalizeAlign(mods.xAlign),\n        ['--grid-y-align' as string]: normalizeAlign(mods.yAlign),\n      }}\n      ref={ref}\n    >\n      {children}\n    </Tag>\n  );\n});\n"],"mappings":"i4BAAA,mBAEA,MAAOA,MAAP,KAAkB,OAAlB,CAEA,OAASC,EAAT,uBACA,OAASC,gBAAT,+CAEA,OAASC,cAAT,CAAyBC,YAAzB,CAAuCC,kBAAvC,iBAGA,MAAO,IAAMC,OAAM,CAAGL,EAAE,CAAC,MAAD,CAAjB,CAEP,MAAO,IAAMM,KAAI,CAAGL,gBAAgB,CAAY,SAACM,CAAD,CAAQC,CAAR,CAAgB,SAe1DD,CAf0D,CAE5DE,EAF4D,CAE5DA,CAF4D,YAEvD,KAFuD,GAG5DC,CAH4D,CAe1DH,CAf0D,CAG5DG,IAH4D,CAI5DC,CAJ4D,CAe1DJ,CAf0D,CAI5DI,MAJ4D,CAK5DC,CAL4D,CAe1DL,CAf0D,CAK5DK,MAL4D,CAM5DC,CAN4D,CAe1DN,CAf0D,CAM5DM,GAN4D,CAO5DC,CAP4D,CAe1DP,CAf0D,CAO5DO,MAP4D,CAQ5DC,CAR4D,CAe1DR,CAf0D,CAQ5DQ,MAR4D,CAS5DC,CAT4D,CAe1DT,CAf0D,CAS5DS,SAT4D,CAU5DC,CAV4D,CAe1DV,CAf0D,CAU5DU,QAV4D,CAW5DC,CAX4D,CAe1DX,CAf0D,CAW5DW,WAX4D,CAY5DC,CAZ4D,CAe1DZ,CAf0D,CAY5DY,KAZ4D,CAa5DC,CAb4D,CAe1Db,CAf0D,CAa5Da,iBAb4D,CAczDC,CAdyD,0BAe1Dd,CAf0D,YAiBxDe,CAAI,CAAGlB,kBAAkB,gBAE3B,EAAG,CAAEM,IAAI,CAAJA,CAAF,CAAQC,MAAM,CAANA,CAAR,CAAgBC,MAAM,CAANA,CAAhB,CAAwBC,GAAG,CAAHA,CAAxB,CAA6BC,MAAM,CAANA,CAA7B,CAAqCC,MAAM,CAANA,CAArC,CAFwB,EAGxBG,CAHwB,EAK7BE,CAL6B,CAjB+B,CA2B9D,MACE,qBAHUX,CAGV,kBACMY,CADN,EAEE,SAAS,CAAEhB,MAAM,CAACiB,CAAD,CAAO,CAACN,CAAD,CAAP,CAFnB,CAGE,KAAK,gCACAG,CADA,6BAEF,aAFE,CAEwBG,CAAI,CAACZ,IAF7B,oBAGF,gBAHE,CAG2BP,YAAY,CAACmB,CAAI,CAACR,MAAL,EAAeQ,CAAI,CAACT,GAArB,CAHvC,oBAIF,gBAJE,CAI2BV,YAAY,CAACmB,CAAI,CAACP,MAAL,EAAeO,CAAI,CAACT,GAArB,CAJvC,oBAKF,gBALE,CAK2BX,cAAc,CAACoB,CAAI,CAACX,MAAN,CALzC,oBAMF,gBANE,CAM2BT,cAAc,CAACoB,CAAI,CAACV,MAAN,CANzC,KAHP,CAWE,GAAG,CAAEJ,CAXP,GAaGS,CAbH,CAgBH,CA5CmC,CAA7B"}

package/__internal__/src/components/Grid/GridItem/GridItem.css

@@ -1 +1 @@
-.GridItem{grid-column:var(--col-start,span) var(--col-end,1);grid-row:var(--row-start,span) var(--row-end,1);min-width:0}.GridItem_col_1{--col-end:1}.GridItem_col_2{--col-end:2}.GridItem_col_3{--col-end:3}.GridItem_col_4{--col-end:4}.GridItem_col_5{--col-end:5}.GridItem_col_6{--col-end:6}.GridItem_col_7{--col-end:7}.GridItem_col_8{--col-end:8}.GridItem_col_9{--col-end:9}.GridItem_col_10{--col-end:10}.GridItem_col_11{--col-end:11}.GridItem_col_12{--col-end:12}.GridItem_colStart_1{--col-start:1/span}.GridItem_colStart_2{--col-start:2/span}.GridItem_colStart_3{--col-start:3/span}.GridItem_colStart_4{--col-start:4/span}.GridItem_colStart_5{--col-start:5/span}.GridItem_colStart_6{--col-start:6/span}.GridItem_colStart_7{--col-start:7/span}.GridItem_colStart_8{--col-start:8/span}.GridItem_colStart_9{--col-start:9/span}.GridItem_colStart_10{--col-start:10/span}.GridItem_colStart_11{--col-start:11/span}.GridItem_colStart_12{--col-start:12/span}.GridItem_row_1{--row-end:1}.GridItem_row_2{--row-end:2}.GridItem_row_3{--row-end:3}.GridItem_row_4{--row-end:4}.GridItem_rowStart_1{--row-start:1/span}.GridItem_rowStart_2{--row-start:2/span}.GridItem_rowStart_3{--row-start:3/span}.GridItem_rowStart_4{--row-start:4/span}.GridItem_order_-1{order:-1}.GridItem_order_0{order:0}.GridItem_order_1{order:1}@media screen and (min-width:360px){.GridItem_xs\:col_1{--col-end:1}.GridItem_xs\:col_2{--col-end:2}.GridItem_xs\:col_3{--col-end:3}.GridItem_xs\:col_4{--col-end:4}.GridItem_xs\:col_5{--col-end:5}.GridItem_xs\:col_6{--col-end:6}.GridItem_xs\:col_7{--col-end:7}.GridItem_xs\:col_8{--col-end:8}.GridItem_xs\:col_9{--col-end:9}.GridItem_xs\:col_10{--col-end:10}.GridItem_xs\:col_11{--col-end:11}.GridItem_xs\:col_12{--col-end:12}.GridItem_xs\:colStart_1{--col-start:1/span}.GridItem_xs\:colStart_2{--col-start:2/span}.GridItem_xs\:colStart_3{--col-start:3/span}.GridItem_xs\:colStart_4{--col-start:4/span}.GridItem_xs\:colStart_5{--col-start:5/span}.GridItem_xs\:colStart_6{--col-start:6/span}.GridItem_xs\:colStart_7{--col-start:7/span}.GridItem_xs\:colStart_8{--col-start:8/span}.GridItem_xs\:colStart_9{--col-start:9/span}.GridItem_xs\:colStart_10{--col-start:10/span}.GridItem_xs\:colStart_11{--col-start:11/span}.GridItem_xs\:colStart_12{--col-start:12/span}.GridItem_xs\:row_1{--row-end:1}.GridItem_xs\:row_2{--row-end:2}.GridItem_xs\:row_3{--row-end:3}.GridItem_xs\:row_4{--row-end:4}.GridItem_xs\:rowStart_1{--row-start:1/span}.GridItem_xs\:rowStart_2{--row-start:2/span}.GridItem_xs\:rowStart_3{--row-start:3/span}.GridItem_xs\:rowStart_4{--row-start:4/span}.GridItem_xs\:order_-1{order:-1}.GridItem_xs\:order_0{order:0}.GridItem_xs\:order_1{order:1}}@media screen and (min-width:640px){.GridItem_s\:col_1{--col-end:1}.GridItem_s\:col_2{--col-end:2}.GridItem_s\:col_3{--col-end:3}.GridItem_s\:col_4{--col-end:4}.GridItem_s\:col_5{--col-end:5}.GridItem_s\:col_6{--col-end:6}.GridItem_s\:col_7{--col-end:7}.GridItem_s\:col_8{--col-end:8}.GridItem_s\:col_9{--col-end:9}.GridItem_s\:col_10{--col-end:10}.GridItem_s\:col_11{--col-end:11}.GridItem_s\:col_12{--col-end:12}.GridItem_s\:colStart_1{--col-start:1/span}.GridItem_s\:colStart_2{--col-start:2/span}.GridItem_s\:colStart_3{--col-start:3/span}.GridItem_s\:colStart_4{--col-start:4/span}.GridItem_s\:colStart_5{--col-start:5/span}.GridItem_s\:colStart_6{--col-start:6/span}.GridItem_s\:colStart_7{--col-start:7/span}.GridItem_s\:colStart_8{--col-start:8/span}.GridItem_s\:colStart_9{--col-start:9/span}.GridItem_s\:colStart_10{--col-start:10/span}.GridItem_s\:colStart_11{--col-start:11/span}.GridItem_s\:colStart_12{--col-start:12/span}.GridItem_s\:row_1{--row-end:1}.GridItem_s\:row_2{--row-end:2}.GridItem_s\:row_3{--row-end:3}.GridItem_s\:row_4{--row-end:4}.GridItem_s\:rowStart_1{--row-start:1/span}.GridItem_s\:rowStart_2{--row-start:2/span}.GridItem_s\:rowStart_3{--row-start:3/span}.GridItem_s\:rowStart_4{--row-start:4/span}.GridItem_s\:order_-1{order:-1}.GridItem_s\:order_0{order:0}.GridItem_s\:order_1{order:1}}@media screen and (min-width:1024px){.GridItem_m\:col_1{--col-end:1}.GridItem_m\:col_2{--col-end:2}.GridItem_m\:col_3{--col-end:3}.GridItem_m\:col_4{--col-end:4}.GridItem_m\:col_5{--col-end:5}.GridItem_m\:col_6{--col-end:6}.GridItem_m\:col_7{--col-end:7}.GridItem_m\:col_8{--col-end:8}.GridItem_m\:col_9{--col-end:9}.GridItem_m\:col_10{--col-end:10}.GridItem_m\:col_11{--col-end:11}.GridItem_m\:col_12{--col-end:12}.GridItem_m\:colStart_1{--col-start:1/span}.GridItem_m\:colStart_2{--col-start:2/span}.GridItem_m\:colStart_3{--col-start:3/span}.GridItem_m\:colStart_4{--col-start:4/span}.GridItem_m\:colStart_5{--col-start:5/span}.GridItem_m\:colStart_6{--col-start:6/span}.GridItem_m\:colStart_7{--col-start:7/span}.GridItem_m\:colStart_8{--col-start:8/span}.GridItem_m\:colStart_9{--col-start:9/span}.GridItem_m\:colStart_10{--col-start:10/span}.GridItem_m\:colStart_11{--col-start:11/span}.GridItem_m\:colStart_12{--col-start:12/span}.GridItem_m\:row_1{--row-end:1}.GridItem_m\:row_2{--row-end:2}.GridItem_m\:row_3{--row-end:3}.GridItem_m\:row_4{--row-end:4}.GridItem_m\:rowStart_1{--row-start:1/span}.GridItem_m\:rowStart_2{--row-start:2/span}.GridItem_m\:rowStart_3{--row-start:3/span}.GridItem_m\:rowStart_4{--row-start:4/span}.GridItem_m\:order_-1{order:-1}.GridItem_m\:order_0{order:0}.GridItem_m\:order_1{order:1}}@media screen and (min-width:1280px){.GridItem_l\:col_1{--col-end:1}.GridItem_l\:col_2{--col-end:2}.GridItem_l\:col_3{--col-end:3}.GridItem_l\:col_4{--col-end:4}.GridItem_l\:col_5{--col-end:5}.GridItem_l\:col_6{--col-end:6}.GridItem_l\:col_7{--col-end:7}.GridItem_l\:col_8{--col-end:8}.GridItem_l\:col_9{--col-end:9}.GridItem_l\:col_10{--col-end:10}.GridItem_l\:col_11{--col-end:11}.GridItem_l\:col_12{--col-end:12}.GridItem_l\:colStart_1{--col-start:1/span}.GridItem_l\:colStart_2{--col-start:2/span}.GridItem_l\:colStart_3{--col-start:3/span}.GridItem_l\:colStart_4{--col-start:4/span}.GridItem_l\:colStart_5{--col-start:5/span}.GridItem_l\:colStart_6{--col-start:6/span}.GridItem_l\:colStart_7{--col-start:7/span}.GridItem_l\:colStart_8{--col-start:8/span}.GridItem_l\:colStart_9{--col-start:9/span}.GridItem_l\:colStart_10{--col-start:10/span}.GridItem_l\:colStart_11{--col-start:11/span}.GridItem_l\:colStart_12{--col-start:12/span}.GridItem_l\:row_1{--row-end:1}.GridItem_l\:row_2{--row-end:2}.GridItem_l\:row_3{--row-end:3}.GridItem_l\:row_4{--row-end:4}.GridItem_l\:rowStart_1{--row-start:1/span}.GridItem_l\:rowStart_2{--row-start:2/span}.GridItem_l\:rowStart_3{--row-start:3/span}.GridItem_l\:rowStart_4{--row-start:4/span}.GridItem_l\:order_-1{order:-1}.GridItem_l\:order_0{order:0}.GridItem_l\:order_1{order:1}}@media screen and (min-width:1440px){.GridItem_xl\:col_1{--col-end:1}.GridItem_xl\:col_2{--col-end:2}.GridItem_xl\:col_3{--col-end:3}.GridItem_xl\:col_4{--col-end:4}.GridItem_xl\:col_5{--col-end:5}.GridItem_xl\:col_6{--col-end:6}.GridItem_xl\:col_7{--col-end:7}.GridItem_xl\:col_8{--col-end:8}.GridItem_xl\:col_9{--col-end:9}.GridItem_xl\:col_10{--col-end:10}.GridItem_xl\:col_11{--col-end:11}.GridItem_xl\:col_12{--col-end:12}.GridItem_xl\:colStart_1{--col-start:1/span}.GridItem_xl\:colStart_2{--col-start:2/span}.GridItem_xl\:colStart_3{--col-start:3/span}.GridItem_xl\:colStart_4{--col-start:4/span}.GridItem_xl\:colStart_5{--col-start:5/span}.GridItem_xl\:colStart_6{--col-start:6/span}.GridItem_xl\:colStart_7{--col-start:7/span}.GridItem_xl\:colStart_8{--col-start:8/span}.GridItem_xl\:colStart_9{--col-start:9/span}.GridItem_xl\:colStart_10{--col-start:10/span}.GridItem_xl\:colStart_11{--col-start:11/span}.GridItem_xl\:colStart_12{--col-start:12/span}.GridItem_xl\:row_1{--row-end:1}.GridItem_xl\:row_2{--row-end:2}.GridItem_xl\:row_3{--row-end:3}.GridItem_xl\:row_4{--row-end:4}.GridItem_xl\:rowStart_1{--row-start:1/span}.GridItem_xl\:rowStart_2{--row-start:2/span}.GridItem_xl\:rowStart_3{--row-start:3/span}.GridItem_xl\:rowStart_4{--row-start:4/span}.GridItem_xl\:order_-1{order:-1}.GridItem_xl\:order_0{order:0}.GridItem_xl\:order_1{order:1}}@media screen and (min-width:1920px){.GridItem_2xl\:col_1{--col-end:1}.GridItem_2xl\:col_2{--col-end:2}.GridItem_2xl\:col_3{--col-end:3}.GridItem_2xl\:col_4{--col-end:4}.GridItem_2xl\:col_5{--col-end:5}.GridItem_2xl\:col_6{--col-end:6}.GridItem_2xl\:col_7{--col-end:7}.GridItem_2xl\:col_8{--col-end:8}.GridItem_2xl\:col_9{--col-end:9}.GridItem_2xl\:col_10{--col-end:10}.GridItem_2xl\:col_11{--col-end:11}.GridItem_2xl\:col_12{--col-end:12}.GridItem_2xl\:colStart_1{--col-start:1/span}.GridItem_2xl\:colStart_2{--col-start:2/span}.GridItem_2xl\:colStart_3{--col-start:3/span}.GridItem_2xl\:colStart_4{--col-start:4/span}.GridItem_2xl\:colStart_5{--col-start:5/span}.GridItem_2xl\:colStart_6{--col-start:6/span}.GridItem_2xl\:colStart_7{--col-start:7/span}.GridItem_2xl\:colStart_8{--col-start:8/span}.GridItem_2xl\:colStart_9{--col-start:9/span}.GridItem_2xl\:colStart_10{--col-start:10/span}.GridItem_2xl\:colStart_11{--col-start:11/span}.GridItem_2xl\:colStart_12{--col-start:12/span}.GridItem_2xl\:row_1{--row-end:1}.GridItem_2xl\:row_2{--row-end:2}.GridItem_2xl\:row_3{--row-end:3}.GridItem_2xl\:row_4{--row-end:4}.GridItem_2xl\:rowStart_1{--row-start:1/span}.GridItem_2xl\:rowStart_2{--row-start:2/span}.GridItem_2xl\:rowStart_3{--row-start:3/span}.GridItem_2xl\:rowStart_4{--row-start:4/span}.GridItem_2xl\:order_-1{order:-1}.GridItem_2xl\:order_0{order:0}.GridItem_2xl\:order_1{order:1}}
+.GridItem[class*=GridItem_colStart_],.GridItem[class*=GridItem_col_]{grid-column:var(--grid-item-col-start,span) var(--grid-item-col-end,1)}.GridItem[class*=GridItem_rowStart_],.GridItem[class*=GridItem_row_]{grid-row:var(--grid-item-row-start,span) var(--grid-item-row-end,1)}.GridItem[class*=GridItem_order_]{order:var(--gird-item-order)}

package/__internal__/src/components/Grid/GridItem/GridItem.d.ts

@@ -1,22 +1,4 @@
 import './GridItem.css';
-declare type Breakpoint = {
-    col?: number | string;
-    colStart?: number | string;
-    row?: number | string;
-    rowStart?: number | string;
-    order?: number | string;
-};
-declare type BreakpointsProps = {
-    'xs'?: Breakpoint;
-    's'?: Breakpoint;
-    'm'?: Breakpoint;
-    'l'?: Breakpoint;
-    'xl'?: Breakpoint;
-    '2xl'?: Breakpoint;
-};
-export declare type GridItemProps = Breakpoint & {
-    breakpoints?: BreakpointsProps;
-};
+import { GridItemProps } from '../types';
 export declare const cnGridItem: import("@bem-react/classname").ClassNameFormatter;
 export declare const GridItem: import("../../../utils/types/PropsWithAsAttributes").ComponentWithAs<GridItemProps, "div">;
-export {};

package/__internal__/src/components/Grid/GridItem/GridItem.js

@@ -1,2 +1,2 @@
-import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";var _excluded=["as","col","colStart","row","rowStart","order","className","children","breakpoints"];import"./GridItem.css";import{classnames}from"@bem-react/classnames";import React from"react";import{cn}from"../../../utils/bem";import{forwardRefWithAs}from"../../../utils/types/PropsWithAsAttributes";import{useBreakpoints}from"../useBreakpoints";export var cnGridItem=cn("GridItem");export var GridItem=forwardRefWithAs(function(a,b){var c=a.as,d=void 0===c?"div":c,e=a.col,f=a.colStart,g=a.row,h=a.rowStart,i=a.order,j=a.className,k=a.children,l=a.breakpoints,m=_objectWithoutProperties(a,_excluded),n=useBreakpoints(cnGridItem,l);return React.createElement(d,Object.assign({},m,{className:classnames(cnGridItem({col:e,colStart:f,row:g,rowStart:h,order:i}),n,j),ref:b}),k)});
+import _defineProperty from"@babel/runtime/helpers/defineProperty";import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";var _excluded=["as","col","colStart","row","rowStart","order","className","children","breakpoints","style","breakpointsForRef"];function ownKeys(a,b){var c=Object.keys(a);if(Object.getOwnPropertySymbols){var d=Object.getOwnPropertySymbols(a);b&&(d=d.filter(function(b){return Object.getOwnPropertyDescriptor(a,b).enumerable})),c.push.apply(c,d)}return c}function _objectSpread(a){for(var b,c=1;c<arguments.length;c++)b=null==arguments[c]?{}:arguments[c],c%2?ownKeys(Object(b),!0).forEach(function(c){_defineProperty(a,c,b[c])}):Object.getOwnPropertyDescriptors?Object.defineProperties(a,Object.getOwnPropertyDescriptors(b)):ownKeys(Object(b)).forEach(function(c){Object.defineProperty(a,c,Object.getOwnPropertyDescriptor(b,c))});return a}import"./GridItem.css";import React from"react";import{cn}from"../../../utils/bem";import{forwardRefWithAs}from"../../../utils/types/PropsWithAsAttributes";import{useGridBreakpoints}from"../helpers";export var cnGridItem=cn("GridItem");export var GridItem=forwardRefWithAs(function(a,b){var c,d=a.as,e=void 0===d?"div":d,f=a.col,g=a.colStart,h=a.row,i=a.rowStart,j=a.order,k=a.className,l=a.children,m=a.breakpoints,n=a.style,o=a.breakpointsForRef,p=_objectWithoutProperties(a,_excluded),q=useGridBreakpoints(_objectSpread({0:{col:f,colStart:g,row:h,rowStart:i,order:j}},m),o);return React.createElement(e,Object.assign({},p,{className:cnGridItem(q,[k]),ref:b,style:_objectSpread(_objectSpread({},n),{},(c={},_defineProperty(c,"--grid-item-col-end",q.col),_defineProperty(c,"--grid-item-col-start",q.colStart?"".concat(q.colStart," / span"):void 0),_defineProperty(c,"--grid-item-row-end",q.row),_defineProperty(c,"--grid-item-row-start",i?"".concat(q.rowStart," / span"):void 0),_defineProperty(c,"--gird-item-order",q.order),c))}),l)});
 //# sourceMappingURL=GridItem.js.map

package/__internal__/src/components/Grid/GridItem/GridItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"GridItem.js","names":["classnames","React","cn","forwardRefWithAs","useBreakpoints","cnGridItem","GridItem","props","ref","as","col","colStart","row","rowStart","order","className","children","breakpoints","otherProps","breakpointsCn"],"sources":["../../../../../../src/components/Grid/GridItem/GridItem.tsx"],"sourcesContent":["import './GridItem.css';\n\nimport { classnames } from '@bem-react/classnames';\nimport React from 'react';\n\nimport { cn } from '../../../utils/bem';\nimport { forwardRefWithAs } from '../../../utils/types/PropsWithAsAttributes';\nimport { useBreakpoints } from '../useBreakpoints';\n\ntype Breakpoint = {\n  col?: number | string;\n  colStart?: number | string;\n  row?: number | string;\n  rowStart?: number | string;\n  order?: number | string;\n};\n\ntype BreakpointsProps = {\n  'xs'?: Breakpoint;\n  's'?: Breakpoint;\n  'm'?: Breakpoint;\n  'l'?: Breakpoint;\n  'xl'?: Breakpoint;\n  '2xl'?: Breakpoint;\n};\n\nexport type GridItemProps = Breakpoint & {\n  breakpoints?: BreakpointsProps;\n};\n\nexport const cnGridItem = cn('GridItem');\n\nexport const GridItem = forwardRefWithAs<GridItemProps>((props, ref) => {\n  const {\n    as = 'div',\n    col,\n    colStart,\n    row,\n    rowStart,\n    order,\n    className,\n    children,\n    breakpoints,\n    ...otherProps\n  } = props;\n\n  const Tag = as as string;\n\n  const breakpointsCn = useBreakpoints(cnGridItem, breakpoints);\n\n  return (\n    <Tag\n      {...otherProps}\n      className={classnames(\n        cnGridItem({\n          col,\n          colStart,\n          row,\n          rowStart,\n          order,\n        }),\n        breakpointsCn,\n        className,\n      )}\n      ref={ref}\n    >\n      {children}\n    </Tag>\n  );\n});\n"],"mappings":"yLAAA,uBAEA,OAASA,UAAT,KAA2B,uBAA3B,CACA,MAAOC,MAAP,KAAkB,OAAlB,CAEA,OAASC,EAAT,0BACA,OAASC,gBAAT,kDACA,OAASC,cAAT,yBAuBA,MAAO,IAAMC,WAAU,CAAGH,EAAE,CAAC,UAAD,CAArB,CAEP,MAAO,IAAMI,SAAQ,CAAGH,gBAAgB,CAAgB,SAACI,CAAD,CAAQC,CAAR,CAAgB,OAYlED,CAZkE,CAEpEE,EAFoE,CAEpEA,CAFoE,YAE/D,KAF+D,GAGpEC,CAHoE,CAYlEH,CAZkE,CAGpEG,GAHoE,CAIpEC,CAJoE,CAYlEJ,CAZkE,CAIpEI,QAJoE,CAKpEC,CALoE,CAYlEL,CAZkE,CAKpEK,GALoE,CAMpEC,CANoE,CAYlEN,CAZkE,CAMpEM,QANoE,CAOpEC,CAPoE,CAYlEP,CAZkE,CAOpEO,KAPoE,CAQpEC,CARoE,CAYlER,CAZkE,CAQpEQ,SARoE,CASpEC,CAToE,CAYlET,CAZkE,CASpES,QAToE,CAUpEC,CAVoE,CAYlEV,CAZkE,CAUpEU,WAVoE,CAWjEC,CAXiE,0BAYlEX,CAZkE,YAgBhEY,CAAa,CAAGf,cAAc,CAACC,UAAD,CAAaY,CAAb,CAhBkC,CAkBtE,MACE,qBALUR,CAKV,kBACMS,CADN,EAEE,SAAS,CAAElB,UAAU,CACnBK,UAAU,CAAC,CACTK,GAAG,CAAHA,CADS,CAETC,QAAQ,CAARA,CAFS,CAGTC,GAAG,CAAHA,CAHS,CAITC,QAAQ,CAARA,CAJS,CAKTC,KAAK,CAALA,CALS,CAAD,CADS,CAQnBK,CARmB,CASnBJ,CATmB,CAFvB,CAaE,GAAG,CAAEP,CAbP,GAeGQ,CAfH,CAkBH,CArCuC,CAAjC"}
+{"version":3,"file":"GridItem.js","names":["React","cn","forwardRefWithAs","useGridBreakpoints","cnGridItem","GridItem","props","ref","as","col","colStart","row","rowStart","order","className","children","breakpoints","style","breakpointsForRef","otherProps","mods"],"sources":["../../../../../../src/components/Grid/GridItem/GridItem.tsx"],"sourcesContent":["import './GridItem.css';\n\nimport React from 'react';\n\nimport { cn } from '##/utils/bem';\nimport { forwardRefWithAs } from '##/utils/types/PropsWithAsAttributes';\n\nimport { useGridBreakpoints } from '../helpers';\nimport { GridItemProps } from '../types';\n\nexport const cnGridItem = cn('GridItem');\n\nexport const GridItem = forwardRefWithAs<GridItemProps>((props, ref) => {\n  const {\n    as = 'div',\n    col,\n    colStart,\n    row,\n    rowStart,\n    order,\n    className,\n    children,\n    breakpoints,\n    style,\n    breakpointsForRef,\n    ...otherProps\n  } = props;\n\n  const mods = useGridBreakpoints(\n    {\n      0: { col, colStart, row, rowStart, order },\n      ...breakpoints,\n    },\n    breakpointsForRef,\n  );\n\n  const Tag = as as string;\n\n  return (\n    <Tag\n      {...otherProps}\n      className={cnGridItem(mods, [className])}\n      ref={ref}\n      style={{\n        ...style,\n        ['--grid-item-col-end' as string]: mods.col,\n        ['--grid-item-col-start' as string]: mods.colStart\n          ? `${mods.colStart} / span`\n          : undefined,\n        ['--grid-item-row-end' as string]: mods.row,\n        ['--grid-item-row-start' as string]: rowStart\n          ? `${mods.rowStart} / span`\n          : undefined,\n        ['--gird-item-order' as string]: mods.order,\n      }}\n    >\n      {children}\n    </Tag>\n  );\n});\n"],"mappings":"03BAAA,uBAEA,MAAOA,MAAP,KAAkB,OAAlB,CAEA,OAASC,EAAT,0BACA,OAASC,gBAAT,kDAEA,OAASC,kBAAT,kBAGA,MAAO,IAAMC,WAAU,CAAGH,EAAE,CAAC,UAAD,CAArB,CAEP,MAAO,IAAMI,SAAQ,CAAGH,gBAAgB,CAAgB,SAACI,CAAD,CAAQC,CAAR,CAAgB,SAclED,CAdkE,CAEpEE,EAFoE,CAEpEA,CAFoE,YAE/D,KAF+D,GAGpEC,CAHoE,CAclEH,CAdkE,CAGpEG,GAHoE,CAIpEC,CAJoE,CAclEJ,CAdkE,CAIpEI,QAJoE,CAKpEC,CALoE,CAclEL,CAdkE,CAKpEK,GALoE,CAMpEC,CANoE,CAclEN,CAdkE,CAMpEM,QANoE,CAOpEC,CAPoE,CAclEP,CAdkE,CAOpEO,KAPoE,CAQpEC,CARoE,CAclER,CAdkE,CAQpEQ,SARoE,CASpEC,CAToE,CAclET,CAdkE,CASpES,QAToE,CAUpEC,CAVoE,CAclEV,CAdkE,CAUpEU,WAVoE,CAWpEC,CAXoE,CAclEX,CAdkE,CAWpEW,KAXoE,CAYpEC,CAZoE,CAclEZ,CAdkE,CAYpEY,iBAZoE,CAajEC,CAbiE,0BAclEb,CAdkE,YAgBhEc,CAAI,CAAGjB,kBAAkB,gBAE3B,EAAG,CAAEM,GAAG,CAAHA,CAAF,CAAOC,QAAQ,CAARA,CAAP,CAAiBC,GAAG,CAAHA,CAAjB,CAAsBC,QAAQ,CAARA,CAAtB,CAAgCC,KAAK,CAALA,CAAhC,CAFwB,EAGxBG,CAHwB,EAK7BE,CAL6B,CAhBuC,CA0BtE,MACE,qBAHUV,CAGV,kBACMW,CADN,EAEE,SAAS,CAAEf,UAAU,CAACgB,CAAD,CAAO,CAACN,CAAD,CAAP,CAFvB,CAGE,GAAG,CAAEP,CAHP,CAIE,KAAK,gCACAU,CADA,6BAEF,qBAFE,CAEgCG,CAAI,CAACX,GAFrC,oBAGF,uBAHE,CAGkCW,CAAI,CAACV,QAAL,WAC9BU,CAAI,CAACV,QADyB,kBAHlC,oBAMF,qBANE,CAMgCU,CAAI,CAACT,GANrC,oBAOF,uBAPE,CAOkCC,CAAQ,WACtCQ,CAAI,CAACR,QADiC,kBAP1C,oBAUF,mBAVE,CAU8BQ,CAAI,CAACP,KAVnC,KAJP,GAiBGE,CAjBH,CAoBH,CA/CuC,CAAjC"}

package/__internal__/src/components/Grid/GridItem/index.d.ts

@@ -0,0 +1 @@
+export * from './GridItem';

package/__internal__/src/components/Grid/GridItem/index.js

@@ -0,0 +1,2 @@
+export*from"./GridItem";
+//# sourceMappingURL=index.js.map

package/__internal__/src/components/Grid/GridItem/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../../../../../src/components/Grid/GridItem/index.ts"],"sourcesContent":["export * from './GridItem';\n"],"mappings":"AAAA"}

package/__internal__/src/components/Grid/helpers.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+import { GridPropGap, GridPropXAlign, GridPropYAlign } from './types';
+export declare const normalizeGap: (gap: GridPropGap | undefined) => string | 0 | undefined;
+export declare const normalizeAlign: (align: GridPropXAlign | GridPropYAlign | undefined) => "start" | "center" | "end" | undefined;
+export declare const useGridBreakpoints: <T extends {}>(breakpoints: Record<string, T>, ref?: React.RefObject<HTMLElement>) => T;

package/__internal__/src/components/Grid/helpers.js

@@ -0,0 +1,2 @@
+import _defineProperty from"@babel/runtime/helpers/defineProperty";function ownKeys(a,b){var c=Object.keys(a);if(Object.getOwnPropertySymbols){var d=Object.getOwnPropertySymbols(a);b&&(d=d.filter(function(b){return Object.getOwnPropertyDescriptor(a,b).enumerable})),c.push.apply(c,d)}return c}function _objectSpread(a){for(var b,c=1;c<arguments.length;c++)b=null==arguments[c]?{}:arguments[c],c%2?ownKeys(Object(b),!0).forEach(function(c){_defineProperty(a,c,b[c])}):Object.getOwnPropertyDescriptors?Object.defineProperties(a,Object.getOwnPropertyDescriptors(b)):ownKeys(Object(b)).forEach(function(c){Object.defineProperty(a,c,Object.getOwnPropertyDescriptor(b,c))});return a}import{useBreakpoints}from"../../hooks/useBreakpoints";import{isEmpty}from"../../utils/object";import{isNotNil}from"../../utils/type-guards";export var normalizeGap=function(a){return"string"==typeof a?"var(--space-".concat(a,")"):a};var alignMap={left:"start",top:"start",center:"center",right:"end",bottom:"end"};export var normalizeAlign=function(a){return a?alignMap[a]:void 0};var calculateBreakpoints=function(a,b){var c={};for(var d in b)if(Object.prototype.hasOwnProperty.call(b,d)&&b[d])c=_objectSpread(_objectSpread({},c),a[d]);else break;return c};export var useGridBreakpoints=function(a,b){var c=Object.keys(a),d=Object.fromEntries(c.map(function(b){return isEmpty(a[b])?void 0:[b,+b]}).filter(isNotNil)),e=useBreakpoints({map:d,ref:b,isActive:1<c.length});return calculateBreakpoints(a,e)};
+//# sourceMappingURL=helpers.js.map

package/__internal__/src/components/Grid/helpers.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"helpers.js","names":["useBreakpoints","isEmpty","isNotNil","normalizeGap","gap","alignMap","left","top","center","right","bottom","normalizeAlign","align","calculateBreakpoints","breakpoints","activeBreakpoints","retuned","key","Object","prototype","hasOwnProperty","call","useGridBreakpoints","ref","keys","map","fromEntries","item","filter","isActive","length"],"sources":["../../../../../src/components/Grid/helpers.ts"],"sourcesContent":["import React from 'react';\n\nimport { useBreakpoints } from '##/hooks/useBreakpoints';\nimport { isEmpty } from '##/utils/object';\nimport { isNotNil } from '##/utils/type-guards';\n\nimport { GridPropGap, GridPropXAlign, GridPropYAlign } from './types';\n\nexport const normalizeGap = (gap: GridPropGap | undefined) => {\n  if (typeof gap === 'string') {\n    return `var(--space-${gap})`;\n  }\n\n  return gap;\n};\n\nconst alignMap = {\n  left: 'start',\n  top: 'start',\n  center: 'center',\n  right: 'end',\n  bottom: 'end',\n} as const;\n\nexport const normalizeAlign = (\n  align: GridPropXAlign | GridPropYAlign | undefined,\n) => (align ? alignMap[align] : undefined);\n\nconst calculateBreakpoints = <T extends {}>(\n  breakpoints: Record<string, T>,\n  activeBreakpoints: Record<string, boolean>,\n) => {\n  let retuned = {} as T;\n  for (const key in activeBreakpoints) {\n    if (\n      Object.prototype.hasOwnProperty.call(activeBreakpoints, key) &&\n      activeBreakpoints[key]\n    ) {\n      retuned = { ...retuned, ...breakpoints[key] };\n    } else {\n      break;\n    }\n  }\n\n  return retuned;\n};\n\nexport const useGridBreakpoints = <T extends {}>(\n  breakpoints: Record<string, T>,\n  ref?: React.RefObject<HTMLElement>,\n) => {\n  const keys = Object.keys(breakpoints);\n\n  const map = Object.fromEntries(\n    keys\n      .map((item) => {\n        return isEmpty(breakpoints[item])\n          ? undefined\n          : ([item, Number(item)] as const);\n      })\n      .filter(isNotNil),\n  );\n\n  const activeBreakpoints = useBreakpoints({\n    map,\n    ref,\n    isActive: keys.length > 1,\n  });\n\n  return calculateBreakpoints(breakpoints, activeBreakpoints);\n};\n"],"mappings":"qqBAEA,OAASA,cAAT,kCACA,OAASC,OAAT,0BACA,OAASC,QAAT,+BAIA,MAAO,IAAMC,aAAY,CAAG,SAACC,CAAD,CAAkC,OACzC,QAAf,QAAOA,EADiD,uBAEpCA,CAFoC,MAKrDA,CACR,CANM,CAQP,GAAMC,SAAQ,CAAG,CACfC,IAAI,CAAE,OADS,CAEfC,GAAG,CAAE,OAFU,CAGfC,MAAM,CAAE,QAHO,CAIfC,KAAK,CAAE,KAJQ,CAKfC,MAAM,CAAE,KALO,CAAjB,CAQA,MAAO,IAAMC,eAAc,CAAG,SAC5BC,CAD4B,QAExBA,EAAK,CAAGP,QAAQ,CAACO,CAAD,CAAX,OAFmB,CAAvB,CAIP,GAAMC,qBAAoB,CAAG,SAC3BC,CAD2B,CAE3BC,CAF2B,CAGxB,CACH,GAAIC,EAAO,CAAG,EAAd,CACA,IAAK,GAAMC,EAAX,GAAkBF,EAAlB,CACE,GACEG,MAAM,CAACC,SAAP,CAAiBC,cAAjB,CAAgCC,IAAhC,CAAqCN,CAArC,CAAwDE,CAAxD,GACAF,CAAiB,CAACE,CAAD,CAFnB,CAIED,CAAO,gCAAQA,CAAR,EAAoBF,CAAW,CAACG,CAAD,CAA/B,CAJT,KAME,OAIJ,MAAOD,EACR,CAjBD,CAmBA,MAAO,IAAMM,mBAAkB,CAAG,SAChCR,CADgC,CAEhCS,CAFgC,CAG7B,IACGC,EAAI,CAAGN,MAAM,CAACM,IAAP,CAAYV,CAAZ,CADV,CAGGW,CAAG,CAAGP,MAAM,CAACQ,WAAP,CACVF,CAAI,CACDC,GADH,CACO,SAACE,CAAD,CAAU,CACb,MAAO1B,QAAO,CAACa,CAAW,CAACa,CAAD,CAAZ,CAAP,QAEF,CAACA,CAAD,EAAcA,CAAd,CACN,CALH,EAMGC,MANH,CAMU1B,QANV,CADU,CAHT,CAaGa,CAAiB,CAAGf,cAAc,CAAC,CACvCyB,GAAG,CAAHA,CADuC,CAEvCF,GAAG,CAAHA,CAFuC,CAGvCM,QAAQ,CAAgB,CAAd,CAAAL,CAAI,CAACM,MAHwB,CAAD,CAbrC,CAmBH,MAAOjB,qBAAoB,CAACC,CAAD,CAAcC,CAAd,CAC5B,CAvBM"}

package/__internal__/src/components/Grid/index.d.ts

@@ -1 +1,3 @@
 export * from './Grid';
+export * from './GridItem';
+export * from './types';

package/__internal__/src/components/Grid/index.js

@@ -1,2 +1,2 @@
-export*from"./Grid";
+export*from"./Grid";export*from"./GridItem";export*from"./types";
 //# sourceMappingURL=index.js.map

package/__internal__/src/components/Grid/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../../../../src/components/Grid/index.ts"],"sourcesContent":["export * from './Grid';\n"],"mappings":"AAAA"}
+{"version":3,"file":"index.js","names":[],"sources":["../../../../../src/components/Grid/index.ts"],"sourcesContent":["export * from './Grid';\nexport * from './GridItem';\nexport * from './types';\n"],"mappings":"AAAA,oBACA,wBACA"}

package/__internal__/src/components/Grid/types.d.ts

@@ -0,0 +1,35 @@
+/// <reference types="react" />
+export declare const gridPropXAlign: readonly ["left", "center", "right"];
+export declare type GridPropXAlign = typeof gridPropXAlign[number];
+export declare const gridPropYAlign: readonly ["top", "center", "bottom"];
+export declare type GridPropYAlign = typeof gridPropYAlign[number];
+export declare const gridPropGap: readonly [0, "2xs", "xs", "s", "m", "l", "xl", "2xl", "3xl", "4xl", "5xl", "6xl"];
+export declare type GridPropGap = typeof gridPropGap[number];
+export declare const breakpointSizes: readonly ["xs", "s", "m", "l", "xl", "2xl"];
+export declare type BreakpointSizes = typeof breakpointSizes[number];
+declare type GridBreakpoint = {
+    cols?: number;
+    gap?: GridPropGap;
+    colGap?: GridPropGap;
+    rowGap?: GridPropGap;
+    xAlign?: GridPropXAlign;
+    yAlign?: GridPropYAlign;
+};
+export declare type GridPropBreakpoints = Record<number, GridBreakpoint>;
+export declare type GridProps = GridBreakpoint & {
+    breakpoints?: GridPropBreakpoints;
+    breakpointsForRef?: React.RefObject<HTMLElement>;
+};
+declare type GridItemBreakpoint = {
+    col?: number;
+    colStart?: number;
+    row?: number;
+    rowStart?: number;
+    order?: 0 | 1 | -1;
+};
+export declare type GridItemPropBreakpoints = Record<number, GridItemBreakpoint>;
+export declare type GridItemProps = GridItemBreakpoint & {
+    breakpoints?: GridItemPropBreakpoints;
+    breakpointsForRef?: React.RefObject<HTMLElement>;
+};
+export {};

package/__internal__/src/components/Grid/types.js

@@ -0,0 +1,2 @@
+export var gridPropXAlign=["left","center","right"];export var gridPropYAlign=["top","center","bottom"];export var gridPropGap=[0,"2xs","xs","s","m","l","xl","2xl","3xl","4xl","5xl","6xl"];export var breakpointSizes=["xs","s","m","l","xl","2xl"];
+//# sourceMappingURL=types.js.map

package/__internal__/src/components/Grid/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","names":["gridPropXAlign","gridPropYAlign","gridPropGap","breakpointSizes"],"sources":["../../../../../src/components/Grid/types.ts"],"sourcesContent":["export const gridPropXAlign = ['left', 'center', 'right'] as const;\nexport type GridPropXAlign = typeof gridPropXAlign[number];\n\nexport const gridPropYAlign = ['top', 'center', 'bottom'] as const;\nexport type GridPropYAlign = typeof gridPropYAlign[number];\n\nexport const gridPropGap = [\n  0,\n  '2xs',\n  'xs',\n  's',\n  'm',\n  'l',\n  'xl',\n  '2xl',\n  '3xl',\n  '4xl',\n  '5xl',\n  '6xl',\n] as const;\nexport type GridPropGap = typeof gridPropGap[number];\n\nexport const breakpointSizes = ['xs', 's', 'm', 'l', 'xl', '2xl'] as const;\nexport type BreakpointSizes = typeof breakpointSizes[number];\n\ntype GridBreakpoint = {\n  cols?: number;\n  gap?: GridPropGap;\n  colGap?: GridPropGap;\n  rowGap?: GridPropGap;\n  xAlign?: GridPropXAlign;\n  yAlign?: GridPropYAlign;\n};\n\nexport type GridPropBreakpoints = Record<number, GridBreakpoint>;\n\nexport type GridProps = GridBreakpoint & {\n  breakpoints?: GridPropBreakpoints;\n  breakpointsForRef?: React.RefObject<HTMLElement>;\n};\n\ntype GridItemBreakpoint = {\n  col?: number;\n  colStart?: number;\n  row?: number;\n  rowStart?: number;\n  order?: 0 | 1 | -1;\n};\n\nexport type GridItemPropBreakpoints = Record<number, GridItemBreakpoint>;\n\nexport type GridItemProps = GridItemBreakpoint & {\n  breakpoints?: GridItemPropBreakpoints;\n  breakpointsForRef?: React.RefObject<HTMLElement>;\n};\n"],"mappings":"AAAA,MAAO,IAAMA,eAAc,CAAG,CAAC,MAAD,CAAS,QAAT,CAAmB,OAAnB,CAAvB,CAGP,MAAO,IAAMC,eAAc,CAAG,CAAC,KAAD,CAAQ,QAAR,CAAkB,QAAlB,CAAvB,CAGP,MAAO,IAAMC,YAAW,CAAG,CACzB,CADyB,CAEzB,KAFyB,CAGzB,IAHyB,CAIzB,GAJyB,CAKzB,GALyB,CAMzB,GANyB,CAOzB,IAPyB,CAQzB,KARyB,CASzB,KATyB,CAUzB,KAVyB,CAWzB,KAXyB,CAYzB,KAZyB,CAApB,CAgBP,MAAO,IAAMC,gBAAe,CAAG,CAAC,IAAD,CAAO,GAAP,CAAY,GAAZ,CAAiB,GAAjB,CAAsB,IAAtB,CAA4B,KAA5B,CAAxB"}

package/__internal__/src/components/GridDeprecated/Grid.css

@@ -0,0 +1 @@
+.deprecated--Grid{display:grid;grid-template-columns:repeat(var(--cols,1),minmax(0,1fr));width:100%}.deprecated--Grid_cols_1{--cols:1}.deprecated--Grid_cols_2{--cols:2}.deprecated--Grid_cols_3{--cols:3}.deprecated--Grid_cols_4{--cols:4}.deprecated--Grid_cols_5{--cols:5}.deprecated--Grid_cols_6{--cols:6}.deprecated--Grid_cols_7{--cols:7}.deprecated--Grid_cols_8{--cols:8}.deprecated--Grid_cols_9{--cols:9}.deprecated--Grid_cols_10{--cols:10}.deprecated--Grid_cols_11{--cols:11}.deprecated--Grid_cols_12{--cols:12}.deprecated--Grid_xAlign_left{justify-items:start}.deprecated--Grid_xAlign_center{justify-items:center}.deprecated--Grid_xAlign_right{justify-items:end}.deprecated--Grid_yAlign_top{align-items:start}.deprecated--Grid_yAlign_center{align-items:center}.deprecated--Grid_yAlign_bottom{align-items:end}.deprecated--Grid_gap_0{grid-gap:0}.deprecated--Grid_gap_2xs{grid-gap:var(--space-2xs)}.deprecated--Grid_gap_xs{grid-gap:var(--space-xs)}.deprecated--Grid_gap_s{grid-gap:var(--space-s)}.deprecated--Grid_gap_m{grid-gap:var(--space-m)}.deprecated--Grid_gap_l{grid-gap:var(--space-l)}.deprecated--Grid_gap_xl{grid-gap:var(--space-xl)}.deprecated--Grid_gap_2xl{grid-gap:var(--space-2xl)}.deprecated--Grid_gap_3xl{grid-gap:var(--space-3xl)}.deprecated--Grid_gap_4xl{grid-gap:var(--space-4xl)}.deprecated--Grid_gap_5xl{grid-gap:var(--space-5xl)}.deprecated--Grid_gap_6xl{grid-gap:var(--space-6xl)}.deprecated--Grid_colGap_0{grid-column-gap:0}.deprecated--Grid_colGap_2xs{grid-column-gap:var(--space-2xs)}.deprecated--Grid_colGap_xs{grid-column-gap:var(--space-xs)}.deprecated--Grid_colGap_s{grid-column-gap:var(--space-s)}.deprecated--Grid_colGap_m{grid-column-gap:var(--space-m)}.deprecated--Grid_colGap_l{grid-column-gap:var(--space-l)}.deprecated--Grid_colGap_xl{grid-column-gap:var(--space-xl)}.deprecated--Grid_colGap_2xl{grid-column-gap:var(--space-2xl)}.deprecated--Grid_colGap_3xl{grid-column-gap:var(--space-3xl)}.deprecated--Grid_colGap_4xl{grid-column-gap:var(--space-4xl)}.deprecated--Grid_colGap_5xl{grid-column-gap:var(--space-5xl)}.deprecated--Grid_colGap_6xl{grid-column-gap:var(--space-6xl)}.deprecated--Grid_rowGap_0{grid-row-gap:0}.deprecated--Grid_rowGap_2xs{grid-row-gap:var(--space-2xs)}.deprecated--Grid_rowGap_xs{grid-row-gap:var(--space-xs)}.deprecated--Grid_rowGap_s{grid-row-gap:var(--space-s)}.deprecated--Grid_rowGap_m{grid-row-gap:var(--space-m)}.deprecated--Grid_rowGap_l{grid-row-gap:var(--space-l)}.deprecated--Grid_rowGap_xl{grid-row-gap:var(--space-xl)}.deprecated--Grid_rowGap_2xl{grid-row-gap:var(--space-2xl)}.deprecated--Grid_rowGap_3xl{grid-row-gap:var(--space-3xl)}.deprecated--Grid_rowGap_4xl{grid-row-gap:var(--space-4xl)}.deprecated--Grid_rowGap_5xl{grid-row-gap:var(--space-5xl)}.deprecated--Grid_rowGap_6xl{grid-row-gap:var(--space-6xl)}@media screen and (min-width:360px){.deprecated--Grid_xs\:cols_1{--cols:1}.deprecated--Grid_xs\:cols_2{--cols:2}.deprecated--Grid_xs\:cols_3{--cols:3}.deprecated--Grid_xs\:cols_4{--cols:4}.deprecated--Grid_xs\:cols_5{--cols:5}.deprecated--Grid_xs\:cols_6{--cols:6}.deprecated--Grid_xs\:cols_7{--cols:7}.deprecated--Grid_xs\:cols_8{--cols:8}.deprecated--Grid_xs\:cols_9{--cols:9}.deprecated--Grid_xs\:cols_10{--cols:10}.deprecated--Grid_xs\:cols_11{--cols:11}.deprecated--Grid_xs\:cols_12{--cols:12}.deprecated--Grid_xs\:xAlign_left{justify-items:start}.deprecated--Grid_xs\:xAlign_center{justify-items:center}.deprecated--Grid_xs\:xAlign_right{justify-items:end}.deprecated--Grid_xs\:yAlign_top{align-items:start}.deprecated--Grid_xs\:yAlign_center{align-items:center}.deprecated--Grid_xs\:yAlign_bottom{align-items:end}.deprecated--Grid_xs\:gap_0{grid-gap:0}.deprecated--Grid_xs\:gap_2xs{grid-gap:var(--space-2xs)}.deprecated--Grid_xs\:gap_xs{grid-gap:var(--space-xs)}.deprecated--Grid_xs\:gap_s{grid-gap:var(--space-s)}.deprecated--Grid_xs\:gap_m{grid-gap:var(--space-m)}.deprecated--Grid_xs\:gap_l{grid-gap:var(--space-l)}.deprecated--Grid_xs\:gap_xl{grid-gap:var(--space-xl)}.deprecated--Grid_xs\:gap_2xl{grid-gap:var(--space-2xl)}.deprecated--Grid_xs\:gap_3xl{grid-gap:var(--space-3xl)}.deprecated--Grid_xs\:gap_4xl{grid-gap:var(--space-4xl)}.deprecated--Grid_xs\:gap_5xl{grid-gap:var(--space-5xl)}.deprecated--Grid_xs\:gap_6xl{grid-gap:var(--space-6xl)}.deprecated--Grid_xs\:colGap_0{grid-column-gap:0}.deprecated--Grid_xs\:colGap_2xs{grid-column-gap:var(--space-2xs)}.deprecated--Grid_xs\:colGap_xs{grid-column-gap:var(--space-xs)}.deprecated--Grid_xs\:colGap_s{grid-column-gap:var(--space-s)}.deprecated--Grid_xs\:colGap_m{grid-column-gap:var(--space-m)}.deprecated--Grid_xs\:colGap_l{grid-column-gap:var(--space-l)}.deprecated--Grid_xs\:colGap_xl{grid-column-gap:var(--space-xl)}.deprecated--Grid_xs\:colGap_2xl{grid-column-gap:var(--space-2xl)}.deprecated--Grid_xs\:colGap_3xl{grid-column-gap:var(--space-3xl)}.deprecated--Grid_xs\:colGap_4xl{grid-column-gap:var(--space-4xl)}.deprecated--Grid_xs\:colGap_5xl{grid-column-gap:var(--space-5xl)}.deprecated--Grid_xs\:colGap_6xl{grid-column-gap:var(--space-6xl)}.deprecated--Grid_xs\:rowGap_0{grid-row-gap:0}.deprecated--Grid_xs\:rowGap_2xs{grid-row-gap:var(--space-2xs)}.deprecated--Grid_xs\:rowGap_xs{grid-row-gap:var(--space-xs)}.deprecated--Grid_xs\:rowGap_s{grid-row-gap:var(--space-s)}.deprecated--Grid_xs\:rowGap_m{grid-row-gap:var(--space-m)}.deprecated--Grid_xs\:rowGap_l{grid-row-gap:var(--space-l)}.deprecated--Grid_xs\:rowGap_xl{grid-row-gap:var(--space-xl)}.deprecated--Grid_xs\:rowGap_2xl{grid-row-gap:var(--space-2xl)}.deprecated--Grid_xs\:rowGap_3xl{grid-row-gap:var(--space-3xl)}.deprecated--Grid_xs\:rowGap_4xl{grid-row-gap:var(--space-4xl)}.deprecated--Grid_xs\:rowGap_5xl{grid-row-gap:var(--space-5xl)}.deprecated--Grid_xs\:rowGap_6xl{grid-row-gap:var(--space-6xl)}}@media screen and (min-width:640px){.deprecated--Grid_s\:cols_1{--cols:1}.deprecated--Grid_s\:cols_2{--cols:2}.deprecated--Grid_s\:cols_3{--cols:3}.deprecated--Grid_s\:cols_4{--cols:4}.deprecated--Grid_s\:cols_5{--cols:5}.deprecated--Grid_s\:cols_6{--cols:6}.deprecated--Grid_s\:cols_7{--cols:7}.deprecated--Grid_s\:cols_8{--cols:8}.deprecated--Grid_s\:cols_9{--cols:9}.deprecated--Grid_s\:cols_10{--cols:10}.deprecated--Grid_s\:cols_11{--cols:11}.deprecated--Grid_s\:cols_12{--cols:12}.deprecated--Grid_s\:xAlign_left{justify-items:start}.deprecated--Grid_s\:xAlign_center{justify-items:center}.deprecated--Grid_s\:xAlign_right{justify-items:end}.deprecated--Grid_s\:yAlign_top{align-items:start}.deprecated--Grid_s\:yAlign_center{align-items:center}.deprecated--Grid_s\:yAlign_bottom{align-items:end}.deprecated--Grid_s\:gap_0{grid-gap:0}.deprecated--Grid_s\:gap_2xs{grid-gap:var(--space-2xs)}.deprecated--Grid_s\:gap_xs{grid-gap:var(--space-xs)}.deprecated--Grid_s\:gap_s{grid-gap:var(--space-s)}.deprecated--Grid_s\:gap_m{grid-gap:var(--space-m)}.deprecated--Grid_s\:gap_l{grid-gap:var(--space-l)}.deprecated--Grid_s\:gap_xl{grid-gap:var(--space-xl)}.deprecated--Grid_s\:gap_2xl{grid-gap:var(--space-2xl)}.deprecated--Grid_s\:gap_3xl{grid-gap:var(--space-3xl)}.deprecated--Grid_s\:gap_4xl{grid-gap:var(--space-4xl)}.deprecated--Grid_s\:gap_5xl{grid-gap:var(--space-5xl)}.deprecated--Grid_s\:gap_6xl{grid-gap:var(--space-6xl)}.deprecated--Grid_s\:colGap_0{grid-column-gap:0}.deprecated--Grid_s\:colGap_2xs{grid-column-gap:var(--space-2xs)}.deprecated--Grid_s\:colGap_xs{grid-column-gap:var(--space-xs)}.deprecated--Grid_s\:colGap_s{grid-column-gap:var(--space-s)}.deprecated--Grid_s\:colGap_m{grid-column-gap:var(--space-m)}.deprecated--Grid_s\:colGap_l{grid-column-gap:var(--space-l)}.deprecated--Grid_s\:colGap_xl{grid-column-gap:var(--space-xl)}.deprecated--Grid_s\:colGap_2xl{grid-column-gap:var(--space-2xl)}.deprecated--Grid_s\:colGap_3xl{grid-column-gap:var(--space-3xl)}.deprecated--Grid_s\:colGap_4xl{grid-column-gap:var(--space-4xl)}.deprecated--Grid_s\:colGap_5xl{grid-column-gap:var(--space-5xl)}.deprecated--Grid_s\:colGap_6xl{grid-column-gap:var(--space-6xl)}.deprecated--Grid_s\:rowGap_0{grid-row-gap:0}.deprecated--Grid_s\:rowGap_2xs{grid-row-gap:var(--space-2xs)}.deprecated--Grid_s\:rowGap_xs{grid-row-gap:var(--space-xs)}.deprecated--Grid_s\:rowGap_s{grid-row-gap:var(--space-s)}.deprecated--Grid_s\:rowGap_m{grid-row-gap:var(--space-m)}.deprecated--Grid_s\:rowGap_l{grid-row-gap:var(--space-l)}.deprecated--Grid_s\:rowGap_xl{grid-row-gap:var(--space-xl)}.deprecated--Grid_s\:rowGap_2xl{grid-row-gap:var(--space-2xl)}.deprecated--Grid_s\:rowGap_3xl{grid-row-gap:var(--space-3xl)}.deprecated--Grid_s\:rowGap_4xl{grid-row-gap:var(--space-4xl)}.deprecated--Grid_s\:rowGap_5xl{grid-row-gap:var(--space-5xl)}.deprecated--Grid_s\:rowGap_6xl{grid-row-gap:var(--space-6xl)}}@media screen and (min-width:1024px){.deprecated--Grid_m\:cols_1{--cols:1}.deprecated--Grid_m\:cols_2{--cols:2}.deprecated--Grid_m\:cols_3{--cols:3}.deprecated--Grid_m\:cols_4{--cols:4}.deprecated--Grid_m\:cols_5{--cols:5}.deprecated--Grid_m\:cols_6{--cols:6}.deprecated--Grid_m\:cols_7{--cols:7}.deprecated--Grid_m\:cols_8{--cols:8}.deprecated--Grid_m\:cols_9{--cols:9}.deprecated--Grid_m\:cols_10{--cols:10}.deprecated--Grid_m\:cols_11{--cols:11}.deprecated--Grid_m\:cols_12{--cols:12}.deprecated--Grid_m\:xAlign_left{justify-items:start}.deprecated--Grid_m\:xAlign_center{justify-items:center}.deprecated--Grid_m\:xAlign_right{justify-items:end}.deprecated--Grid_m\:yAlign_top{align-items:start}.deprecated--Grid_m\:yAlign_center{align-items:center}.deprecated--Grid_m\:yAlign_bottom{align-items:end}.deprecated--Grid_m\:gap_0{grid-gap:0}.deprecated--Grid_m\:gap_2xs{grid-gap:var(--space-2xs)}.deprecated--Grid_m\:gap_xs{grid-gap:var(--space-xs)}.deprecated--Grid_m\:gap_s{grid-gap:var(--space-s)}.deprecated--Grid_m\:gap_m{grid-gap:var(--space-m)}.deprecated--Grid_m\:gap_l{grid-gap:var(--space-l)}.deprecated--Grid_m\:gap_xl{grid-gap:var(--space-xl)}.deprecated--Grid_m\:gap_2xl{grid-gap:var(--space-2xl)}.deprecated--Grid_m\:gap_3xl{grid-gap:var(--space-3xl)}.deprecated--Grid_m\:gap_4xl{grid-gap:var(--space-4xl)}.deprecated--Grid_m\:gap_5xl{grid-gap:var(--space-5xl)}.deprecated--Grid_m\:gap_6xl{grid-gap:var(--space-6xl)}.deprecated--Grid_m\:colGap_0{grid-column-gap:0}.deprecated--Grid_m\:colGap_2xs{grid-column-gap:var(--space-2xs)}.deprecated--Grid_m\:colGap_xs{grid-column-gap:var(--space-xs)}.deprecated--Grid_m\:colGap_s{grid-column-gap:var(--space-s)}.deprecated--Grid_m\:colGap_m{grid-column-gap:var(--space-m)}.deprecated--Grid_m\:colGap_l{grid-column-gap:var(--space-l)}.deprecated--Grid_m\:colGap_xl{grid-column-gap:var(--space-xl)}.deprecated--Grid_m\:colGap_2xl{grid-column-gap:var(--space-2xl)}.deprecated--Grid_m\:colGap_3xl{grid-column-gap:var(--space-3xl)}.deprecated--Grid_m\:colGap_4xl{grid-column-gap:var(--space-4xl)}.deprecated--Grid_m\:colGap_5xl{grid-column-gap:var(--space-5xl)}.deprecated--Grid_m\:colGap_6xl{grid-column-gap:var(--space-6xl)}.deprecated--Grid_m\:rowGap_0{grid-row-gap:0}.deprecated--Grid_m\:rowGap_2xs{grid-row-gap:var(--space-2xs)}.deprecated--Grid_m\:rowGap_xs{grid-row-gap:var(--space-xs)}.deprecated--Grid_m\:rowGap_s{grid-row-gap:var(--space-s)}.deprecated--Grid_m\:rowGap_m{grid-row-gap:var(--space-m)}.deprecated--Grid_m\:rowGap_l{grid-row-gap:var(--space-l)}.deprecated--Grid_m\:rowGap_xl{grid-row-gap:var(--space-xl)}.deprecated--Grid_m\:rowGap_2xl{grid-row-gap:var(--space-2xl)}.deprecated--Grid_m\:rowGap_3xl{grid-row-gap:var(--space-3xl)}.deprecated--Grid_m\:rowGap_4xl{grid-row-gap:var(--space-4xl)}.deprecated--Grid_m\:rowGap_5xl{grid-row-gap:var(--space-5xl)}.deprecated--Grid_m\:rowGap_6xl{grid-row-gap:var(--space-6xl)}}@media screen and (min-width:1280px){.deprecated--Grid_l\:cols_1{--cols:1}.deprecated--Grid_l\:cols_2{--cols:2}.deprecated--Grid_l\:cols_3{--cols:3}.deprecated--Grid_l\:cols_4{--cols:4}.deprecated--Grid_l\:cols_5{--cols:5}.deprecated--Grid_l\:cols_6{--cols:6}.deprecated--Grid_l\:cols_7{--cols:7}.deprecated--Grid_l\:cols_8{--cols:8}.deprecated--Grid_l\:cols_9{--cols:9}.deprecated--Grid_l\:cols_10{--cols:10}.deprecated--Grid_l\:cols_11{--cols:11}.deprecated--Grid_l\:cols_12{--cols:12}.deprecated--Grid_l\:xAlign_left{justify-items:start}.deprecated--Grid_l\:xAlign_center{justify-items:center}.deprecated--Grid_l\:xAlign_right{justify-items:end}.deprecated--Grid_l\:yAlign_top{align-items:start}.deprecated--Grid_l\:yAlign_center{align-items:center}.deprecated--Grid_l\:yAlign_bottom{align-items:end}.deprecated--Grid_l\:gap_0{grid-gap:0}.deprecated--Grid_l\:gap_2xs{grid-gap:var(--space-2xs)}.deprecated--Grid_l\:gap_xs{grid-gap:var(--space-xs)}.deprecated--Grid_l\:gap_s{grid-gap:var(--space-s)}.deprecated--Grid_l\:gap_m{grid-gap:var(--space-m)}.deprecated--Grid_l\:gap_l{grid-gap:var(--space-l)}.deprecated--Grid_l\:gap_xl{grid-gap:var(--space-xl)}.deprecated--Grid_l\:gap_2xl{grid-gap:var(--space-2xl)}.deprecated--Grid_l\:gap_3xl{grid-gap:var(--space-3xl)}.deprecated--Grid_l\:gap_4xl{grid-gap:var(--space-4xl)}.deprecated--Grid_l\:gap_5xl{grid-gap:var(--space-5xl)}.deprecated--Grid_l\:gap_6xl{grid-gap:var(--space-6xl)}.deprecated--Grid_l\:colGap_0{grid-column-gap:0}.deprecated--Grid_l\:colGap_2xs{grid-column-gap:var(--space-2xs)}.deprecated--Grid_l\:colGap_xs{grid-column-gap:var(--space-xs)}.deprecated--Grid_l\:colGap_s{grid-column-gap:var(--space-s)}.deprecated--Grid_l\:colGap_m{grid-column-gap:var(--space-m)}.deprecated--Grid_l\:colGap_l{grid-column-gap:var(--space-l)}.deprecated--Grid_l\:colGap_xl{grid-column-gap:var(--space-xl)}.deprecated--Grid_l\:colGap_2xl{grid-column-gap:var(--space-2xl)}.deprecated--Grid_l\:colGap_3xl{grid-column-gap:var(--space-3xl)}.deprecated--Grid_l\:colGap_4xl{grid-column-gap:var(--space-4xl)}.deprecated--Grid_l\:colGap_5xl{grid-column-gap:var(--space-5xl)}.deprecated--Grid_l\:colGap_6xl{grid-column-gap:var(--space-6xl)}.deprecated--Grid_l\:rowGap_0{grid-row-gap:0}.deprecated--Grid_l\:rowGap_2xs{grid-row-gap:var(--space-2xs)}.deprecated--Grid_l\:rowGap_xs{grid-row-gap:var(--space-xs)}.deprecated--Grid_l\:rowGap_s{grid-row-gap:var(--space-s)}.deprecated--Grid_l\:rowGap_m{grid-row-gap:var(--space-m)}.deprecated--Grid_l\:rowGap_l{grid-row-gap:var(--space-l)}.deprecated--Grid_l\:rowGap_xl{grid-row-gap:var(--space-xl)}.deprecated--Grid_l\:rowGap_2xl{grid-row-gap:var(--space-2xl)}.deprecated--Grid_l\:rowGap_3xl{grid-row-gap:var(--space-3xl)}.deprecated--Grid_l\:rowGap_4xl{grid-row-gap:var(--space-4xl)}.deprecated--Grid_l\:rowGap_5xl{grid-row-gap:var(--space-5xl)}.deprecated--Grid_l\:rowGap_6xl{grid-row-gap:var(--space-6xl)}}@media screen and (min-width:1440px){.deprecated--Grid_xl\:cols_1{--cols:1}.deprecated--Grid_xl\:cols_2{--cols:2}.deprecated--Grid_xl\:cols_3{--cols:3}.deprecated--Grid_xl\:cols_4{--cols:4}.deprecated--Grid_xl\:cols_5{--cols:5}.deprecated--Grid_xl\:cols_6{--cols:6}.deprecated--Grid_xl\:cols_7{--cols:7}.deprecated--Grid_xl\:cols_8{--cols:8}.deprecated--Grid_xl\:cols_9{--cols:9}.deprecated--Grid_xl\:cols_10{--cols:10}.deprecated--Grid_xl\:cols_11{--cols:11}.deprecated--Grid_xl\:cols_12{--cols:12}.deprecated--Grid_xl\:xAlign_left{justify-items:start}.deprecated--Grid_xl\:xAlign_center{justify-items:center}.deprecated--Grid_xl\:xAlign_right{justify-items:end}.deprecated--Grid_xl\:yAlign_top{align-items:start}.deprecated--Grid_xl\:yAlign_center{align-items:center}.deprecated--Grid_xl\:yAlign_bottom{align-items:end}.deprecated--Grid_xl\:gap_0{grid-gap:0}.deprecated--Grid_xl\:gap_2xs{grid-gap:var(--space-2xs)}.deprecated--Grid_xl\:gap_xs{grid-gap:var(--space-xs)}.deprecated--Grid_xl\:gap_s{grid-gap:var(--space-s)}.deprecated--Grid_xl\:gap_m{grid-gap:var(--space-m)}.deprecated--Grid_xl\:gap_l{grid-gap:var(--space-l)}.deprecated--Grid_xl\:gap_xl{grid-gap:var(--space-xl)}.deprecated--Grid_xl\:gap_2xl{grid-gap:var(--space-2xl)}.deprecated--Grid_xl\:gap_3xl{grid-gap:var(--space-3xl)}.deprecated--Grid_xl\:gap_4xl{grid-gap:var(--space-4xl)}.deprecated--Grid_xl\:gap_5xl{grid-gap:var(--space-5xl)}.deprecated--Grid_xl\:gap_6xl{grid-gap:var(--space-6xl)}.deprecated--Grid_xl\:colGap_0{grid-column-gap:0}.deprecated--Grid_xl\:colGap_2xs{grid-column-gap:var(--space-2xs)}.deprecated--Grid_xl\:colGap_xs{grid-column-gap:var(--space-xs)}.deprecated--Grid_xl\:colGap_s{grid-column-gap:var(--space-s)}.deprecated--Grid_xl\:colGap_m{grid-column-gap:var(--space-m)}.deprecated--Grid_xl\:colGap_l{grid-column-gap:var(--space-l)}.deprecated--Grid_xl\:colGap_xl{grid-column-gap:var(--space-xl)}.deprecated--Grid_xl\:colGap_2xl{grid-column-gap:var(--space-2xl)}.deprecated--Grid_xl\:colGap_3xl{grid-column-gap:var(--space-3xl)}.deprecated--Grid_xl\:colGap_4xl{grid-column-gap:var(--space-4xl)}.deprecated--Grid_xl\:colGap_5xl{grid-column-gap:var(--space-5xl)}.deprecated--Grid_xl\:colGap_6xl{grid-column-gap:var(--space-6xl)}.deprecated--Grid_xl\:rowGap_0{grid-row-gap:0}.deprecated--Grid_xl\:rowGap_2xs{grid-row-gap:var(--space-2xs)}.deprecated--Grid_xl\:rowGap_xs{grid-row-gap:var(--space-xs)}.deprecated--Grid_xl\:rowGap_s{grid-row-gap:var(--space-s)}.deprecated--Grid_xl\:rowGap_m{grid-row-gap:var(--space-m)}.deprecated--Grid_xl\:rowGap_l{grid-row-gap:var(--space-l)}.deprecated--Grid_xl\:rowGap_xl{grid-row-gap:var(--space-xl)}.deprecated--Grid_xl\:rowGap_2xl{grid-row-gap:var(--space-2xl)}.deprecated--Grid_xl\:rowGap_3xl{grid-row-gap:var(--space-3xl)}.deprecated--Grid_xl\:rowGap_4xl{grid-row-gap:var(--space-4xl)}.deprecated--Grid_xl\:rowGap_5xl{grid-row-gap:var(--space-5xl)}.deprecated--Grid_xl\:rowGap_6xl{grid-row-gap:var(--space-6xl)}}@media screen and (min-width:1920px){.deprecated--Grid_2xl\:cols_1{--cols:1}.deprecated--Grid_2xl\:cols_2{--cols:2}.deprecated--Grid_2xl\:cols_3{--cols:3}.deprecated--Grid_2xl\:cols_4{--cols:4}.deprecated--Grid_2xl\:cols_5{--cols:5}.deprecated--Grid_2xl\:cols_6{--cols:6}.deprecated--Grid_2xl\:cols_7{--cols:7}.deprecated--Grid_2xl\:cols_8{--cols:8}.deprecated--Grid_2xl\:cols_9{--cols:9}.deprecated--Grid_2xl\:cols_10{--cols:10}.deprecated--Grid_2xl\:cols_11{--cols:11}.deprecated--Grid_2xl\:cols_12{--cols:12}.deprecated--Grid_2xl\:xAlign_left{justify-items:start}.deprecated--Grid_2xl\:xAlign_center{justify-items:center}.deprecated--Grid_2xl\:xAlign_right{justify-items:end}.deprecated--Grid_2xl\:yAlign_top{align-items:start}.deprecated--Grid_2xl\:yAlign_center{align-items:center}.deprecated--Grid_2xl\:yAlign_bottom{align-items:end}.deprecated--Grid_2xl\:gap_0{grid-gap:0}.deprecated--Grid_2xl\:gap_2xs{grid-gap:var(--space-2xs)}.deprecated--Grid_2xl\:gap_xs{grid-gap:var(--space-xs)}.deprecated--Grid_2xl\:gap_s{grid-gap:var(--space-s)}.deprecated--Grid_2xl\:gap_m{grid-gap:var(--space-m)}.deprecated--Grid_2xl\:gap_l{grid-gap:var(--space-l)}.deprecated--Grid_2xl\:gap_xl{grid-gap:var(--space-xl)}.deprecated--Grid_2xl\:gap_2xl{grid-gap:var(--space-2xl)}.deprecated--Grid_2xl\:gap_3xl{grid-gap:var(--space-3xl)}.deprecated--Grid_2xl\:gap_4xl{grid-gap:var(--space-4xl)}.deprecated--Grid_2xl\:gap_5xl{grid-gap:var(--space-5xl)}.deprecated--Grid_2xl\:gap_6xl{grid-gap:var(--space-6xl)}.deprecated--Grid_2xl\:colGap_0{grid-column-gap:0}.deprecated--Grid_2xl\:colGap_2xs{grid-column-gap:var(--space-2xs)}.deprecated--Grid_2xl\:colGap_xs{grid-column-gap:var(--space-xs)}.deprecated--Grid_2xl\:colGap_s{grid-column-gap:var(--space-s)}.deprecated--Grid_2xl\:colGap_m{grid-column-gap:var(--space-m)}.deprecated--Grid_2xl\:colGap_l{grid-column-gap:var(--space-l)}.deprecated--Grid_2xl\:colGap_xl{grid-column-gap:var(--space-xl)}.deprecated--Grid_2xl\:colGap_2xl{grid-column-gap:var(--space-2xl)}.deprecated--Grid_2xl\:colGap_3xl{grid-column-gap:var(--space-3xl)}.deprecated--Grid_2xl\:colGap_4xl{grid-column-gap:var(--space-4xl)}.deprecated--Grid_2xl\:colGap_5xl{grid-column-gap:var(--space-5xl)}.deprecated--Grid_2xl\:colGap_6xl{grid-column-gap:var(--space-6xl)}.deprecated--Grid_2xl\:rowGap_0{grid-row-gap:0}.deprecated--Grid_2xl\:rowGap_2xs{grid-row-gap:var(--space-2xs)}.deprecated--Grid_2xl\:rowGap_xs{grid-row-gap:var(--space-xs)}.deprecated--Grid_2xl\:rowGap_s{grid-row-gap:var(--space-s)}.deprecated--Grid_2xl\:rowGap_m{grid-row-gap:var(--space-m)}.deprecated--Grid_2xl\:rowGap_l{grid-row-gap:var(--space-l)}.deprecated--Grid_2xl\:rowGap_xl{grid-row-gap:var(--space-xl)}.deprecated--Grid_2xl\:rowGap_2xl{grid-row-gap:var(--space-2xl)}.deprecated--Grid_2xl\:rowGap_3xl{grid-row-gap:var(--space-3xl)}.deprecated--Grid_2xl\:rowGap_4xl{grid-row-gap:var(--space-4xl)}.deprecated--Grid_2xl\:rowGap_5xl{grid-row-gap:var(--space-5xl)}.deprecated--Grid_2xl\:rowGap_6xl{grid-row-gap:var(--space-6xl)}}

package/__internal__/src/components/GridDeprecated/GridDeprecated.d.ts

@@ -0,0 +1,33 @@
+import './Grid.css';
+export * from './GridItem/GridItem';
+export declare const gridPropXAlign: readonly ["left", "center", "right"];
+export declare type GridPropXAlign = typeof gridPropXAlign[number];
+export declare const gridPropYAlign: readonly ["top", "center", "bottom"];
+export declare type GridPropYAlign = typeof gridPropYAlign[number];
+export declare const gridPropGap: readonly [0, "2xs", "xs", "s", "m", "l", "xl", "2xl", "3xl", "4xl", "5xl", "6xl"];
+export declare type GridPropGap = typeof gridPropGap[number] | '0';
+export declare type GridPropColGap = GridPropGap;
+export declare type GridPropRowGap = GridPropGap;
+export declare const breakpointSizes: readonly ["xs", "s", "m", "l", "xl", "2xl"];
+export declare type BreakpointSizes = typeof breakpointSizes[number];
+declare type Breakpoint = {
+    cols?: number | string;
+    gap?: GridPropGap;
+    colGap?: GridPropColGap;
+    rowGap?: GridPropRowGap;
+    xAlign?: GridPropXAlign;
+    yAlign?: GridPropYAlign;
+};
+declare type BreakpointsProps = {
+    'xs'?: Breakpoint;
+    's'?: Breakpoint;
+    'm'?: Breakpoint;
+    'l'?: Breakpoint;
+    'xl'?: Breakpoint;
+    '2xl'?: Breakpoint;
+};
+export declare type GridProps = Breakpoint & {
+    breakpoints?: BreakpointsProps;
+};
+export declare const cnGrid: import("@bem-react/classname").ClassNameFormatter;
+export declare const Grid: import("../../utils/types/PropsWithAsAttributes").ComponentWithAs<GridProps, "div">;

package/__internal__/src/components/GridDeprecated/GridDeprecated.js

@@ -0,0 +1,2 @@
+import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";var _excluded=["as","cols","xAlign","yAlign","gap","colGap","rowGap","className","children","breakpoints"];import"./Grid.css";import{classnames}from"@bem-react/classnames";import React from"react";import{cnDeprecated}from"../../utils/bem";import{forwardRefWithAs}from"../../utils/types/PropsWithAsAttributes";import{useBreakpoints}from"./useBreakpoints";export*from"./GridItem/GridItem";export var gridPropXAlign=["left","center","right"];export var gridPropYAlign=["top","center","bottom"];export var gridPropGap=[0,"2xs","xs","s","m","l","xl","2xl","3xl","4xl","5xl","6xl"];export var breakpointSizes=["xs","s","m","l","xl","2xl"];export var cnGrid=cnDeprecated("Grid");export var Grid=forwardRefWithAs(function(a,b){var c=a.as,d=void 0===c?"div":c,e=a.cols,f=a.xAlign,g=a.yAlign,h=a.gap,i=a.colGap,j=a.rowGap,k=a.className,l=a.children,m=a.breakpoints,n=_objectWithoutProperties(a,_excluded),o=useBreakpoints(cnGrid,m);return React.createElement(d,Object.assign({},n,{className:classnames(cnGrid({cols:e,gap:h,colGap:i,rowGap:j,xAlign:f,yAlign:g}),o,k),ref:b}),l)});
+//# sourceMappingURL=GridDeprecated.js.map

package/__internal__/src/components/GridDeprecated/GridDeprecated.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"GridDeprecated.js","names":["classnames","React","cnDeprecated","forwardRefWithAs","useBreakpoints","gridPropXAlign","gridPropYAlign","gridPropGap","breakpointSizes","cnGrid","Grid","props","ref","as","cols","xAlign","yAlign","gap","colGap","rowGap","className","children","breakpoints","otherProps","breakpointsCn"],"sources":["../../../../../src/components/GridDeprecated/GridDeprecated.tsx"],"sourcesContent":["import './Grid.css';\n\nimport { classnames } from '@bem-react/classnames';\nimport React from 'react';\n\nimport { cnDeprecated } from '##/utils/bem';\nimport { forwardRefWithAs } from '##/utils/types/PropsWithAsAttributes';\n\nimport { useBreakpoints } from './useBreakpoints';\n\nexport * from './GridItem/GridItem';\n\nexport const gridPropXAlign = ['left', 'center', 'right'] as const;\nexport type GridPropXAlign = typeof gridPropXAlign[number];\n\nexport const gridPropYAlign = ['top', 'center', 'bottom'] as const;\nexport type GridPropYAlign = typeof gridPropYAlign[number];\n\nexport const gridPropGap = [\n  0,\n  '2xs',\n  'xs',\n  's',\n  'm',\n  'l',\n  'xl',\n  '2xl',\n  '3xl',\n  '4xl',\n  '5xl',\n  '6xl',\n] as const;\nexport type GridPropGap = typeof gridPropGap[number] | '0';\n\nexport type GridPropColGap = GridPropGap;\nexport type GridPropRowGap = GridPropGap;\n\nexport const breakpointSizes = ['xs', 's', 'm', 'l', 'xl', '2xl'] as const;\nexport type BreakpointSizes = typeof breakpointSizes[number];\n\ntype Breakpoint = {\n  cols?: number | string;\n  gap?: GridPropGap;\n  colGap?: GridPropColGap;\n  rowGap?: GridPropRowGap;\n  xAlign?: GridPropXAlign;\n  yAlign?: GridPropYAlign;\n};\n\ntype BreakpointsProps = {\n  'xs'?: Breakpoint;\n  's'?: Breakpoint;\n  'm'?: Breakpoint;\n  'l'?: Breakpoint;\n  'xl'?: Breakpoint;\n  '2xl'?: Breakpoint;\n};\n\nexport type GridProps = Breakpoint & {\n  breakpoints?: BreakpointsProps;\n};\n\nexport const cnGrid = cnDeprecated('Grid');\n\nexport const Grid = forwardRefWithAs<GridProps>((props, ref) => {\n  const {\n    as = 'div',\n    cols,\n    xAlign,\n    yAlign,\n    gap,\n    colGap,\n    rowGap,\n    className,\n    children,\n    breakpoints,\n    ...otherProps\n  } = props;\n\n  const Tag = as as string;\n\n  const breakpointsCn = useBreakpoints(cnGrid, breakpoints);\n\n  return (\n    <Tag\n      {...otherProps}\n      className={classnames(\n        cnGrid({\n          cols,\n          gap,\n          colGap,\n          rowGap,\n          xAlign,\n          yAlign,\n        }),\n        breakpointsCn,\n        className,\n      )}\n      ref={ref}\n    >\n      {children}\n    </Tag>\n  );\n});\n"],"mappings":"gMAAA,mBAEA,OAASA,UAAT,KAA2B,uBAA3B,CACA,MAAOC,MAAP,KAAkB,OAAlB,CAEA,OAASC,YAAT,uBACA,OAASC,gBAAT,+CAEA,OAASC,cAAT,wBAEA,iCAEA,MAAO,IAAMC,eAAc,CAAG,CAAC,MAAD,CAAS,QAAT,CAAmB,OAAnB,CAAvB,CAGP,MAAO,IAAMC,eAAc,CAAG,CAAC,KAAD,CAAQ,QAAR,CAAkB,QAAlB,CAAvB,CAGP,MAAO,IAAMC,YAAW,CAAG,CACzB,CADyB,CAEzB,KAFyB,CAGzB,IAHyB,CAIzB,GAJyB,CAKzB,GALyB,CAMzB,GANyB,CAOzB,IAPyB,CAQzB,KARyB,CASzB,KATyB,CAUzB,KAVyB,CAWzB,KAXyB,CAYzB,KAZyB,CAApB,CAmBP,MAAO,IAAMC,gBAAe,CAAG,CAAC,IAAD,CAAO,GAAP,CAAY,GAAZ,CAAiB,GAAjB,CAAsB,IAAtB,CAA4B,KAA5B,CAAxB,CAyBP,MAAO,IAAMC,OAAM,CAAGP,YAAY,CAAC,MAAD,CAA3B,CAEP,MAAO,IAAMQ,KAAI,CAAGP,gBAAgB,CAAY,SAACQ,CAAD,CAAQC,CAAR,CAAgB,OAa1DD,CAb0D,CAE5DE,EAF4D,CAE5DA,CAF4D,YAEvD,KAFuD,GAG5DC,CAH4D,CAa1DH,CAb0D,CAG5DG,IAH4D,CAI5DC,CAJ4D,CAa1DJ,CAb0D,CAI5DI,MAJ4D,CAK5DC,CAL4D,CAa1DL,CAb0D,CAK5DK,MAL4D,CAM5DC,CAN4D,CAa1DN,CAb0D,CAM5DM,GAN4D,CAO5DC,CAP4D,CAa1DP,CAb0D,CAO5DO,MAP4D,CAQ5DC,CAR4D,CAa1DR,CAb0D,CAQ5DQ,MAR4D,CAS5DC,CAT4D,CAa1DT,CAb0D,CAS5DS,SAT4D,CAU5DC,CAV4D,CAa1DV,CAb0D,CAU5DU,QAV4D,CAW5DC,CAX4D,CAa1DX,CAb0D,CAW5DW,WAX4D,CAYzDC,CAZyD,0BAa1DZ,CAb0D,YAiBxDa,CAAa,CAAGpB,cAAc,CAACK,MAAD,CAASa,CAAT,CAjB0B,CAmB9D,MACE,qBALUT,CAKV,kBACMU,CADN,EAEE,SAAS,CAAEvB,UAAU,CACnBS,MAAM,CAAC,CACLK,IAAI,CAAJA,CADK,CAELG,GAAG,CAAHA,CAFK,CAGLC,MAAM,CAANA,CAHK,CAILC,MAAM,CAANA,CAJK,CAKLJ,MAAM,CAANA,CALK,CAMLC,MAAM,CAANA,CANK,CAAD,CADa,CASnBQ,CATmB,CAUnBJ,CAVmB,CAFvB,CAcE,GAAG,CAAER,CAdP,GAgBGS,CAhBH,CAmBH,CAvCmC,CAA7B"}

package/__internal__/src/components/GridDeprecated/GridItem/GridItem.css

@@ -0,0 +1 @@
+.deprecated--GridItem{grid-column:var(--col-start,span) var(--col-end,1);grid-row:var(--row-start,span) var(--row-end,1);min-width:0}.deprecated--GridItem_col_1{--col-end:1}.deprecated--GridItem_col_2{--col-end:2}.deprecated--GridItem_col_3{--col-end:3}.deprecated--GridItem_col_4{--col-end:4}.deprecated--GridItem_col_5{--col-end:5}.deprecated--GridItem_col_6{--col-end:6}.deprecated--GridItem_col_7{--col-end:7}.deprecated--GridItem_col_8{--col-end:8}.deprecated--GridItem_col_9{--col-end:9}.deprecated--GridItem_col_10{--col-end:10}.deprecated--GridItem_col_11{--col-end:11}.deprecated--GridItem_col_12{--col-end:12}.deprecated--GridItem_colStart_1{--col-start:1/span}.deprecated--GridItem_colStart_2{--col-start:2/span}.deprecated--GridItem_colStart_3{--col-start:3/span}.deprecated--GridItem_colStart_4{--col-start:4/span}.deprecated--GridItem_colStart_5{--col-start:5/span}.deprecated--GridItem_colStart_6{--col-start:6/span}.deprecated--GridItem_colStart_7{--col-start:7/span}.deprecated--GridItem_colStart_8{--col-start:8/span}.deprecated--GridItem_colStart_9{--col-start:9/span}.deprecated--GridItem_colStart_10{--col-start:10/span}.deprecated--GridItem_colStart_11{--col-start:11/span}.deprecated--GridItem_colStart_12{--col-start:12/span}.deprecated--GridItem_row_1{--row-end:1}.deprecated--GridItem_row_2{--row-end:2}.deprecated--GridItem_row_3{--row-end:3}.deprecated--GridItem_row_4{--row-end:4}.deprecated--GridItem_rowStart_1{--row-start:1/span}.deprecated--GridItem_rowStart_2{--row-start:2/span}.deprecated--GridItem_rowStart_3{--row-start:3/span}.deprecated--GridItem_rowStart_4{--row-start:4/span}.deprecated--GridItem_order_-1{order:-1}.deprecated--GridItem_order_0{order:0}.deprecated--GridItem_order_1{order:1}@media screen and (min-width:360px){.deprecated--GridItem_xs\:col_1{--col-end:1}.deprecated--GridItem_xs\:col_2{--col-end:2}.deprecated--GridItem_xs\:col_3{--col-end:3}.deprecated--GridItem_xs\:col_4{--col-end:4}.deprecated--GridItem_xs\:col_5{--col-end:5}.deprecated--GridItem_xs\:col_6{--col-end:6}.deprecated--GridItem_xs\:col_7{--col-end:7}.deprecated--GridItem_xs\:col_8{--col-end:8}.deprecated--GridItem_xs\:col_9{--col-end:9}.deprecated--GridItem_xs\:col_10{--col-end:10}.deprecated--GridItem_xs\:col_11{--col-end:11}.deprecated--GridItem_xs\:col_12{--col-end:12}.deprecated--GridItem_xs\:colStart_1{--col-start:1/span}.deprecated--GridItem_xs\:colStart_2{--col-start:2/span}.deprecated--GridItem_xs\:colStart_3{--col-start:3/span}.deprecated--GridItem_xs\:colStart_4{--col-start:4/span}.deprecated--GridItem_xs\:colStart_5{--col-start:5/span}.deprecated--GridItem_xs\:colStart_6{--col-start:6/span}.deprecated--GridItem_xs\:colStart_7{--col-start:7/span}.deprecated--GridItem_xs\:colStart_8{--col-start:8/span}.deprecated--GridItem_xs\:colStart_9{--col-start:9/span}.deprecated--GridItem_xs\:colStart_10{--col-start:10/span}.deprecated--GridItem_xs\:colStart_11{--col-start:11/span}.deprecated--GridItem_xs\:colStart_12{--col-start:12/span}.deprecated--GridItem_xs\:row_1{--row-end:1}.deprecated--GridItem_xs\:row_2{--row-end:2}.deprecated--GridItem_xs\:row_3{--row-end:3}.deprecated--GridItem_xs\:row_4{--row-end:4}.deprecated--GridItem_xs\:rowStart_1{--row-start:1/span}.deprecated--GridItem_xs\:rowStart_2{--row-start:2/span}.deprecated--GridItem_xs\:rowStart_3{--row-start:3/span}.deprecated--GridItem_xs\:rowStart_4{--row-start:4/span}.deprecated--GridItem_xs\:order_-1{order:-1}.deprecated--GridItem_xs\:order_0{order:0}.deprecated--GridItem_xs\:order_1{order:1}}@media screen and (min-width:640px){.deprecated--GridItem_s\:col_1{--col-end:1}.deprecated--GridItem_s\:col_2{--col-end:2}.deprecated--GridItem_s\:col_3{--col-end:3}.deprecated--GridItem_s\:col_4{--col-end:4}.deprecated--GridItem_s\:col_5{--col-end:5}.deprecated--GridItem_s\:col_6{--col-end:6}.deprecated--GridItem_s\:col_7{--col-end:7}.deprecated--GridItem_s\:col_8{--col-end:8}.deprecated--GridItem_s\:col_9{--col-end:9}.deprecated--GridItem_s\:col_10{--col-end:10}.deprecated--GridItem_s\:col_11{--col-end:11}.deprecated--GridItem_s\:col_12{--col-end:12}.deprecated--GridItem_s\:colStart_1{--col-start:1/span}.deprecated--GridItem_s\:colStart_2{--col-start:2/span}.deprecated--GridItem_s\:colStart_3{--col-start:3/span}.deprecated--GridItem_s\:colStart_4{--col-start:4/span}.deprecated--GridItem_s\:colStart_5{--col-start:5/span}.deprecated--GridItem_s\:colStart_6{--col-start:6/span}.deprecated--GridItem_s\:colStart_7{--col-start:7/span}.deprecated--GridItem_s\:colStart_8{--col-start:8/span}.deprecated--GridItem_s\:colStart_9{--col-start:9/span}.deprecated--GridItem_s\:colStart_10{--col-start:10/span}.deprecated--GridItem_s\:colStart_11{--col-start:11/span}.deprecated--GridItem_s\:colStart_12{--col-start:12/span}.deprecated--GridItem_s\:row_1{--row-end:1}.deprecated--GridItem_s\:row_2{--row-end:2}.deprecated--GridItem_s\:row_3{--row-end:3}.deprecated--GridItem_s\:row_4{--row-end:4}.deprecated--GridItem_s\:rowStart_1{--row-start:1/span}.deprecated--GridItem_s\:rowStart_2{--row-start:2/span}.deprecated--GridItem_s\:rowStart_3{--row-start:3/span}.deprecated--GridItem_s\:rowStart_4{--row-start:4/span}.deprecated--GridItem_s\:order_-1{order:-1}.deprecated--GridItem_s\:order_0{order:0}.deprecated--GridItem_s\:order_1{order:1}}@media screen and (min-width:1024px){.deprecated--GridItem_m\:col_1{--col-end:1}.deprecated--GridItem_m\:col_2{--col-end:2}.deprecated--GridItem_m\:col_3{--col-end:3}.deprecated--GridItem_m\:col_4{--col-end:4}.deprecated--GridItem_m\:col_5{--col-end:5}.deprecated--GridItem_m\:col_6{--col-end:6}.deprecated--GridItem_m\:col_7{--col-end:7}.deprecated--GridItem_m\:col_8{--col-end:8}.deprecated--GridItem_m\:col_9{--col-end:9}.deprecated--GridItem_m\:col_10{--col-end:10}.deprecated--GridItem_m\:col_11{--col-end:11}.deprecated--GridItem_m\:col_12{--col-end:12}.deprecated--GridItem_m\:colStart_1{--col-start:1/span}.deprecated--GridItem_m\:colStart_2{--col-start:2/span}.deprecated--GridItem_m\:colStart_3{--col-start:3/span}.deprecated--GridItem_m\:colStart_4{--col-start:4/span}.deprecated--GridItem_m\:colStart_5{--col-start:5/span}.deprecated--GridItem_m\:colStart_6{--col-start:6/span}.deprecated--GridItem_m\:colStart_7{--col-start:7/span}.deprecated--GridItem_m\:colStart_8{--col-start:8/span}.deprecated--GridItem_m\:colStart_9{--col-start:9/span}.deprecated--GridItem_m\:colStart_10{--col-start:10/span}.deprecated--GridItem_m\:colStart_11{--col-start:11/span}.deprecated--GridItem_m\:colStart_12{--col-start:12/span}.deprecated--GridItem_m\:row_1{--row-end:1}.deprecated--GridItem_m\:row_2{--row-end:2}.deprecated--GridItem_m\:row_3{--row-end:3}.deprecated--GridItem_m\:row_4{--row-end:4}.deprecated--GridItem_m\:rowStart_1{--row-start:1/span}.deprecated--GridItem_m\:rowStart_2{--row-start:2/span}.deprecated--GridItem_m\:rowStart_3{--row-start:3/span}.deprecated--GridItem_m\:rowStart_4{--row-start:4/span}.deprecated--GridItem_m\:order_-1{order:-1}.deprecated--GridItem_m\:order_0{order:0}.deprecated--GridItem_m\:order_1{order:1}}@media screen and (min-width:1280px){.deprecated--GridItem_l\:col_1{--col-end:1}.deprecated--GridItem_l\:col_2{--col-end:2}.deprecated--GridItem_l\:col_3{--col-end:3}.deprecated--GridItem_l\:col_4{--col-end:4}.deprecated--GridItem_l\:col_5{--col-end:5}.deprecated--GridItem_l\:col_6{--col-end:6}.deprecated--GridItem_l\:col_7{--col-end:7}.deprecated--GridItem_l\:col_8{--col-end:8}.deprecated--GridItem_l\:col_9{--col-end:9}.deprecated--GridItem_l\:col_10{--col-end:10}.deprecated--GridItem_l\:col_11{--col-end:11}.deprecated--GridItem_l\:col_12{--col-end:12}.deprecated--GridItem_l\:colStart_1{--col-start:1/span}.deprecated--GridItem_l\:colStart_2{--col-start:2/span}.deprecated--GridItem_l\:colStart_3{--col-start:3/span}.deprecated--GridItem_l\:colStart_4{--col-start:4/span}.deprecated--GridItem_l\:colStart_5{--col-start:5/span}.deprecated--GridItem_l\:colStart_6{--col-start:6/span}.deprecated--GridItem_l\:colStart_7{--col-start:7/span}.deprecated--GridItem_l\:colStart_8{--col-start:8/span}.deprecated--GridItem_l\:colStart_9{--col-start:9/span}.deprecated--GridItem_l\:colStart_10{--col-start:10/span}.deprecated--GridItem_l\:colStart_11{--col-start:11/span}.deprecated--GridItem_l\:colStart_12{--col-start:12/span}.deprecated--GridItem_l\:row_1{--row-end:1}.deprecated--GridItem_l\:row_2{--row-end:2}.deprecated--GridItem_l\:row_3{--row-end:3}.deprecated--GridItem_l\:row_4{--row-end:4}.deprecated--GridItem_l\:rowStart_1{--row-start:1/span}.deprecated--GridItem_l\:rowStart_2{--row-start:2/span}.deprecated--GridItem_l\:rowStart_3{--row-start:3/span}.deprecated--GridItem_l\:rowStart_4{--row-start:4/span}.deprecated--GridItem_l\:order_-1{order:-1}.deprecated--GridItem_l\:order_0{order:0}.deprecated--GridItem_l\:order_1{order:1}}@media screen and (min-width:1440px){.deprecated--GridItem_xl\:col_1{--col-end:1}.deprecated--GridItem_xl\:col_2{--col-end:2}.deprecated--GridItem_xl\:col_3{--col-end:3}.deprecated--GridItem_xl\:col_4{--col-end:4}.deprecated--GridItem_xl\:col_5{--col-end:5}.deprecated--GridItem_xl\:col_6{--col-end:6}.deprecated--GridItem_xl\:col_7{--col-end:7}.deprecated--GridItem_xl\:col_8{--col-end:8}.deprecated--GridItem_xl\:col_9{--col-end:9}.deprecated--GridItem_xl\:col_10{--col-end:10}.deprecated--GridItem_xl\:col_11{--col-end:11}.deprecated--GridItem_xl\:col_12{--col-end:12}.deprecated--GridItem_xl\:colStart_1{--col-start:1/span}.deprecated--GridItem_xl\:colStart_2{--col-start:2/span}.deprecated--GridItem_xl\:colStart_3{--col-start:3/span}.deprecated--GridItem_xl\:colStart_4{--col-start:4/span}.deprecated--GridItem_xl\:colStart_5{--col-start:5/span}.deprecated--GridItem_xl\:colStart_6{--col-start:6/span}.deprecated--GridItem_xl\:colStart_7{--col-start:7/span}.deprecated--GridItem_xl\:colStart_8{--col-start:8/span}.deprecated--GridItem_xl\:colStart_9{--col-start:9/span}.deprecated--GridItem_xl\:colStart_10{--col-start:10/span}.deprecated--GridItem_xl\:colStart_11{--col-start:11/span}.deprecated--GridItem_xl\:colStart_12{--col-start:12/span}.deprecated--GridItem_xl\:row_1{--row-end:1}.deprecated--GridItem_xl\:row_2{--row-end:2}.deprecated--GridItem_xl\:row_3{--row-end:3}.deprecated--GridItem_xl\:row_4{--row-end:4}.deprecated--GridItem_xl\:rowStart_1{--row-start:1/span}.deprecated--GridItem_xl\:rowStart_2{--row-start:2/span}.deprecated--GridItem_xl\:rowStart_3{--row-start:3/span}.deprecated--GridItem_xl\:rowStart_4{--row-start:4/span}.deprecated--GridItem_xl\:order_-1{order:-1}.deprecated--GridItem_xl\:order_0{order:0}.deprecated--GridItem_xl\:order_1{order:1}}@media screen and (min-width:1920px){.deprecated--GridItem_2xl\:col_1{--col-end:1}.deprecated--GridItem_2xl\:col_2{--col-end:2}.deprecated--GridItem_2xl\:col_3{--col-end:3}.deprecated--GridItem_2xl\:col_4{--col-end:4}.deprecated--GridItem_2xl\:col_5{--col-end:5}.deprecated--GridItem_2xl\:col_6{--col-end:6}.deprecated--GridItem_2xl\:col_7{--col-end:7}.deprecated--GridItem_2xl\:col_8{--col-end:8}.deprecated--GridItem_2xl\:col_9{--col-end:9}.deprecated--GridItem_2xl\:col_10{--col-end:10}.deprecated--GridItem_2xl\:col_11{--col-end:11}.deprecated--GridItem_2xl\:col_12{--col-end:12}.deprecated--GridItem_2xl\:colStart_1{--col-start:1/span}.deprecated--GridItem_2xl\:colStart_2{--col-start:2/span}.deprecated--GridItem_2xl\:colStart_3{--col-start:3/span}.deprecated--GridItem_2xl\:colStart_4{--col-start:4/span}.deprecated--GridItem_2xl\:colStart_5{--col-start:5/span}.deprecated--GridItem_2xl\:colStart_6{--col-start:6/span}.deprecated--GridItem_2xl\:colStart_7{--col-start:7/span}.deprecated--GridItem_2xl\:colStart_8{--col-start:8/span}.deprecated--GridItem_2xl\:colStart_9{--col-start:9/span}.deprecated--GridItem_2xl\:colStart_10{--col-start:10/span}.deprecated--GridItem_2xl\:colStart_11{--col-start:11/span}.deprecated--GridItem_2xl\:colStart_12{--col-start:12/span}.deprecated--GridItem_2xl\:row_1{--row-end:1}.deprecated--GridItem_2xl\:row_2{--row-end:2}.deprecated--GridItem_2xl\:row_3{--row-end:3}.deprecated--GridItem_2xl\:row_4{--row-end:4}.deprecated--GridItem_2xl\:rowStart_1{--row-start:1/span}.deprecated--GridItem_2xl\:rowStart_2{--row-start:2/span}.deprecated--GridItem_2xl\:rowStart_3{--row-start:3/span}.deprecated--GridItem_2xl\:rowStart_4{--row-start:4/span}.deprecated--GridItem_2xl\:order_-1{order:-1}.deprecated--GridItem_2xl\:order_0{order:0}.deprecated--GridItem_2xl\:order_1{order:1}}

package/__internal__/src/components/GridDeprecated/GridItem/GridItem.d.ts

@@ -0,0 +1,22 @@
+import './GridItem.css';
+declare type Breakpoint = {
+    col?: number | string;
+    colStart?: number | string;
+    row?: number | string;
+    rowStart?: number | string;
+    order?: number | string;
+};
+declare type BreakpointsProps = {
+    'xs'?: Breakpoint;
+    's'?: Breakpoint;
+    'm'?: Breakpoint;
+    'l'?: Breakpoint;
+    'xl'?: Breakpoint;
+    '2xl'?: Breakpoint;
+};
+export declare type GridItemProps = Breakpoint & {
+    breakpoints?: BreakpointsProps;
+};
+export declare const cnGridItem: import("@bem-react/classname").ClassNameFormatter;
+export declare const GridItem: import("../../../utils/types/PropsWithAsAttributes").ComponentWithAs<GridItemProps, "div">;
+export {};

package/__internal__/src/components/GridDeprecated/GridItem/GridItem.js

@@ -0,0 +1,2 @@
+import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";var _excluded=["as","col","colStart","row","rowStart","order","className","children","breakpoints"];import"./GridItem.css";import{classnames}from"@bem-react/classnames";import React from"react";import{cnDeprecated}from"../../../utils/bem";import{forwardRefWithAs}from"../../../utils/types/PropsWithAsAttributes";import{useBreakpoints}from"../useBreakpoints";export var cnGridItem=cnDeprecated("GridItem");export var GridItem=forwardRefWithAs(function(a,b){var c=a.as,d=void 0===c?"div":c,e=a.col,f=a.colStart,g=a.row,h=a.rowStart,i=a.order,j=a.className,k=a.children,l=a.breakpoints,m=_objectWithoutProperties(a,_excluded),n=useBreakpoints(cnGridItem,l);return React.createElement(d,Object.assign({},m,{className:classnames(cnGridItem({col:e,colStart:f,row:g,rowStart:h,order:i}),n,j),ref:b}),k)});
+//# sourceMappingURL=GridItem.js.map

package/__internal__/src/components/GridDeprecated/GridItem/GridItem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"GridItem.js","names":["classnames","React","cnDeprecated","forwardRefWithAs","useBreakpoints","cnGridItem","GridItem","props","ref","as","col","colStart","row","rowStart","order","className","children","breakpoints","otherProps","breakpointsCn"],"sources":["../../../../../../src/components/GridDeprecated/GridItem/GridItem.tsx"],"sourcesContent":["import './GridItem.css';\n\nimport { classnames } from '@bem-react/classnames';\nimport React from 'react';\n\nimport { cnDeprecated } from '../../../utils/bem';\nimport { forwardRefWithAs } from '../../../utils/types/PropsWithAsAttributes';\nimport { useBreakpoints } from '../useBreakpoints';\n\ntype Breakpoint = {\n  col?: number | string;\n  colStart?: number | string;\n  row?: number | string;\n  rowStart?: number | string;\n  order?: number | string;\n};\n\ntype BreakpointsProps = {\n  'xs'?: Breakpoint;\n  's'?: Breakpoint;\n  'm'?: Breakpoint;\n  'l'?: Breakpoint;\n  'xl'?: Breakpoint;\n  '2xl'?: Breakpoint;\n};\n\nexport type GridItemProps = Breakpoint & {\n  breakpoints?: BreakpointsProps;\n};\n\nexport const cnGridItem = cnDeprecated('GridItem');\n\nexport const GridItem = forwardRefWithAs<GridItemProps>((props, ref) => {\n  const {\n    as = 'div',\n    col,\n    colStart,\n    row,\n    rowStart,\n    order,\n    className,\n    children,\n    breakpoints,\n    ...otherProps\n  } = props;\n\n  const Tag = as as string;\n\n  const breakpointsCn = useBreakpoints(cnGridItem, breakpoints);\n\n  return (\n    <Tag\n      {...otherProps}\n      className={classnames(\n        cnGridItem({\n          col,\n          colStart,\n          row,\n          rowStart,\n          order,\n        }),\n        breakpointsCn,\n        className,\n      )}\n      ref={ref}\n    >\n      {children}\n    </Tag>\n  );\n});\n"],"mappings":"yLAAA,uBAEA,OAASA,UAAT,KAA2B,uBAA3B,CACA,MAAOC,MAAP,KAAkB,OAAlB,CAEA,OAASC,YAAT,0BACA,OAASC,gBAAT,kDACA,OAASC,cAAT,yBAuBA,MAAO,IAAMC,WAAU,CAAGH,YAAY,CAAC,UAAD,CAA/B,CAEP,MAAO,IAAMI,SAAQ,CAAGH,gBAAgB,CAAgB,SAACI,CAAD,CAAQC,CAAR,CAAgB,OAYlED,CAZkE,CAEpEE,EAFoE,CAEpEA,CAFoE,YAE/D,KAF+D,GAGpEC,CAHoE,CAYlEH,CAZkE,CAGpEG,GAHoE,CAIpEC,CAJoE,CAYlEJ,CAZkE,CAIpEI,QAJoE,CAKpEC,CALoE,CAYlEL,CAZkE,CAKpEK,GALoE,CAMpEC,CANoE,CAYlEN,CAZkE,CAMpEM,QANoE,CAOpEC,CAPoE,CAYlEP,CAZkE,CAOpEO,KAPoE,CAQpEC,CARoE,CAYlER,CAZkE,CAQpEQ,SARoE,CASpEC,CAToE,CAYlET,CAZkE,CASpES,QAToE,CAUpEC,CAVoE,CAYlEV,CAZkE,CAUpEU,WAVoE,CAWjEC,CAXiE,0BAYlEX,CAZkE,YAgBhEY,CAAa,CAAGf,cAAc,CAACC,UAAD,CAAaY,CAAb,CAhBkC,CAkBtE,MACE,qBALUR,CAKV,kBACMS,CADN,EAEE,SAAS,CAAElB,UAAU,CACnBK,UAAU,CAAC,CACTK,GAAG,CAAHA,CADS,CAETC,QAAQ,CAARA,CAFS,CAGTC,GAAG,CAAHA,CAHS,CAITC,QAAQ,CAARA,CAJS,CAKTC,KAAK,CAALA,CALS,CAAD,CADS,CAQnBK,CARmB,CASnBJ,CATmB,CAFvB,CAaE,GAAG,CAAEP,CAbP,GAeGQ,CAfH,CAkBH,CArCuC,CAAjC"}

package/__internal__/src/components/GridDeprecated/index.d.ts

@@ -0,0 +1 @@
+export * from './GridDeprecated';

package/__internal__/src/components/GridDeprecated/index.js

@@ -0,0 +1,2 @@
+export*from"./GridDeprecated";
+//# sourceMappingURL=index.js.map

package/__internal__/src/components/GridDeprecated/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../../../../src/components/GridDeprecated/index.ts"],"sourcesContent":["export * from './GridDeprecated';\n"],"mappings":"AAAA"}

package/__internal__/src/components/GridDeprecated/useBreakpoints.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useBreakpoints.js","names":["classnames","isEmpty","generateBreakpointCn","cn","size","breakpoint","cnProps","Object","keys","reduce","previous","current","generateBreakpointsCn","breakpoints","useBreakpoints"],"sources":["../../../../../src/components/GridDeprecated/useBreakpoints.ts"],"sourcesContent":["import { ClassNameFormatter } from '@bem-react/classname';\nimport { classnames } from '@bem-react/classnames';\n\nimport { isEmpty } from '../../utils/object';\n\ntype Breakpoint = Record<string, string | number | undefined>;\nexport type Breakpoints = Record<string, Breakpoint | undefined>;\n\nconst generateBreakpointCn = (\n  cn: ClassNameFormatter,\n  size: string,\n  breakpoint: Breakpoint,\n): string | undefined => {\n  const cnProps = Object.keys(breakpoint).reduce((previous, current) => {\n    return {\n      ...previous,\n      [`${size}:${current}`]:\n        breakpoint[current] === undefined\n          ? undefined\n          : `${breakpoint[current]}`,\n    };\n  }, {});\n\n  return cn(cnProps);\n};\n\nexport const generateBreakpointsCn = (\n  cn: ClassNameFormatter,\n  breakpoints?: Breakpoints,\n): string => {\n  if (!breakpoints || isEmpty(breakpoints)) {\n    return '';\n  }\n\n  return Object.keys(breakpoints).reduce((previous, current) => {\n    const breakpoint = breakpoints[current];\n\n    if (breakpoint && !isEmpty(breakpoint)) {\n      return classnames(\n        previous,\n        generateBreakpointCn(cn, current, breakpoint),\n      );\n    }\n    return '';\n  }, '');\n};\n/**\n *\n * @param cn ClassNameFormatter\n * @param breakpoints Breakpoints\n *\n * хук вернет сгенерированный класс на основе `breakpoints`\n *\n * Пример:\n *\n * cn = cn('Grid')\n *\n * breakpoints = {\n * xs: {\n *   gap: 0,\n *   cols: 12,\n *   xAlign: 'center',\n *   yAlign: 'center',\n * },\n * s: {\n *   gap: 33,\n *   cols: 12,\n *   xAlign: 'center',\n *   yAlign: 'center',\n * }\n * }\n *\n * =>\n *\n * Grid Grid_xs:gap_0 Grid_xs:cols_12 Grid_xs:xAlign_center Grid_xs:yAlign_center Grid_s:gap_33 Grid_s:cols_12 Grid_s:xAlign_center Grid_s:yAlign_center\n *\n */\nexport const useBreakpoints = (\n  cn: ClassNameFormatter,\n  breakpoints?: Breakpoints,\n) => generateBreakpointsCn(cn, breakpoints);\n"],"mappings":"qqBACA,OAASA,UAAT,KAA2B,uBAA3B,CAEA,OAASC,OAAT,0BAKA,GAAMC,qBAAoB,CAAG,SAC3BC,CAD2B,CAE3BC,CAF2B,CAG3BC,CAH2B,CAIJ,CACvB,GAAMC,EAAO,CAAGC,MAAM,CAACC,IAAP,CAAYH,CAAZ,EAAwBI,MAAxB,CAA+B,SAACC,CAAD,CAAWC,CAAX,CAAuB,CACpE,sCACKD,CADL,kCAEMN,CAFN,aAEcO,CAFd,EAGIN,CAAU,CAACM,CAAD,CAAV,2BAEON,CAAU,CAACM,CAAD,CAFjB,CAHJ,EAOD,CARe,CAQb,EARa,CAAhB,CAUA,MAAOR,EAAE,CAACG,CAAD,CACV,CAhBD,CAkBA,MAAO,IAAMM,sBAAqB,CAAG,SACnCT,CADmC,CAEnCU,CAFmC,CAGxB,OACP,CAACA,CAAD,EAAgBZ,OAAO,CAACY,CAAD,CADhB,CAEF,EAFE,CAKJN,MAAM,CAACC,IAAP,CAAYK,CAAZ,EAAyBJ,MAAzB,CAAgC,SAACC,CAAD,CAAWC,CAAX,CAAuB,CAC5D,GAAMN,EAAU,CAAGQ,CAAW,CAACF,CAAD,CAA9B,CAD4D,MAGxDN,EAAU,EAAI,CAACJ,OAAO,CAACI,CAAD,CAHkC,CAInDL,UAAU,CACfU,CADe,CAEfR,oBAAoB,CAACC,CAAD,CAAKQ,CAAL,CAAcN,CAAd,CAFL,CAJyC,CASrD,EACR,CAVM,CAUJ,EAVI,CAWR,CAnBM,CAmDP,MAAO,IAAMS,eAAc,CAAG,SAC5BX,CAD4B,CAE5BU,CAF4B,QAGzBD,sBAAqB,CAACT,CAAD,CAAKU,CAAL,CAHI,CAAvB"}

package/__internal__/src/components/Informer/Informer.js

@@ -1,2 +1,2 @@
-import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";var _excluded=["view","status","size","icon","label","title","children"];import"./Informer.css";import{classnames}from"@bem-react/classnames";import React from"react";import{cnMixSpace}from"../../mixs/MixSpace";import{cn}from"../../utils/bem";import{Text}from"../Text/Text";import{useTheme}from"../Theme/Theme";export var informerPropView=["filled","bordered"];export var informerPropViewDefault=informerPropView[0];export var informerPropStatus=["success","system","alert","warning"];export var informerPropStatusDefault=informerPropStatus[0];export var informerPropSize=["m","s"];export var informerPropSiseDefault=informerPropSize[0];export var cnInformer=cn("Informer");export var Informer=React.forwardRef(function(a,b){var c=a.view,d=void 0===c?informerPropViewDefault:c,e=a.status,f=void 0===e?informerPropStatusDefault:e,g=a.size,h=void 0===g?informerPropSiseDefault:g,i=a.icon,j=a.label,k=a.title,l=a.children,m=_objectWithoutProperties(a,_excluded),n=i,o=useTheme(),p=o.themeClassNames,q="system"!==f&&"filled"===d?classnames(a.className,p.color.accent):a.className;return React.createElement("div",Object.assign({},m,{className:cnInformer({view:d,status:f,withIcon:!!i},[q,cnMixSpace({p:h})]),ref:b}),n&&React.createElement(n,{className:cnInformer("Icon"),size:"s"}),React.createElement("div",{className:cnInformer("Content")},k&&React.createElement(Text,{lineHeight:"xs",className:cnInformer("Title",[cnMixSpace({mB:"2xs"})]),weight:"bold",size:h},k),j?React.createElement(Text,{lineHeight:"xs",className:cnInformer("Label"),size:h},j):l))});
+import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";var _excluded=["view","status","size","icon","label","title","children"];import"./Informer.css";import{classnames}from"@bem-react/classnames";import React from"react";import{cnMixSpace}from"../../mixs/MixSpace";import{cn}from"../../utils/bem";import{Text}from"../Text/Text";import{useTheme}from"../Theme/Theme";export var informerPropView=["filled","bordered"];export var informerPropViewDefault=informerPropView[0];export var informerPropStatus=["success","system","alert","warning"];export var informerPropStatusDefault=informerPropStatus[0];export var informerPropSize=["m","s"];export var informerPropSiseDefault=informerPropSize[0];export var cnInformer=cn("Informer");export var Informer=React.forwardRef(function(a,b){var c=a.view,d=void 0===c?informerPropViewDefault:c,e=a.status,f=void 0===e?informerPropStatusDefault:e,g=a.size,h=void 0===g?informerPropSiseDefault:g,i=a.icon,j=a.label,k=a.title,l=a.children,m=_objectWithoutProperties(a,_excluded),n=i,o=useTheme(),p=o.themeClassNames,q="system"!==f&&"filled"===d?classnames(a.className,p.color.accent):a.className;return React.createElement("div",Object.assign({},m,{className:cnInformer({view:d,status:f,withIcon:!!i},[q,cnMixSpace({p:h})]),ref:b}),n&&React.createElement(n,{className:cnInformer("Icon"),size:"s"}),React.createElement("div",{className:cnInformer("Content")},k&&React.createElement(Text,{lineHeight:"xs",className:cnInformer("Title",[cnMixSpace({mB:"2xs"})]),weight:"bold",size:h,view:"primary"},k),j?React.createElement(Text,{lineHeight:"xs",view:"primary",className:cnInformer("Label"),size:h},j):l))});
 //# sourceMappingURL=Informer.js.map

package/__internal__/src/components/Informer/Informer.js.map

@@ -1 +1 @@
-{"version":3,"file":"Informer.js","names":["classnames","React","cnMixSpace","cn","Text","useTheme","informerPropView","informerPropViewDefault","informerPropStatus","informerPropStatusDefault","informerPropSize","informerPropSiseDefault","cnInformer","Informer","forwardRef","props","ref","view","status","size","icon","label","title","children","otherProps","Icon","themeClassNames","className","color","accent","withIcon","p","mB"],"sources":["../../../../../src/components/Informer/Informer.tsx"],"sourcesContent":["import './Informer.css';\n\nimport { classnames } from '@bem-react/classnames';\nimport { IconComponent } from '@consta/icons/Icon';\nimport React from 'react';\n\nimport { cnMixSpace } from '##/mixs/MixSpace';\n\nimport { cn } from '../../utils/bem';\nimport { PropsWithHTMLAttributes } from '../../utils/types/PropsWithHTMLAttributes';\nimport { Text } from '../Text/Text';\nimport { useTheme } from '../Theme/Theme';\n\nexport const informerPropView = ['filled', 'bordered'] as const;\nexport type InformerPropView = typeof informerPropView[number];\nexport const informerPropViewDefault: InformerPropView = informerPropView[0];\n\nexport const informerPropStatus = [\n  'success',\n  'system',\n  'alert',\n  'warning',\n] as const;\nexport type InformerPropStatus = typeof informerPropStatus[number];\nexport const informerPropStatusDefault: InformerPropStatus =\n  informerPropStatus[0];\n\nexport const informerPropSize = ['m', 's'] as const;\nexport type InformerPropSize = typeof informerPropSize[number];\nexport const informerPropSiseDefault: InformerPropSize = informerPropSize[0];\n\ntype Props = {\n  view?: InformerPropView;\n  status?: InformerPropStatus;\n  icon?: IconComponent;\n  label?: React.ReactNode;\n  title?: string;\n  size?: InformerPropSize;\n};\n\nexport type InformerProps = PropsWithHTMLAttributes<Props, HTMLDivElement>;\n\nexport const cnInformer = cn('Informer');\n\nexport const Informer = React.forwardRef<HTMLDivElement, InformerProps>(\n  (props, ref) => {\n    const {\n      view = informerPropViewDefault,\n      status = informerPropStatusDefault,\n      size = informerPropSiseDefault,\n      icon,\n      label,\n      title,\n      children,\n      ...otherProps\n    } = props;\n    const Icon = icon;\n    const withIcon = !!icon;\n    const { themeClassNames } = useTheme();\n    const className =\n      status !== 'system' && view === 'filled'\n        ? classnames(props.className, themeClassNames.color.accent)\n        : props.className;\n\n    return (\n      <div\n        {...otherProps}\n        className={cnInformer(\n          {\n            view,\n            status,\n            withIcon,\n          },\n          [className, cnMixSpace({ p: size })],\n        )}\n        ref={ref}\n      >\n        {Icon && <Icon className={cnInformer('Icon')} size=\"s\" />}\n        <div className={cnInformer('Content')}>\n          {title && (\n            <Text\n              lineHeight=\"xs\"\n              className={cnInformer('Title', [cnMixSpace({ mB: '2xs' })])}\n              weight=\"bold\"\n              size={size}\n            >\n              {title}\n            </Text>\n          )}\n          {label ? (\n            <Text lineHeight=\"xs\" className={cnInformer('Label')} size={size}>\n              {label}\n            </Text>\n          ) : (\n            children\n          )}\n        </div>\n      </div>\n    );\n  },\n);\n"],"mappings":"8JAAA,uBAEA,OAASA,UAAT,KAA2B,uBAA3B,CAEA,MAAOC,MAAP,KAAkB,OAAlB,CAEA,OAASC,UAAT,2BAEA,OAASC,EAAT,uBAEA,OAASC,IAAT,oBACA,OAASC,QAAT,sBAEA,MAAO,IAAMC,iBAAgB,CAAG,CAAC,QAAD,CAAW,UAAX,CAAzB,CAEP,MAAO,IAAMC,wBAAyC,CAAGD,gBAAgB,CAAC,CAAD,CAAlE,CAEP,MAAO,IAAME,mBAAkB,CAAG,CAChC,SADgC,CAEhC,QAFgC,CAGhC,OAHgC,CAIhC,SAJgC,CAA3B,CAOP,MAAO,IAAMC,0BAA6C,CACxDD,kBAAkB,CAAC,CAAD,CADb,CAGP,MAAO,IAAME,iBAAgB,CAAG,CAAC,GAAD,CAAM,GAAN,CAAzB,CAEP,MAAO,IAAMC,wBAAyC,CAAGD,gBAAgB,CAAC,CAAD,CAAlE,CAaP,MAAO,IAAME,WAAU,CAAGT,EAAE,CAAC,UAAD,CAArB,CAEP,MAAO,IAAMU,SAAQ,CAAGZ,KAAK,CAACa,UAAN,CACtB,SAACC,CAAD,CAAQC,CAAR,CAAgB,OAUVD,CAVU,CAEZE,IAFY,CAEZA,CAFY,YAELV,uBAFK,KAUVQ,CAVU,CAGZG,MAHY,CAGZA,CAHY,YAGHT,yBAHG,KAUVM,CAVU,CAIZI,IAJY,CAIZA,CAJY,YAILR,uBAJK,GAKZS,CALY,CAUVL,CAVU,CAKZK,IALY,CAMZC,CANY,CAUVN,CAVU,CAMZM,KANY,CAOZC,CAPY,CAUVP,CAVU,CAOZO,KAPY,CAQZC,CARY,CAUVR,CAVU,CAQZQ,QARY,CASTC,CATS,0BAUVT,CAVU,YAWRU,CAAI,CAAGL,CAXC,GAacf,QAAQ,EAbtB,CAaNqB,CAbM,GAaNA,eAbM,CAcRC,CAAS,CACF,QAAX,GAAAT,CAAM,EAA0B,QAAT,GAAAD,CAAvB,CACIjB,UAAU,CAACe,CAAK,CAACY,SAAP,CAAkBD,CAAe,CAACE,KAAhB,CAAsBC,MAAxC,CADd,CAEId,CAAK,CAACY,SAjBE,CAmBd,MACE,4CACMH,CADN,EAEE,SAAS,CAAEZ,UAAU,CACnB,CACEK,IAAI,CAAJA,CADF,CAEEC,MAAM,CAANA,CAFF,CAGEY,QAAQ,CAdC,CAAC,CAACV,CAWb,CADmB,CAMnB,CAACO,CAAD,CAAYzB,UAAU,CAAC,CAAE6B,CAAC,CAAEZ,CAAL,CAAD,CAAtB,CANmB,CAFvB,CAUE,GAAG,CAAEH,CAVP,GAYGS,CAAI,EAAI,oBAAC,CAAD,EAAM,SAAS,CAAEb,UAAU,CAAC,MAAD,CAA3B,CAAqC,IAAI,CAAC,GAA1C,EAZX,CAaE,2BAAK,SAAS,CAAEA,UAAU,CAAC,SAAD,CAA1B,EACGU,CAAK,EACJ,oBAAC,IAAD,EACE,UAAU,CAAC,IADb,CAEE,SAAS,CAAEV,UAAU,CAAC,OAAD,CAAU,CAACV,UAAU,CAAC,CAAE8B,EAAE,CAAE,KAAN,CAAD,CAAX,CAAV,CAFvB,CAGE,MAAM,CAAC,MAHT,CAIE,IAAI,CAAEb,CAJR,EAMGG,CANH,CAFJ,CAWGD,CAAK,CACJ,oBAAC,IAAD,EAAM,UAAU,CAAC,IAAjB,CAAsB,SAAS,CAAET,UAAU,CAAC,OAAD,CAA3C,CAAsD,IAAI,CAAEO,CAA5D,EACGE,CADH,CADI,CAKJE,CAhBJ,CAbF,CAkCH,CAvDqB,CAAjB"}
+{"version":3,"file":"Informer.js","names":["classnames","React","cnMixSpace","cn","Text","useTheme","informerPropView","informerPropViewDefault","informerPropStatus","informerPropStatusDefault","informerPropSize","informerPropSiseDefault","cnInformer","Informer","forwardRef","props","ref","view","status","size","icon","label","title","children","otherProps","Icon","themeClassNames","className","color","accent","withIcon","p","mB"],"sources":["../../../../../src/components/Informer/Informer.tsx"],"sourcesContent":["import './Informer.css';\n\nimport { classnames } from '@bem-react/classnames';\nimport { IconComponent } from '@consta/icons/Icon';\nimport React from 'react';\n\nimport { cnMixSpace } from '##/mixs/MixSpace';\n\nimport { cn } from '../../utils/bem';\nimport { PropsWithHTMLAttributes } from '../../utils/types/PropsWithHTMLAttributes';\nimport { Text } from '../Text/Text';\nimport { useTheme } from '../Theme/Theme';\n\nexport const informerPropView = ['filled', 'bordered'] as const;\nexport type InformerPropView = typeof informerPropView[number];\nexport const informerPropViewDefault: InformerPropView = informerPropView[0];\n\nexport const informerPropStatus = [\n  'success',\n  'system',\n  'alert',\n  'warning',\n] as const;\nexport type InformerPropStatus = typeof informerPropStatus[number];\nexport const informerPropStatusDefault: InformerPropStatus =\n  informerPropStatus[0];\n\nexport const informerPropSize = ['m', 's'] as const;\nexport type InformerPropSize = typeof informerPropSize[number];\nexport const informerPropSiseDefault: InformerPropSize = informerPropSize[0];\n\ntype Props = {\n  view?: InformerPropView;\n  status?: InformerPropStatus;\n  icon?: IconComponent;\n  label?: React.ReactNode;\n  title?: string;\n  size?: InformerPropSize;\n};\n\nexport type InformerProps = PropsWithHTMLAttributes<Props, HTMLDivElement>;\n\nexport const cnInformer = cn('Informer');\n\nexport const Informer = React.forwardRef<HTMLDivElement, InformerProps>(\n  (props, ref) => {\n    const {\n      view = informerPropViewDefault,\n      status = informerPropStatusDefault,\n      size = informerPropSiseDefault,\n      icon,\n      label,\n      title,\n      children,\n      ...otherProps\n    } = props;\n    const Icon = icon;\n    const withIcon = !!icon;\n    const { themeClassNames } = useTheme();\n    const className =\n      status !== 'system' && view === 'filled'\n        ? classnames(props.className, themeClassNames.color.accent)\n        : props.className;\n\n    return (\n      <div\n        {...otherProps}\n        className={cnInformer(\n          {\n            view,\n            status,\n            withIcon,\n          },\n          [className, cnMixSpace({ p: size })],\n        )}\n        ref={ref}\n      >\n        {Icon && <Icon className={cnInformer('Icon')} size=\"s\" />}\n        <div className={cnInformer('Content')}>\n          {title && (\n            <Text\n              lineHeight=\"xs\"\n              className={cnInformer('Title', [cnMixSpace({ mB: '2xs' })])}\n              weight=\"bold\"\n              size={size}\n              view=\"primary\"\n            >\n              {title}\n            </Text>\n          )}\n          {label ? (\n            <Text\n              lineHeight=\"xs\"\n              view=\"primary\"\n              className={cnInformer('Label')}\n              size={size}\n            >\n              {label}\n            </Text>\n          ) : (\n            children\n          )}\n        </div>\n      </div>\n    );\n  },\n);\n"],"mappings":"8JAAA,uBAEA,OAASA,UAAT,KAA2B,uBAA3B,CAEA,MAAOC,MAAP,KAAkB,OAAlB,CAEA,OAASC,UAAT,2BAEA,OAASC,EAAT,uBAEA,OAASC,IAAT,oBACA,OAASC,QAAT,sBAEA,MAAO,IAAMC,iBAAgB,CAAG,CAAC,QAAD,CAAW,UAAX,CAAzB,CAEP,MAAO,IAAMC,wBAAyC,CAAGD,gBAAgB,CAAC,CAAD,CAAlE,CAEP,MAAO,IAAME,mBAAkB,CAAG,CAChC,SADgC,CAEhC,QAFgC,CAGhC,OAHgC,CAIhC,SAJgC,CAA3B,CAOP,MAAO,IAAMC,0BAA6C,CACxDD,kBAAkB,CAAC,CAAD,CADb,CAGP,MAAO,IAAME,iBAAgB,CAAG,CAAC,GAAD,CAAM,GAAN,CAAzB,CAEP,MAAO,IAAMC,wBAAyC,CAAGD,gBAAgB,CAAC,CAAD,CAAlE,CAaP,MAAO,IAAME,WAAU,CAAGT,EAAE,CAAC,UAAD,CAArB,CAEP,MAAO,IAAMU,SAAQ,CAAGZ,KAAK,CAACa,UAAN,CACtB,SAACC,CAAD,CAAQC,CAAR,CAAgB,OAUVD,CAVU,CAEZE,IAFY,CAEZA,CAFY,YAELV,uBAFK,KAUVQ,CAVU,CAGZG,MAHY,CAGZA,CAHY,YAGHT,yBAHG,KAUVM,CAVU,CAIZI,IAJY,CAIZA,CAJY,YAILR,uBAJK,GAKZS,CALY,CAUVL,CAVU,CAKZK,IALY,CAMZC,CANY,CAUVN,CAVU,CAMZM,KANY,CAOZC,CAPY,CAUVP,CAVU,CAOZO,KAPY,CAQZC,CARY,CAUVR,CAVU,CAQZQ,QARY,CASTC,CATS,0BAUVT,CAVU,YAWRU,CAAI,CAAGL,CAXC,GAacf,QAAQ,EAbtB,CAaNqB,CAbM,GAaNA,eAbM,CAcRC,CAAS,CACF,QAAX,GAAAT,CAAM,EAA0B,QAAT,GAAAD,CAAvB,CACIjB,UAAU,CAACe,CAAK,CAACY,SAAP,CAAkBD,CAAe,CAACE,KAAhB,CAAsBC,MAAxC,CADd,CAEId,CAAK,CAACY,SAjBE,CAmBd,MACE,4CACMH,CADN,EAEE,SAAS,CAAEZ,UAAU,CACnB,CACEK,IAAI,CAAJA,CADF,CAEEC,MAAM,CAANA,CAFF,CAGEY,QAAQ,CAdC,CAAC,CAACV,CAWb,CADmB,CAMnB,CAACO,CAAD,CAAYzB,UAAU,CAAC,CAAE6B,CAAC,CAAEZ,CAAL,CAAD,CAAtB,CANmB,CAFvB,CAUE,GAAG,CAAEH,CAVP,GAYGS,CAAI,EAAI,oBAAC,CAAD,EAAM,SAAS,CAAEb,UAAU,CAAC,MAAD,CAA3B,CAAqC,IAAI,CAAC,GAA1C,EAZX,CAaE,2BAAK,SAAS,CAAEA,UAAU,CAAC,SAAD,CAA1B,EACGU,CAAK,EACJ,oBAAC,IAAD,EACE,UAAU,CAAC,IADb,CAEE,SAAS,CAAEV,UAAU,CAAC,OAAD,CAAU,CAACV,UAAU,CAAC,CAAE8B,EAAE,CAAE,KAAN,CAAD,CAAX,CAAV,CAFvB,CAGE,MAAM,CAAC,MAHT,CAIE,IAAI,CAAEb,CAJR,CAKE,IAAI,CAAC,SALP,EAOGG,CAPH,CAFJ,CAYGD,CAAK,CACJ,oBAAC,IAAD,EACE,UAAU,CAAC,IADb,CAEE,IAAI,CAAC,SAFP,CAGE,SAAS,CAAET,UAAU,CAAC,OAAD,CAHvB,CAIE,IAAI,CAAEO,CAJR,EAMGE,CANH,CADI,CAUJE,CAtBJ,CAbF,CAwCH,CA7DqB,CAAjB"}

package/__internal__/src/components/ListCanary/ListAddItem/ListAddItem.d.ts

@@ -1,3 +1,3 @@
 import React from 'react';
 import { ListAddItemProps } from '../types';
-export declare const ListAddItem: React.ForwardRefExoticComponent<Pick<ListAddItemProps, "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "placeholder" | "slot" | "spellCheck" | "style" | "tabIndex" | "title" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "size" | "label" | "key" | "active" | "innerOffset" | "underLine"> & React.RefAttributes<HTMLDivElement>>;
+export declare const ListAddItem: React.ForwardRefExoticComponent<Pick<ListAddItemProps, "label" | "slot" | "style" | "title" | "key" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "placeholder" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "size" | "active" | "innerOffset" | "underLine"> & React.RefAttributes<HTMLDivElement>>;

package/__internal__/src/components/ListCanary/ListBox/ListBox.d.ts

@@ -1,3 +1,3 @@
 import React from 'react';
 import { ListBoxProps } from '../types';
-export declare const ListBox: React.ForwardRefExoticComponent<Pick<ListBoxProps, "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "placeholder" | "slot" | "spellCheck" | "style" | "tabIndex" | "title" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "size" | "form" | "key" | "border" | "shadow"> & React.RefAttributes<HTMLDivElement>>;
+export declare const ListBox: React.ForwardRefExoticComponent<Pick<ListBoxProps, "form" | "slot" | "style" | "title" | "key" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "placeholder" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "size" | "border" | "shadow"> & React.RefAttributes<HTMLDivElement>>;

package/__internal__/src/components/ListCanary/ListBox/ListBox.js

@@ -1,2 +1,2 @@
-import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";var _excluded=["size","form","border","shadow","className"];import React,{forwardRef}from"react";import{cnMixSpace}from"../../../mixs/MixSpace";import{defaultListPropSize}from"../types";import{cnListBox}from"./cnListBox";import{mapVerticalSpase}from"./mapVerticalSpase";export var ListBox=forwardRef(function(a,b){var c=a.size,d=void 0===c?defaultListPropSize:c,e=a.form,f=a.border,g=a.shadow,h=a.className,i=_objectWithoutProperties(a,_excluded);return React.createElement("div",Object.assign({},i,{ref:b,className:cnListBox({size:d,form:e,border:f,shadow:g},[cnMixSpace({pV:mapVerticalSpase[d]}),h])}))});
+import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";var _excluded=["size","form","border","shadow","className"];import React,{forwardRef}from"react";import{cnMixScrollBar}from"../../../mixs/MixScrollBar";import{cnMixSpace}from"../../../mixs/MixSpace";import{defaultListPropSize}from"../types";import{cnListBox}from"./cnListBox";import{mapVerticalSpase}from"./mapVerticalSpase";export var ListBox=forwardRef(function(a,b){var c=a.size,d=void 0===c?defaultListPropSize:c,e=a.form,f=a.border,g=a.shadow,h=a.className,i=_objectWithoutProperties(a,_excluded);return React.createElement("div",Object.assign({},i,{ref:b,className:cnListBox({size:d,form:e,border:f,shadow:g},[cnMixSpace({pV:mapVerticalSpase[d]}),cnMixScrollBar(),h])}))});
 //# sourceMappingURL=ListBox.js.map