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

package/dist/LinearProgress/LinearProgress.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"LinearProgress.cjs","names":["Bar","styled","div","COLORS","neutral_100","accent1_400","accent1_800","neutral_600","white","Dot","neutral_400","accent1_600","LineFill","Line","neutral_500","accent1_500","neutral_700","Label","black","Content","Wrapper","ComponentSStyling","ComponentTextStyle","Regular","ComponentMStyling","ComponentLStyling","LinearProgressType","LinearProgressVariant","LinearProgress","size","Size","Medium","type","variant","Normal","label","value","max","className","rest","renderBars","Array","from","keys","map","i","Math","ceil","renderDots","renderLine","width","render","Bars","Dots"],"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: ${COLORS.neutral_100};\r\n\r\n  &.active {\r\n    background-color: ${COLORS.accent1_400};\r\n  }\r\n\r\n  &.current {\r\n    background-color: ${COLORS.accent1_800};\r\n  }\r\n\r\n  &.inverted {\r\n    background-color: ${COLORS.neutral_600};\r\n  }\r\n\r\n  &.inverted.active {\r\n    background-color: ${COLORS.accent1_400};\r\n  }\r\n\r\n  &.inverted.current {\r\n    background-color: ${COLORS.white};\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: ${COLORS.neutral_400};\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: ${COLORS.accent1_600};\r\n  }\r\n\r\n  &.current:after {\r\n    background-color: ${COLORS.accent1_800};\r\n  }\r\n\r\n  &.inverted:after {\r\n    background-color: ${COLORS.neutral_400};\r\n  }\r\n\r\n  &.inverted.active:after {\r\n    background-color: ${COLORS.accent1_400};\r\n  }\r\n\r\n  &.inverted.current:after {\r\n    background-color: ${COLORS.white};\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: ${COLORS.neutral_500};\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: ${COLORS.neutral_500};\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: ${COLORS.neutral_100};\r\n\r\n  ${LineFill} {\r\n    background-color: ${COLORS.accent1_500};\r\n  }\r\n\r\n  &.inverted {\r\n    background-color: ${COLORS.neutral_700};\r\n\r\n    &:after,\r\n    &:before {\r\n      background-color: ${COLORS.neutral_400};\r\n    }\r\n\r\n    ${LineFill} {\r\n      background-color: ${COLORS.accent1_400};\r\n    }\r\n  }\r\n`;\r\n\r\nconst Label = styled.div`\r\n  color: ${COLORS.black};\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: ${COLORS.white};\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?: Size.Small | Size.Medium | Size.Large;\r\n  type?: LinearProgressType;\r\n  variant?: LinearProgressVariant;\r\n\r\n  label?: string;\r\n\r\n  value: number;\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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"}
+{"version":3,"file":"LinearProgress.cjs","names":["Bar","styled","div","COLORS","neutral_100","accent1_400","accent1_800","neutral_600","white","Dot","neutral_400","accent1_600","LineFill","Line","neutral_500","accent1_500","neutral_700","Label","black","Content","Wrapper","ComponentSStyling","ComponentTextStyle","Regular","ComponentMStyling","ComponentLStyling","LinearProgressType","LinearProgressVariant","LinearProgress","size","Size","Medium","type","variant","Normal","label","value","max","className","rest","renderBars","Array","from","keys","map","i","Math","ceil","renderDots","renderLine","width","render","Bars","Dots"],"sources":["../../src/LinearProgress/LinearProgress.tsx"],"sourcesContent":["import React from 'react';\nimport {Size} from '../types';\nimport styled from 'styled-components';\nimport {COLORS, ComponentLStyling, ComponentMStyling, ComponentSStyling, ComponentTextStyle} from '../styles';\n\nexport const Bar = styled.div`\n  flex: 1;\n  height: 6px;\n\n  &.small {\n    height: 6px;\n  }\n\n  &.medium {\n    height: 8px;\n  }\n\n  &.large {\n    height: 12px;\n  }\n\n  background-color: ${COLORS.neutral_100};\n\n  &.active {\n    background-color: ${COLORS.accent1_400};\n  }\n\n  &.current {\n    background-color: ${COLORS.accent1_800};\n  }\n\n  &.inverted {\n    background-color: ${COLORS.neutral_600};\n  }\n\n  &.inverted.active {\n    background-color: ${COLORS.accent1_400};\n  }\n\n  &.inverted.current {\n    background-color: ${COLORS.white};\n  }\n\n`;\n\nexport const Dot = styled.div`\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 16px;\n  height: 16px;\n\n\n  &:after {\n    content: '';\n    display: block;\n    width: 6px;\n    height: 6px;\n    border-radius: 50%;\n    background-color: ${COLORS.neutral_400};\n  }\n\n  &.small {\n    &:after {\n      width: 6px;\n      height: 6px;\n    }\n\n    &.current:after {\n      width: 10px;\n      height: 10px;\n    }\n  }\n\n  &.medium {\n    &:after {\n      width: 8px;\n      height: 8px;\n    }\n\n    &.current:after {\n      width: 12px;\n      height: 12px;\n    }\n  }\n\n  &.large {\n    &:after {\n      width: 12px;\n      height: 12px;\n    }\n\n    &.current:after {\n      width: 16px;\n      height: 16px;\n    }\n  }\n\n\n  &.active:after {\n    background-color: ${COLORS.accent1_600};\n  }\n\n  &.current:after {\n    background-color: ${COLORS.accent1_800};\n  }\n\n  &.inverted:after {\n    background-color: ${COLORS.neutral_400};\n  }\n\n  &.inverted.active:after {\n    background-color: ${COLORS.accent1_400};\n  }\n\n  &.inverted.current:after {\n    background-color: ${COLORS.white};\n  }\n`;\n\nexport const LineFill = styled.div`\n  height: 100%;\n  max-width: 100%;\n  position: absolute;\n  z-index: 1;\n`;\n\nexport const Line = styled.div`\n  flex: 1;\n  display: flex;\n  align-items: center;\n  justify-content: flex-start;\n  position: relative;\n\n  &:after {\n    content: '';\n    display: block;\n    height: 100%;\n    background-color: ${COLORS.neutral_500};\n    position: absolute;\n    right: 0;\n  }\n\n  &:before {\n    content: '';\n    display: block;\n    height: 100%;\n    background-color: ${COLORS.neutral_500};\n    position: absolute;\n    left: 0;\n  }\n\n  &.small {\n    height: 6px;\n    border-radius: 4px;\n\n    ${LineFill} {\n      border-radius: 4px;\n    }\n\n    &:after {\n      width: 3px;\n      border-top-right-radius: 6px;\n      border-bottom-right-radius: 6px;\n    }\n\n    &:before {\n      width: 3px;\n      border-top-left-radius: 6px;\n      border-bottom-left-radius: 6px;\n    }\n  }\n\n  &.medium {\n    height: 8px;\n    border-radius: 4px;\n\n    ${LineFill} {\n      border-radius: 4px;\n    }\n\n    &:after {\n      width: 4px;\n      border-top-right-radius: 8px;\n      border-bottom-right-radius: 8px;\n    }\n\n    &:before {\n      width: 4px;\n      border-top-left-radius: 8px;\n      border-bottom-left-radius: 8px;\n    }\n  }\n\n  &.large {\n    height: 12px;\n    border-radius: 6px;\n\n    ${LineFill} {\n      border-radius: 6px;\n    }\n\n    &:after {\n      width: 6px;\n      border-top-right-radius: 12px;\n      border-bottom-right-radius: 12px;\n    }\n\n    &:before {\n      width: 6px;\n      border-top-left-radius: 12px;\n      border-bottom-left-radius: 12px;\n    }\n  }\n\n  background-color: ${COLORS.neutral_100};\n\n  ${LineFill} {\n    background-color: ${COLORS.accent1_500};\n  }\n\n  &.inverted {\n    background-color: ${COLORS.neutral_700};\n\n    &:after,\n    &:before {\n      background-color: ${COLORS.neutral_400};\n    }\n\n    ${LineFill} {\n      background-color: ${COLORS.accent1_400};\n    }\n  }\n`;\n\nconst Label = styled.div`\n  color: ${COLORS.black};\n`;\n\nconst Content = styled.div`\n  display: flex;\n  align-items: center;\n  flex-direction: row;\n  height: 16px;\n`;\n\nconst Wrapper = styled.div`\n  width: 100%;\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n\n  &.inverted {\n    ${Label} {\n      color: ${COLORS.white};\n    }\n  }\n\n  &.small {\n    gap: 4px;\n\n    ${Label} {\n      ${ComponentSStyling(ComponentTextStyle.Regular, null)}\n    }\n\n    ${Content} {\n      gap: 4px;\n\n      ${Bar}:first-of-type {\n        border-top-left-radius: 6px;\n        border-bottom-left-radius: 6px;\n      }\n\n      ${Bar}:last-of-type {\n        border-top-right-radius: 6px;\n        border-bottom-right-radius: 6px;\n      }\n    }\n  }\n\n  &.medium {\n    ${Label} {\n      ${ComponentMStyling(ComponentTextStyle.Regular, null)}\n    }\n\n    ${Content} {\n      gap: 6px;\n\n      ${Bar}:first-of-type {\n        border-top-left-radius: 8px;\n        border-bottom-left-radius: 8px;\n      }\n\n      ${Bar}:last-of-type {\n        border-top-right-radius: 8px;\n        border-bottom-right-radius: 8px;\n      }\n    }\n  }\n\n  &.large {\n    ${Label} {\n      ${ComponentLStyling(ComponentTextStyle.Regular, null)}\n    }\n\n    ${Content} {\n      gap: 8px;\n\n      ${Bar}:first-of-type {\n        border-top-left-radius: 12px;\n        border-bottom-left-radius: 12px;\n      }\n\n      ${Bar}:last-of-type {\n        border-top-right-radius: 12px;\n        border-bottom-right-radius: 12px;\n      }\n    }\n  }\n\n  &.dots.small,\n  &.dots.medium {\n    ${Content} {\n      padding: 0 2px;\n    }\n  }\n\n  &.dots.large {\n    ${Content} {\n      padding: 0 3px;\n    }\n  }\n`;\n\nexport enum LinearProgressType {\n  Dots = 'dots',\n  Line = 'line',\n  Bars = 'bars',\n}\n\nexport enum LinearProgressVariant {\n  Normal = 'normal',\n  Inverted = 'inverted',\n}\n\nexport interface LinearProgressProps extends React.HTMLAttributes<HTMLDivElement> {\n  size?: Size.Small | Size.Medium | Size.Large;\n  type?: LinearProgressType;\n  variant?: LinearProgressVariant;\n\n  label?: string;\n\n  value: number;\n  max: number;\n}\n\nconst LinearProgress: React.FunctionComponent<LinearProgressProps> = ({\n                                                                        size = Size.Medium,\n                                                                        type = LinearProgressType.Line,\n                                                                        variant = LinearProgressVariant.Normal,\n                                                                        label,\n                                                                        value,\n                                                                        max,\n                                                                        className,\n                                                                        ...rest\n                                                                      }) => {\n\n  const renderBars = () =>\n    <>\n      {Array.from(Array(max).keys()).map(i => (\n        <Bar key={i}\n             className={`${Math.ceil(value) >= i + 1 ? 'active' : ''} ${Math.ceil(value) === i + 1 ? 'current' : ''} ${variant} ${size}`}/>\n      ))}\n    </>\n\n  const renderDots = () =>\n    <>\n      {Array.from(Array(max).keys()).map(i => (\n        <Dot key={i}\n             className={`${Math.ceil(value) >= i + 1 ? 'active' : ''} ${Math.ceil(value) === i + 1 ? 'current' : ''} ${variant} ${size}`}/>\n      ))}\n    </>\n\n  const renderLine = () =>\n    <>\n      <Line className={`${variant} ${size}`}>\n        <LineFill style={{width: `${value / max * 100}%`}}/>\n      </Line>\n    </>\n\n\n  const render = () => {\n    switch (type) {\n      case LinearProgressType.Bars:\n        return renderBars();\n      case LinearProgressType.Dots:\n        return renderDots();\n      case LinearProgressType.Line:\n      default:\n        return renderLine();\n    }\n  }\n\n  return (\n    <Wrapper className={`${size} ${type} ${variant} ${className || ''}`} {...rest}>\n      {label && <Label>{label}</Label>}\n      <Content>\n        {render()}\n      </Content>\n    </Wrapper>\n  )\n};\n\nexport default LinearProgress;\n"],"mappings":";;;;;;;;;;;AAAA;AACA;AACA;AACA;AAA8G;AAAA;AAAA;AAAA;AAAA;AAEvG,IAAMA,GAAG,GAAGC,yBAAM,CAACC,GAAG,qhBAgBPC,cAAM,CAACC,WAAW,EAGhBD,cAAM,CAACE,WAAW,EAIlBF,cAAM,CAACG,WAAW,EAIlBH,cAAM,CAACI,WAAW,EAIlBJ,cAAM,CAACE,WAAW,EAIlBF,cAAM,CAACK,KAAK,CAGnC;AAAC;AAEK,IAAMC,GAAG,GAAGR,yBAAM,CAACC,GAAG,slCAcLC,cAAM,CAACO,WAAW,EAyClBP,cAAM,CAACQ,WAAW,EAIlBR,cAAM,CAACG,WAAW,EAIlBH,cAAM,CAACO,WAAW,EAIlBP,cAAM,CAACE,WAAW,EAIlBF,cAAM,CAACK,KAAK,CAEnC;AAAC;AAEK,IAAMI,QAAQ,GAAGX,yBAAM,CAACC,GAAG,kKAKjC;AAAC;AAEK,IAAMW,IAAI,GAAGZ,yBAAM,CAACC,GAAG,owDAWNC,cAAM,CAACW,WAAW,EASlBX,cAAM,CAACW,WAAW,EASpCF,QAAQ,EAqBRA,QAAQ,EAqBRA,QAAQ,EAiBQT,cAAM,CAACC,WAAW,EAEpCQ,QAAQ,EACYT,cAAM,CAACY,WAAW,EAIlBZ,cAAM,CAACa,WAAW,EAIhBb,cAAM,CAACO,WAAW,EAGtCE,QAAQ,EACYT,cAAM,CAACE,WAAW,CAG3C;AAAC;AAEF,IAAMY,KAAK,GAAGhB,yBAAM,CAACC,GAAG,wGACbC,cAAM,CAACe,KAAK,CACtB;AAED,IAAMC,OAAO,GAAGlB,yBAAM,CAACC,GAAG,0KAKzB;AAED,IAAMkB,OAAO,GAAGnB,yBAAM,CAACC,GAAG,g2CAOpBe,KAAK,EACId,cAAM,CAACK,KAAK,EAOrBS,KAAK,EACH,IAAAI,yBAAiB,EAACC,0BAAkB,CAACC,OAAO,EAAE,IAAI,CAAC,EAGrDJ,OAAO,EAGLnB,GAAG,EAKHA,GAAG,EAQLiB,KAAK,EACH,IAAAO,yBAAiB,EAACF,0BAAkB,CAACC,OAAO,EAAE,IAAI,CAAC,EAGrDJ,OAAO,EAGLnB,GAAG,EAKHA,GAAG,EAQLiB,KAAK,EACH,IAAAQ,yBAAiB,EAACH,0BAAkB,CAACC,OAAO,EAAE,IAAI,CAAC,EAGrDJ,OAAO,EAGLnB,GAAG,EAKHA,GAAG,EASLmB,OAAO,EAMPA,OAAO,CAIZ;AAAC,IAEUO,kBAAkB;AAAA;AAAA,WAAlBA,kBAAkB;EAAlBA,kBAAkB;EAAlBA,kBAAkB;EAAlBA,kBAAkB;AAAA,GAAlBA,kBAAkB,kCAAlBA,kBAAkB;AAAA,IAMlBC,qBAAqB;AAAA;AAAA,WAArBA,qBAAqB;EAArBA,qBAAqB;EAArBA,qBAAqB;AAAA,GAArBA,qBAAqB,qCAArBA,qBAAqB;AAgBjC,IAAMC,cAA4D,GAAG,SAA/DA,cAA4D,OASU;EAAA,qBARJC,IAAI;IAAJA,IAAI,0BAAGC,WAAI,CAACC,MAAM;IAAA,iBAClBC,IAAI;IAAJA,IAAI,0BAAGN,kBAAkB,CAACb,IAAI;IAAA,oBAC9BoB,OAAO;IAAPA,OAAO,6BAAGN,qBAAqB,CAACO,MAAM;IACtCC,KAAK,QAALA,KAAK;IACLC,KAAK,QAALA,KAAK;IACLC,GAAG,QAAHA,GAAG;IACHC,SAAS,QAATA,SAAS;IACNC,IAAI;EAG7E,IAAMC,UAAU,GAAG,SAAbA,UAAU;IAAA,oBACd;MAAA,UACGC,KAAK,CAACC,IAAI,CAACD,KAAK,CAACJ,GAAG,CAAC,CAACM,IAAI,EAAE,CAAC,CAACC,GAAG,CAAC,UAAAC,CAAC;QAAA,oBAClC,qBAAC,GAAG;UACC,SAAS,YAAKC,IAAI,CAACC,IAAI,CAACX,KAAK,CAAC,IAAIS,CAAC,GAAG,CAAC,GAAG,QAAQ,GAAG,EAAE,cAAIC,IAAI,CAACC,IAAI,CAACX,KAAK,CAAC,KAAKS,CAAC,GAAG,CAAC,GAAG,SAAS,GAAG,EAAE,cAAIZ,OAAO,cAAIJ,IAAI;QAAG,GADvHgB,CAAC,CACwH;MAAA,CACpI;IAAC,EACD;EAAA;EAEL,IAAMG,UAAU,GAAG,SAAbA,UAAU;IAAA,oBACd;MAAA,UACGP,KAAK,CAACC,IAAI,CAACD,KAAK,CAACJ,GAAG,CAAC,CAACM,IAAI,EAAE,CAAC,CAACC,GAAG,CAAC,UAAAC,CAAC;QAAA,oBAClC,qBAAC,GAAG;UACC,SAAS,YAAKC,IAAI,CAACC,IAAI,CAACX,KAAK,CAAC,IAAIS,CAAC,GAAG,CAAC,GAAG,QAAQ,GAAG,EAAE,cAAIC,IAAI,CAACC,IAAI,CAACX,KAAK,CAAC,KAAKS,CAAC,GAAG,CAAC,GAAG,SAAS,GAAG,EAAE,cAAIZ,OAAO,cAAIJ,IAAI;QAAG,GADvHgB,CAAC,CACwH;MAAA,CACpI;IAAC,EACD;EAAA;EAEL,IAAMI,UAAU,GAAG,SAAbA,UAAU;IAAA,oBACd;MAAA,uBACE,qBAAC,IAAI;QAAC,SAAS,YAAKhB,OAAO,cAAIJ,IAAI,CAAG;QAAA,uBACpC,qBAAC,QAAQ;UAAC,KAAK,EAAE;YAACqB,KAAK,YAAKd,KAAK,GAAGC,GAAG,GAAG,GAAG;UAAG;QAAE;MAAE;IAC/C,EACN;EAAA;EAGL,IAAMc,MAAM,GAAG,SAATA,MAAM,GAAS;IACnB,QAAQnB,IAAI;MACV,KAAKN,kBAAkB,CAAC0B,IAAI;QAC1B,OAAOZ,UAAU,EAAE;MACrB,KAAKd,kBAAkB,CAAC2B,IAAI;QAC1B,OAAOL,UAAU,EAAE;MACrB,KAAKtB,kBAAkB,CAACb,IAAI;MAC5B;QACE,OAAOoC,UAAU,EAAE;IAAC;EAE1B,CAAC;EAED,oBACE,sBAAC,OAAO;IAAC,SAAS,YAAKpB,IAAI,cAAIG,IAAI,cAAIC,OAAO,cAAIK,SAAS,IAAI,EAAE;EAAG,GAAKC,IAAI;IAAA,WAC1EJ,KAAK,iBAAI,qBAAC,KAAK;MAAA,UAAEA;IAAK,EAAS,eAChC,qBAAC,OAAO;MAAA,UACLgB,MAAM;IAAE,EACD;EAAA,GACF;AAEd,CAAC;AAAC;EAhEAnB,IAAI;EACJC,OAAO;EAEPE,KAAK;EAELC,KAAK;EACLC,GAAG;AAAA;AAAA,eA4DUT,cAAc;AAAA"}

package/dist/LinearProgress/LinearProgress.d.ts

@@ -1,25 +1,25 @@
-import React from 'react';
-import { Size } from '../types';
-export declare const Bar: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const Dot: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const LineFill: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const Line: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare enum LinearProgressType {
-    Dots = "dots",
-    Line = "line",
-    Bars = "bars"
-}
-export declare enum LinearProgressVariant {
-    Normal = "normal",
-    Inverted = "inverted"
-}
-export interface LinearProgressProps extends React.HTMLAttributes<HTMLDivElement> {
-    size?: Size.Small | Size.Medium | Size.Large;
-    type?: LinearProgressType;
-    variant?: LinearProgressVariant;
-    label?: string;
-    value: number;
-    max: number;
-}
-declare const LinearProgress: React.FunctionComponent<LinearProgressProps>;
-export default LinearProgress;
+import React from 'react';
+import { Size } from '../types';
+export declare const Bar: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const Dot: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const LineFill: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const Line: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare enum LinearProgressType {
+    Dots = "dots",
+    Line = "line",
+    Bars = "bars"
+}
+export declare enum LinearProgressVariant {
+    Normal = "normal",
+    Inverted = "inverted"
+}
+export interface LinearProgressProps extends React.HTMLAttributes<HTMLDivElement> {
+    size?: Size.Small | Size.Medium | Size.Large;
+    type?: LinearProgressType;
+    variant?: LinearProgressVariant;
+    label?: string;
+    value: number;
+    max: number;
+}
+declare const LinearProgress: React.FunctionComponent<LinearProgressProps>;
+export default LinearProgress;

package/dist/LinearProgress/LinearProgress.js.map

@@ -1 +1 @@
-{"version":3,"file":"LinearProgress.js","names":["React","Size","styled","COLORS","ComponentLStyling","ComponentMStyling","ComponentSStyling","ComponentTextStyle","Bar","div","neutral_100","accent1_400","accent1_800","neutral_600","white","Dot","neutral_400","accent1_600","LineFill","Line","neutral_500","accent1_500","neutral_700","Label","black","Content","Wrapper","Regular","LinearProgressType","LinearProgressVariant","LinearProgress","size","Medium","type","variant","Normal","label","value","max","className","rest","renderBars","Array","from","keys","map","i","Math","ceil","renderDots","renderLine","width","render","Bars","Dots"],"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: ${COLORS.neutral_100};\r\n\r\n  &.active {\r\n    background-color: ${COLORS.accent1_400};\r\n  }\r\n\r\n  &.current {\r\n    background-color: ${COLORS.accent1_800};\r\n  }\r\n\r\n  &.inverted {\r\n    background-color: ${COLORS.neutral_600};\r\n  }\r\n\r\n  &.inverted.active {\r\n    background-color: ${COLORS.accent1_400};\r\n  }\r\n\r\n  &.inverted.current {\r\n    background-color: ${COLORS.white};\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: ${COLORS.neutral_400};\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: ${COLORS.accent1_600};\r\n  }\r\n\r\n  &.current:after {\r\n    background-color: ${COLORS.accent1_800};\r\n  }\r\n\r\n  &.inverted:after {\r\n    background-color: ${COLORS.neutral_400};\r\n  }\r\n\r\n  &.inverted.active:after {\r\n    background-color: ${COLORS.accent1_400};\r\n  }\r\n\r\n  &.inverted.current:after {\r\n    background-color: ${COLORS.white};\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: ${COLORS.neutral_500};\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: ${COLORS.neutral_500};\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: ${COLORS.neutral_100};\r\n\r\n  ${LineFill} {\r\n    background-color: ${COLORS.accent1_500};\r\n  }\r\n\r\n  &.inverted {\r\n    background-color: ${COLORS.neutral_700};\r\n\r\n    &:after,\r\n    &:before {\r\n      background-color: ${COLORS.neutral_400};\r\n    }\r\n\r\n    ${LineFill} {\r\n      background-color: ${COLORS.accent1_400};\r\n    }\r\n  }\r\n`;\r\n\r\nconst Label = styled.div`\r\n  color: ${COLORS.black};\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: ${COLORS.white};\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?: Size.Small | Size.Medium | Size.Large;\r\n  type?: LinearProgressType;\r\n  variant?: LinearProgressVariant;\r\n\r\n  label?: string;\r\n\r\n  value: number;\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":";;;;;;;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAAQC,IAAI,QAAO,UAAU;AAC7B,OAAOC,MAAM,MAAM,mBAAmB;AACtC,SAAQC,MAAM,EAAEC,iBAAiB,EAAEC,iBAAiB,EAAEC,iBAAiB,EAAEC,kBAAkB,QAAO,WAAW;AAAC;AAAA;AAAA;AAE9G,OAAO,IAAMC,GAAG,GAAGN,MAAM,CAACO,GAAG,ugBAgBPN,MAAM,CAACO,WAAW,EAGhBP,MAAM,CAACQ,WAAW,EAIlBR,MAAM,CAACS,WAAW,EAIlBT,MAAM,CAACU,WAAW,EAIlBV,MAAM,CAACQ,WAAW,EAIlBR,MAAM,CAACW,KAAK,CAGnC;AAED,OAAO,IAAMC,GAAG,GAAGb,MAAM,CAACO,GAAG,wkCAcLN,MAAM,CAACa,WAAW,EAyClBb,MAAM,CAACc,WAAW,EAIlBd,MAAM,CAACS,WAAW,EAIlBT,MAAM,CAACa,WAAW,EAIlBb,MAAM,CAACQ,WAAW,EAIlBR,MAAM,CAACW,KAAK,CAEnC;AAED,OAAO,IAAMI,QAAQ,GAAGhB,MAAM,CAACO,GAAG,oJAKjC;AAED,OAAO,IAAMU,IAAI,GAAGjB,MAAM,CAACO,GAAG,svDAWNN,MAAM,CAACiB,WAAW,EASlBjB,MAAM,CAACiB,WAAW,EASpCF,QAAQ,EAqBRA,QAAQ,EAqBRA,QAAQ,EAiBQf,MAAM,CAACO,WAAW,EAEpCQ,QAAQ,EACYf,MAAM,CAACkB,WAAW,EAIlBlB,MAAM,CAACmB,WAAW,EAIhBnB,MAAM,CAACa,WAAW,EAGtCE,QAAQ,EACYf,MAAM,CAACQ,WAAW,CAG3C;AAED,IAAMY,KAAK,GAAGrB,MAAM,CAACO,GAAG,0FACbN,MAAM,CAACqB,KAAK,CACtB;AAED,IAAMC,OAAO,GAAGvB,MAAM,CAACO,GAAG,4JAKzB;AAED,IAAMiB,OAAO,GAAGxB,MAAM,CAACO,GAAG,k1CAOpBc,KAAK,EACIpB,MAAM,CAACW,KAAK,EAOrBS,KAAK,EACHjB,iBAAiB,CAACC,kBAAkB,CAACoB,OAAO,EAAE,IAAI,CAAC,EAGrDF,OAAO,EAGLjB,GAAG,EAKHA,GAAG,EAQLe,KAAK,EACHlB,iBAAiB,CAACE,kBAAkB,CAACoB,OAAO,EAAE,IAAI,CAAC,EAGrDF,OAAO,EAGLjB,GAAG,EAKHA,GAAG,EAQLe,KAAK,EACHnB,iBAAiB,CAACG,kBAAkB,CAACoB,OAAO,EAAE,IAAI,CAAC,EAGrDF,OAAO,EAGLjB,GAAG,EAKHA,GAAG,EASLiB,OAAO,EAMPA,OAAO,CAIZ;AAED,WAAYG,kBAAkB;AAI7B,WAJWA,kBAAkB;EAAlBA,kBAAkB;EAAlBA,kBAAkB;EAAlBA,kBAAkB;AAAA,GAAlBA,kBAAkB,KAAlBA,kBAAkB;AAM9B,WAAYC,qBAAqB;AAGhC,WAHWA,qBAAqB;EAArBA,qBAAqB;EAArBA,qBAAqB;AAAA,GAArBA,qBAAqB,KAArBA,qBAAqB;AAgBjC,IAAMC,cAA4D,GAAG,SAA/DA,cAA4D,OASU;EAAA,qBARJC,IAAI;IAAJA,IAAI,0BAAG9B,IAAI,CAAC+B,MAAM;IAAA,iBAClBC,IAAI;IAAJA,IAAI,0BAAGL,kBAAkB,CAACT,IAAI;IAAA,oBAC9Be,OAAO;IAAPA,OAAO,6BAAGL,qBAAqB,CAACM,MAAM;IACtCC,KAAK,QAALA,KAAK;IACLC,KAAK,QAALA,KAAK;IACLC,GAAG,QAAHA,GAAG;IACHC,SAAS,QAATA,SAAS;IACNC,IAAI;EAG7E,IAAMC,UAAU,GAAG,SAAbA,UAAU;IAAA,oBACd;MAAA,UACGC,KAAK,CAACC,IAAI,CAACD,KAAK,CAACJ,GAAG,CAAC,CAACM,IAAI,EAAE,CAAC,CAACC,GAAG,CAAC,UAAAC,CAAC;QAAA,oBAClC,KAAC,GAAG;UACC,SAAS,YAAKC,IAAI,CAACC,IAAI,CAACX,KAAK,CAAC,IAAIS,CAAC,GAAG,CAAC,GAAG,QAAQ,GAAG,EAAE,cAAIC,IAAI,CAACC,IAAI,CAACX,KAAK,CAAC,KAAKS,CAAC,GAAG,CAAC,GAAG,SAAS,GAAG,EAAE,cAAIZ,OAAO,cAAIH,IAAI;QAAG,GADvHe,CAAC,CACwH;MAAA,CACpI;IAAC,EACD;EAAA;EAEL,IAAMG,UAAU,GAAG,SAAbA,UAAU;IAAA,oBACd;MAAA,UACGP,KAAK,CAACC,IAAI,CAACD,KAAK,CAACJ,GAAG,CAAC,CAACM,IAAI,EAAE,CAAC,CAACC,GAAG,CAAC,UAAAC,CAAC;QAAA,oBAClC,KAAC,GAAG;UACC,SAAS,YAAKC,IAAI,CAACC,IAAI,CAACX,KAAK,CAAC,IAAIS,CAAC,GAAG,CAAC,GAAG,QAAQ,GAAG,EAAE,cAAIC,IAAI,CAACC,IAAI,CAACX,KAAK,CAAC,KAAKS,CAAC,GAAG,CAAC,GAAG,SAAS,GAAG,EAAE,cAAIZ,OAAO,cAAIH,IAAI;QAAG,GADvHe,CAAC,CACwH;MAAA,CACpI;IAAC,EACD;EAAA;EAEL,IAAMI,UAAU,GAAG,SAAbA,UAAU;IAAA,oBACd;MAAA,uBACE,KAAC,IAAI;QAAC,SAAS,YAAKhB,OAAO,cAAIH,IAAI,CAAG;QAAA,uBACpC,KAAC,QAAQ;UAAC,KAAK,EAAE;YAACoB,KAAK,YAAKd,KAAK,GAAGC,GAAG,GAAG,GAAG;UAAG;QAAE;MAAE;IAC/C,EACN;EAAA;EAGL,IAAMc,MAAM,GAAG,SAATA,MAAM,GAAS;IACnB,QAAQnB,IAAI;MACV,KAAKL,kBAAkB,CAACyB,IAAI;QAC1B,OAAOZ,UAAU,EAAE;MACrB,KAAKb,kBAAkB,CAAC0B,IAAI;QAC1B,OAAOL,UAAU,EAAE;MACrB,KAAKrB,kBAAkB,CAACT,IAAI;MAC5B;QACE,OAAO+B,UAAU,EAAE;IAAC;EAE1B,CAAC;EAED,oBACE,MAAC,OAAO;IAAC,SAAS,YAAKnB,IAAI,cAAIE,IAAI,cAAIC,OAAO,cAAIK,SAAS,IAAI,EAAE;EAAG,GAAKC,IAAI;IAAA,WAC1EJ,KAAK,iBAAI,KAAC,KAAK;MAAA,UAAEA;IAAK,EAAS,eAChC,KAAC,OAAO;MAAA,UACLgB,MAAM;IAAE,EACD;EAAA,GACF;AAEd,CAAC;AAAC;EAhEAnB,IAAI;EACJC,OAAO;EAEPE,KAAK;EAELC,KAAK;EACLC,GAAG;AAAA;AA4DL,eAAeR,cAAc"}
+{"version":3,"file":"LinearProgress.js","names":["React","Size","styled","COLORS","ComponentLStyling","ComponentMStyling","ComponentSStyling","ComponentTextStyle","Bar","div","neutral_100","accent1_400","accent1_800","neutral_600","white","Dot","neutral_400","accent1_600","LineFill","Line","neutral_500","accent1_500","neutral_700","Label","black","Content","Wrapper","Regular","LinearProgressType","LinearProgressVariant","LinearProgress","size","Medium","type","variant","Normal","label","value","max","className","rest","renderBars","Array","from","keys","map","i","Math","ceil","renderDots","renderLine","width","render","Bars","Dots"],"sources":["../../src/LinearProgress/LinearProgress.tsx"],"sourcesContent":["import React from 'react';\nimport {Size} from '../types';\nimport styled from 'styled-components';\nimport {COLORS, ComponentLStyling, ComponentMStyling, ComponentSStyling, ComponentTextStyle} from '../styles';\n\nexport const Bar = styled.div`\n  flex: 1;\n  height: 6px;\n\n  &.small {\n    height: 6px;\n  }\n\n  &.medium {\n    height: 8px;\n  }\n\n  &.large {\n    height: 12px;\n  }\n\n  background-color: ${COLORS.neutral_100};\n\n  &.active {\n    background-color: ${COLORS.accent1_400};\n  }\n\n  &.current {\n    background-color: ${COLORS.accent1_800};\n  }\n\n  &.inverted {\n    background-color: ${COLORS.neutral_600};\n  }\n\n  &.inverted.active {\n    background-color: ${COLORS.accent1_400};\n  }\n\n  &.inverted.current {\n    background-color: ${COLORS.white};\n  }\n\n`;\n\nexport const Dot = styled.div`\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 16px;\n  height: 16px;\n\n\n  &:after {\n    content: '';\n    display: block;\n    width: 6px;\n    height: 6px;\n    border-radius: 50%;\n    background-color: ${COLORS.neutral_400};\n  }\n\n  &.small {\n    &:after {\n      width: 6px;\n      height: 6px;\n    }\n\n    &.current:after {\n      width: 10px;\n      height: 10px;\n    }\n  }\n\n  &.medium {\n    &:after {\n      width: 8px;\n      height: 8px;\n    }\n\n    &.current:after {\n      width: 12px;\n      height: 12px;\n    }\n  }\n\n  &.large {\n    &:after {\n      width: 12px;\n      height: 12px;\n    }\n\n    &.current:after {\n      width: 16px;\n      height: 16px;\n    }\n  }\n\n\n  &.active:after {\n    background-color: ${COLORS.accent1_600};\n  }\n\n  &.current:after {\n    background-color: ${COLORS.accent1_800};\n  }\n\n  &.inverted:after {\n    background-color: ${COLORS.neutral_400};\n  }\n\n  &.inverted.active:after {\n    background-color: ${COLORS.accent1_400};\n  }\n\n  &.inverted.current:after {\n    background-color: ${COLORS.white};\n  }\n`;\n\nexport const LineFill = styled.div`\n  height: 100%;\n  max-width: 100%;\n  position: absolute;\n  z-index: 1;\n`;\n\nexport const Line = styled.div`\n  flex: 1;\n  display: flex;\n  align-items: center;\n  justify-content: flex-start;\n  position: relative;\n\n  &:after {\n    content: '';\n    display: block;\n    height: 100%;\n    background-color: ${COLORS.neutral_500};\n    position: absolute;\n    right: 0;\n  }\n\n  &:before {\n    content: '';\n    display: block;\n    height: 100%;\n    background-color: ${COLORS.neutral_500};\n    position: absolute;\n    left: 0;\n  }\n\n  &.small {\n    height: 6px;\n    border-radius: 4px;\n\n    ${LineFill} {\n      border-radius: 4px;\n    }\n\n    &:after {\n      width: 3px;\n      border-top-right-radius: 6px;\n      border-bottom-right-radius: 6px;\n    }\n\n    &:before {\n      width: 3px;\n      border-top-left-radius: 6px;\n      border-bottom-left-radius: 6px;\n    }\n  }\n\n  &.medium {\n    height: 8px;\n    border-radius: 4px;\n\n    ${LineFill} {\n      border-radius: 4px;\n    }\n\n    &:after {\n      width: 4px;\n      border-top-right-radius: 8px;\n      border-bottom-right-radius: 8px;\n    }\n\n    &:before {\n      width: 4px;\n      border-top-left-radius: 8px;\n      border-bottom-left-radius: 8px;\n    }\n  }\n\n  &.large {\n    height: 12px;\n    border-radius: 6px;\n\n    ${LineFill} {\n      border-radius: 6px;\n    }\n\n    &:after {\n      width: 6px;\n      border-top-right-radius: 12px;\n      border-bottom-right-radius: 12px;\n    }\n\n    &:before {\n      width: 6px;\n      border-top-left-radius: 12px;\n      border-bottom-left-radius: 12px;\n    }\n  }\n\n  background-color: ${COLORS.neutral_100};\n\n  ${LineFill} {\n    background-color: ${COLORS.accent1_500};\n  }\n\n  &.inverted {\n    background-color: ${COLORS.neutral_700};\n\n    &:after,\n    &:before {\n      background-color: ${COLORS.neutral_400};\n    }\n\n    ${LineFill} {\n      background-color: ${COLORS.accent1_400};\n    }\n  }\n`;\n\nconst Label = styled.div`\n  color: ${COLORS.black};\n`;\n\nconst Content = styled.div`\n  display: flex;\n  align-items: center;\n  flex-direction: row;\n  height: 16px;\n`;\n\nconst Wrapper = styled.div`\n  width: 100%;\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n\n  &.inverted {\n    ${Label} {\n      color: ${COLORS.white};\n    }\n  }\n\n  &.small {\n    gap: 4px;\n\n    ${Label} {\n      ${ComponentSStyling(ComponentTextStyle.Regular, null)}\n    }\n\n    ${Content} {\n      gap: 4px;\n\n      ${Bar}:first-of-type {\n        border-top-left-radius: 6px;\n        border-bottom-left-radius: 6px;\n      }\n\n      ${Bar}:last-of-type {\n        border-top-right-radius: 6px;\n        border-bottom-right-radius: 6px;\n      }\n    }\n  }\n\n  &.medium {\n    ${Label} {\n      ${ComponentMStyling(ComponentTextStyle.Regular, null)}\n    }\n\n    ${Content} {\n      gap: 6px;\n\n      ${Bar}:first-of-type {\n        border-top-left-radius: 8px;\n        border-bottom-left-radius: 8px;\n      }\n\n      ${Bar}:last-of-type {\n        border-top-right-radius: 8px;\n        border-bottom-right-radius: 8px;\n      }\n    }\n  }\n\n  &.large {\n    ${Label} {\n      ${ComponentLStyling(ComponentTextStyle.Regular, null)}\n    }\n\n    ${Content} {\n      gap: 8px;\n\n      ${Bar}:first-of-type {\n        border-top-left-radius: 12px;\n        border-bottom-left-radius: 12px;\n      }\n\n      ${Bar}:last-of-type {\n        border-top-right-radius: 12px;\n        border-bottom-right-radius: 12px;\n      }\n    }\n  }\n\n  &.dots.small,\n  &.dots.medium {\n    ${Content} {\n      padding: 0 2px;\n    }\n  }\n\n  &.dots.large {\n    ${Content} {\n      padding: 0 3px;\n    }\n  }\n`;\n\nexport enum LinearProgressType {\n  Dots = 'dots',\n  Line = 'line',\n  Bars = 'bars',\n}\n\nexport enum LinearProgressVariant {\n  Normal = 'normal',\n  Inverted = 'inverted',\n}\n\nexport interface LinearProgressProps extends React.HTMLAttributes<HTMLDivElement> {\n  size?: Size.Small | Size.Medium | Size.Large;\n  type?: LinearProgressType;\n  variant?: LinearProgressVariant;\n\n  label?: string;\n\n  value: number;\n  max: number;\n}\n\nconst LinearProgress: React.FunctionComponent<LinearProgressProps> = ({\n                                                                        size = Size.Medium,\n                                                                        type = LinearProgressType.Line,\n                                                                        variant = LinearProgressVariant.Normal,\n                                                                        label,\n                                                                        value,\n                                                                        max,\n                                                                        className,\n                                                                        ...rest\n                                                                      }) => {\n\n  const renderBars = () =>\n    <>\n      {Array.from(Array(max).keys()).map(i => (\n        <Bar key={i}\n             className={`${Math.ceil(value) >= i + 1 ? 'active' : ''} ${Math.ceil(value) === i + 1 ? 'current' : ''} ${variant} ${size}`}/>\n      ))}\n    </>\n\n  const renderDots = () =>\n    <>\n      {Array.from(Array(max).keys()).map(i => (\n        <Dot key={i}\n             className={`${Math.ceil(value) >= i + 1 ? 'active' : ''} ${Math.ceil(value) === i + 1 ? 'current' : ''} ${variant} ${size}`}/>\n      ))}\n    </>\n\n  const renderLine = () =>\n    <>\n      <Line className={`${variant} ${size}`}>\n        <LineFill style={{width: `${value / max * 100}%`}}/>\n      </Line>\n    </>\n\n\n  const render = () => {\n    switch (type) {\n      case LinearProgressType.Bars:\n        return renderBars();\n      case LinearProgressType.Dots:\n        return renderDots();\n      case LinearProgressType.Line:\n      default:\n        return renderLine();\n    }\n  }\n\n  return (\n    <Wrapper className={`${size} ${type} ${variant} ${className || ''}`} {...rest}>\n      {label && <Label>{label}</Label>}\n      <Content>\n        {render()}\n      </Content>\n    </Wrapper>\n  )\n};\n\nexport default LinearProgress;\n"],"mappings":";;;;;;;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAAQC,IAAI,QAAO,UAAU;AAC7B,OAAOC,MAAM,MAAM,mBAAmB;AACtC,SAAQC,MAAM,EAAEC,iBAAiB,EAAEC,iBAAiB,EAAEC,iBAAiB,EAAEC,kBAAkB,QAAO,WAAW;AAAC;AAAA;AAAA;AAE9G,OAAO,IAAMC,GAAG,GAAGN,MAAM,CAACO,GAAG,ugBAgBPN,MAAM,CAACO,WAAW,EAGhBP,MAAM,CAACQ,WAAW,EAIlBR,MAAM,CAACS,WAAW,EAIlBT,MAAM,CAACU,WAAW,EAIlBV,MAAM,CAACQ,WAAW,EAIlBR,MAAM,CAACW,KAAK,CAGnC;AAED,OAAO,IAAMC,GAAG,GAAGb,MAAM,CAACO,GAAG,wkCAcLN,MAAM,CAACa,WAAW,EAyClBb,MAAM,CAACc,WAAW,EAIlBd,MAAM,CAACS,WAAW,EAIlBT,MAAM,CAACa,WAAW,EAIlBb,MAAM,CAACQ,WAAW,EAIlBR,MAAM,CAACW,KAAK,CAEnC;AAED,OAAO,IAAMI,QAAQ,GAAGhB,MAAM,CAACO,GAAG,oJAKjC;AAED,OAAO,IAAMU,IAAI,GAAGjB,MAAM,CAACO,GAAG,svDAWNN,MAAM,CAACiB,WAAW,EASlBjB,MAAM,CAACiB,WAAW,EASpCF,QAAQ,EAqBRA,QAAQ,EAqBRA,QAAQ,EAiBQf,MAAM,CAACO,WAAW,EAEpCQ,QAAQ,EACYf,MAAM,CAACkB,WAAW,EAIlBlB,MAAM,CAACmB,WAAW,EAIhBnB,MAAM,CAACa,WAAW,EAGtCE,QAAQ,EACYf,MAAM,CAACQ,WAAW,CAG3C;AAED,IAAMY,KAAK,GAAGrB,MAAM,CAACO,GAAG,0FACbN,MAAM,CAACqB,KAAK,CACtB;AAED,IAAMC,OAAO,GAAGvB,MAAM,CAACO,GAAG,4JAKzB;AAED,IAAMiB,OAAO,GAAGxB,MAAM,CAACO,GAAG,k1CAOpBc,KAAK,EACIpB,MAAM,CAACW,KAAK,EAOrBS,KAAK,EACHjB,iBAAiB,CAACC,kBAAkB,CAACoB,OAAO,EAAE,IAAI,CAAC,EAGrDF,OAAO,EAGLjB,GAAG,EAKHA,GAAG,EAQLe,KAAK,EACHlB,iBAAiB,CAACE,kBAAkB,CAACoB,OAAO,EAAE,IAAI,CAAC,EAGrDF,OAAO,EAGLjB,GAAG,EAKHA,GAAG,EAQLe,KAAK,EACHnB,iBAAiB,CAACG,kBAAkB,CAACoB,OAAO,EAAE,IAAI,CAAC,EAGrDF,OAAO,EAGLjB,GAAG,EAKHA,GAAG,EASLiB,OAAO,EAMPA,OAAO,CAIZ;AAED,WAAYG,kBAAkB;AAI7B,WAJWA,kBAAkB;EAAlBA,kBAAkB;EAAlBA,kBAAkB;EAAlBA,kBAAkB;AAAA,GAAlBA,kBAAkB,KAAlBA,kBAAkB;AAM9B,WAAYC,qBAAqB;AAGhC,WAHWA,qBAAqB;EAArBA,qBAAqB;EAArBA,qBAAqB;AAAA,GAArBA,qBAAqB,KAArBA,qBAAqB;AAgBjC,IAAMC,cAA4D,GAAG,SAA/DA,cAA4D,OASU;EAAA,qBARJC,IAAI;IAAJA,IAAI,0BAAG9B,IAAI,CAAC+B,MAAM;IAAA,iBAClBC,IAAI;IAAJA,IAAI,0BAAGL,kBAAkB,CAACT,IAAI;IAAA,oBAC9Be,OAAO;IAAPA,OAAO,6BAAGL,qBAAqB,CAACM,MAAM;IACtCC,KAAK,QAALA,KAAK;IACLC,KAAK,QAALA,KAAK;IACLC,GAAG,QAAHA,GAAG;IACHC,SAAS,QAATA,SAAS;IACNC,IAAI;EAG7E,IAAMC,UAAU,GAAG,SAAbA,UAAU;IAAA,oBACd;MAAA,UACGC,KAAK,CAACC,IAAI,CAACD,KAAK,CAACJ,GAAG,CAAC,CAACM,IAAI,EAAE,CAAC,CAACC,GAAG,CAAC,UAAAC,CAAC;QAAA,oBAClC,KAAC,GAAG;UACC,SAAS,YAAKC,IAAI,CAACC,IAAI,CAACX,KAAK,CAAC,IAAIS,CAAC,GAAG,CAAC,GAAG,QAAQ,GAAG,EAAE,cAAIC,IAAI,CAACC,IAAI,CAACX,KAAK,CAAC,KAAKS,CAAC,GAAG,CAAC,GAAG,SAAS,GAAG,EAAE,cAAIZ,OAAO,cAAIH,IAAI;QAAG,GADvHe,CAAC,CACwH;MAAA,CACpI;IAAC,EACD;EAAA;EAEL,IAAMG,UAAU,GAAG,SAAbA,UAAU;IAAA,oBACd;MAAA,UACGP,KAAK,CAACC,IAAI,CAACD,KAAK,CAACJ,GAAG,CAAC,CAACM,IAAI,EAAE,CAAC,CAACC,GAAG,CAAC,UAAAC,CAAC;QAAA,oBAClC,KAAC,GAAG;UACC,SAAS,YAAKC,IAAI,CAACC,IAAI,CAACX,KAAK,CAAC,IAAIS,CAAC,GAAG,CAAC,GAAG,QAAQ,GAAG,EAAE,cAAIC,IAAI,CAACC,IAAI,CAACX,KAAK,CAAC,KAAKS,CAAC,GAAG,CAAC,GAAG,SAAS,GAAG,EAAE,cAAIZ,OAAO,cAAIH,IAAI;QAAG,GADvHe,CAAC,CACwH;MAAA,CACpI;IAAC,EACD;EAAA;EAEL,IAAMI,UAAU,GAAG,SAAbA,UAAU;IAAA,oBACd;MAAA,uBACE,KAAC,IAAI;QAAC,SAAS,YAAKhB,OAAO,cAAIH,IAAI,CAAG;QAAA,uBACpC,KAAC,QAAQ;UAAC,KAAK,EAAE;YAACoB,KAAK,YAAKd,KAAK,GAAGC,GAAG,GAAG,GAAG;UAAG;QAAE;MAAE;IAC/C,EACN;EAAA;EAGL,IAAMc,MAAM,GAAG,SAATA,MAAM,GAAS;IACnB,QAAQnB,IAAI;MACV,KAAKL,kBAAkB,CAACyB,IAAI;QAC1B,OAAOZ,UAAU,EAAE;MACrB,KAAKb,kBAAkB,CAAC0B,IAAI;QAC1B,OAAOL,UAAU,EAAE;MACrB,KAAKrB,kBAAkB,CAACT,IAAI;MAC5B;QACE,OAAO+B,UAAU,EAAE;IAAC;EAE1B,CAAC;EAED,oBACE,MAAC,OAAO;IAAC,SAAS,YAAKnB,IAAI,cAAIE,IAAI,cAAIC,OAAO,cAAIK,SAAS,IAAI,EAAE;EAAG,GAAKC,IAAI;IAAA,WAC1EJ,KAAK,iBAAI,KAAC,KAAK;MAAA,UAAEA;IAAK,EAAS,eAChC,KAAC,OAAO;MAAA,UACLgB,MAAM;IAAE,EACD;EAAA,GACF;AAEd,CAAC;AAAC;EAhEAnB,IAAI;EACJC,OAAO;EAEPE,KAAK;EAELC,KAAK;EACLC,GAAG;AAAA;AA4DL,eAAeR,cAAc"}

package/dist/LinearProgress/index.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","names":[],"sources":["../../src/LinearProgress/index.ts"],"sourcesContent":["import LinearProgress, {LinearProgressType, LinearProgressVariant} from './LinearProgress';\r\n\r\nexport {LinearProgressType, LinearProgressVariant};\r\nexport {LinearProgress}\r\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAA2F;AAAA"}
+{"version":3,"file":"index.cjs","names":[],"sources":["../../src/LinearProgress/index.ts"],"sourcesContent":["import LinearProgress, {LinearProgressType, LinearProgressVariant} from './LinearProgress';\n\nexport {LinearProgressType, LinearProgressVariant};\nexport {LinearProgress}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAA2F;AAAA"}

package/dist/LinearProgress/index.d.ts

@@ -1,3 +1,3 @@
-import LinearProgress, { LinearProgressType, LinearProgressVariant } from './LinearProgress';
-export { LinearProgressType, LinearProgressVariant };
-export { LinearProgress };
+import LinearProgress, { LinearProgressType, LinearProgressVariant } from './LinearProgress';
+export { LinearProgressType, LinearProgressVariant };
+export { LinearProgress };

package/dist/LinearProgress/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["LinearProgress","LinearProgressType","LinearProgressVariant"],"sources":["../../src/LinearProgress/index.ts"],"sourcesContent":["import LinearProgress, {LinearProgressType, LinearProgressVariant} from './LinearProgress';\r\n\r\nexport {LinearProgressType, LinearProgressVariant};\r\nexport {LinearProgress}\r\n"],"mappings":"AAAA,OAAOA,cAAc,IAAGC,kBAAkB,EAAEC,qBAAqB,QAAO,kBAAkB;AAE1F,SAAQD,kBAAkB,EAAEC,qBAAqB;AACjD,SAAQF,cAAc"}
+{"version":3,"file":"index.js","names":["LinearProgress","LinearProgressType","LinearProgressVariant"],"sources":["../../src/LinearProgress/index.ts"],"sourcesContent":["import LinearProgress, {LinearProgressType, LinearProgressVariant} from './LinearProgress';\n\nexport {LinearProgressType, LinearProgressVariant};\nexport {LinearProgress}\n"],"mappings":"AAAA,OAAOA,cAAc,IAAGC,kBAAkB,EAAEC,qBAAqB,QAAO,kBAAkB;AAE1F,SAAQD,kBAAkB,EAAEC,qBAAqB;AACjD,SAAQF,cAAc"}

package/dist/List/ListRow.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"ListRow.cjs","names":["Row","styled","div","COLORS","neutral_100","neutral_600","white","primary_20","primary_700","Z_INDEXES","hover","primary_100","primary_800","active","focusStyles","neutral_300","ComponentSStyling","ComponentTextStyle","Regular","ComponentMStyling","ComponentLStyling","ComponentXXSStyling","ComponentXSStyling","RightIcon","ListRow","size","Size","Medium","variant","icon","mainText","secondaryText","dropdown","note","noteTooltip","disabled","action","rightSideIcon","rightSideAction","rightSideIconDisabled","className","rest","React","useState","inAction","setInAction","handleKeyDown","e","key","rowClassName","concat","defaultOnMouseDownHandler","Large","Small","XSmall"],"sources":["../../src/List/ListRow.tsx"],"sourcesContent":["import * as React from 'react';\r\nimport styled from 'styled-components';\r\nimport {COLORS, ComponentTextStyle, focusStyles} from '../styles';\r\n\r\nimport {\r\n  ComponentLStyling,\r\n  ComponentMStyling,\r\n  ComponentSStyling,\r\n  ComponentXSStyling,\r\n  ComponentXXSStyling\r\n} from '../styles';\r\nimport {DropdownButtonProps} from '../Dropdown/DropdownButtonTypes';\r\nimport {TooltipWrapper} from '../Tooltips';\r\nimport {DropdownButton} from '../Dropdown';\r\nimport {SystemIcons} from '../icons';\r\nimport {Size} from '../types';\r\nimport {Z_INDEXES} from '../styles';\r\nimport {defaultOnMouseDownHandler} from '../common';\r\nimport {IconButton} from '../Button';\r\n\r\nconst Row = styled.div`\r\n  display: flex;\r\n  flex-direction: row;\r\n  align-items: center;\r\n  justify-content: center;\r\n  border-bottom: 1px solid ${COLORS.neutral_100};\r\n  box-sizing: border-box;\r\n\r\n  color: ${COLORS.neutral_600};\r\n  background-color: ${COLORS.white};\r\n\r\n\r\n  cursor: default;\r\n\r\n  &.interactive {\r\n    cursor: pointer;\r\n  }\r\n\r\n  &.interactive.disabled {\r\n    cursor: not-allowed;\r\n  }\r\n\r\n  &.interactive:hover:not(.in-action):not(.disabled) {\r\n    background-color: ${COLORS.primary_20};\r\n    color: ${COLORS.primary_700};\r\n    z-index: ${Z_INDEXES.hover};\r\n  }\r\n\r\n  &.interactive:active:not(.in-action):not(.disabled) {\r\n    background-color: ${COLORS.primary_100};\r\n    color: ${COLORS.primary_800};\r\n    z-index: ${Z_INDEXES.active};\r\n  }\r\n\r\n  &.interactive:focus {\r\n    ${focusStyles}\r\n  }\r\n\r\n  &.disabled {\r\n    .list-item-icon, .list-item-content, .list-item-note, .list-item-actions {\r\n      color: ${COLORS.neutral_300};\r\n    }\r\n  }\r\n\r\n\r\n  &.small {\r\n    min-height: 48px;\r\n    padding: 0 8px;\r\n\r\n    .list-item-icon {\r\n      margin-right: 8px;\r\n    }\r\n\r\n    .list-item-main-text {\r\n      ${ComponentSStyling(ComponentTextStyle.Regular, null)}\r\n    }\r\n\r\n    .list-item-actions {\r\n      margin-right: -8px;\r\n    }\r\n  }\r\n\r\n  &.medium {\r\n    min-height: 56px;\r\n    padding: 0 12px;\r\n\r\n    .list-item-icon {\r\n      margin-right: 12px;\r\n    }\r\n\r\n    .list-item-main-text {\r\n      ${ComponentMStyling(ComponentTextStyle.Regular, null)}\r\n    }\r\n\r\n    .list-item-actions {\r\n      margin-right: -12px;\r\n    }\r\n  }\r\n\r\n  &.large {\r\n    min-height: 64px;\r\n    padding: 0 16px;\r\n\r\n    .list-item-icon {\r\n      margin-right: 16px;\r\n    }\r\n\r\n    .list-item-main-text {\r\n      ${ComponentLStyling(ComponentTextStyle.Regular, null)}\r\n    }\r\n\r\n    .list-item-actions {\r\n      margin-right: -16px;\r\n    }\r\n  }\r\n\r\n  &.overlay {\r\n    padding: 0 4px;\r\n\r\n    .list-item-actions {\r\n      margin-right: -4px;\r\n    }\r\n  }\r\n\r\n  .list-item-icon {\r\n    width: 24px;\r\n    height: 24px;\r\n\r\n    svg {\r\n      width: 24px;\r\n      height: 24px;\r\n    }\r\n  }\r\n\r\n  .list-item-content {\r\n    flex-grow: 1;\r\n    display: flex;\r\n    flex-direction: column;\r\n  }\r\n\r\n  .list-item-main-text {\r\n  }\r\n\r\n  .list-item-secondary-text {\r\n    ${ComponentXXSStyling(ComponentTextStyle.Regular, null)}\r\n  }\r\n\r\n  .list-item-note {\r\n    color: ${COLORS.neutral_600};\r\n    word-break: initial;\r\n    ${ComponentXSStyling(ComponentTextStyle.Regular, null)}\r\n  }\r\n\r\n  .list-item-note.with-tooltip {\r\n    cursor: pointer;\r\n\r\n    > div {\r\n      text-decoration-line: underline;\r\n      text-decoration-style: dashed;\r\n      text-underline-offset: 1px;\r\n      text-decoration-thickness: 1px;\r\n    }\r\n  }\r\n\r\n  .list-item-actions {\r\n    display: flex;\r\n    align-items: center;\r\n\r\n    button div {\r\n      background-color: transparent;\r\n    }\r\n  }\r\n`;\r\n\r\nconst RightIcon = styled.div`\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  min-height: 48px;\r\n  min-width: 48px;\r\n`;\r\n\r\n\r\ntype Props = Omit<React.HTMLAttributes<HTMLDivElement>, 'tabIndex' | 'onMouseDown' | 'onKeyDown'> & {\r\n  size?: Size;\r\n  variant?: 'normal' | 'overlay';\r\n  icon?: React.ReactNode;\r\n  mainText: string;\r\n  secondaryText?: string;\r\n  dropdown?: Pick<DropdownButtonProps, 'items' | 'onClick' | 'disabled' | 'width'>;\r\n  note?: string;\r\n  noteTooltip?: string;\r\n  disabled?: boolean;\r\n  action?: () => void;\r\n  rightSideIcon?: React.ReactNode;\r\n  rightSideAction?: () => void;\r\n  rightSideIconDisabled?: boolean;\r\n};\r\n\r\nconst ListRow: React.FunctionComponent<Props> = ({\r\n                                                   size = Size.Medium,\r\n                                                   variant = 'normal',\r\n                                                   icon,\r\n                                                   mainText,\r\n                                                   secondaryText,\r\n                                                   dropdown,\r\n                                                   note,\r\n                                                   noteTooltip,\r\n                                                   disabled = false,\r\n                                                   action,\r\n                                                   rightSideIcon,\r\n                                                   rightSideAction,\r\n                                                   rightSideIconDisabled,\r\n                                                   className,\r\n                                                   ...rest\r\n                                                 }: Props) => {\r\n\r\n  const [inAction, setInAction] = React.useState<Boolean>(false);\r\n\r\n  const handleKeyDown = (e: any) => {\r\n    if (e.key === 'Enter') {\r\n      action && action()\r\n    }\r\n  }\r\n\r\n  const rowClassName = (inAction ? 'in-action ' : '')\r\n    .concat(disabled ? 'disabled ' : '')\r\n    .concat(!!action ? 'interactive ' : '')\r\n    .concat('list-item-row ')\r\n    .concat(`${variant} `)\r\n    .concat(`${size}`)\r\n    .concat(className ? ` ${className}` : '');\r\n\r\n  return (\r\n    <Row tabIndex={!action || disabled ? -1 : 0}\r\n         className={rowClassName}\r\n         onMouseDown={defaultOnMouseDownHandler}\r\n         onKeyDown={(e) => !disabled && handleKeyDown(e)}\r\n         onClick={e => {\r\n           !disabled && action && action();\r\n         }}\r\n         data-hj-suppress\r\n         {...rest}>\r\n      {\r\n        !!icon &&\r\n        <div className={'list-item-icon'}>{icon}</div>\r\n      }\r\n      <div className={'list-item-content'}>\r\n        <div className={'list-item-main-text'}>{mainText}</div>\r\n        {!!secondaryText && <div className={'list-item-secondary-text'}>{secondaryText}</div>}\r\n      </div>\r\n      {\r\n        !!note &&\r\n        <>\r\n          {\r\n            !!noteTooltip &&\r\n            <div className={'list-item-note with-tooltip'}>\r\n              <TooltipWrapper label={noteTooltip}\r\n                              size={size === Size.Large ? Size.Medium : size === Size.Small ? Size.XSmall : Size.Small}\r\n                              position={'top'}\r\n                              tabIndex={disabled ? -1 : 0}\r\n                              withArrow={true}>\r\n                {note}\r\n              </TooltipWrapper>\r\n            </div>\r\n          }\r\n          {\r\n            !noteTooltip &&\r\n            <div className={'list-item-note'}>\r\n              {note}\r\n            </div>\r\n          }\r\n        </>\r\n      }\r\n      {\r\n        !!dropdown &&\r\n        <div className={'list-item-actions'}\r\n             onMouseEnter={() => setInAction(!dropdown?.disabled)}\r\n             onMouseLeave={() => setInAction(false)}>\r\n          <DropdownButton {...dropdown}\r\n                          type={'icon'}\r\n                          disabled={disabled || dropdown.disabled}\r\n                          icon={variant === 'overlay'\r\n                            ? <SystemIcons.ArrowDropDown/>\r\n                            : <SystemIcons.MoreVertical/>}\r\n          />\r\n        </div>\r\n      }\r\n      {\r\n        !!rightSideIcon &&\r\n        <RightIcon className={'list-item-actions'}\r\n                   onMouseEnter={() => rightSideAction && setInAction(!dropdown?.disabled)}\r\n                   onMouseLeave={() => rightSideAction && setInAction(false)}>\r\n          {\r\n            rightSideAction &&\r\n            <IconButton action={rightSideAction} variant='secondary' shape='circular'\r\n                        disabled={disabled || rightSideIconDisabled}>\r\n              {rightSideIcon}\r\n            </IconButton>\r\n          }\r\n          {\r\n            !rightSideAction && rightSideIcon\r\n          }\r\n        </RightIcon>\r\n      }\r\n    </Row>\r\n  );\r\n};\r\n\r\nexport default ListRow;\r\n\r\n"],"mappings":"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"}
+{"version":3,"file":"ListRow.cjs","names":["Row","styled","div","COLORS","neutral_100","neutral_600","white","primary_20","primary_700","Z_INDEXES","hover","primary_100","primary_800","active","focusStyles","neutral_300","ComponentSStyling","ComponentTextStyle","Regular","ComponentMStyling","ComponentLStyling","ComponentXXSStyling","ComponentXSStyling","RightIcon","ListRow","size","Size","Medium","variant","icon","mainText","secondaryText","dropdown","note","noteTooltip","disabled","action","rightSideIcon","rightSideAction","rightSideIconDisabled","className","rest","React","useState","inAction","setInAction","handleKeyDown","e","key","rowClassName","concat","defaultOnMouseDownHandler","Large","Small","XSmall"],"sources":["../../src/List/ListRow.tsx"],"sourcesContent":["import * as React from 'react';\nimport styled from 'styled-components';\nimport {COLORS, ComponentTextStyle, focusStyles} from '../styles';\n\nimport {\n  ComponentLStyling,\n  ComponentMStyling,\n  ComponentSStyling,\n  ComponentXSStyling,\n  ComponentXXSStyling\n} from '../styles';\nimport {DropdownButtonProps} from '../Dropdown/DropdownButtonTypes';\nimport {TooltipWrapper} from '../Tooltips';\nimport {DropdownButton} from '../Dropdown';\nimport {SystemIcons} from '../icons';\nimport {Size} from '../types';\nimport {Z_INDEXES} from '../styles';\nimport {defaultOnMouseDownHandler} from '../common';\nimport {IconButton} from '../Button';\n\nconst Row = styled.div`\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  justify-content: center;\n  border-bottom: 1px solid ${COLORS.neutral_100};\n  box-sizing: border-box;\n\n  color: ${COLORS.neutral_600};\n  background-color: ${COLORS.white};\n\n\n  cursor: default;\n\n  &.interactive {\n    cursor: pointer;\n  }\n\n  &.interactive.disabled {\n    cursor: not-allowed;\n  }\n\n  &.interactive:hover:not(.in-action):not(.disabled) {\n    background-color: ${COLORS.primary_20};\n    color: ${COLORS.primary_700};\n    z-index: ${Z_INDEXES.hover};\n  }\n\n  &.interactive:active:not(.in-action):not(.disabled) {\n    background-color: ${COLORS.primary_100};\n    color: ${COLORS.primary_800};\n    z-index: ${Z_INDEXES.active};\n  }\n\n  &.interactive:focus {\n    ${focusStyles}\n  }\n\n  &.disabled {\n    .list-item-icon, .list-item-content, .list-item-note, .list-item-actions {\n      color: ${COLORS.neutral_300};\n    }\n  }\n\n\n  &.small {\n    min-height: 48px;\n    padding: 0 8px;\n\n    .list-item-icon {\n      margin-right: 8px;\n    }\n\n    .list-item-main-text {\n      ${ComponentSStyling(ComponentTextStyle.Regular, null)}\n    }\n\n    .list-item-actions {\n      margin-right: -8px;\n    }\n  }\n\n  &.medium {\n    min-height: 56px;\n    padding: 0 12px;\n\n    .list-item-icon {\n      margin-right: 12px;\n    }\n\n    .list-item-main-text {\n      ${ComponentMStyling(ComponentTextStyle.Regular, null)}\n    }\n\n    .list-item-actions {\n      margin-right: -12px;\n    }\n  }\n\n  &.large {\n    min-height: 64px;\n    padding: 0 16px;\n\n    .list-item-icon {\n      margin-right: 16px;\n    }\n\n    .list-item-main-text {\n      ${ComponentLStyling(ComponentTextStyle.Regular, null)}\n    }\n\n    .list-item-actions {\n      margin-right: -16px;\n    }\n  }\n\n  &.overlay {\n    padding: 0 4px;\n\n    .list-item-actions {\n      margin-right: -4px;\n    }\n  }\n\n  .list-item-icon {\n    width: 24px;\n    height: 24px;\n\n    svg {\n      width: 24px;\n      height: 24px;\n    }\n  }\n\n  .list-item-content {\n    flex-grow: 1;\n    display: flex;\n    flex-direction: column;\n  }\n\n  .list-item-main-text {\n  }\n\n  .list-item-secondary-text {\n    ${ComponentXXSStyling(ComponentTextStyle.Regular, null)}\n  }\n\n  .list-item-note {\n    color: ${COLORS.neutral_600};\n    word-break: initial;\n    ${ComponentXSStyling(ComponentTextStyle.Regular, null)}\n  }\n\n  .list-item-note.with-tooltip {\n    cursor: pointer;\n\n    > div {\n      text-decoration-line: underline;\n      text-decoration-style: dashed;\n      text-underline-offset: 1px;\n      text-decoration-thickness: 1px;\n    }\n  }\n\n  .list-item-actions {\n    display: flex;\n    align-items: center;\n\n    button div {\n      background-color: transparent;\n    }\n  }\n`;\n\nconst RightIcon = styled.div`\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  min-height: 48px;\n  min-width: 48px;\n`;\n\n\ntype Props = Omit<React.HTMLAttributes<HTMLDivElement>, 'tabIndex' | 'onMouseDown' | 'onKeyDown'> & {\n  size?: Size;\n  variant?: 'normal' | 'overlay';\n  icon?: React.ReactNode;\n  mainText: string;\n  secondaryText?: string;\n  dropdown?: Pick<DropdownButtonProps, 'items' | 'onClick' | 'disabled' | 'width'>;\n  note?: string;\n  noteTooltip?: string;\n  disabled?: boolean;\n  action?: () => void;\n  rightSideIcon?: React.ReactNode;\n  rightSideAction?: () => void;\n  rightSideIconDisabled?: boolean;\n};\n\nconst ListRow: React.FunctionComponent<Props> = ({\n                                                   size = Size.Medium,\n                                                   variant = 'normal',\n                                                   icon,\n                                                   mainText,\n                                                   secondaryText,\n                                                   dropdown,\n                                                   note,\n                                                   noteTooltip,\n                                                   disabled = false,\n                                                   action,\n                                                   rightSideIcon,\n                                                   rightSideAction,\n                                                   rightSideIconDisabled,\n                                                   className,\n                                                   ...rest\n                                                 }: Props) => {\n\n  const [inAction, setInAction] = React.useState<Boolean>(false);\n\n  const handleKeyDown = (e: any) => {\n    if (e.key === 'Enter') {\n      action && action()\n    }\n  }\n\n  const rowClassName = (inAction ? 'in-action ' : '')\n    .concat(disabled ? 'disabled ' : '')\n    .concat(!!action ? 'interactive ' : '')\n    .concat('list-item-row ')\n    .concat(`${variant} `)\n    .concat(`${size}`)\n    .concat(className ? ` ${className}` : '');\n\n  return (\n    <Row tabIndex={!action || disabled ? -1 : 0}\n         className={rowClassName}\n         onMouseDown={defaultOnMouseDownHandler}\n         onKeyDown={(e) => !disabled && handleKeyDown(e)}\n         onClick={e => {\n           !disabled && action && action();\n         }}\n         data-hj-suppress\n         {...rest}>\n      {\n        !!icon &&\n        <div className={'list-item-icon'}>{icon}</div>\n      }\n      <div className={'list-item-content'}>\n        <div className={'list-item-main-text'}>{mainText}</div>\n        {!!secondaryText && <div className={'list-item-secondary-text'}>{secondaryText}</div>}\n      </div>\n      {\n        !!note &&\n        <>\n          {\n            !!noteTooltip &&\n            <div className={'list-item-note with-tooltip'}>\n              <TooltipWrapper label={noteTooltip}\n                              size={size === Size.Large ? Size.Medium : size === Size.Small ? Size.XSmall : Size.Small}\n                              position={'top'}\n                              tabIndex={disabled ? -1 : 0}\n                              withArrow={true}>\n                {note}\n              </TooltipWrapper>\n            </div>\n          }\n          {\n            !noteTooltip &&\n            <div className={'list-item-note'}>\n              {note}\n            </div>\n          }\n        </>\n      }\n      {\n        !!dropdown &&\n        <div className={'list-item-actions'}\n             onMouseEnter={() => setInAction(!dropdown?.disabled)}\n             onMouseLeave={() => setInAction(false)}>\n          <DropdownButton {...dropdown}\n                          type={'icon'}\n                          disabled={disabled || dropdown.disabled}\n                          icon={variant === 'overlay'\n                            ? <SystemIcons.ArrowDropDown/>\n                            : <SystemIcons.MoreVertical/>}\n          />\n        </div>\n      }\n      {\n        !!rightSideIcon &&\n        <RightIcon className={'list-item-actions'}\n                   onMouseEnter={() => rightSideAction && setInAction(!dropdown?.disabled)}\n                   onMouseLeave={() => rightSideAction && setInAction(false)}>\n          {\n            rightSideAction &&\n            <IconButton action={rightSideAction} variant='secondary' shape='circular'\n                        disabled={disabled || rightSideIconDisabled}>\n              {rightSideIcon}\n            </IconButton>\n          }\n          {\n            !rightSideAction && rightSideIcon\n          }\n        </RightIcon>\n      }\n    </Row>\n  );\n};\n\nexport default ListRow;\n\n"],"mappings":"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"}

package/dist/List/ListRow.d.ts

@@ -1,20 +1,20 @@
-import * as React from 'react';
-import { DropdownButtonProps } from '../Dropdown/DropdownButtonTypes';
-import { Size } from '../types';
-type Props = Omit<React.HTMLAttributes<HTMLDivElement>, 'tabIndex' | 'onMouseDown' | 'onKeyDown'> & {
-    size?: Size;
-    variant?: 'normal' | 'overlay';
-    icon?: React.ReactNode;
-    mainText: string;
-    secondaryText?: string;
-    dropdown?: Pick<DropdownButtonProps, 'items' | 'onClick' | 'disabled' | 'width'>;
-    note?: string;
-    noteTooltip?: string;
-    disabled?: boolean;
-    action?: () => void;
-    rightSideIcon?: React.ReactNode;
-    rightSideAction?: () => void;
-    rightSideIconDisabled?: boolean;
-};
-declare const ListRow: React.FunctionComponent<Props>;
-export default ListRow;
+import * as React from 'react';
+import { DropdownButtonProps } from '../Dropdown/DropdownButtonTypes';
+import { Size } from '../types';
+type Props = Omit<React.HTMLAttributes<HTMLDivElement>, 'tabIndex' | 'onMouseDown' | 'onKeyDown'> & {
+    size?: Size;
+    variant?: 'normal' | 'overlay';
+    icon?: React.ReactNode;
+    mainText: string;
+    secondaryText?: string;
+    dropdown?: Pick<DropdownButtonProps, 'items' | 'onClick' | 'disabled' | 'width'>;
+    note?: string;
+    noteTooltip?: string;
+    disabled?: boolean;
+    action?: () => void;
+    rightSideIcon?: React.ReactNode;
+    rightSideAction?: () => void;
+    rightSideIconDisabled?: boolean;
+};
+declare const ListRow: React.FunctionComponent<Props>;
+export default ListRow;

package/dist/List/ListRow.js.map

@@ -1 +1 @@
-{"version":3,"file":"ListRow.js","names":["React","styled","COLORS","ComponentTextStyle","focusStyles","ComponentLStyling","ComponentMStyling","ComponentSStyling","ComponentXSStyling","ComponentXXSStyling","TooltipWrapper","DropdownButton","SystemIcons","Size","Z_INDEXES","defaultOnMouseDownHandler","IconButton","Row","div","neutral_100","neutral_600","white","primary_20","primary_700","hover","primary_100","primary_800","active","neutral_300","Regular","RightIcon","ListRow","size","Medium","variant","icon","mainText","secondaryText","dropdown","note","noteTooltip","disabled","action","rightSideIcon","rightSideAction","rightSideIconDisabled","className","rest","useState","inAction","setInAction","handleKeyDown","e","key","rowClassName","concat","Large","Small","XSmall"],"sources":["../../src/List/ListRow.tsx"],"sourcesContent":["import * as React from 'react';\r\nimport styled from 'styled-components';\r\nimport {COLORS, ComponentTextStyle, focusStyles} from '../styles';\r\n\r\nimport {\r\n  ComponentLStyling,\r\n  ComponentMStyling,\r\n  ComponentSStyling,\r\n  ComponentXSStyling,\r\n  ComponentXXSStyling\r\n} from '../styles';\r\nimport {DropdownButtonProps} from '../Dropdown/DropdownButtonTypes';\r\nimport {TooltipWrapper} from '../Tooltips';\r\nimport {DropdownButton} from '../Dropdown';\r\nimport {SystemIcons} from '../icons';\r\nimport {Size} from '../types';\r\nimport {Z_INDEXES} from '../styles';\r\nimport {defaultOnMouseDownHandler} from '../common';\r\nimport {IconButton} from '../Button';\r\n\r\nconst Row = styled.div`\r\n  display: flex;\r\n  flex-direction: row;\r\n  align-items: center;\r\n  justify-content: center;\r\n  border-bottom: 1px solid ${COLORS.neutral_100};\r\n  box-sizing: border-box;\r\n\r\n  color: ${COLORS.neutral_600};\r\n  background-color: ${COLORS.white};\r\n\r\n\r\n  cursor: default;\r\n\r\n  &.interactive {\r\n    cursor: pointer;\r\n  }\r\n\r\n  &.interactive.disabled {\r\n    cursor: not-allowed;\r\n  }\r\n\r\n  &.interactive:hover:not(.in-action):not(.disabled) {\r\n    background-color: ${COLORS.primary_20};\r\n    color: ${COLORS.primary_700};\r\n    z-index: ${Z_INDEXES.hover};\r\n  }\r\n\r\n  &.interactive:active:not(.in-action):not(.disabled) {\r\n    background-color: ${COLORS.primary_100};\r\n    color: ${COLORS.primary_800};\r\n    z-index: ${Z_INDEXES.active};\r\n  }\r\n\r\n  &.interactive:focus {\r\n    ${focusStyles}\r\n  }\r\n\r\n  &.disabled {\r\n    .list-item-icon, .list-item-content, .list-item-note, .list-item-actions {\r\n      color: ${COLORS.neutral_300};\r\n    }\r\n  }\r\n\r\n\r\n  &.small {\r\n    min-height: 48px;\r\n    padding: 0 8px;\r\n\r\n    .list-item-icon {\r\n      margin-right: 8px;\r\n    }\r\n\r\n    .list-item-main-text {\r\n      ${ComponentSStyling(ComponentTextStyle.Regular, null)}\r\n    }\r\n\r\n    .list-item-actions {\r\n      margin-right: -8px;\r\n    }\r\n  }\r\n\r\n  &.medium {\r\n    min-height: 56px;\r\n    padding: 0 12px;\r\n\r\n    .list-item-icon {\r\n      margin-right: 12px;\r\n    }\r\n\r\n    .list-item-main-text {\r\n      ${ComponentMStyling(ComponentTextStyle.Regular, null)}\r\n    }\r\n\r\n    .list-item-actions {\r\n      margin-right: -12px;\r\n    }\r\n  }\r\n\r\n  &.large {\r\n    min-height: 64px;\r\n    padding: 0 16px;\r\n\r\n    .list-item-icon {\r\n      margin-right: 16px;\r\n    }\r\n\r\n    .list-item-main-text {\r\n      ${ComponentLStyling(ComponentTextStyle.Regular, null)}\r\n    }\r\n\r\n    .list-item-actions {\r\n      margin-right: -16px;\r\n    }\r\n  }\r\n\r\n  &.overlay {\r\n    padding: 0 4px;\r\n\r\n    .list-item-actions {\r\n      margin-right: -4px;\r\n    }\r\n  }\r\n\r\n  .list-item-icon {\r\n    width: 24px;\r\n    height: 24px;\r\n\r\n    svg {\r\n      width: 24px;\r\n      height: 24px;\r\n    }\r\n  }\r\n\r\n  .list-item-content {\r\n    flex-grow: 1;\r\n    display: flex;\r\n    flex-direction: column;\r\n  }\r\n\r\n  .list-item-main-text {\r\n  }\r\n\r\n  .list-item-secondary-text {\r\n    ${ComponentXXSStyling(ComponentTextStyle.Regular, null)}\r\n  }\r\n\r\n  .list-item-note {\r\n    color: ${COLORS.neutral_600};\r\n    word-break: initial;\r\n    ${ComponentXSStyling(ComponentTextStyle.Regular, null)}\r\n  }\r\n\r\n  .list-item-note.with-tooltip {\r\n    cursor: pointer;\r\n\r\n    > div {\r\n      text-decoration-line: underline;\r\n      text-decoration-style: dashed;\r\n      text-underline-offset: 1px;\r\n      text-decoration-thickness: 1px;\r\n    }\r\n  }\r\n\r\n  .list-item-actions {\r\n    display: flex;\r\n    align-items: center;\r\n\r\n    button div {\r\n      background-color: transparent;\r\n    }\r\n  }\r\n`;\r\n\r\nconst RightIcon = styled.div`\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  min-height: 48px;\r\n  min-width: 48px;\r\n`;\r\n\r\n\r\ntype Props = Omit<React.HTMLAttributes<HTMLDivElement>, 'tabIndex' | 'onMouseDown' | 'onKeyDown'> & {\r\n  size?: Size;\r\n  variant?: 'normal' | 'overlay';\r\n  icon?: React.ReactNode;\r\n  mainText: string;\r\n  secondaryText?: string;\r\n  dropdown?: Pick<DropdownButtonProps, 'items' | 'onClick' | 'disabled' | 'width'>;\r\n  note?: string;\r\n  noteTooltip?: string;\r\n  disabled?: boolean;\r\n  action?: () => void;\r\n  rightSideIcon?: React.ReactNode;\r\n  rightSideAction?: () => void;\r\n  rightSideIconDisabled?: boolean;\r\n};\r\n\r\nconst ListRow: React.FunctionComponent<Props> = ({\r\n                                                   size = Size.Medium,\r\n                                                   variant = 'normal',\r\n                                                   icon,\r\n                                                   mainText,\r\n                                                   secondaryText,\r\n                                                   dropdown,\r\n                                                   note,\r\n                                                   noteTooltip,\r\n                                                   disabled = false,\r\n                                                   action,\r\n                                                   rightSideIcon,\r\n                                                   rightSideAction,\r\n                                                   rightSideIconDisabled,\r\n                                                   className,\r\n                                                   ...rest\r\n                                                 }: Props) => {\r\n\r\n  const [inAction, setInAction] = React.useState<Boolean>(false);\r\n\r\n  const handleKeyDown = (e: any) => {\r\n    if (e.key === 'Enter') {\r\n      action && action()\r\n    }\r\n  }\r\n\r\n  const rowClassName = (inAction ? 'in-action ' : '')\r\n    .concat(disabled ? 'disabled ' : '')\r\n    .concat(!!action ? 'interactive ' : '')\r\n    .concat('list-item-row ')\r\n    .concat(`${variant} `)\r\n    .concat(`${size}`)\r\n    .concat(className ? ` ${className}` : '');\r\n\r\n  return (\r\n    <Row tabIndex={!action || disabled ? -1 : 0}\r\n         className={rowClassName}\r\n         onMouseDown={defaultOnMouseDownHandler}\r\n         onKeyDown={(e) => !disabled && handleKeyDown(e)}\r\n         onClick={e => {\r\n           !disabled && action && action();\r\n         }}\r\n         data-hj-suppress\r\n         {...rest}>\r\n      {\r\n        !!icon &&\r\n        <div className={'list-item-icon'}>{icon}</div>\r\n      }\r\n      <div className={'list-item-content'}>\r\n        <div className={'list-item-main-text'}>{mainText}</div>\r\n        {!!secondaryText && <div className={'list-item-secondary-text'}>{secondaryText}</div>}\r\n      </div>\r\n      {\r\n        !!note &&\r\n        <>\r\n          {\r\n            !!noteTooltip &&\r\n            <div className={'list-item-note with-tooltip'}>\r\n              <TooltipWrapper label={noteTooltip}\r\n                              size={size === Size.Large ? Size.Medium : size === Size.Small ? Size.XSmall : Size.Small}\r\n                              position={'top'}\r\n                              tabIndex={disabled ? -1 : 0}\r\n                              withArrow={true}>\r\n                {note}\r\n              </TooltipWrapper>\r\n            </div>\r\n          }\r\n          {\r\n            !noteTooltip &&\r\n            <div className={'list-item-note'}>\r\n              {note}\r\n            </div>\r\n          }\r\n        </>\r\n      }\r\n      {\r\n        !!dropdown &&\r\n        <div className={'list-item-actions'}\r\n             onMouseEnter={() => setInAction(!dropdown?.disabled)}\r\n             onMouseLeave={() => setInAction(false)}>\r\n          <DropdownButton {...dropdown}\r\n                          type={'icon'}\r\n                          disabled={disabled || dropdown.disabled}\r\n                          icon={variant === 'overlay'\r\n                            ? <SystemIcons.ArrowDropDown/>\r\n                            : <SystemIcons.MoreVertical/>}\r\n          />\r\n        </div>\r\n      }\r\n      {\r\n        !!rightSideIcon &&\r\n        <RightIcon className={'list-item-actions'}\r\n                   onMouseEnter={() => rightSideAction && setInAction(!dropdown?.disabled)}\r\n                   onMouseLeave={() => rightSideAction && setInAction(false)}>\r\n          {\r\n            rightSideAction &&\r\n            <IconButton action={rightSideAction} variant='secondary' shape='circular'\r\n                        disabled={disabled || rightSideIconDisabled}>\r\n              {rightSideIcon}\r\n            </IconButton>\r\n          }\r\n          {\r\n            !rightSideAction && rightSideIcon\r\n          }\r\n        </RightIcon>\r\n      }\r\n    </Row>\r\n  );\r\n};\r\n\r\nexport default ListRow;\r\n\r\n"],"mappings":"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"}
+{"version":3,"file":"ListRow.js","names":["React","styled","COLORS","ComponentTextStyle","focusStyles","ComponentLStyling","ComponentMStyling","ComponentSStyling","ComponentXSStyling","ComponentXXSStyling","TooltipWrapper","DropdownButton","SystemIcons","Size","Z_INDEXES","defaultOnMouseDownHandler","IconButton","Row","div","neutral_100","neutral_600","white","primary_20","primary_700","hover","primary_100","primary_800","active","neutral_300","Regular","RightIcon","ListRow","size","Medium","variant","icon","mainText","secondaryText","dropdown","note","noteTooltip","disabled","action","rightSideIcon","rightSideAction","rightSideIconDisabled","className","rest","useState","inAction","setInAction","handleKeyDown","e","key","rowClassName","concat","Large","Small","XSmall"],"sources":["../../src/List/ListRow.tsx"],"sourcesContent":["import * as React from 'react';\nimport styled from 'styled-components';\nimport {COLORS, ComponentTextStyle, focusStyles} from '../styles';\n\nimport {\n  ComponentLStyling,\n  ComponentMStyling,\n  ComponentSStyling,\n  ComponentXSStyling,\n  ComponentXXSStyling\n} from '../styles';\nimport {DropdownButtonProps} from '../Dropdown/DropdownButtonTypes';\nimport {TooltipWrapper} from '../Tooltips';\nimport {DropdownButton} from '../Dropdown';\nimport {SystemIcons} from '../icons';\nimport {Size} from '../types';\nimport {Z_INDEXES} from '../styles';\nimport {defaultOnMouseDownHandler} from '../common';\nimport {IconButton} from '../Button';\n\nconst Row = styled.div`\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  justify-content: center;\n  border-bottom: 1px solid ${COLORS.neutral_100};\n  box-sizing: border-box;\n\n  color: ${COLORS.neutral_600};\n  background-color: ${COLORS.white};\n\n\n  cursor: default;\n\n  &.interactive {\n    cursor: pointer;\n  }\n\n  &.interactive.disabled {\n    cursor: not-allowed;\n  }\n\n  &.interactive:hover:not(.in-action):not(.disabled) {\n    background-color: ${COLORS.primary_20};\n    color: ${COLORS.primary_700};\n    z-index: ${Z_INDEXES.hover};\n  }\n\n  &.interactive:active:not(.in-action):not(.disabled) {\n    background-color: ${COLORS.primary_100};\n    color: ${COLORS.primary_800};\n    z-index: ${Z_INDEXES.active};\n  }\n\n  &.interactive:focus {\n    ${focusStyles}\n  }\n\n  &.disabled {\n    .list-item-icon, .list-item-content, .list-item-note, .list-item-actions {\n      color: ${COLORS.neutral_300};\n    }\n  }\n\n\n  &.small {\n    min-height: 48px;\n    padding: 0 8px;\n\n    .list-item-icon {\n      margin-right: 8px;\n    }\n\n    .list-item-main-text {\n      ${ComponentSStyling(ComponentTextStyle.Regular, null)}\n    }\n\n    .list-item-actions {\n      margin-right: -8px;\n    }\n  }\n\n  &.medium {\n    min-height: 56px;\n    padding: 0 12px;\n\n    .list-item-icon {\n      margin-right: 12px;\n    }\n\n    .list-item-main-text {\n      ${ComponentMStyling(ComponentTextStyle.Regular, null)}\n    }\n\n    .list-item-actions {\n      margin-right: -12px;\n    }\n  }\n\n  &.large {\n    min-height: 64px;\n    padding: 0 16px;\n\n    .list-item-icon {\n      margin-right: 16px;\n    }\n\n    .list-item-main-text {\n      ${ComponentLStyling(ComponentTextStyle.Regular, null)}\n    }\n\n    .list-item-actions {\n      margin-right: -16px;\n    }\n  }\n\n  &.overlay {\n    padding: 0 4px;\n\n    .list-item-actions {\n      margin-right: -4px;\n    }\n  }\n\n  .list-item-icon {\n    width: 24px;\n    height: 24px;\n\n    svg {\n      width: 24px;\n      height: 24px;\n    }\n  }\n\n  .list-item-content {\n    flex-grow: 1;\n    display: flex;\n    flex-direction: column;\n  }\n\n  .list-item-main-text {\n  }\n\n  .list-item-secondary-text {\n    ${ComponentXXSStyling(ComponentTextStyle.Regular, null)}\n  }\n\n  .list-item-note {\n    color: ${COLORS.neutral_600};\n    word-break: initial;\n    ${ComponentXSStyling(ComponentTextStyle.Regular, null)}\n  }\n\n  .list-item-note.with-tooltip {\n    cursor: pointer;\n\n    > div {\n      text-decoration-line: underline;\n      text-decoration-style: dashed;\n      text-underline-offset: 1px;\n      text-decoration-thickness: 1px;\n    }\n  }\n\n  .list-item-actions {\n    display: flex;\n    align-items: center;\n\n    button div {\n      background-color: transparent;\n    }\n  }\n`;\n\nconst RightIcon = styled.div`\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  min-height: 48px;\n  min-width: 48px;\n`;\n\n\ntype Props = Omit<React.HTMLAttributes<HTMLDivElement>, 'tabIndex' | 'onMouseDown' | 'onKeyDown'> & {\n  size?: Size;\n  variant?: 'normal' | 'overlay';\n  icon?: React.ReactNode;\n  mainText: string;\n  secondaryText?: string;\n  dropdown?: Pick<DropdownButtonProps, 'items' | 'onClick' | 'disabled' | 'width'>;\n  note?: string;\n  noteTooltip?: string;\n  disabled?: boolean;\n  action?: () => void;\n  rightSideIcon?: React.ReactNode;\n  rightSideAction?: () => void;\n  rightSideIconDisabled?: boolean;\n};\n\nconst ListRow: React.FunctionComponent<Props> = ({\n                                                   size = Size.Medium,\n                                                   variant = 'normal',\n                                                   icon,\n                                                   mainText,\n                                                   secondaryText,\n                                                   dropdown,\n                                                   note,\n                                                   noteTooltip,\n                                                   disabled = false,\n                                                   action,\n                                                   rightSideIcon,\n                                                   rightSideAction,\n                                                   rightSideIconDisabled,\n                                                   className,\n                                                   ...rest\n                                                 }: Props) => {\n\n  const [inAction, setInAction] = React.useState<Boolean>(false);\n\n  const handleKeyDown = (e: any) => {\n    if (e.key === 'Enter') {\n      action && action()\n    }\n  }\n\n  const rowClassName = (inAction ? 'in-action ' : '')\n    .concat(disabled ? 'disabled ' : '')\n    .concat(!!action ? 'interactive ' : '')\n    .concat('list-item-row ')\n    .concat(`${variant} `)\n    .concat(`${size}`)\n    .concat(className ? ` ${className}` : '');\n\n  return (\n    <Row tabIndex={!action || disabled ? -1 : 0}\n         className={rowClassName}\n         onMouseDown={defaultOnMouseDownHandler}\n         onKeyDown={(e) => !disabled && handleKeyDown(e)}\n         onClick={e => {\n           !disabled && action && action();\n         }}\n         data-hj-suppress\n         {...rest}>\n      {\n        !!icon &&\n        <div className={'list-item-icon'}>{icon}</div>\n      }\n      <div className={'list-item-content'}>\n        <div className={'list-item-main-text'}>{mainText}</div>\n        {!!secondaryText && <div className={'list-item-secondary-text'}>{secondaryText}</div>}\n      </div>\n      {\n        !!note &&\n        <>\n          {\n            !!noteTooltip &&\n            <div className={'list-item-note with-tooltip'}>\n              <TooltipWrapper label={noteTooltip}\n                              size={size === Size.Large ? Size.Medium : size === Size.Small ? Size.XSmall : Size.Small}\n                              position={'top'}\n                              tabIndex={disabled ? -1 : 0}\n                              withArrow={true}>\n                {note}\n              </TooltipWrapper>\n            </div>\n          }\n          {\n            !noteTooltip &&\n            <div className={'list-item-note'}>\n              {note}\n            </div>\n          }\n        </>\n      }\n      {\n        !!dropdown &&\n        <div className={'list-item-actions'}\n             onMouseEnter={() => setInAction(!dropdown?.disabled)}\n             onMouseLeave={() => setInAction(false)}>\n          <DropdownButton {...dropdown}\n                          type={'icon'}\n                          disabled={disabled || dropdown.disabled}\n                          icon={variant === 'overlay'\n                            ? <SystemIcons.ArrowDropDown/>\n                            : <SystemIcons.MoreVertical/>}\n          />\n        </div>\n      }\n      {\n        !!rightSideIcon &&\n        <RightIcon className={'list-item-actions'}\n                   onMouseEnter={() => rightSideAction && setInAction(!dropdown?.disabled)}\n                   onMouseLeave={() => rightSideAction && setInAction(false)}>\n          {\n            rightSideAction &&\n            <IconButton action={rightSideAction} variant='secondary' shape='circular'\n                        disabled={disabled || rightSideIconDisabled}>\n              {rightSideIcon}\n            </IconButton>\n          }\n          {\n            !rightSideAction && rightSideIcon\n          }\n        </RightIcon>\n      }\n    </Row>\n  );\n};\n\nexport default ListRow;\n\n"],"mappings":"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"}

package/dist/List/__tests__/ListRow.tests.d.ts

@@ -1 +1 @@
-export {};
+export {};

package/dist/List/index.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","names":[],"sources":["../../src/List/index.ts"],"sourcesContent":["import ListRow from './ListRow';\r\n\r\nexport {ListRow};\r\n"],"mappings":";;;;;;;;;;;;AAAA"}
+{"version":3,"file":"index.cjs","names":[],"sources":["../../src/List/index.ts"],"sourcesContent":["import ListRow from './ListRow';\n\nexport {ListRow};\n"],"mappings":";;;;;;;;;;;;AAAA"}

package/dist/List/index.d.ts

@@ -1,2 +1,2 @@
-import ListRow from './ListRow';
-export { ListRow };
+import ListRow from './ListRow';
+export { ListRow };

package/dist/List/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["ListRow"],"sources":["../../src/List/index.ts"],"sourcesContent":["import ListRow from './ListRow';\r\n\r\nexport {ListRow};\r\n"],"mappings":"AAAA,OAAOA,OAAO,MAAM,WAAW;AAE/B,SAAQA,OAAO"}
+{"version":3,"file":"index.js","names":["ListRow"],"sources":["../../src/List/index.ts"],"sourcesContent":["import ListRow from './ListRow';\n\nexport {ListRow};\n"],"mappings":"AAAA,OAAOA,OAAO,MAAM,WAAW;AAE/B,SAAQA,OAAO"}

package/dist/LoadingIndicator/LoadingIndicator.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"LoadingIndicator.cjs","names":["LoadingWrapper","styled","div","LoadingIndicator","size","Size","Medium","color","COLORS","primary","id","Small"],"sources":["../../src/LoadingIndicator/LoadingIndicator.tsx"],"sourcesContent":["import * as React from 'react';\r\nimport styled from 'styled-components';\r\nimport { COLORS } from '../styles';\r\nimport { Size } from '../types';\r\nimport { SystemIcons } from '../icons';\r\n\r\nconst LoadingWrapper = styled.div`\r\n  height: 100%;\r\n  display: flex;\r\n  justify-content: center;\r\n  align-items: center;\r\n\r\n  svg {\r\n    animation-name: spin;\r\n    animation-duration: 1s;\r\n    animation-iteration-count: infinite;\r\n    transform-origin: 50% 50%;\r\n\r\n    @keyframes spin {\r\n      from {\r\n        transform: rotate(0deg);\r\n      }\r\n      to {\r\n        transform: rotate(360deg);\r\n      }\r\n    }\r\n  }\r\n`;\r\n\r\ntype LoadingIndicatorProps = {\r\n  id?: string;\r\n  size?: Size.Small | Size.Medium;\r\n  color?: string;\r\n};\r\n\r\nconst LoadingIndicator = ({ size = Size.Medium, color = COLORS.primary, id }: LoadingIndicatorProps) => {\r\n  switch (size) {\r\n    case Size.Medium:\r\n      return (\r\n        <LoadingWrapper id={id}>\r\n          <SystemIcons.LoadingMedium color={color} />\r\n        </LoadingWrapper>\r\n      );\r\n    case Size.Small:\r\n      return (\r\n        <LoadingWrapper id={id}>\r\n          <SystemIcons.LoadingSmall color={color} />\r\n        </LoadingWrapper>\r\n      );\r\n    default:\r\n      return (\r\n        <LoadingWrapper id={id}>\r\n          <SystemIcons.LoadingMedium color={color} />\r\n        </LoadingWrapper>\r\n      );\r\n  }\r\n};\r\n\r\nexport default LoadingIndicator;\r\n"],"mappings":";;;;;;;;;;AAAA;AACA;AACA;AACA;AACA;AAAuC;AAAA;AAAA;AAAA;AAEvC,IAAMA,cAAc,GAAGC,yBAAM,CAACC,GAAG,gdAqBhC;AAQD,IAAMC,gBAAgB,GAAG,SAAnBA,gBAAgB,OAAkF;EAAA,qBAA5EC,IAAI;IAAJA,IAAI,0BAAGC,WAAI,CAACC,MAAM;IAAA,kBAAEC,KAAK;IAALA,KAAK,2BAAGC,cAAM,CAACC,OAAO;IAAEC,EAAE,QAAFA,EAAE;EACxE,QAAQN,IAAI;IACV,KAAKC,WAAI,CAACC,MAAM;MACd,oBACE,qBAAC,cAAc;QAAC,EAAE,EAAEI,EAAG;QAAA,uBACrB,qBAAC,kBAAW,CAAC,aAAa;UAAC,KAAK,EAAEH;QAAM;MAAG,EAC5B;IAErB,KAAKF,WAAI,CAACM,KAAK;MACb,oBACE,qBAAC,cAAc;QAAC,EAAE,EAAED,EAAG;QAAA,uBACrB,qBAAC,kBAAW,CAAC,YAAY;UAAC,KAAK,EAAEH;QAAM;MAAG,EAC3B;IAErB;MACE,oBACE,qBAAC,cAAc;QAAC,EAAE,EAAEG,EAAG;QAAA,uBACrB,qBAAC,kBAAW,CAAC,aAAa;UAAC,KAAK,EAAEH;QAAM;MAAG,EAC5B;EACjB;AAER,CAAC;AAAC;EA1BAG,EAAE;EAEFH,KAAK;AAAA;AAAA,eA0BQJ,gBAAgB;AAAA"}
+{"version":3,"file":"LoadingIndicator.cjs","names":["LoadingWrapper","styled","div","LoadingIndicator","size","Size","Medium","color","COLORS","primary","id","Small"],"sources":["../../src/LoadingIndicator/LoadingIndicator.tsx"],"sourcesContent":["import * as React from 'react';\nimport styled from 'styled-components';\nimport { COLORS } from '../styles';\nimport { Size } from '../types';\nimport { SystemIcons } from '../icons';\n\nconst LoadingWrapper = styled.div`\n  height: 100%;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n\n  svg {\n    animation-name: spin;\n    animation-duration: 1s;\n    animation-iteration-count: infinite;\n    transform-origin: 50% 50%;\n\n    @keyframes spin {\n      from {\n        transform: rotate(0deg);\n      }\n      to {\n        transform: rotate(360deg);\n      }\n    }\n  }\n`;\n\ntype LoadingIndicatorProps = {\n  id?: string;\n  size?: Size.Small | Size.Medium;\n  color?: string;\n};\n\nconst LoadingIndicator = ({ size = Size.Medium, color = COLORS.primary, id }: LoadingIndicatorProps) => {\n  switch (size) {\n    case Size.Medium:\n      return (\n        <LoadingWrapper id={id}>\n          <SystemIcons.LoadingMedium color={color} />\n        </LoadingWrapper>\n      );\n    case Size.Small:\n      return (\n        <LoadingWrapper id={id}>\n          <SystemIcons.LoadingSmall color={color} />\n        </LoadingWrapper>\n      );\n    default:\n      return (\n        <LoadingWrapper id={id}>\n          <SystemIcons.LoadingMedium color={color} />\n        </LoadingWrapper>\n      );\n  }\n};\n\nexport default LoadingIndicator;\n"],"mappings":";;;;;;;;;;AAAA;AACA;AACA;AACA;AACA;AAAuC;AAAA;AAAA;AAAA;AAEvC,IAAMA,cAAc,GAAGC,yBAAM,CAACC,GAAG,gdAqBhC;AAQD,IAAMC,gBAAgB,GAAG,SAAnBA,gBAAgB,OAAkF;EAAA,qBAA5EC,IAAI;IAAJA,IAAI,0BAAGC,WAAI,CAACC,MAAM;IAAA,kBAAEC,KAAK;IAALA,KAAK,2BAAGC,cAAM,CAACC,OAAO;IAAEC,EAAE,QAAFA,EAAE;EACxE,QAAQN,IAAI;IACV,KAAKC,WAAI,CAACC,MAAM;MACd,oBACE,qBAAC,cAAc;QAAC,EAAE,EAAEI,EAAG;QAAA,uBACrB,qBAAC,kBAAW,CAAC,aAAa;UAAC,KAAK,EAAEH;QAAM;MAAG,EAC5B;IAErB,KAAKF,WAAI,CAACM,KAAK;MACb,oBACE,qBAAC,cAAc;QAAC,EAAE,EAAED,EAAG;QAAA,uBACrB,qBAAC,kBAAW,CAAC,YAAY;UAAC,KAAK,EAAEH;QAAM;MAAG,EAC3B;IAErB;MACE,oBACE,qBAAC,cAAc;QAAC,EAAE,EAAEG,EAAG;QAAA,uBACrB,qBAAC,kBAAW,CAAC,aAAa;UAAC,KAAK,EAAEH;QAAM;MAAG,EAC5B;EACjB;AAER,CAAC;AAAC;EA1BAG,EAAE;EAEFH,KAAK;AAAA;AAAA,eA0BQJ,gBAAgB;AAAA"}

package/dist/LoadingIndicator/LoadingIndicator.d.ts

@@ -1,9 +1,9 @@
-/// <reference types="react" />
-import { Size } from '../types';
-type LoadingIndicatorProps = {
-    id?: string;
-    size?: Size.Small | Size.Medium;
-    color?: string;
-};
-declare const LoadingIndicator: ({ size, color, id }: LoadingIndicatorProps) => JSX.Element;
-export default LoadingIndicator;
+/// <reference types="react" />
+import { Size } from '../types';
+type LoadingIndicatorProps = {
+    id?: string;
+    size?: Size.Small | Size.Medium;
+    color?: string;
+};
+declare const LoadingIndicator: ({ size, color, id }: LoadingIndicatorProps) => JSX.Element;
+export default LoadingIndicator;

package/dist/LoadingIndicator/LoadingIndicator.js.map

@@ -1 +1 @@
-{"version":3,"file":"LoadingIndicator.js","names":["React","styled","COLORS","Size","SystemIcons","LoadingWrapper","div","LoadingIndicator","size","Medium","color","primary","id","Small"],"sources":["../../src/LoadingIndicator/LoadingIndicator.tsx"],"sourcesContent":["import * as React from 'react';\r\nimport styled from 'styled-components';\r\nimport { COLORS } from '../styles';\r\nimport { Size } from '../types';\r\nimport { SystemIcons } from '../icons';\r\n\r\nconst LoadingWrapper = styled.div`\r\n  height: 100%;\r\n  display: flex;\r\n  justify-content: center;\r\n  align-items: center;\r\n\r\n  svg {\r\n    animation-name: spin;\r\n    animation-duration: 1s;\r\n    animation-iteration-count: infinite;\r\n    transform-origin: 50% 50%;\r\n\r\n    @keyframes spin {\r\n      from {\r\n        transform: rotate(0deg);\r\n      }\r\n      to {\r\n        transform: rotate(360deg);\r\n      }\r\n    }\r\n  }\r\n`;\r\n\r\ntype LoadingIndicatorProps = {\r\n  id?: string;\r\n  size?: Size.Small | Size.Medium;\r\n  color?: string;\r\n};\r\n\r\nconst LoadingIndicator = ({ size = Size.Medium, color = COLORS.primary, id }: LoadingIndicatorProps) => {\r\n  switch (size) {\r\n    case Size.Medium:\r\n      return (\r\n        <LoadingWrapper id={id}>\r\n          <SystemIcons.LoadingMedium color={color} />\r\n        </LoadingWrapper>\r\n      );\r\n    case Size.Small:\r\n      return (\r\n        <LoadingWrapper id={id}>\r\n          <SystemIcons.LoadingSmall color={color} />\r\n        </LoadingWrapper>\r\n      );\r\n    default:\r\n      return (\r\n        <LoadingWrapper id={id}>\r\n          <SystemIcons.LoadingMedium color={color} />\r\n        </LoadingWrapper>\r\n      );\r\n  }\r\n};\r\n\r\nexport default LoadingIndicator;\r\n"],"mappings":";;;AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,OAAOC,MAAM,MAAM,mBAAmB;AACtC,SAASC,MAAM,QAAQ,WAAW;AAClC,SAASC,IAAI,QAAQ,UAAU;AAC/B,SAASC,WAAW,QAAQ,UAAU;AAAC;AAEvC,IAAMC,cAAc,GAAGJ,MAAM,CAACK,GAAG,kcAqBhC;AAQD,IAAMC,gBAAgB,GAAG,SAAnBA,gBAAgB,OAAkF;EAAA,qBAA5EC,IAAI;IAAJA,IAAI,0BAAGL,IAAI,CAACM,MAAM;IAAA,kBAAEC,KAAK;IAALA,KAAK,2BAAGR,MAAM,CAACS,OAAO;IAAEC,EAAE,QAAFA,EAAE;EACxE,QAAQJ,IAAI;IACV,KAAKL,IAAI,CAACM,MAAM;MACd,oBACE,KAAC,cAAc;QAAC,EAAE,EAAEG,EAAG;QAAA,uBACrB,KAAC,WAAW,CAAC,aAAa;UAAC,KAAK,EAAEF;QAAM;MAAG,EAC5B;IAErB,KAAKP,IAAI,CAACU,KAAK;MACb,oBACE,KAAC,cAAc;QAAC,EAAE,EAAED,EAAG;QAAA,uBACrB,KAAC,WAAW,CAAC,YAAY;UAAC,KAAK,EAAEF;QAAM;MAAG,EAC3B;IAErB;MACE,oBACE,KAAC,cAAc;QAAC,EAAE,EAAEE,EAAG;QAAA,uBACrB,KAAC,WAAW,CAAC,aAAa;UAAC,KAAK,EAAEF;QAAM;MAAG,EAC5B;EACjB;AAER,CAAC;AAAC;EA1BAE,EAAE;EAEFF,KAAK;AAAA;AA0BP,eAAeH,gBAAgB"}
+{"version":3,"file":"LoadingIndicator.js","names":["React","styled","COLORS","Size","SystemIcons","LoadingWrapper","div","LoadingIndicator","size","Medium","color","primary","id","Small"],"sources":["../../src/LoadingIndicator/LoadingIndicator.tsx"],"sourcesContent":["import * as React from 'react';\nimport styled from 'styled-components';\nimport { COLORS } from '../styles';\nimport { Size } from '../types';\nimport { SystemIcons } from '../icons';\n\nconst LoadingWrapper = styled.div`\n  height: 100%;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n\n  svg {\n    animation-name: spin;\n    animation-duration: 1s;\n    animation-iteration-count: infinite;\n    transform-origin: 50% 50%;\n\n    @keyframes spin {\n      from {\n        transform: rotate(0deg);\n      }\n      to {\n        transform: rotate(360deg);\n      }\n    }\n  }\n`;\n\ntype LoadingIndicatorProps = {\n  id?: string;\n  size?: Size.Small | Size.Medium;\n  color?: string;\n};\n\nconst LoadingIndicator = ({ size = Size.Medium, color = COLORS.primary, id }: LoadingIndicatorProps) => {\n  switch (size) {\n    case Size.Medium:\n      return (\n        <LoadingWrapper id={id}>\n          <SystemIcons.LoadingMedium color={color} />\n        </LoadingWrapper>\n      );\n    case Size.Small:\n      return (\n        <LoadingWrapper id={id}>\n          <SystemIcons.LoadingSmall color={color} />\n        </LoadingWrapper>\n      );\n    default:\n      return (\n        <LoadingWrapper id={id}>\n          <SystemIcons.LoadingMedium color={color} />\n        </LoadingWrapper>\n      );\n  }\n};\n\nexport default LoadingIndicator;\n"],"mappings":";;;AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,OAAOC,MAAM,MAAM,mBAAmB;AACtC,SAASC,MAAM,QAAQ,WAAW;AAClC,SAASC,IAAI,QAAQ,UAAU;AAC/B,SAASC,WAAW,QAAQ,UAAU;AAAC;AAEvC,IAAMC,cAAc,GAAGJ,MAAM,CAACK,GAAG,kcAqBhC;AAQD,IAAMC,gBAAgB,GAAG,SAAnBA,gBAAgB,OAAkF;EAAA,qBAA5EC,IAAI;IAAJA,IAAI,0BAAGL,IAAI,CAACM,MAAM;IAAA,kBAAEC,KAAK;IAALA,KAAK,2BAAGR,MAAM,CAACS,OAAO;IAAEC,EAAE,QAAFA,EAAE;EACxE,QAAQJ,IAAI;IACV,KAAKL,IAAI,CAACM,MAAM;MACd,oBACE,KAAC,cAAc;QAAC,EAAE,EAAEG,EAAG;QAAA,uBACrB,KAAC,WAAW,CAAC,aAAa;UAAC,KAAK,EAAEF;QAAM;MAAG,EAC5B;IAErB,KAAKP,IAAI,CAACU,KAAK;MACb,oBACE,KAAC,cAAc;QAAC,EAAE,EAAED,EAAG;QAAA,uBACrB,KAAC,WAAW,CAAC,YAAY;UAAC,KAAK,EAAEF;QAAM;MAAG,EAC3B;IAErB;MACE,oBACE,KAAC,cAAc;QAAC,EAAE,EAAEE,EAAG;QAAA,uBACrB,KAAC,WAAW,CAAC,aAAa;UAAC,KAAK,EAAEF;QAAM;MAAG,EAC5B;EACjB;AAER,CAAC;AAAC;EA1BAE,EAAE;EAEFF,KAAK;AAAA;AA0BP,eAAeH,gBAAgB"}

package/dist/LoadingIndicator/index.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","names":[],"sources":["../../src/LoadingIndicator/index.ts"],"sourcesContent":["export { default as LoadingIndicator } from './LoadingIndicator';\r\n"],"mappings":";;;;;;;;;;;;AAAA"}
+{"version":3,"file":"index.cjs","names":[],"sources":["../../src/LoadingIndicator/index.ts"],"sourcesContent":["export { default as LoadingIndicator } from './LoadingIndicator';\n"],"mappings":";;;;;;;;;;;;AAAA"}

package/dist/LoadingIndicator/index.d.ts

@@ -1 +1 @@
-export { default as LoadingIndicator } from './LoadingIndicator';
+export { default as LoadingIndicator } from './LoadingIndicator';

package/dist/LoadingIndicator/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["default","LoadingIndicator"],"sources":["../../src/LoadingIndicator/index.ts"],"sourcesContent":["export { default as LoadingIndicator } from './LoadingIndicator';\r\n"],"mappings":"AAAA,SAASA,OAAO,IAAIC,gBAAgB,QAAQ,oBAAoB"}
+{"version":3,"file":"index.js","names":["default","LoadingIndicator"],"sources":["../../src/LoadingIndicator/index.ts"],"sourcesContent":["export { default as LoadingIndicator } from './LoadingIndicator';\n"],"mappings":"AAAA,SAASA,OAAO,IAAIC,gBAAgB,QAAQ,oBAAoB"}

package/dist/LoadingPage/GlobalLoadingPage.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"GlobalLoadingPage.cjs","names":["LoadingMain","styled","main","COLORS","primary_20","Header","div","white","neutral_200","LogoAndMessage","ComponentMStyling","ComponentTextStyle","Regular","neutral_600","LoadingIndicatorContainer","LoadingPage","optionalMessage","includeHeader"],"sources":["../../src/LoadingPage/GlobalLoadingPage.tsx"],"sourcesContent":["import * as React from 'react';\r\nimport styled from 'styled-components';\r\nimport {LaerdalLoadingLogo} from '../assets';\r\n\r\nimport LoadingIndicator from '../LoadingIndicator/LoadingIndicator';\r\nimport {COLORS, ComponentTextStyle} from '../styles';\r\nimport {ComponentMStyling} from '../styles/typography';\r\n\r\nconst LoadingMain = styled.main`\r\n  display: flex;\r\n  flex: 1;\r\n  flex-direction: column;\r\n  background-color: ${COLORS.primary_20};\r\n  height: 100%;\r\n`;\r\n\r\nconst Header = styled.div<LoaderProps>`\r\n  height: 64px;\r\n  background-color: ${COLORS.white};\r\n  border-bottom: 1px solid ${COLORS.neutral_200};\r\n`;\r\n\r\nconst LogoAndMessage = styled.div`\r\n  position: absolute;\r\n  display: flex;\r\n  flex-direction: column;\r\n  bottom: 36px;\r\n  left: 50%;\r\n  transform: translate(-50%);\r\n  align-items: center;\r\n\r\n  span {\r\n    margin-bottom: 40px;\r\n    font-weight: normal;\r\n    width: 320px;\r\n    text-align: center;\r\n    \r\n    ${ComponentMStyling(ComponentTextStyle.Regular, COLORS.neutral_600)}\r\n  }\r\n`;\r\n\r\nconst LoadingIndicatorContainer = styled.div`\r\n  position: absolute;\r\n  top: 50%;\r\n  left: 50%;\r\n  transform: translate(-50%, -50%);\r\n`;\r\n\r\ninterface LoaderProps {\r\n  optionalMessage?: string;\r\n  includeHeader?: boolean;\r\n}\r\n\r\nconst LoadingPage: React.FunctionComponent<LoaderProps> = ({ optionalMessage, includeHeader }: LoaderProps) => {\r\n  return (\r\n    <LoadingMain data-testid=\"TestLoadingMain\">\r\n      {includeHeader && <Header />}\r\n      <LoadingIndicatorContainer>\r\n        <LoadingIndicator />\r\n      </LoadingIndicatorContainer>\r\n      <LogoAndMessage data-testid=\"TestLoadingLogoAndMessage\">\r\n        {optionalMessage && <span>{optionalMessage}</span>}\r\n        <LaerdalLoadingLogo />\r\n      </LogoAndMessage>\r\n    </LoadingMain>\r\n  );\r\n};\r\n\r\nexport default LoadingPage;\r\n"],"mappings":";;;;;;;;;;AAAA;AACA;AACA;AAEA;AACA;AACA;AAAuD;AAAA;AAAA;AAAA;AAEvD,IAAMA,WAAW,GAAGC,yBAAM,CAACC,IAAI,2LAITC,cAAM,CAACC,UAAU,CAEtC;AAED,IAAMC,MAAM,GAAGJ,yBAAM,CAACK,GAAG,sKAEHH,cAAM,CAACI,KAAK,EACLJ,cAAM,CAACK,WAAW,CAC9C;AAED,IAAMC,cAAc,GAAGR,yBAAM,CAACK,GAAG,mXAe3B,IAAAI,6BAAiB,EAACC,0BAAkB,CAACC,OAAO,EAAET,cAAM,CAACU,WAAW,CAAC,CAEtE;AAED,IAAMC,yBAAyB,GAAGb,yBAAM,CAACK,GAAG,8KAK3C;AAOD,IAAMS,WAAiD,GAAG,SAApDA,WAAiD,OAAwD;EAAA,IAAlDC,eAAe,QAAfA,eAAe;IAAEC,aAAa,QAAbA,aAAa;EACzF,oBACE,sBAAC,WAAW;IAAC,eAAY,iBAAiB;IAAA,WACvCA,aAAa,iBAAI,qBAAC,MAAM,KAAG,eAC5B,qBAAC,yBAAyB;MAAA,uBACxB,qBAAC,yBAAgB;IAAG,EACM,eAC5B,sBAAC,cAAc;MAAC,eAAY,2BAA2B;MAAA,WACpDD,eAAe,iBAAI;QAAA,UAAOA;MAAe,EAAQ,eAClD,qBAAC,0BAAkB,KAAG;IAAA,EACP;EAAA,EACL;AAElB,CAAC;AAAC;EAjBAA,eAAe;EACfC,aAAa;AAAA;AAAA,eAkBAF,WAAW;AAAA"}
+{"version":3,"file":"GlobalLoadingPage.cjs","names":["LoadingMain","styled","main","COLORS","primary_20","Header","div","white","neutral_200","LogoAndMessage","ComponentMStyling","ComponentTextStyle","Regular","neutral_600","LoadingIndicatorContainer","LoadingPage","optionalMessage","includeHeader"],"sources":["../../src/LoadingPage/GlobalLoadingPage.tsx"],"sourcesContent":["import * as React from 'react';\nimport styled from 'styled-components';\nimport {LaerdalLoadingLogo} from '../assets';\n\nimport LoadingIndicator from '../LoadingIndicator/LoadingIndicator';\nimport {COLORS, ComponentTextStyle} from '../styles';\nimport {ComponentMStyling} from '../styles/typography';\n\nconst LoadingMain = styled.main`\n  display: flex;\n  flex: 1;\n  flex-direction: column;\n  background-color: ${COLORS.primary_20};\n  height: 100%;\n`;\n\nconst Header = styled.div<LoaderProps>`\n  height: 64px;\n  background-color: ${COLORS.white};\n  border-bottom: 1px solid ${COLORS.neutral_200};\n`;\n\nconst LogoAndMessage = styled.div`\n  position: absolute;\n  display: flex;\n  flex-direction: column;\n  bottom: 36px;\n  left: 50%;\n  transform: translate(-50%);\n  align-items: center;\n\n  span {\n    margin-bottom: 40px;\n    font-weight: normal;\n    width: 320px;\n    text-align: center;\n    \n    ${ComponentMStyling(ComponentTextStyle.Regular, COLORS.neutral_600)}\n  }\n`;\n\nconst LoadingIndicatorContainer = styled.div`\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n`;\n\ninterface LoaderProps {\n  optionalMessage?: string;\n  includeHeader?: boolean;\n}\n\nconst LoadingPage: React.FunctionComponent<LoaderProps> = ({ optionalMessage, includeHeader }: LoaderProps) => {\n  return (\n    <LoadingMain data-testid=\"TestLoadingMain\">\n      {includeHeader && <Header />}\n      <LoadingIndicatorContainer>\n        <LoadingIndicator />\n      </LoadingIndicatorContainer>\n      <LogoAndMessage data-testid=\"TestLoadingLogoAndMessage\">\n        {optionalMessage && <span>{optionalMessage}</span>}\n        <LaerdalLoadingLogo />\n      </LogoAndMessage>\n    </LoadingMain>\n  );\n};\n\nexport default LoadingPage;\n"],"mappings":";;;;;;;;;;AAAA;AACA;AACA;AAEA;AACA;AACA;AAAuD;AAAA;AAAA;AAAA;AAEvD,IAAMA,WAAW,GAAGC,yBAAM,CAACC,IAAI,2LAITC,cAAM,CAACC,UAAU,CAEtC;AAED,IAAMC,MAAM,GAAGJ,yBAAM,CAACK,GAAG,sKAEHH,cAAM,CAACI,KAAK,EACLJ,cAAM,CAACK,WAAW,CAC9C;AAED,IAAMC,cAAc,GAAGR,yBAAM,CAACK,GAAG,mXAe3B,IAAAI,6BAAiB,EAACC,0BAAkB,CAACC,OAAO,EAAET,cAAM,CAACU,WAAW,CAAC,CAEtE;AAED,IAAMC,yBAAyB,GAAGb,yBAAM,CAACK,GAAG,8KAK3C;AAOD,IAAMS,WAAiD,GAAG,SAApDA,WAAiD,OAAwD;EAAA,IAAlDC,eAAe,QAAfA,eAAe;IAAEC,aAAa,QAAbA,aAAa;EACzF,oBACE,sBAAC,WAAW;IAAC,eAAY,iBAAiB;IAAA,WACvCA,aAAa,iBAAI,qBAAC,MAAM,KAAG,eAC5B,qBAAC,yBAAyB;MAAA,uBACxB,qBAAC,yBAAgB;IAAG,EACM,eAC5B,sBAAC,cAAc;MAAC,eAAY,2BAA2B;MAAA,WACpDD,eAAe,iBAAI;QAAA,UAAOA;MAAe,EAAQ,eAClD,qBAAC,0BAAkB,KAAG;IAAA,EACP;EAAA,EACL;AAElB,CAAC;AAAC;EAjBAA,eAAe;EACfC,aAAa;AAAA;AAAA,eAkBAF,WAAW;AAAA"}

package/dist/LoadingPage/GlobalLoadingPage.d.ts

@@ -1,7 +1,7 @@
-import * as React from 'react';
-interface LoaderProps {
-    optionalMessage?: string;
-    includeHeader?: boolean;
-}
-declare const LoadingPage: React.FunctionComponent<LoaderProps>;
-export default LoadingPage;
+import * as React from 'react';
+interface LoaderProps {
+    optionalMessage?: string;
+    includeHeader?: boolean;
+}
+declare const LoadingPage: React.FunctionComponent<LoaderProps>;
+export default LoadingPage;

package/dist/LoadingPage/GlobalLoadingPage.js.map

@@ -1 +1 @@
-{"version":3,"file":"GlobalLoadingPage.js","names":["React","styled","LaerdalLoadingLogo","LoadingIndicator","COLORS","ComponentTextStyle","ComponentMStyling","LoadingMain","main","primary_20","Header","div","white","neutral_200","LogoAndMessage","Regular","neutral_600","LoadingIndicatorContainer","LoadingPage","optionalMessage","includeHeader"],"sources":["../../src/LoadingPage/GlobalLoadingPage.tsx"],"sourcesContent":["import * as React from 'react';\r\nimport styled from 'styled-components';\r\nimport {LaerdalLoadingLogo} from '../assets';\r\n\r\nimport LoadingIndicator from '../LoadingIndicator/LoadingIndicator';\r\nimport {COLORS, ComponentTextStyle} from '../styles';\r\nimport {ComponentMStyling} from '../styles/typography';\r\n\r\nconst LoadingMain = styled.main`\r\n  display: flex;\r\n  flex: 1;\r\n  flex-direction: column;\r\n  background-color: ${COLORS.primary_20};\r\n  height: 100%;\r\n`;\r\n\r\nconst Header = styled.div<LoaderProps>`\r\n  height: 64px;\r\n  background-color: ${COLORS.white};\r\n  border-bottom: 1px solid ${COLORS.neutral_200};\r\n`;\r\n\r\nconst LogoAndMessage = styled.div`\r\n  position: absolute;\r\n  display: flex;\r\n  flex-direction: column;\r\n  bottom: 36px;\r\n  left: 50%;\r\n  transform: translate(-50%);\r\n  align-items: center;\r\n\r\n  span {\r\n    margin-bottom: 40px;\r\n    font-weight: normal;\r\n    width: 320px;\r\n    text-align: center;\r\n    \r\n    ${ComponentMStyling(ComponentTextStyle.Regular, COLORS.neutral_600)}\r\n  }\r\n`;\r\n\r\nconst LoadingIndicatorContainer = styled.div`\r\n  position: absolute;\r\n  top: 50%;\r\n  left: 50%;\r\n  transform: translate(-50%, -50%);\r\n`;\r\n\r\ninterface LoaderProps {\r\n  optionalMessage?: string;\r\n  includeHeader?: boolean;\r\n}\r\n\r\nconst LoadingPage: React.FunctionComponent<LoaderProps> = ({ optionalMessage, includeHeader }: LoaderProps) => {\r\n  return (\r\n    <LoadingMain data-testid=\"TestLoadingMain\">\r\n      {includeHeader && <Header />}\r\n      <LoadingIndicatorContainer>\r\n        <LoadingIndicator />\r\n      </LoadingIndicatorContainer>\r\n      <LogoAndMessage data-testid=\"TestLoadingLogoAndMessage\">\r\n        {optionalMessage && <span>{optionalMessage}</span>}\r\n        <LaerdalLoadingLogo />\r\n      </LogoAndMessage>\r\n    </LoadingMain>\r\n  );\r\n};\r\n\r\nexport default LoadingPage;\r\n"],"mappings":";;;AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,OAAOC,MAAM,MAAM,mBAAmB;AACtC,SAAQC,kBAAkB,QAAO,WAAW;AAE5C,OAAOC,gBAAgB,MAAM,sCAAsC;AACnE,SAAQC,MAAM,EAAEC,kBAAkB,QAAO,WAAW;AACpD,SAAQC,iBAAiB,QAAO,sBAAsB;AAAC;AAAA;AAEvD,IAAMC,WAAW,GAAGN,MAAM,CAACO,IAAI,6KAITJ,MAAM,CAACK,UAAU,CAEtC;AAED,IAAMC,MAAM,GAAGT,MAAM,CAACU,GAAG,wJAEHP,MAAM,CAACQ,KAAK,EACLR,MAAM,CAACS,WAAW,CAC9C;AAED,IAAMC,cAAc,GAAGb,MAAM,CAACU,GAAG,qWAe3BL,iBAAiB,CAACD,kBAAkB,CAACU,OAAO,EAAEX,MAAM,CAACY,WAAW,CAAC,CAEtE;AAED,IAAMC,yBAAyB,GAAGhB,MAAM,CAACU,GAAG,gKAK3C;AAOD,IAAMO,WAAiD,GAAG,SAApDA,WAAiD,OAAwD;EAAA,IAAlDC,eAAe,QAAfA,eAAe;IAAEC,aAAa,QAAbA,aAAa;EACzF,oBACE,MAAC,WAAW;IAAC,eAAY,iBAAiB;IAAA,WACvCA,aAAa,iBAAI,KAAC,MAAM,KAAG,eAC5B,KAAC,yBAAyB;MAAA,uBACxB,KAAC,gBAAgB;IAAG,EACM,eAC5B,MAAC,cAAc;MAAC,eAAY,2BAA2B;MAAA,WACpDD,eAAe,iBAAI;QAAA,UAAOA;MAAe,EAAQ,eAClD,KAAC,kBAAkB,KAAG;IAAA,EACP;EAAA,EACL;AAElB,CAAC;AAAC;EAjBAA,eAAe;EACfC,aAAa;AAAA;AAkBf,eAAeF,WAAW"}
+{"version":3,"file":"GlobalLoadingPage.js","names":["React","styled","LaerdalLoadingLogo","LoadingIndicator","COLORS","ComponentTextStyle","ComponentMStyling","LoadingMain","main","primary_20","Header","div","white","neutral_200","LogoAndMessage","Regular","neutral_600","LoadingIndicatorContainer","LoadingPage","optionalMessage","includeHeader"],"sources":["../../src/LoadingPage/GlobalLoadingPage.tsx"],"sourcesContent":["import * as React from 'react';\nimport styled from 'styled-components';\nimport {LaerdalLoadingLogo} from '../assets';\n\nimport LoadingIndicator from '../LoadingIndicator/LoadingIndicator';\nimport {COLORS, ComponentTextStyle} from '../styles';\nimport {ComponentMStyling} from '../styles/typography';\n\nconst LoadingMain = styled.main`\n  display: flex;\n  flex: 1;\n  flex-direction: column;\n  background-color: ${COLORS.primary_20};\n  height: 100%;\n`;\n\nconst Header = styled.div<LoaderProps>`\n  height: 64px;\n  background-color: ${COLORS.white};\n  border-bottom: 1px solid ${COLORS.neutral_200};\n`;\n\nconst LogoAndMessage = styled.div`\n  position: absolute;\n  display: flex;\n  flex-direction: column;\n  bottom: 36px;\n  left: 50%;\n  transform: translate(-50%);\n  align-items: center;\n\n  span {\n    margin-bottom: 40px;\n    font-weight: normal;\n    width: 320px;\n    text-align: center;\n    \n    ${ComponentMStyling(ComponentTextStyle.Regular, COLORS.neutral_600)}\n  }\n`;\n\nconst LoadingIndicatorContainer = styled.div`\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n`;\n\ninterface LoaderProps {\n  optionalMessage?: string;\n  includeHeader?: boolean;\n}\n\nconst LoadingPage: React.FunctionComponent<LoaderProps> = ({ optionalMessage, includeHeader }: LoaderProps) => {\n  return (\n    <LoadingMain data-testid=\"TestLoadingMain\">\n      {includeHeader && <Header />}\n      <LoadingIndicatorContainer>\n        <LoadingIndicator />\n      </LoadingIndicatorContainer>\n      <LogoAndMessage data-testid=\"TestLoadingLogoAndMessage\">\n        {optionalMessage && <span>{optionalMessage}</span>}\n        <LaerdalLoadingLogo />\n      </LogoAndMessage>\n    </LoadingMain>\n  );\n};\n\nexport default LoadingPage;\n"],"mappings":";;;AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,OAAOC,MAAM,MAAM,mBAAmB;AACtC,SAAQC,kBAAkB,QAAO,WAAW;AAE5C,OAAOC,gBAAgB,MAAM,sCAAsC;AACnE,SAAQC,MAAM,EAAEC,kBAAkB,QAAO,WAAW;AACpD,SAAQC,iBAAiB,QAAO,sBAAsB;AAAC;AAAA;AAEvD,IAAMC,WAAW,GAAGN,MAAM,CAACO,IAAI,6KAITJ,MAAM,CAACK,UAAU,CAEtC;AAED,IAAMC,MAAM,GAAGT,MAAM,CAACU,GAAG,wJAEHP,MAAM,CAACQ,KAAK,EACLR,MAAM,CAACS,WAAW,CAC9C;AAED,IAAMC,cAAc,GAAGb,MAAM,CAACU,GAAG,qWAe3BL,iBAAiB,CAACD,kBAAkB,CAACU,OAAO,EAAEX,MAAM,CAACY,WAAW,CAAC,CAEtE;AAED,IAAMC,yBAAyB,GAAGhB,MAAM,CAACU,GAAG,gKAK3C;AAOD,IAAMO,WAAiD,GAAG,SAApDA,WAAiD,OAAwD;EAAA,IAAlDC,eAAe,QAAfA,eAAe;IAAEC,aAAa,QAAbA,aAAa;EACzF,oBACE,MAAC,WAAW;IAAC,eAAY,iBAAiB;IAAA,WACvCA,aAAa,iBAAI,KAAC,MAAM,KAAG,eAC5B,KAAC,yBAAyB;MAAA,uBACxB,KAAC,gBAAgB;IAAG,EACM,eAC5B,MAAC,cAAc;MAAC,eAAY,2BAA2B;MAAA,WACpDD,eAAe,iBAAI;QAAA,UAAOA;MAAe,EAAQ,eAClD,KAAC,kBAAkB,KAAG;IAAA,EACP;EAAA,EACL;AAElB,CAAC;AAAC;EAjBAA,eAAe;EACfC,aAAa;AAAA;AAkBf,eAAeF,WAAW"}

package/dist/LoadingPage/index.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","names":[],"sources":["../../src/LoadingPage/index.tsx"],"sourcesContent":["export { default as GlobalLoadingPage } from './GlobalLoadingPage';\r\n"],"mappings":";;;;;;;;;;;;AAAA"}
+{"version":3,"file":"index.cjs","names":[],"sources":["../../src/LoadingPage/index.tsx"],"sourcesContent":["export { default as GlobalLoadingPage } from './GlobalLoadingPage';\n"],"mappings":";;;;;;;;;;;;AAAA"}

package/dist/LoadingPage/index.d.ts

@@ -1 +1 @@
-export { default as GlobalLoadingPage } from './GlobalLoadingPage';
+export { default as GlobalLoadingPage } from './GlobalLoadingPage';

package/dist/LoadingPage/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["default","GlobalLoadingPage"],"sources":["../../src/LoadingPage/index.tsx"],"sourcesContent":["export { default as GlobalLoadingPage } from './GlobalLoadingPage';\r\n"],"mappings":"AAAA,SAASA,OAAO,IAAIC,iBAAiB,QAAQ,qBAAqB"}
+{"version":3,"file":"index.js","names":["default","GlobalLoadingPage"],"sources":["../../src/LoadingPage/index.tsx"],"sourcesContent":["export { default as GlobalLoadingPage } from './GlobalLoadingPage';\n"],"mappings":"AAAA,SAASA,OAAO,IAAIC,iBAAiB,QAAQ,qBAAqB"}