@laerdal/life-react-components 6.0.0-dev.26 → 6.0.0-dev.27.full

package/dist/Table/TableTypes.d.ts

@@ -2,7 +2,7 @@
  * Types for the table.
  */
 import { DropdownButtonProps } from '../Dropdown/DropdownButtonTypes';
-import { ButtonProps } from '../Button/Button';
+import { TextButtonProps } from '../Button/TextButton';
 import { IconButtonProps } from '../Button/Iconbutton';
 import { HyperlinkProps } from '../HyperLink/HyperLink';
 export interface TableProps {
@@ -174,7 +174,7 @@ export interface TableColumn {
     /**
      * Optional. Additional properties for the column.
      */
-    additionalProps?: Pick<ButtonProps, 'variant' | 'size' | 'width' | 'icon'> | Pick<IconButtonProps, 'variant' | 'shape' | 'disabled' | 'tooltip'> | Pick<HyperlinkProps, 'variant'>;
+    additionalProps?: Pick<TextButtonProps, 'variant' | 'size' | 'width' | 'icon'> | Pick<IconButtonProps, 'variant' | 'shape' | 'disabled' | 'tooltip'> | Pick<HyperlinkProps, 'variant'>;
     /**
      * Optional. A function that returns custom content for a cell in the column.
      * Will be used only for button of type 'custom'

package/dist/Table/TableTypes.js.map

@@ -1 +1 @@
-{"version":3,"file":"TableTypes.js","names":[],"sources":["../../src/Table/TableTypes.ts"],"sourcesContent":["/**\r\n * Types for the table.\r\n */\r\nimport {DropdownButtonProps} from '../Dropdown/DropdownButtonTypes';\r\nimport {ButtonProps} from '../Button/Button';\r\nimport {IconButtonProps} from '../Button/Iconbutton';\r\nimport {HyperlinkProps} from '../HyperLink/HyperLink';\r\n\r\nexport interface TableProps {\r\n  /**\r\n   * Optional. The title of the table. If provided, a header row will be rendered.\r\n   */\r\n  title?: string;\r\n\r\n  /**\r\n   * Required. An array of TableColumn objects, each representing a column in the table.\r\n   */\r\n  columns: TableColumn[];\r\n\r\n  /**\r\n   * Required. An array of objects, each representing a row in the table.\r\n   */\r\n  rows: any[];\r\n\r\n  /**\r\n   * Optional. A boolean indicating whether the table should have borders.\r\n   */\r\n  border?: boolean;\r\n\r\n  /**\r\n   * Optional. A boolean indicating whether the table should be rendered as an accordion table.\r\n   * If set to 'true' then there will be no pagination, and all rows will be shown on the first page without pagination controls.\r\n   */\r\n  accordion?: boolean;\r\n\r\n  /**\r\n   * Optional. A boolean indicating initial state of the table if it is shown in 'accordion' mode, if set to true, it will be collapsed.\r\n   */\r\n  collapsed?: boolean;\r\n\r\n  /**\r\n   * Optional. The number of rows to show when the table is shown in accordion mode and collapsed.\r\n   */\r\n  collapsedRows?: number;\r\n\r\n  /**\r\n   * Optional. An object of type TableSortProps, representing the properties for sorting the table.\r\n   */\r\n  sortProps?: TableSortProps;\r\n\r\n  /**\r\n   * Optional. A boolean indicating whether pagination should be done remotely.\r\n   */\r\n  remoteOperations?: boolean;\r\n\r\n  /**\r\n   * Optional. An object of type TablePagination, representing the properties for paginating the table.\r\n   * Required only if 'remoteOperations' is set to true.\r\n   */\r\n  pagination?: TablePagination;\r\n\r\n  /**\r\n   * Optional. A function to be called when the previous page button is clicked.\r\n   * Will be called only if 'remoteOperations' is set to true.\r\n   */\r\n  onPreviousPageClick?: () => void;\r\n\r\n  /**\r\n   * Optional. A function to be called when the next page button is clicked.\r\n   * Will be called only if 'remoteOperations' is set to true.\r\n   */\r\n  onNextPageClick?: () => void;\r\n\r\n  /**\r\n   * Optional. A function to be called when the number of rows per page changes.\r\n   * Will be called only if 'remoteOperations' is set to true.\r\n   */\r\n  onRowsPerPageChange?: (count: number) => void;\r\n\r\n  /**\r\n   * Optional. A function to be called when the sorting direction changes.\r\n   * Will be called only if 'remoteOperations' is set to true.\r\n   */\r\n  onTriggerSortingChange?: (key: string, direction?: TableSortingDirection) => void;\r\n\r\n  /**\r\n   * Optional. A boolean indicating whether a loading indicator should be shown.\r\n   */\r\n  showLoadingIndicator?: boolean;\r\n\r\n  /**\r\n   * Optional. The label to be shown next to the rows per page selector.\r\n   * Defaults to 'Rows per page'.\r\n   */\r\n  rowsPerPageLabel? :string;\r\n\r\n  /**\r\n   * Optional. The label to be shown when there are no rows in the grid.\r\n   * Defaults to 'There are no rows to display'\r\n   */\r\n  noRowsLabel?: string;\r\n\r\n  /**\r\n   * Optional. The label to be shown for 'accordion' grid when table is in collapsed state.\r\n   * Defaults to 'Show more'\r\n   */\r\n  showMoreLabel?: string;\r\n\r\n  /**\r\n   * Optional. The label to be shown for 'accordion' grid when user can 'collapse' some of the rows.\r\n   * Defaults to 'Show more'\r\n   */\r\n  showFewerLabel?: string;\r\n\r\n  /**\r\n   * Optional. An object representing the properties for a dropdown menu shown in the header of table.\r\n   */\r\n  menu?: Pick<DropdownButtonProps, 'items' | 'onClick' | 'disabled' | 'width' | 'itemsType' | 'multiSelect'>;\r\n\r\n  /**\r\n   * Optional. A boolean indicating whether the rows in the table should be selectable.\r\n   */\r\n  selectable?: boolean;\r\n\r\n  /**\r\n   * Optional. A function to be called when some of the rows get selected or unselected.\r\n   */\r\n  onSelectionChange?: (value: any | any[]) => void;\r\n\r\n  /**\r\n   * Optional. A boolean indicating whether multiple rows can be selected at once.\r\n   */\r\n  multiSelect?: boolean;\r\n\r\n  /**\r\n   * Optional. The key to be used as the unique identifier for each row.\r\n   */\r\n  keyExpr?: string;\r\n\r\n  /** Optional. Defines initial state of rows (selected/unselected). */\r\n  selectedRows?: any[];\r\n\r\n  /** Optional. Z-Index html attribute to be set to loading indicator. */\r\n  loaderZIndex?: string;\r\n\r\n  /** Optional. Sets value for 'table-layout' css props of Table tag.\r\n   * If not provided then 'table-layout' will not be set.\r\n    */\r\n  layout?: TableLayout;\r\n}\r\n\r\nexport interface TableSortProps {\r\n  column: string;\r\n  direction: TableSortingDirection;\r\n  allowClearingSort?: boolean;\r\n}\r\n\r\nexport interface TableColumn {\r\n  /**\r\n   * Required. The key of the column. This should match a key in the row data.\r\n   */\r\n  key: string;\r\n\r\n  /**\r\n   * Optional. The key of the note to be displayed in the column.\r\n   */\r\n  noteKey?: string;\r\n\r\n  /**\r\n   * Required. The name of the column. This will be displayed in the column header.\r\n   */\r\n  name: string;\r\n\r\n  /**\r\n   * Optional. The value to be used for filtering the column.\r\n   */\r\n  filterValue?: string;\r\n\r\n  /**\r\n   * Optional. The icon to be displayed in the column.\r\n   */\r\n  icon?: React.ReactNode;\r\n\r\n  /**\r\n   * Optional. The width of the column. Can be specified as a string (e.g., '100px') or a number (e.g., 100).\r\n   */\r\n  width?: string | number;\r\n\r\n  /**\r\n   * Optional. A function that returns the color for a cell in the column.\r\n   */\r\n  colorFn?: (row: any, key: string) => string;\r\n\r\n  /**\r\n   * Optional. The text alignment for the column. Can be 'right', 'left', or 'center'.\r\n   */\r\n  justify?: TableJustification;\r\n\r\n  /**\r\n   * Optional. A boolean indicating whether the text in the column should be shortened.\r\n   */\r\n  shortenText?: boolean;\r\n\r\n  /**\r\n   * Optional. A function to be called when an action is performed on a cell in the column.\r\n   */\r\n  action?: (row: any, event: any) => void;\r\n\r\n  /**\r\n   * Optional. The type of the column. Can be 'text', 'boolean', 'number', 'custom', 'button', 'icon', or 'link'.\r\n   */\r\n  type?: TableColumnTypes;\r\n\r\n  /**\r\n   * Optional. Additional properties for the column.\r\n   */\r\n  additionalProps?: Pick<ButtonProps, 'variant' | 'size' | 'width' | 'icon'> | Pick<IconButtonProps, 'variant' | 'shape' | 'disabled' | 'tooltip'> | Pick<HyperlinkProps, 'variant'>;\r\n\r\n  /**\r\n   * Optional. A function that returns custom content for a cell in the column.\r\n   * Will be used only for button of type 'custom'\r\n   */\r\n  customContent?: (row: any, key: string) => any;\r\n\r\n  /**\r\n   * Optional. A boolean indicating whether the column is sortable.\r\n   */\r\n  sortable?: boolean;\r\n}\r\n\r\nexport type TableColumnTypes = 'text' | 'boolean' | 'number' | 'custom' | 'button' | 'icon' | 'link';\r\n\r\nexport type TableJustification = 'right' | 'left' | 'center';\r\n\r\nexport type TableSortingDirection = 'asc' | 'desc';\r\n\r\nexport type TableLayout = 'auto' | 'fixed';\r\n\r\nexport interface TablePagination {\r\n  from: number;\r\n  to: number;\r\n  total: number;\r\n  currentPage: number;\r\n  rowsPerPage: number;\r\n}\r\n\r\n// will override component properties in case of button, icon and link\r\n"],"mappings":"","ignoreList":[]}
+{"version":3,"file":"TableTypes.js","names":[],"sources":["../../src/Table/TableTypes.ts"],"sourcesContent":["/**\r\n * Types for the table.\r\n */\r\nimport {DropdownButtonProps} from '../Dropdown/DropdownButtonTypes';\r\nimport {TextButtonProps} from '../Button/TextButton';\r\nimport {IconButtonProps} from '../Button/Iconbutton';\r\nimport {HyperlinkProps} from '../HyperLink/HyperLink';\r\n\r\nexport interface TableProps {\r\n  /**\r\n   * Optional. The title of the table. If provided, a header row will be rendered.\r\n   */\r\n  title?: string;\r\n\r\n  /**\r\n   * Required. An array of TableColumn objects, each representing a column in the table.\r\n   */\r\n  columns: TableColumn[];\r\n\r\n  /**\r\n   * Required. An array of objects, each representing a row in the table.\r\n   */\r\n  rows: any[];\r\n\r\n  /**\r\n   * Optional. A boolean indicating whether the table should have borders.\r\n   */\r\n  border?: boolean;\r\n\r\n  /**\r\n   * Optional. A boolean indicating whether the table should be rendered as an accordion table.\r\n   * If set to 'true' then there will be no pagination, and all rows will be shown on the first page without pagination controls.\r\n   */\r\n  accordion?: boolean;\r\n\r\n  /**\r\n   * Optional. A boolean indicating initial state of the table if it is shown in 'accordion' mode, if set to true, it will be collapsed.\r\n   */\r\n  collapsed?: boolean;\r\n\r\n  /**\r\n   * Optional. The number of rows to show when the table is shown in accordion mode and collapsed.\r\n   */\r\n  collapsedRows?: number;\r\n\r\n  /**\r\n   * Optional. An object of type TableSortProps, representing the properties for sorting the table.\r\n   */\r\n  sortProps?: TableSortProps;\r\n\r\n  /**\r\n   * Optional. A boolean indicating whether pagination should be done remotely.\r\n   */\r\n  remoteOperations?: boolean;\r\n\r\n  /**\r\n   * Optional. An object of type TablePagination, representing the properties for paginating the table.\r\n   * Required only if 'remoteOperations' is set to true.\r\n   */\r\n  pagination?: TablePagination;\r\n\r\n  /**\r\n   * Optional. A function to be called when the previous page button is clicked.\r\n   * Will be called only if 'remoteOperations' is set to true.\r\n   */\r\n  onPreviousPageClick?: () => void;\r\n\r\n  /**\r\n   * Optional. A function to be called when the next page button is clicked.\r\n   * Will be called only if 'remoteOperations' is set to true.\r\n   */\r\n  onNextPageClick?: () => void;\r\n\r\n  /**\r\n   * Optional. A function to be called when the number of rows per page changes.\r\n   * Will be called only if 'remoteOperations' is set to true.\r\n   */\r\n  onRowsPerPageChange?: (count: number) => void;\r\n\r\n  /**\r\n   * Optional. A function to be called when the sorting direction changes.\r\n   * Will be called only if 'remoteOperations' is set to true.\r\n   */\r\n  onTriggerSortingChange?: (key: string, direction?: TableSortingDirection) => void;\r\n\r\n  /**\r\n   * Optional. A boolean indicating whether a loading indicator should be shown.\r\n   */\r\n  showLoadingIndicator?: boolean;\r\n\r\n  /**\r\n   * Optional. The label to be shown next to the rows per page selector.\r\n   * Defaults to 'Rows per page'.\r\n   */\r\n  rowsPerPageLabel? :string;\r\n\r\n  /**\r\n   * Optional. The label to be shown when there are no rows in the grid.\r\n   * Defaults to 'There are no rows to display'\r\n   */\r\n  noRowsLabel?: string;\r\n\r\n  /**\r\n   * Optional. The label to be shown for 'accordion' grid when table is in collapsed state.\r\n   * Defaults to 'Show more'\r\n   */\r\n  showMoreLabel?: string;\r\n\r\n  /**\r\n   * Optional. The label to be shown for 'accordion' grid when user can 'collapse' some of the rows.\r\n   * Defaults to 'Show more'\r\n   */\r\n  showFewerLabel?: string;\r\n\r\n  /**\r\n   * Optional. An object representing the properties for a dropdown menu shown in the header of table.\r\n   */\r\n  menu?: Pick<DropdownButtonProps, 'items' | 'onClick' | 'disabled' | 'width' | 'itemsType' | 'multiSelect'>;\r\n\r\n  /**\r\n   * Optional. A boolean indicating whether the rows in the table should be selectable.\r\n   */\r\n  selectable?: boolean;\r\n\r\n  /**\r\n   * Optional. A function to be called when some of the rows get selected or unselected.\r\n   */\r\n  onSelectionChange?: (value: any | any[]) => void;\r\n\r\n  /**\r\n   * Optional. A boolean indicating whether multiple rows can be selected at once.\r\n   */\r\n  multiSelect?: boolean;\r\n\r\n  /**\r\n   * Optional. The key to be used as the unique identifier for each row.\r\n   */\r\n  keyExpr?: string;\r\n\r\n  /** Optional. Defines initial state of rows (selected/unselected). */\r\n  selectedRows?: any[];\r\n\r\n  /** Optional. Z-Index html attribute to be set to loading indicator. */\r\n  loaderZIndex?: string;\r\n\r\n  /** Optional. Sets value for 'table-layout' css props of Table tag.\r\n   * If not provided then 'table-layout' will not be set.\r\n    */\r\n  layout?: TableLayout;\r\n}\r\n\r\nexport interface TableSortProps {\r\n  column: string;\r\n  direction: TableSortingDirection;\r\n  allowClearingSort?: boolean;\r\n}\r\n\r\nexport interface TableColumn {\r\n  /**\r\n   * Required. The key of the column. This should match a key in the row data.\r\n   */\r\n  key: string;\r\n\r\n  /**\r\n   * Optional. The key of the note to be displayed in the column.\r\n   */\r\n  noteKey?: string;\r\n\r\n  /**\r\n   * Required. The name of the column. This will be displayed in the column header.\r\n   */\r\n  name: string;\r\n\r\n  /**\r\n   * Optional. The value to be used for filtering the column.\r\n   */\r\n  filterValue?: string;\r\n\r\n  /**\r\n   * Optional. The icon to be displayed in the column.\r\n   */\r\n  icon?: React.ReactNode;\r\n\r\n  /**\r\n   * Optional. The width of the column. Can be specified as a string (e.g., '100px') or a number (e.g., 100).\r\n   */\r\n  width?: string | number;\r\n\r\n  /**\r\n   * Optional. A function that returns the color for a cell in the column.\r\n   */\r\n  colorFn?: (row: any, key: string) => string;\r\n\r\n  /**\r\n   * Optional. The text alignment for the column. Can be 'right', 'left', or 'center'.\r\n   */\r\n  justify?: TableJustification;\r\n\r\n  /**\r\n   * Optional. A boolean indicating whether the text in the column should be shortened.\r\n   */\r\n  shortenText?: boolean;\r\n\r\n  /**\r\n   * Optional. A function to be called when an action is performed on a cell in the column.\r\n   */\r\n  action?: (row: any, event: any) => void;\r\n\r\n  /**\r\n   * Optional. The type of the column. Can be 'text', 'boolean', 'number', 'custom', 'button', 'icon', or 'link'.\r\n   */\r\n  type?: TableColumnTypes;\r\n\r\n  /**\r\n   * Optional. Additional properties for the column.\r\n   */\r\n  additionalProps?: Pick<TextButtonProps, 'variant' | 'size' | 'width' | 'icon'> | Pick<IconButtonProps, 'variant' | 'shape' | 'disabled' | 'tooltip'> | Pick<HyperlinkProps, 'variant'>;\r\n\r\n  /**\r\n   * Optional. A function that returns custom content for a cell in the column.\r\n   * Will be used only for button of type 'custom'\r\n   */\r\n  customContent?: (row: any, key: string) => any;\r\n\r\n  /**\r\n   * Optional. A boolean indicating whether the column is sortable.\r\n   */\r\n  sortable?: boolean;\r\n}\r\n\r\nexport type TableColumnTypes = 'text' | 'boolean' | 'number' | 'custom' | 'button' | 'icon' | 'link';\r\n\r\nexport type TableJustification = 'right' | 'left' | 'center';\r\n\r\nexport type TableSortingDirection = 'asc' | 'desc';\r\n\r\nexport type TableLayout = 'auto' | 'fixed';\r\n\r\nexport interface TablePagination {\r\n  from: number;\r\n  to: number;\r\n  total: number;\r\n  currentPage: number;\r\n  rowsPerPage: number;\r\n}\r\n\r\n// will override component properties in case of button, icon and link\r\n"],"mappings":"","ignoreList":[]}

package/dist/Tile/TileCommonItems.cjs

@@ -242,7 +242,7 @@ const RenderTileItem = function (item, size) {
             componentType
           } = item,
           rest = (0, _objectWithoutProperties2.default)(item, _excluded2);
-        return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Button.Button, _objectSpread(_objectSpread({
+        return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Button.TextButton, _objectSpread(_objectSpread({
           size: [_types.Size.XSmall, _types.Size.XSmall, _types.Size.XXSmall].includes(size) ? _types.Size.Small : size == _types.Size.Large ? _types.Size.Large : _types.Size.Medium
         }, rest), {}, {
           children: buttonText

package/dist/Tile/TileCommonItems.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"TileCommonItems.cjs","names":["_Button","require","_Toggles","_Dropdown","_react","_interopRequireDefault","_styledComponents","_styles","_HyperLink","_types","_jsxRuntime","_excluded","_excluded2","ownKeys","e","r","t","Object","keys","getOwnPropertySymbols","o","filter","getOwnPropertyDescriptor","enumerable","push","apply","_objectSpread","arguments","length","forEach","_defineProperty2","default","getOwnPropertyDescriptors","defineProperties","defineProperty","TileNoteText","exports","styled","div","TileNoteIcon","TileNoteWrapper","props","COLORS","generateToken","componentType","defaultVariant","theme","ComponentXXSStyling","ComponentTextStyle","Regular","ComponentXSStyling","ComponentSStyling","TileHyperLinkIcon","TileHyperLinkText","TileHyperLinkWrapper","Bold","ComponentMStyling","ComponentLStyling","RenderTileItem","item","size","key","undefined","jsx","IconButton","variant","useTransparentBackground","shape","action","tooltip","disabled","children","icon","ToggleButton","active","onChange","defaultState","activeState","DropdownButton","type","items","itemsType","onClick","value","actionIcon","actionLabel","actionVariant","actionLoading","multiSelect","scrollable","pinTopItem","maxHeight","label","keepLabel","jsxs","className","noteIcon","React","cloneElement","Size","Large","noteText","linkText","linkIcon","rest","_objectWithoutProperties2","HyperLink","buttonText","Button","XSmall","XXSmall","includes","Small","Medium"],"sources":["../../src/Tile/TileCommonItems.tsx"],"sourcesContent":["import {\r\n  TileDropdownButton,\r\n  TileHyperLink,\r\n  TileIconButton,\r\n  TileNote,\r\n  TileStandardButton, TileTextDropdownButton,\r\n  TileToggleButton\r\n} from './TileTypes';\r\nimport {Button, IconButton} from '../Button';\r\nimport {ToggleButton} from '../Toggles';\r\nimport {DropdownButton} from '../Dropdown';\r\nimport React from 'react';\r\nimport styled from 'styled-components';\r\nimport {\r\n  COLORS, ComponentLStyling,\r\n  ComponentMStyling,\r\n  ComponentSStyling,\r\n  ComponentTextStyle,\r\n  ComponentXSStyling,\r\n  ComponentXXSStyling\r\n} from '../styles';\r\nimport {HyperLink} from '../HyperLink';\r\nimport {Size} from '../types';\r\n\r\n\r\nexport const TileNoteText = styled.div``;\r\nexport const TileNoteIcon = styled.div`display: flex;`;\r\nexport const TileNoteWrapper = styled.div`\r\n  display: flex;\r\n  flex-direction: row;\r\n  align-items: center;\r\n  color: ${props => COLORS.generateToken({componentType:'text',defaultVariant:'subtle'}, props.theme)};\r\n\r\n  &.small {\r\n    gap: 4px;\r\n\r\n    ${TileNoteIcon} {\r\n      width: 16px;\r\n      height: 16px;\r\n    }\r\n\r\n    ${TileNoteText} {\r\n      ${ComponentXXSStyling(ComponentTextStyle.Regular, null)}\r\n    }\r\n  }\r\n\r\n  &.medium {\r\n    gap: 6px;\r\n\r\n    ${TileNoteIcon} {\r\n      width: 16px;\r\n      height: 16px;\r\n    }\r\n\r\n    ${TileNoteText} {\r\n      ${ComponentXSStyling(ComponentTextStyle.Regular, null)}\r\n    }\r\n\r\n  }\r\n\r\n  &.large {\r\n    gap: 8px;\r\n\r\n    ${TileNoteIcon} {\r\n      width: 20px;\r\n      height: 20px;\r\n    }\r\n\r\n    ${TileNoteText} {\r\n      ${ComponentSStyling(ComponentTextStyle.Regular, null)}\r\n    }\r\n  }\r\n`;\r\n\r\n\r\nexport const TileHyperLinkIcon = styled.div`display: flex`;\r\nexport const TileHyperLinkText = styled.div``;\r\n\r\nexport const TileHyperLinkWrapper = styled.div`\r\n  width: max-content;\r\n\r\n  ${props => ComponentSStyling(ComponentTextStyle.Bold, COLORS.generateToken({componentType:'text-link', defaultVariant: 'primary' }, props.theme))}\r\n  a {\r\n    display: flex;\r\n    flex-direction: row;\r\n    align-items: center;\r\n    gap: 4px;\r\n  }\r\n\r\n  &.small {\r\n    ${TileHyperLinkIcon} {\r\n      width: 24px;\r\n      height: 24px;\r\n    }\r\n\r\n    ${TileHyperLinkText} {\r\n      ${ComponentSStyling(ComponentTextStyle.Bold, null)}\r\n    }\r\n\r\n    a {\r\n      gap: 4px;\r\n    }\r\n  }\r\n\r\n  &.medium {\r\n    ${TileHyperLinkIcon} {\r\n      width: 24px;\r\n      height: 24px;\r\n    }\r\n\r\n    ${TileHyperLinkText} {\r\n      ${ComponentMStyling(ComponentTextStyle.Bold, null)}\r\n    }\r\n\r\n    a {\r\n      gap: 6px;\r\n    }\r\n  }\r\n\r\n  &.large {\r\n    ${TileHyperLinkIcon} {\r\n      width: 28px;\r\n      height: 28px;\r\n    }\r\n\r\n    ${TileHyperLinkText} {\r\n      ${ComponentLStyling(ComponentTextStyle.Bold, null)}\r\n    }\r\n\r\n    a {\r\n      gap: 8px;\r\n    }\r\n  }\r\n`\r\n\r\nexport const RenderTileItem = (item: TileIconButton | TileToggleButton | TileDropdownButton | TileTextDropdownButton | TileStandardButton | TileNote | TileHyperLink,\r\n                               size: Size,\r\n                               key: any | undefined = undefined) => {\r\n  switch (item.componentType) {\r\n    case 'icon': {\r\n      return <IconButton key={key}\r\n                         variant={item.variant ?? 'secondary'}\r\n                         useTransparentBackground={item.variant == 'secondary' ? true : false}\r\n                         shape={item.shape ?? 'circular'}\r\n                         action={item.action}\r\n                         tooltip={item.tooltip}\r\n                         disabled={item.disabled}>\r\n        {item.icon}\r\n      </IconButton>\r\n    }\r\n    case 'toggle': {\r\n      return <ToggleButton key={key}\r\n                           active={item.active}\r\n                           onChange={item.onChange}\r\n                           defaultState={item.defaultState}\r\n                           activeState={item.activeState}\r\n                           disabled={item.disabled}/>\r\n    }\r\n    case 'dropdown': {\r\n      return <DropdownButton key={key}\r\n                             type={'icon'}\r\n                             items={item.items}\r\n                             itemsType={item.itemsType}\r\n                             onClick={item.onClick}\r\n                             value={item.value}\r\n                             icon={item.icon}\r\n                             tooltip={item.tooltip}\r\n                             action={item.action}\r\n                             actionIcon={item.actionIcon}\r\n                             actionLabel={item.actionLabel}\r\n                             actionVariant={item.actionVariant}\r\n                             actionLoading={item.actionLoading}\r\n                             multiSelect={item.multiSelect}\r\n                             scrollable={item.scrollable}\r\n                             pinTopItem={item.pinTopItem}\r\n                             maxHeight={item.maxHeight}\r\n                             disabled={item.disabled}/>\r\n\r\n    }\r\n    case 'text-dropdown': {\r\n      return <DropdownButton key={key}\r\n                             type={'text'}\r\n                             items={item.items}\r\n                             itemsType={item.itemsType}\r\n                             onClick={item.onClick}\r\n                             value={item.value}\r\n                             label={item.label}\r\n                             keepLabel={item.keepLabel}\r\n                             action={item.action}\r\n                             actionIcon={item.actionIcon}\r\n                             actionLabel={item.actionLabel}\r\n                             actionVariant={item.actionVariant}\r\n                             actionLoading={item.actionLoading}\r\n                             multiSelect={item.multiSelect}\r\n                             scrollable={item.scrollable}\r\n                             pinTopItem={item.pinTopItem}\r\n                             maxHeight={item.maxHeight}\r\n                             disabled={item.disabled}/>\r\n\r\n    }\r\n    case 'note': {\r\n      return (\r\n        <TileNoteWrapper key={key} className={size}>\r\n          {\r\n            item.noteIcon &&\r\n            <TileNoteIcon>\r\n              {React.cloneElement(item.noteIcon as React.ReactElement<any>, {size: size === Size.Large ? '20px' : '16'})}\r\n            </TileNoteIcon>\r\n          }\r\n          <TileNoteText>{item.noteText}</TileNoteText>\r\n        </TileNoteWrapper>\r\n      );\r\n\r\n    }\r\n    case 'link': {\r\n      const {linkText, componentType, linkIcon, ...rest} = item;\r\n      return (\r\n        <TileHyperLinkWrapper className={size} key={key}>\r\n          <HyperLink {...rest}>\r\n            <TileHyperLinkText>{linkText}</TileHyperLinkText>\r\n            {\r\n              linkIcon &&\r\n              <TileHyperLinkIcon>\r\n                {React.cloneElement(linkIcon as React.ReactElement<any>, {size: size === Size.Large ? '28px' : '24px'})}\r\n              </TileHyperLinkIcon>\r\n            }\r\n          </HyperLink>\r\n        </TileHyperLinkWrapper>\r\n      );\r\n    }\r\n    case 'button': {\r\n      const {buttonText, componentType, ...rest} = item;\r\n      return <Button key={key}\r\n                     size={[Size.XSmall, Size.XSmall, Size.XXSmall].includes(size) ? Size.Small: \r\n                      size == Size.Large ? Size.Large : Size.Medium}\r\n                     {...rest}>\r\n        {buttonText}\r\n      </Button>\r\n    }\r\n  }\r\n}\r\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"TileCommonItems.cjs","names":["_Button","require","_Toggles","_Dropdown","_react","_interopRequireDefault","_styledComponents","_styles","_HyperLink","_types","_jsxRuntime","_excluded","_excluded2","ownKeys","e","r","t","Object","keys","getOwnPropertySymbols","o","filter","getOwnPropertyDescriptor","enumerable","push","apply","_objectSpread","arguments","length","forEach","_defineProperty2","default","getOwnPropertyDescriptors","defineProperties","defineProperty","TileNoteText","exports","styled","div","TileNoteIcon","TileNoteWrapper","props","COLORS","generateToken","componentType","defaultVariant","theme","ComponentXXSStyling","ComponentTextStyle","Regular","ComponentXSStyling","ComponentSStyling","TileHyperLinkIcon","TileHyperLinkText","TileHyperLinkWrapper","Bold","ComponentMStyling","ComponentLStyling","RenderTileItem","item","size","key","undefined","jsx","IconButton","variant","useTransparentBackground","shape","action","tooltip","disabled","children","icon","ToggleButton","active","onChange","defaultState","activeState","DropdownButton","type","items","itemsType","onClick","value","actionIcon","actionLabel","actionVariant","actionLoading","multiSelect","scrollable","pinTopItem","maxHeight","label","keepLabel","jsxs","className","noteIcon","React","cloneElement","Size","Large","noteText","linkText","linkIcon","rest","_objectWithoutProperties2","HyperLink","buttonText","TextButton","XSmall","XXSmall","includes","Small","Medium"],"sources":["../../src/Tile/TileCommonItems.tsx"],"sourcesContent":["import {\r\n  TileDropdownButton,\r\n  TileHyperLink,\r\n  TileIconButton,\r\n  TileNote,\r\n  TileStandardButton, TileTextDropdownButton,\r\n  TileToggleButton\r\n} from './TileTypes';\r\nimport {TextButton, IconButton} from '../Button';\r\nimport {ToggleButton} from '../Toggles';\r\nimport {DropdownButton} from '../Dropdown';\r\nimport React from 'react';\r\nimport styled from 'styled-components';\r\nimport {\r\n  COLORS, ComponentLStyling,\r\n  ComponentMStyling,\r\n  ComponentSStyling,\r\n  ComponentTextStyle,\r\n  ComponentXSStyling,\r\n  ComponentXXSStyling\r\n} from '../styles';\r\nimport {HyperLink} from '../HyperLink';\r\nimport {Size} from '../types';\r\n\r\n\r\nexport const TileNoteText = styled.div``;\r\nexport const TileNoteIcon = styled.div`display: flex;`;\r\nexport const TileNoteWrapper = styled.div`\r\n  display: flex;\r\n  flex-direction: row;\r\n  align-items: center;\r\n  color: ${props => COLORS.generateToken({componentType:'text',defaultVariant:'subtle'}, props.theme)};\r\n\r\n  &.small {\r\n    gap: 4px;\r\n\r\n    ${TileNoteIcon} {\r\n      width: 16px;\r\n      height: 16px;\r\n    }\r\n\r\n    ${TileNoteText} {\r\n      ${ComponentXXSStyling(ComponentTextStyle.Regular, null)}\r\n    }\r\n  }\r\n\r\n  &.medium {\r\n    gap: 6px;\r\n\r\n    ${TileNoteIcon} {\r\n      width: 16px;\r\n      height: 16px;\r\n    }\r\n\r\n    ${TileNoteText} {\r\n      ${ComponentXSStyling(ComponentTextStyle.Regular, null)}\r\n    }\r\n\r\n  }\r\n\r\n  &.large {\r\n    gap: 8px;\r\n\r\n    ${TileNoteIcon} {\r\n      width: 20px;\r\n      height: 20px;\r\n    }\r\n\r\n    ${TileNoteText} {\r\n      ${ComponentSStyling(ComponentTextStyle.Regular, null)}\r\n    }\r\n  }\r\n`;\r\n\r\n\r\nexport const TileHyperLinkIcon = styled.div`display: flex`;\r\nexport const TileHyperLinkText = styled.div``;\r\n\r\nexport const TileHyperLinkWrapper = styled.div`\r\n  width: max-content;\r\n\r\n  ${props => ComponentSStyling(ComponentTextStyle.Bold, COLORS.generateToken({componentType:'text-link', defaultVariant: 'primary' }, props.theme))}\r\n  a {\r\n    display: flex;\r\n    flex-direction: row;\r\n    align-items: center;\r\n    gap: 4px;\r\n  }\r\n\r\n  &.small {\r\n    ${TileHyperLinkIcon} {\r\n      width: 24px;\r\n      height: 24px;\r\n    }\r\n\r\n    ${TileHyperLinkText} {\r\n      ${ComponentSStyling(ComponentTextStyle.Bold, null)}\r\n    }\r\n\r\n    a {\r\n      gap: 4px;\r\n    }\r\n  }\r\n\r\n  &.medium {\r\n    ${TileHyperLinkIcon} {\r\n      width: 24px;\r\n      height: 24px;\r\n    }\r\n\r\n    ${TileHyperLinkText} {\r\n      ${ComponentMStyling(ComponentTextStyle.Bold, null)}\r\n    }\r\n\r\n    a {\r\n      gap: 6px;\r\n    }\r\n  }\r\n\r\n  &.large {\r\n    ${TileHyperLinkIcon} {\r\n      width: 28px;\r\n      height: 28px;\r\n    }\r\n\r\n    ${TileHyperLinkText} {\r\n      ${ComponentLStyling(ComponentTextStyle.Bold, null)}\r\n    }\r\n\r\n    a {\r\n      gap: 8px;\r\n    }\r\n  }\r\n`\r\n\r\nexport const RenderTileItem = (item: TileIconButton | TileToggleButton | TileDropdownButton | TileTextDropdownButton | TileStandardButton | TileNote | TileHyperLink,\r\n                               size: Size,\r\n                               key: any | undefined = undefined) => {\r\n  switch (item.componentType) {\r\n    case 'icon': {\r\n      return <IconButton key={key}\r\n                         variant={item.variant ?? 'secondary'}\r\n                         useTransparentBackground={item.variant == 'secondary' ? true : false}\r\n                         shape={item.shape ?? 'circular'}\r\n                         action={item.action}\r\n                         tooltip={item.tooltip}\r\n                         disabled={item.disabled}>\r\n        {item.icon}\r\n      </IconButton>\r\n    }\r\n    case 'toggle': {\r\n      return <ToggleButton key={key}\r\n                           active={item.active}\r\n                           onChange={item.onChange}\r\n                           defaultState={item.defaultState}\r\n                           activeState={item.activeState}\r\n                           disabled={item.disabled}/>\r\n    }\r\n    case 'dropdown': {\r\n      return <DropdownButton key={key}\r\n                             type={'icon'}\r\n                             items={item.items}\r\n                             itemsType={item.itemsType}\r\n                             onClick={item.onClick}\r\n                             value={item.value}\r\n                             icon={item.icon}\r\n                             tooltip={item.tooltip}\r\n                             action={item.action}\r\n                             actionIcon={item.actionIcon}\r\n                             actionLabel={item.actionLabel}\r\n                             actionVariant={item.actionVariant}\r\n                             actionLoading={item.actionLoading}\r\n                             multiSelect={item.multiSelect}\r\n                             scrollable={item.scrollable}\r\n                             pinTopItem={item.pinTopItem}\r\n                             maxHeight={item.maxHeight}\r\n                             disabled={item.disabled}/>\r\n\r\n    }\r\n    case 'text-dropdown': {\r\n      return <DropdownButton key={key}\r\n                             type={'text'}\r\n                             items={item.items}\r\n                             itemsType={item.itemsType}\r\n                             onClick={item.onClick}\r\n                             value={item.value}\r\n                             label={item.label}\r\n                             keepLabel={item.keepLabel}\r\n                             action={item.action}\r\n                             actionIcon={item.actionIcon}\r\n                             actionLabel={item.actionLabel}\r\n                             actionVariant={item.actionVariant}\r\n                             actionLoading={item.actionLoading}\r\n                             multiSelect={item.multiSelect}\r\n                             scrollable={item.scrollable}\r\n                             pinTopItem={item.pinTopItem}\r\n                             maxHeight={item.maxHeight}\r\n                             disabled={item.disabled}/>\r\n\r\n    }\r\n    case 'note': {\r\n      return (\r\n        <TileNoteWrapper key={key} className={size}>\r\n          {\r\n            item.noteIcon &&\r\n            <TileNoteIcon>\r\n              {React.cloneElement(item.noteIcon as React.ReactElement<any>, {size: size === Size.Large ? '20px' : '16'})}\r\n            </TileNoteIcon>\r\n          }\r\n          <TileNoteText>{item.noteText}</TileNoteText>\r\n        </TileNoteWrapper>\r\n      );\r\n\r\n    }\r\n    case 'link': {\r\n      const {linkText, componentType, linkIcon, ...rest} = item;\r\n      return (\r\n        <TileHyperLinkWrapper className={size} key={key}>\r\n          <HyperLink {...rest}>\r\n            <TileHyperLinkText>{linkText}</TileHyperLinkText>\r\n            {\r\n              linkIcon &&\r\n              <TileHyperLinkIcon>\r\n                {React.cloneElement(linkIcon as React.ReactElement<any>, {size: size === Size.Large ? '28px' : '24px'})}\r\n              </TileHyperLinkIcon>\r\n            }\r\n          </HyperLink>\r\n        </TileHyperLinkWrapper>\r\n      );\r\n    }\r\n    case 'button': {\r\n      const {buttonText, componentType, ...rest} = item;\r\n      return <TextButton key={key}\r\n                     size={[Size.XSmall, Size.XSmall, Size.XXSmall].includes(size) ? Size.Small: \r\n                      size == Size.Large ? Size.Large : Size.Medium}\r\n                     {...rest}>\r\n        {buttonText}\r\n      </TextButton>\r\n    }\r\n  }\r\n}\r\n"],"mappings":"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","ignoreList":[]}

package/dist/Tile/TileCommonItems.js

@@ -4,7 +4,7 @@ const _excluded = ["linkText", "componentType", "linkIcon"],
   _excluded2 = ["buttonText", "componentType"];
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-import { Button, IconButton } from '../Button';
+import { TextButton, IconButton } from '../Button';
 import { ToggleButton } from '../Toggles';
 import { DropdownButton } from '../Dropdown';
 import React from 'react';
@@ -235,7 +235,7 @@ export const RenderTileItem = function (item, size) {
             componentType
           } = item,
           rest = _objectWithoutProperties(item, _excluded2);
-        return /*#__PURE__*/_jsx(Button, _objectSpread(_objectSpread({
+        return /*#__PURE__*/_jsx(TextButton, _objectSpread(_objectSpread({
           size: [Size.XSmall, Size.XSmall, Size.XXSmall].includes(size) ? Size.Small : size == Size.Large ? Size.Large : Size.Medium
         }, rest), {}, {
           children: buttonText

package/dist/Tile/TileCommonItems.js.map

@@ -1 +1 @@
-{"version":3,"file":"TileCommonItems.js","names":["Button","IconButton","ToggleButton","DropdownButton","React","styled","COLORS","ComponentLStyling","ComponentMStyling","ComponentSStyling","ComponentTextStyle","ComponentXSStyling","ComponentXXSStyling","HyperLink","Size","jsx","_jsx","jsxs","_jsxs","TileNoteText","div","TileNoteIcon","TileNoteWrapper","props","generateToken","componentType","defaultVariant","theme","Regular","TileHyperLinkIcon","TileHyperLinkText","TileHyperLinkWrapper","Bold","RenderTileItem","item","size","key","arguments","length","undefined","variant","useTransparentBackground","shape","action","tooltip","disabled","children","icon","active","onChange","defaultState","activeState","type","items","itemsType","onClick","value","actionIcon","actionLabel","actionVariant","actionLoading","multiSelect","scrollable","pinTopItem","maxHeight","label","keepLabel","className","noteIcon","cloneElement","Large","noteText","linkText","linkIcon","rest","_objectWithoutProperties","_excluded","_objectSpread","buttonText","_excluded2","XSmall","XXSmall","includes","Small","Medium"],"sources":["../../src/Tile/TileCommonItems.tsx"],"sourcesContent":["import {\r\n  TileDropdownButton,\r\n  TileHyperLink,\r\n  TileIconButton,\r\n  TileNote,\r\n  TileStandardButton, TileTextDropdownButton,\r\n  TileToggleButton\r\n} from './TileTypes';\r\nimport {Button, IconButton} from '../Button';\r\nimport {ToggleButton} from '../Toggles';\r\nimport {DropdownButton} from '../Dropdown';\r\nimport React from 'react';\r\nimport styled from 'styled-components';\r\nimport {\r\n  COLORS, ComponentLStyling,\r\n  ComponentMStyling,\r\n  ComponentSStyling,\r\n  ComponentTextStyle,\r\n  ComponentXSStyling,\r\n  ComponentXXSStyling\r\n} from '../styles';\r\nimport {HyperLink} from '../HyperLink';\r\nimport {Size} from '../types';\r\n\r\n\r\nexport const TileNoteText = styled.div``;\r\nexport const TileNoteIcon = styled.div`display: flex;`;\r\nexport const TileNoteWrapper = styled.div`\r\n  display: flex;\r\n  flex-direction: row;\r\n  align-items: center;\r\n  color: ${props => COLORS.generateToken({componentType:'text',defaultVariant:'subtle'}, props.theme)};\r\n\r\n  &.small {\r\n    gap: 4px;\r\n\r\n    ${TileNoteIcon} {\r\n      width: 16px;\r\n      height: 16px;\r\n    }\r\n\r\n    ${TileNoteText} {\r\n      ${ComponentXXSStyling(ComponentTextStyle.Regular, null)}\r\n    }\r\n  }\r\n\r\n  &.medium {\r\n    gap: 6px;\r\n\r\n    ${TileNoteIcon} {\r\n      width: 16px;\r\n      height: 16px;\r\n    }\r\n\r\n    ${TileNoteText} {\r\n      ${ComponentXSStyling(ComponentTextStyle.Regular, null)}\r\n    }\r\n\r\n  }\r\n\r\n  &.large {\r\n    gap: 8px;\r\n\r\n    ${TileNoteIcon} {\r\n      width: 20px;\r\n      height: 20px;\r\n    }\r\n\r\n    ${TileNoteText} {\r\n      ${ComponentSStyling(ComponentTextStyle.Regular, null)}\r\n    }\r\n  }\r\n`;\r\n\r\n\r\nexport const TileHyperLinkIcon = styled.div`display: flex`;\r\nexport const TileHyperLinkText = styled.div``;\r\n\r\nexport const TileHyperLinkWrapper = styled.div`\r\n  width: max-content;\r\n\r\n  ${props => ComponentSStyling(ComponentTextStyle.Bold, COLORS.generateToken({componentType:'text-link', defaultVariant: 'primary' }, props.theme))}\r\n  a {\r\n    display: flex;\r\n    flex-direction: row;\r\n    align-items: center;\r\n    gap: 4px;\r\n  }\r\n\r\n  &.small {\r\n    ${TileHyperLinkIcon} {\r\n      width: 24px;\r\n      height: 24px;\r\n    }\r\n\r\n    ${TileHyperLinkText} {\r\n      ${ComponentSStyling(ComponentTextStyle.Bold, null)}\r\n    }\r\n\r\n    a {\r\n      gap: 4px;\r\n    }\r\n  }\r\n\r\n  &.medium {\r\n    ${TileHyperLinkIcon} {\r\n      width: 24px;\r\n      height: 24px;\r\n    }\r\n\r\n    ${TileHyperLinkText} {\r\n      ${ComponentMStyling(ComponentTextStyle.Bold, null)}\r\n    }\r\n\r\n    a {\r\n      gap: 6px;\r\n    }\r\n  }\r\n\r\n  &.large {\r\n    ${TileHyperLinkIcon} {\r\n      width: 28px;\r\n      height: 28px;\r\n    }\r\n\r\n    ${TileHyperLinkText} {\r\n      ${ComponentLStyling(ComponentTextStyle.Bold, null)}\r\n    }\r\n\r\n    a {\r\n      gap: 8px;\r\n    }\r\n  }\r\n`\r\n\r\nexport const RenderTileItem = (item: TileIconButton | TileToggleButton | TileDropdownButton | TileTextDropdownButton | TileStandardButton | TileNote | TileHyperLink,\r\n                               size: Size,\r\n                               key: any | undefined = undefined) => {\r\n  switch (item.componentType) {\r\n    case 'icon': {\r\n      return <IconButton key={key}\r\n                         variant={item.variant ?? 'secondary'}\r\n                         useTransparentBackground={item.variant == 'secondary' ? true : false}\r\n                         shape={item.shape ?? 'circular'}\r\n                         action={item.action}\r\n                         tooltip={item.tooltip}\r\n                         disabled={item.disabled}>\r\n        {item.icon}\r\n      </IconButton>\r\n    }\r\n    case 'toggle': {\r\n      return <ToggleButton key={key}\r\n                           active={item.active}\r\n                           onChange={item.onChange}\r\n                           defaultState={item.defaultState}\r\n                           activeState={item.activeState}\r\n                           disabled={item.disabled}/>\r\n    }\r\n    case 'dropdown': {\r\n      return <DropdownButton key={key}\r\n                             type={'icon'}\r\n                             items={item.items}\r\n                             itemsType={item.itemsType}\r\n                             onClick={item.onClick}\r\n                             value={item.value}\r\n                             icon={item.icon}\r\n                             tooltip={item.tooltip}\r\n                             action={item.action}\r\n                             actionIcon={item.actionIcon}\r\n                             actionLabel={item.actionLabel}\r\n                             actionVariant={item.actionVariant}\r\n                             actionLoading={item.actionLoading}\r\n                             multiSelect={item.multiSelect}\r\n                             scrollable={item.scrollable}\r\n                             pinTopItem={item.pinTopItem}\r\n                             maxHeight={item.maxHeight}\r\n                             disabled={item.disabled}/>\r\n\r\n    }\r\n    case 'text-dropdown': {\r\n      return <DropdownButton key={key}\r\n                             type={'text'}\r\n                             items={item.items}\r\n                             itemsType={item.itemsType}\r\n                             onClick={item.onClick}\r\n                             value={item.value}\r\n                             label={item.label}\r\n                             keepLabel={item.keepLabel}\r\n                             action={item.action}\r\n                             actionIcon={item.actionIcon}\r\n                             actionLabel={item.actionLabel}\r\n                             actionVariant={item.actionVariant}\r\n                             actionLoading={item.actionLoading}\r\n                             multiSelect={item.multiSelect}\r\n                             scrollable={item.scrollable}\r\n                             pinTopItem={item.pinTopItem}\r\n                             maxHeight={item.maxHeight}\r\n                             disabled={item.disabled}/>\r\n\r\n    }\r\n    case 'note': {\r\n      return (\r\n        <TileNoteWrapper key={key} className={size}>\r\n          {\r\n            item.noteIcon &&\r\n            <TileNoteIcon>\r\n              {React.cloneElement(item.noteIcon as React.ReactElement<any>, {size: size === Size.Large ? '20px' : '16'})}\r\n            </TileNoteIcon>\r\n          }\r\n          <TileNoteText>{item.noteText}</TileNoteText>\r\n        </TileNoteWrapper>\r\n      );\r\n\r\n    }\r\n    case 'link': {\r\n      const {linkText, componentType, linkIcon, ...rest} = item;\r\n      return (\r\n        <TileHyperLinkWrapper className={size} key={key}>\r\n          <HyperLink {...rest}>\r\n            <TileHyperLinkText>{linkText}</TileHyperLinkText>\r\n            {\r\n              linkIcon &&\r\n              <TileHyperLinkIcon>\r\n                {React.cloneElement(linkIcon as React.ReactElement<any>, {size: size === Size.Large ? '28px' : '24px'})}\r\n              </TileHyperLinkIcon>\r\n            }\r\n          </HyperLink>\r\n        </TileHyperLinkWrapper>\r\n      );\r\n    }\r\n    case 'button': {\r\n      const {buttonText, componentType, ...rest} = item;\r\n      return <Button key={key}\r\n                     size={[Size.XSmall, Size.XSmall, Size.XXSmall].includes(size) ? Size.Small: \r\n                      size == Size.Large ? Size.Large : Size.Medium}\r\n                     {...rest}>\r\n        {buttonText}\r\n      </Button>\r\n    }\r\n  }\r\n}\r\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"TileCommonItems.js","names":["TextButton","IconButton","ToggleButton","DropdownButton","React","styled","COLORS","ComponentLStyling","ComponentMStyling","ComponentSStyling","ComponentTextStyle","ComponentXSStyling","ComponentXXSStyling","HyperLink","Size","jsx","_jsx","jsxs","_jsxs","TileNoteText","div","TileNoteIcon","TileNoteWrapper","props","generateToken","componentType","defaultVariant","theme","Regular","TileHyperLinkIcon","TileHyperLinkText","TileHyperLinkWrapper","Bold","RenderTileItem","item","size","key","arguments","length","undefined","variant","useTransparentBackground","shape","action","tooltip","disabled","children","icon","active","onChange","defaultState","activeState","type","items","itemsType","onClick","value","actionIcon","actionLabel","actionVariant","actionLoading","multiSelect","scrollable","pinTopItem","maxHeight","label","keepLabel","className","noteIcon","cloneElement","Large","noteText","linkText","linkIcon","rest","_objectWithoutProperties","_excluded","_objectSpread","buttonText","_excluded2","XSmall","XXSmall","includes","Small","Medium"],"sources":["../../src/Tile/TileCommonItems.tsx"],"sourcesContent":["import {\r\n  TileDropdownButton,\r\n  TileHyperLink,\r\n  TileIconButton,\r\n  TileNote,\r\n  TileStandardButton, TileTextDropdownButton,\r\n  TileToggleButton\r\n} from './TileTypes';\r\nimport {TextButton, IconButton} from '../Button';\r\nimport {ToggleButton} from '../Toggles';\r\nimport {DropdownButton} from '../Dropdown';\r\nimport React from 'react';\r\nimport styled from 'styled-components';\r\nimport {\r\n  COLORS, ComponentLStyling,\r\n  ComponentMStyling,\r\n  ComponentSStyling,\r\n  ComponentTextStyle,\r\n  ComponentXSStyling,\r\n  ComponentXXSStyling\r\n} from '../styles';\r\nimport {HyperLink} from '../HyperLink';\r\nimport {Size} from '../types';\r\n\r\n\r\nexport const TileNoteText = styled.div``;\r\nexport const TileNoteIcon = styled.div`display: flex;`;\r\nexport const TileNoteWrapper = styled.div`\r\n  display: flex;\r\n  flex-direction: row;\r\n  align-items: center;\r\n  color: ${props => COLORS.generateToken({componentType:'text',defaultVariant:'subtle'}, props.theme)};\r\n\r\n  &.small {\r\n    gap: 4px;\r\n\r\n    ${TileNoteIcon} {\r\n      width: 16px;\r\n      height: 16px;\r\n    }\r\n\r\n    ${TileNoteText} {\r\n      ${ComponentXXSStyling(ComponentTextStyle.Regular, null)}\r\n    }\r\n  }\r\n\r\n  &.medium {\r\n    gap: 6px;\r\n\r\n    ${TileNoteIcon} {\r\n      width: 16px;\r\n      height: 16px;\r\n    }\r\n\r\n    ${TileNoteText} {\r\n      ${ComponentXSStyling(ComponentTextStyle.Regular, null)}\r\n    }\r\n\r\n  }\r\n\r\n  &.large {\r\n    gap: 8px;\r\n\r\n    ${TileNoteIcon} {\r\n      width: 20px;\r\n      height: 20px;\r\n    }\r\n\r\n    ${TileNoteText} {\r\n      ${ComponentSStyling(ComponentTextStyle.Regular, null)}\r\n    }\r\n  }\r\n`;\r\n\r\n\r\nexport const TileHyperLinkIcon = styled.div`display: flex`;\r\nexport const TileHyperLinkText = styled.div``;\r\n\r\nexport const TileHyperLinkWrapper = styled.div`\r\n  width: max-content;\r\n\r\n  ${props => ComponentSStyling(ComponentTextStyle.Bold, COLORS.generateToken({componentType:'text-link', defaultVariant: 'primary' }, props.theme))}\r\n  a {\r\n    display: flex;\r\n    flex-direction: row;\r\n    align-items: center;\r\n    gap: 4px;\r\n  }\r\n\r\n  &.small {\r\n    ${TileHyperLinkIcon} {\r\n      width: 24px;\r\n      height: 24px;\r\n    }\r\n\r\n    ${TileHyperLinkText} {\r\n      ${ComponentSStyling(ComponentTextStyle.Bold, null)}\r\n    }\r\n\r\n    a {\r\n      gap: 4px;\r\n    }\r\n  }\r\n\r\n  &.medium {\r\n    ${TileHyperLinkIcon} {\r\n      width: 24px;\r\n      height: 24px;\r\n    }\r\n\r\n    ${TileHyperLinkText} {\r\n      ${ComponentMStyling(ComponentTextStyle.Bold, null)}\r\n    }\r\n\r\n    a {\r\n      gap: 6px;\r\n    }\r\n  }\r\n\r\n  &.large {\r\n    ${TileHyperLinkIcon} {\r\n      width: 28px;\r\n      height: 28px;\r\n    }\r\n\r\n    ${TileHyperLinkText} {\r\n      ${ComponentLStyling(ComponentTextStyle.Bold, null)}\r\n    }\r\n\r\n    a {\r\n      gap: 8px;\r\n    }\r\n  }\r\n`\r\n\r\nexport const RenderTileItem = (item: TileIconButton | TileToggleButton | TileDropdownButton | TileTextDropdownButton | TileStandardButton | TileNote | TileHyperLink,\r\n                               size: Size,\r\n                               key: any | undefined = undefined) => {\r\n  switch (item.componentType) {\r\n    case 'icon': {\r\n      return <IconButton key={key}\r\n                         variant={item.variant ?? 'secondary'}\r\n                         useTransparentBackground={item.variant == 'secondary' ? true : false}\r\n                         shape={item.shape ?? 'circular'}\r\n                         action={item.action}\r\n                         tooltip={item.tooltip}\r\n                         disabled={item.disabled}>\r\n        {item.icon}\r\n      </IconButton>\r\n    }\r\n    case 'toggle': {\r\n      return <ToggleButton key={key}\r\n                           active={item.active}\r\n                           onChange={item.onChange}\r\n                           defaultState={item.defaultState}\r\n                           activeState={item.activeState}\r\n                           disabled={item.disabled}/>\r\n    }\r\n    case 'dropdown': {\r\n      return <DropdownButton key={key}\r\n                             type={'icon'}\r\n                             items={item.items}\r\n                             itemsType={item.itemsType}\r\n                             onClick={item.onClick}\r\n                             value={item.value}\r\n                             icon={item.icon}\r\n                             tooltip={item.tooltip}\r\n                             action={item.action}\r\n                             actionIcon={item.actionIcon}\r\n                             actionLabel={item.actionLabel}\r\n                             actionVariant={item.actionVariant}\r\n                             actionLoading={item.actionLoading}\r\n                             multiSelect={item.multiSelect}\r\n                             scrollable={item.scrollable}\r\n                             pinTopItem={item.pinTopItem}\r\n                             maxHeight={item.maxHeight}\r\n                             disabled={item.disabled}/>\r\n\r\n    }\r\n    case 'text-dropdown': {\r\n      return <DropdownButton key={key}\r\n                             type={'text'}\r\n                             items={item.items}\r\n                             itemsType={item.itemsType}\r\n                             onClick={item.onClick}\r\n                             value={item.value}\r\n                             label={item.label}\r\n                             keepLabel={item.keepLabel}\r\n                             action={item.action}\r\n                             actionIcon={item.actionIcon}\r\n                             actionLabel={item.actionLabel}\r\n                             actionVariant={item.actionVariant}\r\n                             actionLoading={item.actionLoading}\r\n                             multiSelect={item.multiSelect}\r\n                             scrollable={item.scrollable}\r\n                             pinTopItem={item.pinTopItem}\r\n                             maxHeight={item.maxHeight}\r\n                             disabled={item.disabled}/>\r\n\r\n    }\r\n    case 'note': {\r\n      return (\r\n        <TileNoteWrapper key={key} className={size}>\r\n          {\r\n            item.noteIcon &&\r\n            <TileNoteIcon>\r\n              {React.cloneElement(item.noteIcon as React.ReactElement<any>, {size: size === Size.Large ? '20px' : '16'})}\r\n            </TileNoteIcon>\r\n          }\r\n          <TileNoteText>{item.noteText}</TileNoteText>\r\n        </TileNoteWrapper>\r\n      );\r\n\r\n    }\r\n    case 'link': {\r\n      const {linkText, componentType, linkIcon, ...rest} = item;\r\n      return (\r\n        <TileHyperLinkWrapper className={size} key={key}>\r\n          <HyperLink {...rest}>\r\n            <TileHyperLinkText>{linkText}</TileHyperLinkText>\r\n            {\r\n              linkIcon &&\r\n              <TileHyperLinkIcon>\r\n                {React.cloneElement(linkIcon as React.ReactElement<any>, {size: size === Size.Large ? '28px' : '24px'})}\r\n              </TileHyperLinkIcon>\r\n            }\r\n          </HyperLink>\r\n        </TileHyperLinkWrapper>\r\n      );\r\n    }\r\n    case 'button': {\r\n      const {buttonText, componentType, ...rest} = item;\r\n      return <TextButton key={key}\r\n                     size={[Size.XSmall, Size.XSmall, Size.XXSmall].includes(size) ? Size.Small: \r\n                      size == Size.Large ? Size.Large : Size.Medium}\r\n                     {...rest}>\r\n        {buttonText}\r\n      </TextButton>\r\n    }\r\n  }\r\n}\r\n"],"mappings":"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","ignoreList":[]}

package/dist/Tile/TileTypes.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"TileTypes.cjs","names":[],"sources":["../../src/Tile/TileTypes.ts"],"sourcesContent":["import React from 'react';\r\nimport {IconButtonProps} from '../Button/Iconbutton';\r\nimport {ToggleButtonProps} from '../Toggles/ToggleButton';\r\nimport {DropdownButtonProps, TextDropdownButtonProps} from '../Dropdown/DropdownButtonTypes';\r\nimport {ButtonProps} from '../Button/Button';\r\nimport {HyperlinkProps} from '../HyperLink/HyperLink';\r\nimport {Size} from '../types';\r\nimport {TooltipProps} from \"../Tooltips/TooltipTypes\";\r\nimport {TagProps} from \"../Tag\";\r\n\r\n\r\nexport type TileIconButton = Pick<IconButtonProps, 'action' | 'disabled' | 'tooltip' | 'variant' | 'shape'> & {\r\n  componentType: 'icon';\r\n  icon: React.ReactNode;\r\n}\r\n\r\nexport type TileToggleButton =\r\n  Pick<ToggleButtonProps, 'active' | 'onChange' | 'disabled' | 'defaultState' | 'activeState'>\r\n  & { componentType: 'toggle'; }\r\n\r\nexport type TileDropdownButton =\r\n  Pick<DropdownButtonProps, 'items' | 'value' | 'onClick' | 'disabled' | 'itemsType' | 'action' | 'actionIcon' | 'actionLabel' | 'actionLoading' | 'actionVariant' | 'multiSelect' | 'scrollable' | 'pinTopItem' | 'maxHeight'>\r\n  & {\r\n  componentType: 'dropdown';\r\n  icon: React.ReactNode;\r\n  tooltip?: TooltipProps;\r\n}\r\n\r\nexport type TileTextDropdownButton =\r\n  Pick<TextDropdownButtonProps, 'value' | 'label' | 'keepLabel' | 'items' | 'onClick' | 'disabled' | 'itemsType' | 'action' | 'actionIcon' | 'actionLabel' | 'actionLoading' | 'actionVariant' | 'multiSelect' | 'scrollable' | 'pinTopItem' | 'maxHeight'>\r\n  & {\r\n  componentType: 'text-dropdown';\r\n}\r\n\r\nexport type TileStandardButton = Pick<ButtonProps, 'width' | 'variant' | 'loading' | 'icon' | 'onClick' | 'disabled'> & {\r\n  componentType: 'button';\r\n  buttonText: string;\r\n}\r\n\r\nexport type TileNote = {\r\n  componentType: 'note';\r\n  noteIcon?: React.ReactNode;\r\n  noteText: string;\r\n}\r\n\r\n\r\nexport type TileHyperLink = HyperlinkProps & {\r\n  componentType: 'link';\r\n  linkIcon?: React.ReactNode;\r\n  linkText: string;\r\n}\r\n\r\nexport type FooterButtons = TileIconButton | TileToggleButton | TileDropdownButton | TileStandardButton | TileTextDropdownButton;\r\nexport type HeaderButtons = TileIconButton | TileToggleButton | TileDropdownButton | TileStandardButton | TileTextDropdownButton;\r\n\r\nexport interface TileHeaderProps {\r\n  title: string;\r\n  tag?: TagProps;\r\n  tooltip?: string;\r\n  subtitle?: string;\r\n  subtitleIcon?: React.ReactNode;\r\n\r\n  buttons?: HeaderButtons[];\r\n}\r\n\r\nexport interface TileFooterProps {\r\n  leftItem?: TileNote | TileHyperLink | TileStandardButton;\r\n  buttons?: FooterButtons[];\r\n}\r\n\r\n\r\nexport interface TileProps extends React.HTMLAttributes<HTMLDivElement>{\r\n  style?: {\r\n    width?: string,\r\n    minWidth?: string,\r\n    maxWidth?: string,\r\n    height?: string,\r\n    minHeight?: string,\r\n    maxHeight?: string,\r\n  };\r\n\r\n  size?: Size.Small | Size.Medium | Size.Large\r\n\r\n  header?: TileHeaderProps;\r\n  footer?: TileFooterProps;\r\n}\r\n"],"mappings":"","ignoreList":[]}
+{"version":3,"file":"TileTypes.cjs","names":[],"sources":["../../src/Tile/TileTypes.ts"],"sourcesContent":["import React from 'react';\r\nimport {IconButtonProps} from '../Button/Iconbutton';\r\nimport {ToggleButtonProps} from '../Toggles/ToggleButton';\r\nimport {DropdownButtonProps, TextDropdownButtonProps} from '../Dropdown/DropdownButtonTypes';\r\nimport {TextButtonProps} from '../Button/TextButton';\r\nimport {HyperlinkProps} from '../HyperLink/HyperLink';\r\nimport {Size} from '../types';\r\nimport {TooltipProps} from \"../Tooltips/TooltipTypes\";\r\nimport {TagProps} from \"../Tag\";\r\n\r\n\r\nexport type TileIconButton = Pick<IconButtonProps, 'action' | 'disabled' | 'tooltip' | 'variant' | 'shape'> & {\r\n  componentType: 'icon';\r\n  icon: React.ReactNode;\r\n}\r\n\r\nexport type TileToggleButton =\r\n  Pick<ToggleButtonProps, 'active' | 'onChange' | 'disabled' | 'defaultState' | 'activeState'>\r\n  & { componentType: 'toggle'; }\r\n\r\nexport type TileDropdownButton =\r\n  Pick<DropdownButtonProps, 'items' | 'value' | 'onClick' | 'disabled' | 'itemsType' | 'action' | 'actionIcon' | 'actionLabel' | 'actionLoading' | 'actionVariant' | 'multiSelect' | 'scrollable' | 'pinTopItem' | 'maxHeight'>\r\n  & {\r\n  componentType: 'dropdown';\r\n  icon: React.ReactNode;\r\n  tooltip?: TooltipProps;\r\n}\r\n\r\nexport type TileTextDropdownButton =\r\n  Pick<TextDropdownButtonProps, 'value' | 'label' | 'keepLabel' | 'items' | 'onClick' | 'disabled' | 'itemsType' | 'action' | 'actionIcon' | 'actionLabel' | 'actionLoading' | 'actionVariant' | 'multiSelect' | 'scrollable' | 'pinTopItem' | 'maxHeight'>\r\n  & {\r\n  componentType: 'text-dropdown';\r\n}\r\n\r\nexport type TileStandardButton = Pick<TextButtonProps, 'width' | 'variant' | 'loading' | 'icon' | 'onClick' | 'disabled'> & {\r\n  componentType: 'button';\r\n  buttonText: string;\r\n}\r\n\r\nexport type TileNote = {\r\n  componentType: 'note';\r\n  noteIcon?: React.ReactNode;\r\n  noteText: string;\r\n}\r\n\r\n\r\nexport type TileHyperLink = HyperlinkProps & {\r\n  componentType: 'link';\r\n  linkIcon?: React.ReactNode;\r\n  linkText: string;\r\n}\r\n\r\nexport type FooterButtons = TileIconButton | TileToggleButton | TileDropdownButton | TileStandardButton | TileTextDropdownButton;\r\nexport type HeaderButtons = TileIconButton | TileToggleButton | TileDropdownButton | TileStandardButton | TileTextDropdownButton;\r\n\r\nexport interface TileHeaderProps {\r\n  title: string;\r\n  tag?: TagProps;\r\n  tooltip?: string;\r\n  subtitle?: string;\r\n  subtitleIcon?: React.ReactNode;\r\n\r\n  buttons?: HeaderButtons[];\r\n}\r\n\r\nexport interface TileFooterProps {\r\n  leftItem?: TileNote | TileHyperLink | TileStandardButton;\r\n  buttons?: FooterButtons[];\r\n}\r\n\r\n\r\nexport interface TileProps extends React.HTMLAttributes<HTMLDivElement>{\r\n  style?: {\r\n    width?: string,\r\n    minWidth?: string,\r\n    maxWidth?: string,\r\n    height?: string,\r\n    minHeight?: string,\r\n    maxHeight?: string,\r\n  };\r\n\r\n  size?: Size.Small | Size.Medium | Size.Large\r\n\r\n  header?: TileHeaderProps;\r\n  footer?: TileFooterProps;\r\n}\r\n"],"mappings":"","ignoreList":[]}

package/dist/Tile/TileTypes.d.ts

@@ -2,7 +2,7 @@ import React from 'react';
 import { IconButtonProps } from '../Button/Iconbutton';
 import { ToggleButtonProps } from '../Toggles/ToggleButton';
 import { DropdownButtonProps, TextDropdownButtonProps } from '../Dropdown/DropdownButtonTypes';
-import { ButtonProps } from '../Button/Button';
+import { TextButtonProps } from '../Button/TextButton';
 import { HyperlinkProps } from '../HyperLink/HyperLink';
 import { Size } from '../types';
 import { TooltipProps } from "../Tooltips/TooltipTypes";
@@ -22,7 +22,7 @@ export type TileDropdownButton = Pick<DropdownButtonProps, 'items' | 'value' | '
 export type TileTextDropdownButton = Pick<TextDropdownButtonProps, 'value' | 'label' | 'keepLabel' | 'items' | 'onClick' | 'disabled' | 'itemsType' | 'action' | 'actionIcon' | 'actionLabel' | 'actionLoading' | 'actionVariant' | 'multiSelect' | 'scrollable' | 'pinTopItem' | 'maxHeight'> & {
     componentType: 'text-dropdown';
 };
-export type TileStandardButton = Pick<ButtonProps, 'width' | 'variant' | 'loading' | 'icon' | 'onClick' | 'disabled'> & {
+export type TileStandardButton = Pick<TextButtonProps, 'width' | 'variant' | 'loading' | 'icon' | 'onClick' | 'disabled'> & {
     componentType: 'button';
     buttonText: string;
 };

package/dist/Tile/TileTypes.js.map

@@ -1 +1 @@
-{"version":3,"file":"TileTypes.js","names":[],"sources":["../../src/Tile/TileTypes.ts"],"sourcesContent":["import React from 'react';\r\nimport {IconButtonProps} from '../Button/Iconbutton';\r\nimport {ToggleButtonProps} from '../Toggles/ToggleButton';\r\nimport {DropdownButtonProps, TextDropdownButtonProps} from '../Dropdown/DropdownButtonTypes';\r\nimport {ButtonProps} from '../Button/Button';\r\nimport {HyperlinkProps} from '../HyperLink/HyperLink';\r\nimport {Size} from '../types';\r\nimport {TooltipProps} from \"../Tooltips/TooltipTypes\";\r\nimport {TagProps} from \"../Tag\";\r\n\r\n\r\nexport type TileIconButton = Pick<IconButtonProps, 'action' | 'disabled' | 'tooltip' | 'variant' | 'shape'> & {\r\n  componentType: 'icon';\r\n  icon: React.ReactNode;\r\n}\r\n\r\nexport type TileToggleButton =\r\n  Pick<ToggleButtonProps, 'active' | 'onChange' | 'disabled' | 'defaultState' | 'activeState'>\r\n  & { componentType: 'toggle'; }\r\n\r\nexport type TileDropdownButton =\r\n  Pick<DropdownButtonProps, 'items' | 'value' | 'onClick' | 'disabled' | 'itemsType' | 'action' | 'actionIcon' | 'actionLabel' | 'actionLoading' | 'actionVariant' | 'multiSelect' | 'scrollable' | 'pinTopItem' | 'maxHeight'>\r\n  & {\r\n  componentType: 'dropdown';\r\n  icon: React.ReactNode;\r\n  tooltip?: TooltipProps;\r\n}\r\n\r\nexport type TileTextDropdownButton =\r\n  Pick<TextDropdownButtonProps, 'value' | 'label' | 'keepLabel' | 'items' | 'onClick' | 'disabled' | 'itemsType' | 'action' | 'actionIcon' | 'actionLabel' | 'actionLoading' | 'actionVariant' | 'multiSelect' | 'scrollable' | 'pinTopItem' | 'maxHeight'>\r\n  & {\r\n  componentType: 'text-dropdown';\r\n}\r\n\r\nexport type TileStandardButton = Pick<ButtonProps, 'width' | 'variant' | 'loading' | 'icon' | 'onClick' | 'disabled'> & {\r\n  componentType: 'button';\r\n  buttonText: string;\r\n}\r\n\r\nexport type TileNote = {\r\n  componentType: 'note';\r\n  noteIcon?: React.ReactNode;\r\n  noteText: string;\r\n}\r\n\r\n\r\nexport type TileHyperLink = HyperlinkProps & {\r\n  componentType: 'link';\r\n  linkIcon?: React.ReactNode;\r\n  linkText: string;\r\n}\r\n\r\nexport type FooterButtons = TileIconButton | TileToggleButton | TileDropdownButton | TileStandardButton | TileTextDropdownButton;\r\nexport type HeaderButtons = TileIconButton | TileToggleButton | TileDropdownButton | TileStandardButton | TileTextDropdownButton;\r\n\r\nexport interface TileHeaderProps {\r\n  title: string;\r\n  tag?: TagProps;\r\n  tooltip?: string;\r\n  subtitle?: string;\r\n  subtitleIcon?: React.ReactNode;\r\n\r\n  buttons?: HeaderButtons[];\r\n}\r\n\r\nexport interface TileFooterProps {\r\n  leftItem?: TileNote | TileHyperLink | TileStandardButton;\r\n  buttons?: FooterButtons[];\r\n}\r\n\r\n\r\nexport interface TileProps extends React.HTMLAttributes<HTMLDivElement>{\r\n  style?: {\r\n    width?: string,\r\n    minWidth?: string,\r\n    maxWidth?: string,\r\n    height?: string,\r\n    minHeight?: string,\r\n    maxHeight?: string,\r\n  };\r\n\r\n  size?: Size.Small | Size.Medium | Size.Large\r\n\r\n  header?: TileHeaderProps;\r\n  footer?: TileFooterProps;\r\n}\r\n"],"mappings":"","ignoreList":[]}
+{"version":3,"file":"TileTypes.js","names":[],"sources":["../../src/Tile/TileTypes.ts"],"sourcesContent":["import React from 'react';\r\nimport {IconButtonProps} from '../Button/Iconbutton';\r\nimport {ToggleButtonProps} from '../Toggles/ToggleButton';\r\nimport {DropdownButtonProps, TextDropdownButtonProps} from '../Dropdown/DropdownButtonTypes';\r\nimport {TextButtonProps} from '../Button/TextButton';\r\nimport {HyperlinkProps} from '../HyperLink/HyperLink';\r\nimport {Size} from '../types';\r\nimport {TooltipProps} from \"../Tooltips/TooltipTypes\";\r\nimport {TagProps} from \"../Tag\";\r\n\r\n\r\nexport type TileIconButton = Pick<IconButtonProps, 'action' | 'disabled' | 'tooltip' | 'variant' | 'shape'> & {\r\n  componentType: 'icon';\r\n  icon: React.ReactNode;\r\n}\r\n\r\nexport type TileToggleButton =\r\n  Pick<ToggleButtonProps, 'active' | 'onChange' | 'disabled' | 'defaultState' | 'activeState'>\r\n  & { componentType: 'toggle'; }\r\n\r\nexport type TileDropdownButton =\r\n  Pick<DropdownButtonProps, 'items' | 'value' | 'onClick' | 'disabled' | 'itemsType' | 'action' | 'actionIcon' | 'actionLabel' | 'actionLoading' | 'actionVariant' | 'multiSelect' | 'scrollable' | 'pinTopItem' | 'maxHeight'>\r\n  & {\r\n  componentType: 'dropdown';\r\n  icon: React.ReactNode;\r\n  tooltip?: TooltipProps;\r\n}\r\n\r\nexport type TileTextDropdownButton =\r\n  Pick<TextDropdownButtonProps, 'value' | 'label' | 'keepLabel' | 'items' | 'onClick' | 'disabled' | 'itemsType' | 'action' | 'actionIcon' | 'actionLabel' | 'actionLoading' | 'actionVariant' | 'multiSelect' | 'scrollable' | 'pinTopItem' | 'maxHeight'>\r\n  & {\r\n  componentType: 'text-dropdown';\r\n}\r\n\r\nexport type TileStandardButton = Pick<TextButtonProps, 'width' | 'variant' | 'loading' | 'icon' | 'onClick' | 'disabled'> & {\r\n  componentType: 'button';\r\n  buttonText: string;\r\n}\r\n\r\nexport type TileNote = {\r\n  componentType: 'note';\r\n  noteIcon?: React.ReactNode;\r\n  noteText: string;\r\n}\r\n\r\n\r\nexport type TileHyperLink = HyperlinkProps & {\r\n  componentType: 'link';\r\n  linkIcon?: React.ReactNode;\r\n  linkText: string;\r\n}\r\n\r\nexport type FooterButtons = TileIconButton | TileToggleButton | TileDropdownButton | TileStandardButton | TileTextDropdownButton;\r\nexport type HeaderButtons = TileIconButton | TileToggleButton | TileDropdownButton | TileStandardButton | TileTextDropdownButton;\r\n\r\nexport interface TileHeaderProps {\r\n  title: string;\r\n  tag?: TagProps;\r\n  tooltip?: string;\r\n  subtitle?: string;\r\n  subtitleIcon?: React.ReactNode;\r\n\r\n  buttons?: HeaderButtons[];\r\n}\r\n\r\nexport interface TileFooterProps {\r\n  leftItem?: TileNote | TileHyperLink | TileStandardButton;\r\n  buttons?: FooterButtons[];\r\n}\r\n\r\n\r\nexport interface TileProps extends React.HTMLAttributes<HTMLDivElement>{\r\n  style?: {\r\n    width?: string,\r\n    minWidth?: string,\r\n    maxWidth?: string,\r\n    height?: string,\r\n    minHeight?: string,\r\n    maxHeight?: string,\r\n  };\r\n\r\n  size?: Size.Small | Size.Medium | Size.Large\r\n\r\n  header?: TileHeaderProps;\r\n  footer?: TileFooterProps;\r\n}\r\n"],"mappings":"","ignoreList":[]}

package/dist/Toasters/Toast.cjs

@@ -300,10 +300,9 @@ const Toast = _ref => {
       className: 'description',
       children: content
     }), opts.action && /*#__PURE__*/(0, _jsxRuntime.jsx)(ToastActionButtons, {
-      children: opts.action.map((action, i) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_Button.Button, {
+      children: opts.action.map((action, i) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_Button.TextButton, {
         size: _types.Size.Small,
         variant: action.type === _types.ToastActionType.SECONDARY ? 'secondary' : 'primary',
-        colorTheme: opts.color !== _types.ToastColor.WHITE ? 'dark' : 'teal',
         invertFocus: opts.color === _types.ToastColor.BLACK,
         onClick: () => {
           setShouldRemove(true);

package/dist/Toasters/Toast.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Toast.cjs","names":["React","_interopRequireWildcard","require","_styledComponents","_types","_styles","_Button","_HyperLink","_icons","_jsxRuntime","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","ownKeys","keys","getOwnPropertySymbols","o","filter","enumerable","push","apply","_objectSpread","arguments","length","forEach","_defineProperty2","getOwnPropertyDescriptors","defineProperties","LoaderAnimationKeyframes","keyframes","Loader","styled","div","props","$duration","ToastColor","BLACK","COLORS","getColor","theme","WHITE","BLUE","generateToken","componentType","defaultVariant","GREEN","ORANGE","RED","ToastContainer","exports","BOXSHADOWS","BOXSHADOW_L2","animation","$keyframes","$bezier","$transform","$withClose","$withLoader","ComponentSStyling","ComponentTextStyle","Regular","HyperLinkInvertedStyling","HyperLinkDefaultStyling","ToastActionButtons","ToastCloseButton","isOnFill","ToastTextContainer","span","ToastIconContainer","DEFAULT_OPTIONS","color","autoClose","delay","showCloseButton","position","ToastPosition","TOPLEFT","enterFrom","ToastEntryDirection","TOP","Toast","_ref","content","remove","options","testId","Error","styledTheme","useTheme","removeRef","useRef","current","elementRef","shouldRemove","setShouldRemove","useState","dimensions","setDimensions","width","height","opts","useEffect","id","setTimeout","clearTimeout","undefined","clientHeight","clientWidth","animations","direction","fromY","fromHeight","toY","toHeight","fromX","fromWidth","toX","toWidth","prop","duration","bezier","focus","jsxs","ref","className","tabIndex","children","icon","jsx","action","map","Button","size","Size","Small","variant","type","ToastActionType","SECONDARY","colorTheme","invertFocus","onClick","handler","label","IconButton","shape","useTransparentBackground","event","SystemIcons","Close","propTypes","_propTypes","any","isRequired","bool","number","arrayOf","string","func","node","_default","enter","BOTTOM","LEFT","RIGHT","leave"],"sources":["../../src/Toasters/Toast.tsx"],"sourcesContent":["import * as React from 'react';\r\nimport styled, { keyframes, useTheme } from 'styled-components';\r\nimport { ToastActionType, ToastColor, ToastEntryDirection, ToastPosition } from '../types';\r\nimport { BOXSHADOWS, COLORS} from '../styles';\r\nimport { Size } from '../types'\r\nimport { Button, IconButton } from '../Button';\r\nimport { ComponentSStyling, ComponentTextStyle } from '../styles';\r\nimport {HyperLinkDefaultStyling, HyperLinkInvertedStyling} from '../HyperLink';\r\nimport { SystemIcons } from '../icons';\r\n\r\nconst LoaderAnimationKeyframes = keyframes`\r\n  0% {\r\n    background-position: right;\r\n  }\r\n  100% {\r\n    background-position: left;\r\n  }\r\n`;\r\n\r\nconst Loader = styled.div<{ $duration: number }>`\r\n  position: absolute;\r\n  bottom: 0;\r\n  left: 0;\r\n  width: 100%;\r\n  height: 4px;\r\n  border-bottom-left-radius: 8px;\r\n  border-bottom-right-radius: 8px;\r\n\r\n  animation: ${LoaderAnimationKeyframes} ${(props) => props.$duration}ms cubic-bezier(0.18, 0.39, 0.35, 1);\r\n\r\n  &.${ToastColor[ToastColor.BLACK]} {\r\n    background: linear-gradient(to right, ${props => COLORS.getColor('neutral_200', props.theme)} 50%, ${props => COLORS.getColor('neutral_800', props.theme)} 50%) left;\r\n    background-size: 200% 100%;\r\n  }\r\n\r\n  &.${ToastColor[ToastColor.WHITE]} {\r\n    background: linear-gradient(to right, ${props => COLORS.getColor('neutral_400', props.theme)} 50%, ${props => COLORS.getColor('white', props.theme)} 50%) left;\r\n    background-size: 200% 100%;\r\n  }\r\n\r\n  &.${ToastColor[ToastColor.BLUE]} {\r\n    background: linear-gradient(to right, ${props => COLORS.generateToken({componentType:'bg-surface', defaultVariant:'accent1'}, props.theme)} 50%, ${props => COLORS.generateToken({componentType:'bg-fill', defaultVariant:'accent1'}, props.theme)} 50%) left;\r\n    background-size: 200% 100%;\r\n  }\r\n\r\n  &.${ToastColor[ToastColor.GREEN]} {\r\n    background: linear-gradient(to right, ${props => COLORS.generateToken({componentType:'bg-surface', defaultVariant:'positive'}, props.theme)} 50%, ${props => COLORS.generateToken({componentType:'bg-fill', defaultVariant:'positive'}, props.theme)} 50%) left;\r\n    background-size: 200% 100%;\r\n  }\r\n\r\n  &.${ToastColor[ToastColor.ORANGE]} {\r\n    background: linear-gradient(to right, ${props => COLORS.generateToken({componentType:'bg-surface', defaultVariant:'warning'}, props.theme)} 50%, ${props => COLORS.generateToken({componentType:'bg-fill', defaultVariant:'warning'}, props.theme)} 50%) left;\r\n    background-size: 200% 100%;\r\n  }\r\n\r\n  &.${ToastColor[ToastColor.RED]} {\r\n    background: linear-gradient(to right, ${props => COLORS.generateToken({componentType:'bg-surface', defaultVariant:'critical'}, props.theme)} 50%, ${props => COLORS.generateToken({componentType:'bg-fill', defaultVariant:'critical'}, props.theme)} 50%) left;\r\n    background-size: 200% 100%;\r\n  }\r\n`;\r\n\r\nexport const ToastContainer = styled.div<{ animation: { $duration: string; $bezier: string; $transform: string; $keyframes: any }; $withLoader: boolean; $withClose: boolean }>`\r\n  box-shadow: ${BOXSHADOWS.BOXSHADOW_L2};\r\n  border-radius: 4px;\r\n\r\n  animation: ${(props) => props.animation.$keyframes} ${(props) => props.animation.$duration} ${(props) => props.animation.$bezier};\r\n  transform: ${(props) => props.animation.$transform};\r\n\r\n  transition: all 300ms cubic-bezier(0.64, 0.04, 0.35, 1);\r\n\r\n  padding: 0 ${(props) => (props.$withClose ? '0' : '16px')} ${(props) => (props.$withLoader ? '4px' : '0')} 16px;\r\n\r\n  margin-bottom: 8px;\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 16px;\r\n  justify-content: left;\r\n\r\n  position: relative;\r\n\r\n  width: max-content;\r\n  min-height: 48px;\r\n  box-sizing: border-box;\r\n\r\n  ${props => ComponentSStyling(ComponentTextStyle.Regular, COLORS.generateToken({componentType: 'bg-surface', defaultVariant: 'default'}, props.theme))}\r\n\r\n  & a {\r\n    display: inline;\r\n    ${HyperLinkInvertedStyling}\r\n  }\r\n\r\n  &.${ToastColor[ToastColor.BLACK]} {\r\n    background-color: ${props => COLORS.getColor('neutral_800', props.theme)};\r\n  }\r\n\r\n  &.${ToastColor[ToastColor.WHITE]} {\r\n    background-color: ${props => COLORS.getColor('white', props.theme)};\r\n    color: ${props => COLORS.getColor('black', props.theme)};\r\n\r\n    & a {\r\n      ${HyperLinkDefaultStyling}\r\n    }\r\n  }\r\n\r\n  &.${ToastColor[ToastColor.BLUE]} {\r\n    background-color: ${props => COLORS.generateToken({ componentType: 'bg-fill', defaultVariant: 'accent1' }, props.theme)};\r\n  }\r\n\r\n  &.${ToastColor[ToastColor.GREEN]} {\r\n    background-color: ${props => COLORS.generateToken({ componentType: 'bg-fill', defaultVariant: 'positive' }, props.theme)};\r\n  }\r\n\r\n  &.${ToastColor[ToastColor.ORANGE]} {\r\n    background-color: ${props => COLORS.generateToken({ componentType: 'bg-fill', defaultVariant: 'warning' }, props.theme)};\r\n  }\r\n\r\n  &.${ToastColor[ToastColor.RED]} {\r\n    background-color: ${props => COLORS.generateToken({ componentType: 'bg-fill', defaultVariant: 'critical' }, props.theme)};\r\n  }\r\n`;\r\n\r\nexport const ToastActionButtons = styled.div`\r\n  display: flex;\r\n  flex-direction: row;\r\n  gap: 8px;\r\n  align-items: center;\r\n\r\n  & .action {\r\n    height: unset;\r\n  }\r\n`;\r\n\r\nexport const ToastCloseButton = styled.div`\r\n  & > button {\r\n    margin-left: 16px;\r\n\r\n    & svg {\r\n      padding: 0;\r\n    }\r\n  }\r\n\r\n  button svg path{\r\n    fill: ${props => COLORS.generateToken({ componentType: 'icon', isOnFill: true, defaultVariant: 'accent1' }, props.theme)} !important;\r\n  }\r\n\r\n  &.${ToastColor[ToastColor.WHITE]}, &.${ToastColor[ToastColor.ORANGE]} {\r\n    button svg path {\r\n      fill: ${props => COLORS.generateToken({componentType:'icon',defaultVariant:'subtle'}, props.theme)} !important;\r\n    }\r\n  }\r\n`;\r\n\r\nexport const ToastTextContainer = styled.span`\r\n  font-feature-settings: 'liga' off;\r\n  width: 240px;\r\n  display: flex;\r\n  padding: 16px 0;\r\n`;\r\n\r\nexport const ToastIconContainer = styled.span`\r\n  margin-right: -8px;\r\n`;\r\n\r\nexport type ToastOptions = {\r\n  /** Optional. Color of the toast. Defaults to 'BLACK' */\r\n  color?: ToastColor;\r\n  /** Optional. If set Toast will automatically close after delay. Defaults to 'true' */\r\n  autoClose?: boolean;\r\n  /** Optional. Delay after which toast will disappear in milliseconds. Defaults to '5000' */\r\n  delay?: number;\r\n  /** Optional. If set then Close button will be shown on the right side of the Toast. Defaults to 'false' */\r\n  showCloseButton?: boolean;\r\n\r\n  /** Optional. Custom action to be available in the Toast, will be shown on the right side of the Toast. */\r\n  action?: {\r\n    label: string;\r\n    handler: () => void;\r\n    type?: ToastActionType;\r\n  }[];\r\n  /** Required. Position on the screen at which Toast will be shown */\r\n  position: ToastPosition;\r\n  /** Optional. From which side of the screen appearance animation will start. Defaults to 'TOP' */\r\n  enterFrom?: ToastEntryDirection;\r\n  /** Optional. Icon that will be shown on the left side of the Toast */\r\n  icon?: React.ReactNode;\r\n};\r\n\r\ntype Props = {\r\n  remove?: any;\r\n  content: any;\r\n  options?: ToastOptions;\r\n  testId?: string;\r\n};\r\n\r\nconst DEFAULT_OPTIONS: ToastOptions = {\r\n  color: ToastColor.BLACK,\r\n  autoClose: true,\r\n  delay: 5000,\r\n  showCloseButton: false,\r\n  position: ToastPosition.TOPLEFT,\r\n  enterFrom: ToastEntryDirection.TOP,\r\n};\r\n\r\nconst Toast = ({ content, remove, options = DEFAULT_OPTIONS, testId }: Props) => {\r\n\r\n  \r\n\r\n  if(!remove)\r\n    throw new Error('remove function is required when rendering Toast. Make sure that you are using useToast hook and ToastProvider for rendering Toasts');\r\n\r\n  const styledTheme = useTheme();\r\n\r\n  const removeRef = React.useRef(null);\r\n  removeRef.current = remove;\r\n\r\n  const elementRef = React.useRef<any>(null);\r\n\r\n  const [shouldRemove, setShouldRemove] = React.useState(false);\r\n  const [dimensions, setDimensions] = React.useState<{ width: number; height: number }>({ width: 0, height: 0 });\r\n\r\n  const opts = { ...DEFAULT_OPTIONS, ...options };\r\n\r\n  React.useEffect(() => {\r\n    if (opts?.autoClose) {\r\n      // @ts-ignore\r\n      const id = setTimeout(() => setShouldRemove(true), opts.delay);\r\n      return () => clearTimeout(id);\r\n    }\r\n    return undefined;\r\n  }, []);\r\n\r\n  React.useEffect(() => {\r\n    if (shouldRemove) {\r\n      // @ts-ignore\r\n      const id = setTimeout(() => removeRef.current(), 200);\r\n      return () => clearTimeout(id);\r\n    }\r\n  }, [shouldRemove]);\r\n\r\n  React.useEffect(() => {\r\n    setDimensions({ height: elementRef.current?.clientHeight, width: elementRef.current?.clientWidth });\r\n  }, []);\r\n\r\n  const animation = animations[shouldRemove ? 'leave' : 'enter'];\r\n  const direction = animation[opts.enterFrom ?? ToastEntryDirection.TOP];\r\n\r\n  const fromY = dimensions.height * direction.fromHeight;\r\n  const toY = dimensions.height * direction.toHeight;\r\n  const fromX = dimensions.width * direction.fromWidth;\r\n  const toX = dimensions.width * direction.toWidth;\r\n\r\n  let prop = {\r\n    $duration: animation.duration,\r\n    $bezier: animation.bezier,\r\n    $transform: `translateY(${toY}) translateX(${toX})`,\r\n    $keyframes: keyframes`\r\n        0% {\r\n          transform: translateY(${fromY}px) translateX(${fromX}px);\r\n        }\r\n        100% {\r\n          transform: translateY(${toY}px) translateX(${toX}px);\r\n        }`,\r\n  };\r\n\r\n  if (!dimensions.height) {\r\n    prop = {\r\n      ...prop,\r\n      ...{\r\n        $transform: 'translateY(-1000vh) translateX(-1000vw)',\r\n        $keyframes: keyframes``,\r\n      },\r\n    };\r\n  }\r\n\r\n  const theme = ToastColor[opts.color ?? ToastColor.BLACK];\r\n\r\n  if (!shouldRemove){\r\n    setTimeout(() => elementRef?.current?.focus());\r\n  }\r\n\r\n  return (\r\n    <ToastContainer data-testid={testId}\r\n               animation={prop}\r\n               ref={elementRef}\r\n               $withLoader={!!opts.autoClose}\r\n               className={theme}\r\n               $withClose={!!opts.showCloseButton}\r\n               tabIndex={-1}>\r\n      {opts.icon && <ToastIconContainer>{opts.icon}</ToastIconContainer>}\r\n      <ToastTextContainer className={'description'}>{content}</ToastTextContainer>\r\n      {opts.action && (\r\n        <ToastActionButtons>\r\n          {opts.action.map((action, i) => (\r\n            <Button\r\n              size={Size.Small}\r\n              variant={action.type === ToastActionType.SECONDARY ? 'secondary' : 'primary'}\r\n              colorTheme={opts.color !== ToastColor.WHITE ? 'dark' : 'teal'}\r\n              invertFocus={opts.color === ToastColor.BLACK}\r\n              key={i}\r\n              onClick={() => {\r\n                setShouldRemove(true);\r\n                action.handler();\r\n              }}\r\n              className={'action'}>\r\n              {action.label}\r\n            </Button>\r\n          ))}\r\n        </ToastActionButtons>\r\n      )}\r\n      {opts.showCloseButton && (\r\n        <ToastCloseButton className={`close-button ${theme}`}>\r\n          <IconButton variant={'secondary'}\r\n                      shape=\"circular\"\r\n                      useTransparentBackground={true}\r\n                      invertFocus={opts.color === ToastColor.BLACK}\r\n                      action={(event) => setShouldRemove(true)}>\r\n            <SystemIcons.Close size=\"24px\" color={COLORS.generateToken({componentType:'icon',defaultVariant:'subtle'}, styledTheme)} />\r\n          </IconButton>\r\n        </ToastCloseButton>\r\n      )}\r\n      {!!opts.autoClose && <Loader className={`loader ${theme}`} $duration={opts.delay ?? 0} />}\r\n    </ToastContainer>\r\n  );\r\n};\r\n\r\nexport default Toast;\r\n\r\nconst animations = {\r\n  enter: {\r\n    bezier: 'cubic-bezier(0.22, 0.61, 0.35, 1)',\r\n    duration: '300ms',\r\n    [ToastEntryDirection.TOP]: {\r\n      fromHeight: -1,\r\n      toHeight: 0,\r\n      fromWidth: 0,\r\n      toWidth: 0,\r\n    },\r\n    [ToastEntryDirection.BOTTOM]: {\r\n      fromHeight: 1,\r\n      toHeight: 0,\r\n      fromWidth: 0,\r\n      toWidth: 0,\r\n    },\r\n    [ToastEntryDirection.LEFT]: {\r\n      fromHeight: 0,\r\n      toHeight: 0,\r\n      fromWidth: -1,\r\n      toWidth: 0,\r\n    },\r\n    [ToastEntryDirection.RIGHT]: {\r\n      fromHeight: 0,\r\n      toHeight: 0,\r\n      fromWidth: 1,\r\n      toWidth: 0,\r\n    },\r\n  },\r\n  leave: {\r\n    bezier: 'cubic-bezier(0.5, 0.05, 0.67, 0.19)',\r\n    duration: '205ms',\r\n    [ToastEntryDirection.TOP]: {\r\n      fromHeight: 0,\r\n      toHeight: -1,\r\n      fromWidth: 0,\r\n      toWidth: 0,\r\n    },\r\n    [ToastEntryDirection.BOTTOM]: {\r\n      fromHeight: 0,\r\n      toHeight: 1,\r\n      fromWidth: 0,\r\n      toWidth: 0,\r\n    },\r\n    [ToastEntryDirection.LEFT]: {\r\n      fromHeight: 0,\r\n      toHeight: 0,\r\n      fromWidth: 0,\r\n      toWidth: -1,\r\n    },\r\n    [ToastEntryDirection.RIGHT]: {\r\n      fromHeight: 0,\r\n      toHeight: 0,\r\n      fromWidth: 0,\r\n      toWidth: 1,\r\n    },\r\n  },\r\n};\r\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"Toast.cjs","names":["React","_interopRequireWildcard","require","_styledComponents","_types","_styles","_Button","_HyperLink","_icons","_jsxRuntime","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","ownKeys","keys","getOwnPropertySymbols","o","filter","enumerable","push","apply","_objectSpread","arguments","length","forEach","_defineProperty2","getOwnPropertyDescriptors","defineProperties","LoaderAnimationKeyframes","keyframes","Loader","styled","div","props","$duration","ToastColor","BLACK","COLORS","getColor","theme","WHITE","BLUE","generateToken","componentType","defaultVariant","GREEN","ORANGE","RED","ToastContainer","exports","BOXSHADOWS","BOXSHADOW_L2","animation","$keyframes","$bezier","$transform","$withClose","$withLoader","ComponentSStyling","ComponentTextStyle","Regular","HyperLinkInvertedStyling","HyperLinkDefaultStyling","ToastActionButtons","ToastCloseButton","isOnFill","ToastTextContainer","span","ToastIconContainer","DEFAULT_OPTIONS","color","autoClose","delay","showCloseButton","position","ToastPosition","TOPLEFT","enterFrom","ToastEntryDirection","TOP","Toast","_ref","content","remove","options","testId","Error","styledTheme","useTheme","removeRef","useRef","current","elementRef","shouldRemove","setShouldRemove","useState","dimensions","setDimensions","width","height","opts","useEffect","id","setTimeout","clearTimeout","undefined","clientHeight","clientWidth","animations","direction","fromY","fromHeight","toY","toHeight","fromX","fromWidth","toX","toWidth","prop","duration","bezier","focus","jsxs","ref","className","tabIndex","children","icon","jsx","action","map","TextButton","size","Size","Small","variant","type","ToastActionType","SECONDARY","invertFocus","onClick","handler","label","IconButton","shape","useTransparentBackground","event","SystemIcons","Close","propTypes","_propTypes","any","isRequired","bool","number","arrayOf","string","func","node","_default","enter","BOTTOM","LEFT","RIGHT","leave"],"sources":["../../src/Toasters/Toast.tsx"],"sourcesContent":["import * as React from 'react';\r\nimport styled, { keyframes, useTheme } from 'styled-components';\r\nimport { ToastActionType, ToastColor, ToastEntryDirection, ToastPosition } from '../types';\r\nimport { BOXSHADOWS, COLORS} from '../styles';\r\nimport { Size } from '../types'\r\nimport { TextButton, IconButton } from '../Button';\r\nimport { ComponentSStyling, ComponentTextStyle } from '../styles';\r\nimport {HyperLinkDefaultStyling, HyperLinkInvertedStyling} from '../HyperLink';\r\nimport { SystemIcons } from '../icons';\r\n\r\nconst LoaderAnimationKeyframes = keyframes`\r\n  0% {\r\n    background-position: right;\r\n  }\r\n  100% {\r\n    background-position: left;\r\n  }\r\n`;\r\n\r\nconst Loader = styled.div<{ $duration: number }>`\r\n  position: absolute;\r\n  bottom: 0;\r\n  left: 0;\r\n  width: 100%;\r\n  height: 4px;\r\n  border-bottom-left-radius: 8px;\r\n  border-bottom-right-radius: 8px;\r\n\r\n  animation: ${LoaderAnimationKeyframes} ${(props) => props.$duration}ms cubic-bezier(0.18, 0.39, 0.35, 1);\r\n\r\n  &.${ToastColor[ToastColor.BLACK]} {\r\n    background: linear-gradient(to right, ${props => COLORS.getColor('neutral_200', props.theme)} 50%, ${props => COLORS.getColor('neutral_800', props.theme)} 50%) left;\r\n    background-size: 200% 100%;\r\n  }\r\n\r\n  &.${ToastColor[ToastColor.WHITE]} {\r\n    background: linear-gradient(to right, ${props => COLORS.getColor('neutral_400', props.theme)} 50%, ${props => COLORS.getColor('white', props.theme)} 50%) left;\r\n    background-size: 200% 100%;\r\n  }\r\n\r\n  &.${ToastColor[ToastColor.BLUE]} {\r\n    background: linear-gradient(to right, ${props => COLORS.generateToken({componentType:'bg-surface', defaultVariant:'accent1'}, props.theme)} 50%, ${props => COLORS.generateToken({componentType:'bg-fill', defaultVariant:'accent1'}, props.theme)} 50%) left;\r\n    background-size: 200% 100%;\r\n  }\r\n\r\n  &.${ToastColor[ToastColor.GREEN]} {\r\n    background: linear-gradient(to right, ${props => COLORS.generateToken({componentType:'bg-surface', defaultVariant:'positive'}, props.theme)} 50%, ${props => COLORS.generateToken({componentType:'bg-fill', defaultVariant:'positive'}, props.theme)} 50%) left;\r\n    background-size: 200% 100%;\r\n  }\r\n\r\n  &.${ToastColor[ToastColor.ORANGE]} {\r\n    background: linear-gradient(to right, ${props => COLORS.generateToken({componentType:'bg-surface', defaultVariant:'warning'}, props.theme)} 50%, ${props => COLORS.generateToken({componentType:'bg-fill', defaultVariant:'warning'}, props.theme)} 50%) left;\r\n    background-size: 200% 100%;\r\n  }\r\n\r\n  &.${ToastColor[ToastColor.RED]} {\r\n    background: linear-gradient(to right, ${props => COLORS.generateToken({componentType:'bg-surface', defaultVariant:'critical'}, props.theme)} 50%, ${props => COLORS.generateToken({componentType:'bg-fill', defaultVariant:'critical'}, props.theme)} 50%) left;\r\n    background-size: 200% 100%;\r\n  }\r\n`;\r\n\r\nexport const ToastContainer = styled.div<{ animation: { $duration: string; $bezier: string; $transform: string; $keyframes: any }; $withLoader: boolean; $withClose: boolean }>`\r\n  box-shadow: ${BOXSHADOWS.BOXSHADOW_L2};\r\n  border-radius: 4px;\r\n\r\n  animation: ${(props) => props.animation.$keyframes} ${(props) => props.animation.$duration} ${(props) => props.animation.$bezier};\r\n  transform: ${(props) => props.animation.$transform};\r\n\r\n  transition: all 300ms cubic-bezier(0.64, 0.04, 0.35, 1);\r\n\r\n  padding: 0 ${(props) => (props.$withClose ? '0' : '16px')} ${(props) => (props.$withLoader ? '4px' : '0')} 16px;\r\n\r\n  margin-bottom: 8px;\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 16px;\r\n  justify-content: left;\r\n\r\n  position: relative;\r\n\r\n  width: max-content;\r\n  min-height: 48px;\r\n  box-sizing: border-box;\r\n\r\n  ${props => ComponentSStyling(ComponentTextStyle.Regular, COLORS.generateToken({componentType: 'bg-surface', defaultVariant: 'default'}, props.theme))}\r\n\r\n  & a {\r\n    display: inline;\r\n    ${HyperLinkInvertedStyling}\r\n  }\r\n\r\n  &.${ToastColor[ToastColor.BLACK]} {\r\n    background-color: ${props => COLORS.getColor('neutral_800', props.theme)};\r\n  }\r\n\r\n  &.${ToastColor[ToastColor.WHITE]} {\r\n    background-color: ${props => COLORS.getColor('white', props.theme)};\r\n    color: ${props => COLORS.getColor('black', props.theme)};\r\n\r\n    & a {\r\n      ${HyperLinkDefaultStyling}\r\n    }\r\n  }\r\n\r\n  &.${ToastColor[ToastColor.BLUE]} {\r\n    background-color: ${props => COLORS.generateToken({ componentType: 'bg-fill', defaultVariant: 'accent1' }, props.theme)};\r\n  }\r\n\r\n  &.${ToastColor[ToastColor.GREEN]} {\r\n    background-color: ${props => COLORS.generateToken({ componentType: 'bg-fill', defaultVariant: 'positive' }, props.theme)};\r\n  }\r\n\r\n  &.${ToastColor[ToastColor.ORANGE]} {\r\n    background-color: ${props => COLORS.generateToken({ componentType: 'bg-fill', defaultVariant: 'warning' }, props.theme)};\r\n  }\r\n\r\n  &.${ToastColor[ToastColor.RED]} {\r\n    background-color: ${props => COLORS.generateToken({ componentType: 'bg-fill', defaultVariant: 'critical' }, props.theme)};\r\n  }\r\n`;\r\n\r\nexport const ToastActionButtons = styled.div`\r\n  display: flex;\r\n  flex-direction: row;\r\n  gap: 8px;\r\n  align-items: center;\r\n\r\n  & .action {\r\n    height: unset;\r\n  }\r\n`;\r\n\r\nexport const ToastCloseButton = styled.div`\r\n  & > button {\r\n    margin-left: 16px;\r\n\r\n    & svg {\r\n      padding: 0;\r\n    }\r\n  }\r\n\r\n  button svg path{\r\n    fill: ${props => COLORS.generateToken({ componentType: 'icon', isOnFill: true, defaultVariant: 'accent1' }, props.theme)} !important;\r\n  }\r\n\r\n  &.${ToastColor[ToastColor.WHITE]}, &.${ToastColor[ToastColor.ORANGE]} {\r\n    button svg path {\r\n      fill: ${props => COLORS.generateToken({componentType:'icon',defaultVariant:'subtle'}, props.theme)} !important;\r\n    }\r\n  }\r\n`;\r\n\r\nexport const ToastTextContainer = styled.span`\r\n  font-feature-settings: 'liga' off;\r\n  width: 240px;\r\n  display: flex;\r\n  padding: 16px 0;\r\n`;\r\n\r\nexport const ToastIconContainer = styled.span`\r\n  margin-right: -8px;\r\n`;\r\n\r\nexport type ToastOptions = {\r\n  /** Optional. Color of the toast. Defaults to 'BLACK' */\r\n  color?: ToastColor;\r\n  /** Optional. If set Toast will automatically close after delay. Defaults to 'true' */\r\n  autoClose?: boolean;\r\n  /** Optional. Delay after which toast will disappear in milliseconds. Defaults to '5000' */\r\n  delay?: number;\r\n  /** Optional. If set then Close button will be shown on the right side of the Toast. Defaults to 'false' */\r\n  showCloseButton?: boolean;\r\n\r\n  /** Optional. Custom action to be available in the Toast, will be shown on the right side of the Toast. */\r\n  action?: {\r\n    label: string;\r\n    handler: () => void;\r\n    type?: ToastActionType;\r\n  }[];\r\n  /** Required. Position on the screen at which Toast will be shown */\r\n  position: ToastPosition;\r\n  /** Optional. From which side of the screen appearance animation will start. Defaults to 'TOP' */\r\n  enterFrom?: ToastEntryDirection;\r\n  /** Optional. Icon that will be shown on the left side of the Toast */\r\n  icon?: React.ReactNode;\r\n};\r\n\r\ntype Props = {\r\n  remove?: any;\r\n  content: any;\r\n  options?: ToastOptions;\r\n  testId?: string;\r\n};\r\n\r\nconst DEFAULT_OPTIONS: ToastOptions = {\r\n  color: ToastColor.BLACK,\r\n  autoClose: true,\r\n  delay: 5000,\r\n  showCloseButton: false,\r\n  position: ToastPosition.TOPLEFT,\r\n  enterFrom: ToastEntryDirection.TOP,\r\n};\r\n\r\nconst Toast = ({ content, remove, options = DEFAULT_OPTIONS, testId }: Props) => {\r\n\r\n  \r\n\r\n  if(!remove)\r\n    throw new Error('remove function is required when rendering Toast. Make sure that you are using useToast hook and ToastProvider for rendering Toasts');\r\n\r\n  const styledTheme = useTheme();\r\n\r\n  const removeRef = React.useRef(null);\r\n  removeRef.current = remove;\r\n\r\n  const elementRef = React.useRef<any>(null);\r\n\r\n  const [shouldRemove, setShouldRemove] = React.useState(false);\r\n  const [dimensions, setDimensions] = React.useState<{ width: number; height: number }>({ width: 0, height: 0 });\r\n\r\n  const opts = { ...DEFAULT_OPTIONS, ...options };\r\n\r\n  React.useEffect(() => {\r\n    if (opts?.autoClose) {\r\n      // @ts-ignore\r\n      const id = setTimeout(() => setShouldRemove(true), opts.delay);\r\n      return () => clearTimeout(id);\r\n    }\r\n    return undefined;\r\n  }, []);\r\n\r\n  React.useEffect(() => {\r\n    if (shouldRemove) {\r\n      // @ts-ignore\r\n      const id = setTimeout(() => removeRef.current(), 200);\r\n      return () => clearTimeout(id);\r\n    }\r\n  }, [shouldRemove]);\r\n\r\n  React.useEffect(() => {\r\n    setDimensions({ height: elementRef.current?.clientHeight, width: elementRef.current?.clientWidth });\r\n  }, []);\r\n\r\n  const animation = animations[shouldRemove ? 'leave' : 'enter'];\r\n  const direction = animation[opts.enterFrom ?? ToastEntryDirection.TOP];\r\n\r\n  const fromY = dimensions.height * direction.fromHeight;\r\n  const toY = dimensions.height * direction.toHeight;\r\n  const fromX = dimensions.width * direction.fromWidth;\r\n  const toX = dimensions.width * direction.toWidth;\r\n\r\n  let prop = {\r\n    $duration: animation.duration,\r\n    $bezier: animation.bezier,\r\n    $transform: `translateY(${toY}) translateX(${toX})`,\r\n    $keyframes: keyframes`\r\n        0% {\r\n          transform: translateY(${fromY}px) translateX(${fromX}px);\r\n        }\r\n        100% {\r\n          transform: translateY(${toY}px) translateX(${toX}px);\r\n        }`,\r\n  };\r\n\r\n  if (!dimensions.height) {\r\n    prop = {\r\n      ...prop,\r\n      ...{\r\n        $transform: 'translateY(-1000vh) translateX(-1000vw)',\r\n        $keyframes: keyframes``,\r\n      },\r\n    };\r\n  }\r\n\r\n  const theme = ToastColor[opts.color ?? ToastColor.BLACK];\r\n\r\n  if (!shouldRemove){\r\n    setTimeout(() => elementRef?.current?.focus());\r\n  }\r\n\r\n  return (\r\n    <ToastContainer data-testid={testId}\r\n               animation={prop}\r\n               ref={elementRef}\r\n               $withLoader={!!opts.autoClose}\r\n               className={theme}\r\n               $withClose={!!opts.showCloseButton}\r\n               tabIndex={-1}>\r\n      {opts.icon && <ToastIconContainer>{opts.icon}</ToastIconContainer>}\r\n      <ToastTextContainer className={'description'}>{content}</ToastTextContainer>\r\n      {opts.action && (\r\n        <ToastActionButtons>\r\n          {opts.action.map((action, i) => (\r\n            <TextButton\r\n              size={Size.Small}\r\n              variant={action.type === ToastActionType.SECONDARY ? 'secondary' : 'primary'}\r\n              invertFocus={opts.color === ToastColor.BLACK}\r\n              key={i}\r\n              onClick={() => {\r\n                setShouldRemove(true);\r\n                action.handler();\r\n              }}\r\n              className={'action'}>\r\n              {action.label}\r\n            </TextButton>\r\n          ))}\r\n        </ToastActionButtons>\r\n      )}\r\n      {opts.showCloseButton && (\r\n        <ToastCloseButton className={`close-button ${theme}`}>\r\n          <IconButton variant={'secondary'}\r\n                      shape=\"circular\"\r\n                      useTransparentBackground={true}\r\n                      invertFocus={opts.color === ToastColor.BLACK}\r\n                      action={(event) => setShouldRemove(true)}>\r\n            <SystemIcons.Close size=\"24px\" color={COLORS.generateToken({componentType:'icon',defaultVariant:'subtle'}, styledTheme)} />\r\n          </IconButton>\r\n        </ToastCloseButton>\r\n      )}\r\n      {!!opts.autoClose && <Loader className={`loader ${theme}`} $duration={opts.delay ?? 0} />}\r\n    </ToastContainer>\r\n  );\r\n};\r\n\r\nexport default Toast;\r\n\r\nconst animations = {\r\n  enter: {\r\n    bezier: 'cubic-bezier(0.22, 0.61, 0.35, 1)',\r\n    duration: '300ms',\r\n    [ToastEntryDirection.TOP]: {\r\n      fromHeight: -1,\r\n      toHeight: 0,\r\n      fromWidth: 0,\r\n      toWidth: 0,\r\n    },\r\n    [ToastEntryDirection.BOTTOM]: {\r\n      fromHeight: 1,\r\n      toHeight: 0,\r\n      fromWidth: 0,\r\n      toWidth: 0,\r\n    },\r\n    [ToastEntryDirection.LEFT]: {\r\n      fromHeight: 0,\r\n      toHeight: 0,\r\n      fromWidth: -1,\r\n      toWidth: 0,\r\n    },\r\n    [ToastEntryDirection.RIGHT]: {\r\n      fromHeight: 0,\r\n      toHeight: 0,\r\n      fromWidth: 1,\r\n      toWidth: 0,\r\n    },\r\n  },\r\n  leave: {\r\n    bezier: 'cubic-bezier(0.5, 0.05, 0.67, 0.19)',\r\n    duration: '205ms',\r\n    [ToastEntryDirection.TOP]: {\r\n      fromHeight: 0,\r\n      toHeight: -1,\r\n      fromWidth: 0,\r\n      toWidth: 0,\r\n    },\r\n    [ToastEntryDirection.BOTTOM]: {\r\n      fromHeight: 0,\r\n      toHeight: 1,\r\n      fromWidth: 0,\r\n      toWidth: 0,\r\n    },\r\n    [ToastEntryDirection.LEFT]: {\r\n      fromHeight: 0,\r\n      toHeight: 0,\r\n      fromWidth: 0,\r\n      toWidth: -1,\r\n    },\r\n    [ToastEntryDirection.RIGHT]: {\r\n      fromHeight: 0,\r\n      toHeight: 0,\r\n      fromWidth: 0,\r\n      toWidth: 1,\r\n    },\r\n  },\r\n};\r\n"],"mappings":"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","ignoreList":[]}

package/dist/Toasters/Toast.js

@@ -7,7 +7,7 @@ import styled, { keyframes, useTheme } from 'styled-components';
 import { ToastActionType, ToastColor, ToastEntryDirection, ToastPosition } from '../types';
 import { BOXSHADOWS, COLORS } from '../styles';
 import { Size } from '../types';
-import { Button, IconButton } from '../Button';
+import { TextButton, IconButton } from '../Button';
 import { ComponentSStyling, ComponentTextStyle } from '../styles';
 import { HyperLinkDefaultStyling, HyperLinkInvertedStyling } from '../HyperLink';
 import { SystemIcons } from '../icons';
@@ -293,10 +293,9 @@ const Toast = _ref => {
       className: 'description',
       children: content
     }), opts.action && /*#__PURE__*/_jsx(ToastActionButtons, {
-      children: opts.action.map((action, i) => /*#__PURE__*/_jsx(Button, {
+      children: opts.action.map((action, i) => /*#__PURE__*/_jsx(TextButton, {
         size: Size.Small,
         variant: action.type === ToastActionType.SECONDARY ? 'secondary' : 'primary',
-        colorTheme: opts.color !== ToastColor.WHITE ? 'dark' : 'teal',
         invertFocus: opts.color === ToastColor.BLACK,
         onClick: () => {
           setShouldRemove(true);