@laerdal/life-react-components 3.4.2 → 3.5.0

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/Chips/ChipStyles.ts"],"names":["ChipContainer","styled","div","COLORS","white","ComponentXSStyling","ComponentTextStyle","ComponentSStyling","ComponentMStyling","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","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;;AAGA;AACA;AACA;;AAIA;AACA;AACA;AACA;AACO,QAAMA,aAAa,WAAbA,aAAa,GAAGC,2BAAOC,GAAI;AACxC;AACA,WAAWC,eAAOC,KAAM;AACxB;AACA;AACA;AACA,YAAYD,eAAOC,KAAM;AACzB;AACA;AACA;AACA;AACA;AACA,cAAcD,eAAOC,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,MAAMC,oCAAmBC,+BAAD,IAAlBD,EAA4CF,eAA1B,KAAlBE,CAA0D;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,MAAME,mCAAkBD,+BAAD,IAAjBC,EAA2CJ,eAA1B,KAAjBI,CAAyD;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,MAAMC,mCAAkBF,+BAAD,IAAjBE,EAA2CL,eAA1B,KAAjBK,CAAyD;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,kBAAkBL,eAAOM,WAAY;AACrC,aAAaN,eAAOO,WAAY;AAChC;AACA;AACA,cAAcP,eAAOO,WAAY;AACjC;AACA;AACA;AACA,oBAAoBP,eAAOM,WAAY;AACvC;AACA;AACA;AACA,oBAAoBN,eAAOM,WAAY;AACvC;AACA;AACA;AACA;AACA,kBAAkBN,eAAOQ,WAAY;AACrC;AACA;AACA,oBAAoBR,eAAOS,WAAY;AACvC;AACA;AACA;AACA,oBAAoBT,eAAOU,WAAY;AACvC;AACA;AACA;AACA;AACA,aAAaV,eAAOW,KAAM;AAC1B,kBAAkBX,eAAOY,WAAY;AACrC;AACA;AACA,cAAcZ,eAAOa,WAAY;AACjC;AACA;AACA;AACA,oBAAoBb,eAAOc,WAAY;AACvC;AACA;AACA;AACA,oBAAoBd,eAAOc,WAAY;AACvC;AACA;AACA;AACA;AACA,aAAad,eAAOW,KAAM;AAC1B,kBAAkBX,eAAOe,YAAa;AACtC;AACA;AACA,cAAcf,eAAOgB,YAAa;AAClC;AACA;AACA;AACA,oBAAoBhB,eAAOiB,YAAa;AACxC;AACA;AACA;AACA,oBAAoBjB,eAAOiB,YAAa;AACxC;AACA;AA3QO,CAAA;AA8QA,QAAMC,kBAAkB,WAAlBA,kBAAkB,GAAGpB,2BAAOC,GAAI;AAC7C;AACA;AACA;AACA;AACA;AACA,sCAAsCC,eAAOmB,WAAY;AACzD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,IAAId,mCAAkBF,+BAAD,OAAjBE,EAA8CL,eAA7B,KAAjBK,CAA4D;AAChE,WAAWL,eAAOW,KAAM;AACxB;AACA;AACA;AACA;AACA,gDAAgDX,eAAOa,WAAY;AACnE,6CAA6Cb,eAAOa,WAAY;AAChE,wCAAwCb,eAAOa,WAAY;AAC3D;AACA;AACA;AACA;AACA;AACA,gDAAgDb,eAAOgB,YAAa;AACpE,6CAA6ChB,eAAOgB,YAAa;AACjE,wCAAwChB,eAAOgB,YAAa;AAC5D;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,gDAAgDhB,eAAOU,WAAY;AACnE,6CAA6CV,eAAOU,WAAY;AAChE,wCAAwCV,eAAOU,WAAY;AAC3D;AACA;AACA;AACA,gDAAgDV,eAAOS,WAAY;AACnE,6CAA6CT,eAAOS,WAAY;AAChE,wCAAwCT,eAAOS,WAAY;AAC3D;AArDO,CAAA;AAwDA,QAAMW,YAAY,WAAZA,YAAY,GAAGtB,2BAAOuB,IAAK;AACxC,WAAWrB,eAAOgB,YAAa;AAC/B;AACA;AACA;AACA;AACA;AACA;AAPO,CAAA;AAUA,QAAMM,mBAAmB,WAAnBA,mBAAmB,GAAGxB,gCAAM,aAANA,CAAsB;AACzD;AACA,kBAAkBE,eAAOC,KAAM;AAC/B,aAAaD,eAAOuB,WAAY;AAChC;AACA,oBAAoBvB,eAAOwB,WAAY;AACvC;AACA;AACA,oBAAoBxB,eAAOyB,UAAW;AACtC,eAAezB,eAAO0B,WAAY;AAClC,sBAAsB1B,eAAO2B,WAAY;AACzC;AACA;AACA;AACA;AACA,oBAAoB3B,eAAO4B,WAAY;AACvC,eAAe5B,eAAOU,WAAY;AAClC,sBAAsBV,eAAO6B,WAAY;AACzC,iCAAiC7B,eAAO8B,QAAS,iBAAgB9B,eAAO+B,KAAM;AAC9E;AACA;AACA;AACA;AACA;AACA,kBAAkB/B,eAAOQ,WAAY;AACrC,aAAaR,eAAOC,KAAM;AAC1B;AACA,oBAAoBD,eAAOQ,WAAY;AACvC;AACA;AACA,oBAAoBR,eAAOS,WAAY;AACvC,eAAeT,eAAOC,KAAM;AAC5B,sBAAsBD,eAAOS,WAAY;AACzC;AACA;AACA;AACA;AACA,oBAAoBT,eAAOU,WAAY;AACvC,eAAeV,eAAOC,KAAM;AAC5B,sBAAsBD,eAAOU,WAAY;AACzC,iCAAiCV,eAAO8B,QAAS,iBAAgB9B,eAAO+B,KAAM;AAC9E;AACA;AACA;AA3CO,CAAA;AA8CA,QAAMC,mBAAmB,WAAnBA,mBAAmB,GAAGlC,gCAAM,aAANA,CAAsB;AACzD;AACA,kBAAkBE,eAAOC,KAAM;AAC/B,aAAaD,eAAOuB,WAAY;AAChC;AACA,oBAAoBvB,eAAOwB,WAAY;AACvC;AACA;AACA,oBAAoBxB,eAAOyB,UAAW;AACtC,eAAezB,eAAO0B,WAAY;AAClC,sBAAsB1B,eAAO2B,WAAY;AACzC;AACA;AACA;AACA;AACA,oBAAoB3B,eAAO4B,WAAY;AACvC,eAAe5B,eAAOU,WAAY;AAClC,sBAAsBV,eAAO6B,WAAY;AACzC,iCAAiC7B,eAAO8B,QAAS,iBAAgB9B,eAAO+B,KAAM;AAC9E;AACA;AApBO,CAAA;AAuBA,QAAME,WAAW,WAAXA,WAAW,GAAGnC,2BAAOoC,KAAM;AACxC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,IAAI7B,mCAAkBF,+BAAD,OAAjBE,EAA8CL,eAA7B,KAAjBK,CAA4D;AAChE,WAAWL,eAAOW,KAAM;AAVjB,CAAA","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/umd/Chips/ChipTypes.js

@@ -0,0 +1,20 @@
+(function (global, factory) {
+  if (typeof define === "function" && define.amd) {
+    define(["exports"], factory);
+  } else if (typeof exports !== "undefined") {
+    factory(exports);
+  } else {
+    var mod = {
+      exports: {}
+    };
+    factory(mod.exports);
+    global.undefined = mod.exports;
+  }
+})(this, function (exports) {
+  "use strict";
+
+  Object.defineProperty(exports, "__esModule", {
+    value: true
+  });
+});
+//# sourceMappingURL=ChipTypes.js.map

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

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

package/dist/umd/Chips/ChoiceChips.js

@@ -0,0 +1,134 @@
+(function (global, factory) {
+  if (typeof define === "function" && define.amd) {
+    define(["exports", "react", "./ChipStyles"], factory);
+  } else if (typeof exports !== "undefined") {
+    factory(exports, require("react"), require("./ChipStyles"));
+  } else {
+    var mod = {
+      exports: {}
+    };
+    factory(mod.exports, global.react, global.ChipStyles);
+    global.undefined = mod.exports;
+  }
+})(this, function (exports, _react, _ChipStyles) {
+  "use strict";
+
+  Object.defineProperty(exports, "__esModule", {
+    value: true
+  });
+
+  var React = _interopRequireWildcard(_react);
+
+  function _getRequireWildcardCache(nodeInterop) {
+    if (typeof WeakMap !== "function") return null;
+    var cacheBabelInterop = new WeakMap();
+    var cacheNodeInterop = new WeakMap();
+    return (_getRequireWildcardCache = function (nodeInterop) {
+      return nodeInterop ? cacheNodeInterop : cacheBabelInterop;
+    })(nodeInterop);
+  }
+
+  function _interopRequireWildcard(obj, nodeInterop) {
+    if (!nodeInterop && obj && obj.__esModule) {
+      return obj;
+    }
+
+    if (obj === null || typeof obj !== "object" && typeof obj !== "function") {
+      return {
+        default: obj
+      };
+    }
+
+    var cache = _getRequireWildcardCache(nodeInterop);
+
+    if (cache && cache.has(obj)) {
+      return cache.get(obj);
+    }
+
+    var newObj = {};
+    var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor;
+
+    for (var key in obj) {
+      if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) {
+        var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null;
+
+        if (desc && (desc.get || desc.set)) {
+          Object.defineProperty(newObj, key, desc);
+        } else {
+          newObj[key] = obj[key];
+        }
+      }
+    }
+
+    newObj.default = obj;
+
+    if (cache) {
+      cache.set(obj, newObj);
+    }
+
+    return newObj;
+  }
+
+  /**
+   * Import React libraries.
+   */
+
+  /**
+   * Import custom styles.
+   */
+
+  /**
+   * 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(_ChipStyles.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)));
+  };
+
+  exports.default = ChoiceChips;
+});
+//# sourceMappingURL=ChoiceChips.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/Chips/ChoiceChips.tsx"],"names":["ChoiceChips","values","React","setSelectedChip","onSelectChip","value","onClick","handleKeyDown","e","disabled","size","selectedChip","variant"],"mappings":";;;;;;;;;;;;;;;;;;;MAGA,K;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAHA;AACA;AACA;;AAGA;AACA;AACA;;AAGA;AACA;AACA;AAGA,QAAMA,WAAqD,GAAG,CAAC;AAAA,IAAA,QAAA;AAAA,IAAA,OAAA;AAAA,IAAA,QAAA;AAAA,IAAA,OAAA;AAAwCC,IAAAA;AAAxC,GAAD,KAAuE;AACnI;AACF;AACA;AACE,UAAM,CAAA,YAAA,EAAA,eAAA,IAAkCC,KAAK,CAALA,QAAAA,CAAxC,EAAwCA,CAAxC;AAEA;AACF;AACA;;AACEA,IAAAA,KAAK,CAALA,SAAAA,CAAgB,MAAM;AACpBC,MAAAA,eAAe,CAAfA,QAAe,CAAfA;AADFD,KAAAA,EAEG,CAFHA,QAEG,CAFHA;AAIA;AACF;AACA;AACA;;AACE,UAAME,YAAY,GAAIC,KAAD,IAAsB;AACzC;AACAF,MAAAA,eAAe,CAACE,KAAK,CAFoB,KAE1B,CAAfF,CAFyC,CAIzC;;AACAG,MAAAA,OAAO,CAAPA,KAAO,CAAPA;AALF,KAAA;;AAQA,UAAMC,aAAa,GAAG,CAAA,CAAA,EAAA,KAAA,KAA8B;AAClD,UAAIC,CAAC,CAADA,OAAAA,KAAJ,EAAA,EAAsB;AACpBJ,QAAAA,YAAY,CAAZA,KAAY,CAAZA;AACD;AAHH,KAAA;AAMA;AACF;AACA;;;AACE,WAAA,aACE,KAAA,CAAA,aAAA,CAAA,KAAA,CAAA,QAAA,EAAA,IAAA,EACG,MAAM,CAAN,GAAA,CAAYC,KAAD,IAAA,aACV,KAAA,CAAA,aAAA,CAAA,+BAAA,EAAA;AACE,MAAA,GAAG,EAAEA,KAAK,CADZ,KAAA;AAEE,MAAA,QAAQ,EAAEI,QAAQ,GAAG,CAAH,CAAA,GAFpB,CAAA;AAGE,MAAA,SAAS,EAAG,GAAEJ,KAAK,CAACK,IAAK,IAAGD,QAAQ,GAAA,UAAA,GAAgBE,YAAY,KAAKN,KAAK,CAAtBM,KAAAA,GAAAA,UAAAA,GAA4CC,OAHlG,EAAA;AAIE,MAAA,OAAO,EAAE,MAAMR,YAAY,CAJ7B,KAI6B,CAJ7B;AAKE,MAAA,SAAS,EAAEI,CAAC,IAAID,aAAa,CAAA,CAAA,EAAA,KAAA;AAL/B,KAAA,EAMGF,KAAK,CATd,KAGM,CADD,CADH,CADF;AAlCF,GAAA;;oBAkDA,W","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/umd/Chips/FilterChip.js

@@ -0,0 +1,128 @@
+(function (global, factory) {
+  if (typeof define === "function" && define.amd) {
+    define(["exports", "react", "../types", "../icons/index", "./ChipStyles"], factory);
+  } else if (typeof exports !== "undefined") {
+    factory(exports, require("react"), require("../types"), require("../icons/index"), require("./ChipStyles"));
+  } else {
+    var mod = {
+      exports: {}
+    };
+    factory(mod.exports, global.react, global.types, global.index, global.ChipStyles);
+    global.undefined = mod.exports;
+  }
+})(this, function (exports, _react, _types, _index, _ChipStyles) {
+  "use strict";
+
+  Object.defineProperty(exports, "__esModule", {
+    value: true
+  });
+
+  var React = _interopRequireWildcard(_react);
+
+  function _getRequireWildcardCache(nodeInterop) {
+    if (typeof WeakMap !== "function") return null;
+    var cacheBabelInterop = new WeakMap();
+    var cacheNodeInterop = new WeakMap();
+    return (_getRequireWildcardCache = function (nodeInterop) {
+      return nodeInterop ? cacheNodeInterop : cacheBabelInterop;
+    })(nodeInterop);
+  }
+
+  function _interopRequireWildcard(obj, nodeInterop) {
+    if (!nodeInterop && obj && obj.__esModule) {
+      return obj;
+    }
+
+    if (obj === null || typeof obj !== "object" && typeof obj !== "function") {
+      return {
+        default: obj
+      };
+    }
+
+    var cache = _getRequireWildcardCache(nodeInterop);
+
+    if (cache && cache.has(obj)) {
+      return cache.get(obj);
+    }
+
+    var newObj = {};
+    var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor;
+
+    for (var key in obj) {
+      if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) {
+        var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null;
+
+        if (desc && (desc.get || desc.set)) {
+          Object.defineProperty(newObj, key, desc);
+        } else {
+          newObj[key] = obj[key];
+        }
+      }
+    }
+
+    newObj.default = obj;
+
+    if (cache) {
+      cache.set(obj, newObj);
+    }
+
+    return newObj;
+  }
+
+  /**
+   * Import React libraries.
+   */
+
+  /**
+   * Import custom components.
+   */
+
+  /**
+   * Import custom styles.
+   */
+
+  /**
+   * 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 === _types.Size.Small) {
+        iconSize = '16px';
+      } else if (size === _types.Size.Medium) {
+        iconSize = '20px';
+      } else {
+        iconSize = '24px';
+      }
+
+      return iconSize;
+    };
+    /**
+     * Return Filter Chip component.
+     */
+
+
+    return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(_ChipStyles.FilterChipContainer, {
+      className: `${size} ${disabled ? 'disabled' : selected ? 'selected icon-chip' : variant}`,
+      onClick: () => onClick()
+    }, selected && _index.SystemIcons.CheckComplete({
+      size: getIconSize(),
+      className: 'icon'
+    }), text));
+  };
+
+  exports.default = FilterChip;
+});
+//# sourceMappingURL=FilterChip.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/Chips/FilterChip.tsx"],"names":["FilterChip","onClick","getIconSize","size","Size","iconSize","disabled","selected","variant","className"],"mappings":";;;;;;;;;;;;;;;;;;;MAGC,K;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAHD;AACA;AACA;;AAIC;AACD;AACA;;AAGC;AACD;AACA;;AAGC;AACD;AACA;AAGC,QAAMA,UAAoD,GAAG,CAAC;AAAA,IAAA,QAAA;AAAA,IAAA,IAAA;AAAA,IAAA,OAAA;AAAA,IAAA,IAAA;AAAA,IAAA,QAAA;AAA2CC,IAAAA;AAA3C,GAAD,KAA2E;AACtI;AACH;AACA;AACA;AACG,UAAMC,WAAW,GAAG,MAAc;AAChC,UADgC,QAChC,CADgC,CAGhC;;AACA,UAAIC,IAAI,KAAKC,YAAb,KAAA,EAAyB;AACvBC,QAAAA,QAAQ,GAARA,MAAAA;AADF,OAAA,MAEO,IAAIF,IAAI,KAAKC,YAAb,MAAA,EAA0B;AAC/BC,QAAAA,QAAQ,GAARA,MAAAA;AADK,OAAA,MAEA;AACLA,QAAAA,QAAQ,GAARA,MAAAA;AACD;;AAED,aAAA,QAAA;AAZF,KAAA;AAeA;AACH;AACA;;;AACG,WAAA,aACE,KAAA,CAAA,aAAA,CAAA,KAAA,CAAA,QAAA,EAAA,IAAA,EAAA,aACE,KAAA,CAAA,aAAA,CAAA,+BAAA,EAAA;AAAqB,MAAA,SAAS,EAAG,GAAEF,IAAK,IAAGG,QAAQ,GAAA,UAAA,GAAgBC,QAAQ,GAAA,oBAAA,GAA0BC,OAArG,EAAA;AAAgH,MAAA,OAAO,EAAE,MAAMP,OAAO;AAAtI,KAAA,EAEGM,QAAQ,IAAI,mBAAA,aAAA,CAAoB;AAAEJ,MAAAA,IAAI,EAAED,WAAR,EAAA;AAAuBO,MAAAA,SAAS,EAAE;AAAlC,KAApB,CAFf,EAFJ,IAEI,CADF,CADF;AAvBF,GAAA;;oBAoCA,U","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/umd/Chips/InputChip.js

@@ -0,0 +1,151 @@
+(function (global, factory) {
+  if (typeof define === "function" && define.amd) {
+    define(["exports", "react", "../icons/index", "../Button/index", "../types", "./ChipStyles"], factory);
+  } else if (typeof exports !== "undefined") {
+    factory(exports, require("react"), require("../icons/index"), require("../Button/index"), require("../types"), require("./ChipStyles"));
+  } else {
+    var mod = {
+      exports: {}
+    };
+    factory(mod.exports, global.react, global.index, global.index, global.types, global.ChipStyles);
+    global.undefined = mod.exports;
+  }
+})(this, function (exports, _react, _index, _index2, _types, _ChipStyles) {
+  "use strict";
+
+  Object.defineProperty(exports, "__esModule", {
+    value: true
+  });
+
+  var React = _interopRequireWildcard(_react);
+
+  function _getRequireWildcardCache(nodeInterop) {
+    if (typeof WeakMap !== "function") return null;
+    var cacheBabelInterop = new WeakMap();
+    var cacheNodeInterop = new WeakMap();
+    return (_getRequireWildcardCache = function (nodeInterop) {
+      return nodeInterop ? cacheNodeInterop : cacheBabelInterop;
+    })(nodeInterop);
+  }
+
+  function _interopRequireWildcard(obj, nodeInterop) {
+    if (!nodeInterop && obj && obj.__esModule) {
+      return obj;
+    }
+
+    if (obj === null || typeof obj !== "object" && typeof obj !== "function") {
+      return {
+        default: obj
+      };
+    }
+
+    var cache = _getRequireWildcardCache(nodeInterop);
+
+    if (cache && cache.has(obj)) {
+      return cache.get(obj);
+    }
+
+    var newObj = {};
+    var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor;
+
+    for (var key in obj) {
+      if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) {
+        var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null;
+
+        if (desc && (desc.get || desc.set)) {
+          Object.defineProperty(newObj, key, desc);
+        } else {
+          newObj[key] = obj[key];
+        }
+      }
+    }
+
+    newObj.default = obj;
+
+    if (cache) {
+      cache.set(obj, newObj);
+    }
+
+    return newObj;
+  }
+
+  /**
+   * Import React libraries.
+   */
+
+  /**
+   * Import custom components.
+   */
+
+  /**
+   * Import custom styles.
+   */
+
+  /**
+   * 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 === _types.Size.Small) {
+        iconSize = '16px';
+      } else if (size === _types.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(_ChipStyles.ChipContainer, {
+      className: `${size} button-chip ${disabled ? 'disabled' : variant} ${icon && 'icon-chip'}`,
+      onClick: () => onClick()
+    }, variant !== 'error' && icon && _index.SystemIcons[icon]({
+      size: getIconSize(),
+      className: 'icon'
+    }), text, /*#__PURE__*/React.createElement(_index2.IconButton, {
+      variant: "secondary",
+      shape: "circular",
+      useTransparentBackground: true,
+      action: event => onRemoveClick(event),
+      disabled: disabled
+    }, _index.SystemIcons.Close({
+      size: getIconSize(),
+      className: 'remove'
+    }))));
+  };
+
+  exports.default = InputChip;
+});
+//# sourceMappingURL=InputChip.js.map

package/dist/umd/Chips/InputChip.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/Chips/InputChip.tsx"],"names":["InputChip","onRemove","getIconSize","size","Size","iconSize","onRemoveClick","event","disabled","variant","icon","onClick","className"],"mappings":";;;;;;;;;;;;;;;;;;;MAGA,K;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAHA;AACA;AACA;;AAGA;AACA;AACA;;AAKA;AACA;AACA;;AAGA;AACA;AACA;AAGA,QAAMA,SAAkD,GAAG,CAAC;AAAA,IAAA,IAAA;AAAA,IAAA,IAAA;AAAA,IAAA,OAAA;AAAA,IAAA,IAAA;AAAA,IAAA,QAAA;AAAA,IAAA,OAAA;AAAgDC,IAAAA;AAAhD,GAAD,KAAgF;AACzI;AACF;AACA;AACA;AACE,UAAMC,WAAW,GAAG,MAAc;AAChC,UADgC,QAChC,CADgC,CAGhC;;AACA,UAAIC,IAAI,KAAKC,YAAb,KAAA,EAAyB;AACvBC,QAAAA,QAAQ,GAARA,MAAAA;AADF,OAAA,MAEO,IAAIF,IAAI,KAAKC,YAAb,MAAA,EAA0B;AAC/BC,QAAAA,QAAQ,GAARA,MAAAA;AADK,OAAA,MAEA;AACLA,QAAAA,QAAQ,GAARA,MAAAA;AACD;;AAED,aAAA,QAAA;AAZF,KAAA;AAeA;AACF;AACA;AACA;;;AACE,UAAMC,aAAa,GAAIC,KAAD,IAA4D;AAChF,UAAA,KAAA,EAAW;AACTA,QAAAA,KAAK,CAALA,eAAAA;AACD;;AAEDN,MAAAA,QAAQ;AALV,KAAA;AAQA;AACF;AACA;;;AACE,WAAA,aACE,KAAA,CAAA,aAAA,CAAA,KAAA,CAAA,QAAA,EAAA,IAAA,EAAA,aACE,KAAA,CAAA,aAAA,CAAA,yBAAA,EAAA;AAAe,MAAA,SAAS,EAAG,GAAEE,IAAK,gBAAeK,QAAQ,GAAA,UAAA,GAAgBC,OAAQ,IAAGC,IAAI,IAAI,WAA5F,EAAA;AAA2G,MAAA,OAAO,EAAE,MAAMC,OAAO;AAAjI,KAAA,EAEGF,OAAO,KAAPA,OAAAA,IAAAA,IAAAA,IAA+B,mBAAA,IAAA,EAAY;AAAEN,MAAAA,IAAI,EAAED,WAAR,EAAA;AAAuBU,MAAAA,SAAS,EAAE;AAAlC,KAAZ,CAFlC,EAAA,IAAA,EAAA,aAQE,KAAA,CAAA,aAAA,CAAA,kBAAA,EAAA;AACE,MAAA,OAAO,EADT,WAAA;AAEE,MAAA,KAAK,EAFP,UAAA;AAGE,MAAA,wBAAwB,EAH1B,IAAA;AAIE,MAAA,MAAM,EAAGL,KAAD,IAA4DD,aAAa,CAJnF,KAImF,CAJnF;AAKE,MAAA,QAAQ,EAAEE;AALZ,KAAA,EAMG,mBAAA,KAAA,CAAY;AAAEL,MAAAA,IAAI,EAAED,WAAR,EAAA;AAAuBU,MAAAA,SAAS,EAAE;AAAlC,KAAZ,CANH,CARF,CADF,CADF;AAnCF,GAAA;;oBA0DA,S","sourcesContent":["/**\r\n * Import React libraries.\r\n */\r\nimport * as React from 'react';\r\n\r\n/**\r\n * Import custom components.\r\n */\r\nimport { SystemIcons as icons } from '../icons/index';\r\nimport { IconButton } from '../Button/index';\r\nimport { Size } from '../types';\r\n\r\n/**\r\n * Import custom styles.\r\n */\r\nimport { ChipContainer } from './ChipStyles';\r\n\r\n/**\r\n * Import custom types.\r\n */\r\nimport { InputChipProps } from './ChipTypes';\r\n\r\nconst InputChip: React.FunctionComponent<InputChipProps> = ({ icon, text, variant, size, disabled, onClick, onRemove }: InputChipProps) => {\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   * Calls onRemove action when remove button is clicked.\r\n   * @param event - Event handler from the button click.\r\n   */\r\n  const onRemoveClick = (event: React.MouseEvent<HTMLButtonElement> | undefined) => {\r\n    if (event) {\r\n      event.stopPropagation();\r\n    }\r\n\r\n    onRemove();\r\n  };\r\n\r\n  /**\r\n   * Return Input Chip component.\r\n   */\r\n  return (\r\n    <>\r\n      <ChipContainer className={`${size} button-chip ${disabled ? 'disabled' : variant} ${icon && 'icon-chip'}`} onClick={() => onClick()}>\r\n        {/* Let's render icon if it is passed */}\r\n        {variant !== 'error' && icon && icons[icon]({ size: getIconSize(), className: 'icon' })}\r\n\r\n        {/* Let's render text */}\r\n        {text}\r\n\r\n        {/* Let's render clear icon */}\r\n        <IconButton\r\n          variant=\"secondary\"\r\n          shape=\"circular\"\r\n          useTransparentBackground\r\n          action={(event: React.MouseEvent<HTMLButtonElement> | undefined) => onRemoveClick(event)}\r\n          disabled={disabled}>\r\n          {icons.Close({ size: getIconSize(), className: 'remove' })}\r\n        </IconButton>\r\n      </ChipContainer>\r\n    </>\r\n  );\r\n};\r\n\r\nexport default InputChip;\r\n"],"file":"InputChip.js"}

package/dist/umd/Chips/index.js

@@ -0,0 +1,56 @@
+(function (global, factory) {
+  if (typeof define === "function" && define.amd) {
+    define(["exports", "./InputChip", "./FilterChip", "./ActionChip", "./ChipInput", "./ChoiceChips"], factory);
+  } else if (typeof exports !== "undefined") {
+    factory(exports, require("./InputChip"), require("./FilterChip"), require("./ActionChip"), require("./ChipInput"), require("./ChoiceChips"));
+  } else {
+    var mod = {
+      exports: {}
+    };
+    factory(mod.exports, global.InputChip, global.FilterChip, global.ActionChip, global.ChipInput, global.ChoiceChips);
+    global.undefined = mod.exports;
+  }
+})(this, function (exports, _InputChip, _FilterChip, _ActionChip, _ChipInput, _ChoiceChips) {
+  "use strict";
+
+  Object.defineProperty(exports, "__esModule", {
+    value: true
+  });
+  Object.defineProperty(exports, "InputChip", {
+    enumerable: true,
+    get: function () {
+      return _interopRequireDefault(_InputChip).default;
+    }
+  });
+  Object.defineProperty(exports, "FilterChip", {
+    enumerable: true,
+    get: function () {
+      return _interopRequireDefault(_FilterChip).default;
+    }
+  });
+  Object.defineProperty(exports, "ActionChip", {
+    enumerable: true,
+    get: function () {
+      return _interopRequireDefault(_ActionChip).default;
+    }
+  });
+  Object.defineProperty(exports, "ChipInput", {
+    enumerable: true,
+    get: function () {
+      return _interopRequireDefault(_ChipInput).default;
+    }
+  });
+  Object.defineProperty(exports, "ChoiceChips", {
+    enumerable: true,
+    get: function () {
+      return _interopRequireDefault(_ChoiceChips).default;
+    }
+  });
+
+  function _interopRequireDefault(obj) {
+    return obj && obj.__esModule ? obj : {
+      default: obj
+    };
+  }
+});
+//# sourceMappingURL=index.js.map

package/dist/umd/Chips/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/Chips/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;gDAAA,O;;;;;;iDACA,O;;;;;;iDACA,O;;;;;;gDACA,O;;;;;;kDACA,O","sourcesContent":["export { default as InputChip } from './InputChip';\r\nexport { default as FilterChip } from './FilterChip';\r\nexport { default as ActionChip } from './ActionChip';\r\nexport { default as ChipInput } from './ChipInput';\r\nexport { default as ChoiceChips } from './ChoiceChips';"],"file":"index.js"}