@wix/design-system 1.152.0 → 1.154.0

package/dist/cjs/TableListItem/TableListItem.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_propTypes","_interopRequireDefault","_constants","_TableListItemSt","_Checkbox","_context","_DragHandle","_forkRef","_useDraggableContainer","_system","_jsxFileName","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","getWidthStyle","options","reduce","acc","_ref","width","concat","TableListItem","forwardRef","_ref2","ref","verticalPadding","PADDING","small","horizontalPadding","large","checkbox","checkboxDisabled","checkboxTooltipContent","checkboxTooltipProps","checked","onCheckboxChange","draggable","focused","onBlur","dragDisabled","showDivider","onKeyUp","onClick","dragging","className","dataHook","dragHandleProps","border","dragHandleSize","expandable","expandDisabled","onClickExpand","expanded","draggableRef","useRef","rootRef","React","useEffect","current","focus","useImperativeHandle","draggableContainerClassName","useDraggableContainer","highlight","showControls","createElement","WixDesignSystemContext","Consumer","__self","__source","fileName","lineNumber","columnNumber","_ref3","newColorsBranding","tabIndex","st","classes","root","clickable","controlsContainer","handleContainer","DragHandle","_extends2","undefined","domRef","forkRef","disabled","dataHooks","tableListItemDragHandle","expandHandle","tableListItemExpandHandleContainer","CaretRight","caretIcon","tableListItemExpandHandle","tableListItemCheckboxContainer","onChange","tableListItemCheckbox","tooltipContent","tooltipProps","optionsContainer","style","gridTemplateColumns","tableListItemOptionsContainer","map","_ref4","index","value","align","position","ALIGN","key","tableListItemValue","displayName","propTypes","PropTypes","string","arrayOf","shape","node","isRequired","oneOfType","number","oneOf","left","center","right","medium","tiny","xTiny","xxTiny","bool","func","object","any","_default","exports"],"sources":["../../../src/TableListItem/TableListItem.tsx"],"sourcesContent":["import React, { forwardRef, useRef } from 'react';\nimport PropTypes from 'prop-types';\nimport { dataHooks, ALIGN, PADDING } from './constants';\nimport { st, classes } from './TableListItem.st.css';\nimport Checkbox from '../Checkbox';\nimport { WixDesignSystemContext } from '../WixDesignSystemProvider/context';\nimport { DragHandle } from '../DragHandle/DragHandle';\nimport { forkRef } from '../utils/forkRef';\nimport { useDraggableContainer } from '../DraggableContainer/useDraggableContainer';\nimport { CaretRight } from '@wix/wix-ui-icons-common/system';\nimport { TableListItemColumn, TableListItemProps } from './TableListItem.types';\n\nconst getWidthStyle = (options: TableListItemColumn[]) =>\n  options.reduce(\n    (acc, { width }) =>\n      `${acc} ${typeof width === 'number' ? width + 'px' : width || '1fr'}`,\n    '',\n  );\n\n/** TableListItem */\nconst TableListItem = forwardRef(\n  (\n    {\n      options,\n      verticalPadding = PADDING.small,\n      horizontalPadding = PADDING.large,\n      checkbox = false,\n      checkboxDisabled,\n      checkboxTooltipContent,\n      checkboxTooltipProps,\n      checked,\n      onCheckboxChange = () => {},\n      draggable = false,\n      focused,\n      onBlur,\n      dragDisabled,\n      showDivider = false,\n      onKeyUp,\n      onClick,\n      dragging,\n      className,\n      dataHook,\n      dragHandleProps,\n      border = false,\n      dragHandleSize = 'large',\n      expandable = false,\n      expandDisabled,\n      onClickExpand,\n      expanded = false,\n    }: TableListItemProps,\n    ref,\n  ) => {\n    const draggableRef = useRef<HTMLDivElement | null>(null);\n    const rootRef = useRef<HTMLDivElement>(null);\n\n    React.useEffect(() => {\n      if (draggableRef.current && focused) {\n        draggableRef.current.focus();\n      }\n    }, [draggableRef, focused]);\n\n    React.useImperativeHandle(ref, () => ({\n      focus: () => rootRef.current && rootRef.current.focus(),\n    }));\n\n    const { className: draggableContainerClassName } = useDraggableContainer({\n      dragging,\n      draggable,\n      dragDisabled,\n      highlight: true,\n    });\n\n    const showControls = draggable || expandable || checkbox;\n\n    return (\n      <WixDesignSystemContext.Consumer>\n        {({ newColorsBranding }) => (\n          <div\n            ref={rootRef}\n            tabIndex={-1}\n            onClick={onClick}\n            className={st(\n              classes.root,\n              {\n                draggable: draggable && !dragDisabled,\n                dragDisabled,\n                dragging,\n                checked: checkbox && checked,\n                showDivider,\n                clickable: !!onClick,\n                verticalPadding,\n                horizontalPadding,\n                newColorsBranding,\n                border,\n                dragHandleSize,\n              },\n              className,\n              draggableContainerClassName,\n            )}\n            data-hook={dataHook}\n          >\n            {showControls && (\n              <div\n                className={st(classes.controlsContainer, { dragHandleSize })}\n              >\n                {draggable && (\n                  <div className={classes.handleContainer}>\n                    <DragHandle\n                      tabIndex={onKeyUp ? 0 : undefined}\n                      {...dragHandleProps}\n                      domRef={forkRef(\n                        draggableRef,\n                        dragHandleProps?.domRef || null,\n                      )}\n                      onBlur={onBlur}\n                      onKeyUp={onKeyUp}\n                      dragging={dragging}\n                      disabled={dragDisabled}\n                      dataHook={dataHooks.tableListItemDragHandle}\n                      dragHandleSize={dragHandleSize}\n                    />\n                  </div>\n                )}\n                {expandable && (\n                  <div\n                    className={st(classes.expandHandle, {\n                      expandable: expandable && !expandDisabled,\n                    })}\n                    onClick={expandDisabled ? undefined : onClickExpand}\n                    data-hook={dataHooks.tableListItemExpandHandleContainer}\n                  >\n                    <CaretRight\n                      className={st(classes.caretIcon, {\n                        expanded,\n                      })}\n                      data-hook={dataHooks.tableListItemExpandHandle}\n                    />\n                  </div>\n                )}\n                {checkbox && (\n                  <div\n                    className={st(classes.checkbox, { checkboxDisabled })}\n                    data-hook={dataHooks.tableListItemCheckboxContainer}\n                  >\n                    <Checkbox\n                      checked={checked}\n                      disabled={checkboxDisabled}\n                      onChange={checkboxDisabled ? undefined : onCheckboxChange}\n                      dataHook={dataHooks.tableListItemCheckbox}\n                      tooltipContent={checkboxTooltipContent}\n                      tooltipProps={checkboxTooltipProps}\n                    />\n                  </div>\n                )}\n              </div>\n            )}\n            <div\n              className={classes.optionsContainer}\n              style={{\n                gridTemplateColumns: getWidthStyle(options),\n              }}\n              data-hook={dataHooks.tableListItemOptionsContainer}\n            >\n              {options.map(({ value, align }, index) => (\n                <div\n                  className={st(classes.align, {\n                    position: align && ALIGN[align],\n                  })}\n                  key={index}\n                  data-hook={dataHooks.tableListItemValue}\n                >\n                  {value}\n                </div>\n              ))}\n            </div>\n          </div>\n        )}\n      </WixDesignSystemContext.Consumer>\n    );\n  },\n);\n\nTableListItem.displayName = 'TableListItem';\n\nTableListItem.propTypes = {\n  dataHook: PropTypes.string,\n  className: PropTypes.string,\n  // @ts-expect-error incompatibility https://github.com/DefinitelyTyped/DefinitelyTyped/issues/45094\n  options: PropTypes.arrayOf(\n    PropTypes.shape({\n      value: PropTypes.node.isRequired,\n      width: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n      align: PropTypes.oneOf([ALIGN.left, ALIGN.center, ALIGN.right]),\n    }).isRequired,\n  ).isRequired,\n  verticalPadding: PropTypes.oneOf([\n    PADDING.large,\n    PADDING.medium,\n    PADDING.small,\n    PADDING.tiny,\n    PADDING.xTiny,\n    PADDING.xxTiny,\n  ]),\n  horizontalPadding: PropTypes.oneOf([\n    PADDING.large,\n    PADDING.medium,\n    PADDING.small,\n    PADDING.tiny,\n    PADDING.xTiny,\n    PADDING.xxTiny,\n  ]),\n  dragging: PropTypes.bool,\n  checkbox: PropTypes.bool,\n  checkboxDisabled: PropTypes.bool,\n  checked: PropTypes.bool,\n  onCheckboxChange: PropTypes.func,\n  draggable: PropTypes.bool,\n  dragDisabled: PropTypes.bool,\n  showDivider: PropTypes.bool,\n  onBlur: PropTypes.func,\n  onKeyUp: PropTypes.func,\n  focused: PropTypes.bool,\n  onClick: PropTypes.func,\n  dragHandleProps: PropTypes.object,\n  checkboxTooltipContent: PropTypes.any,\n  checkboxTooltipProps: PropTypes.object,\n  border: PropTypes.bool,\n  dragHandleSize: PropTypes.oneOf(['small', 'large']),\n  expandable: PropTypes.bool,\n  expanded: PropTypes.bool,\n  onClickExpand: PropTypes.func,\n  expandDisabled: PropTypes.bool,\n};\n\nexport default TableListItem;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_propTypes","_interopRequireDefault","_constants","_TableListItemSt","_Checkbox","_context","_DragHandle","_forkRef","_useDraggableContainer","_system","_jsxFileName","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","getWidthStyle","options","reduce","acc","_ref","width","concat","TableListItem","forwardRef","_ref2","ref","verticalPadding","PADDING","small","horizontalPadding","large","checkbox","checkboxDisabled","checkboxTooltipContent","checkboxTooltipProps","checked","onCheckboxChange","draggable","focused","onBlur","dragDisabled","showDivider","onKeyUp","onClick","onMouseEnter","onMouseLeave","dragging","className","dataHook","dragHandleProps","border","dragHandleSize","expandable","expandDisabled","onClickExpand","expanded","draggableRef","useRef","rootRef","React","useEffect","current","focus","useImperativeHandle","draggableContainerClassName","useDraggableContainer","highlight","showControls","createElement","WixDesignSystemContext","Consumer","__self","__source","fileName","lineNumber","columnNumber","_ref3","newColorsBranding","tabIndex","st","classes","root","clickable","controlsContainer","handleContainer","DragHandle","_extends2","undefined","domRef","forkRef","disabled","dataHooks","tableListItemDragHandle","expandHandle","tableListItemExpandHandleContainer","CaretRight","caretIcon","tableListItemExpandHandle","tableListItemCheckboxContainer","onChange","tableListItemCheckbox","tooltipContent","tooltipProps","optionsContainer","style","gridTemplateColumns","tableListItemOptionsContainer","map","_ref4","index","value","align","position","ALIGN","key","tableListItemValue","displayName","propTypes","PropTypes","string","arrayOf","shape","node","isRequired","oneOfType","number","oneOf","left","center","right","medium","tiny","xTiny","xxTiny","bool","func","object","any","_default","exports"],"sources":["../../../src/TableListItem/TableListItem.tsx"],"sourcesContent":["import React, { forwardRef, useRef } from 'react';\nimport PropTypes from 'prop-types';\nimport { dataHooks, ALIGN, PADDING } from './constants';\nimport { st, classes } from './TableListItem.st.css';\nimport Checkbox from '../Checkbox';\nimport { WixDesignSystemContext } from '../WixDesignSystemProvider/context';\nimport { DragHandle } from '../DragHandle/DragHandle';\nimport { forkRef } from '../utils/forkRef';\nimport { useDraggableContainer } from '../DraggableContainer/useDraggableContainer';\nimport { CaretRight } from '@wix/wix-ui-icons-common/system';\nimport { TableListItemColumn, TableListItemProps } from './TableListItem.types';\n\nconst getWidthStyle = (options: TableListItemColumn[]) =>\n  options.reduce(\n    (acc, { width }) =>\n      `${acc} ${typeof width === 'number' ? width + 'px' : width || '1fr'}`,\n    '',\n  );\n\n/** TableListItem */\nconst TableListItem = forwardRef(\n  (\n    {\n      options,\n      verticalPadding = PADDING.small,\n      horizontalPadding = PADDING.large,\n      checkbox = false,\n      checkboxDisabled,\n      checkboxTooltipContent,\n      checkboxTooltipProps,\n      checked,\n      onCheckboxChange = () => {},\n      draggable = false,\n      focused,\n      onBlur,\n      dragDisabled,\n      showDivider = false,\n      onKeyUp,\n      onClick,\n      onMouseEnter,\n      onMouseLeave,\n      dragging,\n      className,\n      dataHook,\n      dragHandleProps,\n      border = false,\n      dragHandleSize = 'large',\n      expandable = false,\n      expandDisabled,\n      onClickExpand,\n      expanded = false,\n    }: TableListItemProps,\n    ref,\n  ) => {\n    const draggableRef = useRef<HTMLDivElement | null>(null);\n    const rootRef = useRef<HTMLDivElement>(null);\n\n    React.useEffect(() => {\n      if (draggableRef.current && focused) {\n        draggableRef.current.focus();\n      }\n    }, [draggableRef, focused]);\n\n    React.useImperativeHandle(ref, () => ({\n      focus: () => rootRef.current && rootRef.current.focus(),\n    }));\n\n    const { className: draggableContainerClassName } = useDraggableContainer({\n      dragging,\n      draggable,\n      dragDisabled,\n      highlight: true,\n    });\n\n    const showControls = draggable || expandable || checkbox;\n\n    return (\n      <WixDesignSystemContext.Consumer>\n        {({ newColorsBranding }) => (\n          <div\n            ref={rootRef}\n            tabIndex={-1}\n            onClick={onClick}\n            onMouseEnter={onMouseEnter}\n            onMouseLeave={onMouseLeave}\n            className={st(\n              classes.root,\n              {\n                draggable: draggable && !dragDisabled,\n                dragDisabled,\n                dragging,\n                checked: checkbox && checked,\n                showDivider,\n                clickable: !!onClick,\n                verticalPadding,\n                horizontalPadding,\n                newColorsBranding,\n                border,\n                dragHandleSize,\n              },\n              className,\n              draggableContainerClassName,\n            )}\n            data-hook={dataHook}\n          >\n            {showControls && (\n              <div\n                className={st(classes.controlsContainer, { dragHandleSize })}\n              >\n                {draggable && (\n                  <div className={classes.handleContainer}>\n                    <DragHandle\n                      tabIndex={onKeyUp ? 0 : undefined}\n                      {...dragHandleProps}\n                      domRef={forkRef(\n                        draggableRef,\n                        dragHandleProps?.domRef || null,\n                      )}\n                      onBlur={onBlur}\n                      onKeyUp={onKeyUp}\n                      dragging={dragging}\n                      disabled={dragDisabled}\n                      dataHook={dataHooks.tableListItemDragHandle}\n                      dragHandleSize={dragHandleSize}\n                    />\n                  </div>\n                )}\n                {expandable && (\n                  <div\n                    className={st(classes.expandHandle, {\n                      expandable: expandable && !expandDisabled,\n                    })}\n                    onClick={expandDisabled ? undefined : onClickExpand}\n                    data-hook={dataHooks.tableListItemExpandHandleContainer}\n                  >\n                    <CaretRight\n                      className={st(classes.caretIcon, {\n                        expanded,\n                      })}\n                      data-hook={dataHooks.tableListItemExpandHandle}\n                    />\n                  </div>\n                )}\n                {checkbox && (\n                  <div\n                    className={st(classes.checkbox, { checkboxDisabled })}\n                    data-hook={dataHooks.tableListItemCheckboxContainer}\n                  >\n                    <Checkbox\n                      checked={checked}\n                      disabled={checkboxDisabled}\n                      onChange={checkboxDisabled ? undefined : onCheckboxChange}\n                      dataHook={dataHooks.tableListItemCheckbox}\n                      tooltipContent={checkboxTooltipContent}\n                      tooltipProps={checkboxTooltipProps}\n                    />\n                  </div>\n                )}\n              </div>\n            )}\n            <div\n              className={classes.optionsContainer}\n              style={{\n                gridTemplateColumns: getWidthStyle(options),\n              }}\n              data-hook={dataHooks.tableListItemOptionsContainer}\n            >\n              {options.map(({ value, align }, index) => (\n                <div\n                  className={st(classes.align, {\n                    position: align && ALIGN[align],\n                  })}\n                  key={index}\n                  data-hook={dataHooks.tableListItemValue}\n                >\n                  {value}\n                </div>\n              ))}\n            </div>\n          </div>\n        )}\n      </WixDesignSystemContext.Consumer>\n    );\n  },\n);\n\nTableListItem.displayName = 'TableListItem';\n\nTableListItem.propTypes = {\n  dataHook: PropTypes.string,\n  className: PropTypes.string,\n  // @ts-expect-error incompatibility https://github.com/DefinitelyTyped/DefinitelyTyped/issues/45094\n  options: PropTypes.arrayOf(\n    PropTypes.shape({\n      value: PropTypes.node.isRequired,\n      width: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n      align: PropTypes.oneOf([ALIGN.left, ALIGN.center, ALIGN.right]),\n    }).isRequired,\n  ).isRequired,\n  verticalPadding: PropTypes.oneOf([\n    PADDING.large,\n    PADDING.medium,\n    PADDING.small,\n    PADDING.tiny,\n    PADDING.xTiny,\n    PADDING.xxTiny,\n  ]),\n  horizontalPadding: PropTypes.oneOf([\n    PADDING.large,\n    PADDING.medium,\n    PADDING.small,\n    PADDING.tiny,\n    PADDING.xTiny,\n    PADDING.xxTiny,\n  ]),\n  dragging: PropTypes.bool,\n  checkbox: PropTypes.bool,\n  checkboxDisabled: PropTypes.bool,\n  checked: PropTypes.bool,\n  onCheckboxChange: PropTypes.func,\n  draggable: PropTypes.bool,\n  dragDisabled: PropTypes.bool,\n  showDivider: PropTypes.bool,\n  onBlur: PropTypes.func,\n  onKeyUp: PropTypes.func,\n  focused: PropTypes.bool,\n  onClick: PropTypes.func,\n  onMouseEnter: PropTypes.func,\n  onMouseLeave: PropTypes.func,\n  dragHandleProps: PropTypes.object,\n  checkboxTooltipContent: PropTypes.any,\n  checkboxTooltipProps: PropTypes.object,\n  border: PropTypes.bool,\n  dragHandleSize: PropTypes.oneOf(['small', 'large']),\n  expandable: PropTypes.bool,\n  expanded: PropTypes.bool,\n  onClickExpand: PropTypes.func,\n  expandDisabled: PropTypes.bool,\n};\n\nexport default TableListItem;\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/TableListItem/TableListItem.st.css.js

@@ -7,7 +7,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_152_0_TableListItem";
+var _namespace_ = "wds_1_154_0_TableListItem";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 module.exports.cssStates = statesRuntime.bind(null, _namespace_);
@@ -15,12 +15,12 @@ module.exports.style = _style_;
 module.exports.st = _style_;
 
 module.exports.namespace = _namespace_;
-module.exports.classes = {"root":"wds_1_152_0_TableListItem__root","onHover":"wds_1_152_0_TableActionCell__onHover","notOnHover":"wds_1_152_0_TableActionCell__notOnHover","controlsContainer":"wds_1_152_0_TableListItem__controlsContainer","handleContainer":"wds_1_152_0_TableListItem__handleContainer","checkbox":"wds_1_152_0_TableListItem__checkbox","expandHandle":"wds_1_152_0_TableListItem__expandHandle","caretIcon":"wds_1_152_0_TableListItem__caretIcon","optionsContainer":"wds_1_152_0_TableListItem__optionsContainer","align":"wds_1_152_0_TableListItem__align"};
+module.exports.classes = {"root":"wds_1_154_0_TableListItem__root","onHover":"wds_1_154_0_TableActionCell__onHover","notOnHover":"wds_1_154_0_TableActionCell__notOnHover","controlsContainer":"wds_1_154_0_TableListItem__controlsContainer","handleContainer":"wds_1_154_0_TableListItem__handleContainer","checkbox":"wds_1_154_0_TableListItem__checkbox","expandHandle":"wds_1_154_0_TableListItem__expandHandle","caretIcon":"wds_1_154_0_TableListItem__caretIcon","optionsContainer":"wds_1_154_0_TableListItem__optionsContainer","align":"wds_1_154_0_TableListItem__align"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};
 module.exports.stVars = {"checkedBorderWidth":"2px","largePadding":"24px","mediumPadding":"18px","smallPadding":"15px","tinyPadding":"12px","xTinyPadding":"6px","xxTinyPadding":"3px"}; 
-module.exports.vars = {"padding-vertical":"--wds_1_152_0_TableListItem-padding-vertical","padding-horizontal":"--wds_1_152_0_TableListItem-padding-horizontal"}; 
+module.exports.vars = {"padding-vertical":"--wds_1_154_0_TableListItem-padding-vertical","padding-horizontal":"--wds_1_154_0_TableListItem-padding-horizontal"}; 
 
 
 

package/dist/cjs/TableListItem/TableListItem.types.js.map

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["../../../src/TableListItem/TableListItem.types.ts"],"sourcesContent":["import React from 'react';\nimport { DragHandlePublicAPIProps } from '../DragHandle/DragHandle';\nimport { TooltipCommonProps } from '../common';\nimport { ValuesOf } from '../utils/typeUtils';\nimport { ALIGN, PADDING } from './constants';\n\nexport type TableListItemColumn = {\n  value: React.ReactNode;\n  width?: string | number;\n  align?: ValuesOf<typeof ALIGN>;\n};\n\nexport interface TableListItemProps {\n  /** Applies a data-hook HTML attribute to be used in the tests */\n  dataHook?: string;\n  /** Specifies a CSS class name to be appended to the component’s root element.\n   * @internal\n   */\n  className?: string;\n  /** Defines a callback when the item is clicked */\n  onClick?: React.ReactEventHandler<HTMLElement>;\n  /** Defines each TableListItem column  individually, using the following props:\n   * - `value` - defines column’s content.\n   * - `width` - sets the width of a column. It supports all grid-template-column values: [https://developer.mozilla.org/en-US/docs/Web/CSS/grid-template-columns](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-template-columns)\n   * - `align` - aligns the content in the horizontal axis.\n   */\n  options: TableListItemColumn[];\n  /** Adjusts the top and bottom padding size */\n  verticalPadding?: TableListItemPadding;\n  /** Adjusts the left and right padding size */\n  horizontalPadding?: TableListItemPadding;\n  /** Makes the checkbox visible */\n  checkbox?: boolean;\n  /** Disables the visible checkbox */\n  checkboxDisabled?: boolean;\n  /** Selects the visible checkbox */\n  checked?: boolean;\n  /** Forces focus on drag handle */\n  focused?: boolean;\n  /** Defines a callback when item loses its focus */\n  onBlur?(e: React.FocusEvent): void;\n  /** Defines a callback when the item is focused, and a key is pressed and released. Used for NestableList solutions controlled with a keyboard. */\n  onKeyUp?(e: React.KeyboardEvent): void;\n  /** Defines a callback when checkbox is clicked */\n  onCheckboxChange?: React.ChangeEventHandler<HTMLInputElement>;\n  /** Makes drag handle visible */\n  draggable?: boolean;\n  /** Visually indicates that component is being dragged */\n  dragging?: boolean;\n  /** Disables the visible drag handle */\n  dragDisabled?: boolean;\n  /** Enables a divider at the bottom of the list item */\n  showDivider?: boolean;\n  /**\n     Extra props to pass to the `<DragHandle />` element\n     */\n  dragHandleProps?: Partial<DragHandlePublicAPIProps>;\n  /** Defines a message to be displayed in a tooltip. Tooltip is displayed on a checkbox hover. */\n  checkboxTooltipContent?: React.ReactNode;\n  /**\n   * Tooltip props (when hovering over the checkbox)\n   */\n  checkboxTooltipProps?: TooltipCommonProps;\n  /** Adds a border around the component */\n  border?: boolean;\n  /** Changes the size of the DragHandle */\n  dragHandleSize?: 'large' | 'small';\n  /** Adds functionality to expand the list item */\n  expandable?: boolean;\n  /** Disables the visible expand handle */\n  expandDisabled?: boolean;\n  /** Defines a callback when caret handle is clicked */\n  onClickExpand?: React.MouseEventHandler;\n  /** Defines whether the list component is expanded/collapsed */\n  expanded?: boolean;\n}\n\nexport type TableListItemImperativeActions = {\n  focus(): void;\n};\n\nexport type TableListItemPadding = ValuesOf<typeof PADDING>;\n"],"mappings":"","ignoreList":[]}
+{"version":3,"names":[],"sources":["../../../src/TableListItem/TableListItem.types.ts"],"sourcesContent":["import React from 'react';\nimport { DragHandlePublicAPIProps } from '../DragHandle/DragHandle';\nimport { TooltipCommonProps } from '../common';\nimport { ValuesOf } from '../utils/typeUtils';\nimport { ALIGN, PADDING } from './constants';\n\nexport type TableListItemColumn = {\n  value: React.ReactNode;\n  width?: string | number;\n  align?: ValuesOf<typeof ALIGN>;\n};\n\nexport interface TableListItemProps {\n  /** Applies a data-hook HTML attribute to be used in the tests */\n  dataHook?: string;\n  /** Specifies a CSS class name to be appended to the component’s root element.\n   * @internal\n   */\n  className?: string;\n  /** Defines a callback when the item is clicked */\n  onClick?: React.ReactEventHandler<HTMLElement>;\n  /** Defines each TableListItem column  individually, using the following props:\n   * - `value` - defines column’s content.\n   * - `width` - sets the width of a column. It supports all grid-template-column values: [https://developer.mozilla.org/en-US/docs/Web/CSS/grid-template-columns](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-template-columns)\n   * - `align` - aligns the content in the horizontal axis.\n   */\n  options: TableListItemColumn[];\n  /** Adjusts the top and bottom padding size */\n  verticalPadding?: TableListItemPadding;\n  /** Adjusts the left and right padding size */\n  horizontalPadding?: TableListItemPadding;\n  /** Makes the checkbox visible */\n  checkbox?: boolean;\n  /** Disables the visible checkbox */\n  checkboxDisabled?: boolean;\n  /** Selects the visible checkbox */\n  checked?: boolean;\n  /** Forces focus on drag handle */\n  focused?: boolean;\n  /** Defines a callback when item loses its focus */\n  onBlur?(e: React.FocusEvent): void;\n  /** Defines a callback when the item is focused, and a key is pressed and released. Used for NestableList solutions controlled with a keyboard. */\n  onKeyUp?(e: React.KeyboardEvent): void;\n  /** Defines a callback when checkbox is clicked */\n  onCheckboxChange?: React.ChangeEventHandler<HTMLInputElement>;\n  /** Makes drag handle visible */\n  draggable?: boolean;\n  /** Visually indicates that component is being dragged */\n  dragging?: boolean;\n  /** Disables the visible drag handle */\n  dragDisabled?: boolean;\n  /** Enables a divider at the bottom of the list item */\n  showDivider?: boolean;\n  /**\n     Extra props to pass to the `<DragHandle />` element\n     */\n  dragHandleProps?: Partial<DragHandlePublicAPIProps>;\n  /** Defines a message to be displayed in a tooltip. Tooltip is displayed on a checkbox hover. */\n  checkboxTooltipContent?: React.ReactNode;\n  /**\n   * Tooltip props (when hovering over the checkbox)\n   */\n  checkboxTooltipProps?: TooltipCommonProps;\n  /** Adds a border around the component */\n  border?: boolean;\n  /** Changes the size of the DragHandle */\n  dragHandleSize?: 'large' | 'small';\n  /** Adds functionality to expand the list item */\n  expandable?: boolean;\n  /** Disables the visible expand handle */\n  expandDisabled?: boolean;\n  /** Defines a callback when caret handle is clicked */\n  onClickExpand?: React.MouseEventHandler;\n  /** Defines whether the list component is expanded/collapsed */\n  expanded?: boolean;\n  /** Defines a callback function which is called on `onMouseEnter` event on the list item */\n  onMouseEnter?: React.MouseEventHandler;\n  /** Defines a callback function which is called on `onMouseLeave` event on the list item */\n  onMouseLeave?: React.MouseEventHandler;\n}\n\nexport type TableListItemImperativeActions = {\n  focus(): void;\n};\n\nexport type TableListItemPadding = ValuesOf<typeof PADDING>;\n"],"mappings":"","ignoreList":[]}

package/dist/cjs/TableToolbar/TableToolbar.st.css.js

@@ -5,7 +5,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_152_0_TableToolbar";
+var _namespace_ = "wds_1_154_0_TableToolbar";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 module.exports.cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ module.exports.style = _style_;
 module.exports.st = _style_;
 
 module.exports.namespace = _namespace_;
-module.exports.classes = {"root":"wds_1_152_0_TableToolbar__root","item":"wds_1_152_0_TableToolbar__item","itemLabel":"wds_1_152_0_TableToolbar__itemLabel","itemGroup":"wds_1_152_0_TableToolbar__itemGroup","title":"wds_1_152_0_TableToolbar__title","divider":"wds_1_152_0_TableToolbar__divider"};
+module.exports.classes = {"root":"wds_1_154_0_TableToolbar__root","item":"wds_1_154_0_TableToolbar__item","itemLabel":"wds_1_154_0_TableToolbar__itemLabel","itemGroup":"wds_1_154_0_TableToolbar__itemGroup","title":"wds_1_154_0_TableToolbar__title","divider":"wds_1_154_0_TableToolbar__divider"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

package/dist/cjs/Tabs/Tabs.st.css.js

@@ -6,7 +6,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_152_0_Tabs";
+var _namespace_ = "wds_1_154_0_Tabs";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 module.exports.cssStates = statesRuntime.bind(null, _namespace_);
@@ -14,7 +14,7 @@ module.exports.style = _style_;
 module.exports.st = _style_;
 
 module.exports.namespace = _namespace_;
-module.exports.classes = {"root":"wds_1_152_0_Tabs__root","text-medium-normal":"wds_1_152_0_StylableTypography__text-medium-normal","text-small-normal":"wds_1_152_0_StylableTypography__text-small-normal","container":"wds_1_152_0_Tabs__container","itemsContainer":"wds_1_152_0_Tabs__itemsContainer","tab":"wds_1_152_0_Tabs__tab","compact":"wds_1_152_0_Tabs__compact","uniformFull":"wds_1_152_0_Tabs__uniformFull","compactSide":"wds_1_152_0_Tabs__compactSide","tabText":"wds_1_152_0_Tabs__tabText","sideContent":"wds_1_152_0_Tabs__sideContent"};
+module.exports.classes = {"root":"wds_1_154_0_Tabs__root","text-medium-normal":"wds_1_154_0_StylableTypography__text-medium-normal","text-small-normal":"wds_1_154_0_StylableTypography__text-small-normal","container":"wds_1_154_0_Tabs__container","itemsContainer":"wds_1_154_0_Tabs__itemsContainer","tab":"wds_1_154_0_Tabs__tab","compact":"wds_1_154_0_Tabs__compact","uniformFull":"wds_1_154_0_Tabs__uniformFull","compactSide":"wds_1_154_0_Tabs__compactSide","tabText":"wds_1_154_0_Tabs__tabText","sideContent":"wds_1_154_0_Tabs__sideContent"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

package/dist/cjs/Tabs/test/examples/TabsExample.st.css.js

@@ -4,7 +4,7 @@ const { classesRuntime, statesRuntime } = require("./../../../stylable-cjs-runti
 
 
 
-var _namespace_ = "wds_1_152_0_TabsExample";
+var _namespace_ = "wds_1_154_0_TabsExample";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 module.exports.cssStates = statesRuntime.bind(null, _namespace_);
@@ -12,7 +12,7 @@ module.exports.style = _style_;
 module.exports.st = _style_;
 
 module.exports.namespace = _namespace_;
-module.exports.classes = {"root":"wds_1_152_0_TabsExample__root","radioGroup":"wds_1_152_0_TabsExample__radioGroup","controlGroup":"wds_1_152_0_TabsExample__controlGroup","preview":"wds_1_152_0_TabsExample__preview","sideContentExample":"wds_1_152_0_TabsExample__sideContentExample"};
+module.exports.classes = {"root":"wds_1_154_0_TabsExample__root","radioGroup":"wds_1_154_0_TabsExample__radioGroup","controlGroup":"wds_1_154_0_TabsExample__controlGroup","preview":"wds_1_154_0_TabsExample__preview","sideContentExample":"wds_1_154_0_TabsExample__sideContentExample"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

package/dist/cjs/Tag/Tag.st.css.js

@@ -6,7 +6,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_152_0_Tag";
+var _namespace_ = "wds_1_154_0_Tag";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 module.exports.cssStates = statesRuntime.bind(null, _namespace_);
@@ -14,7 +14,7 @@ module.exports.style = _style_;
 module.exports.st = _style_;
 
 module.exports.namespace = _namespace_;
-module.exports.classes = {"root":"wds_1_152_0_Tag__root","thumb":"wds_1_152_0_Tag__thumb","removeButton":"wds_1_152_0_Tag__removeButton","text":"wds_1_152_0_Tag__text"};
+module.exports.classes = {"root":"wds_1_154_0_Tag__root","thumb":"wds_1_154_0_Tag__thumb","removeButton":"wds_1_154_0_Tag__removeButton","text":"wds_1_154_0_Tag__text"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

package/dist/cjs/TagList/TagList.st.css.js

@@ -4,7 +4,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_152_0_TagList";
+var _namespace_ = "wds_1_154_0_TagList";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 module.exports.cssStates = statesRuntime.bind(null, _namespace_);
@@ -12,7 +12,7 @@ module.exports.style = _style_;
 module.exports.st = _style_;
 
 module.exports.namespace = _namespace_;
-module.exports.classes = {"root":"wds_1_152_0_TagList__root","item":"wds_1_152_0_TagList__item"};
+module.exports.classes = {"root":"wds_1_154_0_TagList__root","item":"wds_1_154_0_TagList__item"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

package/dist/cjs/TestimonialList/TestimonialList.st.css.js

@@ -4,7 +4,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_152_0_TestimonialList";
+var _namespace_ = "wds_1_154_0_TestimonialList";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 module.exports.cssStates = statesRuntime.bind(null, _namespace_);
@@ -12,7 +12,7 @@ module.exports.style = _style_;
 module.exports.st = _style_;
 
 module.exports.namespace = _namespace_;
-module.exports.classes = {"root":"wds_1_152_0_TestimonialList__root","testimonialItem":"wds_1_152_0_TestimonialList__testimonialItem","testimonialItemAvatar":"wds_1_152_0_TestimonialList__testimonialItemAvatar","testimonialItemTextArea":"wds_1_152_0_TestimonialList__testimonialItemTextArea","testimonialItemText":"wds_1_152_0_TestimonialList__testimonialItemText"};
+module.exports.classes = {"root":"wds_1_154_0_TestimonialList__root","testimonialItem":"wds_1_154_0_TestimonialList__testimonialItem","testimonialItemAvatar":"wds_1_154_0_TestimonialList__testimonialItemAvatar","testimonialItemTextArea":"wds_1_154_0_TestimonialList__testimonialItemTextArea","testimonialItemText":"wds_1_154_0_TestimonialList__testimonialItemText"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

package/dist/cjs/Text/Caption.st.css.js

@@ -5,7 +5,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_152_0_Caption";
+var _namespace_ = "wds_1_154_0_Caption";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 module.exports.cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ module.exports.style = _style_;
 module.exports.st = _style_;
 
 module.exports.namespace = _namespace_;
-module.exports.classes = {"root":"wds_1_152_0_Caption__root","text-medium-bold":"wds_1_152_0_StylableTypography__text-medium-bold","text-tiny-bold":"wds_1_152_0_StylableTypography__text-tiny-bold","c1":"wds_1_152_0_Caption__c1","c2":"wds_1_152_0_Caption__c2"};
+module.exports.classes = {"root":"wds_1_154_0_Caption__root","text-medium-bold":"wds_1_154_0_StylableTypography__text-medium-bold","text-tiny-bold":"wds_1_154_0_StylableTypography__text-tiny-bold","c1":"wds_1_154_0_Caption__c1","c2":"wds_1_154_0_Caption__c2"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

package/dist/cjs/Text/Text.st.css.js

@@ -6,7 +6,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_152_0_Text";
+var _namespace_ = "wds_1_154_0_Text";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 module.exports.cssStates = statesRuntime.bind(null, _namespace_);
@@ -14,7 +14,7 @@ module.exports.style = _style_;
 module.exports.st = _style_;
 
 module.exports.namespace = _namespace_;
-module.exports.classes = {"root":"wds_1_152_0_Text__root","text-tiny-thin":"wds_1_152_0_StylableTypography__text-tiny-thin","text-tiny-normal":"wds_1_152_0_StylableTypography__text-tiny-normal","text-tiny-bold":"wds_1_152_0_StylableTypography__text-tiny-bold","text-small-thin":"wds_1_152_0_StylableTypography__text-small-thin","text-small-normal":"wds_1_152_0_StylableTypography__text-small-normal","text-small-bold":"wds_1_152_0_StylableTypography__text-small-bold","text-medium-thin":"wds_1_152_0_StylableTypography__text-medium-thin","text-medium-normal":"wds_1_152_0_StylableTypography__text-medium-normal","text-medium-bold":"wds_1_152_0_StylableTypography__text-medium-bold"};
+module.exports.classes = {"root":"wds_1_154_0_Text__root","text-tiny-thin":"wds_1_154_0_StylableTypography__text-tiny-thin","text-tiny-normal":"wds_1_154_0_StylableTypography__text-tiny-normal","text-tiny-bold":"wds_1_154_0_StylableTypography__text-tiny-bold","text-small-thin":"wds_1_154_0_StylableTypography__text-small-thin","text-small-normal":"wds_1_154_0_StylableTypography__text-small-normal","text-small-bold":"wds_1_154_0_StylableTypography__text-small-bold","text-medium-thin":"wds_1_154_0_StylableTypography__text-medium-thin","text-medium-normal":"wds_1_154_0_StylableTypography__text-medium-normal","text-medium-bold":"wds_1_154_0_StylableTypography__text-medium-bold"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

package/dist/cjs/TextButton/TextButton.st.css.js

@@ -10,7 +10,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_152_0_TextButton";
+var _namespace_ = "wds_1_154_0_TextButton";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 module.exports.cssStates = statesRuntime.bind(null, _namespace_);
@@ -18,7 +18,7 @@ module.exports.style = _style_;
 module.exports.st = _style_;
 
 module.exports.namespace = _namespace_;
-module.exports.classes = {"root":"wds_1_152_0_TextButton__root","mobile":"wds_1_152_0_WixDesignSystemProvider__mobile","text-tiny-thin":"wds_1_152_0_StylableTypography__text-tiny-thin","text-tiny-normal":"wds_1_152_0_StylableTypography__text-tiny-normal","text-tiny-bold":"wds_1_152_0_StylableTypography__text-tiny-bold","text-small-thin":"wds_1_152_0_StylableTypography__text-small-thin","text-small-normal":"wds_1_152_0_StylableTypography__text-small-normal","text-small-bold":"wds_1_152_0_StylableTypography__text-small-bold","text-medium-thin":"wds_1_152_0_StylableTypography__text-medium-thin","text-medium-normal":"wds_1_152_0_StylableTypography__text-medium-normal","text-medium-bold":"wds_1_152_0_StylableTypography__text-medium-bold"};
+module.exports.classes = {"root":"wds_1_154_0_TextButton__root","mobile":"wds_1_154_0_WixDesignSystemProvider__mobile","text-tiny-thin":"wds_1_154_0_StylableTypography__text-tiny-thin","text-tiny-normal":"wds_1_154_0_StylableTypography__text-tiny-normal","text-tiny-bold":"wds_1_154_0_StylableTypography__text-tiny-bold","text-small-thin":"wds_1_154_0_StylableTypography__text-small-thin","text-small-normal":"wds_1_154_0_StylableTypography__text-small-normal","text-small-bold":"wds_1_154_0_StylableTypography__text-small-bold","text-medium-thin":"wds_1_154_0_StylableTypography__text-medium-thin","text-medium-normal":"wds_1_154_0_StylableTypography__text-medium-normal","text-medium-bold":"wds_1_154_0_StylableTypography__text-medium-bold"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

package/dist/cjs/Themes/brand/Brand.st.css.js

@@ -13,7 +13,7 @@ const { classesRuntime, statesRuntime } = require("./../../stylable-cjs-runtime.
 
 
 
-var _namespace_ = "wds_1_152_0_Brand";
+var _namespace_ = "wds_1_154_0_Brand";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 module.exports.cssStates = statesRuntime.bind(null, _namespace_);
@@ -21,7 +21,7 @@ module.exports.style = _style_;
 module.exports.st = _style_;
 
 module.exports.namespace = _namespace_;
-module.exports.classes = {"root":"wds_1_152_0_Brand__root"};
+module.exports.classes = {"root":"wds_1_154_0_Brand__root"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

package/dist/cjs/Themes/brand/Foundations/colors.st.css.js

@@ -4,7 +4,7 @@ const { classesRuntime, statesRuntime } = require("./../../../stylable-cjs-runti
 
 
 
-var _namespace_ = "wds_1_152_0_BrandColors";
+var _namespace_ = "wds_1_154_0_BrandColors";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 module.exports.cssStates = statesRuntime.bind(null, _namespace_);
@@ -12,7 +12,7 @@ module.exports.style = _style_;
 module.exports.st = _style_;
 
 module.exports.namespace = _namespace_;
-module.exports.classes = {"root":"wds_1_152_0_BrandColors__root"};
+module.exports.classes = {"root":"wds_1_154_0_BrandColors__root"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

package/dist/cjs/Themes/brand/components/Button/Button.st.css.js

@@ -5,7 +5,7 @@ const { classesRuntime, statesRuntime } = require("./../../../../stylable-cjs-ru
 
 
 
-var _namespace_ = "wds_1_152_0_BrandButton";
+var _namespace_ = "wds_1_154_0_BrandButton";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 module.exports.cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ module.exports.style = _style_;
 module.exports.st = _style_;
 
 module.exports.namespace = _namespace_;
-module.exports.classes = {"root":"wds_1_152_0_BrandButton__root"};
+module.exports.classes = {"root":"wds_1_154_0_BrandButton__root"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

package/dist/cjs/Themes/brand/components/Heading/Heading.st.css.js

@@ -5,7 +5,7 @@ const { classesRuntime, statesRuntime } = require("./../../../../stylable-cjs-ru
 
 
 
-var _namespace_ = "wds_1_152_0_BrandHeading";
+var _namespace_ = "wds_1_154_0_BrandHeading";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 module.exports.cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ module.exports.style = _style_;
 module.exports.st = _style_;
 
 module.exports.namespace = _namespace_;
-module.exports.classes = {"root":"wds_1_152_0_BrandHeading__root","heading-h1":"wds_1_152_0_StylableTypography__heading-h1","heading-h2":"wds_1_152_0_StylableTypography__heading-h2"};
+module.exports.classes = {"root":"wds_1_154_0_BrandHeading__root","heading-h1":"wds_1_154_0_StylableTypography__heading-h1","heading-h2":"wds_1_154_0_StylableTypography__heading-h2"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

package/dist/cjs/Themes/brand/components/InputWithLabel/InputWithLabel.st.css.js

@@ -5,7 +5,7 @@ const { classesRuntime, statesRuntime } = require("./../../../../stylable-cjs-ru
 
 
 
-var _namespace_ = "wds_1_152_0_BrandInputWithLabel";
+var _namespace_ = "wds_1_154_0_BrandInputWithLabel";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 module.exports.cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ module.exports.style = _style_;
 module.exports.st = _style_;
 
 module.exports.namespace = _namespace_;
-module.exports.classes = {"root":"wds_1_152_0_BrandInputWithLabel__root","disabled":"wds_1_152_0_BrandInputWithLabel__disabled"};
+module.exports.classes = {"root":"wds_1_154_0_BrandInputWithLabel__root","disabled":"wds_1_154_0_BrandInputWithLabel__disabled"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

package/dist/cjs/Themes/brand/components/InputWithLabel/LabelledElement.st.css.js

@@ -5,7 +5,7 @@ const { classesRuntime, statesRuntime } = require("./../../../../stylable-cjs-ru
 
 
 
-var _namespace_ = "wds_1_152_0_BrandLabelledElement";
+var _namespace_ = "wds_1_154_0_BrandLabelledElement";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 module.exports.cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ module.exports.style = _style_;
 module.exports.st = _style_;
 
 module.exports.namespace = _namespace_;
-module.exports.classes = {"root":"wds_1_152_0_BrandLabelledElement__root","label":"wds_1_152_0_LabelledElement__label","labelText":"wds_1_152_0_LabelledElement__labelText"};
+module.exports.classes = {"root":"wds_1_154_0_BrandLabelledElement__root","label":"wds_1_154_0_LabelledElement__label","labelText":"wds_1_154_0_LabelledElement__labelText"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

package/dist/cjs/Themes/brand/components/Text/Text.st.css.js

@@ -5,7 +5,7 @@ const { classesRuntime, statesRuntime } = require("./../../../../stylable-cjs-ru
 
 
 
-var _namespace_ = "wds_1_152_0_BrandText";
+var _namespace_ = "wds_1_154_0_BrandText";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 module.exports.cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ module.exports.style = _style_;
 module.exports.st = _style_;
 
 module.exports.namespace = _namespace_;
-module.exports.classes = {"root":"wds_1_152_0_BrandText__root"};
+module.exports.classes = {"root":"wds_1_154_0_BrandText__root"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

package/dist/cjs/Thumbnail/Thumbnail.st.css.js

@@ -8,7 +8,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_152_0_Thumbnail";
+var _namespace_ = "wds_1_154_0_Thumbnail";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 module.exports.cssStates = statesRuntime.bind(null, _namespace_);
@@ -16,7 +16,7 @@ module.exports.style = _style_;
 module.exports.st = _style_;
 
 module.exports.namespace = _namespace_;
-module.exports.classes = {"root":"wds_1_152_0_Thumbnail__root","thumbnail":"wds_1_152_0_Thumbnail__thumbnail","imageContainer":"wds_1_152_0_Thumbnail__imageContainer","selectedIcon":"wds_1_152_0_Thumbnail__selectedIcon","customChild":"wds_1_152_0_Thumbnail__customChild","contentContainer":"wds_1_152_0_Thumbnail__contentContainer","thumbnailTextContent":"wds_1_152_0_Thumbnail__thumbnailTextContent","title":"wds_1_152_0_Thumbnail__title","description":"wds_1_152_0_Thumbnail__description","bottomTitle":"wds_1_152_0_Thumbnail__bottomTitle","image":"wds_1_152_0_Thumbnail__image","backgroundImage":"wds_1_152_0_Thumbnail__backgroundImage"};
+module.exports.classes = {"root":"wds_1_154_0_Thumbnail__root","thumbnail":"wds_1_154_0_Thumbnail__thumbnail","imageContainer":"wds_1_154_0_Thumbnail__imageContainer","selectedIcon":"wds_1_154_0_Thumbnail__selectedIcon","customChild":"wds_1_154_0_Thumbnail__customChild","contentContainer":"wds_1_154_0_Thumbnail__contentContainer","thumbnailTextContent":"wds_1_154_0_Thumbnail__thumbnailTextContent","title":"wds_1_154_0_Thumbnail__title","description":"wds_1_154_0_Thumbnail__description","bottomTitle":"wds_1_154_0_Thumbnail__bottomTitle","image":"wds_1_154_0_Thumbnail__image","backgroundImage":"wds_1_154_0_Thumbnail__backgroundImage"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

package/dist/cjs/TimeInput/TimeInput.st.css.js

@@ -4,7 +4,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_152_0_TimeInput";
+var _namespace_ = "wds_1_154_0_TimeInput";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 module.exports.cssStates = statesRuntime.bind(null, _namespace_);
@@ -12,7 +12,7 @@ module.exports.style = _style_;
 module.exports.st = _style_;
 
 module.exports.namespace = _namespace_;
-module.exports.classes = {"root":"wds_1_152_0_TimeInput__root"};
+module.exports.classes = {"root":"wds_1_154_0_TimeInput__root"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

package/dist/cjs/TimeTable/TimeTable.st.css.js

@@ -7,7 +7,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_152_0_TimeTable";
+var _namespace_ = "wds_1_154_0_TimeTable";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 module.exports.cssStates = statesRuntime.bind(null, _namespace_);
@@ -15,7 +15,7 @@ module.exports.style = _style_;
 module.exports.st = _style_;
 
 module.exports.namespace = _namespace_;
-module.exports.classes = {"root":"wds_1_152_0_TimeTable__root","text-medium-thin":"wds_1_152_0_StylableTypography__text-medium-thin","text-medium-normal":"wds_1_152_0_StylableTypography__text-medium-normal","text-medium-bold":"wds_1_152_0_StylableTypography__text-medium-bold","text-tiny-normal":"wds_1_152_0_StylableTypography__text-tiny-normal","text-tiny-thin":"wds_1_152_0_StylableTypography__text-tiny-thin","text-tiny-bold":"wds_1_152_0_StylableTypography__text-tiny-bold","defaultScrollBar":"wds_1_152_0_defaultscrollbar__defaultScrollBar","column":"wds_1_152_0_TimeTable__column","header":"wds_1_152_0_TimeTable__header","title":"wds_1_152_0_TimeTable__title","subtitle":"wds_1_152_0_TimeTable__subtitle","item":"wds_1_152_0_TimeTable__item","actionsContainer":"wds_1_152_0_TimeTable__actionsContainer","addItemButton":"wds_1_152_0_TimeTable__addItemButton","addItemLabel":"wds_1_152_0_TimeTable__addItemLabel","headerContainer":"wds_1_152_0_TimeTable__headerContainer","contentContainer":"wds_1_152_0_TimeTable__contentContainer","content":"wds_1_152_0_TimeTable__content"};
+module.exports.classes = {"root":"wds_1_154_0_TimeTable__root","text-medium-thin":"wds_1_154_0_StylableTypography__text-medium-thin","text-medium-normal":"wds_1_154_0_StylableTypography__text-medium-normal","text-medium-bold":"wds_1_154_0_StylableTypography__text-medium-bold","text-tiny-normal":"wds_1_154_0_StylableTypography__text-tiny-normal","text-tiny-thin":"wds_1_154_0_StylableTypography__text-tiny-thin","text-tiny-bold":"wds_1_154_0_StylableTypography__text-tiny-bold","defaultScrollBar":"wds_1_154_0_defaultscrollbar__defaultScrollBar","column":"wds_1_154_0_TimeTable__column","header":"wds_1_154_0_TimeTable__header","title":"wds_1_154_0_TimeTable__title","subtitle":"wds_1_154_0_TimeTable__subtitle","item":"wds_1_154_0_TimeTable__item","actionsContainer":"wds_1_154_0_TimeTable__actionsContainer","addItemButton":"wds_1_154_0_TimeTable__addItemButton","addItemLabel":"wds_1_154_0_TimeTable__addItemLabel","headerContainer":"wds_1_154_0_TimeTable__headerContainer","contentContainer":"wds_1_154_0_TimeTable__contentContainer","content":"wds_1_154_0_TimeTable__content"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

package/dist/cjs/TimeTable/components/Item.st.css.js

@@ -5,7 +5,7 @@ const { classesRuntime, statesRuntime } = require("./../../stylable-cjs-runtime.
 
 
 
-var _namespace_ = "wds_1_152_0_TimeTableItem";
+var _namespace_ = "wds_1_154_0_TimeTableItem";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 module.exports.cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ module.exports.style = _style_;
 module.exports.st = _style_;
 
 module.exports.namespace = _namespace_;
-module.exports.classes = {"root":"wds_1_152_0_TimeTableItem__root","text-tiny-thin":"wds_1_152_0_StylableTypography__text-tiny-thin"};
+module.exports.classes = {"root":"wds_1_154_0_TimeTableItem__root","text-tiny-thin":"wds_1_154_0_StylableTypography__text-tiny-thin"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

package/dist/cjs/Timeline/Timeline.constants.js

@@ -1,7 +1,7 @@
 "use strict";
 
 exports.__esModule = true;
-exports.dataHooks = void 0;
+exports.dataHooks = exports.SKINS = exports.LINE_TYPES = void 0;
 var dataHooks = exports.dataHooks = {
   timelineListEvent: 'timeline-list-event',
   timelineLabel: 'timeline-label',
@@ -11,4 +11,13 @@ var dataHooks = exports.dataHooks = {
   timelineBulletIndicator: 'timeline-bullet-indicator',
   timelineLabelAction: 'timeline-label-action'
 };
+var SKINS = exports.SKINS = {
+  dark: 'dark',
+  standard: 'standard',
+  neutral: 'neutral'
+};
+var LINE_TYPES = exports.LINE_TYPES = {
+  filled: 'filled',
+  dashed: 'dashed'
+};
 //# sourceMappingURL=Timeline.constants.js.map

package/dist/cjs/Timeline/Timeline.constants.js.map

@@ -1 +1 @@
-{"version":3,"names":["dataHooks","exports","timelineListEvent","timelineLabel","timelineTextSuffix","timelineSuffix","timelineDefaultPrefix","timelineBulletIndicator","timelineLabelAction"],"sources":["../../../src/Timeline/Timeline.constants.ts"],"sourcesContent":["export const dataHooks = {\n  timelineListEvent: 'timeline-list-event',\n  timelineLabel: 'timeline-label',\n  timelineTextSuffix: 'timeline-text-suffix',\n  timelineSuffix: 'timeline-suffix',\n  timelineDefaultPrefix: 'timeline-default-prefix',\n  timelineBulletIndicator: 'timeline-bullet-indicator',\n  timelineLabelAction: 'timeline-label-action',\n};\n"],"mappings":";;;;AAAO,IAAMA,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAG;EACvBE,iBAAiB,EAAE,qBAAqB;EACxCC,aAAa,EAAE,gBAAgB;EAC/BC,kBAAkB,EAAE,sBAAsB;EAC1CC,cAAc,EAAE,iBAAiB;EACjCC,qBAAqB,EAAE,yBAAyB;EAChDC,uBAAuB,EAAE,2BAA2B;EACpDC,mBAAmB,EAAE;AACvB,CAAC","ignoreList":[]}
+{"version":3,"names":["dataHooks","exports","timelineListEvent","timelineLabel","timelineTextSuffix","timelineSuffix","timelineDefaultPrefix","timelineBulletIndicator","timelineLabelAction","SKINS","dark","standard","neutral","LINE_TYPES","filled","dashed"],"sources":["../../../src/Timeline/Timeline.constants.ts"],"sourcesContent":["export const dataHooks = {\n  timelineListEvent: 'timeline-list-event',\n  timelineLabel: 'timeline-label',\n  timelineTextSuffix: 'timeline-text-suffix',\n  timelineSuffix: 'timeline-suffix',\n  timelineDefaultPrefix: 'timeline-default-prefix',\n  timelineBulletIndicator: 'timeline-bullet-indicator',\n  timelineLabelAction: 'timeline-label-action',\n};\n\nexport const SKINS = {\n  dark: 'dark',\n  standard: 'standard',\n  neutral: 'neutral',\n} as const;\n\nexport const LINE_TYPES = {\n  filled: 'filled',\n  dashed: 'dashed',\n} as const;\n"],"mappings":";;;;AAAO,IAAMA,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAG;EACvBE,iBAAiB,EAAE,qBAAqB;EACxCC,aAAa,EAAE,gBAAgB;EAC/BC,kBAAkB,EAAE,sBAAsB;EAC1CC,cAAc,EAAE,iBAAiB;EACjCC,qBAAqB,EAAE,yBAAyB;EAChDC,uBAAuB,EAAE,2BAA2B;EACpDC,mBAAmB,EAAE;AACvB,CAAC;AAEM,IAAMC,KAAK,GAAAR,OAAA,CAAAQ,KAAA,GAAG;EACnBC,IAAI,EAAE,MAAM;EACZC,QAAQ,EAAE,UAAU;EACpBC,OAAO,EAAE;AACX,CAAU;AAEH,IAAMC,UAAU,GAAAZ,OAAA,CAAAY,UAAA,GAAG;EACxBC,MAAM,EAAE,QAAQ;EAChBC,MAAM,EAAE;AACV,CAAU","ignoreList":[]}

package/dist/cjs/Timeline/Timeline.js

@@ -14,11 +14,13 @@ function Timeline(_ref) {
     dataHook,
     items,
     className,
-    gap
+    gap,
+    skin
   } = _ref;
   return /*#__PURE__*/_react.default.createElement("ol", {
     className: (0, _TimelineSt.st)(_TimelineSt.classes.root, className),
     "data-hook": dataHook,
+    "data-skin": skin,
     __self: this,
     __source: {
       fileName: _jsxFileName,
@@ -31,10 +33,11 @@ function Timeline(_ref) {
     idx: idx,
     dataHook: "".concat(_Timeline.dataHooks.timelineListEvent, "-").concat(idx),
     gap: gap,
+    skin: skin,
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 13,
+      lineNumber: 17,
       columnNumber: 9
     }
   })));
@@ -48,8 +51,10 @@ Timeline.propTypes = {
     label: _propTypes.default.node,
     labelAction: _propTypes.default.node,
     customPrefix: _propTypes.default.node,
-    suffix: _propTypes.default.oneOfType([_propTypes.default.node, _propTypes.default.string])
-  })).isRequired
+    suffix: _propTypes.default.oneOfType([_propTypes.default.node, _propTypes.default.string]),
+    line: _propTypes.default.oneOf(['filled', 'dashed'])
+  })).isRequired,
+  skin: _propTypes.default.oneOf(['dark', 'standard', 'neutral'])
 };
 var _default = exports.default = Timeline;
 //# sourceMappingURL=Timeline.js.map