@laerdal/life-react-components 3.0.1-dev.9.full → 3.1.0-dev.1

package/dist/esm/Chips/ChipStyles.js

@@ -1,428 +0,0 @@
-/**
- * Import third-party libraries.
- */
-import styled from 'styled-components';
-/**
- * Import custom style properties.
- */
-
-import { COLORS } from '../styles';
-import { ComponentMStyling, ComponentSStyling, ComponentTextStyle, ComponentXSStyling } from '../styles/typography';
-/**
- *
- * Chip styles.
- */
-
-export const ChipContainer = styled.div`
-  cursor: pointer;
-  color: ${COLORS.white};
-  display: inline-block;
-
-  > button > div > .remove > path {
-    fill: ${COLORS.white};
-  }
-
-  &:hover,
-  &:focus {
-    > button > div > .remove > path {
-      fill: ${COLORS.white};
-    }
-  }
-
-  button {
-    background: transparent;
-    display: inline-block;
-    padding: 0;
-    width: auto;
-    height: auto;
-    color: inherit;
-
-    div {
-      color: inherit;
-      width: auto;
-      height: auto;
-
-      svg {
-        color: inherit;
-      }
-    }
-
-    &:hover,
-    &:hover:not(:disabled),
-    :focus,
-    :focus:not(:disabled) {
-      background: transparent;
-      display: inline-block;
-      padding: 0;
-      width: auto;
-      height: auto;
-      color: inherit;
-      outline: none;
-
-      div {
-        box-shadow: none;
-        background-color: transparent;
-
-        svg {
-          color: inherit;
-        }
-      }
-    }
-  }
-
-  &.small {
-    ${ComponentXSStyling(ComponentTextStyle.Bold, COLORS.white)}
-    border-radius: 40px;
-    height: 24px;
-    padding: 0px 12px;
-    margin: 12px 0px;
-    border-radius: 40px;
-    display: inline-flex;
-    align-items: center;
-
-    &.icon-chip {
-      padding: 0px 12px 0px 8px;
-    }
-
-    &.button-chip {
-      padding: 0px 8px 0px 12px;
-    }
-
-    &.icon-chip.button-chip {
-      padding: 0px 8px;
-    }
-
-    > button {
-      width: 16px;
-      height: 16px;
-
-      > div {
-        width: 16px;
-        height: 16px;
-
-        svg {
-          padding: 0px;
-          margin-left: 4x;
-        }
-      }
-    }
-
-    svg {
-      vertical-align: middle;
-
-      &.icon {
-        margin-right: 4px;
-      }
-
-      &.remove {
-        margin-left: 4px;
-      }
-    }
-  }
-
-  &.medium {
-    ${ComponentSStyling(ComponentTextStyle.Bold, COLORS.white)}
-    border-radius: 80px;
-    height: 40px;
-    padding: 0px 16px;
-    margin: 4px 0px;
-    display: inline-flex;
-    align-items: center;
-
-    &.icon-chip {
-      padding: 0px 16px 0px 12px;
-    }
-
-    &.button-chip {
-      padding: 0px 12px 0px 16px;
-    }
-
-    &.icon-chip.button-chip {
-      padding: 0px 12px;
-    }
-
-    > button {
-      width: 20px;
-      height: 20px;
-
-      > div {
-        width: 20px;
-        height: 20px;
-
-        svg {
-          padding: 0px;
-          margin-left: 6px;
-        }
-      }
-    }
-
-    svg {
-      vertical-align: middle;
-
-      &.icon {
-        margin-right: 6px;
-      }
-
-      &.remove {
-        margin-left: 6px;
-      }
-    }
-  }
-
-  &.large {
-    ${ComponentMStyling(ComponentTextStyle.Bold, COLORS.white)}
-    border-radius: 120px;
-    height: 56px;
-    padding: 0px 20px;
-    margin: 0px;
-    display: inline-flex;
-    align-items: center;
-
-    &.icon-chip {
-      padding: 0px 20px 0px 16px;
-    }
-
-    &.button-chip {
-      padding: 0px 16px 0px 20px;
-    }
-
-    &.icon-chip.button-chip {
-      padding: 0px 16px;
-    }
-
-    > button {
-      width: 24px;
-      height: 24px;
-
-      > div {
-        width: 24px;
-        height: 24px;
-
-        svg {
-          padding: 0px;
-          margin-left: 8px;
-        }
-      }
-    }
-
-    svg {
-      vertical-align: middle;
-
-      &.icon {
-        margin-right: 8px;
-      }
-
-      &.remove {
-        margin-left: 8px;
-      }
-    }
-  }
-
-  &.disabled {
-    cursor: not-allowed;
-    background: ${COLORS.neutral_100};
-    color: ${COLORS.neutral_300};
-
-    > button > div > .remove > path {
-      fill: ${COLORS.neutral_300};
-    }
-
-    &:hover {
-      background: ${COLORS.neutral_100};
-    }
-
-    &:active {
-      background: ${COLORS.neutral_100};
-    }
-  }
-
-  &.normal {
-    background: ${COLORS.primary_500};
-
-    &:hover {
-      background: ${COLORS.primary_700};
-    }
-
-    &:active {
-      background: ${COLORS.primary_800};
-    }
-  }
-
-  &.warning {
-    color: ${COLORS.black};
-    background: ${COLORS.warning_100};
-
-    > button > div > .remove > path {
-      fill: ${COLORS.warning_500};
-    }
-
-    &:hover {
-      background: ${COLORS.warning_400};
-    }
-
-    &:active {
-      background: ${COLORS.warning_400};
-    }
-  }
-
-  &.error {
-    color: ${COLORS.black};
-    background: ${COLORS.critical_100};
-
-    > button > div > .remove > path {
-      fill: ${COLORS.critical_500};
-    }
-
-    &:hover {
-      background: ${COLORS.critical_400};
-    }
-
-    &:active {
-      background: ${COLORS.critical_400};
-    }
-  }
-`;
-export const ChipInputContainer = styled.div`
-  min-height: 56px;
-  height: auto;
-  width: 100%;
-  border-radius: 4px;
-  border: 2px solid transparent;
-  box-shadow: inset 0px 0px 0px 1px ${COLORS.neutral_400};
-  background-color: #fff;
-  box-sizing: border-box;
-  padding: 16px 16px 8px 16px;
-  box-sizing: border-box;
-  width: 100%;
-  cursor: text;
-  outline: none;
-  border-radius: 4.5px;
-  display: flex;
-  flex-direction: row;
-  flex-wrap: wrap;
-
-  ${ComponentMStyling(ComponentTextStyle.Regular, COLORS.black)}
-  color: ${COLORS.black} !important;
-
-  &.warning,
-  &.warning:hover,
-  &.warning:focus {
-    -webkit-box-shadow: inset 0px 0px 0px 2px ${COLORS.warning_500};
-    -moz-box-shadow: inset 0px 0px 0px 2px ${COLORS.warning_500};
-    box-shadow: inset 0px 0px 0px 2px ${COLORS.warning_500};
-  }
-
-  &.error,
-  &.error:hover,
-  &.error:focus {
-    -webkit-box-shadow: inset 0px 0px 0px 2px ${COLORS.critical_500};
-    -moz-box-shadow: inset 0px 0px 0px 2px ${COLORS.critical_500};
-    box-shadow: inset 0px 0px 0px 2px ${COLORS.critical_500};
-  }
-
-  > div {
-    margin-right: 8px;
-    margin-bottom: 8px;
-  }
-
-  &.active {
-    -webkit-box-shadow: inset 0px 0px 0px 2px ${COLORS.primary_800};
-    -moz-box-shadow: inset 0px 0px 0px 2px ${COLORS.primary_800};
-    box-shadow: inset 0px 0px 0px 2px ${COLORS.primary_800};
-  }
-
-  &:hover {
-    -webkit-box-shadow: inset 0px 0px 0px 2px ${COLORS.primary_700};
-    -moz-box-shadow: inset 0px 0px 0px 2px ${COLORS.primary_700};
-    box-shadow: inset 0px 0px 0px 2px ${COLORS.primary_700};
-  }
-`;
-export const RequiredStar = styled.span`
-  color: ${COLORS.critical_500};
-  font-size: 28px;
-  line-height: 12px;
-  float: right;
-  font-weight: 700;
-  position: relative;
-  top: 10px;
-`;
-export const FilterChipContainer = styled(ChipContainer)`
-  &.normal {
-    background: ${COLORS.white};
-    color: ${COLORS.neutral_600};
-    border: 2px solid;
-    border-color: ${COLORS.neutral_200};
-
-    &:hover {
-      background: ${COLORS.primary_20};
-      color: ${COLORS.primary_600};
-      border-color: ${COLORS.primary_200};
-    }
-
-    &:active,
-    &:focus {
-      background: ${COLORS.primary_100};
-      color: ${COLORS.primary_800};
-      border-color: ${COLORS.primary_300};
-      box-shadow: 0px 4px 12px ${COLORS.focus_25}, 0px 0px 8px ${COLORS.focus} !important;
-      outline: none;
-    }
-  }
-
-  &.selected {
-    background: ${COLORS.primary_500};
-    color: ${COLORS.white};
-    border: 2px solid;
-    border-color: ${COLORS.primary_500};
-
-    &:hover {
-      background: ${COLORS.primary_700};
-      color: ${COLORS.white};
-      border-color: ${COLORS.primary_700};
-    }
-
-    &:active,
-    &:focus {
-      background: ${COLORS.primary_800};
-      color: ${COLORS.white};
-      border-color: ${COLORS.primary_800};
-      box-shadow: 0px 4px 12px ${COLORS.focus_25}, 0px 0px 8px ${COLORS.focus} !important;
-      outline: none;
-    }
-  }
-`;
-export const ActionChipContainer = styled(ChipContainer)`
-  &.normal {
-    background: ${COLORS.white};
-    color: ${COLORS.neutral_600};
-    border: 2px solid;
-    border-color: ${COLORS.neutral_200};
-
-    &:hover {
-      background: ${COLORS.primary_20};
-      color: ${COLORS.primary_600};
-      border-color: ${COLORS.primary_200};
-    }
-
-    &:active,
-    &:focus {
-      background: ${COLORS.primary_100};
-      color: ${COLORS.primary_800};
-      border-color: ${COLORS.primary_300};
-      box-shadow: 0px 4px 12px ${COLORS.focus_25}, 0px 0px 8px ${COLORS.focus} !important;
-    }
-  }
-`;
-export const ChipInputEl = styled.input`
-  height: 40px;
-  width: auto;
-  display: inline-flex;
-  border: none;
-  outline: none;
-  margin-top: 5px;
-  margin-bottom: 8px;
-
-  ${ComponentMStyling(ComponentTextStyle.Regular, COLORS.black)}
-  color: ${COLORS.black} !important;
-`;
-//# sourceMappingURL=ChipStyles.js.map

package/dist/esm/Chips/ChipStyles.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../src/Chips/ChipStyles.ts"],"names":["styled","COLORS","ComponentMStyling","ComponentSStyling","ComponentTextStyle","ComponentXSStyling","ChipContainer","div","white","Bold","neutral_100","neutral_300","primary_500","primary_700","primary_800","black","warning_100","warning_500","warning_400","critical_100","critical_500","critical_400","ChipInputContainer","neutral_400","Regular","RequiredStar","span","FilterChipContainer","neutral_600","neutral_200","primary_20","primary_600","primary_200","primary_100","primary_300","focus_25","focus","ActionChipContainer","ChipInputEl","input"],"mappings":"AAAA;AACA;AACA;AACA,OAAOA,MAAP,MAAmB,mBAAnB;AAEA;AACA;AACA;;AACA,SAASC,MAAT,QAAuB,WAAvB;AACA,SAASC,iBAAT,EAA4BC,iBAA5B,EAA+CC,kBAA/C,EAAmEC,kBAAnE,QAAkH,sBAAlH;AAEA;AACA;AACA;AACA;;AACA,OAAO,MAAMC,aAAa,GAAGN,MAAM,CAACO,GAAI;AACxC;AACA,WAAWN,MAAM,CAACO,KAAM;AACxB;AACA;AACA;AACA,YAAYP,MAAM,CAACO,KAAM;AACzB;AACA;AACA;AACA;AACA;AACA,cAAcP,MAAM,CAACO,KAAM;AAC3B;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;AACA;AACA,MAAMH,kBAAkB,CAACD,kBAAkB,CAACK,IAApB,EAA0BR,MAAM,CAACO,KAAjC,CAAwC;AAChE;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;AACA;AACA;AACA;AACA;AACA;AACA,MAAML,iBAAiB,CAACC,kBAAkB,CAACK,IAApB,EAA0BR,MAAM,CAACO,KAAjC,CAAwC;AAC/D;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;AACA;AACA;AACA;AACA;AACA,MAAMN,iBAAiB,CAACE,kBAAkB,CAACK,IAApB,EAA0BR,MAAM,CAACO,KAAjC,CAAwC;AAC/D;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;AACA;AACA;AACA;AACA;AACA;AACA,kBAAkBP,MAAM,CAACS,WAAY;AACrC,aAAaT,MAAM,CAACU,WAAY;AAChC;AACA;AACA,cAAcV,MAAM,CAACU,WAAY;AACjC;AACA;AACA;AACA,oBAAoBV,MAAM,CAACS,WAAY;AACvC;AACA;AACA;AACA,oBAAoBT,MAAM,CAACS,WAAY;AACvC;AACA;AACA;AACA;AACA,kBAAkBT,MAAM,CAACW,WAAY;AACrC;AACA;AACA,oBAAoBX,MAAM,CAACY,WAAY;AACvC;AACA;AACA;AACA,oBAAoBZ,MAAM,CAACa,WAAY;AACvC;AACA;AACA;AACA;AACA,aAAab,MAAM,CAACc,KAAM;AAC1B,kBAAkBd,MAAM,CAACe,WAAY;AACrC;AACA;AACA,cAAcf,MAAM,CAACgB,WAAY;AACjC;AACA;AACA;AACA,oBAAoBhB,MAAM,CAACiB,WAAY;AACvC;AACA;AACA;AACA,oBAAoBjB,MAAM,CAACiB,WAAY;AACvC;AACA;AACA;AACA;AACA,aAAajB,MAAM,CAACc,KAAM;AAC1B,kBAAkBd,MAAM,CAACkB,YAAa;AACtC;AACA;AACA,cAAclB,MAAM,CAACmB,YAAa;AAClC;AACA;AACA;AACA,oBAAoBnB,MAAM,CAACoB,YAAa;AACxC;AACA;AACA;AACA,oBAAoBpB,MAAM,CAACoB,YAAa;AACxC;AACA;AACA,CA5QO;AA8QP,OAAO,MAAMC,kBAAkB,GAAGtB,MAAM,CAACO,GAAI;AAC7C;AACA;AACA;AACA;AACA;AACA,sCAAsCN,MAAM,CAACsB,WAAY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","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 } from '../styles';\r\nimport { ComponentMStyling, ComponentSStyling, ComponentTextStyle, ComponentXSStyling, ComponentXXSStyling } from '../styles/typography';\r\n\r\n/**\r\n *\r\n * Chip styles.\r\n */\r\nexport const ChipContainer = styled.div`\r\n  cursor: pointer;\r\n  color: ${COLORS.white};\r\n  display: inline-block;\r\n\r\n  > button > div > .remove > path {\r\n    fill: ${COLORS.white};\r\n  }\r\n\r\n  &:hover,\r\n  &:focus {\r\n    > button > div > .remove > path {\r\n      fill: ${COLORS.white};\r\n    }\r\n  }\r\n\r\n  button {\r\n    background: transparent;\r\n    display: inline-block;\r\n    padding: 0;\r\n    width: auto;\r\n    height: auto;\r\n    color: inherit;\r\n\r\n    div {\r\n      color: inherit;\r\n      width: auto;\r\n      height: auto;\r\n\r\n      svg {\r\n        color: inherit;\r\n      }\r\n    }\r\n\r\n    &:hover,\r\n    &:hover:not(:disabled),\r\n    :focus,\r\n    :focus:not(:disabled) {\r\n      background: transparent;\r\n      display: inline-block;\r\n      padding: 0;\r\n      width: auto;\r\n      height: auto;\r\n      color: inherit;\r\n      outline: none;\r\n\r\n      div {\r\n        box-shadow: none;\r\n        background-color: transparent;\r\n\r\n        svg {\r\n          color: inherit;\r\n        }\r\n      }\r\n    }\r\n  }\r\n\r\n  &.small {\r\n    ${ComponentXSStyling(ComponentTextStyle.Bold, COLORS.white)}\r\n    border-radius: 40px;\r\n    height: 24px;\r\n    padding: 0px 12px;\r\n    margin: 12px 0px;\r\n    border-radius: 40px;\r\n    display: inline-flex;\r\n    align-items: center;\r\n\r\n    &.icon-chip {\r\n      padding: 0px 12px 0px 8px;\r\n    }\r\n\r\n    &.button-chip {\r\n      padding: 0px 8px 0px 12px;\r\n    }\r\n\r\n    &.icon-chip.button-chip {\r\n      padding: 0px 8px;\r\n    }\r\n\r\n    > button {\r\n      width: 16px;\r\n      height: 16px;\r\n\r\n      > div {\r\n        width: 16px;\r\n        height: 16px;\r\n\r\n        svg {\r\n          padding: 0px;\r\n          margin-left: 4x;\r\n        }\r\n      }\r\n    }\r\n\r\n    svg {\r\n      vertical-align: middle;\r\n\r\n      &.icon {\r\n        margin-right: 4px;\r\n      }\r\n\r\n      &.remove {\r\n        margin-left: 4px;\r\n      }\r\n    }\r\n  }\r\n\r\n  &.medium {\r\n    ${ComponentSStyling(ComponentTextStyle.Bold, COLORS.white)}\r\n    border-radius: 80px;\r\n    height: 40px;\r\n    padding: 0px 16px;\r\n    margin: 4px 0px;\r\n    display: inline-flex;\r\n    align-items: center;\r\n\r\n    &.icon-chip {\r\n      padding: 0px 16px 0px 12px;\r\n    }\r\n\r\n    &.button-chip {\r\n      padding: 0px 12px 0px 16px;\r\n    }\r\n\r\n    &.icon-chip.button-chip {\r\n      padding: 0px 12px;\r\n    }\r\n\r\n    > button {\r\n      width: 20px;\r\n      height: 20px;\r\n\r\n      > div {\r\n        width: 20px;\r\n        height: 20px;\r\n\r\n        svg {\r\n          padding: 0px;\r\n          margin-left: 6px;\r\n        }\r\n      }\r\n    }\r\n\r\n    svg {\r\n      vertical-align: middle;\r\n\r\n      &.icon {\r\n        margin-right: 6px;\r\n      }\r\n\r\n      &.remove {\r\n        margin-left: 6px;\r\n      }\r\n    }\r\n  }\r\n\r\n  &.large {\r\n    ${ComponentMStyling(ComponentTextStyle.Bold, COLORS.white)}\r\n    border-radius: 120px;\r\n    height: 56px;\r\n    padding: 0px 20px;\r\n    margin: 0px;\r\n    display: inline-flex;\r\n    align-items: center;\r\n\r\n    &.icon-chip {\r\n      padding: 0px 20px 0px 16px;\r\n    }\r\n\r\n    &.button-chip {\r\n      padding: 0px 16px 0px 20px;\r\n    }\r\n\r\n    &.icon-chip.button-chip {\r\n      padding: 0px 16px;\r\n    }\r\n\r\n    > button {\r\n      width: 24px;\r\n      height: 24px;\r\n\r\n      > div {\r\n        width: 24px;\r\n        height: 24px;\r\n\r\n        svg {\r\n          padding: 0px;\r\n          margin-left: 8px;\r\n        }\r\n      }\r\n    }\r\n\r\n    svg {\r\n      vertical-align: middle;\r\n\r\n      &.icon {\r\n        margin-right: 8px;\r\n      }\r\n\r\n      &.remove {\r\n        margin-left: 8px;\r\n      }\r\n    }\r\n  }\r\n\r\n  &.disabled {\r\n    cursor: not-allowed;\r\n    background: ${COLORS.neutral_100};\r\n    color: ${COLORS.neutral_300};\r\n\r\n    > button > div > .remove > path {\r\n      fill: ${COLORS.neutral_300};\r\n    }\r\n\r\n    &:hover {\r\n      background: ${COLORS.neutral_100};\r\n    }\r\n\r\n    &:active {\r\n      background: ${COLORS.neutral_100};\r\n    }\r\n  }\r\n\r\n  &.normal {\r\n    background: ${COLORS.primary_500};\r\n\r\n    &:hover {\r\n      background: ${COLORS.primary_700};\r\n    }\r\n\r\n    &:active {\r\n      background: ${COLORS.primary_800};\r\n    }\r\n  }\r\n\r\n  &.warning {\r\n    color: ${COLORS.black};\r\n    background: ${COLORS.warning_100};\r\n\r\n    > button > div > .remove > path {\r\n      fill: ${COLORS.warning_500};\r\n    }\r\n\r\n    &:hover {\r\n      background: ${COLORS.warning_400};\r\n    }\r\n\r\n    &:active {\r\n      background: ${COLORS.warning_400};\r\n    }\r\n  }\r\n\r\n  &.error {\r\n    color: ${COLORS.black};\r\n    background: ${COLORS.critical_100};\r\n\r\n    > button > div > .remove > path {\r\n      fill: ${COLORS.critical_500};\r\n    }\r\n\r\n    &:hover {\r\n      background: ${COLORS.critical_400};\r\n    }\r\n\r\n    &:active {\r\n      background: ${COLORS.critical_400};\r\n    }\r\n  }\r\n`;\r\n\r\nexport const ChipInputContainer = styled.div`\r\n  min-height: 56px;\r\n  height: auto;\r\n  width: 100%;\r\n  border-radius: 4px;\r\n  border: 2px solid transparent;\r\n  box-shadow: inset 0px 0px 0px 1px ${COLORS.neutral_400};\r\n  background-color: #fff;\r\n  box-sizing: border-box;\r\n  padding: 16px 16px 8px 16px;\r\n  box-sizing: border-box;\r\n  width: 100%;\r\n  cursor: text;\r\n  outline: none;\r\n  border-radius: 4.5px;\r\n  display: flex;\r\n  flex-direction: row;\r\n  flex-wrap: wrap;\r\n\r\n  ${ComponentMStyling(ComponentTextStyle.Regular, COLORS.black)}\r\n  color: ${COLORS.black} !important;\r\n\r\n  &.warning,\r\n  &.warning:hover,\r\n  &.warning:focus {\r\n    -webkit-box-shadow: inset 0px 0px 0px 2px ${COLORS.warning_500};\r\n    -moz-box-shadow: inset 0px 0px 0px 2px ${COLORS.warning_500};\r\n    box-shadow: inset 0px 0px 0px 2px ${COLORS.warning_500};\r\n  }\r\n\r\n  &.error,\r\n  &.error:hover,\r\n  &.error:focus {\r\n    -webkit-box-shadow: inset 0px 0px 0px 2px ${COLORS.critical_500};\r\n    -moz-box-shadow: inset 0px 0px 0px 2px ${COLORS.critical_500};\r\n    box-shadow: inset 0px 0px 0px 2px ${COLORS.critical_500};\r\n  }\r\n\r\n  > div {\r\n    margin-right: 8px;\r\n    margin-bottom: 8px;\r\n  }\r\n\r\n  &.active {\r\n    -webkit-box-shadow: inset 0px 0px 0px 2px ${COLORS.primary_800};\r\n    -moz-box-shadow: inset 0px 0px 0px 2px ${COLORS.primary_800};\r\n    box-shadow: inset 0px 0px 0px 2px ${COLORS.primary_800};\r\n  }\r\n\r\n  &:hover {\r\n    -webkit-box-shadow: inset 0px 0px 0px 2px ${COLORS.primary_700};\r\n    -moz-box-shadow: inset 0px 0px 0px 2px ${COLORS.primary_700};\r\n    box-shadow: inset 0px 0px 0px 2px ${COLORS.primary_700};\r\n  }\r\n`;\r\n\r\nexport const RequiredStar = styled.span`\r\n  color: ${COLORS.critical_500};\r\n  font-size: 28px;\r\n  line-height: 12px;\r\n  float: right;\r\n  font-weight: 700;\r\n  position: relative;\r\n  top: 10px;\r\n`;\r\n\r\nexport const FilterChipContainer = styled(ChipContainer)`\r\n  &.normal {\r\n    background: ${COLORS.white};\r\n    color: ${COLORS.neutral_600};\r\n    border: 2px solid;\r\n    border-color: ${COLORS.neutral_200};\r\n\r\n    &:hover {\r\n      background: ${COLORS.primary_20};\r\n      color: ${COLORS.primary_600};\r\n      border-color: ${COLORS.primary_200};\r\n    }\r\n\r\n    &:active,\r\n    &:focus {\r\n      background: ${COLORS.primary_100};\r\n      color: ${COLORS.primary_800};\r\n      border-color: ${COLORS.primary_300};\r\n      box-shadow: 0px 4px 12px ${COLORS.focus_25}, 0px 0px 8px ${COLORS.focus} !important;\r\n      outline: none;\r\n    }\r\n  }\r\n\r\n  &.selected {\r\n    background: ${COLORS.primary_500};\r\n    color: ${COLORS.white};\r\n    border: 2px solid;\r\n    border-color: ${COLORS.primary_500};\r\n\r\n    &:hover {\r\n      background: ${COLORS.primary_700};\r\n      color: ${COLORS.white};\r\n      border-color: ${COLORS.primary_700};\r\n    }\r\n\r\n    &:active,\r\n    &:focus {\r\n      background: ${COLORS.primary_800};\r\n      color: ${COLORS.white};\r\n      border-color: ${COLORS.primary_800};\r\n      box-shadow: 0px 4px 12px ${COLORS.focus_25}, 0px 0px 8px ${COLORS.focus} !important;\r\n      outline: none;\r\n    }\r\n  }\r\n`;\r\n\r\nexport const ActionChipContainer = styled(ChipContainer)`\r\n  &.normal {\r\n    background: ${COLORS.white};\r\n    color: ${COLORS.neutral_600};\r\n    border: 2px solid;\r\n    border-color: ${COLORS.neutral_200};\r\n\r\n    &:hover {\r\n      background: ${COLORS.primary_20};\r\n      color: ${COLORS.primary_600};\r\n      border-color: ${COLORS.primary_200};\r\n    }\r\n\r\n    &:active,\r\n    &:focus {\r\n      background: ${COLORS.primary_100};\r\n      color: ${COLORS.primary_800};\r\n      border-color: ${COLORS.primary_300};\r\n      box-shadow: 0px 4px 12px ${COLORS.focus_25}, 0px 0px 8px ${COLORS.focus} !important;\r\n    }\r\n  }\r\n`;\r\n\r\nexport const ChipInputEl = styled.input`\r\n  height: 40px;\r\n  width: auto;\r\n  display: inline-flex;\r\n  border: none;\r\n  outline: none;\r\n  margin-top: 5px;\r\n  margin-bottom: 8px;\r\n\r\n  ${ComponentMStyling(ComponentTextStyle.Regular, COLORS.black)}\r\n  color: ${COLORS.black} !important;\r\n`;\r\n"],"file":"ChipStyles.js"}

package/dist/esm/Chips/ChipTypes.js

@@ -1,2 +0,0 @@
-export {};
-//# sourceMappingURL=ChipTypes.js.map

package/dist/esm/Chips/ChipTypes.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":[],"names":[],"mappings":"","sourcesContent":[],"file":"ChipTypes.js"}

package/dist/esm/Chips/ChoiceChips.js

@@ -1,64 +0,0 @@
-/**
- * Import React libraries.
- */
-import * as React from 'react';
-/**
- * Import custom styles.
- */
-
-import { FilterChipContainer } from './ChipStyles';
-/**
- * Import custom types.
- */
-
-const ChoiceChips = ({
-  selected,
-  variant,
-  disabled,
-  onClick,
-  values
-}) => {
-  /**
-   * Globally used variables within the component.
-   */
-  const [selectedChip, setSelectedChip] = React.useState('');
-  /**
-   * Set the selected value for the chip.
-   */
-
-  React.useEffect(() => {
-    setSelectedChip(selected);
-  }, [selected]);
-  /**
-   * Sets selected chip and fires an event to parent component.
-   * @param value - Chip which was selected.
-   */
-
-  const onSelectChip = value => {
-    // Update selected chip
-    setSelectedChip(value.value); // Fire the event
-
-    onClick(value);
-  };
-
-  const handleKeyDown = (e, value) => {
-    if (e.keyCode === 13) {
-      onSelectChip(value);
-    }
-  };
-  /**
-   * Return Choice Chip component.
-   */
-
-
-  return /*#__PURE__*/React.createElement(React.Fragment, null, values.map(value => /*#__PURE__*/React.createElement(FilterChipContainer, {
-    key: value.value,
-    tabIndex: disabled ? -1 : 0,
-    className: `${value.size} ${disabled ? 'disabled' : selectedChip === value.value ? 'selected' : variant}`,
-    onClick: () => onSelectChip(value),
-    onKeyDown: e => handleKeyDown(e, value)
-  }, value.label)));
-};
-
-export default ChoiceChips;
-//# sourceMappingURL=ChoiceChips.js.map

package/dist/esm/Chips/ChoiceChips.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../src/Chips/ChoiceChips.tsx"],"names":["React","FilterChipContainer","ChoiceChips","selected","variant","disabled","onClick","values","selectedChip","setSelectedChip","useState","useEffect","onSelectChip","value","handleKeyDown","e","keyCode","map","size","label"],"mappings":"AAAA;AACA;AACA;AACA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AAEA;AACA;AACA;;AACA,SAASC,mBAAT,QAAoC,cAApC;AAEA;AACA;AACA;;AAGA,MAAMC,WAAqD,GAAG,CAAC;AAAEC,EAAAA,QAAF;AAAYC,EAAAA,OAAZ;AAAqBC,EAAAA,QAArB;AAA+BC,EAAAA,OAA/B;AAAwCC,EAAAA;AAAxC,CAAD,KAAuE;AACnI;AACF;AACA;AACE,QAAM,CAACC,YAAD,EAAeC,eAAf,IAAkCT,KAAK,CAACU,QAAN,CAAuB,EAAvB,CAAxC;AAEA;AACF;AACA;;AACEV,EAAAA,KAAK,CAACW,SAAN,CAAgB,MAAM;AACpBF,IAAAA,eAAe,CAACN,QAAD,CAAf;AACD,GAFD,EAEG,CAACA,QAAD,CAFH;AAIA;AACF;AACA;AACA;;AACE,QAAMS,YAAY,GAAIC,KAAD,IAAsB;AACzC;AACAJ,IAAAA,eAAe,CAACI,KAAK,CAACA,KAAP,CAAf,CAFyC,CAIzC;;AACAP,IAAAA,OAAO,CAACO,KAAD,CAAP;AACD,GAND;;AAQA,QAAMC,aAAa,GAAG,CAACC,CAAD,EAASF,KAAT,KAA8B;AAClD,QAAIE,CAAC,CAACC,OAAF,KAAc,EAAlB,EAAsB;AACpBJ,MAAAA,YAAY,CAACC,KAAD,CAAZ;AACD;AACF,GAJD;AAMA;AACF;AACA;;;AACE,sBACE,0CACGN,MAAM,CAACU,GAAP,CAAYJ,KAAD,iBACV,oBAAC,mBAAD;AACE,IAAA,GAAG,EAAEA,KAAK,CAACA,KADb;AAEE,IAAA,QAAQ,EAAER,QAAQ,GAAG,CAAC,CAAJ,GAAQ,CAF5B;AAGE,IAAA,SAAS,EAAG,GAAEQ,KAAK,CAACK,IAAK,IAAGb,QAAQ,GAAG,UAAH,GAAgBG,YAAY,KAAKK,KAAK,CAACA,KAAvB,GAA+B,UAA/B,GAA4CT,OAAQ,EAH1G;AAIE,IAAA,OAAO,EAAE,MAAMQ,YAAY,CAACC,KAAD,CAJ7B;AAKE,IAAA,SAAS,EAAEE,CAAC,IAAID,aAAa,CAACC,CAAD,EAAIF,KAAJ;AAL/B,KAMGA,KAAK,CAACM,KANT,CADD,CADH,CADF;AAcD,CAhDD;;AAkDA,eAAejB,WAAf","sourcesContent":["/**\r\n * Import React libraries.\r\n */\r\nimport * as React from 'react';\r\n\r\n/**\r\n * Import custom styles.\r\n */\r\nimport { FilterChipContainer } from './ChipStyles';\r\n\r\n/**\r\n * Import custom types.\r\n */\r\nimport { ChipValue, ChoiceChipProps } from './ChipTypes';\r\n\r\nconst ChoiceChips: React.FunctionComponent<ChoiceChipProps> = ({ selected, variant, disabled, onClick, values }: ChoiceChipProps) => {\r\n  /**\r\n   * Globally used variables within the component.\r\n   */\r\n  const [selectedChip, setSelectedChip] = React.useState<string>('');\r\n\r\n  /**\r\n   * Set the selected value for the chip.\r\n   */\r\n  React.useEffect(() => {\r\n    setSelectedChip(selected);\r\n  }, [selected]);\r\n\r\n  /**\r\n   * Sets selected chip and fires an event to parent component.\r\n   * @param value - Chip which was selected.\r\n   */\r\n  const onSelectChip = (value: ChipValue) => {\r\n    // Update selected chip\r\n    setSelectedChip(value.value);\r\n\r\n    // Fire the event\r\n    onClick(value);\r\n  };\r\n\r\n  const handleKeyDown = (e: any, value: ChipValue) => {\r\n    if (e.keyCode === 13) {\r\n      onSelectChip(value);\r\n    }\r\n  };\r\n\r\n  /**\r\n   * Return Choice Chip component.\r\n   */\r\n  return (\r\n    <>\r\n      {values.map((value: ChipValue) => (\r\n        <FilterChipContainer\r\n          key={value.value}\r\n          tabIndex={disabled ? -1 : 0}\r\n          className={`${value.size} ${disabled ? 'disabled' : selectedChip === value.value ? 'selected' : variant}`}\r\n          onClick={() => onSelectChip(value)}\r\n          onKeyDown={e => handleKeyDown(e, value)}>\r\n          {value.label}\r\n        </FilterChipContainer>\r\n      ))}\r\n    </>\r\n  );\r\n};\r\n\r\nexport default ChoiceChips;\r\n"],"file":"ChoiceChips.js"}

package/dist/esm/Chips/FilterChip.js

@@ -1,60 +0,0 @@
-/**
- * Import React libraries.
- */
-import * as React from 'react';
-import { Size } from '../types';
-/**
- * Import custom components.
- */
-
-import { SystemIcons as icons } from '../icons/index';
-/**
- * Import custom styles.
- */
-
-import { FilterChipContainer } from './ChipStyles';
-/**
- * Import custom types.
- */
-
-const FilterChip = ({
-  selected,
-  text,
-  variant,
-  size,
-  disabled,
-  onClick
-}) => {
-  /**
-   * Retrieves icon size based on the chip size.
-   * @returns A string indicating the icon size.
-   */
-  const getIconSize = () => {
-    let iconSize; // Calculate correct icon size
-
-    if (size === Size.Small) {
-      iconSize = '16px';
-    } else if (size === Size.Medium) {
-      iconSize = '20px';
-    } else {
-      iconSize = '24px';
-    }
-
-    return iconSize;
-  };
-  /**
-   * Return Filter Chip component.
-   */
-
-
-  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(FilterChipContainer, {
-    className: `${size} ${disabled ? 'disabled' : selected ? 'selected icon-chip' : variant}`,
-    onClick: () => onClick()
-  }, selected && icons.CheckComplete({
-    size: getIconSize(),
-    className: 'icon'
-  }), text));
-};
-
-export default FilterChip;
-//# sourceMappingURL=FilterChip.js.map

package/dist/esm/Chips/FilterChip.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../src/Chips/FilterChip.tsx"],"names":["React","Size","SystemIcons","icons","FilterChipContainer","FilterChip","selected","text","variant","size","disabled","onClick","getIconSize","iconSize","Small","Medium","CheckComplete","className"],"mappings":"AAAA;AACA;AACA;AACC,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AACD,SAASC,IAAT,QAAqB,UAArB;AAEC;AACD;AACA;;AACC,SAAQC,WAAW,IAAIC,KAAvB,QAAmC,gBAAnC;AAEA;AACD;AACA;;AACC,SAASC,mBAAT,QAAoC,cAApC;AAEA;AACD;AACA;;AAGC,MAAMC,UAAoD,GAAG,CAAC;AAAEC,EAAAA,QAAF;AAAYC,EAAAA,IAAZ;AAAkBC,EAAAA,OAAlB;AAA2BC,EAAAA,IAA3B;AAAiCC,EAAAA,QAAjC;AAA2CC,EAAAA;AAA3C,CAAD,KAA2E;AACtI;AACH;AACA;AACA;AACG,QAAMC,WAAW,GAAG,MAAc;AAChC,QAAIC,QAAJ,CADgC,CAGhC;;AACA,QAAIJ,IAAI,KAAKR,IAAI,CAACa,KAAlB,EAAyB;AACvBD,MAAAA,QAAQ,GAAG,MAAX;AACD,KAFD,MAEO,IAAIJ,IAAI,KAAKR,IAAI,CAACc,MAAlB,EAA0B;AAC/BF,MAAAA,QAAQ,GAAG,MAAX;AACD,KAFM,MAEA;AACLA,MAAAA,QAAQ,GAAG,MAAX;AACD;;AAED,WAAOA,QAAP;AACD,GAbD;AAeA;AACH;AACA;;;AACG,sBACE,uDACE,oBAAC,mBAAD;AAAqB,IAAA,SAAS,EAAG,GAAEJ,IAAK,IAAGC,QAAQ,GAAG,UAAH,GAAgBJ,QAAQ,GAAG,oBAAH,GAA0BE,OAAQ,EAA7G;AAAgH,IAAA,OAAO,EAAE,MAAMG,OAAO;AAAtI,KAEGL,QAAQ,IAAIH,KAAK,CAACa,aAAN,CAAoB;AAAEP,IAAAA,IAAI,EAAEG,WAAW,EAAnB;AAAuBK,IAAAA,SAAS,EAAE;AAAlC,GAApB,CAFf,EAKGV,IALH,CADF,CADF;AAWD,CAlCD;;AAoCA,eAAeF,UAAf","sourcesContent":["/**\r\n * Import React libraries.\r\n */\r\n import * as React from 'react';\r\nimport { Size } from '../types';\r\n\r\n /**\r\n  * Import custom components.\r\n  */\r\n import {SystemIcons as icons} from '../icons/index';\r\n \r\n /**\r\n  * Import custom styles.\r\n  */\r\n import { FilterChipContainer } from './ChipStyles';\r\n \r\n /**\r\n  * Import custom types.\r\n  */\r\n import { FilterChipProps } from './ChipTypes';\r\n \r\n const FilterChip: React.FunctionComponent<FilterChipProps> = ({ selected, text, variant, size, disabled, onClick }: FilterChipProps) => {\r\n   /**\r\n    * Retrieves icon size based on the chip size.\r\n    * @returns A string indicating the icon size.\r\n    */\r\n   const getIconSize = (): string => {\r\n     let iconSize: string;\r\n \r\n     // Calculate correct icon size\r\n     if (size === Size.Small) {\r\n       iconSize = '16px';\r\n     } else if (size === Size.Medium) {\r\n       iconSize = '20px';\r\n     } else {\r\n       iconSize = '24px';\r\n     }\r\n \r\n     return iconSize;\r\n   }\r\n \r\n   /**\r\n    * Return Filter Chip component.\r\n    */\r\n   return (\r\n     <>\r\n       <FilterChipContainer className={`${size} ${disabled ? 'disabled' : selected ? 'selected icon-chip' : variant}`} onClick={() => onClick()}>\r\n         { /* Let's render icon if the chip is selected */ }\r\n         {selected && icons.CheckComplete({ size: getIconSize(), className: 'icon' })}\r\n         \r\n         { /* Let's render text */ }\r\n         {text}\r\n       </FilterChipContainer>\r\n     </>\r\n   );\r\n };\r\n \r\n export default FilterChip;\r\n "],"file":"FilterChip.js"}

package/dist/esm/Chips/InputChip.js

@@ -1,84 +0,0 @@
-/**
- * Import React libraries.
- */
-import * as React from 'react';
-/**
- * Import custom components.
- */
-
-import { SystemIcons as icons } from '../icons/index';
-import { IconButton } from '../Button/index';
-import { Size } from '../types';
-/**
- * Import custom styles.
- */
-
-import { ChipContainer } from './ChipStyles';
-/**
- * Import custom types.
- */
-
-const InputChip = ({
-  icon,
-  text,
-  variant,
-  size,
-  disabled,
-  onClick,
-  onRemove
-}) => {
-  /**
-   * Retrieves icon size based on the chip size.
-   * @returns A string indicating the icon size.
-   */
-  const getIconSize = () => {
-    let iconSize; // Calculate correct icon size
-
-    if (size === Size.Small) {
-      iconSize = '16px';
-    } else if (size === Size.Medium) {
-      iconSize = '20px';
-    } else {
-      iconSize = '24px';
-    }
-
-    return iconSize;
-  };
-  /**
-   * Calls onRemove action when remove button is clicked.
-   * @param event - Event handler from the button click.
-   */
-
-
-  const onRemoveClick = event => {
-    if (event) {
-      event.stopPropagation();
-    }
-
-    onRemove();
-  };
-  /**
-   * Return Input Chip component.
-   */
-
-
-  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(ChipContainer, {
-    className: `${size} button-chip ${disabled ? 'disabled' : variant} ${icon && 'icon-chip'}`,
-    onClick: () => onClick()
-  }, variant !== 'error' && icon && icons[icon]({
-    size: getIconSize(),
-    className: 'icon'
-  }), text, /*#__PURE__*/React.createElement(IconButton, {
-    variant: "secondary",
-    shape: "circular",
-    useTransparentBackground: true,
-    action: event => onRemoveClick(event),
-    disabled: disabled
-  }, icons.Close({
-    size: getIconSize(),
-    className: 'remove'
-  }))));
-};
-
-export default InputChip;
-//# sourceMappingURL=InputChip.js.map