@consta/uikit 5.31.0 → 5.32.0

package/__internal__/src/components/FlatSelect/FlatSelectList/FlatSelectList.js.map

@@ -1 +1 @@
-{"version":3,"file":"FlatSelectList.js","names":["useAtom","React","Fragment","memo","useMemo","ListBox","ListItem","ListLoader","forkRef","useForkRef","useVirtualScroll","cn","fabricIndex","FlatSelectCreateButton","FlatSelectGroupLabel","FlatSelectItemAll","FlatSelectLoader","FlatSelectRenderItem","isNotOptionForCreate","isOptionForCreate","isOptionForSelectAll","FlatSelectListForm","defaultFlatSelectListPropForm","cnFlatSelectList","getLengthElements","elements","length","index","element","items","isVisible","slice","FlatSelectList","props","size","getOptionActions","listRef","labelForCreate","className","labelForNotFound","labelForEmptyItems","hasItemsAtom","form","openAtom","renderItem","visibleItemsAtom","isLoading","getGroupLabel","notFound","itemsRefs","virtualScroll","onScrollToBottom","highlightedIndexAtom","valueAtom","getItemKeyAtom","onChange","onChangeAll","inputValueAtom","groupsCounterAtom","dropdownZIndexAtom","selectAllLabel","view","disabledAtom","otherProps","visibleItems","hasItems","getItemKey","indent","isListShowed","filter","group","Array","isArray","lengthForVirtualScroll","isActive","spaceTop","sliceHookProp","listRefs","scrollElementRef","scrollContainerRef","getIndex","getVirtualIndex","marginTop","map","key","item","virtualIndex"],"sources":["../../../../../../src/components/FlatSelect/FlatSelectList/FlatSelectList.tsx"],"sourcesContent":["import './FlatSelectList.css';\n\nimport { AtomMut } from '@reatom/framework';\nimport { useAtom } from '@reatom/npm-react';\nimport React, { Fragment, memo, useMemo } from 'react';\n\nimport { FieldPropSize } from '##/components/FieldComponents';\nimport { ListBox, ListItem, ListLoader } from '##/components/ListCanary';\nimport { PopoverPropOffset } from '##/components/Popover';\nimport { forkRef, useForkRef } from '##/hooks/useForkRef';\nimport { useVirtualScroll } from '##/hooks/useVirtualScroll';\nimport { cn } from '##/utils/bem';\nimport { fabricIndex } from '##/utils/fabricIndex';\nimport { SelectAllItem } from '##/utils/getGroups';\nimport { PropsWithJsxAttributes } from '##/utils/types/PropsWithJsxAttributes';\n\nimport { FlatSelectCreateButton } from '../FlatSelectCreateButton';\nimport { FlatSelectGroupLabel } from '../FlatSelectGroupLabel/FlatSelectGroupLabel';\nimport { FlatSelectItemAll } from '../FlatSelectItemAll/FlatSelectItemAll';\nimport { FlatSelectLoader } from '../FlatSelectLoader/FlatSelectLoader';\n// import { SelectPopover } from '../SelectPopover';\nimport { FlatSelectRenderItem } from '../FlatSelectRenderItem';\nimport { CountedGroup } from '../types';\nimport {\n  GetOptionPropsResult,\n  isNotOptionForCreate,\n  isOptionForCreate,\n  isOptionForSelectAll,\n  OptionForCreate,\n  OptionProps,\n} from '../useFlatSelect';\n\nexport const FlatSelectListForm = ['default', 'brick', 'round'] as const;\nexport type FlatSelectListPropForm = typeof FlatSelectListForm[number];\nexport const defaultFlatSelectListPropForm = FlatSelectListForm[0];\n\ntype RenderItemProps<ITEM> = {\n  item: ITEM;\n  active: boolean;\n  hovered: boolean;\n  onClick: (e: React.MouseEvent) => void;\n  onMouseEnter: (e: React.MouseEvent) => void;\n  ref: React.Ref<HTMLDivElement>;\n};\n\ntype Props<ITEM, GROUP> = PropsWithJsxAttributes<{\n  size: FieldPropSize;\n  listRef: React.Ref<HTMLDivElement>;\n  getOptionActions(props: OptionProps<ITEM>): GetOptionPropsResult;\n  //   form: FlatSelectListPropForm;\n  openAtom: AtomMut<boolean>;\n  offset?: PopoverPropOffset | 'none';\n  isLoading?: boolean;\n  renderItem: (props: RenderItemProps<ITEM>) => React.ReactNode | null;\n  highlightedIndexAtom: AtomMut<number>;\n  visibleItemsAtom: AtomMut<(OptionForCreate | CountedGroup<ITEM, GROUP>)[]>;\n  getGroupLabel?: (group: GROUP) => string;\n  labelForCreate?:\n    | ((label: string | undefined) => React.ReactNode)\n    | React.ReactNode;\n  labelForNotFound?: string;\n  labelForEmptyItems?: string;\n  notFound?: boolean;\n  hasItemsAtom: AtomMut<boolean>;\n  itemsRefs: React.RefObject<HTMLDivElement>[];\n  virtualScroll?: boolean;\n  onScrollToBottom?: (length: number) => void;\n  valueAtom: AtomMut<ITEM[]>;\n  getItemKeyAtom: AtomMut<(item: ITEM) => string | number>;\n  onChangeAll: (e: React.SyntheticEvent, items: ITEM[]) => void;\n  onChange: (e: React.SyntheticEvent, item: ITEM) => void;\n  inputValueAtom: AtomMut<string>;\n  groupsCounterAtom: AtomMut<Record<string, [number, number]>>;\n  dropdownZIndexAtom: AtomMut<number | undefined>;\n  selectAllLabel: string;\n  view: 'default' | 'clear';\n  form: 'default' | 'brick' | 'round';\n  disabledAtom: AtomMut<boolean>;\n}>;\n\ntype FlatSelectListComponent = <ITEM, GROUP>(\n  props: Props<ITEM, GROUP>,\n) => React.ReactNode | null;\n\nconst cnFlatSelectList = cn('FlatSelectList');\n\nconst getLengthElements = <ITEM, GROUP>(\n  elements: (\n    | OptionForCreate\n    | {\n        items: Array<SelectAllItem | ITEM>;\n        key: string | number;\n        group?: GROUP;\n      }\n  )[],\n) => {\n  let length = elements.length <= 1 ? 0 : elements.length;\n\n  for (let index = 0; index < elements.length; index++) {\n    const element = elements[index];\n\n    if (isNotOptionForCreate(element) && element?.items?.length) {\n      length += element.items.length;\n    }\n  }\n\n  return length;\n};\n\nconst isVisible = (slice: [number, number], index: number) => {\n  return index >= slice[0] && index < slice[1];\n};\n\nexport const FlatSelectList: FlatSelectListComponent = memo((props) => {\n  const {\n    size,\n    getOptionActions,\n    listRef,\n    labelForCreate,\n    className,\n    labelForNotFound,\n    labelForEmptyItems,\n    hasItemsAtom,\n    form,\n    openAtom,\n    renderItem,\n    visibleItemsAtom,\n    isLoading,\n    getGroupLabel,\n    notFound,\n    itemsRefs,\n    virtualScroll,\n    onScrollToBottom,\n    highlightedIndexAtom,\n    valueAtom,\n    getItemKeyAtom,\n    onChange,\n    onChangeAll,\n    inputValueAtom,\n    groupsCounterAtom,\n    dropdownZIndexAtom,\n    selectAllLabel,\n    view,\n    disabledAtom,\n    ...otherProps\n  } = props;\n\n  const [visibleItems] = useAtom(visibleItemsAtom);\n\n  const [hasItems] = useAtom(hasItemsAtom);\n  //   const [isListMount, setIsListMount] = useAtom(false);\n  const [getItemKey] = useAtom(getItemKeyAtom);\n  const indent = form === 'round' ? 'increased' : 'normal';\n\n  const isListShowed = useMemo(() => {\n    return (\n      visibleItems.filter(\n        (group) =>\n          isOptionForCreate(group) ||\n          (Array.isArray(group.items) && group.items.length > 0),\n      ).length > 0\n    );\n  }, [visibleItems]);\n\n  //   const offset = offsetProp === 'none' ? undefined : offsetProp;\n\n  const lengthForVirtualScroll = useMemo(\n    () => getLengthElements(visibleItems),\n    [visibleItems],\n  );\n\n  const {\n    spaceTop,\n    slice: sliceHookProp,\n    listRefs,\n    scrollElementRef,\n  } = useVirtualScroll({\n    length: lengthForVirtualScroll,\n    isActive: virtualScroll,\n    onScrollToBottom,\n  });\n\n  const scrollContainerRef = useForkRef([scrollElementRef, listRef]);\n\n  const slice: [number, number] =\n    sliceHookProp[0] === 0 && virtualScroll ? [0, 50] : sliceHookProp;\n\n  const getIndex = fabricIndex();\n  const getVirtualIndex = fabricIndex();\n  //   const [zIndex] = useAtom(dropdownZIndexAtom);\n\n  return (\n    <ListBox\n      {...otherProps}\n      size={size}\n      ref={scrollContainerRef}\n      className={cnFlatSelectList({ view }, [className])}\n      tabIndex={-1}\n    >\n      {isLoading && !isListShowed && <FlatSelectLoader />}\n      <div\n        className={cnFlatSelectList('List')}\n        key={cnFlatSelectList('List')}\n        style={{ marginTop: spaceTop }}\n      >\n        {visibleItems.map((group) => {\n          if (isOptionForCreate(group)) {\n            const index = getIndex();\n            return (\n              <FlatSelectCreateButton\n                size={size}\n                key={cnFlatSelectList('List', { key: 'CreateButton' })}\n                labelForCreate={labelForCreate}\n                indent={indent}\n                ref={itemsRefs[index]}\n                highlightedIndexAtom={highlightedIndexAtom}\n                inputValueAtom={inputValueAtom}\n                disabledAtom={disabledAtom}\n                index={index}\n                {...getOptionActions({\n                  index,\n                  item: group,\n                })}\n              />\n            );\n          }\n\n          const virtualIndex = visibleItems.length > 1 ? getVirtualIndex() : 0;\n\n          return (\n            <Fragment key={group.key}>\n              {group.group &&\n                getGroupLabel &&\n                isVisible(slice, virtualIndex) && (\n                  <FlatSelectGroupLabel\n                    label={getGroupLabel(group.group)}\n                    size={size}\n                    indent={indent}\n                    ref={listRefs[virtualIndex]}\n                    key={`group-${group.key}-Label`}\n                  />\n                )}\n              {group.items.map((item) => {\n                if (isOptionForSelectAll(item)) {\n                  const virtualIndex = getVirtualIndex();\n                  const index = getIndex();\n\n                  if (isVisible(slice, virtualIndex)) {\n                    return (\n                      <FlatSelectItemAll\n                        label={selectAllLabel}\n                        groupId={group.key}\n                        highlightedIndexAtom={highlightedIndexAtom}\n                        groupsCounterAtom={groupsCounterAtom}\n                        key={cnFlatSelectList('SelectItemAll', {\n                          group: group.key,\n                        })}\n                        ref={forkRef([\n                          listRefs[virtualIndex],\n                          itemsRefs[index],\n                        ])}\n                        indent={indent}\n                        size={size}\n                        {...getOptionActions({\n                          index,\n                          item,\n                        })}\n                        index={index}\n                        disabledAtom={disabledAtom}\n                      />\n                    );\n                  }\n                } else {\n                  const virtualIndex = getVirtualIndex();\n                  const index = getIndex();\n                  if (isVisible(slice, virtualIndex)) {\n                    return (\n                      <FlatSelectRenderItem\n                        key={cnFlatSelectList('SelectRenderItem', {\n                          group: group.key,\n                          item: getItemKey(item),\n                        })}\n                        getItemKeyAtom={getItemKeyAtom}\n                        highlightedIndexAtom={highlightedIndexAtom}\n                        rootRef={forkRef([\n                          listRefs[virtualIndex],\n                          itemsRefs[index],\n                        ])}\n                        renderItem={renderItem}\n                        item={item}\n                        {...getOptionActions({\n                          index,\n                          item,\n                        })}\n                        index={index}\n                        valueAtom={valueAtom}\n                      />\n                    );\n                  }\n                }\n              })}\n            </Fragment>\n          );\n        })}\n        {isLoading && isListShowed && (\n          <ListLoader size={size} innerOffset={indent} />\n        )}\n      </div>\n      {!isLoading && !hasItems && labelForEmptyItems && (\n        <ListItem size={size} label={labelForEmptyItems} innerOffset={indent}>\n          {labelForEmptyItems}\n        </ListItem>\n      )}\n    </ListBox>\n  );\n});\n"],"mappings":"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"}
+{"version":3,"file":"FlatSelectList.js","names":["useAtom","React","Fragment","memo","useMemo","ListBox","ListItem","ListLoader","forkRef","useForkRef","useVirtualScroll","cn","fabricIndex","FlatSelectCreateButton","FlatSelectGroupLabel","FlatSelectItemAll","FlatSelectLoader","FlatSelectRenderItem","isNotOptionForCreate","isOptionForCreate","isOptionForSelectAll","FlatSelectListForm","defaultFlatSelectListPropForm","cnFlatSelectList","getLengthElements","elements","length","index","element","items","isVisible","slice","FlatSelectList","props","size","getOptionActions","listRef","labelForCreate","className","labelForNotFound","labelForEmptyItems","hasItemsAtom","form","openAtom","renderItem","visibleItemsAtom","isLoading","getGroupLabel","notFound","itemsRefs","virtualScroll","onScrollToBottom","highlightedIndexAtom","valueAtom","getItemKeyAtom","onChange","onChangeAll","inputValueAtom","groupsCounterAtom","dropdownZIndexAtom","selectAllLabel","view","disabledAtom","otherProps","visibleItems","hasItems","getItemKey","indent","isListShowed","filter","group","Array","isArray","lengthForVirtualScroll","isActive","spaceTop","sliceHookProp","listRefs","scrollElementRef","scrollContainerRef","getIndex","getVirtualIndex","marginTop","map","key","item","virtualIndex"],"sources":["../../../../../../src/components/FlatSelect/FlatSelectList/FlatSelectList.tsx"],"sourcesContent":["import './FlatSelectList.css';\n\nimport { AtomMut } from '@reatom/framework';\nimport { useAtom } from '@reatom/npm-react';\nimport React, { Fragment, memo, useMemo } from 'react';\n\nimport { FieldPropSize } from '##/components/FieldComponents';\nimport { ListBox, ListItem, ListLoader } from '##/components/ListCanary';\nimport { PopoverPropOffset } from '##/components/Popover';\nimport { forkRef, useForkRef } from '##/hooks/useForkRef';\nimport { useVirtualScroll } from '##/hooks/useVirtualScroll';\nimport { cn } from '##/utils/bem';\nimport { fabricIndex } from '##/utils/fabricIndex';\nimport { SelectAllItem } from '##/utils/getGroups';\nimport { PropsWithJsxAttributes } from '##/utils/types/PropsWithJsxAttributes';\n\nimport { FlatSelectCreateButton } from '../FlatSelectCreateButton';\nimport { FlatSelectGroupLabel } from '../FlatSelectGroupLabel/FlatSelectGroupLabel';\nimport { FlatSelectItemAll } from '../FlatSelectItemAll/FlatSelectItemAll';\nimport { FlatSelectLoader } from '../FlatSelectLoader/FlatSelectLoader';\n// import { SelectPopover } from '../SelectPopover';\nimport { FlatSelectRenderItem } from '../FlatSelectRenderItem';\nimport { CountedGroup } from '../types';\nimport {\n  GetOptionPropsResult,\n  isNotOptionForCreate,\n  isOptionForCreate,\n  isOptionForSelectAll,\n  OptionForCreate,\n  OptionProps,\n} from '../useFlatSelect';\n\nexport const FlatSelectListForm = ['default', 'brick', 'round'] as const;\nexport type FlatSelectListPropForm = (typeof FlatSelectListForm)[number];\nexport const defaultFlatSelectListPropForm = FlatSelectListForm[0];\n\ntype RenderItemProps<ITEM> = {\n  item: ITEM;\n  active: boolean;\n  hovered: boolean;\n  onClick: (e: React.MouseEvent) => void;\n  onMouseEnter: (e: React.MouseEvent) => void;\n  ref: React.Ref<HTMLDivElement>;\n};\n\ntype Props<ITEM, GROUP> = PropsWithJsxAttributes<{\n  size: FieldPropSize;\n  listRef: React.Ref<HTMLDivElement>;\n  getOptionActions(props: OptionProps<ITEM>): GetOptionPropsResult;\n  //   form: FlatSelectListPropForm;\n  openAtom: AtomMut<boolean>;\n  offset?: PopoverPropOffset | 'none';\n  isLoading?: boolean;\n  renderItem: (props: RenderItemProps<ITEM>) => React.ReactNode | null;\n  highlightedIndexAtom: AtomMut<number>;\n  visibleItemsAtom: AtomMut<(OptionForCreate | CountedGroup<ITEM, GROUP>)[]>;\n  getGroupLabel?: (group: GROUP) => string;\n  labelForCreate?:\n    | ((label: string | undefined) => React.ReactNode)\n    | React.ReactNode;\n  labelForNotFound?: string;\n  labelForEmptyItems?: string;\n  notFound?: boolean;\n  hasItemsAtom: AtomMut<boolean>;\n  itemsRefs: React.RefObject<HTMLDivElement>[];\n  virtualScroll?: boolean;\n  onScrollToBottom?: (length: number) => void;\n  valueAtom: AtomMut<ITEM[]>;\n  getItemKeyAtom: AtomMut<(item: ITEM) => string | number>;\n  onChangeAll: (e: React.SyntheticEvent, items: ITEM[]) => void;\n  onChange: (e: React.SyntheticEvent, item: ITEM) => void;\n  inputValueAtom: AtomMut<string>;\n  groupsCounterAtom: AtomMut<Record<string, [number, number]>>;\n  dropdownZIndexAtom: AtomMut<number | undefined>;\n  selectAllLabel: string;\n  view: 'default' | 'clear';\n  form: 'default' | 'brick' | 'round';\n  disabledAtom: AtomMut<boolean>;\n}>;\n\ntype FlatSelectListComponent = <ITEM, GROUP>(\n  props: Props<ITEM, GROUP>,\n) => React.ReactNode | null;\n\nconst cnFlatSelectList = cn('FlatSelectList');\n\nconst getLengthElements = <ITEM, GROUP>(\n  elements: (\n    | OptionForCreate\n    | {\n        items: Array<SelectAllItem | ITEM>;\n        key: string | number;\n        group?: GROUP;\n      }\n  )[],\n) => {\n  let length = elements.length <= 1 ? 0 : elements.length;\n\n  for (let index = 0; index < elements.length; index++) {\n    const element = elements[index];\n\n    if (isNotOptionForCreate(element) && element?.items?.length) {\n      length += element.items.length;\n    }\n  }\n\n  return length;\n};\n\nconst isVisible = (slice: [number, number], index: number) => {\n  return index >= slice[0] && index < slice[1];\n};\n\nexport const FlatSelectList: FlatSelectListComponent = memo((props) => {\n  const {\n    size,\n    getOptionActions,\n    listRef,\n    labelForCreate,\n    className,\n    labelForNotFound,\n    labelForEmptyItems,\n    hasItemsAtom,\n    form,\n    openAtom,\n    renderItem,\n    visibleItemsAtom,\n    isLoading,\n    getGroupLabel,\n    notFound,\n    itemsRefs,\n    virtualScroll,\n    onScrollToBottom,\n    highlightedIndexAtom,\n    valueAtom,\n    getItemKeyAtom,\n    onChange,\n    onChangeAll,\n    inputValueAtom,\n    groupsCounterAtom,\n    dropdownZIndexAtom,\n    selectAllLabel,\n    view,\n    disabledAtom,\n    ...otherProps\n  } = props;\n\n  const [visibleItems] = useAtom(visibleItemsAtom);\n\n  const [hasItems] = useAtom(hasItemsAtom);\n  //   const [isListMount, setIsListMount] = useAtom(false);\n  const [getItemKey] = useAtom(getItemKeyAtom);\n  const indent = form === 'round' ? 'increased' : 'normal';\n\n  const isListShowed = useMemo(() => {\n    return (\n      visibleItems.filter(\n        (group) =>\n          isOptionForCreate(group) ||\n          (Array.isArray(group.items) && group.items.length > 0),\n      ).length > 0\n    );\n  }, [visibleItems]);\n\n  //   const offset = offsetProp === 'none' ? undefined : offsetProp;\n\n  const lengthForVirtualScroll = useMemo(\n    () => getLengthElements(visibleItems),\n    [visibleItems],\n  );\n\n  const {\n    spaceTop,\n    slice: sliceHookProp,\n    listRefs,\n    scrollElementRef,\n  } = useVirtualScroll({\n    length: lengthForVirtualScroll,\n    isActive: virtualScroll,\n    onScrollToBottom,\n  });\n\n  const scrollContainerRef = useForkRef([scrollElementRef, listRef]);\n\n  const slice: [number, number] =\n    sliceHookProp[0] === 0 && virtualScroll ? [0, 50] : sliceHookProp;\n\n  const getIndex = fabricIndex();\n  const getVirtualIndex = fabricIndex();\n  //   const [zIndex] = useAtom(dropdownZIndexAtom);\n\n  return (\n    <ListBox\n      {...otherProps}\n      size={size}\n      ref={scrollContainerRef}\n      className={cnFlatSelectList({ view }, [className])}\n      tabIndex={-1}\n    >\n      {isLoading && !isListShowed && <FlatSelectLoader />}\n      <div\n        className={cnFlatSelectList('List')}\n        key={cnFlatSelectList('List')}\n        style={{ marginTop: spaceTop }}\n      >\n        {visibleItems.map((group) => {\n          if (isOptionForCreate(group)) {\n            const index = getIndex();\n            return (\n              <FlatSelectCreateButton\n                size={size}\n                key={cnFlatSelectList('List', { key: 'CreateButton' })}\n                labelForCreate={labelForCreate}\n                indent={indent}\n                ref={itemsRefs[index]}\n                highlightedIndexAtom={highlightedIndexAtom}\n                inputValueAtom={inputValueAtom}\n                disabledAtom={disabledAtom}\n                index={index}\n                {...getOptionActions({\n                  index,\n                  item: group,\n                })}\n              />\n            );\n          }\n\n          const virtualIndex = visibleItems.length > 1 ? getVirtualIndex() : 0;\n\n          return (\n            <Fragment key={group.key}>\n              {group.group &&\n                getGroupLabel &&\n                isVisible(slice, virtualIndex) && (\n                  <FlatSelectGroupLabel\n                    label={getGroupLabel(group.group)}\n                    size={size}\n                    indent={indent}\n                    ref={listRefs[virtualIndex]}\n                    key={`group-${group.key}-Label`}\n                  />\n                )}\n              {group.items.map((item) => {\n                if (isOptionForSelectAll(item)) {\n                  const virtualIndex = getVirtualIndex();\n                  const index = getIndex();\n\n                  if (isVisible(slice, virtualIndex)) {\n                    return (\n                      <FlatSelectItemAll\n                        label={selectAllLabel}\n                        groupId={group.key}\n                        highlightedIndexAtom={highlightedIndexAtom}\n                        groupsCounterAtom={groupsCounterAtom}\n                        key={cnFlatSelectList('SelectItemAll', {\n                          group: group.key,\n                        })}\n                        ref={forkRef([\n                          listRefs[virtualIndex],\n                          itemsRefs[index],\n                        ])}\n                        indent={indent}\n                        size={size}\n                        {...getOptionActions({\n                          index,\n                          item,\n                        })}\n                        index={index}\n                        disabledAtom={disabledAtom}\n                      />\n                    );\n                  }\n                } else {\n                  const virtualIndex = getVirtualIndex();\n                  const index = getIndex();\n                  if (isVisible(slice, virtualIndex)) {\n                    return (\n                      <FlatSelectRenderItem\n                        key={cnFlatSelectList('SelectRenderItem', {\n                          group: group.key,\n                          item: getItemKey(item),\n                        })}\n                        getItemKeyAtom={getItemKeyAtom}\n                        highlightedIndexAtom={highlightedIndexAtom}\n                        rootRef={forkRef([\n                          listRefs[virtualIndex],\n                          itemsRefs[index],\n                        ])}\n                        renderItem={renderItem}\n                        item={item}\n                        {...getOptionActions({\n                          index,\n                          item,\n                        })}\n                        index={index}\n                        valueAtom={valueAtom}\n                      />\n                    );\n                  }\n                }\n              })}\n            </Fragment>\n          );\n        })}\n        {isLoading && isListShowed && (\n          <ListLoader size={size} innerOffset={indent} />\n        )}\n      </div>\n      {!isLoading && !hasItems && labelForEmptyItems && (\n        <ListItem size={size} label={labelForEmptyItems} innerOffset={indent}>\n          {labelForEmptyItems}\n        </ListItem>\n      )}\n    </ListBox>\n  );\n});\n"],"mappings":"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"}

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

@@ -1,11 +1,11 @@
 export declare const gridPropXAlign: readonly ["left", "center", "right"];
-export type GridPropXAlign = typeof gridPropXAlign[number];
+export type GridPropXAlign = (typeof gridPropXAlign)[number];
 export declare const gridPropYAlign: readonly ["top", "center", "bottom"];
-export type GridPropYAlign = typeof gridPropYAlign[number];
+export type GridPropYAlign = (typeof gridPropYAlign)[number];
 export declare const gridPropGap: readonly [0, "2xs", "xs", "s", "m", "l", "xl", "2xl", "3xl", "4xl", "5xl", "6xl"];
-export type GridPropGap = typeof gridPropGap[number];
+export type GridPropGap = (typeof gridPropGap)[number];
 export declare const breakpointSizes: readonly ["xs", "s", "m", "l", "xl", "2xl"];
-export type BreakpointSizes = typeof breakpointSizes[number];
+export type BreakpointSizes = (typeof breakpointSizes)[number];
 type GridBreakpoint = {
     cols?: number;
     gap?: GridPropGap;

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

@@ -1 +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"}
+{"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

@@ -1 +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)}}
+.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{gap:0}.deprecated--Grid_gap_2xs{gap:var(--space-2xs)}.deprecated--Grid_gap_xs{gap:var(--space-xs)}.deprecated--Grid_gap_s{gap:var(--space-s)}.deprecated--Grid_gap_m{gap:var(--space-m)}.deprecated--Grid_gap_l{gap:var(--space-l)}.deprecated--Grid_gap_xl{gap:var(--space-xl)}.deprecated--Grid_gap_2xl{gap:var(--space-2xl)}.deprecated--Grid_gap_3xl{gap:var(--space-3xl)}.deprecated--Grid_gap_4xl{gap:var(--space-4xl)}.deprecated--Grid_gap_5xl{gap:var(--space-5xl)}.deprecated--Grid_gap_6xl{gap:var(--space-6xl)}.deprecated--Grid_colGap_0{-moz-column-gap:0;column-gap:0}.deprecated--Grid_colGap_2xs{-moz-column-gap:var(--space-2xs);column-gap:var(--space-2xs)}.deprecated--Grid_colGap_xs{-moz-column-gap:var(--space-xs);column-gap:var(--space-xs)}.deprecated--Grid_colGap_s{-moz-column-gap:var(--space-s);column-gap:var(--space-s)}.deprecated--Grid_colGap_m{-moz-column-gap:var(--space-m);column-gap:var(--space-m)}.deprecated--Grid_colGap_l{-moz-column-gap:var(--space-l);column-gap:var(--space-l)}.deprecated--Grid_colGap_xl{-moz-column-gap:var(--space-xl);column-gap:var(--space-xl)}.deprecated--Grid_colGap_2xl{-moz-column-gap:var(--space-2xl);column-gap:var(--space-2xl)}.deprecated--Grid_colGap_3xl{-moz-column-gap:var(--space-3xl);column-gap:var(--space-3xl)}.deprecated--Grid_colGap_4xl{-moz-column-gap:var(--space-4xl);column-gap:var(--space-4xl)}.deprecated--Grid_colGap_5xl{-moz-column-gap:var(--space-5xl);column-gap:var(--space-5xl)}.deprecated--Grid_colGap_6xl{-moz-column-gap:var(--space-6xl);column-gap:var(--space-6xl)}.deprecated--Grid_rowGap_0{row-gap:0}.deprecated--Grid_rowGap_2xs{row-gap:var(--space-2xs)}.deprecated--Grid_rowGap_xs{row-gap:var(--space-xs)}.deprecated--Grid_rowGap_s{row-gap:var(--space-s)}.deprecated--Grid_rowGap_m{row-gap:var(--space-m)}.deprecated--Grid_rowGap_l{row-gap:var(--space-l)}.deprecated--Grid_rowGap_xl{row-gap:var(--space-xl)}.deprecated--Grid_rowGap_2xl{row-gap:var(--space-2xl)}.deprecated--Grid_rowGap_3xl{row-gap:var(--space-3xl)}.deprecated--Grid_rowGap_4xl{row-gap:var(--space-4xl)}.deprecated--Grid_rowGap_5xl{row-gap:var(--space-5xl)}.deprecated--Grid_rowGap_6xl{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{gap:0}.deprecated--Grid_xs\:gap_2xs{gap:var(--space-2xs)}.deprecated--Grid_xs\:gap_xs{gap:var(--space-xs)}.deprecated--Grid_xs\:gap_s{gap:var(--space-s)}.deprecated--Grid_xs\:gap_m{gap:var(--space-m)}.deprecated--Grid_xs\:gap_l{gap:var(--space-l)}.deprecated--Grid_xs\:gap_xl{gap:var(--space-xl)}.deprecated--Grid_xs\:gap_2xl{gap:var(--space-2xl)}.deprecated--Grid_xs\:gap_3xl{gap:var(--space-3xl)}.deprecated--Grid_xs\:gap_4xl{gap:var(--space-4xl)}.deprecated--Grid_xs\:gap_5xl{gap:var(--space-5xl)}.deprecated--Grid_xs\:gap_6xl{gap:var(--space-6xl)}.deprecated--Grid_xs\:colGap_0{-moz-column-gap:0;column-gap:0}.deprecated--Grid_xs\:colGap_2xs{-moz-column-gap:var(--space-2xs);column-gap:var(--space-2xs)}.deprecated--Grid_xs\:colGap_xs{-moz-column-gap:var(--space-xs);column-gap:var(--space-xs)}.deprecated--Grid_xs\:colGap_s{-moz-column-gap:var(--space-s);column-gap:var(--space-s)}.deprecated--Grid_xs\:colGap_m{-moz-column-gap:var(--space-m);column-gap:var(--space-m)}.deprecated--Grid_xs\:colGap_l{-moz-column-gap:var(--space-l);column-gap:var(--space-l)}.deprecated--Grid_xs\:colGap_xl{-moz-column-gap:var(--space-xl);column-gap:var(--space-xl)}.deprecated--Grid_xs\:colGap_2xl{-moz-column-gap:var(--space-2xl);column-gap:var(--space-2xl)}.deprecated--Grid_xs\:colGap_3xl{-moz-column-gap:var(--space-3xl);column-gap:var(--space-3xl)}.deprecated--Grid_xs\:colGap_4xl{-moz-column-gap:var(--space-4xl);column-gap:var(--space-4xl)}.deprecated--Grid_xs\:colGap_5xl{-moz-column-gap:var(--space-5xl);column-gap:var(--space-5xl)}.deprecated--Grid_xs\:colGap_6xl{-moz-column-gap:var(--space-6xl);column-gap:var(--space-6xl)}.deprecated--Grid_xs\:rowGap_0{row-gap:0}.deprecated--Grid_xs\:rowGap_2xs{row-gap:var(--space-2xs)}.deprecated--Grid_xs\:rowGap_xs{row-gap:var(--space-xs)}.deprecated--Grid_xs\:rowGap_s{row-gap:var(--space-s)}.deprecated--Grid_xs\:rowGap_m{row-gap:var(--space-m)}.deprecated--Grid_xs\:rowGap_l{row-gap:var(--space-l)}.deprecated--Grid_xs\:rowGap_xl{row-gap:var(--space-xl)}.deprecated--Grid_xs\:rowGap_2xl{row-gap:var(--space-2xl)}.deprecated--Grid_xs\:rowGap_3xl{row-gap:var(--space-3xl)}.deprecated--Grid_xs\:rowGap_4xl{row-gap:var(--space-4xl)}.deprecated--Grid_xs\:rowGap_5xl{row-gap:var(--space-5xl)}.deprecated--Grid_xs\:rowGap_6xl{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{gap:0}.deprecated--Grid_s\:gap_2xs{gap:var(--space-2xs)}.deprecated--Grid_s\:gap_xs{gap:var(--space-xs)}.deprecated--Grid_s\:gap_s{gap:var(--space-s)}.deprecated--Grid_s\:gap_m{gap:var(--space-m)}.deprecated--Grid_s\:gap_l{gap:var(--space-l)}.deprecated--Grid_s\:gap_xl{gap:var(--space-xl)}.deprecated--Grid_s\:gap_2xl{gap:var(--space-2xl)}.deprecated--Grid_s\:gap_3xl{gap:var(--space-3xl)}.deprecated--Grid_s\:gap_4xl{gap:var(--space-4xl)}.deprecated--Grid_s\:gap_5xl{gap:var(--space-5xl)}.deprecated--Grid_s\:gap_6xl{gap:var(--space-6xl)}.deprecated--Grid_s\:colGap_0{-moz-column-gap:0;column-gap:0}.deprecated--Grid_s\:colGap_2xs{-moz-column-gap:var(--space-2xs);column-gap:var(--space-2xs)}.deprecated--Grid_s\:colGap_xs{-moz-column-gap:var(--space-xs);column-gap:var(--space-xs)}.deprecated--Grid_s\:colGap_s{-moz-column-gap:var(--space-s);column-gap:var(--space-s)}.deprecated--Grid_s\:colGap_m{-moz-column-gap:var(--space-m);column-gap:var(--space-m)}.deprecated--Grid_s\:colGap_l{-moz-column-gap:var(--space-l);column-gap:var(--space-l)}.deprecated--Grid_s\:colGap_xl{-moz-column-gap:var(--space-xl);column-gap:var(--space-xl)}.deprecated--Grid_s\:colGap_2xl{-moz-column-gap:var(--space-2xl);column-gap:var(--space-2xl)}.deprecated--Grid_s\:colGap_3xl{-moz-column-gap:var(--space-3xl);column-gap:var(--space-3xl)}.deprecated--Grid_s\:colGap_4xl{-moz-column-gap:var(--space-4xl);column-gap:var(--space-4xl)}.deprecated--Grid_s\:colGap_5xl{-moz-column-gap:var(--space-5xl);column-gap:var(--space-5xl)}.deprecated--Grid_s\:colGap_6xl{-moz-column-gap:var(--space-6xl);column-gap:var(--space-6xl)}.deprecated--Grid_s\:rowGap_0{row-gap:0}.deprecated--Grid_s\:rowGap_2xs{row-gap:var(--space-2xs)}.deprecated--Grid_s\:rowGap_xs{row-gap:var(--space-xs)}.deprecated--Grid_s\:rowGap_s{row-gap:var(--space-s)}.deprecated--Grid_s\:rowGap_m{row-gap:var(--space-m)}.deprecated--Grid_s\:rowGap_l{row-gap:var(--space-l)}.deprecated--Grid_s\:rowGap_xl{row-gap:var(--space-xl)}.deprecated--Grid_s\:rowGap_2xl{row-gap:var(--space-2xl)}.deprecated--Grid_s\:rowGap_3xl{row-gap:var(--space-3xl)}.deprecated--Grid_s\:rowGap_4xl{row-gap:var(--space-4xl)}.deprecated--Grid_s\:rowGap_5xl{row-gap:var(--space-5xl)}.deprecated--Grid_s\:rowGap_6xl{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{gap:0}.deprecated--Grid_m\:gap_2xs{gap:var(--space-2xs)}.deprecated--Grid_m\:gap_xs{gap:var(--space-xs)}.deprecated--Grid_m\:gap_s{gap:var(--space-s)}.deprecated--Grid_m\:gap_m{gap:var(--space-m)}.deprecated--Grid_m\:gap_l{gap:var(--space-l)}.deprecated--Grid_m\:gap_xl{gap:var(--space-xl)}.deprecated--Grid_m\:gap_2xl{gap:var(--space-2xl)}.deprecated--Grid_m\:gap_3xl{gap:var(--space-3xl)}.deprecated--Grid_m\:gap_4xl{gap:var(--space-4xl)}.deprecated--Grid_m\:gap_5xl{gap:var(--space-5xl)}.deprecated--Grid_m\:gap_6xl{gap:var(--space-6xl)}.deprecated--Grid_m\:colGap_0{-moz-column-gap:0;column-gap:0}.deprecated--Grid_m\:colGap_2xs{-moz-column-gap:var(--space-2xs);column-gap:var(--space-2xs)}.deprecated--Grid_m\:colGap_xs{-moz-column-gap:var(--space-xs);column-gap:var(--space-xs)}.deprecated--Grid_m\:colGap_s{-moz-column-gap:var(--space-s);column-gap:var(--space-s)}.deprecated--Grid_m\:colGap_m{-moz-column-gap:var(--space-m);column-gap:var(--space-m)}.deprecated--Grid_m\:colGap_l{-moz-column-gap:var(--space-l);column-gap:var(--space-l)}.deprecated--Grid_m\:colGap_xl{-moz-column-gap:var(--space-xl);column-gap:var(--space-xl)}.deprecated--Grid_m\:colGap_2xl{-moz-column-gap:var(--space-2xl);column-gap:var(--space-2xl)}.deprecated--Grid_m\:colGap_3xl{-moz-column-gap:var(--space-3xl);column-gap:var(--space-3xl)}.deprecated--Grid_m\:colGap_4xl{-moz-column-gap:var(--space-4xl);column-gap:var(--space-4xl)}.deprecated--Grid_m\:colGap_5xl{-moz-column-gap:var(--space-5xl);column-gap:var(--space-5xl)}.deprecated--Grid_m\:colGap_6xl{-moz-column-gap:var(--space-6xl);column-gap:var(--space-6xl)}.deprecated--Grid_m\:rowGap_0{row-gap:0}.deprecated--Grid_m\:rowGap_2xs{row-gap:var(--space-2xs)}.deprecated--Grid_m\:rowGap_xs{row-gap:var(--space-xs)}.deprecated--Grid_m\:rowGap_s{row-gap:var(--space-s)}.deprecated--Grid_m\:rowGap_m{row-gap:var(--space-m)}.deprecated--Grid_m\:rowGap_l{row-gap:var(--space-l)}.deprecated--Grid_m\:rowGap_xl{row-gap:var(--space-xl)}.deprecated--Grid_m\:rowGap_2xl{row-gap:var(--space-2xl)}.deprecated--Grid_m\:rowGap_3xl{row-gap:var(--space-3xl)}.deprecated--Grid_m\:rowGap_4xl{row-gap:var(--space-4xl)}.deprecated--Grid_m\:rowGap_5xl{row-gap:var(--space-5xl)}.deprecated--Grid_m\:rowGap_6xl{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{gap:0}.deprecated--Grid_l\:gap_2xs{gap:var(--space-2xs)}.deprecated--Grid_l\:gap_xs{gap:var(--space-xs)}.deprecated--Grid_l\:gap_s{gap:var(--space-s)}.deprecated--Grid_l\:gap_m{gap:var(--space-m)}.deprecated--Grid_l\:gap_l{gap:var(--space-l)}.deprecated--Grid_l\:gap_xl{gap:var(--space-xl)}.deprecated--Grid_l\:gap_2xl{gap:var(--space-2xl)}.deprecated--Grid_l\:gap_3xl{gap:var(--space-3xl)}.deprecated--Grid_l\:gap_4xl{gap:var(--space-4xl)}.deprecated--Grid_l\:gap_5xl{gap:var(--space-5xl)}.deprecated--Grid_l\:gap_6xl{gap:var(--space-6xl)}.deprecated--Grid_l\:colGap_0{-moz-column-gap:0;column-gap:0}.deprecated--Grid_l\:colGap_2xs{-moz-column-gap:var(--space-2xs);column-gap:var(--space-2xs)}.deprecated--Grid_l\:colGap_xs{-moz-column-gap:var(--space-xs);column-gap:var(--space-xs)}.deprecated--Grid_l\:colGap_s{-moz-column-gap:var(--space-s);column-gap:var(--space-s)}.deprecated--Grid_l\:colGap_m{-moz-column-gap:var(--space-m);column-gap:var(--space-m)}.deprecated--Grid_l\:colGap_l{-moz-column-gap:var(--space-l);column-gap:var(--space-l)}.deprecated--Grid_l\:colGap_xl{-moz-column-gap:var(--space-xl);column-gap:var(--space-xl)}.deprecated--Grid_l\:colGap_2xl{-moz-column-gap:var(--space-2xl);column-gap:var(--space-2xl)}.deprecated--Grid_l\:colGap_3xl{-moz-column-gap:var(--space-3xl);column-gap:var(--space-3xl)}.deprecated--Grid_l\:colGap_4xl{-moz-column-gap:var(--space-4xl);column-gap:var(--space-4xl)}.deprecated--Grid_l\:colGap_5xl{-moz-column-gap:var(--space-5xl);column-gap:var(--space-5xl)}.deprecated--Grid_l\:colGap_6xl{-moz-column-gap:var(--space-6xl);column-gap:var(--space-6xl)}.deprecated--Grid_l\:rowGap_0{row-gap:0}.deprecated--Grid_l\:rowGap_2xs{row-gap:var(--space-2xs)}.deprecated--Grid_l\:rowGap_xs{row-gap:var(--space-xs)}.deprecated--Grid_l\:rowGap_s{row-gap:var(--space-s)}.deprecated--Grid_l\:rowGap_m{row-gap:var(--space-m)}.deprecated--Grid_l\:rowGap_l{row-gap:var(--space-l)}.deprecated--Grid_l\:rowGap_xl{row-gap:var(--space-xl)}.deprecated--Grid_l\:rowGap_2xl{row-gap:var(--space-2xl)}.deprecated--Grid_l\:rowGap_3xl{row-gap:var(--space-3xl)}.deprecated--Grid_l\:rowGap_4xl{row-gap:var(--space-4xl)}.deprecated--Grid_l\:rowGap_5xl{row-gap:var(--space-5xl)}.deprecated--Grid_l\:rowGap_6xl{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{gap:0}.deprecated--Grid_xl\:gap_2xs{gap:var(--space-2xs)}.deprecated--Grid_xl\:gap_xs{gap:var(--space-xs)}.deprecated--Grid_xl\:gap_s{gap:var(--space-s)}.deprecated--Grid_xl\:gap_m{gap:var(--space-m)}.deprecated--Grid_xl\:gap_l{gap:var(--space-l)}.deprecated--Grid_xl\:gap_xl{gap:var(--space-xl)}.deprecated--Grid_xl\:gap_2xl{gap:var(--space-2xl)}.deprecated--Grid_xl\:gap_3xl{gap:var(--space-3xl)}.deprecated--Grid_xl\:gap_4xl{gap:var(--space-4xl)}.deprecated--Grid_xl\:gap_5xl{gap:var(--space-5xl)}.deprecated--Grid_xl\:gap_6xl{gap:var(--space-6xl)}.deprecated--Grid_xl\:colGap_0{-moz-column-gap:0;column-gap:0}.deprecated--Grid_xl\:colGap_2xs{-moz-column-gap:var(--space-2xs);column-gap:var(--space-2xs)}.deprecated--Grid_xl\:colGap_xs{-moz-column-gap:var(--space-xs);column-gap:var(--space-xs)}.deprecated--Grid_xl\:colGap_s{-moz-column-gap:var(--space-s);column-gap:var(--space-s)}.deprecated--Grid_xl\:colGap_m{-moz-column-gap:var(--space-m);column-gap:var(--space-m)}.deprecated--Grid_xl\:colGap_l{-moz-column-gap:var(--space-l);column-gap:var(--space-l)}.deprecated--Grid_xl\:colGap_xl{-moz-column-gap:var(--space-xl);column-gap:var(--space-xl)}.deprecated--Grid_xl\:colGap_2xl{-moz-column-gap:var(--space-2xl);column-gap:var(--space-2xl)}.deprecated--Grid_xl\:colGap_3xl{-moz-column-gap:var(--space-3xl);column-gap:var(--space-3xl)}.deprecated--Grid_xl\:colGap_4xl{-moz-column-gap:var(--space-4xl);column-gap:var(--space-4xl)}.deprecated--Grid_xl\:colGap_5xl{-moz-column-gap:var(--space-5xl);column-gap:var(--space-5xl)}.deprecated--Grid_xl\:colGap_6xl{-moz-column-gap:var(--space-6xl);column-gap:var(--space-6xl)}.deprecated--Grid_xl\:rowGap_0{row-gap:0}.deprecated--Grid_xl\:rowGap_2xs{row-gap:var(--space-2xs)}.deprecated--Grid_xl\:rowGap_xs{row-gap:var(--space-xs)}.deprecated--Grid_xl\:rowGap_s{row-gap:var(--space-s)}.deprecated--Grid_xl\:rowGap_m{row-gap:var(--space-m)}.deprecated--Grid_xl\:rowGap_l{row-gap:var(--space-l)}.deprecated--Grid_xl\:rowGap_xl{row-gap:var(--space-xl)}.deprecated--Grid_xl\:rowGap_2xl{row-gap:var(--space-2xl)}.deprecated--Grid_xl\:rowGap_3xl{row-gap:var(--space-3xl)}.deprecated--Grid_xl\:rowGap_4xl{row-gap:var(--space-4xl)}.deprecated--Grid_xl\:rowGap_5xl{row-gap:var(--space-5xl)}.deprecated--Grid_xl\:rowGap_6xl{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{gap:0}.deprecated--Grid_2xl\:gap_2xs{gap:var(--space-2xs)}.deprecated--Grid_2xl\:gap_xs{gap:var(--space-xs)}.deprecated--Grid_2xl\:gap_s{gap:var(--space-s)}.deprecated--Grid_2xl\:gap_m{gap:var(--space-m)}.deprecated--Grid_2xl\:gap_l{gap:var(--space-l)}.deprecated--Grid_2xl\:gap_xl{gap:var(--space-xl)}.deprecated--Grid_2xl\:gap_2xl{gap:var(--space-2xl)}.deprecated--Grid_2xl\:gap_3xl{gap:var(--space-3xl)}.deprecated--Grid_2xl\:gap_4xl{gap:var(--space-4xl)}.deprecated--Grid_2xl\:gap_5xl{gap:var(--space-5xl)}.deprecated--Grid_2xl\:gap_6xl{gap:var(--space-6xl)}.deprecated--Grid_2xl\:colGap_0{-moz-column-gap:0;column-gap:0}.deprecated--Grid_2xl\:colGap_2xs{-moz-column-gap:var(--space-2xs);column-gap:var(--space-2xs)}.deprecated--Grid_2xl\:colGap_xs{-moz-column-gap:var(--space-xs);column-gap:var(--space-xs)}.deprecated--Grid_2xl\:colGap_s{-moz-column-gap:var(--space-s);column-gap:var(--space-s)}.deprecated--Grid_2xl\:colGap_m{-moz-column-gap:var(--space-m);column-gap:var(--space-m)}.deprecated--Grid_2xl\:colGap_l{-moz-column-gap:var(--space-l);column-gap:var(--space-l)}.deprecated--Grid_2xl\:colGap_xl{-moz-column-gap:var(--space-xl);column-gap:var(--space-xl)}.deprecated--Grid_2xl\:colGap_2xl{-moz-column-gap:var(--space-2xl);column-gap:var(--space-2xl)}.deprecated--Grid_2xl\:colGap_3xl{-moz-column-gap:var(--space-3xl);column-gap:var(--space-3xl)}.deprecated--Grid_2xl\:colGap_4xl{-moz-column-gap:var(--space-4xl);column-gap:var(--space-4xl)}.deprecated--Grid_2xl\:colGap_5xl{-moz-column-gap:var(--space-5xl);column-gap:var(--space-5xl)}.deprecated--Grid_2xl\:colGap_6xl{-moz-column-gap:var(--space-6xl);column-gap:var(--space-6xl)}.deprecated--Grid_2xl\:rowGap_0{row-gap:0}.deprecated--Grid_2xl\:rowGap_2xs{row-gap:var(--space-2xs)}.deprecated--Grid_2xl\:rowGap_xs{row-gap:var(--space-xs)}.deprecated--Grid_2xl\:rowGap_s{row-gap:var(--space-s)}.deprecated--Grid_2xl\:rowGap_m{row-gap:var(--space-m)}.deprecated--Grid_2xl\:rowGap_l{row-gap:var(--space-l)}.deprecated--Grid_2xl\:rowGap_xl{row-gap:var(--space-xl)}.deprecated--Grid_2xl\:rowGap_2xl{row-gap:var(--space-2xl)}.deprecated--Grid_2xl\:rowGap_3xl{row-gap:var(--space-3xl)}.deprecated--Grid_2xl\:rowGap_4xl{row-gap:var(--space-4xl)}.deprecated--Grid_2xl\:rowGap_5xl{row-gap:var(--space-5xl)}.deprecated--Grid_2xl\:rowGap_6xl{row-gap:var(--space-6xl)}}

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

@@ -1,15 +1,15 @@
 import './Grid.css';
 export * from './GridItem/GridItem';
 export declare const gridPropXAlign: readonly ["left", "center", "right"];
-export type GridPropXAlign = typeof gridPropXAlign[number];
+export type GridPropXAlign = (typeof gridPropXAlign)[number];
 export declare const gridPropYAlign: readonly ["top", "center", "bottom"];
-export type GridPropYAlign = typeof gridPropYAlign[number];
+export type GridPropYAlign = (typeof gridPropYAlign)[number];
 export declare const gridPropGap: readonly [0, "2xs", "xs", "s", "m", "l", "xl", "2xl", "3xl", "4xl", "5xl", "6xl"];
-export type GridPropGap = typeof gridPropGap[number] | '0';
+export type GridPropGap = (typeof gridPropGap)[number] | '0';
 export type GridPropColGap = GridPropGap;
 export type GridPropRowGap = GridPropGap;
 export declare const breakpointSizes: readonly ["xs", "s", "m", "l", "xl", "2xl"];
-export type BreakpointSizes = typeof breakpointSizes[number];
+export type BreakpointSizes = (typeof breakpointSizes)[number];
 type Breakpoint = {
     cols?: number | string;
     gap?: GridPropGap;

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

@@ -1 +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"}
+{"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/Informer/Informer.d.ts

@@ -3,13 +3,13 @@ import { IconComponent } from '@consta/icons/Icon';
 import React from 'react';
 import { PropsWithHTMLAttributes } from '../../utils/types/PropsWithHTMLAttributes';
 export declare const informerPropView: readonly ["filled", "bordered", "outline"];
-export type InformerPropView = typeof informerPropView[number];
+export type InformerPropView = (typeof informerPropView)[number];
 export declare const informerPropViewDefault: InformerPropView;
 export declare const informerPropStatus: readonly ["success", "system", "alert", "warning", "normal"];
-export type InformerPropStatus = typeof informerPropStatus[number];
+export type InformerPropStatus = (typeof informerPropStatus)[number];
 export declare const informerPropStatusDefault: InformerPropStatus;
 export declare const informerPropSize: readonly ["m", "s"];
-export type InformerPropSize = typeof informerPropSize[number];
+export type InformerPropSize = (typeof informerPropSize)[number];
 export declare const informerPropSizeDefault: InformerPropSize;
 type Props = {
     view?: InformerPropView;

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

@@ -1 +1 @@
-{"version":3,"file":"Informer.js","names":["classnames","React","cnMixFlex","cnMixSpace","cn","Text","useTheme","informerPropView","informerPropViewDefault","informerPropStatus","informerPropStatusDefault","informerPropSize","informerPropSizeDefault","cnInformer","Informer","forwardRef","props","ref","view","status","size","Icon","icon","label","title","children","style","otherProps","themeClassNames","className","color","accent","p","flex","gap","mT","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 { cnMixFlex } from '##/mixs/MixFlex';\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', 'outline'] 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  'normal',\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 informerPropSizeDefault: 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 = informerPropSizeDefault,\n      icon: Icon,\n      label,\n      title,\n      children,\n      style,\n      ...otherProps\n    } = props;\n    const { themeClassNames } = useTheme();\n\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          },\n          [\n            className,\n            cnMixSpace({ p: size }),\n            cnMixFlex({ flex: 'flex', gap: 's' }),\n          ],\n        )}\n        style={{\n          ...style,\n          ['--informer-bg-color' as string]: `var(--color-bg-${status})`,\n          ['--informer-border-color' as string]:\n            status === 'system'\n              ? `var(--color-bg-border)`\n              : `var(--color-bg-${status})`,\n          ['--informer-typo-color' as string]: `var(--color-typo-${status})`,\n          ['--informer-bg-opacity' as string]:\n            status === 'system' ? '30%' : '10%',\n        }}\n        ref={ref}\n      >\n        {Icon && (\n          <Icon\n            className={cnInformer('Icon', [cnMixSpace({ mT: '3xs' })])}\n            size=\"s\"\n          />\n        )}\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":"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"}
+{"version":3,"file":"Informer.js","names":["classnames","React","cnMixFlex","cnMixSpace","cn","Text","useTheme","informerPropView","informerPropViewDefault","informerPropStatus","informerPropStatusDefault","informerPropSize","informerPropSizeDefault","cnInformer","Informer","forwardRef","props","ref","view","status","size","Icon","icon","label","title","children","style","otherProps","themeClassNames","className","color","accent","p","flex","gap","mT","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 { cnMixFlex } from '##/mixs/MixFlex';\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', 'outline'] 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  'normal',\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 informerPropSizeDefault: 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 = informerPropSizeDefault,\n      icon: Icon,\n      label,\n      title,\n      children,\n      style,\n      ...otherProps\n    } = props;\n    const { themeClassNames } = useTheme();\n\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          },\n          [\n            className,\n            cnMixSpace({ p: size }),\n            cnMixFlex({ flex: 'flex', gap: 's' }),\n          ],\n        )}\n        style={{\n          ...style,\n          ['--informer-bg-color' as string]: `var(--color-bg-${status})`,\n          ['--informer-border-color' as string]:\n            status === 'system'\n              ? `var(--color-bg-border)`\n              : `var(--color-bg-${status})`,\n          ['--informer-typo-color' as string]: `var(--color-typo-${status})`,\n          ['--informer-bg-opacity' as string]:\n            status === 'system' ? '30%' : '10%',\n        }}\n        ref={ref}\n      >\n        {Icon && (\n          <Icon\n            className={cnInformer('Icon', [cnMixSpace({ mT: '3xs' })])}\n            size=\"s\"\n          />\n        )}\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":"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"}

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

@@ -1,13 +1,13 @@
 import './Layout.css';
 import React from 'react';
 export declare const layoutPropDirection: readonly ["row", "column"];
-export type LayoutPropDirection = typeof layoutPropDirection[number];
+export type LayoutPropDirection = (typeof layoutPropDirection)[number];
 export declare const layoutPropDirectionDefault: LayoutPropDirection;
 export declare const layoutPropVerticalAlign: readonly ["top", "bottom"];
-export type LayoutPropVerticalAlign = typeof layoutPropVerticalAlign[number];
+export type LayoutPropVerticalAlign = (typeof layoutPropVerticalAlign)[number];
 export declare const layoutPropVerticalAlignDefault: LayoutPropVerticalAlign;
 export declare const layoutPropHorizontalAlign: readonly ["left", "right"];
-export type LayoutPropHorizontalAlign = typeof layoutPropHorizontalAlign[number];
+export type LayoutPropHorizontalAlign = (typeof layoutPropHorizontalAlign)[number];
 export declare const layoutPropHorizontalAlignDefault: LayoutPropHorizontalAlign;
 export type LayoutProps = {
     flex?: number | 'none';

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

@@ -1 +1 @@
-{"version":3,"file":"Layout.js","names":["React","useRef","useForkRef","cn","forwardRefWithAs","useFixed","layoutPropDirection","layoutPropDirectionDefault","layoutPropVerticalAlign","layoutPropVerticalAlignDefault","layoutPropHorizontalAlign","layoutPropHorizontalAlignDefault","cnLayout","Layout","props","ref","flex","fixed","anchorRef","scrollContainer","direction","children","className","tabIndex","verticalAlign","horizontalAlign","as","style","otherProps","containerRef","top","left","width","height","maxWidth","maxHeight","position","backgroundColor","current","window","getComputedStyle","getPropertyValue"],"sources":["../../../../../src/components/Layout/Layout.tsx"],"sourcesContent":["import './Layout.css';\n\nimport React, { useRef } from 'react';\n\nimport { useForkRef } from '../../hooks/useForkRef/useForkRef';\nimport { cn } from '../../utils/bem';\nimport { forwardRefWithAs } from '../../utils/types/PropsWithAsAttributes';\nimport { useFixed } from './useFixed';\n\nexport const layoutPropDirection = ['row', 'column'] as const;\nexport type LayoutPropDirection = typeof layoutPropDirection[number];\nexport const layoutPropDirectionDefault: LayoutPropDirection =\n  layoutPropDirection[0];\n\nexport const layoutPropVerticalAlign = ['top', 'bottom'] as const;\nexport type LayoutPropVerticalAlign = typeof layoutPropVerticalAlign[number];\nexport const layoutPropVerticalAlignDefault: LayoutPropVerticalAlign =\n  layoutPropVerticalAlign[0];\n\nexport const layoutPropHorizontalAlign = ['left', 'right'] as const;\nexport type LayoutPropHorizontalAlign =\n  typeof layoutPropHorizontalAlign[number];\nexport const layoutPropHorizontalAlignDefault: LayoutPropHorizontalAlign =\n  layoutPropHorizontalAlign[0];\n\nexport type LayoutProps = {\n  flex?: number | 'none';\n  fixed?: boolean;\n  verticalAlign?: LayoutPropVerticalAlign;\n  horizontalAlign?: LayoutPropHorizontalAlign;\n  anchorRef?: React.RefObject<HTMLElement>;\n  scrollContainer?: React.RefObject<HTMLElement> | HTMLElement | null | Window;\n  direction?: LayoutPropDirection;\n  children?: React.ReactNode;\n};\n\nexport const cnLayout = cn('Layout');\n\nexport const Layout = forwardRefWithAs<LayoutProps>((props, ref) => {\n  const {\n    flex,\n    fixed,\n    anchorRef,\n    scrollContainer,\n    direction = layoutPropDirectionDefault,\n    children,\n    className,\n    tabIndex,\n    verticalAlign = layoutPropVerticalAlignDefault,\n    horizontalAlign = layoutPropHorizontalAlignDefault,\n    as = 'div',\n    style,\n    ...otherProps\n  } = props;\n\n  const containerRef = useRef<HTMLElement>(null);\n\n  const { top, left, width, height, maxWidth, maxHeight, position } = useFixed(\n    containerRef,\n    scrollContainer,\n    anchorRef,\n    verticalAlign,\n    horizontalAlign,\n  );\n\n  const Tag = as as string;\n\n  const backgroundColor =\n    containerRef && containerRef.current\n      ? window\n          .getComputedStyle(containerRef.current)\n          .getPropertyValue('background-color')\n      : 'none';\n\n  return (\n    <>\n      <Tag\n        tabIndex={tabIndex}\n        ref={useForkRef([ref, containerRef])}\n        style={\n          fixed\n            ? {\n                ...style,\n                ['--layout-flex' as string]: flex,\n                ['--layout-top' as string]: `${top}px`,\n                ['--layout-left' as string]: `${left}px`,\n                ['--layout-max-height' as string]: `${maxHeight}px`,\n                ['--layout-max-width' as string]: `${maxWidth}px`,\n                ['--layout-position' as string]: position,\n                ['--layout-min-width' as string]: `${width}px`,\n                ['--layout-min-height' as string]: `${height}px`,\n              }\n            : {\n                ...style,\n                ['--layout-flex' as string]: flex,\n              }\n        }\n        className={cnLayout(\n          {\n            direction,\n          },\n          [className],\n        )}\n        {...otherProps}\n      >\n        {children}\n      </Tag>\n      {position === 'fixed' && fixed && (\n        <div\n          className={cnLayout('Fake')}\n          style={{\n            ['--layout-flex' as string]: flex,\n            ['--layout-min-width' as string]: `${width}px`,\n            ['--layout-min-height' as string]: `${height}px`,\n            ['--layout-bg-color' as string]: backgroundColor,\n          }}\n        />\n      )}\n    </>\n  );\n});\n"],"mappings":"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"}
+{"version":3,"file":"Layout.js","names":["React","useRef","useForkRef","cn","forwardRefWithAs","useFixed","layoutPropDirection","layoutPropDirectionDefault","layoutPropVerticalAlign","layoutPropVerticalAlignDefault","layoutPropHorizontalAlign","layoutPropHorizontalAlignDefault","cnLayout","Layout","props","ref","flex","fixed","anchorRef","scrollContainer","direction","children","className","tabIndex","verticalAlign","horizontalAlign","as","style","otherProps","containerRef","top","left","width","height","maxWidth","maxHeight","position","backgroundColor","current","window","getComputedStyle","getPropertyValue"],"sources":["../../../../../src/components/Layout/Layout.tsx"],"sourcesContent":["import './Layout.css';\n\nimport React, { useRef } from 'react';\n\nimport { useForkRef } from '../../hooks/useForkRef/useForkRef';\nimport { cn } from '../../utils/bem';\nimport { forwardRefWithAs } from '../../utils/types/PropsWithAsAttributes';\nimport { useFixed } from './useFixed';\n\nexport const layoutPropDirection = ['row', 'column'] as const;\nexport type LayoutPropDirection = (typeof layoutPropDirection)[number];\nexport const layoutPropDirectionDefault: LayoutPropDirection =\n  layoutPropDirection[0];\n\nexport const layoutPropVerticalAlign = ['top', 'bottom'] as const;\nexport type LayoutPropVerticalAlign = (typeof layoutPropVerticalAlign)[number];\nexport const layoutPropVerticalAlignDefault: LayoutPropVerticalAlign =\n  layoutPropVerticalAlign[0];\n\nexport const layoutPropHorizontalAlign = ['left', 'right'] as const;\nexport type LayoutPropHorizontalAlign =\n  (typeof layoutPropHorizontalAlign)[number];\nexport const layoutPropHorizontalAlignDefault: LayoutPropHorizontalAlign =\n  layoutPropHorizontalAlign[0];\n\nexport type LayoutProps = {\n  flex?: number | 'none';\n  fixed?: boolean;\n  verticalAlign?: LayoutPropVerticalAlign;\n  horizontalAlign?: LayoutPropHorizontalAlign;\n  anchorRef?: React.RefObject<HTMLElement>;\n  scrollContainer?: React.RefObject<HTMLElement> | HTMLElement | null | Window;\n  direction?: LayoutPropDirection;\n  children?: React.ReactNode;\n};\n\nexport const cnLayout = cn('Layout');\n\nexport const Layout = forwardRefWithAs<LayoutProps>((props, ref) => {\n  const {\n    flex,\n    fixed,\n    anchorRef,\n    scrollContainer,\n    direction = layoutPropDirectionDefault,\n    children,\n    className,\n    tabIndex,\n    verticalAlign = layoutPropVerticalAlignDefault,\n    horizontalAlign = layoutPropHorizontalAlignDefault,\n    as = 'div',\n    style,\n    ...otherProps\n  } = props;\n\n  const containerRef = useRef<HTMLElement>(null);\n\n  const { top, left, width, height, maxWidth, maxHeight, position } = useFixed(\n    containerRef,\n    scrollContainer,\n    anchorRef,\n    verticalAlign,\n    horizontalAlign,\n  );\n\n  const Tag = as as string;\n\n  const backgroundColor =\n    containerRef && containerRef.current\n      ? window\n          .getComputedStyle(containerRef.current)\n          .getPropertyValue('background-color')\n      : 'none';\n\n  return (\n    <>\n      <Tag\n        tabIndex={tabIndex}\n        ref={useForkRef([ref, containerRef])}\n        style={\n          fixed\n            ? {\n                ...style,\n                ['--layout-flex' as string]: flex,\n                ['--layout-top' as string]: `${top}px`,\n                ['--layout-left' as string]: `${left}px`,\n                ['--layout-max-height' as string]: `${maxHeight}px`,\n                ['--layout-max-width' as string]: `${maxWidth}px`,\n                ['--layout-position' as string]: position,\n                ['--layout-min-width' as string]: `${width}px`,\n                ['--layout-min-height' as string]: `${height}px`,\n              }\n            : {\n                ...style,\n                ['--layout-flex' as string]: flex,\n              }\n        }\n        className={cnLayout(\n          {\n            direction,\n          },\n          [className],\n        )}\n        {...otherProps}\n      >\n        {children}\n      </Tag>\n      {position === 'fixed' && fixed && (\n        <div\n          className={cnLayout('Fake')}\n          style={{\n            ['--layout-flex' as string]: flex,\n            ['--layout-min-width' as string]: `${width}px`,\n            ['--layout-min-height' as string]: `${height}px`,\n            ['--layout-bg-color' as string]: backgroundColor,\n          }}\n        />\n      )}\n    </>\n  );\n});\n"],"mappings":"o5BAAA,qBAEA,MAAOA,MAAP,EAAgBC,MAAhB,KAA8B,OAA9B,CAEA,OAASC,UAAT,yCACA,OAASC,EAAT,uBACA,OAASC,gBAAT,+CACA,OAASC,QAAT,kBAEA,MAAO,IAAMC,oBAAmB,CAAG,CAAC,KAAD,CAAQ,QAAR,CAA5B,CAEP,MAAO,IAAMC,2BAA+C,CAC1DD,mBAAmB,CAAC,CAAD,CADd,CAGP,MAAO,IAAME,wBAAuB,CAAG,CAAC,KAAD,CAAQ,QAAR,CAAhC,CAEP,MAAO,IAAMC,+BAAuD,CAClED,uBAAuB,CAAC,CAAD,CADlB,CAGP,MAAO,IAAME,0BAAyB,CAAG,CAAC,MAAD,CAAS,OAAT,CAAlC,CAGP,MAAO,IAAMC,iCAA2D,CACtED,yBAAyB,CAAC,CAAD,CADpB,CAcP,MAAO,IAAME,SAAQ,CAAGT,EAAE,CAAC,QAAD,CAAnB,CAEP,MAAO,IAAMU,OAAM,CAAGT,gBAAgB,CAAc,SAACU,CAAD,CAAQC,CAAR,CAAgB,SAEhEC,CAFgE,CAe9DF,CAf8D,CAEhEE,IAFgE,CAGhEC,CAHgE,CAe9DH,CAf8D,CAGhEG,KAHgE,CAIhEC,CAJgE,CAe9DJ,CAf8D,CAIhEI,SAJgE,CAKhEC,CALgE,CAe9DL,CAf8D,CAKhEK,eALgE,GAe9DL,CAf8D,CAMhEM,SANgE,CAMhEA,CANgE,YAMpDb,0BANoD,GAOhEc,CAPgE,CAe9DP,CAf8D,CAOhEO,QAPgE,CAQhEC,CARgE,CAe9DR,CAf8D,CAQhEQ,SARgE,CAShEC,CATgE,CAe9DT,CAf8D,CAShES,QATgE,GAe9DT,CAf8D,CAUhEU,aAVgE,CAUhEA,CAVgE,YAUhDf,8BAVgD,KAe9DK,CAf8D,CAWhEW,eAXgE,CAWhEA,CAXgE,YAW9Cd,gCAX8C,KAe9DG,CAf8D,CAYhEY,EAZgE,CAYhEA,CAZgE,YAY3D,KAZ2D,GAahEC,CAbgE,CAe9Db,CAf8D,CAahEa,KAbgE,CAc7DC,CAd6D,0BAe9Dd,CAf8D,YAiB5De,CAAY,CAAG5B,MAAM,CAAc,IAAd,CAjBuC,GAmBEI,QAAQ,CAC1EwB,CAD0E,CAE1EV,CAF0E,CAG1ED,CAH0E,CAI1EM,CAJ0E,CAK1EC,CAL0E,CAnBV,CAmB1DK,CAnB0D,GAmB1DA,GAnB0D,CAmBrDC,CAnBqD,GAmBrDA,IAnBqD,CAmB/CC,CAnB+C,GAmB/CA,KAnB+C,CAmBxCC,CAnBwC,GAmBxCA,MAnBwC,CAmBhCC,CAnBgC,GAmBhCA,QAnBgC,CAmBtBC,CAnBsB,GAmBtBA,SAnBsB,CAmBXC,CAnBW,GAmBXA,QAnBW,CA6B5DC,CAAe,CACnBR,CAAY,EAAIA,CAAY,CAACS,OAA7B,CACIC,MAAM,CACHC,gBADH,CACoBX,CAAY,CAACS,OADjC,EAEGG,gBAFH,CAEoB,kBAFpB,CADJ,CAII,MAlC4D,CAoClE,MACE,yCACE,oBAXQf,CAWR,gBACE,QAAQ,CAAEH,CADZ,CAEE,GAAG,CAAErB,UAAU,CAAC,CAACa,CAAD,CAAMc,CAAN,CAAD,CAFjB,CAGE,KAAK,CACHZ,CAAK,gCAEIU,CAFJ,6BAGE,eAHF,CAG8BX,CAH9B,oBAIE,cAJF,WAIgCc,CAJhC,0BAKE,eALF,WAKiCC,CALjC,0BAME,qBANF,WAMuCI,CANvC,0BAOE,oBAPF,WAOsCD,CAPtC,0BAQE,mBARF,CAQkCE,CARlC,oBASE,oBATF,WASsCJ,CATtC,0BAUE,qBAVF,WAUuCC,CAVvC,2CAaIN,CAbJ,wBAcE,eAdF,CAc8BX,CAd9B,EAJT,CAqBE,SAAS,CAAEJ,QAAQ,CACjB,CACEQ,SAAS,CAATA,CADF,CADiB,CAIjB,CAACE,CAAD,CAJiB,CArBrB,EA2BMM,CA3BN,EA6BGP,CA7BH,CADF,CAgCgB,OAAb,GAAAe,CAAQ,EAAgBnB,CAAxB,EACC,2BACE,SAAS,CAAEL,QAAQ,CAAC,MAAD,CADrB,CAEE,KAAK,yBACF,eADE,CAC0BI,CAD1B,oBAEF,oBAFE,WAEkCgB,CAFlC,0BAGF,qBAHE,WAGmCC,CAHnC,0BAIF,mBAJE,CAI8BI,CAJ9B,IAFP,EAjCJ,CA6CH,CAlFqC,CAA/B"}

package/__internal__/src/components/Layout/useFixed.d.ts

@@ -9,9 +9,9 @@ export type UseFixedData = {
     position?: 'unset' | 'fixed';
 };
 declare const verticalAlign: readonly ["top", "bottom"];
-type VerticalAlign = typeof verticalAlign[number];
+type VerticalAlign = (typeof verticalAlign)[number];
 declare const horizontalAlign: readonly ["left", "right"];
-type HorizontalAlign = typeof horizontalAlign[number];
+type HorizontalAlign = (typeof horizontalAlign)[number];
 type UseFixed = (layoutRef?: React.RefObject<HTMLElement> | null, scrollContainer?: React.RefObject<HTMLElement> | null | HTMLElement | Window, anchorRef?: React.RefObject<HTMLElement> | null, verticalAlign?: VerticalAlign, horizontalAlign?: HorizontalAlign) => UseFixedData;
 export type ElementStationing = {
     offsetTop: number;

package/__internal__/src/components/Layout/useFixed.js.map

@@ -1 +1 @@
-{"version":3,"file":"useFixed.js","names":["useCallback","useEffect","useState","verticalAlign","verticalAlignDefault","horizontalAlign","horizontalAlignDefault","getHTMLElement","element","HTMLElement","Window","current","getStationingElement","offsetTop","offsetHeight","offsetLeft","offsetWidth","clientHeight","clientWidth","scrollTop","scrollHeight","innerHeight","innerWidth","scrollY","Math","max","document","body","isElementScrollable","container","anchor","isVerticalFixation","startScroll","positioningElement","layoutStationing","scrollContainerStationing","anchorStationing","stationingData","top","left","width","height","maxWidth","maxHeight","position","scrollContainerPosition","bottom","right","window","scrollX","useFixed","layoutRef","scrollContainer","anchorRef","stationing","setStationing","result","setResult","setTimeout","parentElement","parentContainer","parentStationing","positioning","addEventListener","resizing","removeEventListener"],"sources":["../../../../../src/components/Layout/useFixed.ts"],"sourcesContent":["import React, { useCallback, useEffect, useState } from 'react';\n\nexport type UseFixedData = {\n  top?: number;\n  left?: number;\n  width?: number;\n  height?: number;\n  maxWidth?: number;\n  maxHeight?: number;\n  position?: 'unset' | 'fixed';\n};\n\nconst verticalAlign = ['top', 'bottom'] as const;\ntype VerticalAlign = typeof verticalAlign[number];\nconst verticalAlignDefault: VerticalAlign = verticalAlign[0];\n\nconst horizontalAlign = ['left', 'right'] as const;\ntype HorizontalAlign = typeof horizontalAlign[number];\nconst horizontalAlignDefault: HorizontalAlign = horizontalAlign[0];\n\ntype UseFixed = (\n  layoutRef?: React.RefObject<HTMLElement> | null,\n  scrollContainer?: React.RefObject<HTMLElement> | null | HTMLElement | Window,\n  anchorRef?: React.RefObject<HTMLElement> | null,\n  verticalAlign?: VerticalAlign,\n  horizontalAlign?: HorizontalAlign,\n) => UseFixedData;\n\nexport type ElementStationing = {\n  offsetTop: number;\n  offsetHeight: number;\n  offsetLeft: number;\n  offsetWidth: number;\n  clientHeight: number;\n  clientWidth: number;\n  scrollTop: number;\n  scrollHeight: number;\n};\n\ntype GetHTMLFunction = (\n  element: React.RefObject<HTMLElement> | HTMLElement | Window,\n) => HTMLElement | Window | null;\n\ntype PositioningElement = (\n  startScroll?: number,\n  layoutStationing?: ElementStationing,\n  scrollContainerStationing?: ElementStationing,\n  anchorStationing?: ElementStationing,\n  verticalAlign?: VerticalAlign,\n  horizontalAlign?: HorizontalAlign,\n) => UseFixedData;\n\nconst getHTMLElement: GetHTMLFunction = (element) => {\n  if (element && !(element instanceof HTMLElement || element instanceof Window))\n    return element?.current;\n  return element;\n};\n\nconst getStationingElement = (\n  element?: HTMLElement | null | Window,\n): ElementStationing | undefined => {\n  if (element instanceof HTMLElement)\n    return {\n      offsetTop: element.offsetTop,\n      offsetHeight: element.offsetHeight,\n      offsetLeft: element.offsetLeft,\n      offsetWidth: element.offsetWidth,\n      clientHeight: element.clientHeight,\n      clientWidth: element.clientWidth,\n      scrollTop: element.scrollTop,\n      scrollHeight: element.scrollHeight,\n    };\n  if (element instanceof Window) {\n    return {\n      offsetTop: 0,\n      offsetHeight: element.innerHeight,\n      offsetLeft: 0,\n      offsetWidth: element.innerWidth,\n      clientHeight: element.innerHeight,\n      clientWidth: element.innerWidth,\n      scrollTop: element.scrollY,\n      scrollHeight: Math.max(\n        document.body.scrollHeight,\n        document.body.offsetHeight,\n      ),\n    };\n  }\n  return undefined;\n};\n\nconst isElementScrollable = (\n  element: ElementStationing,\n  container: ElementStationing,\n  anchor: ElementStationing | undefined,\n  isVerticalFixation: boolean,\n  startScroll: number,\n): boolean | undefined => {\n  if (isVerticalFixation)\n    return (\n      container.scrollTop >= startScroll &&\n      container.scrollTop <=\n        container.scrollHeight - container.offsetHeight + element.offsetHeight\n    );\n  return anchor\n    ? container.scrollTop + anchor.offsetHeight >= startScroll &&\n        container.scrollTop <=\n          container.scrollHeight - container.offsetHeight + element.offsetHeight\n    : container.scrollTop + container.offsetHeight <=\n        startScroll + element.offsetHeight &&\n        container.scrollTop <= container.scrollHeight - container.offsetHeight;\n};\n\nexport const positioningElement: PositioningElement = (\n  startScroll,\n  layoutStationing,\n  scrollContainerStationing,\n  anchorStationing,\n  verticalAlign,\n  horizontalAlign,\n) => {\n  const stationingData: UseFixedData = {\n    top: 0,\n    left: 0,\n    width: layoutStationing?.offsetWidth,\n    height: layoutStationing?.offsetHeight,\n    maxWidth: scrollContainerStationing?.clientWidth,\n    maxHeight: scrollContainerStationing?.clientHeight,\n    position: 'unset',\n  };\n  if (\n    layoutStationing &&\n    scrollContainerStationing &&\n    typeof startScroll !== 'undefined'\n  ) {\n    const scrollContainerPosition = {\n      top: scrollContainerStationing.offsetTop,\n      bottom:\n        scrollContainerStationing.offsetTop +\n        scrollContainerStationing.clientHeight,\n      left: scrollContainerStationing.offsetLeft,\n      right:\n        scrollContainerStationing.offsetLeft +\n        scrollContainerStationing.clientWidth,\n      width: scrollContainerStationing.clientWidth,\n      height: scrollContainerStationing.clientHeight,\n    };\n    stationingData.width = layoutStationing.offsetWidth;\n    stationingData.height = layoutStationing.offsetHeight;\n    stationingData.maxWidth = scrollContainerPosition.width;\n    stationingData.maxHeight = scrollContainerPosition.height;\n    if (\n      isElementScrollable(\n        layoutStationing,\n        scrollContainerStationing,\n        anchorStationing,\n        verticalAlign === 'top',\n        startScroll,\n      )\n    ) {\n      stationingData.position = 'fixed';\n      if (verticalAlign === 'top')\n        stationingData.top = anchorStationing\n          ? anchorStationing.offsetTop\n          : scrollContainerPosition.top;\n      else\n        stationingData.top = anchorStationing\n          ? anchorStationing.offsetTop + anchorStationing.offsetHeight\n          : scrollContainerPosition.bottom - layoutStationing.offsetHeight;\n      if (horizontalAlign === 'left')\n        stationingData.left = anchorStationing\n          ? anchorStationing.offsetLeft\n          : -window.scrollX + scrollContainerPosition.left;\n      else\n        stationingData.left = anchorStationing\n          ? anchorStationing.offsetLeft +\n            anchorStationing.offsetWidth -\n            layoutStationing.offsetWidth\n          : -window.scrollX +\n            scrollContainerPosition.right -\n            layoutStationing.offsetWidth;\n    } else stationingData.position = 'unset';\n  }\n  return stationingData;\n};\n\nexport const useFixed: UseFixed = (\n  layoutRef,\n  scrollContainer,\n  anchorRef,\n  verticalAlign = verticalAlignDefault,\n  horizontalAlign = horizontalAlignDefault,\n) => {\n  const [stationing, setStationing] = useState<UseFixedData>({});\n  const [result, setResult] = useState<UseFixedData>({});\n\n  useEffect(() => {\n    let startScroll = 0;\n    setTimeout(\n      () => {\n        if (layoutRef && layoutRef.current && layoutRef.current.parentElement) {\n          const parentContainer = scrollContainer\n            ? getHTMLElement(scrollContainer)\n            : layoutRef.current.parentElement;\n          const parentStationing = getStationingElement(parentContainer);\n          if (parentStationing) {\n            startScroll =\n              layoutRef.current.offsetTop - parentStationing.offsetTop >= 0\n                ? layoutRef.current.offsetTop - parentStationing.offsetTop\n                : 0;\n          }\n          positioning(startScroll);\n          document.addEventListener('resize', resizing);\n          if (typeof parentContainer?.addEventListener === 'function') {\n            parentContainer?.addEventListener('resize', resizing);\n            parentContainer?.addEventListener('scroll', () =>\n              positioning(startScroll),\n            );\n          }\n        }\n      },\n      typeof scrollContainer !== 'undefined' ? 0 : 500,\n    );\n    return () => {\n      if (layoutRef && layoutRef.current && layoutRef.current.parentElement) {\n        const parentContainer = scrollContainer\n          ? getHTMLElement(scrollContainer)\n          : layoutRef.current.parentElement;\n        document.removeEventListener('resize', resizing);\n        if (typeof parentContainer?.removeEventListener === 'function') {\n          parentContainer?.removeEventListener('resize', resizing);\n          parentContainer?.removeEventListener('scroll', () =>\n            positioning(startScroll),\n          );\n        }\n      }\n    };\n  }, [verticalAlign, horizontalAlign, layoutRef, scrollContainer, anchorRef]);\n\n  useEffect(() => {\n    setResult({ ...stationing });\n  }, [\n    stationing.top,\n    stationing.left,\n    stationing.position,\n    stationing.width,\n    stationing.height,\n    stationing.maxHeight,\n    stationing.maxWidth,\n  ]);\n\n  const resizing = () => {\n    if (layoutRef && layoutRef.current && layoutRef.current.parentElement) {\n      const parentContainer = scrollContainer\n        ? getHTMLElement(scrollContainer)\n        : layoutRef.current.parentElement;\n      const parentStationing = getStationingElement(parentContainer);\n      setStationing({\n        ...stationing,\n        width: layoutRef.current.offsetWidth,\n        height: layoutRef.current.offsetHeight,\n        maxWidth: parentStationing?.clientWidth,\n        maxHeight: parentStationing?.clientHeight,\n      });\n    }\n  };\n\n  const positioning = useCallback(\n    (startScroll: number) => {\n      if (\n        layoutRef &&\n        layoutRef.current &&\n        layoutRef.current.parentElement &&\n        typeof startScroll === 'number'\n      ) {\n        const parentContainer = scrollContainer\n          ? getHTMLElement(scrollContainer)\n          : layoutRef.current.parentElement;\n        if (scrollContainer) {\n          const stationingData = positioningElement(\n            startScroll,\n            getStationingElement(layoutRef.current),\n            getStationingElement(parentContainer),\n            getStationingElement(anchorRef?.current),\n            verticalAlign,\n            horizontalAlign,\n          );\n          setStationing({ ...stationingData });\n        }\n      }\n    },\n    [stationing],\n  );\n\n  return result;\n};\n"],"mappings":"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"}
+{"version":3,"file":"useFixed.js","names":["useCallback","useEffect","useState","verticalAlign","verticalAlignDefault","horizontalAlign","horizontalAlignDefault","getHTMLElement","element","HTMLElement","Window","current","getStationingElement","offsetTop","offsetHeight","offsetLeft","offsetWidth","clientHeight","clientWidth","scrollTop","scrollHeight","innerHeight","innerWidth","scrollY","Math","max","document","body","isElementScrollable","container","anchor","isVerticalFixation","startScroll","positioningElement","layoutStationing","scrollContainerStationing","anchorStationing","stationingData","top","left","width","height","maxWidth","maxHeight","position","scrollContainerPosition","bottom","right","window","scrollX","useFixed","layoutRef","scrollContainer","anchorRef","stationing","setStationing","result","setResult","setTimeout","parentElement","parentContainer","parentStationing","positioning","addEventListener","resizing","removeEventListener"],"sources":["../../../../../src/components/Layout/useFixed.ts"],"sourcesContent":["import React, { useCallback, useEffect, useState } from 'react';\n\nexport type UseFixedData = {\n  top?: number;\n  left?: number;\n  width?: number;\n  height?: number;\n  maxWidth?: number;\n  maxHeight?: number;\n  position?: 'unset' | 'fixed';\n};\n\nconst verticalAlign = ['top', 'bottom'] as const;\ntype VerticalAlign = (typeof verticalAlign)[number];\nconst verticalAlignDefault: VerticalAlign = verticalAlign[0];\n\nconst horizontalAlign = ['left', 'right'] as const;\ntype HorizontalAlign = (typeof horizontalAlign)[number];\nconst horizontalAlignDefault: HorizontalAlign = horizontalAlign[0];\n\ntype UseFixed = (\n  layoutRef?: React.RefObject<HTMLElement> | null,\n  scrollContainer?: React.RefObject<HTMLElement> | null | HTMLElement | Window,\n  anchorRef?: React.RefObject<HTMLElement> | null,\n  verticalAlign?: VerticalAlign,\n  horizontalAlign?: HorizontalAlign,\n) => UseFixedData;\n\nexport type ElementStationing = {\n  offsetTop: number;\n  offsetHeight: number;\n  offsetLeft: number;\n  offsetWidth: number;\n  clientHeight: number;\n  clientWidth: number;\n  scrollTop: number;\n  scrollHeight: number;\n};\n\ntype GetHTMLFunction = (\n  element: React.RefObject<HTMLElement> | HTMLElement | Window,\n) => HTMLElement | Window | null;\n\ntype PositioningElement = (\n  startScroll?: number,\n  layoutStationing?: ElementStationing,\n  scrollContainerStationing?: ElementStationing,\n  anchorStationing?: ElementStationing,\n  verticalAlign?: VerticalAlign,\n  horizontalAlign?: HorizontalAlign,\n) => UseFixedData;\n\nconst getHTMLElement: GetHTMLFunction = (element) => {\n  if (element && !(element instanceof HTMLElement || element instanceof Window))\n    return element?.current;\n  return element;\n};\n\nconst getStationingElement = (\n  element?: HTMLElement | null | Window,\n): ElementStationing | undefined => {\n  if (element instanceof HTMLElement)\n    return {\n      offsetTop: element.offsetTop,\n      offsetHeight: element.offsetHeight,\n      offsetLeft: element.offsetLeft,\n      offsetWidth: element.offsetWidth,\n      clientHeight: element.clientHeight,\n      clientWidth: element.clientWidth,\n      scrollTop: element.scrollTop,\n      scrollHeight: element.scrollHeight,\n    };\n  if (element instanceof Window) {\n    return {\n      offsetTop: 0,\n      offsetHeight: element.innerHeight,\n      offsetLeft: 0,\n      offsetWidth: element.innerWidth,\n      clientHeight: element.innerHeight,\n      clientWidth: element.innerWidth,\n      scrollTop: element.scrollY,\n      scrollHeight: Math.max(\n        document.body.scrollHeight,\n        document.body.offsetHeight,\n      ),\n    };\n  }\n  return undefined;\n};\n\nconst isElementScrollable = (\n  element: ElementStationing,\n  container: ElementStationing,\n  anchor: ElementStationing | undefined,\n  isVerticalFixation: boolean,\n  startScroll: number,\n): boolean | undefined => {\n  if (isVerticalFixation)\n    return (\n      container.scrollTop >= startScroll &&\n      container.scrollTop <=\n        container.scrollHeight - container.offsetHeight + element.offsetHeight\n    );\n  return anchor\n    ? container.scrollTop + anchor.offsetHeight >= startScroll &&\n        container.scrollTop <=\n          container.scrollHeight - container.offsetHeight + element.offsetHeight\n    : container.scrollTop + container.offsetHeight <=\n        startScroll + element.offsetHeight &&\n        container.scrollTop <= container.scrollHeight - container.offsetHeight;\n};\n\nexport const positioningElement: PositioningElement = (\n  startScroll,\n  layoutStationing,\n  scrollContainerStationing,\n  anchorStationing,\n  verticalAlign,\n  horizontalAlign,\n) => {\n  const stationingData: UseFixedData = {\n    top: 0,\n    left: 0,\n    width: layoutStationing?.offsetWidth,\n    height: layoutStationing?.offsetHeight,\n    maxWidth: scrollContainerStationing?.clientWidth,\n    maxHeight: scrollContainerStationing?.clientHeight,\n    position: 'unset',\n  };\n  if (\n    layoutStationing &&\n    scrollContainerStationing &&\n    typeof startScroll !== 'undefined'\n  ) {\n    const scrollContainerPosition = {\n      top: scrollContainerStationing.offsetTop,\n      bottom:\n        scrollContainerStationing.offsetTop +\n        scrollContainerStationing.clientHeight,\n      left: scrollContainerStationing.offsetLeft,\n      right:\n        scrollContainerStationing.offsetLeft +\n        scrollContainerStationing.clientWidth,\n      width: scrollContainerStationing.clientWidth,\n      height: scrollContainerStationing.clientHeight,\n    };\n    stationingData.width = layoutStationing.offsetWidth;\n    stationingData.height = layoutStationing.offsetHeight;\n    stationingData.maxWidth = scrollContainerPosition.width;\n    stationingData.maxHeight = scrollContainerPosition.height;\n    if (\n      isElementScrollable(\n        layoutStationing,\n        scrollContainerStationing,\n        anchorStationing,\n        verticalAlign === 'top',\n        startScroll,\n      )\n    ) {\n      stationingData.position = 'fixed';\n      if (verticalAlign === 'top')\n        stationingData.top = anchorStationing\n          ? anchorStationing.offsetTop\n          : scrollContainerPosition.top;\n      else\n        stationingData.top = anchorStationing\n          ? anchorStationing.offsetTop + anchorStationing.offsetHeight\n          : scrollContainerPosition.bottom - layoutStationing.offsetHeight;\n      if (horizontalAlign === 'left')\n        stationingData.left = anchorStationing\n          ? anchorStationing.offsetLeft\n          : -window.scrollX + scrollContainerPosition.left;\n      else\n        stationingData.left = anchorStationing\n          ? anchorStationing.offsetLeft +\n            anchorStationing.offsetWidth -\n            layoutStationing.offsetWidth\n          : -window.scrollX +\n            scrollContainerPosition.right -\n            layoutStationing.offsetWidth;\n    } else stationingData.position = 'unset';\n  }\n  return stationingData;\n};\n\nexport const useFixed: UseFixed = (\n  layoutRef,\n  scrollContainer,\n  anchorRef,\n  verticalAlign = verticalAlignDefault,\n  horizontalAlign = horizontalAlignDefault,\n) => {\n  const [stationing, setStationing] = useState<UseFixedData>({});\n  const [result, setResult] = useState<UseFixedData>({});\n\n  useEffect(() => {\n    let startScroll = 0;\n    setTimeout(\n      () => {\n        if (layoutRef && layoutRef.current && layoutRef.current.parentElement) {\n          const parentContainer = scrollContainer\n            ? getHTMLElement(scrollContainer)\n            : layoutRef.current.parentElement;\n          const parentStationing = getStationingElement(parentContainer);\n          if (parentStationing) {\n            startScroll =\n              layoutRef.current.offsetTop - parentStationing.offsetTop >= 0\n                ? layoutRef.current.offsetTop - parentStationing.offsetTop\n                : 0;\n          }\n          positioning(startScroll);\n          document.addEventListener('resize', resizing);\n          if (typeof parentContainer?.addEventListener === 'function') {\n            parentContainer?.addEventListener('resize', resizing);\n            parentContainer?.addEventListener('scroll', () =>\n              positioning(startScroll),\n            );\n          }\n        }\n      },\n      typeof scrollContainer !== 'undefined' ? 0 : 500,\n    );\n    return () => {\n      if (layoutRef && layoutRef.current && layoutRef.current.parentElement) {\n        const parentContainer = scrollContainer\n          ? getHTMLElement(scrollContainer)\n          : layoutRef.current.parentElement;\n        document.removeEventListener('resize', resizing);\n        if (typeof parentContainer?.removeEventListener === 'function') {\n          parentContainer?.removeEventListener('resize', resizing);\n          parentContainer?.removeEventListener('scroll', () =>\n            positioning(startScroll),\n          );\n        }\n      }\n    };\n  }, [verticalAlign, horizontalAlign, layoutRef, scrollContainer, anchorRef]);\n\n  useEffect(() => {\n    setResult({ ...stationing });\n  }, [\n    stationing.top,\n    stationing.left,\n    stationing.position,\n    stationing.width,\n    stationing.height,\n    stationing.maxHeight,\n    stationing.maxWidth,\n  ]);\n\n  const resizing = () => {\n    if (layoutRef && layoutRef.current && layoutRef.current.parentElement) {\n      const parentContainer = scrollContainer\n        ? getHTMLElement(scrollContainer)\n        : layoutRef.current.parentElement;\n      const parentStationing = getStationingElement(parentContainer);\n      setStationing({\n        ...stationing,\n        width: layoutRef.current.offsetWidth,\n        height: layoutRef.current.offsetHeight,\n        maxWidth: parentStationing?.clientWidth,\n        maxHeight: parentStationing?.clientHeight,\n      });\n    }\n  };\n\n  const positioning = useCallback(\n    (startScroll: number) => {\n      if (\n        layoutRef &&\n        layoutRef.current &&\n        layoutRef.current.parentElement &&\n        typeof startScroll === 'number'\n      ) {\n        const parentContainer = scrollContainer\n          ? getHTMLElement(scrollContainer)\n          : layoutRef.current.parentElement;\n        if (scrollContainer) {\n          const stationingData = positioningElement(\n            startScroll,\n            getStationingElement(layoutRef.current),\n            getStationingElement(parentContainer),\n            getStationingElement(anchorRef?.current),\n            verticalAlign,\n            horizontalAlign,\n          );\n          setStationing({ ...stationingData });\n        }\n      }\n    },\n    [stationing],\n  );\n\n  return result;\n};\n"],"mappings":"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"}

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

@@ -1 +1 @@
-{"version":3,"file":"ListCanary.js","names":["React","useMemo","cn","getGroups","withDefaultGetters","ListItem","renderHeader","defaultListPropInnerOffset","defaultListPropSize","cnList","List","props","items","onItemClick","groupsProp","groups","disabledProp","disabled","itemSpace","groupLabelSpace","dividerSpace","getItemLabel","getItemLeftIcon","getItemLeftSide","getItemRightIcon","getItemRightSide","getItemAs","getItemAttributes","getItemGroupKey","getItemDisabled","getItemActive","getItemChecked","getItemOnClick","getItemRef","getItemStatus","getItemAdditionalClassName","getGroupKey","getGroupLabel","getGroupRightSide","getGroupAdditionalClassName","renderItem","innerOffset","size","sortGroup","renderItemDefault","item","onClick","handleClick","e","params","label","leftSide","leftIcon","rightSide","rightIcon","active","checked","status","as","ref","space","className","map","group","groupIndex","key","index"],"sources":["../../../../../src/components/ListCanary/ListCanary.tsx"],"sourcesContent":["import React, { useMemo } from 'react';\n\nimport { cn } from '##/utils/bem';\nimport { getGroups } from '##/utils/getGroups';\n\nimport { withDefaultGetters } from './helper';\nimport { ListItem } from './ListItem';\nimport { renderHeader } from './renderHeader';\nimport {\n  defaultListPropInnerOffset,\n  defaultListPropSize,\n  ListComponent,\n  ListPropRenderItem,\n} from './types';\n\nexport const cnList = cn('List');\n\nexport const List: ListComponent = (props) => {\n  const {\n    items,\n    onItemClick,\n    groups: groupsProp,\n    disabled: disabledProp,\n    itemSpace,\n    groupLabelSpace,\n    dividerSpace,\n    getItemLabel,\n    getItemLeftIcon,\n    getItemLeftSide,\n    getItemRightIcon,\n    getItemRightSide,\n    getItemAs,\n    getItemAttributes,\n    getItemGroupKey,\n    getItemDisabled,\n    getItemActive,\n    getItemChecked,\n    getItemOnClick,\n    getItemRef,\n    getItemStatus,\n    getItemAdditionalClassName,\n    getGroupKey,\n    getGroupLabel,\n    getGroupRightSide,\n    getGroupAdditionalClassName,\n    renderItem,\n    innerOffset = defaultListPropInnerOffset,\n    size = defaultListPropSize,\n    sortGroup,\n  } = withDefaultGetters(props);\n\n  const groups = useMemo(\n    () => getGroups(items, getItemGroupKey, groupsProp, getGroupKey, sortGroup),\n    [groupsProp, items],\n  );\n\n  type ITEM = typeof items[number];\n\n  const renderItemDefault: ListPropRenderItem<ITEM> = (item) => {\n    const onClick = getItemOnClick(item);\n    const disabled = getItemDisabled(item) ?? disabledProp;\n\n    const handleClick: React.MouseEventHandler<HTMLElement> | undefined =\n      !disabled && (onClick || onItemClick)\n        ? (e) => {\n            onClick?.(e);\n            onItemClick?.(item, { e, item });\n          }\n        : undefined;\n\n    const params = {\n      ...(getItemAttributes?.(item) ?? {}),\n      label: getItemLabel(item),\n      disabled,\n      leftSide: getItemLeftSide(item),\n      leftIcon: getItemLeftIcon(item),\n      rightSide: getItemRightSide(item),\n      rightIcon: getItemRightIcon(item),\n      active: getItemActive(item),\n      checked: getItemChecked(item),\n      status: getItemStatus(item),\n      as: getItemAs?.(item),\n      size,\n      onClick: handleClick,\n      innerOffset,\n      ref: (getItemRef?.(item) as React.RefObject<HTMLDivElement>) || undefined,\n      space: itemSpace,\n      className: getItemAdditionalClassName?.(item),\n    };\n\n    return <ListItem {...params} />;\n  };\n\n  return (\n    <>\n      {groups.map((group, groupIndex) => {\n        return (\n          <React.Fragment key={group.key}>\n            {renderHeader(\n              group.group && getGroupLabel(group.group),\n              groupIndex === 0,\n              size,\n              group.group && getGroupRightSide(group.group),\n              groupLabelSpace,\n              dividerSpace,\n              getGroupAdditionalClassName &&\n                group.group &&\n                getGroupAdditionalClassName(group.group),\n            )}\n            {group.items.map((item, index) => {\n              return (\n                <React.Fragment key={`${group.key}-${index}`}>\n                  {(renderItem ?? renderItemDefault)(item)}\n                </React.Fragment>\n              );\n            })}\n          </React.Fragment>\n        );\n      })}\n    </>\n  );\n};\n"],"mappings":"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"}
+{"version":3,"file":"ListCanary.js","names":["React","useMemo","cn","getGroups","withDefaultGetters","ListItem","renderHeader","defaultListPropInnerOffset","defaultListPropSize","cnList","List","props","items","onItemClick","groupsProp","groups","disabledProp","disabled","itemSpace","groupLabelSpace","dividerSpace","getItemLabel","getItemLeftIcon","getItemLeftSide","getItemRightIcon","getItemRightSide","getItemAs","getItemAttributes","getItemGroupKey","getItemDisabled","getItemActive","getItemChecked","getItemOnClick","getItemRef","getItemStatus","getItemAdditionalClassName","getGroupKey","getGroupLabel","getGroupRightSide","getGroupAdditionalClassName","renderItem","innerOffset","size","sortGroup","renderItemDefault","item","onClick","handleClick","e","params","label","leftSide","leftIcon","rightSide","rightIcon","active","checked","status","as","ref","space","className","map","group","groupIndex","key","index"],"sources":["../../../../../src/components/ListCanary/ListCanary.tsx"],"sourcesContent":["import React, { useMemo } from 'react';\n\nimport { cn } from '##/utils/bem';\nimport { getGroups } from '##/utils/getGroups';\n\nimport { withDefaultGetters } from './helper';\nimport { ListItem } from './ListItem';\nimport { renderHeader } from './renderHeader';\nimport {\n  defaultListPropInnerOffset,\n  defaultListPropSize,\n  ListComponent,\n  ListPropRenderItem,\n} from './types';\n\nexport const cnList = cn('List');\n\nexport const List: ListComponent = (props) => {\n  const {\n    items,\n    onItemClick,\n    groups: groupsProp,\n    disabled: disabledProp,\n    itemSpace,\n    groupLabelSpace,\n    dividerSpace,\n    getItemLabel,\n    getItemLeftIcon,\n    getItemLeftSide,\n    getItemRightIcon,\n    getItemRightSide,\n    getItemAs,\n    getItemAttributes,\n    getItemGroupKey,\n    getItemDisabled,\n    getItemActive,\n    getItemChecked,\n    getItemOnClick,\n    getItemRef,\n    getItemStatus,\n    getItemAdditionalClassName,\n    getGroupKey,\n    getGroupLabel,\n    getGroupRightSide,\n    getGroupAdditionalClassName,\n    renderItem,\n    innerOffset = defaultListPropInnerOffset,\n    size = defaultListPropSize,\n    sortGroup,\n  } = withDefaultGetters(props);\n\n  const groups = useMemo(\n    () => getGroups(items, getItemGroupKey, groupsProp, getGroupKey, sortGroup),\n    [groupsProp, items],\n  );\n\n  type ITEM = (typeof items)[number];\n\n  const renderItemDefault: ListPropRenderItem<ITEM> = (item) => {\n    const onClick = getItemOnClick(item);\n    const disabled = getItemDisabled(item) ?? disabledProp;\n\n    const handleClick: React.MouseEventHandler<HTMLElement> | undefined =\n      !disabled && (onClick || onItemClick)\n        ? (e) => {\n            onClick?.(e);\n            onItemClick?.(item, { e, item });\n          }\n        : undefined;\n\n    const params = {\n      ...(getItemAttributes?.(item) ?? {}),\n      label: getItemLabel(item),\n      disabled,\n      leftSide: getItemLeftSide(item),\n      leftIcon: getItemLeftIcon(item),\n      rightSide: getItemRightSide(item),\n      rightIcon: getItemRightIcon(item),\n      active: getItemActive(item),\n      checked: getItemChecked(item),\n      status: getItemStatus(item),\n      as: getItemAs?.(item),\n      size,\n      onClick: handleClick,\n      innerOffset,\n      ref: (getItemRef?.(item) as React.RefObject<HTMLDivElement>) || undefined,\n      space: itemSpace,\n      className: getItemAdditionalClassName?.(item),\n    };\n\n    return <ListItem {...params} />;\n  };\n\n  return (\n    <>\n      {groups.map((group, groupIndex) => {\n        return (\n          <React.Fragment key={group.key}>\n            {renderHeader(\n              group.group && getGroupLabel(group.group),\n              groupIndex === 0,\n              size,\n              group.group && getGroupRightSide(group.group),\n              groupLabelSpace,\n              dividerSpace,\n              getGroupAdditionalClassName &&\n                group.group &&\n                getGroupAdditionalClassName(group.group),\n            )}\n            {group.items.map((item, index) => {\n              return (\n                <React.Fragment key={`${group.key}-${index}`}>\n                  {(renderItem ?? renderItemDefault)(item)}\n                </React.Fragment>\n              );\n            })}\n          </React.Fragment>\n        );\n      })}\n    </>\n  );\n};\n"],"mappings":"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"}

package/__internal__/src/components/ListCanary/ListItemGrid/ListItemGrid.css

@@ -1 +1 @@
-.ListItemGrid{word-wrap:break-word;box-sizing:border-box;gap:var(--space-xs);justify-content:space-between}.ListItemGrid,.ListItemGrid-Slot{align-items:center;display:flex}.ListItemGrid-Slot_position_left,.ListItemGrid-Slot_position_right{width:-moz-max-content;width:max-content}.ListItemGrid-Slot_position_center{flex:1}
+.ListItemGrid{box-sizing:border-box;gap:var(--space-xs);justify-content:space-between;overflow-wrap:break-word}.ListItemGrid,.ListItemGrid-Slot{align-items:center;display:flex}.ListItemGrid-Slot_position_left,.ListItemGrid-Slot_position_right{width:-moz-max-content;width:max-content}.ListItemGrid-Slot_position_center{flex:1}

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

@@ -6,15 +6,15 @@ import { AsAttributes, AsTags } from '../../utils/types/AsTags';
 import { PropsWithAsAttributes } from '../../utils/types/PropsWithAsAttributes';
 import { PropsWithHTMLAttributesAndRef } from '../../utils/types/PropsWithHTMLAttributes';
 export declare const listPropSize: readonly ["m", "xs", "s", "l"];
-export type ListPropSize = typeof listPropSize[number];
+export type ListPropSize = (typeof listPropSize)[number];
 export declare const defaultListPropSize: "m";
 export declare const listPropInnerOffset: readonly ["normal", "increased"];
-export type ListPropInnerOffset = typeof listPropInnerOffset[number];
+export type ListPropInnerOffset = (typeof listPropInnerOffset)[number];
 export declare const defaultListPropInnerOffset: "normal";
 export declare const listPropStatus: readonly ["alert", "success", "warning"];
-export type ListPropStatus = typeof listPropStatus[number];
+export type ListPropStatus = (typeof listPropStatus)[number];
 export declare const listPropForm: readonly ["default", "brick", "round"];
-export type ListPropForm = typeof listPropForm[number];
+export type ListPropForm = (typeof listPropForm)[number];
 export declare const defaultListPropForm: "default";
 export type DefaultListGroup = {
     id: string | number;