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

package/dist/LinearProgress/LinearProgress.cjs

@@ -18,28 +18,63 @@ function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbol
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 const Bar = exports.Bar = _styledComponents.default.div`
   flex: 1;
+  position: relative;
   height: 6px;
 
+  &.last:after {
+    content:'';
+    display: block;
+    position: absolute;
+    right: 0px;
+    border-radius: 50%;
+    background-color: ${props => _styles.COLORS.generateToken({
+  componentType: 'bg-fill',
+  defaultVariant: 'default'
+}, props.theme)};
+  }
+
   &.small {
     height: 6px;
+    &.last:after {
+      height: 6px;
+      width: 6px;
+    }
   }
 
   &.medium {
     height: 8px;
+    &.last:after {
+      height: 8px;
+      width: 8px;
+    }
   }
 
   &.large {
     height: 12px;
+    &.last:after {
+      height: 12px;
+      width: 12px;
+    }
   }
 
-  background-color: ${props => _styles.COLORS.getColor('neutral_100', props.theme)};
+  background-color: ${props => _styles.COLORS.generateToken({
+  componentType: 'bg-surface',
+  defaultVariant: 'neutral'
+}, props.theme)};
 
   &.active {
-    background-color: ${props => _styles.COLORS.getColor('accent1_400', props.theme)};
+    background-color: ${props => _styles.COLORS.generateToken({
+  componentType: 'bg-fill',
+  defaultVariant: 'accent1'
+}, props.theme)};
   }
 
   &.current {
-    background-color: ${props => _styles.COLORS.getColor('accent1_800', props.theme)};
+    background-color: ${props => _styles.COLORS.generateToken({
+  componentType: 'bg-fill',
+  defaultVariant: 'primary',
+  state: 'active'
+}, props.theme)};
   }
 
   &.inverted {
@@ -69,7 +104,10 @@ const Dot = exports.Dot = _styledComponents.default.div`
     width: 6px;
     height: 6px;
     border-radius: 50%;
-    background-color: ${props => _styles.COLORS.getColor('neutral_400', props.theme)};
+    background-color: ${props => _styles.COLORS.generateToken({
+  componentType: 'bg-surface',
+  defaultVariant: 'neutral'
+}, props.theme)};
   }
 
   &.small {
@@ -78,6 +116,21 @@ const Dot = exports.Dot = _styledComponents.default.div`
       height: 6px;
     }
 
+    
+    &.last:after {
+      width: 3px;
+      height: 3px;
+      background-color: ${props => _styles.COLORS.generateToken({
+  componentType: 'bg-fill',
+  defaultVariant: 'default'
+}, props.theme)};
+      box-shadow: 0px 0px 0px 1.5px ${props => _styles.COLORS.generateToken({
+  componentType: 'bg-surface',
+  defaultVariant: 'neutral'
+}, props.theme)};
+    }
+
+
     &.current:after {
       width: 10px;
       height: 10px;
@@ -90,6 +143,20 @@ const Dot = exports.Dot = _styledComponents.default.div`
       height: 8px;
     }
 
+    &.last:after {
+      width: 4px;
+      height: 4px;
+      background-color: ${props => _styles.COLORS.generateToken({
+  componentType: 'bg-fill',
+  defaultVariant: 'default'
+}, props.theme)};
+      box-shadow: 0px 0px 0px 2px ${props => _styles.COLORS.generateToken({
+  componentType: 'bg-surface',
+  defaultVariant: 'neutral'
+}, props.theme)};
+    }
+
+
     &.current:after {
       width: 12px;
       height: 12px;
@@ -102,6 +169,19 @@ const Dot = exports.Dot = _styledComponents.default.div`
       height: 12px;
     }
 
+    &.last:after {
+      width: 6px;
+      height: 6px;
+      background-color: ${props => _styles.COLORS.generateToken({
+  componentType: 'bg-fill',
+  defaultVariant: 'default'
+}, props.theme)};
+      box-shadow: 0px 0px 0px 3px ${props => _styles.COLORS.generateToken({
+  componentType: 'bg-surface',
+  defaultVariant: 'neutral'
+}, props.theme)};
+    }
+
     &.current:after {
       width: 16px;
       height: 16px;
@@ -110,11 +190,18 @@ const Dot = exports.Dot = _styledComponents.default.div`
 
 
   &.active:after {
-    background-color: ${props => _styles.COLORS.getColor('accent1_600', props.theme)};
+    background-color: ${props => _styles.COLORS.generateToken({
+  componentType: 'bg-fill',
+  defaultVariant: 'accent1'
+}, props.theme)};
   }
 
   &.current:after {
-    background-color: ${props => _styles.COLORS.getColor('accent1_800', props.theme)};
+    background-color: ${props => _styles.COLORS.generateToken({
+  componentType: 'bg-fill',
+  defaultVariant: 'primary',
+  state: 'active'
+}, props.theme)};
   }
 
   &.inverted:after {
@@ -146,7 +233,6 @@ const Line = exports.Line = _styledComponents.default.div`
     content: '';
     display: block;
     height: 100%;
-    background-color: ${props => _styles.COLORS.getColor('neutral_500', props.theme)};
     position: absolute;
     right: 0;
   }
@@ -155,11 +241,12 @@ const Line = exports.Line = _styledComponents.default.div`
     content: '';
     display: block;
     height: 100%;
-    background-color: ${props => _styles.COLORS.getColor('neutral_500', props.theme)};
     position: absolute;
     left: 0;
   }
 
+
+
   &.small {
     height: 6px;
     border-radius: 4px;
@@ -169,15 +256,25 @@ const Line = exports.Line = _styledComponents.default.div`
     }
 
     &:after {
-      width: 3px;
-      border-top-right-radius: 6px;
-      border-bottom-right-radius: 6px;
+      width: 4px;
+      height: 4px;
+      border-radius: 50%;
+      margin-right: 1px;
+      background-color: ${props => _styles.COLORS.generateToken({
+  componentType: 'bg-fill',
+  defaultVariant: 'default'
+}, props.theme)};
     }
 
     &:before {
-      width: 3px;
-      border-top-left-radius: 6px;
-      border-bottom-left-radius: 6px;
+      width: 4px;
+      height: 4px;
+      border-radius: 50%;
+      margin-left: 1px;
+      background-color: ${props => _styles.COLORS.generateToken({
+  componentType: 'bg-fill',
+  defaultVariant: 'default'
+}, props.theme)};
     }
   }
 
@@ -191,14 +288,24 @@ const Line = exports.Line = _styledComponents.default.div`
 
     &:after {
       width: 4px;
-      border-top-right-radius: 8px;
-      border-bottom-right-radius: 8px;
+      height: 4px;
+      border-radius: 50%;
+      margin-right: 2px;
+      background-color: ${props => _styles.COLORS.generateToken({
+  componentType: 'bg-fill',
+  defaultVariant: 'default'
+}, props.theme)};
     }
 
     &:before {
       width: 4px;
-      border-top-left-radius: 8px;
-      border-bottom-left-radius: 8px;
+      height: 4px;
+      border-radius: 50%;
+      margin-left: 2px;
+      background-color: ${props => _styles.COLORS.generateToken({
+  componentType: 'bg-fill',
+  defaultVariant: 'default'
+}, props.theme)};
     }
   }
 
@@ -211,22 +318,38 @@ const Line = exports.Line = _styledComponents.default.div`
     }
 
     &:after {
-      width: 6px;
-      border-top-right-radius: 12px;
-      border-bottom-right-radius: 12px;
+      width: 8px;
+      height: 8px;
+      border-radius: 50%;
+      margin-right: 2px;
+      background-color: ${props => _styles.COLORS.generateToken({
+  componentType: 'bg-fill',
+  defaultVariant: 'default'
+}, props.theme)};
     }
 
     &:before {
-      width: 6px;
-      border-top-left-radius: 12px;
-      border-bottom-left-radius: 12px;
+      width: 8px;
+      height: 8px;
+      border-radius: 50%;
+      margin-left: 2px;
+      background-color: ${props => _styles.COLORS.generateToken({
+  componentType: 'bg-fill',
+  defaultVariant: 'default'
+}, props.theme)};
     }
   }
 
-  background-color: ${props => _styles.COLORS.getColor('neutral_100', props.theme)};
+  background-color: ${props => _styles.COLORS.generateToken({
+  componentType: 'bg-surface',
+  defaultVariant: 'neutral'
+}, props.theme)};
 
   ${LineFill} {
-    background-color: ${props => _styles.COLORS.getColor('accent1_500', props.theme)};
+    background-color: ${props => _styles.COLORS.generateToken({
+  componentType: 'bg-fill',
+  defaultVariant: 'default'
+}, props.theme)};
   }
 
   &.inverted {
@@ -243,7 +366,10 @@ const Line = exports.Line = _styledComponents.default.div`
   }
 `;
 const Label = _styledComponents.default.div`
-  color: ${props => _styles.COLORS.getColor('black', props.theme)};
+  color: ${props => _styles.COLORS.generateToken({
+  componentType: 'text',
+  defaultVariant: 'default'
+}, props.theme)};
 `;
 const Content = _styledComponents.default.div`
   display: flex;
@@ -273,14 +399,8 @@ const Wrapper = _styledComponents.default.div`
     ${Content} {
       gap: 4px;
 
-      ${Bar}:first-of-type {
-        border-top-left-radius: 6px;
-        border-bottom-left-radius: 6px;
-      }
-
-      ${Bar}:last-of-type {
-        border-top-right-radius: 6px;
-        border-bottom-right-radius: 6px;
+      ${Bar} {
+        border-radius: 6px;
       }
     }
   }
@@ -293,14 +413,8 @@ const Wrapper = _styledComponents.default.div`
     ${Content} {
       gap: 6px;
 
-      ${Bar}:first-of-type {
-        border-top-left-radius: 8px;
-        border-bottom-left-radius: 8px;
-      }
-
-      ${Bar}:last-of-type {
-        border-top-right-radius: 8px;
-        border-bottom-right-radius: 8px;
+      ${Bar} {
+        border-radius: 8px;
       }
     }
   }
@@ -313,14 +427,8 @@ const Wrapper = _styledComponents.default.div`
     ${Content} {
       gap: 8px;
 
-      ${Bar}:first-of-type {
-        border-top-left-radius: 12px;
-        border-bottom-left-radius: 12px;
-      }
-
-      ${Bar}:last-of-type {
-        border-top-right-radius: 12px;
-        border-bottom-right-radius: 12px;
+      ${Bar} {
+        border-radius: 12px;
       }
     }
   }
@@ -362,12 +470,12 @@ const LinearProgress = _ref => {
     rest = (0, _objectWithoutProperties2.default)(_ref, _excluded);
   const renderBars = () => /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
     children: Array.from(Array(max).keys()).map(i => /*#__PURE__*/(0, _jsxRuntime.jsx)(Bar, {
-      className: `${Math.ceil(value) >= i + 1 ? 'active' : ''} ${Math.ceil(value) === i + 1 ? 'current' : ''} ${variant} ${size}`
+      className: `${Math.ceil(value) >= i + 1 ? 'active' : ''} ${Math.ceil(value) === i + 1 ? 'current' : ''} ${i == max - 1 ? 'last' : ''} ${variant} ${size}`
     }, i))
   });
   const renderDots = () => /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
     children: Array.from(Array(max).keys()).map(i => /*#__PURE__*/(0, _jsxRuntime.jsx)(Dot, {
-      className: `${Math.ceil(value) >= i + 1 ? 'active' : ''} ${Math.ceil(value) === i + 1 ? 'current' : ''} ${variant} ${size}`
+      className: `${Math.ceil(value) >= i + 1 ? 'active' : ''} ${Math.ceil(value) === i + 1 ? 'current' : ''} ${i == max - 1 ? 'last' : ''} ${variant} ${size}`
     }, i))
   });
   const renderLine = () => /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {

package/dist/LinearProgress/LinearProgress.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"LinearProgress.cjs","names":["_react","_interopRequireDefault","require","_types","_styledComponents","_styles","_jsxRuntime","_excluded","ownKeys","e","r","t","Object","keys","getOwnPropertySymbols","o","filter","getOwnPropertyDescriptor","enumerable","push","apply","_objectSpread","arguments","length","forEach","_defineProperty2","default","getOwnPropertyDescriptors","defineProperties","defineProperty","Bar","exports","styled","div","props","COLORS","getColor","theme","Dot","LineFill","Line","Label","Content","Wrapper","ComponentSStyling","ComponentTextStyle","Regular","ComponentMStyling","ComponentLStyling","LinearProgressType","LinearProgressVariant","LinearProgress","_ref","size","Size","Medium","type","variant","Normal","label","value","max","className","rest","_objectWithoutProperties2","renderBars","jsx","Fragment","children","Array","from","map","i","Math","ceil","renderDots","renderLine","style","width","render","Bars","Dots","jsxs","propTypes","_propTypes","oneOf","string","number","isRequired","_default"],"sources":["../../src/LinearProgress/LinearProgress.tsx"],"sourcesContent":["import React from 'react';\r\nimport {Size} from '../types';\r\nimport styled from 'styled-components';\r\nimport {COLORS, ComponentLStyling, ComponentMStyling, ComponentSStyling, ComponentTextStyle} from '../styles';\r\n\r\nexport const Bar = styled.div`\r\n  flex: 1;\r\n  height: 6px;\r\n\r\n  &.small {\r\n    height: 6px;\r\n  }\r\n\r\n  &.medium {\r\n    height: 8px;\r\n  }\r\n\r\n  &.large {\r\n    height: 12px;\r\n  }\r\n\r\n  background-color: ${props => COLORS.getColor('neutral_100', props.theme)};\r\n\r\n  &.active {\r\n    background-color: ${props => COLORS.getColor('accent1_400', props.theme)};\r\n  }\r\n\r\n  &.current {\r\n    background-color: ${props => COLORS.getColor('accent1_800', props.theme)};\r\n  }\r\n\r\n  &.inverted {\r\n    background-color: ${props => COLORS.getColor('neutral_600', props.theme)};\r\n  }\r\n\r\n  &.inverted.active {\r\n    background-color: ${props => COLORS.getColor('accent1_400', props.theme)};\r\n  }\r\n\r\n  &.inverted.current {\r\n    background-color: ${props => COLORS.getColor('white', props.theme)};\r\n  }\r\n\r\n`;\r\n\r\nexport const Dot = styled.div`\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  width: 16px;\r\n  height: 16px;\r\n\r\n\r\n  &:after {\r\n    content: '';\r\n    display: block;\r\n    width: 6px;\r\n    height: 6px;\r\n    border-radius: 50%;\r\n    background-color: ${props => COLORS.getColor('neutral_400', props.theme)};\r\n  }\r\n\r\n  &.small {\r\n    &:after {\r\n      width: 6px;\r\n      height: 6px;\r\n    }\r\n\r\n    &.current:after {\r\n      width: 10px;\r\n      height: 10px;\r\n    }\r\n  }\r\n\r\n  &.medium {\r\n    &:after {\r\n      width: 8px;\r\n      height: 8px;\r\n    }\r\n\r\n    &.current:after {\r\n      width: 12px;\r\n      height: 12px;\r\n    }\r\n  }\r\n\r\n  &.large {\r\n    &:after {\r\n      width: 12px;\r\n      height: 12px;\r\n    }\r\n\r\n    &.current:after {\r\n      width: 16px;\r\n      height: 16px;\r\n    }\r\n  }\r\n\r\n\r\n  &.active:after {\r\n    background-color: ${props => COLORS.getColor('accent1_600', props.theme)};\r\n  }\r\n\r\n  &.current:after {\r\n    background-color: ${props => COLORS.getColor('accent1_800', props.theme)};\r\n  }\r\n\r\n  &.inverted:after {\r\n    background-color: ${props => COLORS.getColor('neutral_400', props.theme)};\r\n  }\r\n\r\n  &.inverted.active:after {\r\n    background-color: ${props => COLORS.getColor('accent1_400', props.theme)};\r\n  }\r\n\r\n  &.inverted.current:after {\r\n    background-color: ${props => COLORS.getColor('white', props.theme)};\r\n  }\r\n`;\r\n\r\nexport const LineFill = styled.div`\r\n  height: 100%;\r\n  max-width: 100%;\r\n  position: absolute;\r\n  z-index: 1;\r\n`;\r\n\r\nexport const Line = styled.div`\r\n  flex: 1;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: flex-start;\r\n  position: relative;\r\n\r\n  &:after {\r\n    content: '';\r\n    display: block;\r\n    height: 100%;\r\n    background-color: ${props => COLORS.getColor('neutral_500', props.theme)};\r\n    position: absolute;\r\n    right: 0;\r\n  }\r\n\r\n  &:before {\r\n    content: '';\r\n    display: block;\r\n    height: 100%;\r\n    background-color: ${props => COLORS.getColor('neutral_500', props.theme)};\r\n    position: absolute;\r\n    left: 0;\r\n  }\r\n\r\n  &.small {\r\n    height: 6px;\r\n    border-radius: 4px;\r\n\r\n    ${LineFill} {\r\n      border-radius: 4px;\r\n    }\r\n\r\n    &:after {\r\n      width: 3px;\r\n      border-top-right-radius: 6px;\r\n      border-bottom-right-radius: 6px;\r\n    }\r\n\r\n    &:before {\r\n      width: 3px;\r\n      border-top-left-radius: 6px;\r\n      border-bottom-left-radius: 6px;\r\n    }\r\n  }\r\n\r\n  &.medium {\r\n    height: 8px;\r\n    border-radius: 4px;\r\n\r\n    ${LineFill} {\r\n      border-radius: 4px;\r\n    }\r\n\r\n    &:after {\r\n      width: 4px;\r\n      border-top-right-radius: 8px;\r\n      border-bottom-right-radius: 8px;\r\n    }\r\n\r\n    &:before {\r\n      width: 4px;\r\n      border-top-left-radius: 8px;\r\n      border-bottom-left-radius: 8px;\r\n    }\r\n  }\r\n\r\n  &.large {\r\n    height: 12px;\r\n    border-radius: 6px;\r\n\r\n    ${LineFill} {\r\n      border-radius: 6px;\r\n    }\r\n\r\n    &:after {\r\n      width: 6px;\r\n      border-top-right-radius: 12px;\r\n      border-bottom-right-radius: 12px;\r\n    }\r\n\r\n    &:before {\r\n      width: 6px;\r\n      border-top-left-radius: 12px;\r\n      border-bottom-left-radius: 12px;\r\n    }\r\n  }\r\n\r\n  background-color: ${props => COLORS.getColor('neutral_100', props.theme)};\r\n\r\n  ${LineFill} {\r\n    background-color: ${props => COLORS.getColor('accent1_500', props.theme)};\r\n  }\r\n\r\n  &.inverted {\r\n    background-color: ${props => COLORS.getColor('neutral_700', props.theme)};\r\n\r\n    &:after,\r\n    &:before {\r\n      background-color: ${props => COLORS.getColor('neutral_400', props.theme)};\r\n    }\r\n\r\n    ${LineFill} {\r\n      background-color: ${props => COLORS.getColor('accent1_400', props.theme)};\r\n    }\r\n  }\r\n`;\r\n\r\nconst Label = styled.div`\r\n  color: ${props => COLORS.getColor('black', props.theme)};\r\n`;\r\n\r\nconst Content = styled.div`\r\n  display: flex;\r\n  align-items: center;\r\n  flex-direction: row;\r\n  height: 16px;\r\n`;\r\n\r\nconst Wrapper = styled.div`\r\n  width: 100%;\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: 8px;\r\n\r\n  &.inverted {\r\n    ${Label} {\r\n      color: ${props => COLORS.getColor('white', props.theme)};\r\n    }\r\n  }\r\n\r\n  &.small {\r\n    gap: 4px;\r\n\r\n    ${Label} {\r\n      ${ComponentSStyling(ComponentTextStyle.Regular, null)}\r\n    }\r\n\r\n    ${Content} {\r\n      gap: 4px;\r\n\r\n      ${Bar}:first-of-type {\r\n        border-top-left-radius: 6px;\r\n        border-bottom-left-radius: 6px;\r\n      }\r\n\r\n      ${Bar}:last-of-type {\r\n        border-top-right-radius: 6px;\r\n        border-bottom-right-radius: 6px;\r\n      }\r\n    }\r\n  }\r\n\r\n  &.medium {\r\n    ${Label} {\r\n      ${ComponentMStyling(ComponentTextStyle.Regular, null)}\r\n    }\r\n\r\n    ${Content} {\r\n      gap: 6px;\r\n\r\n      ${Bar}:first-of-type {\r\n        border-top-left-radius: 8px;\r\n        border-bottom-left-radius: 8px;\r\n      }\r\n\r\n      ${Bar}:last-of-type {\r\n        border-top-right-radius: 8px;\r\n        border-bottom-right-radius: 8px;\r\n      }\r\n    }\r\n  }\r\n\r\n  &.large {\r\n    ${Label} {\r\n      ${ComponentLStyling(ComponentTextStyle.Regular, null)}\r\n    }\r\n\r\n    ${Content} {\r\n      gap: 8px;\r\n\r\n      ${Bar}:first-of-type {\r\n        border-top-left-radius: 12px;\r\n        border-bottom-left-radius: 12px;\r\n      }\r\n\r\n      ${Bar}:last-of-type {\r\n        border-top-right-radius: 12px;\r\n        border-bottom-right-radius: 12px;\r\n      }\r\n    }\r\n  }\r\n\r\n  &.dots.small,\r\n  &.dots.medium {\r\n    ${Content} {\r\n      padding: 0 2px;\r\n    }\r\n  }\r\n\r\n  &.dots.large {\r\n    ${Content} {\r\n      padding: 0 3px;\r\n    }\r\n  }\r\n`;\r\n\r\nexport enum LinearProgressType {\r\n  Dots = 'dots',\r\n  Line = 'line',\r\n  Bars = 'bars',\r\n}\r\n\r\nexport enum LinearProgressVariant {\r\n  Normal = 'normal',\r\n  Inverted = 'inverted',\r\n}\r\n\r\nexport interface LinearProgressProps extends React.HTMLAttributes<HTMLDivElement> {\r\n  /** Size of the component. Defaults to 'medium' */\r\n  size?: Size.Small | Size.Medium | Size.Large;\r\n  /** Progress type. Defaults to 'line' */\r\n  type?: LinearProgressType;\r\n  /** Progress variant. Defaults to 'normal' */\r\n  variant?: LinearProgressVariant;\r\n  /** Label of the component */\r\n  label?: string;\r\n /** Current value on the progress. */\r\n  value: number;\r\n  /** Maximum value of the progress bar. */\r\n  max: number;\r\n}\r\n\r\nconst LinearProgress: React.FunctionComponent<LinearProgressProps> = ({\r\n                                                                        size = Size.Medium,\r\n                                                                        type = LinearProgressType.Line,\r\n                                                                        variant = LinearProgressVariant.Normal,\r\n                                                                        label,\r\n                                                                        value,\r\n                                                                        max,\r\n                                                                        className,\r\n                                                                        ...rest\r\n                                                                      }) => {\r\n\r\n  const renderBars = () =>\r\n    <>\r\n      {Array.from(Array(max).keys()).map(i => (\r\n        <Bar key={i}\r\n             className={`${Math.ceil(value) >= i + 1 ? 'active' : ''} ${Math.ceil(value) === i + 1 ? 'current' : ''} ${variant} ${size}`}/>\r\n      ))}\r\n    </>\r\n\r\n  const renderDots = () =>\r\n    <>\r\n      {Array.from(Array(max).keys()).map(i => (\r\n        <Dot key={i}\r\n             className={`${Math.ceil(value) >= i + 1 ? 'active' : ''} ${Math.ceil(value) === i + 1 ? 'current' : ''} ${variant} ${size}`}/>\r\n      ))}\r\n    </>\r\n\r\n  const renderLine = () =>\r\n    <>\r\n      <Line className={`${variant} ${size}`}>\r\n        <LineFill style={{width: `${value / max * 100}%`}}/>\r\n      </Line>\r\n    </>\r\n\r\n\r\n  const render = () => {\r\n    switch (type) {\r\n      case LinearProgressType.Bars:\r\n        return renderBars();\r\n      case LinearProgressType.Dots:\r\n        return renderDots();\r\n      case LinearProgressType.Line:\r\n      default:\r\n        return renderLine();\r\n    }\r\n  }\r\n\r\n  return (\r\n    <Wrapper className={`${size} ${type} ${variant} ${className || ''}`} {...rest}>\r\n      {label && <Label>{label}</Label>}\r\n      <Content>\r\n        {render()}\r\n      </Content>\r\n    </Wrapper>\r\n  )\r\n};\r\n\r\nexport default LinearProgress;\r\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"LinearProgress.cjs","names":["_react","_interopRequireDefault","require","_types","_styledComponents","_styles","_jsxRuntime","_excluded","ownKeys","e","r","t","Object","keys","getOwnPropertySymbols","o","filter","getOwnPropertyDescriptor","enumerable","push","apply","_objectSpread","arguments","length","forEach","_defineProperty2","default","getOwnPropertyDescriptors","defineProperties","defineProperty","Bar","exports","styled","div","props","COLORS","generateToken","componentType","defaultVariant","theme","state","getColor","Dot","LineFill","Line","Label","Content","Wrapper","ComponentSStyling","ComponentTextStyle","Regular","ComponentMStyling","ComponentLStyling","LinearProgressType","LinearProgressVariant","LinearProgress","_ref","size","Size","Medium","type","variant","Normal","label","value","max","className","rest","_objectWithoutProperties2","renderBars","jsx","Fragment","children","Array","from","map","i","Math","ceil","renderDots","renderLine","style","width","render","Bars","Dots","jsxs","propTypes","_propTypes","oneOf","string","number","isRequired","_default"],"sources":["../../src/LinearProgress/LinearProgress.tsx"],"sourcesContent":["import React from 'react';\r\nimport {Size} from '../types';\r\nimport styled from 'styled-components';\r\nimport {COLORS, ComponentLStyling, ComponentMStyling, ComponentSStyling, ComponentTextStyle} from '../styles';\r\n\r\nexport const Bar = styled.div`\r\n  flex: 1;\r\n  position: relative;\r\n  height: 6px;\r\n\r\n  &.last:after {\r\n    content:'';\r\n    display: block;\r\n    position: absolute;\r\n    right: 0px;\r\n    border-radius: 50%;\r\n    background-color: ${props => COLORS.generateToken({ componentType: 'bg-fill', defaultVariant: 'default' }, props.theme)};\r\n  }\r\n\r\n  &.small {\r\n    height: 6px;\r\n    &.last:after {\r\n      height: 6px;\r\n      width: 6px;\r\n    }\r\n  }\r\n\r\n  &.medium {\r\n    height: 8px;\r\n    &.last:after {\r\n      height: 8px;\r\n      width: 8px;\r\n    }\r\n  }\r\n\r\n  &.large {\r\n    height: 12px;\r\n    &.last:after {\r\n      height: 12px;\r\n      width: 12px;\r\n    }\r\n  }\r\n\r\n  background-color: ${props => COLORS.generateToken({componentType: 'bg-surface', defaultVariant: 'neutral'}, props.theme)};\r\n\r\n  &.active {\r\n    background-color: ${props => COLORS.generateToken({ componentType: 'bg-fill', defaultVariant: 'accent1' }, props.theme)};\r\n  }\r\n\r\n  &.current {\r\n    background-color: ${props => COLORS.generateToken({ componentType: 'bg-fill', defaultVariant: 'primary', state: 'active' }, props.theme)};\r\n  }\r\n\r\n  &.inverted {\r\n    background-color: ${props => COLORS.getColor('neutral_600', props.theme)};\r\n  }\r\n\r\n  &.inverted.active {\r\n    background-color: ${props => COLORS.getColor('accent1_400', props.theme)};\r\n  }\r\n\r\n  &.inverted.current {\r\n    background-color: ${props => COLORS.getColor('white', props.theme)};\r\n  }\r\n\r\n`;\r\n\r\nexport const Dot = styled.div`\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  width: 16px;\r\n  height: 16px;\r\n\r\n\r\n  &:after {\r\n    content: '';\r\n    display: block;\r\n    width: 6px;\r\n    height: 6px;\r\n    border-radius: 50%;\r\n    background-color: ${props => COLORS.generateToken({ componentType: 'bg-surface', defaultVariant: 'neutral' }, props.theme)};\r\n  }\r\n\r\n  &.small {\r\n    &:after {\r\n      width: 6px;\r\n      height: 6px;\r\n    }\r\n\r\n    \r\n    &.last:after {\r\n      width: 3px;\r\n      height: 3px;\r\n      background-color: ${props => COLORS.generateToken({ componentType: 'bg-fill', defaultVariant: 'default' }, props.theme)};\r\n      box-shadow: 0px 0px 0px 1.5px ${props => COLORS.generateToken({ componentType: 'bg-surface', defaultVariant: 'neutral' }, props.theme)};\r\n    }\r\n\r\n\r\n    &.current:after {\r\n      width: 10px;\r\n      height: 10px;\r\n    }\r\n  }\r\n\r\n  &.medium {\r\n    &:after {\r\n      width: 8px;\r\n      height: 8px;\r\n    }\r\n\r\n    &.last:after {\r\n      width: 4px;\r\n      height: 4px;\r\n      background-color: ${props => COLORS.generateToken({ componentType: 'bg-fill', defaultVariant: 'default' }, props.theme)};\r\n      box-shadow: 0px 0px 0px 2px ${props => COLORS.generateToken({ componentType: 'bg-surface', defaultVariant: 'neutral' }, props.theme)};\r\n    }\r\n\r\n\r\n    &.current:after {\r\n      width: 12px;\r\n      height: 12px;\r\n    }\r\n  }\r\n\r\n  &.large {\r\n    &:after {\r\n      width: 12px;\r\n      height: 12px;\r\n    }\r\n\r\n    &.last:after {\r\n      width: 6px;\r\n      height: 6px;\r\n      background-color: ${props => COLORS.generateToken({ componentType: 'bg-fill', defaultVariant: 'default' }, props.theme)};\r\n      box-shadow: 0px 0px 0px 3px ${props => COLORS.generateToken({ componentType: 'bg-surface', defaultVariant: 'neutral' }, props.theme)};\r\n    }\r\n\r\n    &.current:after {\r\n      width: 16px;\r\n      height: 16px;\r\n    }\r\n  }\r\n\r\n\r\n  &.active:after {\r\n    background-color: ${props => COLORS.generateToken({ componentType: 'bg-fill', defaultVariant: 'accent1' }, props.theme)};\r\n  }\r\n\r\n  &.current:after {\r\n    background-color: ${props => COLORS.generateToken({ componentType: 'bg-fill', defaultVariant: 'primary', state: 'active' }, props.theme)};\r\n  }\r\n\r\n  &.inverted:after {\r\n    background-color: ${props => COLORS.getColor('neutral_400', props.theme)};\r\n  }\r\n\r\n  &.inverted.active:after {\r\n    background-color: ${props => COLORS.getColor('accent1_400', props.theme)};\r\n  }\r\n\r\n  &.inverted.current:after {\r\n    background-color: ${props => COLORS.getColor('white', props.theme)};\r\n  }\r\n`;\r\n\r\nexport const LineFill = styled.div`\r\n  height: 100%;\r\n  max-width: 100%;\r\n  position: absolute;\r\n  z-index: 1;\r\n`;\r\n\r\nexport const Line = styled.div`\r\n  flex: 1;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: flex-start;\r\n  position: relative;\r\n\r\n  &:after {\r\n    content: '';\r\n    display: block;\r\n    height: 100%;\r\n    position: absolute;\r\n    right: 0;\r\n  }\r\n\r\n  &:before {\r\n    content: '';\r\n    display: block;\r\n    height: 100%;\r\n    position: absolute;\r\n    left: 0;\r\n  }\r\n\r\n\r\n\r\n  &.small {\r\n    height: 6px;\r\n    border-radius: 4px;\r\n\r\n    ${LineFill} {\r\n      border-radius: 4px;\r\n    }\r\n\r\n    &:after {\r\n      width: 4px;\r\n      height: 4px;\r\n      border-radius: 50%;\r\n      margin-right: 1px;\r\n      background-color: ${props => COLORS.generateToken({ componentType: 'bg-fill', defaultVariant: 'default' }, props.theme)};\r\n    }\r\n\r\n    &:before {\r\n      width: 4px;\r\n      height: 4px;\r\n      border-radius: 50%;\r\n      margin-left: 1px;\r\n      background-color: ${props => COLORS.generateToken({ componentType: 'bg-fill', defaultVariant: 'default' }, props.theme)};\r\n    }\r\n  }\r\n\r\n  &.medium {\r\n    height: 8px;\r\n    border-radius: 4px;\r\n\r\n    ${LineFill} {\r\n      border-radius: 4px;\r\n    }\r\n\r\n    &:after {\r\n      width: 4px;\r\n      height: 4px;\r\n      border-radius: 50%;\r\n      margin-right: 2px;\r\n      background-color: ${props => COLORS.generateToken({ componentType: 'bg-fill', defaultVariant: 'default' }, props.theme)};\r\n    }\r\n\r\n    &:before {\r\n      width: 4px;\r\n      height: 4px;\r\n      border-radius: 50%;\r\n      margin-left: 2px;\r\n      background-color: ${props => COLORS.generateToken({ componentType: 'bg-fill', defaultVariant: 'default' }, props.theme)};\r\n    }\r\n  }\r\n\r\n  &.large {\r\n    height: 12px;\r\n    border-radius: 6px;\r\n\r\n    ${LineFill} {\r\n      border-radius: 6px;\r\n    }\r\n\r\n    &:after {\r\n      width: 8px;\r\n      height: 8px;\r\n      border-radius: 50%;\r\n      margin-right: 2px;\r\n      background-color: ${props => COLORS.generateToken({ componentType: 'bg-fill', defaultVariant: 'default' }, props.theme)};\r\n    }\r\n\r\n    &:before {\r\n      width: 8px;\r\n      height: 8px;\r\n      border-radius: 50%;\r\n      margin-left: 2px;\r\n      background-color: ${props => COLORS.generateToken({ componentType: 'bg-fill', defaultVariant: 'default' }, props.theme)};\r\n    }\r\n  }\r\n\r\n  background-color: ${props => COLORS.generateToken({ componentType: 'bg-surface', defaultVariant: 'neutral' }, props.theme)};\r\n\r\n  ${LineFill} {\r\n    background-color: ${props => COLORS.generateToken({ componentType: 'bg-fill', defaultVariant: 'default' }, props.theme)};\r\n  }\r\n\r\n  &.inverted {\r\n    background-color: ${props => COLORS.getColor('neutral_700', props.theme)};\r\n\r\n    &:after,\r\n    &:before {\r\n      background-color: ${props => COLORS.getColor('neutral_400', props.theme)};\r\n    }\r\n\r\n    ${LineFill} {\r\n      background-color: ${props => COLORS.getColor('accent1_400', props.theme)};\r\n    }\r\n  }\r\n`;\r\n\r\nconst Label = styled.div`\r\n  color: ${props => COLORS.generateToken({ componentType: 'text', defaultVariant: 'default' }, props.theme)};\r\n`;\r\n\r\nconst Content = styled.div`\r\n  display: flex;\r\n  align-items: center;\r\n  flex-direction: row;\r\n  height: 16px;\r\n`;\r\n\r\nconst Wrapper = styled.div`\r\n  width: 100%;\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: 8px;\r\n\r\n  &.inverted {\r\n    ${Label} {\r\n      color: ${props => COLORS.getColor('white', props.theme)};\r\n    }\r\n  }\r\n\r\n  &.small {\r\n    gap: 4px;\r\n\r\n    ${Label} {\r\n      ${ComponentSStyling(ComponentTextStyle.Regular, null)}\r\n    }\r\n\r\n    ${Content} {\r\n      gap: 4px;\r\n\r\n      ${Bar} {\r\n        border-radius: 6px;\r\n      }\r\n    }\r\n  }\r\n\r\n  &.medium {\r\n    ${Label} {\r\n      ${ComponentMStyling(ComponentTextStyle.Regular, null)}\r\n    }\r\n\r\n    ${Content} {\r\n      gap: 6px;\r\n\r\n      ${Bar} {\r\n        border-radius: 8px;\r\n      }\r\n    }\r\n  }\r\n\r\n  &.large {\r\n    ${Label} {\r\n      ${ComponentLStyling(ComponentTextStyle.Regular, null)}\r\n    }\r\n\r\n    ${Content} {\r\n      gap: 8px;\r\n\r\n      ${Bar} {\r\n        border-radius: 12px;\r\n      }\r\n    }\r\n  }\r\n\r\n  &.dots.small,\r\n  &.dots.medium {\r\n    ${Content} {\r\n      padding: 0 2px;\r\n    }\r\n  }\r\n\r\n  &.dots.large {\r\n    ${Content} {\r\n      padding: 0 3px;\r\n    }\r\n  }\r\n`;\r\n\r\nexport enum LinearProgressType {\r\n  Dots = 'dots',\r\n  Line = 'line',\r\n  Bars = 'bars',\r\n}\r\n\r\nexport enum LinearProgressVariant {\r\n  Normal = 'normal',\r\n  Inverted = 'inverted',\r\n}\r\n\r\nexport interface LinearProgressProps extends React.HTMLAttributes<HTMLDivElement> {\r\n  /** Size of the component. Defaults to 'medium' */\r\n  size?: Size.Small | Size.Medium | Size.Large;\r\n  /** Progress type. Defaults to 'line' */\r\n  type?: LinearProgressType;\r\n  /** Progress variant. Defaults to 'normal' */\r\n  variant?: LinearProgressVariant;\r\n  /** Label of the component */\r\n  label?: string;\r\n /** Current value on the progress. */\r\n  value: number;\r\n  /** Maximum value of the progress bar. */\r\n  max: number;\r\n}\r\n\r\nconst LinearProgress: React.FunctionComponent<LinearProgressProps> = ({\r\n                                                                        size = Size.Medium,\r\n                                                                        type = LinearProgressType.Line,\r\n                                                                        variant = LinearProgressVariant.Normal,\r\n                                                                        label,\r\n                                                                        value,\r\n                                                                        max,\r\n                                                                        className,\r\n                                                                        ...rest\r\n                                                                      }) => {\r\n\r\n  const renderBars = () =>\r\n    <>\r\n      {Array.from(Array(max).keys()).map(i => (\r\n        <Bar key={i}\r\n             className={`${Math.ceil(value) >= i + 1 ? 'active' : ''} ${Math.ceil(value) === i + 1 ? 'current' : ''} ${i == max - 1 ? 'last':''} ${variant} ${size}`}/>\r\n      ))}\r\n    </>\r\n\r\n  const renderDots = () =>\r\n    <>\r\n      {Array.from(Array(max).keys()).map(i => (\r\n        <Dot key={i}\r\n             className={`${Math.ceil(value) >= i + 1 ? 'active' : ''} ${Math.ceil(value) === i + 1 ? 'current' : ''} ${i == max - 1 ? 'last':''} ${variant} ${size}`}/>\r\n      ))}\r\n    </>\r\n\r\n  const renderLine = () =>\r\n    <>\r\n      <Line className={`${variant} ${size}`}>\r\n        <LineFill style={{width: `${value / max * 100}%`}}/>\r\n      </Line>\r\n    </>\r\n\r\n\r\n  const render = () => {\r\n    switch (type) {\r\n      case LinearProgressType.Bars:\r\n        return renderBars();\r\n      case LinearProgressType.Dots:\r\n        return renderDots();\r\n      case LinearProgressType.Line:\r\n      default:\r\n        return renderLine();\r\n    }\r\n  }\r\n\r\n  return (\r\n    <Wrapper className={`${size} ${type} ${variant} ${className || ''}`} {...rest}>\r\n      {label && <Label>{label}</Label>}\r\n      <Content>\r\n        {render()}\r\n      </Content>\r\n    </Wrapper>\r\n  )\r\n};\r\n\r\nexport default LinearProgress;\r\n"],"mappings":"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","ignoreList":[]}