@clickhouse/click-ui 0.6.2-rc3 → 0.8.0

package/dist/cjs/components/SplitButton/index.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","sources":["../../../../src/components/SplitButton/SplitButton.tsx"],"sourcesContent":["import { useEffect, useRef, useState } from 'react';\nimport { styled } from 'styled-components';\nimport { Dropdown } from '@/components/Dropdown';\nimport { BaseButton } from '@/components/Button/BaseButton';\nimport { IconWrapper } from '@/components/IconWrapper';\nimport { Icon } from '@/components/Icon';\nimport { SplitButtonProps, Menu, ButtonType } from './SplitButton.types';\n\nexport const SplitButton = ({\n  type = 'primary',\n  disabled,\n  menu,\n  dir,\n  open,\n  defaultOpen,\n  onOpenChange,\n  modal,\n  side,\n  fillWidth,\n  children,\n  icon,\n  iconDir = 'start',\n  ...props\n}: SplitButtonProps) => {\n  const ref = useRef<HTMLDivElement>(null);\n  const [width, setWidth] = useState(0);\n\n  useEffect(() => {\n    const targetDiv = ref.current;\n    if (!targetDiv) {\n      return;\n    }\n\n    const resizeObserver = new ResizeObserver(entries => {\n      for (const entry of entries) {\n        setWidth(entry.target.clientWidth);\n      }\n    });\n\n    resizeObserver.observe(targetDiv);\n\n    return () => {\n      resizeObserver.unobserve(targetDiv);\n    };\n  }, []);\n\n  return (\n    <Dropdown\n      dir={dir}\n      open={open}\n      defaultOpen={defaultOpen}\n      onOpenChange={onOpenChange}\n      modal={modal}\n    >\n      <SplitButtonTrigger\n        $disabled={disabled}\n        $fillWidth={fillWidth}\n        ref={ref}\n        $type={type}\n      >\n        <PrimaryButton\n          disabled={disabled}\n          $type={type}\n          $fillWidth={fillWidth}\n          {...props}\n        >\n          <ButtonData\n            as={IconWrapper}\n            icon={icon}\n            iconDir={iconDir}\n          >\n            {children}\n          </ButtonData>\n        </PrimaryButton>\n        <SecondaryButton\n          as={Dropdown.Trigger}\n          disabled={disabled}\n          $type={type}\n          asChild\n          data-testid=\"split-button-dropdown\"\n        >\n          <span>\n            <Icon\n              name=\"chevron-down\"\n              size=\"sm\"\n            />\n          </span>\n        </SecondaryButton>\n      </SplitButtonTrigger>\n      <DropdownContent\n        as={Dropdown.Content}\n        side={side}\n        $width={width}\n        sideOffset={4}\n        align=\"end\"\n      >\n        {menu.map((item: Menu, index: number) => (\n          <MenuContentItem\n            key={`split-menu-option-${index}`}\n            parentKey={`split-menu-option-${index}`}\n            {...item}\n          />\n        ))}\n      </DropdownContent>\n    </Dropdown>\n  );\n};\n\nconst DropdownContent = styled.div<{ $width: number }>`\n  min-width: ${({ $width }) => $width}px;\n`;\n\nconst MenuContentItem = ({\n  items = [],\n  type = 'item',\n  label,\n  icon,\n  iconDir = 'start',\n  parentKey,\n  ...props\n}: Menu & { parentKey: string }) => {\n  if (type === 'item') {\n    return (\n      <Dropdown.Item {...props}>\n        <IconWrapper\n          icon={icon}\n          iconDir={iconDir}\n        >\n          {label}\n        </IconWrapper>\n      </Dropdown.Item>\n    );\n  }\n  if (type === 'group') {\n    return (\n      <Dropdown.Group>\n        {items.map((item, index) => (\n          <MenuContentItem\n            key={`${parentKey}-group-${index}`}\n            parentKey={`${parentKey}-group-${index}`}\n            {...item}\n          />\n        ))}\n      </Dropdown.Group>\n    );\n  }\n  if (type === 'sub-menu') {\n    return (\n      <Dropdown.Sub>\n        <Dropdown.Trigger\n          sub\n          {...props}\n        >\n          <IconWrapper\n            icon={icon}\n            iconDir={iconDir}\n          >\n            {label}\n          </IconWrapper>\n        </Dropdown.Trigger>\n        <Dropdown.Content sub>\n          {items.map((item, index) => (\n            <MenuContentItem\n              key={`${parentKey}-sub-menu-${index}`}\n              parentKey={`${parentKey}-sub-menu-${index}`}\n              {...item}\n            />\n          ))}\n        </Dropdown.Content>\n      </Dropdown.Sub>\n    );\n  }\n};\n\nconst SplitButtonTrigger = styled.div<{\n  $disabled?: boolean;\n  $type: ButtonType;\n  $fillWidth?: boolean;\n}>`\n  display: inline-flex;\n  align-items: center;\n  overflow: hidden;\n  user-select: none;\n  ${({ theme, $disabled = false, $type, $fillWidth }) => `\n    width: ${$fillWidth ? '100%' : 'revert'};\n    border-radius: ${theme.click.button.radii.all};\n    border: 1px solid ${theme.click.button.split[$type].stroke.default};\n    ${\n      $disabled\n        ? `\n          cursor: not-allowed;\n          border-color: ${theme.click.button.split[$type].stroke.disabled};\n        `\n        : `\n          &:hover {\n            border-color: ${theme.click.button.split[$type].stroke.hover};\n          }\n          &:focus-within {\n            border-color: ${theme.click.button.split[$type].stroke.active};\n          }\n        `\n    }\n  `}\n`;\n\nconst PrimaryButton = styled(BaseButton)<{\n  $type: ButtonType;\n  $fillWidth?: boolean;\n}>`\n  border: none;\n  align-self: stretch;\n  border-radius: 0;\n  align-items: center;\n  padding: ${({ theme }) =>\n    `${theme.click.button.split.space.y} ${theme.click.button.split.space.x}`};\n  ${({ theme, $type, $fillWidth }) => `\n    width: ${$fillWidth ? '100%' : 'revert'};\n    justify-content: center;\n    background: ${theme.click.button.split[$type].background.main.default};\n    color: ${theme.click.button.split[$type].text.default};\n    font: ${theme.click.button.split.typography.label.default};\n    &:hover {\n      background: ${theme.click.button.split[$type].background.main.hover};\n      color: ${theme.click.button.split[$type].text.hover};\n      font: ${theme.click.button.split.typography.label.hover};\n    }\n    &:focus {\n      background: ${theme.click.button.split[$type].background.main.active};\n      color: ${theme.click.button.split[$type].text.active};\n      font: ${theme.click.button.split.typography.label.active};\n    }\n    &:disabled {\n      background: ${theme.click.button.split[$type].background.main.disabled};\n      color: ${theme.click.button.split[$type].text.disabled};\n      font: ${theme.click.button.split.typography.label.disabled};\n    }\n  `}\n`;\n\nconst SecondaryButton = styled(BaseButton)<{ $type: ButtonType }>`\n  border: none;\n  align-self: stretch;\n  border-radius: 0;\n  ${({ theme, $type }) => `\n    padding: ${theme.click.button.split.icon.space.y} ${theme.click.button.split.icon.space.x};\n    background: ${theme.click.button.split[$type].background.action.default};\n    color: ${theme.click.button.split[$type].text.default};\n    &:hover {\n      background: ${theme.click.button.split[$type].background.action.hover};\n      color: ${theme.click.button.split[$type].text.hover};\n    }\n    &:focus {\n      background: ${theme.click.button.split[$type].background.action.active};\n      color: ${theme.click.button.split[$type].text.active};\n    }\n    &[data-disabled] {\n      background: ${theme.click.button.split[$type].background.action.disabled};\n      color: ${theme.click.button.split[$type].text.disabled};\n    }\n  `}\n`;\n\nconst ButtonData = styled.div`\n  width: auto;\n`;\n"],"names":["SplitButton","type","disabled","menu","dir","open","defaultOpen","onOpenChange","modal","side","fillWidth","children","icon","iconDir","props","ref","useRef","width","setWidth","useState","useEffect","targetDiv","current","resizeObserver","ResizeObserver","entries","entry","target","clientWidth","observe","unobserve","Dropdown","jsxs","jsx","IconWrapper","Trigger","Icon","Content","map","item","index","DropdownContent","styled","div","withConfig","componentId","$width","MenuContentItem","items","label","parentKey","SplitButtonTrigger","theme","$disabled","$type","$fillWidth","click","button","radii","all","split","stroke","default","hover","active","PrimaryButton","BaseButton","space","y","x","background","main","text","typography","SecondaryButton","action","ButtonData"],"mappings":"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"}
+{"version":3,"file":"index.cjs","sources":["../../../../src/components/SplitButton/SplitButton.tsx"],"sourcesContent":["import { CSSProperties, useEffect, useMemo, useRef, useState } from 'react';\nimport { Dropdown } from '@/components/Dropdown';\nimport { BaseButton } from '@/components/Button/BaseButton';\nimport { IconWrapper } from '@/components/IconWrapper';\nimport { Icon } from '@/components/Icon';\nimport { cn, cva } from '@/lib/cva';\nimport { SplitButtonProps, Menu } from './SplitButton.types';\nimport styles from './SplitButton.module.css';\n\nconst triggerVariants = cva(styles['split-button'], {\n  variants: {\n    type: {\n      primary: styles['split-button_type_primary'],\n      secondary: styles['split-button_type_secondary'],\n    },\n    fillWidth: {\n      true: styles['split-button_fill-width'],\n    },\n    disabled: {\n      true: styles['split-button_disabled'],\n    },\n  },\n  defaultVariants: {\n    type: 'primary',\n  },\n});\n\nconst primaryVariants = cva(styles['split-button__primary'], {\n  variants: {\n    fillWidth: {\n      true: styles['split-button__primary_fill-width'],\n    },\n  },\n});\n\nexport const SplitButton = ({\n  type = 'primary',\n  htmlType,\n  disabled,\n  menu,\n  dir,\n  open,\n  defaultOpen,\n  onOpenChange,\n  modal,\n  side,\n  fillWidth,\n  children,\n  icon,\n  iconDir = 'start',\n  className,\n  ...props\n}: SplitButtonProps) => {\n  const ref = useRef<HTMLDivElement>(null);\n  const [width, setWidth] = useState(0);\n\n  useEffect(() => {\n    const targetDiv = ref.current;\n    if (!targetDiv) {\n      return;\n    }\n\n    const resizeObserver = new ResizeObserver(entries => {\n      for (const entry of entries) {\n        setWidth(entry.target.clientWidth);\n      }\n    });\n\n    resizeObserver.observe(targetDiv);\n\n    return () => {\n      resizeObserver.unobserve(targetDiv);\n    };\n  }, []);\n\n  const contentStyle = useMemo(\n    () =>\n      ({\n        '--split-button-dropdown-min-width': `${width}px`,\n      }) as CSSProperties,\n    [width]\n  );\n\n  return (\n    <Dropdown\n      dir={dir}\n      open={open}\n      defaultOpen={defaultOpen}\n      onOpenChange={onOpenChange}\n      modal={modal}\n    >\n      <div\n        ref={ref}\n        className={cn(triggerVariants({ type, fillWidth, disabled }))}\n      >\n        <BaseButton\n          disabled={disabled}\n          {...props}\n          type={htmlType}\n          className={cn(primaryVariants({ fillWidth }), className)}\n        >\n          <IconWrapper\n            className={styles['split-button__button-data']}\n            icon={icon}\n            iconDir={iconDir}\n          >\n            {children}\n          </IconWrapper>\n        </BaseButton>\n        <Dropdown.Trigger\n          disabled={disabled}\n          asChild\n          data-testid=\"split-button-dropdown\"\n          className={styles['split-button__secondary']}\n        >\n          <span>\n            <Icon\n              name=\"chevron-down\"\n              size=\"sm\"\n            />\n          </span>\n        </Dropdown.Trigger>\n      </div>\n      <Dropdown.Content\n        side={side}\n        sideOffset={4}\n        align=\"end\"\n        className={styles['split-button__dropdown-content']}\n        style={contentStyle}\n      >\n        {menu.map((item: Menu, index: number) => (\n          <MenuContentItem\n            key={`split-menu-option-${index}`}\n            parentKey={`split-menu-option-${index}`}\n            {...item}\n          />\n        ))}\n      </Dropdown.Content>\n    </Dropdown>\n  );\n};\n\nconst MenuContentItem = ({\n  items = [],\n  type = 'item',\n  label,\n  icon,\n  iconDir = 'start',\n  parentKey,\n  ...props\n}: Menu & { parentKey: string }) => {\n  if (type === 'item') {\n    return (\n      <Dropdown.Item {...props}>\n        <IconWrapper\n          icon={icon}\n          iconDir={iconDir}\n        >\n          {label}\n        </IconWrapper>\n      </Dropdown.Item>\n    );\n  }\n  if (type === 'group') {\n    return (\n      <Dropdown.Group>\n        {items.map((item, index) => (\n          <MenuContentItem\n            key={`${parentKey}-group-${index}`}\n            parentKey={`${parentKey}-group-${index}`}\n            {...item}\n          />\n        ))}\n      </Dropdown.Group>\n    );\n  }\n  if (type === 'sub-menu') {\n    return (\n      <Dropdown.Sub>\n        <Dropdown.Trigger\n          sub\n          {...props}\n        >\n          <IconWrapper\n            icon={icon}\n            iconDir={iconDir}\n          >\n            {label}\n          </IconWrapper>\n        </Dropdown.Trigger>\n        <Dropdown.Content sub>\n          {items.map((item, index) => (\n            <MenuContentItem\n              key={`${parentKey}-sub-menu-${index}`}\n              parentKey={`${parentKey}-sub-menu-${index}`}\n              {...item}\n            />\n          ))}\n        </Dropdown.Content>\n      </Dropdown.Sub>\n    );\n  }\n};\n"],"names":["triggerVariants","cva","styles","variants","type","primary","secondary","fillWidth","true","disabled","defaultVariants","primaryVariants","SplitButton","htmlType","menu","dir","open","defaultOpen","onOpenChange","modal","side","children","icon","iconDir","className","props","ref","useRef","width","setWidth","useState","useEffect","targetDiv","current","resizeObserver","ResizeObserver","entries","entry","target","clientWidth","observe","unobserve","contentStyle","useMemo","Dropdown","jsxs","cn","jsx","BaseButton","IconWrapper","Icon","map","item","index","MenuContentItem","items","label","parentKey"],"mappings":"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"}

package/dist/cjs/components/Table/Table.css

@@ -0,0 +1,375 @@
+/* stylelint-disable custom-property-pattern -- design tokens use camelCase (e.g. iconButton) */
+.table__Dkosn {
+  display: flex;
+  width: 100%;
+  flex-direction: column;
+  gap: 1rem;
+}
+
+.table__wrapper__M-WJs {
+  width: 100%;
+  height: 100%;
+  overflow-x: auto;
+  border: var(--click-table-cell-stroke) solid var(--click-table-global-color-stroke-default);
+  border-radius: var(--click-table-radii-all);
+}
+
+.table__table__9BB0L {
+  width: 100%;
+  overflow: visible;
+  border-collapse: collapse;
+  table-layout: fixed;
+}
+
+[data-mobile-layout='list'] .table__table__9BB0L {
+  /* stylelint-disable-next-line media-feature-range-notation -- prefix notation
+     required for browser compatibility per .browserslistrc */
+  @media (max-width: 768px) {
+    border: none;
+    table-layout: auto;
+  }
+}
+
+/* stylelint-disable-next-line block-no-empty -- base element required by BEM */
+.table__colgroup__dMZrG {
+}
+
+[data-mobile-layout='list'] .table__colgroup__dMZrG {
+  /* stylelint-disable-next-line media-feature-range-notation -- prefix notation
+     required for browser compatibility per .browserslistrc */
+  @media (max-width: 768px) {
+    display: none;
+  }
+}
+
+.table__thead__jQQMo tr {
+  overflow: hidden;
+  border-bottom: var(--click-table-cell-stroke) solid var(--click-table-row-color-stroke-default);
+  background-color: var(--click-table-header-color-background-default);
+}
+
+[data-mobile-layout='list'] .table__thead__jQQMo {
+  /* stylelint-disable-next-line media-feature-range-notation -- prefix notation
+     required for browser compatibility per .browserslistrc */
+  @media (max-width: 768px) {
+    display: none;
+  }
+}
+
+.table__header__gQiaC {
+  color: var(--click-table-header-color-title-default);
+  font: var(--click-table-header-title-default);
+  text-align: left;
+}
+
+.table__header_size_sm__-twnG {
+  padding: var(--click-table-header-cell-space-sm-y) var(--click-table-body-cell-space-sm-x);
+}
+
+.table__header_size_md__H62Z4 {
+  padding: var(--click-table-header-cell-space-md-y) var(--click-table-body-cell-space-md-x);
+}
+
+.table__header_resizable__2y5fn {
+  position: relative;
+}
+
+.table__header-content__R-kr- {
+  display: flex;
+  justify-content: start;
+  align-items: center;
+  gap: inherit;
+}
+
+.table__header-content_interactive__7lV67 {
+  cursor: pointer;
+}
+
+.table__resizer__m6w0b {
+  position: absolute;
+  top: 0;
+  right: 0;
+  width: 24px;
+  height: 100%;
+  border-radius: 0.5rem;
+  cursor: col-resize;
+  transition: opacity 0.2s;
+  transform: translateX(50%);
+  user-select: none;
+}
+
+.table__resizer__m6w0b:hover {
+  opacity: 0.6;
+}
+
+.table__resizer__m6w0b::before {
+  content: ' ';
+  display: inline-block;
+  position: relative;
+  top: 25%;
+  left: 50%;
+  width: 2px;
+  height: 20px;
+  background: var(--click-table-header-color-checkbox-border-default);
+  transform: translateX(-50%);
+}
+
+.table__resizer__m6w0b:focus-visible {
+  opacity: 1;
+  outline: 2px solid var(--click-global-color-outline-default);
+  outline-offset: 2px;
+}
+
+.table__sort-icon__i-kkT {
+  transition: all 200ms;
+}
+
+.table__sort-icon_dir_asc__iYjL2 {
+  transform: rotate(0deg);
+}
+
+.table__sort-icon_dir_desc__e78-c {
+  transform: rotate(180deg);
+}
+
+/* stylelint-disable-next-line block-no-empty -- base element required by BEM */
+.table__tbody__SPG5M {
+}
+
+[data-mobile-layout='list'] .table__tbody__SPG5M {
+  /* stylelint-disable-next-line media-feature-range-notation -- prefix notation
+     required for browser compatibility per .browserslistrc */
+  @media (max-width: 768px) {
+    display: flex;
+    flex-direction: column;
+    gap: 0.25rem;
+  }
+}
+
+.table__row__T3tP6 {
+  --table-row-height: initial;
+  opacity: 1;
+
+  height: var(--table-row-height, auto);
+  overflow: hidden;
+  border-bottom: var(--click-table-cell-stroke) solid var(--click-table-row-color-stroke-default);
+  background-color: var(--click-table-row-color-background-default);
+  cursor: default;
+}
+
+.table__row_active__7CQZj {
+  background-color: var(--click-table-row-color-background-active);
+}
+
+.table__row__T3tP6:active {
+  background-color: var(--click-table-row-color-background-active);
+}
+
+.table__row__T3tP6:hover {
+  background-color: var(--click-table-row-color-background-hover);
+}
+
+.table__row_disabled__YICW5 {
+  opacity: 0.5;
+  cursor: not-allowed;
+}
+
+.table__row__T3tP6:last-of-type,
+.table__row__T3tP6:last-child {
+  border-bottom: none;
+}
+
+[data-mobile-layout='list'] .table__row__T3tP6 {
+  /* stylelint-disable-next-line media-feature-range-notation -- prefix notation
+     required for browser compatibility per .browserslistrc */
+  @media (max-width: 768px) {
+    display: flex;
+    position: relative;
+    flex-wrap: wrap;
+    border: var(--click-table-cell-stroke) solid var(--click-table-row-color-stroke-default);
+    border-radius: var(--click-table-radii-all);
+  }
+}
+
+[data-mobile-layout='list'] .table__row_selectable__Or4hH {
+  /* stylelint-disable-next-line media-feature-range-notation -- prefix notation
+     required for browser compatibility per .browserslistrc */
+  @media (max-width: 768px) {
+    padding-left: calc(
+      var(--click-table-body-cell-space-sm-x) + var(--click-table-body-cell-space-sm-x) +
+        var(--click-checkbox-size-all)
+    );
+  }
+}
+
+[data-mobile-layout='list'] .table__row_show-actions__DfOOZ {
+  /* stylelint-disable-next-line media-feature-range-notation -- prefix notation
+     required for browser compatibility per .browserslistrc */
+  @media (max-width: 768px) {
+    padding-right: calc(
+      var(--click-table-body-cell-space-sm-x) + var(--click-table-body-cell-space-sm-x) +
+        var(--click-image-sm-size-width) + var(--click-button-iconButton-default-space-x) +
+        var(--click-button-iconButton-default-space-x)
+    );
+  }
+}
+
+.table__data__KkzjS {
+  overflow: hidden;
+  color: var(--click-table-row-color-text-default);
+  font: var(--click-table-cell-text-default);
+}
+
+.table__data_size_sm__rfLCF {
+  padding: var(--click-table-body-cell-space-sm-y) var(--click-table-body-cell-space-sm-x);
+}
+
+.table__data_size_md__CNOHs {
+  padding: var(--click-table-body-cell-space-md-y) var(--click-table-body-cell-space-md-x);
+}
+
+[data-mobile-layout='list'] .table__data__KkzjS {
+  /* stylelint-disable-next-line media-feature-range-notation -- prefix notation
+     required for browser compatibility per .browserslistrc */
+  @media (max-width: 768px) {
+    width: auto;
+    min-width: 40%;
+    padding: var(--click-table-body-cell-space-sm-y) var(--click-table-body-cell-space-sm-x);
+  }
+}
+
+.table__spanned-data__t3S-m {
+  text-align: center;
+}
+
+.table__select-data__EpxHa {
+  overflow: hidden;
+  color: var(--click-table-row-color-text-default);
+  font: var(--click-table-cell-text-default);
+}
+
+.table__select-data_size_sm__SPaL9 {
+  padding: var(--click-table-body-cell-space-sm-y) var(--click-table-body-cell-space-sm-x);
+}
+
+.table__select-data_size_md__6pKZv {
+  padding: var(--click-table-body-cell-space-md-y) var(--click-table-body-cell-space-md-x);
+}
+
+[data-mobile-layout='list'] .table__select-data__EpxHa {
+  /* stylelint-disable-next-line media-feature-range-notation -- prefix notation
+     required for browser compatibility per .browserslistrc */
+  @media (max-width: 768px) {
+    position: absolute;
+    top: 0;
+    bottom: 0;
+    left: 0;
+    width: auto;
+    padding: var(--click-table-body-cell-space-sm-y) var(--click-table-body-cell-space-sm-x);
+    align-self: stretch;
+    border-right: var(--click-table-cell-stroke) solid var(--click-table-row-color-stroke-default);
+  }
+}
+
+.table__actions-cell__Oo0QI {
+  overflow: hidden;
+  color: var(--click-table-row-color-text-default);
+  font: var(--click-table-cell-text-default);
+}
+
+.table__actions-cell_size_sm__zm-mr {
+  padding: var(--click-table-body-cell-space-sm-y) var(--click-table-body-cell-space-sm-x);
+}
+
+.table__actions-cell_size_md__JYsyT {
+  padding: var(--click-table-body-cell-space-md-y) var(--click-table-body-cell-space-md-x);
+}
+
+[data-mobile-layout='list'] .table__actions-cell__Oo0QI {
+  /* stylelint-disable-next-line media-feature-range-notation -- prefix notation
+     required for browser compatibility per .browserslistrc */
+  @media (max-width: 768px) {
+    position: absolute;
+    top: 0;
+    right: 0;
+    bottom: 0;
+    width: auto;
+    padding: var(--click-table-body-cell-space-sm-y) var(--click-table-body-cell-space-sm-x);
+    align-self: stretch;
+    border-left: 1px solid var(--click-table-row-color-stroke-default);
+  }
+}
+
+.table__actions__kkZYZ {
+  display: flex;
+  overflow: hidden;
+  flex-wrap: wrap;
+  gap: 0.5rem;
+}
+
+[data-mobile-layout='list'] .table__actions__kkZYZ {
+  /* stylelint-disable-next-line media-feature-range-notation -- prefix notation
+     required for browser compatibility per .browserslistrc */
+  @media (max-width: 768px) {
+    overflow: auto;
+    flex-flow: column nowrap;
+  }
+}
+
+.table__mobile-header__dABkX {
+  display: none;
+  color: var(--click-table-row-color-label-default);
+  font: var(--click-table-cell-label-default);
+}
+
+[data-mobile-layout='list'] .table__mobile-header__dABkX {
+  /* stylelint-disable-next-line media-feature-range-notation -- prefix notation
+     required for browser compatibility per .browserslistrc */
+  @media (max-width: 768px) {
+    display: block;
+  }
+}
+
+.table__mobile-actions__-qiPM {
+  display: none;
+}
+
+[data-mobile-layout='list'] .table__mobile-actions__-qiPM {
+  /* stylelint-disable-next-line media-feature-range-notation -- prefix notation
+     required for browser compatibility per .browserslistrc */
+  @media (max-width: 768px) {
+    display: flex;
+    padding: 0 var(--click-table-body-cell-space-sm-x);
+    justify-content: space-between;
+    align-items: center;
+  }
+}
+
+.table__custom-message__txWk5 {
+  display: flex;
+  justify-content: center;
+  gap: 0.5rem;
+}
+
+.table__edit-button__y1xmf:disabled {
+  background: transparent;
+}
+
+.table__close-button__ja-o3:disabled {
+  background: transparent;
+}
+
+.table__close-button__ja-o3 svg {
+  transition: transform 200ms;
+}
+
+.table__close-button_deleted__6KxWh svg {
+  transform: rotate(45deg);
+}
+
+.table__text-wrapped__YwR9S {
+  display: inline-block;
+  max-width: 100%;
+  word-break: break-all;
+  overflow-wrap: break-word;
+}

package/dist/cjs/components/Table/Table.module.css.cjs

@@ -0,0 +1,86 @@
+'use strict';
+
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: 'Module' } });
+
+const table = "table__Dkosn";
+const table__wrapper = "table__wrapper__M-WJs";
+const table__table = "table__table__9BB0L";
+const table__colgroup = "table__colgroup__dMZrG";
+const table__thead = "table__thead__jQQMo";
+const table__header = "table__header__gQiaC";
+const table__header_size_sm = "table__header_size_sm__-twnG";
+const table__header_size_md = "table__header_size_md__H62Z4";
+const table__header_resizable = "table__header_resizable__2y5fn";
+const table__resizer = "table__resizer__m6w0b";
+const table__tbody = "table__tbody__SPG5M";
+const table__row = "table__row__T3tP6";
+const table__row_active = "table__row_active__7CQZj";
+const table__row_disabled = "table__row_disabled__YICW5";
+const table__row_selectable = "table__row_selectable__Or4hH";
+const table__data = "table__data__KkzjS";
+const table__data_size_sm = "table__data_size_sm__rfLCF";
+const table__data_size_md = "table__data_size_md__CNOHs";
+const table__actions = "table__actions__kkZYZ";
+const styles = {
+	table: table,
+	table__wrapper: table__wrapper,
+	table__table: table__table,
+	table__colgroup: table__colgroup,
+	table__thead: table__thead,
+	table__header: table__header,
+	table__header_size_sm: table__header_size_sm,
+	table__header_size_md: table__header_size_md,
+	table__header_resizable: table__header_resizable,
+	"table__header-content": "table__header-content__R-kr-",
+	"table__header-content_interactive": "table__header-content_interactive__7lV67",
+	table__resizer: table__resizer,
+	"table__sort-icon": "table__sort-icon__i-kkT",
+	"table__sort-icon_dir_asc": "table__sort-icon_dir_asc__iYjL2",
+	"table__sort-icon_dir_desc": "table__sort-icon_dir_desc__e78-c",
+	table__tbody: table__tbody,
+	table__row: table__row,
+	table__row_active: table__row_active,
+	table__row_disabled: table__row_disabled,
+	table__row_selectable: table__row_selectable,
+	"table__row_show-actions": "table__row_show-actions__DfOOZ",
+	table__data: table__data,
+	table__data_size_sm: table__data_size_sm,
+	table__data_size_md: table__data_size_md,
+	"table__spanned-data": "table__spanned-data__t3S-m",
+	"table__select-data": "table__select-data__EpxHa",
+	"table__select-data_size_sm": "table__select-data_size_sm__SPaL9",
+	"table__select-data_size_md": "table__select-data_size_md__6pKZv",
+	"table__actions-cell": "table__actions-cell__Oo0QI",
+	"table__actions-cell_size_sm": "table__actions-cell_size_sm__zm-mr",
+	"table__actions-cell_size_md": "table__actions-cell_size_md__JYsyT",
+	table__actions: table__actions,
+	"table__mobile-header": "table__mobile-header__dABkX",
+	"table__mobile-actions": "table__mobile-actions__-qiPM",
+	"table__custom-message": "table__custom-message__txWk5",
+	"table__edit-button": "table__edit-button__y1xmf",
+	"table__close-button": "table__close-button__ja-o3",
+	"table__close-button_deleted": "table__close-button_deleted__6KxWh",
+	"table__text-wrapped": "table__text-wrapped__YwR9S"
+};
+
+exports.default = styles;
+exports.table = table;
+exports.table__actions = table__actions;
+exports.table__colgroup = table__colgroup;
+exports.table__data = table__data;
+exports.table__data_size_md = table__data_size_md;
+exports.table__data_size_sm = table__data_size_sm;
+exports.table__header = table__header;
+exports.table__header_resizable = table__header_resizable;
+exports.table__header_size_md = table__header_size_md;
+exports.table__header_size_sm = table__header_size_sm;
+exports.table__resizer = table__resizer;
+exports.table__row = table__row;
+exports.table__row_active = table__row_active;
+exports.table__row_disabled = table__row_disabled;
+exports.table__row_selectable = table__row_selectable;
+exports.table__table = table__table;
+exports.table__tbody = table__tbody;
+exports.table__thead = table__thead;
+exports.table__wrapper = table__wrapper;
+//# sourceMappingURL=Table.module.css.cjs.map

package/dist/cjs/components/Table/Table.module.css.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Table.module.css.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}