@laerdal/life-react-components 6.0.0-dev.2.full → 6.0.0-dev.5.full

package/dist/Tile/Tile.js

@@ -17,9 +17,15 @@ const Wrapper = styled.div`
   display: flex;
   flex-flow: column;
   flex-direction: column;
-  background: ${props => COLORS.getColor('white', props.theme)};
+  background: ${props => COLORS.generateToken({
+  componentType: 'bg-surface',
+  defaultVariant: 'default'
+}, props.theme)};
   border-radius: 8px;
-  border: 1px solid ${props => COLORS.getColor('neutral_200', props.theme)};
+  border: 1px solid ${props => COLORS.generateToken({
+  componentType: 'border',
+  defaultVariant: 'subtle'
+}, props.theme)};
   box-sizing: border-box;
 `;
 const Tile = _ref => {

package/dist/Tile/Tile.js.map

@@ -1 +1 @@
-{"version":3,"file":"Tile.js","names":["React","Size","styled","TileHeader","TileFooter","TileBody","COLORS","jsx","_jsx","jsxs","_jsxs","Wrapper","div","props","getColor","theme","Tile","_ref","header","footer","size","Medium","style","children","className","rest","_objectWithoutProperties","_excluded","_objectSpread"],"sources":["../../src/Tile/Tile.tsx"],"sourcesContent":["import React from 'react';\r\nimport {Size} from '../types';\r\nimport {TileProps} from './TileTypes';\r\nimport styled from 'styled-components';\r\nimport TileHeader from './TileHeader';\r\nimport TileFooter from './TileFooter';\r\nimport TileBody from './TileBody';\r\nimport {COLORS} from '../styles';\r\n\r\nconst Wrapper = styled.div`\r\n  width: 100%;\r\n  height: 100%;\r\n  display: flex;\r\n  flex-flow: column;\r\n  flex-direction: column;\r\n  background: ${props => COLORS.getColor('white', props.theme)};\r\n  border-radius: 8px;\r\n  border: 1px solid ${props => COLORS.getColor('neutral_200', props.theme)};\r\n  box-sizing: border-box;\r\n`;\r\n\r\nconst Tile: React.FunctionComponent<TileProps> = ({\r\n                                                    header,\r\n                                                    footer,\r\n                                                    size = Size.Medium,\r\n                                                    style,\r\n                                                    children,\r\n                                                    className,\r\n                                                    ...rest\r\n                                                  }) => {\r\n\r\n  return (\r\n    <Wrapper style={style}\r\n             className={`${size} ${className || ''}`}\r\n             {...rest}>\r\n      {header && <TileHeader {...header} size={size}/>}\r\n      <TileBody size={size}>\r\n        {children}\r\n      </TileBody>\r\n      {footer && <TileFooter {...footer} size={size}/>}\r\n    </Wrapper>\r\n  )\r\n}\r\n\r\n\r\nexport default Tile;\r\n"],"mappings":";;;;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAAQC,IAAI,QAAO,UAAU;AAE7B,OAAOC,MAAM,MAAM,mBAAmB;AACtC,OAAOC,UAAU,MAAM,cAAc;AACrC,OAAOC,UAAU,MAAM,cAAc;AACrC,OAAOC,QAAQ,MAAM,YAAY;AACjC,SAAQC,MAAM,QAAO,WAAW;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAEjC,MAAMC,OAAO,GAAGT,MAAM,CAACU,GAAG;AAC1B;AACA;AACA;AACA;AACA;AACA,gBAAgBC,KAAK,IAAIP,MAAM,CAACQ,QAAQ,CAAC,OAAO,EAAED,KAAK,CAACE,KAAK,CAAC;AAC9D;AACA,sBAAsBF,KAAK,IAAIP,MAAM,CAACQ,QAAQ,CAAC,aAAa,EAAED,KAAK,CAACE,KAAK,CAAC;AAC1E;AACA,CAAC;AAED,MAAMC,IAAwC,GAAGC,IAAA,IAQO;EAAA,IARN;MACEC,MAAM;MACNC,MAAM;MACNC,IAAI,GAAGnB,IAAI,CAACoB,MAAM;MAClBC,KAAK;MACLC,QAAQ;MACRC;IAEF,CAAC,GAAAP,IAAA;IADIQ,IAAI,GAAAC,wBAAA,CAAAT,IAAA,EAAAU,SAAA;EAGzD,oBACEjB,KAAA,CAACC,OAAO,EAAAiB,aAAA,CAAAA,aAAA;IAACN,KAAK,EAAEA,KAAM;IACbE,SAAS,EAAE,GAAGJ,IAAI,IAAII,SAAS,IAAI,EAAE;EAAG,GACpCC,IAAI;IAAAF,QAAA,GACdL,MAAM,iBAAIV,IAAA,CAACL,UAAU,EAAAyB,aAAA,CAAAA,aAAA,KAAKV,MAAM;MAAEE,IAAI,EAAEA;IAAK,EAAC,CAAC,eAChDZ,IAAA,CAACH,QAAQ;MAACe,IAAI,EAAEA,IAAK;MAAAG,QAAA,EAClBA;IAAQ,CACD,CAAC,EACVJ,MAAM,iBAAIX,IAAA,CAACJ,UAAU,EAAAwB,aAAA,CAAAA,aAAA,KAAKT,MAAM;MAAEC,IAAI,EAAEA;IAAK,EAAC,CAAC;EAAA,EACzC,CAAC;AAEd,CAAC;AAGD,eAAeJ,IAAI","ignoreList":[]}
+{"version":3,"file":"Tile.js","names":["React","Size","styled","TileHeader","TileFooter","TileBody","COLORS","jsx","_jsx","jsxs","_jsxs","Wrapper","div","props","generateToken","componentType","defaultVariant","theme","Tile","_ref","header","footer","size","Medium","style","children","className","rest","_objectWithoutProperties","_excluded","_objectSpread"],"sources":["../../src/Tile/Tile.tsx"],"sourcesContent":["import React from 'react';\r\nimport {Size} from '../types';\r\nimport {TileProps} from './TileTypes';\r\nimport styled from 'styled-components';\r\nimport TileHeader from './TileHeader';\r\nimport TileFooter from './TileFooter';\r\nimport TileBody from './TileBody';\r\nimport {COLORS} from '../styles';\r\n\r\nconst Wrapper = styled.div`\r\n  width: 100%;\r\n  height: 100%;\r\n  display: flex;\r\n  flex-flow: column;\r\n  flex-direction: column;\r\n  background: ${props => COLORS.generateToken({componentType:'bg-surface', defaultVariant:'default'}, props.theme)};\r\n  border-radius: 8px;\r\n  border: 1px solid ${props => COLORS.generateToken({componentType:'border', defaultVariant:'subtle'}, props.theme)};\r\n  box-sizing: border-box;\r\n`;\r\n\r\nconst Tile: React.FunctionComponent<TileProps> = ({\r\n                                                    header,\r\n                                                    footer,\r\n                                                    size = Size.Medium,\r\n                                                    style,\r\n                                                    children,\r\n                                                    className,\r\n                                                    ...rest\r\n                                                  }) => {\r\n\r\n  return (\r\n    <Wrapper style={style}\r\n             className={`${size} ${className || ''}`}\r\n             {...rest}>\r\n      {header && <TileHeader {...header} size={size}/>}\r\n      <TileBody size={size}>\r\n        {children}\r\n      </TileBody>\r\n      {footer && <TileFooter {...footer} size={size}/>}\r\n    </Wrapper>\r\n  )\r\n}\r\n\r\n\r\nexport default Tile;\r\n"],"mappings":";;;;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAAQC,IAAI,QAAO,UAAU;AAE7B,OAAOC,MAAM,MAAM,mBAAmB;AACtC,OAAOC,UAAU,MAAM,cAAc;AACrC,OAAOC,UAAU,MAAM,cAAc;AACrC,OAAOC,QAAQ,MAAM,YAAY;AACjC,SAAQC,MAAM,QAAO,WAAW;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAEjC,MAAMC,OAAO,GAAGT,MAAM,CAACU,GAAG;AAC1B;AACA;AACA;AACA;AACA;AACA,gBAAgBC,KAAK,IAAIP,MAAM,CAACQ,aAAa,CAAC;EAACC,aAAa,EAAC,YAAY;EAAEC,cAAc,EAAC;AAAS,CAAC,EAAEH,KAAK,CAACI,KAAK,CAAC;AAClH;AACA,sBAAsBJ,KAAK,IAAIP,MAAM,CAACQ,aAAa,CAAC;EAACC,aAAa,EAAC,QAAQ;EAAEC,cAAc,EAAC;AAAQ,CAAC,EAAEH,KAAK,CAACI,KAAK,CAAC;AACnH;AACA,CAAC;AAED,MAAMC,IAAwC,GAAGC,IAAA,IAQO;EAAA,IARN;MACEC,MAAM;MACNC,MAAM;MACNC,IAAI,GAAGrB,IAAI,CAACsB,MAAM;MAClBC,KAAK;MACLC,QAAQ;MACRC;IAEF,CAAC,GAAAP,IAAA;IADIQ,IAAI,GAAAC,wBAAA,CAAAT,IAAA,EAAAU,SAAA;EAGzD,oBACEnB,KAAA,CAACC,OAAO,EAAAmB,aAAA,CAAAA,aAAA;IAACN,KAAK,EAAEA,KAAM;IACbE,SAAS,EAAE,GAAGJ,IAAI,IAAII,SAAS,IAAI,EAAE;EAAG,GACpCC,IAAI;IAAAF,QAAA,GACdL,MAAM,iBAAIZ,IAAA,CAACL,UAAU,EAAA2B,aAAA,CAAAA,aAAA,KAAKV,MAAM;MAAEE,IAAI,EAAEA;IAAK,EAAC,CAAC,eAChDd,IAAA,CAACH,QAAQ;MAACiB,IAAI,EAAEA,IAAK;MAAAG,QAAA,EAClBA;IAAQ,CACD,CAAC,EACVJ,MAAM,iBAAIb,IAAA,CAACJ,UAAU,EAAA0B,aAAA,CAAAA,aAAA,KAAKT,MAAM;MAAEC,IAAI,EAAEA;IAAK,EAAC,CAAC;EAAA,EACzC,CAAC;AAEd,CAAC;AAGD,eAAeJ,IAAI","ignoreList":[]}

package/dist/Tile/TileCommonItems.cjs

@@ -26,7 +26,10 @@ const TileNoteWrapper = exports.TileNoteWrapper = _styledComponents.default.div`
   display: flex;
   flex-direction: row;
   align-items: center;
-  color: ${props => _styles.COLORS.getColor('neutral_600', props.theme)};
+  color: ${props => _styles.COLORS.generateToken({
+  componentType: 'text',
+  defaultVariant: 'subtle'
+}, props.theme)};
 
   &.small {
     gap: 4px;
@@ -73,7 +76,10 @@ const TileHyperLinkText = exports.TileHyperLinkText = _styledComponents.default.
 const TileHyperLinkWrapper = exports.TileHyperLinkWrapper = _styledComponents.default.div`
   width: max-content;
 
-  ${props => (0, _styles.ComponentSStyling)(_styles.ComponentTextStyle.Bold, _styles.COLORS.getColor('primary_500', props.theme))}
+  ${props => (0, _styles.ComponentSStyling)(_styles.ComponentTextStyle.Bold, _styles.COLORS.generateToken({
+  componentType: 'text-link',
+  defaultVariant: 'primary'
+}, props.theme))}
   a {
     display: flex;
     flex-direction: row;

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","getColor","theme","ComponentXXSStyling","ComponentTextStyle","Regular","ComponentXSStyling","ComponentSStyling","TileHyperLinkIcon","TileHyperLinkText","TileHyperLinkWrapper","Bold","ComponentMStyling","ComponentLStyling","RenderTileItem","item","size","key","undefined","componentType","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.getColor('neutral_600', 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.getColor('primary_500', 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","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":[]}

package/dist/Tile/TileCommonItems.js

@@ -19,7 +19,10 @@ export const TileNoteWrapper = styled.div`
   display: flex;
   flex-direction: row;
   align-items: center;
-  color: ${props => COLORS.getColor('neutral_600', props.theme)};
+  color: ${props => COLORS.generateToken({
+  componentType: 'text',
+  defaultVariant: 'subtle'
+}, props.theme)};
 
   &.small {
     gap: 4px;
@@ -66,7 +69,10 @@ export const TileHyperLinkText = styled.div``;
 export const TileHyperLinkWrapper = styled.div`
   width: max-content;
 
-  ${props => ComponentSStyling(ComponentTextStyle.Bold, COLORS.getColor('primary_500', props.theme))}
+  ${props => ComponentSStyling(ComponentTextStyle.Bold, COLORS.generateToken({
+  componentType: 'text-link',
+  defaultVariant: 'primary'
+}, props.theme))}
   a {
     display: flex;
     flex-direction: row;

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","getColor","theme","Regular","TileHyperLinkIcon","TileHyperLinkText","TileHyperLinkWrapper","Bold","RenderTileItem","item","size","key","arguments","length","undefined","componentType","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.getColor('neutral_600', 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.getColor('primary_500', 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":["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":[]}

package/dist/Tile/TileFooter.cjs

@@ -43,7 +43,10 @@ const RightItemContainer = _styledComponents.default.div`
   display: flex;
   flex-direction: row;
   justify-content: flex-end;
-  color: ${props => _styles.COLORS.getColor('neutral_600', props.theme)};
+  color: ${props => _styles.COLORS.generateToken({
+  componentType: 'text',
+  defaultVariant: 'subtle'
+}, props.theme)};
 `;
 const TileFooter = _ref => {
   let {

package/dist/Tile/TileFooter.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"TileFooter.cjs","names":["_react","_interopRequireDefault","require","_styledComponents","_TileCommonItems","_styles","_jsxRuntime","Wrapper","styled","div","LeftItemContainer","RightItemContainer","props","COLORS","getColor","theme","TileFooter","_ref","buttons","leftItem","size","jsxs","className","children","jsx","RenderTileItem","map","value","index","_default","exports","default"],"sources":["../../src/Tile/TileFooter.tsx"],"sourcesContent":["import React from 'react';\r\nimport {TileFooterProps} from './TileTypes';\r\nimport {Size} from '../types';\r\nimport styled from 'styled-components';\r\nimport {RenderTileItem} from './TileCommonItems';\r\nimport {COLORS} from '../styles';\r\n\r\nconst Wrapper = styled.div`\r\n  display: flex;\r\n  flex-direction: row;\r\n  align-items: center;\r\n\r\n  min-height: 56px;\r\n  box-sizing: border-box;\r\n\r\n  &.small {\r\n    padding: 0 16px;\r\n    min-height: 56px;\r\n    gap: 4px;\r\n  }\r\n\r\n  &.medium {\r\n    padding: 0 20px;\r\n    min-height: 64px;\r\n    gap: 4px;\r\n  }\r\n\r\n  &.large {\r\n    padding: 0 24px;\r\n    min-height: 80px;\r\n    gap: 8px;\r\n  }\r\n`;\r\n\r\nconst LeftItemContainer = styled.div`\r\n  flex: 1\r\n`;\r\n\r\nconst RightItemContainer = styled.div`\r\n  display: flex;\r\n  flex-direction: row;\r\n  justify-content: flex-end;\r\n  color: ${props => COLORS.getColor('neutral_600', props.theme)};\r\n`;\r\n\r\nconst TileFooter: React.FunctionComponent<TileFooterProps & { size: Size }> = ({buttons, leftItem, size}) => {\r\n\r\n  return (\r\n    <Wrapper className={size}>\r\n      <LeftItemContainer>{leftItem && RenderTileItem(leftItem, size)}</LeftItemContainer>\r\n      <RightItemContainer>{buttons && buttons.map((value, index) => RenderTileItem(value, size, index))}</RightItemContainer>\r\n    </Wrapper>\r\n  )\r\n}\r\n\r\nexport default TileFooter;\r\n"],"mappings":";;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAGA,IAAAC,iBAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,gBAAA,GAAAF,OAAA;AACA,IAAAG,OAAA,GAAAH,OAAA;AAAiC,IAAAI,WAAA,GAAAJ,OAAA;AAEjC,MAAMK,OAAO,GAAGC,yBAAM,CAACC,GAAG;AAC1B;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,CAAC;AAED,MAAMC,iBAAiB,GAAGF,yBAAM,CAACC,GAAG;AACpC;AACA,CAAC;AAED,MAAME,kBAAkB,GAAGH,yBAAM,CAACC,GAAG;AACrC;AACA;AACA;AACA,WAAWG,KAAK,IAAIC,cAAM,CAACC,QAAQ,CAAC,aAAa,EAAEF,KAAK,CAACG,KAAK,CAAC;AAC/D,CAAC;AAED,MAAMC,UAAqE,GAAGC,IAAA,IAA+B;EAAA,IAA9B;IAACC,OAAO;IAAEC,QAAQ;IAAEC;EAAI,CAAC,GAAAH,IAAA;EAEtG,oBACE,IAAAX,WAAA,CAAAe,IAAA,EAACd,OAAO;IAACe,SAAS,EAAEF,IAAK;IAAAG,QAAA,gBACvB,IAAAjB,WAAA,CAAAkB,GAAA,EAACd,iBAAiB;MAAAa,QAAA,EAAEJ,QAAQ,IAAI,IAAAM,+BAAc,EAACN,QAAQ,EAAEC,IAAI;IAAC,CAAoB,CAAC,eACnF,IAAAd,WAAA,CAAAkB,GAAA,EAACb,kBAAkB;MAAAY,QAAA,EAAEL,OAAO,IAAIA,OAAO,CAACQ,GAAG,CAAC,CAACC,KAAK,EAAEC,KAAK,KAAK,IAAAH,+BAAc,EAACE,KAAK,EAAEP,IAAI,EAAEQ,KAAK,CAAC;IAAC,CAAqB,CAAC;EAAA,CAChH,CAAC;AAEd,CAAC;AAAA,IAAAC,QAAA,GAAAC,OAAA,CAAAC,OAAA,GAEcf,UAAU","ignoreList":[]}
+{"version":3,"file":"TileFooter.cjs","names":["_react","_interopRequireDefault","require","_styledComponents","_TileCommonItems","_styles","_jsxRuntime","Wrapper","styled","div","LeftItemContainer","RightItemContainer","props","COLORS","generateToken","componentType","defaultVariant","theme","TileFooter","_ref","buttons","leftItem","size","jsxs","className","children","jsx","RenderTileItem","map","value","index","_default","exports","default"],"sources":["../../src/Tile/TileFooter.tsx"],"sourcesContent":["import React from 'react';\r\nimport {TileFooterProps} from './TileTypes';\r\nimport {Size} from '../types';\r\nimport styled from 'styled-components';\r\nimport {RenderTileItem} from './TileCommonItems';\r\nimport {COLORS} from '../styles';\r\n\r\nconst Wrapper = styled.div`\r\n  display: flex;\r\n  flex-direction: row;\r\n  align-items: center;\r\n\r\n  min-height: 56px;\r\n  box-sizing: border-box;\r\n\r\n  &.small {\r\n    padding: 0 16px;\r\n    min-height: 56px;\r\n    gap: 4px;\r\n  }\r\n\r\n  &.medium {\r\n    padding: 0 20px;\r\n    min-height: 64px;\r\n    gap: 4px;\r\n  }\r\n\r\n  &.large {\r\n    padding: 0 24px;\r\n    min-height: 80px;\r\n    gap: 8px;\r\n  }\r\n`;\r\n\r\nconst LeftItemContainer = styled.div`\r\n  flex: 1\r\n`;\r\n\r\nconst RightItemContainer = styled.div`\r\n  display: flex;\r\n  flex-direction: row;\r\n  justify-content: flex-end;\r\n  color: ${props => COLORS.generateToken({componentType:'text',defaultVariant:'subtle'}, props.theme)};\r\n`;\r\n\r\nconst TileFooter: React.FunctionComponent<TileFooterProps & { size: Size }> = ({buttons, leftItem, size}) => {\r\n\r\n  return (\r\n    <Wrapper className={size}>\r\n      <LeftItemContainer>{leftItem && RenderTileItem(leftItem, size)}</LeftItemContainer>\r\n      <RightItemContainer>{buttons && buttons.map((value, index) => RenderTileItem(value, size, index))}</RightItemContainer>\r\n    </Wrapper>\r\n  )\r\n}\r\n\r\nexport default TileFooter;\r\n"],"mappings":";;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAGA,IAAAC,iBAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,gBAAA,GAAAF,OAAA;AACA,IAAAG,OAAA,GAAAH,OAAA;AAAiC,IAAAI,WAAA,GAAAJ,OAAA;AAEjC,MAAMK,OAAO,GAAGC,yBAAM,CAACC,GAAG;AAC1B;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,CAAC;AAED,MAAMC,iBAAiB,GAAGF,yBAAM,CAACC,GAAG;AACpC;AACA,CAAC;AAED,MAAME,kBAAkB,GAAGH,yBAAM,CAACC,GAAG;AACrC;AACA;AACA;AACA,WAAWG,KAAK,IAAIC,cAAM,CAACC,aAAa,CAAC;EAACC,aAAa,EAAC,MAAM;EAACC,cAAc,EAAC;AAAQ,CAAC,EAAEJ,KAAK,CAACK,KAAK,CAAC;AACrG,CAAC;AAED,MAAMC,UAAqE,GAAGC,IAAA,IAA+B;EAAA,IAA9B;IAACC,OAAO;IAAEC,QAAQ;IAAEC;EAAI,CAAC,GAAAH,IAAA;EAEtG,oBACE,IAAAb,WAAA,CAAAiB,IAAA,EAAChB,OAAO;IAACiB,SAAS,EAAEF,IAAK;IAAAG,QAAA,gBACvB,IAAAnB,WAAA,CAAAoB,GAAA,EAAChB,iBAAiB;MAAAe,QAAA,EAAEJ,QAAQ,IAAI,IAAAM,+BAAc,EAACN,QAAQ,EAAEC,IAAI;IAAC,CAAoB,CAAC,eACnF,IAAAhB,WAAA,CAAAoB,GAAA,EAACf,kBAAkB;MAAAc,QAAA,EAAEL,OAAO,IAAIA,OAAO,CAACQ,GAAG,CAAC,CAACC,KAAK,EAAEC,KAAK,KAAK,IAAAH,+BAAc,EAACE,KAAK,EAAEP,IAAI,EAAEQ,KAAK,CAAC;IAAC,CAAqB,CAAC;EAAA,CAChH,CAAC;AAEd,CAAC;AAAA,IAAAC,QAAA,GAAAC,OAAA,CAAAC,OAAA,GAEcf,UAAU","ignoreList":[]}

package/dist/Tile/TileFooter.js

@@ -36,7 +36,10 @@ const RightItemContainer = styled.div`
   display: flex;
   flex-direction: row;
   justify-content: flex-end;
-  color: ${props => COLORS.getColor('neutral_600', props.theme)};
+  color: ${props => COLORS.generateToken({
+  componentType: 'text',
+  defaultVariant: 'subtle'
+}, props.theme)};
 `;
 const TileFooter = _ref => {
   let {

package/dist/Tile/TileFooter.js.map

@@ -1 +1 @@
-{"version":3,"file":"TileFooter.js","names":["React","styled","RenderTileItem","COLORS","jsx","_jsx","jsxs","_jsxs","Wrapper","div","LeftItemContainer","RightItemContainer","props","getColor","theme","TileFooter","_ref","buttons","leftItem","size","className","children","map","value","index"],"sources":["../../src/Tile/TileFooter.tsx"],"sourcesContent":["import React from 'react';\r\nimport {TileFooterProps} from './TileTypes';\r\nimport {Size} from '../types';\r\nimport styled from 'styled-components';\r\nimport {RenderTileItem} from './TileCommonItems';\r\nimport {COLORS} from '../styles';\r\n\r\nconst Wrapper = styled.div`\r\n  display: flex;\r\n  flex-direction: row;\r\n  align-items: center;\r\n\r\n  min-height: 56px;\r\n  box-sizing: border-box;\r\n\r\n  &.small {\r\n    padding: 0 16px;\r\n    min-height: 56px;\r\n    gap: 4px;\r\n  }\r\n\r\n  &.medium {\r\n    padding: 0 20px;\r\n    min-height: 64px;\r\n    gap: 4px;\r\n  }\r\n\r\n  &.large {\r\n    padding: 0 24px;\r\n    min-height: 80px;\r\n    gap: 8px;\r\n  }\r\n`;\r\n\r\nconst LeftItemContainer = styled.div`\r\n  flex: 1\r\n`;\r\n\r\nconst RightItemContainer = styled.div`\r\n  display: flex;\r\n  flex-direction: row;\r\n  justify-content: flex-end;\r\n  color: ${props => COLORS.getColor('neutral_600', props.theme)};\r\n`;\r\n\r\nconst TileFooter: React.FunctionComponent<TileFooterProps & { size: Size }> = ({buttons, leftItem, size}) => {\r\n\r\n  return (\r\n    <Wrapper className={size}>\r\n      <LeftItemContainer>{leftItem && RenderTileItem(leftItem, size)}</LeftItemContainer>\r\n      <RightItemContainer>{buttons && buttons.map((value, index) => RenderTileItem(value, size, index))}</RightItemContainer>\r\n    </Wrapper>\r\n  )\r\n}\r\n\r\nexport default TileFooter;\r\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AAGzB,OAAOC,MAAM,MAAM,mBAAmB;AACtC,SAAQC,cAAc,QAAO,mBAAmB;AAChD,SAAQC,MAAM,QAAO,WAAW;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAEjC,MAAMC,OAAO,GAAGP,MAAM,CAACQ,GAAG;AAC1B;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,CAAC;AAED,MAAMC,iBAAiB,GAAGT,MAAM,CAACQ,GAAG;AACpC;AACA,CAAC;AAED,MAAME,kBAAkB,GAAGV,MAAM,CAACQ,GAAG;AACrC;AACA;AACA;AACA,WAAWG,KAAK,IAAIT,MAAM,CAACU,QAAQ,CAAC,aAAa,EAAED,KAAK,CAACE,KAAK,CAAC;AAC/D,CAAC;AAED,MAAMC,UAAqE,GAAGC,IAAA,IAA+B;EAAA,IAA9B;IAACC,OAAO;IAAEC,QAAQ;IAAEC;EAAI,CAAC,GAAAH,IAAA;EAEtG,oBACET,KAAA,CAACC,OAAO;IAACY,SAAS,EAAED,IAAK;IAAAE,QAAA,gBACvBhB,IAAA,CAACK,iBAAiB;MAAAW,QAAA,EAAEH,QAAQ,IAAIhB,cAAc,CAACgB,QAAQ,EAAEC,IAAI;IAAC,CAAoB,CAAC,eACnFd,IAAA,CAACM,kBAAkB;MAAAU,QAAA,EAAEJ,OAAO,IAAIA,OAAO,CAACK,GAAG,CAAC,CAACC,KAAK,EAAEC,KAAK,KAAKtB,cAAc,CAACqB,KAAK,EAAEJ,IAAI,EAAEK,KAAK,CAAC;IAAC,CAAqB,CAAC;EAAA,CAChH,CAAC;AAEd,CAAC;AAED,eAAeT,UAAU","ignoreList":[]}
+{"version":3,"file":"TileFooter.js","names":["React","styled","RenderTileItem","COLORS","jsx","_jsx","jsxs","_jsxs","Wrapper","div","LeftItemContainer","RightItemContainer","props","generateToken","componentType","defaultVariant","theme","TileFooter","_ref","buttons","leftItem","size","className","children","map","value","index"],"sources":["../../src/Tile/TileFooter.tsx"],"sourcesContent":["import React from 'react';\r\nimport {TileFooterProps} from './TileTypes';\r\nimport {Size} from '../types';\r\nimport styled from 'styled-components';\r\nimport {RenderTileItem} from './TileCommonItems';\r\nimport {COLORS} from '../styles';\r\n\r\nconst Wrapper = styled.div`\r\n  display: flex;\r\n  flex-direction: row;\r\n  align-items: center;\r\n\r\n  min-height: 56px;\r\n  box-sizing: border-box;\r\n\r\n  &.small {\r\n    padding: 0 16px;\r\n    min-height: 56px;\r\n    gap: 4px;\r\n  }\r\n\r\n  &.medium {\r\n    padding: 0 20px;\r\n    min-height: 64px;\r\n    gap: 4px;\r\n  }\r\n\r\n  &.large {\r\n    padding: 0 24px;\r\n    min-height: 80px;\r\n    gap: 8px;\r\n  }\r\n`;\r\n\r\nconst LeftItemContainer = styled.div`\r\n  flex: 1\r\n`;\r\n\r\nconst RightItemContainer = styled.div`\r\n  display: flex;\r\n  flex-direction: row;\r\n  justify-content: flex-end;\r\n  color: ${props => COLORS.generateToken({componentType:'text',defaultVariant:'subtle'}, props.theme)};\r\n`;\r\n\r\nconst TileFooter: React.FunctionComponent<TileFooterProps & { size: Size }> = ({buttons, leftItem, size}) => {\r\n\r\n  return (\r\n    <Wrapper className={size}>\r\n      <LeftItemContainer>{leftItem && RenderTileItem(leftItem, size)}</LeftItemContainer>\r\n      <RightItemContainer>{buttons && buttons.map((value, index) => RenderTileItem(value, size, index))}</RightItemContainer>\r\n    </Wrapper>\r\n  )\r\n}\r\n\r\nexport default TileFooter;\r\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AAGzB,OAAOC,MAAM,MAAM,mBAAmB;AACtC,SAAQC,cAAc,QAAO,mBAAmB;AAChD,SAAQC,MAAM,QAAO,WAAW;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAEjC,MAAMC,OAAO,GAAGP,MAAM,CAACQ,GAAG;AAC1B;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,CAAC;AAED,MAAMC,iBAAiB,GAAGT,MAAM,CAACQ,GAAG;AACpC;AACA,CAAC;AAED,MAAME,kBAAkB,GAAGV,MAAM,CAACQ,GAAG;AACrC;AACA;AACA;AACA,WAAWG,KAAK,IAAIT,MAAM,CAACU,aAAa,CAAC;EAACC,aAAa,EAAC,MAAM;EAACC,cAAc,EAAC;AAAQ,CAAC,EAAEH,KAAK,CAACI,KAAK,CAAC;AACrG,CAAC;AAED,MAAMC,UAAqE,GAAGC,IAAA,IAA+B;EAAA,IAA9B;IAACC,OAAO;IAAEC,QAAQ;IAAEC;EAAI,CAAC,GAAAH,IAAA;EAEtG,oBACEX,KAAA,CAACC,OAAO;IAACc,SAAS,EAAED,IAAK;IAAAE,QAAA,gBACvBlB,IAAA,CAACK,iBAAiB;MAAAa,QAAA,EAAEH,QAAQ,IAAIlB,cAAc,CAACkB,QAAQ,EAAEC,IAAI;IAAC,CAAoB,CAAC,eACnFhB,IAAA,CAACM,kBAAkB;MAAAY,QAAA,EAAEJ,OAAO,IAAIA,OAAO,CAACK,GAAG,CAAC,CAACC,KAAK,EAAEC,KAAK,KAAKxB,cAAc,CAACuB,KAAK,EAAEJ,IAAI,EAAEK,KAAK,CAAC;IAAC,CAAqB,CAAC;EAAA,CAChH,CAAC;AAEd,CAAC;AAED,eAAeT,UAAU","ignoreList":[]}

package/dist/Tile/TileHeader.cjs

@@ -31,13 +31,19 @@ const SubtitleIconContainer = _styledComponents.default.span`
   }
 `;
 const SubtitleContainer = _styledComponents.default.div`
-  color: ${props => _styles.COLORS.getColor('neutral_600', props.theme)};
+  color: ${props => _styles.COLORS.generateToken({
+  componentType: 'text',
+  defaultVariant: 'subtle'
+}, props.theme)};
   display: flex;
   align-items: flex-start;
   gap: 4px;
 `;
 const TitleContainer = _styledComponents.default.div`
-  color: ${props => _styles.COLORS.getColor('black', props.theme)};
+  color: ${props => _styles.COLORS.generateToken({
+  componentType: 'text',
+  defaultVariant: 'default'
+}, props.theme)};
 `;
 const TextContainer = _styledComponents.default.div`
   display: flex;
@@ -138,7 +144,10 @@ const TileHeader = _ref => {
       action: () => {},
       children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_icons.SystemIcons.Help, {
         size: "24px",
-        color: _styles.COLORS.getColor('neutral_600', theme)
+        color: _styles.COLORS.generateToken({
+          componentType: 'text',
+          defaultVariant: 'subtle'
+        }, theme)
       })
     })
   });

package/dist/Tile/TileHeader.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"TileHeader.cjs","names":["_react","_interopRequireDefault","require","_types","_styledComponents","_interopRequireWildcard","_styles","_Tooltips","_Button","_icons","_TileCommonItems","_Tag","_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","SubtitleIconContainer","styled","span","SubtitleContainer","div","props","COLORS","getColor","theme","TitleContainer","TextContainer","ActionContainer","Wrapper","ComponentXXSStyling","ComponentTextStyle","Regular","ComponentSStyling","Bold","ComponentXSStyling","ComponentMStyling","ComponentLStyling","TagContainer","TileHeader","_ref","title","subtitle","subtitleIcon","tooltip","buttons","size","tag","useTheme","renderTooltip","jsx","TooltipWrapper","delay","Size","XSmall","align","position","withArrow","label","children","IconButton","variant","shape","style","cursor","action","SystemIcons","Help","color","renderTag","Tag","jsxs","className","React","cloneElement","Large","map","item","index","RenderTileItem","_default","exports"],"sources":["../../src/Tile/TileHeader.tsx"],"sourcesContent":["import React from 'react';\r\nimport {TileHeaderProps} from './TileTypes';\r\nimport {Size} from '../types';\r\nimport styled, { useTheme } from 'styled-components';\r\nimport {\r\n  COLORS,\r\n  ComponentLStyling,\r\n  ComponentMStyling,\r\n  ComponentSStyling,\r\n  ComponentTextStyle,\r\n  ComponentXSStyling,\r\n  ComponentXXSStyling\r\n} from '../styles';\r\nimport {TooltipWrapper} from '../Tooltips';\r\nimport {IconButton} from '../Button';\r\nimport {SystemIcons} from '../icons';\r\nimport {RenderTileItem} from './TileCommonItems';\r\nimport {Tag} from \"../Tag\";\r\n\r\nconst SubtitleIconContainer = styled.span`\r\n  display: flex;\r\n  width: 16px;\r\n  height: 16px;\r\n\r\n  .large & {\r\n    width: 20px;\r\n    height: 20px;\r\n  }\r\n`;\r\n\r\nconst SubtitleContainer = styled.div`\r\n  color: ${props => COLORS.getColor('neutral_600', props.theme)};\r\n  display: flex;\r\n  align-items: flex-start;\r\n  gap: 4px;\r\n`;\r\n\r\nconst TitleContainer = styled.div`\r\n  color: ${props => COLORS.getColor('black', props.theme)};\r\n`;\r\n\r\nconst TextContainer = styled.div`\r\n  display: flex;\r\n  flex-direction: column;\r\n  justify-content: center;\r\n  gap: 4px;\r\n  flex: 1;\r\n\r\n  padding: 14px 0;\r\n\r\n  .medium & {\r\n    padding: 12px 0;\r\n  }\r\n\r\n  .large & {\r\n    padding: 12px 0;\r\n  }\r\n\r\n`;\r\n\r\nconst ActionContainer = styled.div`\r\n  display: flex;\r\n  height: 100%;\r\n`;\r\n\r\nconst Wrapper = styled.div`\r\n  display: flex;\r\n  align-items: flex-start;\r\n\r\n  min-height: 56px;\r\n  box-sizing: border-box;\r\n\r\n  &.small {\r\n    padding: 4px 16px;\r\n\r\n    ${SubtitleContainer} {\r\n      ${ComponentXXSStyling(ComponentTextStyle.Regular, null)}\r\n    }\r\n\r\n    ${TitleContainer} {\r\n      ${ComponentSStyling(ComponentTextStyle.Bold, null)}\r\n    }\r\n  }\r\n\r\n  &.medium {\r\n    padding: 8px 20px;\r\n    min-height: 64px;\r\n\r\n    ${SubtitleContainer} {\r\n      ${ComponentXSStyling(ComponentTextStyle.Regular, null)}\r\n    }\r\n\r\n    ${TitleContainer} {\r\n      ${ComponentMStyling(ComponentTextStyle.Bold, null)}\r\n    }\r\n\r\n  }\r\n\r\n  &.large {\r\n    padding: 12px 24px;\r\n    min-height: 72px;\r\n\r\n    ${SubtitleContainer} {\r\n      ${ComponentSStyling(ComponentTextStyle.Regular, null)}\r\n    }\r\n\r\n    ${TitleContainer} {\r\n      ${ComponentLStyling(ComponentTextStyle.Bold, null)}\r\n    }\r\n\r\n  }\r\n`;\r\n\r\nconst TagContainer = styled.div`\r\n  align-self: center;\r\n`;\r\n\r\n\r\nconst TileHeader: React.FunctionComponent<TileHeaderProps & { size: Size }> = ({\r\n                                                                                 title,\r\n                                                                                 subtitle,\r\n                                                                                 subtitleIcon,\r\n                                                                                 tooltip,\r\n                                                                                 buttons,\r\n                                                                                 size,\r\n                                                                                 tag\r\n                                                                               }) => {\r\n\r\n  const theme = useTheme();\r\n\r\n  const renderTooltip = () =>\r\n    !!tooltip &&\r\n    <TooltipWrapper delay=\"0s\" size={Size.XSmall}\r\n                    align=\"center\"\r\n                    position=\"bottom\"\r\n                    withArrow={false}\r\n                    label={tooltip}>\r\n      <IconButton variant=\"secondary\"\r\n                  shape=\"circular\"\r\n                  style={{cursor: 'help'}}\r\n                  action={() => {\r\n                  }}>\r\n        <SystemIcons.Help size=\"24px\" color={COLORS.getColor('neutral_600', theme)}/>\r\n      </IconButton>\r\n    </TooltipWrapper>;\r\n\r\n\r\n  const renderTag = () => !!tag && <TagContainer><Tag {...tag}/></TagContainer>\r\n\r\n\r\n  return (\r\n    <Wrapper className={size}>\r\n      <TextContainer>\r\n        <TitleContainer>{title}</TitleContainer>\r\n        {\r\n          subtitle &&\r\n          <SubtitleContainer>\r\n            {\r\n              subtitleIcon &&\r\n              <SubtitleIconContainer>{React.cloneElement(subtitleIcon as React.ReactElement<any>, {size: size === Size.Large ? '20px' : '16px'})}</SubtitleIconContainer>\r\n            }\r\n            <span>{subtitle}</span>\r\n          </SubtitleContainer>\r\n        }\r\n      </TextContainer>\r\n      <ActionContainer>\r\n        {renderTooltip()}\r\n        {renderTag()}\r\n        {buttons && buttons.map((item, index) => RenderTileItem(item, size, index))}\r\n      </ActionContainer>\r\n    </Wrapper>\r\n  );\r\n}\r\n\r\nexport default TileHeader;\r\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"TileHeader.cjs","names":["_react","_interopRequireDefault","require","_types","_styledComponents","_interopRequireWildcard","_styles","_Tooltips","_Button","_icons","_TileCommonItems","_Tag","_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","SubtitleIconContainer","styled","span","SubtitleContainer","div","props","COLORS","generateToken","componentType","defaultVariant","theme","TitleContainer","TextContainer","ActionContainer","Wrapper","ComponentXXSStyling","ComponentTextStyle","Regular","ComponentSStyling","Bold","ComponentXSStyling","ComponentMStyling","ComponentLStyling","TagContainer","TileHeader","_ref","title","subtitle","subtitleIcon","tooltip","buttons","size","tag","useTheme","renderTooltip","jsx","TooltipWrapper","delay","Size","XSmall","align","position","withArrow","label","children","IconButton","variant","shape","style","cursor","action","SystemIcons","Help","color","renderTag","Tag","jsxs","className","React","cloneElement","Large","map","item","index","RenderTileItem","_default","exports"],"sources":["../../src/Tile/TileHeader.tsx"],"sourcesContent":["import React from 'react';\r\nimport {TileHeaderProps} from './TileTypes';\r\nimport {Size} from '../types';\r\nimport styled, { useTheme } from 'styled-components';\r\nimport {\r\n  COLORS,\r\n  ComponentLStyling,\r\n  ComponentMStyling,\r\n  ComponentSStyling,\r\n  ComponentTextStyle,\r\n  ComponentXSStyling,\r\n  ComponentXXSStyling\r\n} from '../styles';\r\nimport {TooltipWrapper} from '../Tooltips';\r\nimport {IconButton} from '../Button';\r\nimport {SystemIcons} from '../icons';\r\nimport {RenderTileItem} from './TileCommonItems';\r\nimport {Tag} from \"../Tag\";\r\n\r\nconst SubtitleIconContainer = styled.span`\r\n  display: flex;\r\n  width: 16px;\r\n  height: 16px;\r\n\r\n  .large & {\r\n    width: 20px;\r\n    height: 20px;\r\n  }\r\n`;\r\n\r\nconst SubtitleContainer = styled.div`\r\n  color: ${props => COLORS.generateToken({componentType:'text',defaultVariant:'subtle'}, props.theme)};\r\n  display: flex;\r\n  align-items: flex-start;\r\n  gap: 4px;\r\n`;\r\n\r\nconst TitleContainer = styled.div`\r\n  color: ${props => COLORS.generateToken({componentType:'text', defaultVariant:'default'}, props.theme)};\r\n`;\r\n\r\nconst TextContainer = styled.div`\r\n  display: flex;\r\n  flex-direction: column;\r\n  justify-content: center;\r\n  gap: 4px;\r\n  flex: 1;\r\n\r\n  padding: 14px 0;\r\n\r\n  .medium & {\r\n    padding: 12px 0;\r\n  }\r\n\r\n  .large & {\r\n    padding: 12px 0;\r\n  }\r\n\r\n`;\r\n\r\nconst ActionContainer = styled.div`\r\n  display: flex;\r\n  height: 100%;\r\n`;\r\n\r\nconst Wrapper = styled.div`\r\n  display: flex;\r\n  align-items: flex-start;\r\n\r\n  min-height: 56px;\r\n  box-sizing: border-box;\r\n\r\n  &.small {\r\n    padding: 4px 16px;\r\n\r\n    ${SubtitleContainer} {\r\n      ${ComponentXXSStyling(ComponentTextStyle.Regular, null)}\r\n    }\r\n\r\n    ${TitleContainer} {\r\n      ${ComponentSStyling(ComponentTextStyle.Bold, null)}\r\n    }\r\n  }\r\n\r\n  &.medium {\r\n    padding: 8px 20px;\r\n    min-height: 64px;\r\n\r\n    ${SubtitleContainer} {\r\n      ${ComponentXSStyling(ComponentTextStyle.Regular, null)}\r\n    }\r\n\r\n    ${TitleContainer} {\r\n      ${ComponentMStyling(ComponentTextStyle.Bold, null)}\r\n    }\r\n\r\n  }\r\n\r\n  &.large {\r\n    padding: 12px 24px;\r\n    min-height: 72px;\r\n\r\n    ${SubtitleContainer} {\r\n      ${ComponentSStyling(ComponentTextStyle.Regular, null)}\r\n    }\r\n\r\n    ${TitleContainer} {\r\n      ${ComponentLStyling(ComponentTextStyle.Bold, null)}\r\n    }\r\n\r\n  }\r\n`;\r\n\r\nconst TagContainer = styled.div`\r\n  align-self: center;\r\n`;\r\n\r\n\r\nconst TileHeader: React.FunctionComponent<TileHeaderProps & { size: Size }> = ({\r\n                                                                                 title,\r\n                                                                                 subtitle,\r\n                                                                                 subtitleIcon,\r\n                                                                                 tooltip,\r\n                                                                                 buttons,\r\n                                                                                 size,\r\n                                                                                 tag\r\n                                                                               }) => {\r\n\r\n  const theme = useTheme();\r\n\r\n  const renderTooltip = () =>\r\n    !!tooltip &&\r\n    <TooltipWrapper delay=\"0s\" size={Size.XSmall}\r\n                    align=\"center\"\r\n                    position=\"bottom\"\r\n                    withArrow={false}\r\n                    label={tooltip}>\r\n      <IconButton variant=\"secondary\"\r\n                  shape=\"circular\"\r\n                  style={{cursor: 'help'}}\r\n                  action={() => {\r\n                  }}>\r\n        <SystemIcons.Help size=\"24px\" color={COLORS.generateToken({componentType:'text',defaultVariant:'subtle'}, theme)}/>\r\n      </IconButton>\r\n    </TooltipWrapper>;\r\n\r\n\r\n  const renderTag = () => !!tag && <TagContainer><Tag {...tag}/></TagContainer>\r\n\r\n\r\n  return (\r\n    <Wrapper className={size}>\r\n      <TextContainer>\r\n        <TitleContainer>{title}</TitleContainer>\r\n        {\r\n          subtitle &&\r\n          <SubtitleContainer>\r\n            {\r\n              subtitleIcon &&\r\n              <SubtitleIconContainer>{React.cloneElement(subtitleIcon as React.ReactElement<any>, {size: size === Size.Large ? '20px' : '16px'})}</SubtitleIconContainer>\r\n            }\r\n            <span>{subtitle}</span>\r\n          </SubtitleContainer>\r\n        }\r\n      </TextContainer>\r\n      <ActionContainer>\r\n        {renderTooltip()}\r\n        {renderTag()}\r\n        {buttons && buttons.map((item, index) => RenderTileItem(item, size, index))}\r\n      </ActionContainer>\r\n    </Wrapper>\r\n  );\r\n}\r\n\r\nexport default TileHeader;\r\n"],"mappings":"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","ignoreList":[]}

package/dist/Tile/TileHeader.js

@@ -22,13 +22,19 @@ const SubtitleIconContainer = styled.span`
   }
 `;
 const SubtitleContainer = styled.div`
-  color: ${props => COLORS.getColor('neutral_600', props.theme)};
+  color: ${props => COLORS.generateToken({
+  componentType: 'text',
+  defaultVariant: 'subtle'
+}, props.theme)};
   display: flex;
   align-items: flex-start;
   gap: 4px;
 `;
 const TitleContainer = styled.div`
-  color: ${props => COLORS.getColor('black', props.theme)};
+  color: ${props => COLORS.generateToken({
+  componentType: 'text',
+  defaultVariant: 'default'
+}, props.theme)};
 `;
 const TextContainer = styled.div`
   display: flex;
@@ -129,7 +135,10 @@ const TileHeader = _ref => {
       action: () => {},
       children: /*#__PURE__*/_jsx(SystemIcons.Help, {
         size: "24px",
-        color: COLORS.getColor('neutral_600', theme)
+        color: COLORS.generateToken({
+          componentType: 'text',
+          defaultVariant: 'subtle'
+        }, theme)
       })
     })
   });

package/dist/Tile/TileHeader.js.map

@@ -1 +1 @@
-{"version":3,"file":"TileHeader.js","names":["React","Size","styled","useTheme","COLORS","ComponentLStyling","ComponentMStyling","ComponentSStyling","ComponentTextStyle","ComponentXSStyling","ComponentXXSStyling","TooltipWrapper","IconButton","SystemIcons","RenderTileItem","Tag","jsx","_jsx","jsxs","_jsxs","SubtitleIconContainer","span","SubtitleContainer","div","props","getColor","theme","TitleContainer","TextContainer","ActionContainer","Wrapper","Regular","Bold","TagContainer","TileHeader","_ref","title","subtitle","subtitleIcon","tooltip","buttons","size","tag","renderTooltip","delay","XSmall","align","position","withArrow","label","children","variant","shape","style","cursor","action","Help","color","renderTag","_objectSpread","className","cloneElement","Large","map","item","index"],"sources":["../../src/Tile/TileHeader.tsx"],"sourcesContent":["import React from 'react';\r\nimport {TileHeaderProps} from './TileTypes';\r\nimport {Size} from '../types';\r\nimport styled, { useTheme } from 'styled-components';\r\nimport {\r\n  COLORS,\r\n  ComponentLStyling,\r\n  ComponentMStyling,\r\n  ComponentSStyling,\r\n  ComponentTextStyle,\r\n  ComponentXSStyling,\r\n  ComponentXXSStyling\r\n} from '../styles';\r\nimport {TooltipWrapper} from '../Tooltips';\r\nimport {IconButton} from '../Button';\r\nimport {SystemIcons} from '../icons';\r\nimport {RenderTileItem} from './TileCommonItems';\r\nimport {Tag} from \"../Tag\";\r\n\r\nconst SubtitleIconContainer = styled.span`\r\n  display: flex;\r\n  width: 16px;\r\n  height: 16px;\r\n\r\n  .large & {\r\n    width: 20px;\r\n    height: 20px;\r\n  }\r\n`;\r\n\r\nconst SubtitleContainer = styled.div`\r\n  color: ${props => COLORS.getColor('neutral_600', props.theme)};\r\n  display: flex;\r\n  align-items: flex-start;\r\n  gap: 4px;\r\n`;\r\n\r\nconst TitleContainer = styled.div`\r\n  color: ${props => COLORS.getColor('black', props.theme)};\r\n`;\r\n\r\nconst TextContainer = styled.div`\r\n  display: flex;\r\n  flex-direction: column;\r\n  justify-content: center;\r\n  gap: 4px;\r\n  flex: 1;\r\n\r\n  padding: 14px 0;\r\n\r\n  .medium & {\r\n    padding: 12px 0;\r\n  }\r\n\r\n  .large & {\r\n    padding: 12px 0;\r\n  }\r\n\r\n`;\r\n\r\nconst ActionContainer = styled.div`\r\n  display: flex;\r\n  height: 100%;\r\n`;\r\n\r\nconst Wrapper = styled.div`\r\n  display: flex;\r\n  align-items: flex-start;\r\n\r\n  min-height: 56px;\r\n  box-sizing: border-box;\r\n\r\n  &.small {\r\n    padding: 4px 16px;\r\n\r\n    ${SubtitleContainer} {\r\n      ${ComponentXXSStyling(ComponentTextStyle.Regular, null)}\r\n    }\r\n\r\n    ${TitleContainer} {\r\n      ${ComponentSStyling(ComponentTextStyle.Bold, null)}\r\n    }\r\n  }\r\n\r\n  &.medium {\r\n    padding: 8px 20px;\r\n    min-height: 64px;\r\n\r\n    ${SubtitleContainer} {\r\n      ${ComponentXSStyling(ComponentTextStyle.Regular, null)}\r\n    }\r\n\r\n    ${TitleContainer} {\r\n      ${ComponentMStyling(ComponentTextStyle.Bold, null)}\r\n    }\r\n\r\n  }\r\n\r\n  &.large {\r\n    padding: 12px 24px;\r\n    min-height: 72px;\r\n\r\n    ${SubtitleContainer} {\r\n      ${ComponentSStyling(ComponentTextStyle.Regular, null)}\r\n    }\r\n\r\n    ${TitleContainer} {\r\n      ${ComponentLStyling(ComponentTextStyle.Bold, null)}\r\n    }\r\n\r\n  }\r\n`;\r\n\r\nconst TagContainer = styled.div`\r\n  align-self: center;\r\n`;\r\n\r\n\r\nconst TileHeader: React.FunctionComponent<TileHeaderProps & { size: Size }> = ({\r\n                                                                                 title,\r\n                                                                                 subtitle,\r\n                                                                                 subtitleIcon,\r\n                                                                                 tooltip,\r\n                                                                                 buttons,\r\n                                                                                 size,\r\n                                                                                 tag\r\n                                                                               }) => {\r\n\r\n  const theme = useTheme();\r\n\r\n  const renderTooltip = () =>\r\n    !!tooltip &&\r\n    <TooltipWrapper delay=\"0s\" size={Size.XSmall}\r\n                    align=\"center\"\r\n                    position=\"bottom\"\r\n                    withArrow={false}\r\n                    label={tooltip}>\r\n      <IconButton variant=\"secondary\"\r\n                  shape=\"circular\"\r\n                  style={{cursor: 'help'}}\r\n                  action={() => {\r\n                  }}>\r\n        <SystemIcons.Help size=\"24px\" color={COLORS.getColor('neutral_600', theme)}/>\r\n      </IconButton>\r\n    </TooltipWrapper>;\r\n\r\n\r\n  const renderTag = () => !!tag && <TagContainer><Tag {...tag}/></TagContainer>\r\n\r\n\r\n  return (\r\n    <Wrapper className={size}>\r\n      <TextContainer>\r\n        <TitleContainer>{title}</TitleContainer>\r\n        {\r\n          subtitle &&\r\n          <SubtitleContainer>\r\n            {\r\n              subtitleIcon &&\r\n              <SubtitleIconContainer>{React.cloneElement(subtitleIcon as React.ReactElement<any>, {size: size === Size.Large ? '20px' : '16px'})}</SubtitleIconContainer>\r\n            }\r\n            <span>{subtitle}</span>\r\n          </SubtitleContainer>\r\n        }\r\n      </TextContainer>\r\n      <ActionContainer>\r\n        {renderTooltip()}\r\n        {renderTag()}\r\n        {buttons && buttons.map((item, index) => RenderTileItem(item, size, index))}\r\n      </ActionContainer>\r\n    </Wrapper>\r\n  );\r\n}\r\n\r\nexport default TileHeader;\r\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"TileHeader.js","names":["React","Size","styled","useTheme","COLORS","ComponentLStyling","ComponentMStyling","ComponentSStyling","ComponentTextStyle","ComponentXSStyling","ComponentXXSStyling","TooltipWrapper","IconButton","SystemIcons","RenderTileItem","Tag","jsx","_jsx","jsxs","_jsxs","SubtitleIconContainer","span","SubtitleContainer","div","props","generateToken","componentType","defaultVariant","theme","TitleContainer","TextContainer","ActionContainer","Wrapper","Regular","Bold","TagContainer","TileHeader","_ref","title","subtitle","subtitleIcon","tooltip","buttons","size","tag","renderTooltip","delay","XSmall","align","position","withArrow","label","children","variant","shape","style","cursor","action","Help","color","renderTag","_objectSpread","className","cloneElement","Large","map","item","index"],"sources":["../../src/Tile/TileHeader.tsx"],"sourcesContent":["import React from 'react';\r\nimport {TileHeaderProps} from './TileTypes';\r\nimport {Size} from '../types';\r\nimport styled, { useTheme } from 'styled-components';\r\nimport {\r\n  COLORS,\r\n  ComponentLStyling,\r\n  ComponentMStyling,\r\n  ComponentSStyling,\r\n  ComponentTextStyle,\r\n  ComponentXSStyling,\r\n  ComponentXXSStyling\r\n} from '../styles';\r\nimport {TooltipWrapper} from '../Tooltips';\r\nimport {IconButton} from '../Button';\r\nimport {SystemIcons} from '../icons';\r\nimport {RenderTileItem} from './TileCommonItems';\r\nimport {Tag} from \"../Tag\";\r\n\r\nconst SubtitleIconContainer = styled.span`\r\n  display: flex;\r\n  width: 16px;\r\n  height: 16px;\r\n\r\n  .large & {\r\n    width: 20px;\r\n    height: 20px;\r\n  }\r\n`;\r\n\r\nconst SubtitleContainer = styled.div`\r\n  color: ${props => COLORS.generateToken({componentType:'text',defaultVariant:'subtle'}, props.theme)};\r\n  display: flex;\r\n  align-items: flex-start;\r\n  gap: 4px;\r\n`;\r\n\r\nconst TitleContainer = styled.div`\r\n  color: ${props => COLORS.generateToken({componentType:'text', defaultVariant:'default'}, props.theme)};\r\n`;\r\n\r\nconst TextContainer = styled.div`\r\n  display: flex;\r\n  flex-direction: column;\r\n  justify-content: center;\r\n  gap: 4px;\r\n  flex: 1;\r\n\r\n  padding: 14px 0;\r\n\r\n  .medium & {\r\n    padding: 12px 0;\r\n  }\r\n\r\n  .large & {\r\n    padding: 12px 0;\r\n  }\r\n\r\n`;\r\n\r\nconst ActionContainer = styled.div`\r\n  display: flex;\r\n  height: 100%;\r\n`;\r\n\r\nconst Wrapper = styled.div`\r\n  display: flex;\r\n  align-items: flex-start;\r\n\r\n  min-height: 56px;\r\n  box-sizing: border-box;\r\n\r\n  &.small {\r\n    padding: 4px 16px;\r\n\r\n    ${SubtitleContainer} {\r\n      ${ComponentXXSStyling(ComponentTextStyle.Regular, null)}\r\n    }\r\n\r\n    ${TitleContainer} {\r\n      ${ComponentSStyling(ComponentTextStyle.Bold, null)}\r\n    }\r\n  }\r\n\r\n  &.medium {\r\n    padding: 8px 20px;\r\n    min-height: 64px;\r\n\r\n    ${SubtitleContainer} {\r\n      ${ComponentXSStyling(ComponentTextStyle.Regular, null)}\r\n    }\r\n\r\n    ${TitleContainer} {\r\n      ${ComponentMStyling(ComponentTextStyle.Bold, null)}\r\n    }\r\n\r\n  }\r\n\r\n  &.large {\r\n    padding: 12px 24px;\r\n    min-height: 72px;\r\n\r\n    ${SubtitleContainer} {\r\n      ${ComponentSStyling(ComponentTextStyle.Regular, null)}\r\n    }\r\n\r\n    ${TitleContainer} {\r\n      ${ComponentLStyling(ComponentTextStyle.Bold, null)}\r\n    }\r\n\r\n  }\r\n`;\r\n\r\nconst TagContainer = styled.div`\r\n  align-self: center;\r\n`;\r\n\r\n\r\nconst TileHeader: React.FunctionComponent<TileHeaderProps & { size: Size }> = ({\r\n                                                                                 title,\r\n                                                                                 subtitle,\r\n                                                                                 subtitleIcon,\r\n                                                                                 tooltip,\r\n                                                                                 buttons,\r\n                                                                                 size,\r\n                                                                                 tag\r\n                                                                               }) => {\r\n\r\n  const theme = useTheme();\r\n\r\n  const renderTooltip = () =>\r\n    !!tooltip &&\r\n    <TooltipWrapper delay=\"0s\" size={Size.XSmall}\r\n                    align=\"center\"\r\n                    position=\"bottom\"\r\n                    withArrow={false}\r\n                    label={tooltip}>\r\n      <IconButton variant=\"secondary\"\r\n                  shape=\"circular\"\r\n                  style={{cursor: 'help'}}\r\n                  action={() => {\r\n                  }}>\r\n        <SystemIcons.Help size=\"24px\" color={COLORS.generateToken({componentType:'text',defaultVariant:'subtle'}, theme)}/>\r\n      </IconButton>\r\n    </TooltipWrapper>;\r\n\r\n\r\n  const renderTag = () => !!tag && <TagContainer><Tag {...tag}/></TagContainer>\r\n\r\n\r\n  return (\r\n    <Wrapper className={size}>\r\n      <TextContainer>\r\n        <TitleContainer>{title}</TitleContainer>\r\n        {\r\n          subtitle &&\r\n          <SubtitleContainer>\r\n            {\r\n              subtitleIcon &&\r\n              <SubtitleIconContainer>{React.cloneElement(subtitleIcon as React.ReactElement<any>, {size: size === Size.Large ? '20px' : '16px'})}</SubtitleIconContainer>\r\n            }\r\n            <span>{subtitle}</span>\r\n          </SubtitleContainer>\r\n        }\r\n      </TextContainer>\r\n      <ActionContainer>\r\n        {renderTooltip()}\r\n        {renderTag()}\r\n        {buttons && buttons.map((item, index) => RenderTileItem(item, size, index))}\r\n      </ActionContainer>\r\n    </Wrapper>\r\n  );\r\n}\r\n\r\nexport default TileHeader;\r\n"],"mappings":"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","ignoreList":[]}