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

package/dist/Chips/ChipStyles.cjs

@@ -18,7 +18,6 @@ var _styles = require("../styles");
 const ChipContentContainer = exports.ChipContentContainer = _styledComponents.default.div`
   display: flex;
   align-items: center;
-  min-height: 48px;
   width: max-content;
 `;
 const ChipContent = exports.ChipContent = _styledComponents.default.div`
@@ -71,13 +70,26 @@ const ChipContainer = exports.ChipContainer = _styledComponents.default.div`
   display: inline-block;
   cursor: pointer;
   position: relative;
+  
+  ${ChipContent} {
+    min-height: 32px;
+    color: ${props => _styles.COLORS.generateToken({
+  componentType: 'text',
+  defaultVariant: 'subtle'
+}, props.theme)};
+  }
 
   &.medium {
     ${ChipContent} {
       gap: 6px;
       padding: 10px 16px;
+      min-height: 40px;
+
+      ${props => (0, _styles.ComponentSStyling)(_styles.ComponentTextStyle.Bold, _styles.COLORS.generateToken({
+  componentType: 'text',
+  defaultVariant: 'subtle'
+}, props.theme))}
 
-      ${(0, _styles.ComponentSStyling)(_styles.ComponentTextStyle.Bold, null)}
       .chip-icon {
         height: 20px;
         width: 20px;
@@ -102,8 +114,12 @@ const ChipContainer = exports.ChipContainer = _styledComponents.default.div`
     ${ChipContent} {
       gap: 8px;
       padding: 12px 20px;
+      min-height: 48px;
 
-      ${(0, _styles.ComponentMStyling)(_styles.ComponentTextStyle.Bold, null)}
+      ${props => (0, _styles.ComponentMStyling)(_styles.ComponentTextStyle.Bold, _styles.COLORS.generateToken({
+  componentType: 'text',
+  defaultVariant: 'subtle'
+}, props.theme))}
       .chip-icon {
         height: 24px;
         width: 24px;
@@ -124,27 +140,103 @@ const ChipContainer = exports.ChipContainer = _styledComponents.default.div`
     }
   }
 
+  box-sizing: border-box;
+  border-radius: 24px;
+  border: 2px solid ${props => _styles.COLORS.generateToken({
+  componentType: 'border',
+  defaultVariant: 'subtle'
+}, props.theme)};
+
+  &:hover {
+    border: 2px solid ${props => _styles.COLORS.generateToken({
+  componentType: 'border',
+  state: 'hover'
+}, props.theme)};
+  }
+
+  &:active {
+    border: 2px solid ${props => _styles.COLORS.generateToken({
+  componentType: 'border',
+  state: 'active'
+}, props.theme)};
+  }
+
   &.interactive:focus {
     ${_styles.focusStyles}
   }
 
   &.default {
-    color: ${props => _styles.COLORS.getColor('white', props.theme)};
+    color: ${props => _styles.COLORS.generateToken({
+  componentType: 'bg-surface',
+  defaultVariant: 'default'
+}, props.theme)} !important;
+
+    ${ChipContent} {
+      background-color: ${props => _styles.COLORS.generateToken({
+  componentType: 'bg-surface',
+  defaultVariant: 'default'
+}, props.theme)} !important;
+      color: ${props => _styles.COLORS.generateToken({
+  componentType: 'text',
+  defaultVariant: 'subtle'
+}, props.theme)} !important;
+    }
+  }
+
+  &.selected {
+    border: none;
+    color: ${props => _styles.COLORS.generateToken({
+  componentType: 'text',
+  isOnFill: true,
+  defaultVariant: 'primary'
+}, props.theme)} !important;
+
+    ${ChipContent} {
+      background-color: ${props => _styles.COLORS.generateToken({
+  componentType: 'bg-fill',
+  defaultVariant: 'primary'
+}, props.theme)} !important;
+      color: ${props => _styles.COLORS.generateToken({
+  componentType: 'text',
+  isOnFill: true,
+  defaultVariant: 'primary'
+}, props.theme)} !important;
+    }
+  }
+
+  &.interactive.selected:hover:not(.action-within) {
+    ${ChipContent} {
+      background-color: ${props => _styles.COLORS.generateToken({
+  componentType: 'bg-surface',
+  state: 'hover'
+}, props.theme)};
+    }
+  }
 
+  &.interactive.selected:active:not(.action-within) {
     ${ChipContent} {
-      background-color: ${props => _styles.COLORS.getColor('primary_500', props.theme)};
+      background-color: ${props => _styles.COLORS.generateToken({
+  componentType: 'bg-surface',
+  state: 'active'
+}, props.theme)};
     }
   }
 
   &.interactive.default:hover:not(.action-within) {
     ${ChipContent} {
-      background-color: ${props => _styles.COLORS.getColor('primary_700', props.theme)};
+      background-color: ${props => _styles.COLORS.generateToken({
+  componentType: 'bg-surface',
+  state: 'hover'
+}, props.theme)};
     }
   }
 
   &.interactive.default:active:not(.action-within) {
     ${ChipContent} {
-      background-color: ${props => _styles.COLORS.getColor('primary_800', props.theme)};
+      background-color: ${props => _styles.COLORS.generateToken({
+  componentType: 'bg-surface',
+  state: 'active'
+}, props.theme)};
     }
   }
 
@@ -155,24 +247,36 @@ const ChipContainer = exports.ChipContainer = _styledComponents.default.div`
 }, props.theme)};
 
     ${ChipContent} {
-      background-color: ${props => _styles.COLORS.getColor('white', props.theme)};
-      border: 2px solid ${props => _styles.COLORS.getColor('neutral_200', props.theme)};
+      background-color: ${props => _styles.COLORS.generateToken({
+  componentType: 'bg-surface',
+  defaultVariant: 'default'
+}, props.theme)};
     }
   }
 
   &.interactive.outline:hover:not(.action-within) {
     ${ChipContent} {
-      background-color: ${props => _styles.COLORS.getColor('primary_20', props.theme)};
-      border: 2px solid ${props => _styles.COLORS.getColor('primary_200', props.theme)};
-      color: ${props => _styles.COLORS.getColor('primary_700', props.theme)};
+      background-color: ${props => _styles.COLORS.generateToken({
+  componentType: 'bg-surface',
+  state: 'hover'
+}, props.theme)};
+      color: ${props => _styles.COLORS.generateToken({
+  componentType: 'text',
+  state: 'hover'
+}, props.theme)};
     }
   }
 
   &.interactive.outline:active:not(.action-within) {
     ${ChipContent} {
-      background-color: ${props => _styles.COLORS.getColor('primary_100', props.theme)};
-      border: 2px solid ${props => _styles.COLORS.getColor('primary_300', props.theme)};
-      color: ${props => _styles.COLORS.getColor('primary_800', props.theme)};
+      background-color: ${props => _styles.COLORS.generateToken({
+  componentType: 'bg-surface',
+  state: 'active'
+}, props.theme)};
+      color: ${props => _styles.COLORS.generateToken({
+  componentType: 'text',
+  state: 'active'
+}, props.theme)};
       box-shadow: none;
     }
   }
@@ -197,23 +301,59 @@ const ChipContainer = exports.ChipContainer = _styledComponents.default.div`
   }
 
   &.invalid {
+    border-color: ${props => _styles.COLORS.generateToken({
+  componentType: 'border',
+  defaultVariant: 'critical'
+}, props.theme)};
     ${ChipContent} {
-      background-color: ${props => _styles.COLORS.getColor('critical_100', props.theme)};
-      color: ${props => _styles.COLORS.getColor('critical_600', props.theme)};
+      background-color: ${props => _styles.COLORS.generateToken({
+  componentType: 'bg-surface',
+  defaultVariant: 'critical'
+}, props.theme)};
+      color: ${props => _styles.COLORS.generateToken({
+  componentType: 'text',
+  defaultVariant: 'critical'
+}, props.theme)};
     }
   }
 
   &.interactive.invalid:hover:not(.action-within) {
+    border-color: ${props => _styles.COLORS.generateToken({
+  componentType: 'border',
+  defaultVariant: 'critical',
+  state: 'hover'
+}, props.theme)};
     ${ChipContent} {
-      background: ${props => _styles.COLORS.getColor('critical_200', props.theme)};
-      color: ${props => _styles.COLORS.getColor('critical_700', props.theme)};
+      background: ${props => _styles.COLORS.generateToken({
+  componentType: 'bg-surface',
+  defaultVariant: 'critical',
+  state: 'hover'
+}, props.theme)};
+      color: ${props => _styles.COLORS.generateToken({
+  componentType: 'text',
+  defaultVariant: 'critical',
+  state: 'hover'
+}, props.theme)};
     }
   }
 
   &.interactive.invalid:active:not(.action-within) {
+    border-color: ${props => _styles.COLORS.generateToken({
+  componentType: 'border',
+  defaultVariant: 'critical',
+  state: 'active'
+}, props.theme)};
     ${ChipContent} {
-      background: ${props => _styles.COLORS.getColor('critical_300', props.theme)};
-      color: ${props => _styles.COLORS.getColor('critical_800', props.theme)};
+      background: ${props => _styles.COLORS.generateToken({
+  componentType: 'bg-surface',
+  defaultVariant: 'critical',
+  state: 'active'
+}, props.theme)};
+      color: ${props => _styles.COLORS.generateToken({
+  componentType: 'text',
+  defaultVariant: 'critical',
+  state: 'active'
+}, props.theme)};
     }
   }
 
@@ -222,36 +362,69 @@ const ChipContainer = exports.ChipContainer = _styledComponents.default.div`
   }
 
   .action-right:hover .chip-icon {
-    background-color: ${props => _styles.COLORS.getColor('primary_700', props.theme)};
+    background-color: ${props => _styles.COLORS.generateToken({
+  componentType: 'bg-surface',
+  state: 'hover'
+}, props.theme)};
   }
 
   .action-right:active .chip-icon {
-    background-color: ${props => _styles.COLORS.getColor('primary_800', props.theme)};
+    background-color: ${props => _styles.COLORS.generateToken({
+  componentType: 'bg-surface',
+  state: 'active'
+}, props.theme)};
   }
 
   .action-right.disabled .chip-icon {
     background-color: transparent;
-    color: ${props => _styles.COLORS.getColor('primary_300', props.theme)};
+    color: ${props => _styles.COLORS.generateToken({
+  componentType: 'text',
+  state: 'disabled'
+}, props.theme)};
   }
 
   &.invalid {
     .action-right:hover .chip-icon {
-      background-color: ${props => _styles.COLORS.getColor('critical_200', props.theme)};
-      color: ${props => _styles.COLORS.getColor('critical_700', props.theme)};
+      background-color: ${props => _styles.COLORS.generateToken({
+  componentType: 'bg-surface',
+  defaultVariant: 'critical',
+  state: 'hover'
+}, props.theme)};
+      color: ${props => _styles.COLORS.generateToken({
+  componentType: 'icon',
+  defaultVariant: 'critical',
+  state: 'hover'
+}, props.theme)};
     }
 
     .action-right:active .chip-icon {
-      background-color: ${props => _styles.COLORS.getColor('critical_300', props.theme)};
-      color: ${props => _styles.COLORS.getColor('critical_800', props.theme)};
+      background-color: ${props => _styles.COLORS.generateToken({
+  componentType: 'bg-surface',
+  defaultVariant: 'critical',
+  state: 'active'
+}, props.theme)};
+      color: ${props => _styles.COLORS.generateToken({
+  componentType: 'icon',
+  defaultVariant: 'critical',
+  state: 'active'
+}, props.theme)};
     }
 
     .action-right.disabled .chip-icon {
       background-color: transparent;
-      color: ${props => _styles.COLORS.getColor('primary_300', props.theme)};
+      color: ${props => _styles.COLORS.generateToken({
+  componentType: 'text',
+  defaultVariant: 'critical',
+  state: 'disabled'
+}, props.theme)};
     }
   }
 
   &.disabled {
+    border: 2px solid ${props => _styles.COLORS.generateToken({
+  componentType: 'border',
+  state: 'disabled'
+}, props.theme)};
     cursor: not-allowed;
 
     ${ChipContentContainer} {
@@ -260,8 +433,14 @@ const ChipContainer = exports.ChipContainer = _styledComponents.default.div`
 
     ${ChipContent} {
       border: none !important;
-      background-color: ${props => _styles.COLORS.getColor('neutral_100', props.theme)} !important;
-      color: ${props => _styles.COLORS.getColor('neutral_300', props.theme)} !important;
+      background-color: ${props => _styles.COLORS.generateToken({
+  componentType: 'bg-surface',
+  state: 'disabled'
+}, props.theme)} !important;
+      color: ${props => _styles.COLORS.generateToken({
+  componentType: 'text',
+  state: 'disabled'
+}, props.theme)} !important;
     }
   }
 `;

package/dist/Chips/ChipStyles.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"ChipStyles.cjs","names":["_styledComponents","_interopRequireDefault","require","_styles","ChipContentContainer","exports","styled","div","ChipContent","ComponentXSStyling","ComponentTextStyle","Bold","ChipContainer","ComponentSStyling","ComponentMStyling","focusStyles","props","COLORS","getColor","theme","generateToken","componentType","defaultVariant"],"sources":["../../src/Chips/ChipStyles.ts"],"sourcesContent":["/**\r\n * Import third-party libraries.\r\n */\r\nimport styled from 'styled-components';\r\n\r\n/**\r\n * Import custom style properties.\r\n */\r\nimport { COLORS, ComponentMStyling, ComponentSStyling, ComponentTextStyle, ComponentXSStyling, focusStyles } from '../styles';\r\n\r\nexport const ChipContentContainer = styled.div`\r\n  display: flex;\r\n  align-items: center;\r\n  min-height: 48px;\r\n  width: max-content;\r\n`;\r\n\r\nexport const ChipContent = styled.div`\r\n  ${ComponentXSStyling(ComponentTextStyle.Bold, null)}\r\n\r\n  position: relative;\r\n  display: flex;\r\n  gap: 4px;\r\n  align-items: center;\r\n  min-height: 24px;\r\n  box-sizing: border-box;\r\n  border-radius: 24px;\r\n  padding: 4px 12px;\r\n\r\n  .chip-icon {\r\n    height: 16px;\r\n    width: 16px;\r\n    border-radius: 50%;\r\n\r\n    svg {\r\n      height: 16px;\r\n      width: 16px;\r\n    }\r\n  }\r\n\r\n  .icon-left {\r\n    margin-left: -4px;\r\n  }\r\n\r\n  .icon-right {\r\n    margin-right: -4px;\r\n  }\r\n\r\n  .action-right {\r\n    position: absolute;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    height: 48px;\r\n    width: 48px;\r\n    right: -8px;\r\n  }\r\n\r\n  &.with-action-right {\r\n    position: relative;\r\n    padding-right: 28px;\r\n  }\r\n`;\r\n\r\nexport const ChipContainer = styled.div`\r\n  display: inline-block;\r\n  cursor: pointer;\r\n  position: relative;\r\n\r\n  &.medium {\r\n    ${ChipContent} {\r\n      gap: 6px;\r\n      padding: 10px 16px;\r\n\r\n      ${ComponentSStyling(ComponentTextStyle.Bold, null)}\r\n      .chip-icon {\r\n        height: 20px;\r\n        width: 20px;\r\n\r\n        svg {\r\n          height: 20px;\r\n          width: 20px;\r\n        }\r\n      }\r\n    }\r\n\r\n    .with-action-right {\r\n      padding-right: 38px;\r\n\r\n      .action-right {\r\n        right: -2px;\r\n      }\r\n    }\r\n  }\r\n\r\n  &.large {\r\n    ${ChipContent} {\r\n      gap: 8px;\r\n      padding: 12px 20px;\r\n\r\n      ${ComponentMStyling(ComponentTextStyle.Bold, null)}\r\n      .chip-icon {\r\n        height: 24px;\r\n        width: 24px;\r\n\r\n        svg {\r\n          height: 24px;\r\n          width: 24px;\r\n        }\r\n      }\r\n    }\r\n\r\n    .with-action-right {\r\n      padding-right: 48px;\r\n\r\n      .action-right {\r\n        right: 4px;\r\n      }\r\n    }\r\n  }\r\n\r\n  &.interactive:focus {\r\n    ${focusStyles}\r\n  }\r\n\r\n  &.default {\r\n    color: ${props => COLORS.getColor('white', props.theme)};\r\n\r\n    ${ChipContent} {\r\n      background-color: ${props => COLORS.getColor('primary_500', props.theme)};\r\n    }\r\n  }\r\n\r\n  &.interactive.default:hover:not(.action-within) {\r\n    ${ChipContent} {\r\n      background-color: ${props => COLORS.getColor('primary_700', props.theme)};\r\n    }\r\n  }\r\n\r\n  &.interactive.default:active:not(.action-within) {\r\n    ${ChipContent} {\r\n      background-color: ${props => COLORS.getColor('primary_800', props.theme)};\r\n    }\r\n  }\r\n\r\n  &.outline {\r\n    color: ${props => COLORS.generateToken({componentType:'text',defaultVariant:'subtle'}, props.theme)};\r\n\r\n    ${ChipContent} {\r\n      background-color: ${props => COLORS.getColor('white', props.theme)};\r\n      border: 2px solid ${props => COLORS.getColor('neutral_200', props.theme)};\r\n    }\r\n  }\r\n\r\n  &.interactive.outline:hover:not(.action-within) {\r\n    ${ChipContent} {\r\n      background-color: ${props => COLORS.getColor('primary_20', props.theme)};\r\n      border: 2px solid ${props => COLORS.getColor('primary_200', props.theme)};\r\n      color: ${props => COLORS.getColor('primary_700', props.theme)};\r\n    }\r\n  }\r\n\r\n  &.interactive.outline:active:not(.action-within) {\r\n    ${ChipContent} {\r\n      background-color: ${props => COLORS.getColor('primary_100', props.theme)};\r\n      border: 2px solid ${props => COLORS.getColor('primary_300', props.theme)};\r\n      color: ${props => COLORS.getColor('primary_800', props.theme)};\r\n      box-shadow: none;\r\n    }\r\n  }\r\n\r\n  //account for border\r\n  &.small.outline:not(.disabled) {\r\n    ${ChipContent} {\r\n      padding: 2px 10px;\r\n    }\r\n  }\r\n\r\n  &.medium.outline:not(.disabled) {\r\n    ${ChipContent} {\r\n      padding: 8px 14px;\r\n    }\r\n  }\r\n\r\n  &.large.outline:not(.disabled) {\r\n    ${ChipContent} {\r\n      padding: 10px 18px;\r\n    }\r\n  }\r\n\r\n  &.invalid {\r\n    ${ChipContent} {\r\n      background-color: ${props => COLORS.getColor('critical_100', props.theme)};\r\n      color: ${props => COLORS.getColor('critical_600', props.theme)};\r\n    }\r\n  }\r\n\r\n  &.interactive.invalid:hover:not(.action-within) {\r\n    ${ChipContent} {\r\n      background: ${props => COLORS.getColor('critical_200', props.theme)};\r\n      color: ${props => COLORS.getColor('critical_700', props.theme)};\r\n    }\r\n  }\r\n\r\n  &.interactive.invalid:active:not(.action-within) {\r\n    ${ChipContent} {\r\n      background: ${props => COLORS.getColor('critical_300', props.theme)};\r\n      color: ${props => COLORS.getColor('critical_800', props.theme)};\r\n    }\r\n  }\r\n\r\n  .action-right:focus {\r\n    ${focusStyles}\r\n  }\r\n\r\n  .action-right:hover .chip-icon {\r\n    background-color: ${props => COLORS.getColor('primary_700', props.theme)};\r\n  }\r\n\r\n  .action-right:active .chip-icon {\r\n    background-color: ${props => COLORS.getColor('primary_800', props.theme)};\r\n  }\r\n\r\n  .action-right.disabled .chip-icon {\r\n    background-color: transparent;\r\n    color: ${props => COLORS.getColor('primary_300', props.theme)};\r\n  }\r\n\r\n  &.invalid {\r\n    .action-right:hover .chip-icon {\r\n      background-color: ${props => COLORS.getColor('critical_200', props.theme)};\r\n      color: ${props => COLORS.getColor('critical_700', props.theme)};\r\n    }\r\n\r\n    .action-right:active .chip-icon {\r\n      background-color: ${props => COLORS.getColor('critical_300', props.theme)};\r\n      color: ${props => COLORS.getColor('critical_800', props.theme)};\r\n    }\r\n\r\n    .action-right.disabled .chip-icon {\r\n      background-color: transparent;\r\n      color: ${props => COLORS.getColor('primary_300', props.theme)};\r\n    }\r\n  }\r\n\r\n  &.disabled {\r\n    cursor: not-allowed;\r\n\r\n    ${ChipContentContainer} {\r\n      pointer-events: none;\r\n    }\r\n\r\n    ${ChipContent} {\r\n      border: none !important;\r\n      background-color: ${props => COLORS.getColor('neutral_100', props.theme)} !important;\r\n      color: ${props => COLORS.getColor('neutral_300', props.theme)} !important;\r\n    }\r\n  }\r\n`;\r\n"],"mappings":";;;;;;;AAGA,IAAAA,iBAAA,GAAAC,sBAAA,CAAAC,OAAA;AAKA,IAAAC,OAAA,GAAAD,OAAA;AARA;AACA;AACA;;AAGA;AACA;AACA;;AAGO,MAAME,oBAAoB,GAAAC,OAAA,CAAAD,oBAAA,GAAGE,yBAAM,CAACC,GAAG;AAC9C;AACA;AACA;AACA;AACA,CAAC;AAEM,MAAMC,WAAW,GAAAH,OAAA,CAAAG,WAAA,GAAGF,yBAAM,CAACC,GAAG;AACrC,IAAI,IAAAE,0BAAkB,EAACC,0BAAkB,CAACC,IAAI,EAAE,IAAI,CAAC;AACrD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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;AAEM,MAAMC,aAAa,GAAAP,OAAA,CAAAO,aAAA,GAAGN,yBAAM,CAACC,GAAG;AACvC;AACA;AACA;AACA;AACA;AACA,MAAMC,WAAW;AACjB;AACA;AACA;AACA,QAAQ,IAAAK,yBAAiB,EAACH,0BAAkB,CAACC,IAAI,EAAE,IAAI,CAAC;AACxD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,MAAMH,WAAW;AACjB;AACA;AACA;AACA,QAAQ,IAAAM,yBAAiB,EAACJ,0BAAkB,CAACC,IAAI,EAAE,IAAI,CAAC;AACxD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,MAAMI,mBAAW;AACjB;AACA;AACA;AACA,aAAaC,KAAK,IAAIC,cAAM,CAACC,QAAQ,CAAC,OAAO,EAAEF,KAAK,CAACG,KAAK,CAAC;AAC3D;AACA,MAAMX,WAAW;AACjB,0BAA0BQ,KAAK,IAAIC,cAAM,CA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","ignoreList":[]}
+{"version":3,"file":"ChipStyles.cjs","names":["_styledComponents","_interopRequireDefault","require","_styles","ChipContentContainer","exports","styled","div","ChipContent","ComponentXSStyling","ComponentTextStyle","Bold","ChipContainer","props","COLORS","generateToken","componentType","defaultVariant","theme","ComponentSStyling","ComponentMStyling","state","focusStyles","isOnFill"],"sources":["../../src/Chips/ChipStyles.ts"],"sourcesContent":["/**\r\n * Import third-party libraries.\r\n */\r\nimport styled from 'styled-components';\r\n\r\n/**\r\n * Import custom style properties.\r\n */\r\nimport { COLORS, ComponentMStyling, ComponentSStyling, ComponentTextStyle, ComponentXSStyling, focusStyles } from '../styles';\r\n\r\nexport const ChipContentContainer = styled.div`\r\n  display: flex;\r\n  align-items: center;\r\n  width: max-content;\r\n`;\r\n\r\nexport const ChipContent = styled.div`\r\n  ${ComponentXSStyling(ComponentTextStyle.Bold, null)}\r\n\r\n  position: relative;\r\n  display: flex;\r\n  gap: 4px;\r\n  align-items: center;\r\n  min-height: 24px;\r\n  box-sizing: border-box;\r\n  border-radius: 24px;\r\n  padding: 4px 12px;\r\n\r\n  .chip-icon {\r\n    height: 16px;\r\n    width: 16px;\r\n    border-radius: 50%;\r\n\r\n    svg {\r\n      height: 16px;\r\n      width: 16px;\r\n    }\r\n  }\r\n\r\n  .icon-left {\r\n    margin-left: -4px;\r\n  }\r\n\r\n  .icon-right {\r\n    margin-right: -4px;\r\n  }\r\n\r\n  .action-right {\r\n    position: absolute;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    height: 48px;\r\n    width: 48px;\r\n    right: -8px;\r\n  }\r\n\r\n  &.with-action-right {\r\n    position: relative;\r\n    padding-right: 28px;\r\n  }\r\n`;\r\n\r\nexport const ChipContainer = styled.div`\r\n  display: inline-block;\r\n  cursor: pointer;\r\n  position: relative;\r\n  \r\n  ${ChipContent} {\r\n    min-height: 32px;\r\n    color: ${props => COLORS.generateToken({ componentType: 'text', defaultVariant: 'subtle' }, props.theme)};\r\n  }\r\n\r\n  &.medium {\r\n    ${ChipContent} {\r\n      gap: 6px;\r\n      padding: 10px 16px;\r\n      min-height: 40px;\r\n\r\n      ${props => ComponentSStyling(ComponentTextStyle.Bold, COLORS.generateToken({ componentType: 'text', defaultVariant: 'subtle' }, props.theme))}\r\n\r\n      .chip-icon {\r\n        height: 20px;\r\n        width: 20px;\r\n\r\n        svg {\r\n          height: 20px;\r\n          width: 20px;\r\n        }\r\n      }\r\n    }\r\n\r\n    .with-action-right {\r\n      padding-right: 38px;\r\n\r\n      .action-right {\r\n        right: -2px;\r\n      }\r\n    }\r\n  }\r\n\r\n  &.large {\r\n    ${ChipContent} {\r\n      gap: 8px;\r\n      padding: 12px 20px;\r\n      min-height: 48px;\r\n\r\n      ${props => ComponentMStyling(ComponentTextStyle.Bold, COLORS.generateToken({ componentType: 'text', defaultVariant: 'subtle' }, props.theme))}\r\n      .chip-icon {\r\n        height: 24px;\r\n        width: 24px;\r\n\r\n        svg {\r\n          height: 24px;\r\n          width: 24px;\r\n        }\r\n      }\r\n    }\r\n\r\n    .with-action-right {\r\n      padding-right: 48px;\r\n\r\n      .action-right {\r\n        right: 4px;\r\n      }\r\n    }\r\n  }\r\n\r\n  box-sizing: border-box;\r\n  border-radius: 24px;\r\n  border: 2px solid ${props => COLORS.generateToken({ componentType: 'border', defaultVariant: 'subtle' }, props.theme)};\r\n\r\n  &:hover {\r\n    border: 2px solid ${props => COLORS.generateToken({ componentType: 'border', state: 'hover' }, props.theme)};\r\n  }\r\n\r\n  &:active {\r\n    border: 2px solid ${props => COLORS.generateToken({ componentType: 'border', state: 'active' }, props.theme)};\r\n  }\r\n\r\n  &.interactive:focus {\r\n    ${focusStyles}\r\n  }\r\n\r\n  &.default {\r\n    color: ${props => COLORS.generateToken({ componentType: 'bg-surface', defaultVariant: 'default' }, props.theme)} !important;\r\n\r\n    ${ChipContent} {\r\n      background-color: ${props => COLORS.generateToken({ componentType: 'bg-surface', defaultVariant: 'default' }, props.theme)} !important;\r\n      color: ${props => COLORS.generateToken({ componentType: 'text', defaultVariant: 'subtle' }, props.theme)} !important;\r\n    }\r\n  }\r\n\r\n  &.selected {\r\n    border: none;\r\n    color: ${props => COLORS.generateToken({ componentType: 'text', isOnFill: true, defaultVariant: 'primary' }, props.theme)} !important;\r\n\r\n    ${ChipContent} {\r\n      background-color: ${props => COLORS.generateToken({ componentType: 'bg-fill', defaultVariant: 'primary' }, props.theme)} !important;\r\n      color: ${props => COLORS.generateToken({ componentType: 'text', isOnFill: true, defaultVariant: 'primary' }, props.theme)} !important;\r\n    }\r\n  }\r\n\r\n  &.interactive.selected:hover:not(.action-within) {\r\n    ${ChipContent} {\r\n      background-color: ${props => COLORS.generateToken({ componentType: 'bg-surface', state: 'hover' }, props.theme)};\r\n    }\r\n  }\r\n\r\n  &.interactive.selected:active:not(.action-within) {\r\n    ${ChipContent} {\r\n      background-color: ${props => COLORS.generateToken({ componentType: 'bg-surface', state: 'active' }, props.theme)};\r\n    }\r\n  }\r\n\r\n  &.interactive.default:hover:not(.action-within) {\r\n    ${ChipContent} {\r\n      background-color: ${props => COLORS.generateToken({ componentType: 'bg-surface', state: 'hover' }, props.theme)};\r\n    }\r\n  }\r\n\r\n  &.interactive.default:active:not(.action-within) {\r\n    ${ChipContent} {\r\n      background-color: ${props => COLORS.generateToken({ componentType: 'bg-surface', state: 'active' }, props.theme)};\r\n    }\r\n  }\r\n\r\n  &.outline {\r\n    color: ${props => COLORS.generateToken({componentType:'text',defaultVariant:'subtle'}, props.theme)};\r\n\r\n    ${ChipContent} {\r\n      background-color: ${props => COLORS.generateToken({ componentType: 'bg-surface', defaultVariant: 'default' }, props.theme)};\r\n    }\r\n  }\r\n\r\n  &.interactive.outline:hover:not(.action-within) {\r\n    ${ChipContent} {\r\n      background-color: ${props => COLORS.generateToken({ componentType: 'bg-surface', state: 'hover' }, props.theme)};\r\n      color: ${props => COLORS.generateToken({ componentType: 'text', state: 'hover'}, props.theme)};\r\n    }\r\n  }\r\n\r\n  &.interactive.outline:active:not(.action-within) {\r\n    ${ChipContent} {\r\n      background-color: ${props => COLORS.generateToken({ componentType: 'bg-surface', state: 'active' }, props.theme)};\r\n      color: ${props => COLORS.generateToken({ componentType: 'text', state: 'active' }, props.theme)};\r\n      box-shadow: none;\r\n    }\r\n  }\r\n\r\n  //account for border\r\n  &.small.outline:not(.disabled) {\r\n    ${ChipContent} {\r\n      padding: 2px 10px;\r\n    }\r\n  }\r\n\r\n  &.medium.outline:not(.disabled) {\r\n    ${ChipContent} {\r\n      padding: 8px 14px;\r\n    }\r\n  }\r\n\r\n  &.large.outline:not(.disabled) {\r\n    ${ChipContent} {\r\n      padding: 10px 18px;\r\n    }\r\n  }\r\n\r\n  &.invalid {\r\n    border-color: ${props => COLORS.generateToken({ componentType: 'border', defaultVariant: 'critical' }, props.theme)};\r\n    ${ChipContent} {\r\n      background-color: ${props => COLORS.generateToken({ componentType: 'bg-surface', defaultVariant: 'critical' }, props.theme)};\r\n      color: ${props => COLORS.generateToken({ componentType: 'text', defaultVariant: 'critical' }, props.theme)};\r\n    }\r\n  }\r\n\r\n  &.interactive.invalid:hover:not(.action-within) {\r\n    border-color: ${props => COLORS.generateToken({ componentType: 'border', defaultVariant: 'critical', state: 'hover' }, props.theme)};\r\n    ${ChipContent} {\r\n      background: ${props => COLORS.generateToken({ componentType: 'bg-surface', defaultVariant: 'critical', state: 'hover' }, props.theme)};\r\n      color: ${props => COLORS.generateToken({ componentType: 'text', defaultVariant: 'critical', state: 'hover' }, props.theme)};\r\n    }\r\n  }\r\n\r\n  &.interactive.invalid:active:not(.action-within) {\r\n    border-color: ${props => COLORS.generateToken({ componentType: 'border', defaultVariant: 'critical', state: 'active' }, props.theme)};\r\n    ${ChipContent} {\r\n      background: ${props => COLORS.generateToken({ componentType: 'bg-surface', defaultVariant: 'critical', state: 'active' }, props.theme)};\r\n      color: ${props => COLORS.generateToken({ componentType: 'text', defaultVariant: 'critical', state: 'active' }, props.theme)};\r\n    }\r\n  }\r\n\r\n  .action-right:focus {\r\n    ${focusStyles}\r\n  }\r\n\r\n  .action-right:hover .chip-icon {\r\n    background-color: ${props => COLORS.generateToken({ componentType: 'bg-surface', state: 'hover' }, props.theme)};\r\n  }\r\n\r\n  .action-right:active .chip-icon {\r\n    background-color: ${props => COLORS.generateToken({ componentType: 'bg-surface', state: 'active' }, props.theme)};\r\n  }\r\n\r\n  .action-right.disabled .chip-icon {\r\n    background-color: transparent;\r\n    color: ${props => COLORS.generateToken({ componentType: 'text', state: 'disabled' }, props.theme)};\r\n  }\r\n\r\n  &.invalid {\r\n    .action-right:hover .chip-icon {\r\n      background-color: ${props => COLORS.generateToken({ componentType: 'bg-surface', defaultVariant: 'critical', state: 'hover' }, props.theme)};\r\n      color: ${props => COLORS.generateToken({ componentType: 'icon', defaultVariant: 'critical', state: 'hover' }, props.theme)};\r\n    }\r\n\r\n    .action-right:active .chip-icon {\r\n      background-color: ${props => COLORS.generateToken({ componentType: 'bg-surface', defaultVariant: 'critical', state: 'active' }, props.theme)};\r\n      color: ${props => COLORS.generateToken({ componentType: 'icon', defaultVariant: 'critical', state: 'active' }, props.theme)};\r\n    }\r\n\r\n    .action-right.disabled .chip-icon {\r\n      background-color: transparent;\r\n      color: ${props => COLORS.generateToken({ componentType: 'text', defaultVariant: 'critical', state: 'disabled' }, props.theme)};\r\n    }\r\n  }\r\n\r\n  &.disabled {\r\n    border: 2px solid ${props => COLORS.generateToken({ componentType: 'border', state: 'disabled' }, props.theme)};\r\n    cursor: not-allowed;\r\n\r\n    ${ChipContentContainer} {\r\n      pointer-events: none;\r\n    }\r\n\r\n    ${ChipContent} {\r\n      border: none !important;\r\n      background-color: ${props => COLORS.generateToken({ componentType: 'bg-surface', state: 'disabled' }, props.theme)} !important;\r\n      color: ${props => COLORS.generateToken({ componentType: 'text', state: 'disabled' }, props.theme)} !important;\r\n    }\r\n  }\r\n`;\r\n"],"mappings":"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","ignoreList":[]}