@laerdal/life-react-components 5.0.6-dev.1 → 5.0.6

package/dist/InputFields/types.d.ts

@@ -1,69 +1,69 @@
-import { Size, States, Testable } from '../types';
-import React from 'react';
-export type TextareaProps = Testable & Omit<React.TextareaHTMLAttributes<HTMLTextAreaElement>, 'onChange'> & {
-    /**
-     * Required. The ID of the textarea.
-     */
-    id: string;
-    /**
-     * Optional. The state of the textarea. Can be 'Invalid' or 'Valid'.
-     */
-    state?: States.Invalid | States.Valid;
-    /**
-     * Optional. A function to be called when the text in the textarea changes.
-     * It should take a string representing the new text.
-     */
-    onChange?: (text: string) => void;
-    /**
-     * Optional. The validation message to be displayed when the textarea is in an error state.
-     */
-    validationMessage?: string;
-    /**
-     * Required. The size of the textarea. Can be 'Small' or 'Medium'.
-     */
-    size: Size.Small | Size.Medium;
-    /**
-     * Optional. A boolean indicating whether the height of the textarea should automatically adjust to fit the text.
-     */
-    autoHeight?: boolean;
-    /**
-     * Optional. The margin of the textarea. Can be any valid CSS margin value.
-     */
-    margin?: string;
-    /**
-     * Optional. A note to be displayed below the textarea.
-     */
-    note?: TextFieldNote;
-};
-export type TextFieldNote = {
-    message: string;
-    icon: React.ReactNode;
-};
-export interface CheckboxProps extends Testable, Omit<React.HTMLAttributes<HTMLDivElement>, 'onClick' | 'onKeyDown' | 'onMouseDown' | 'tabIndex'> {
-    /** Optional. Id of the checkbox. */
-    id?: string;
-    /** Required. Current state of the checkbox. */
-    selected: boolean;
-    /** Optional. Handler to be called when checkbox is selected/unselected */
-    select?: (selected: boolean) => void;
-    /** Optional. Label to be shown on the right side of the checkbox. */
-    label?: string;
-    /** Optional. If checkbox is selected and invalid flag is set, then checkbox will be shown in 'invalid' state. */
-    invalid?: boolean;
-    /** Optional. If set, then user can not interact with it. */
-    disabled?: boolean;
-    /** Optional. Margin property. */
-    margin?: string;
-    /** Optional. Size of the Checkbox. Defaults to 'medium'. */
-    size?: Size.Small | Size.Medium | Size.Large;
-    /** Optional. pointer-events: none style will be set to the checkbox if this flag is set. */
-    iconPointerEventsTransparent?: boolean;
-    /** Optional. If set then checkbox will be shown in 'semi-selected' state. */
-    semiSelected?: boolean;
-    /** Optional. If set, then user can not select/unselect the checkbox */
-    readOnly?: boolean;
-    /** Optional. Tab index attribute of the checkbox. */
-    tabIndexVal?: number;
-    /** Optional. Custom classname to be set to the checkbox. */
-    className?: string;
-}
+import { Size, States, Testable } from '../types';
+import React from 'react';
+export type TextareaProps = Testable & Omit<React.TextareaHTMLAttributes<HTMLTextAreaElement>, 'onChange'> & {
+    /**
+     * Required. The ID of the textarea.
+     */
+    id: string;
+    /**
+     * Optional. The state of the textarea. Can be 'Invalid' or 'Valid'.
+     */
+    state?: States.Invalid | States.Valid;
+    /**
+     * Optional. A function to be called when the text in the textarea changes.
+     * It should take a string representing the new text.
+     */
+    onChange?: (text: string) => void;
+    /**
+     * Optional. The validation message to be displayed when the textarea is in an error state.
+     */
+    validationMessage?: string;
+    /**
+     * Required. The size of the textarea. Can be 'Small' or 'Medium'.
+     */
+    size: Size.Small | Size.Medium;
+    /**
+     * Optional. A boolean indicating whether the height of the textarea should automatically adjust to fit the text.
+     */
+    autoHeight?: boolean;
+    /**
+     * Optional. The margin of the textarea. Can be any valid CSS margin value.
+     */
+    margin?: string;
+    /**
+     * Optional. A note to be displayed below the textarea.
+     */
+    note?: TextFieldNote;
+};
+export type TextFieldNote = {
+    message: string;
+    icon: React.ReactNode;
+};
+export interface CheckboxProps extends Testable, Omit<React.HTMLAttributes<HTMLDivElement>, 'onClick' | 'onKeyDown' | 'onMouseDown' | 'tabIndex'> {
+    /** Optional. Id of the checkbox. */
+    id?: string;
+    /** Required. Current state of the checkbox. */
+    selected: boolean;
+    /** Optional. Handler to be called when checkbox is selected/unselected */
+    select?: (selected: boolean) => void;
+    /** Optional. Label to be shown on the right side of the checkbox. */
+    label?: string;
+    /** Optional. If checkbox is selected and invalid flag is set, then checkbox will be shown in 'invalid' state. */
+    invalid?: boolean;
+    /** Optional. If set, then user can not interact with it. */
+    disabled?: boolean;
+    /** Optional. Margin property. */
+    margin?: string;
+    /** Optional. Size of the Checkbox. Defaults to 'medium'. */
+    size?: Size.Small | Size.Medium | Size.Large;
+    /** Optional. pointer-events: none style will be set to the checkbox if this flag is set. */
+    iconPointerEventsTransparent?: boolean;
+    /** Optional. If set then checkbox will be shown in 'semi-selected' state. */
+    semiSelected?: boolean;
+    /** Optional. If set, then user can not select/unselect the checkbox */
+    readOnly?: boolean;
+    /** Optional. Tab index attribute of the checkbox. */
+    tabIndexVal?: number;
+    /** Optional. Custom classname to be set to the checkbox. */
+    className?: string;
+}

package/dist/InputFields/types.js.map

@@ -1 +1 @@
-{"version":3,"file":"types.js","names":[],"sources":["../../src/InputFields/types.ts"],"sourcesContent":["import {Size, States, Testable} from '../types';\r\nimport React from 'react';\r\n\r\nexport type TextareaProps =\r\n  Testable & Omit<React.TextareaHTMLAttributes<HTMLTextAreaElement>,  'onChange'>\r\n  & {\r\n  /**\r\n   * Required. The ID of the textarea.\r\n   */\r\n  id: string;\r\n\r\n  /**\r\n   * Optional. The state of the textarea. Can be 'Invalid' or 'Valid'.\r\n   */\r\n  state?: States.Invalid | States.Valid;\r\n\r\n  /**\r\n   * Optional. A function to be called when the text in the textarea changes.\r\n   * It should take a string representing the new text.\r\n   */\r\n  onChange?: (text: string) => void;\r\n\r\n  /**\r\n   * Optional. The validation message to be displayed when the textarea is in an error state.\r\n   */\r\n  validationMessage?: string;\r\n\r\n  /**\r\n   * Required. The size of the textarea. Can be 'Small' or 'Medium'.\r\n   */\r\n  size: Size.Small | Size.Medium;\r\n\r\n  /**\r\n   * Optional. A boolean indicating whether the height of the textarea should automatically adjust to fit the text.\r\n   */\r\n  autoHeight?: boolean;\r\n\r\n  /**\r\n   * Optional. The margin of the textarea. Can be any valid CSS margin value.\r\n   */\r\n  margin?: string;\r\n\r\n  /**\r\n   * Optional. A note to be displayed below the textarea.\r\n   */\r\n  note?: TextFieldNote;\r\n};\r\n\r\nexport type TextFieldNote = {\r\n  message: string;\r\n  icon: React.ReactNode;\r\n};\r\n\r\nexport interface CheckboxProps extends Testable, Omit<React.HTMLAttributes<HTMLDivElement>, 'onClick' | 'onKeyDown' | 'onMouseDown' | 'tabIndex'>{\r\n  /** Optional. Id of the checkbox. */\r\n  id?: string;\r\n  /** Required. Current state of the checkbox. */\r\n  selected: boolean;\r\n  /** Optional. Handler to be called when checkbox is selected/unselected */\r\n  select?: (selected: boolean) => void;\r\n  /** Optional. Label to be shown on the right side of the checkbox. */\r\n  label?: string;\r\n  /** Optional. If checkbox is selected and invalid flag is set, then checkbox will be shown in 'invalid' state. */\r\n  invalid?: boolean;\r\n  /** Optional. If set, then user can not interact with it. */\r\n  disabled?: boolean;\r\n  /** Optional. Margin property. */\r\n  margin?: string;\r\n  /** Optional. Size of the Checkbox. Defaults to 'medium'. */\r\n  size?: Size.Small | Size.Medium | Size.Large;\r\n  /** Optional. pointer-events: none style will be set to the checkbox if this flag is set. */\r\n  iconPointerEventsTransparent?: boolean;\r\n  /** Optional. If set then checkbox will be shown in 'semi-selected' state. */\r\n  semiSelected?: boolean;\r\n  /** Optional. If set, then user can not select/unselect the checkbox */\r\n  readOnly?: boolean;\r\n  /** Optional. Tab index attribute of the checkbox. */\r\n  tabIndexVal?: number;\r\n  /** Optional. Custom classname to be set to the checkbox. */\r\n  className?: string;\r\n};\r\n"],"mappings":"AAgFC;AAAC","ignoreList":[]}
+{"version":3,"file":"types.js","names":[],"sources":["../../src/InputFields/types.ts"],"sourcesContent":["import {Size, States, Testable} from '../types';\nimport React from 'react';\n\nexport type TextareaProps =\n  Testable & Omit<React.TextareaHTMLAttributes<HTMLTextAreaElement>,  'onChange'>\n  & {\n  /**\n   * Required. The ID of the textarea.\n   */\n  id: string;\n\n  /**\n   * Optional. The state of the textarea. Can be 'Invalid' or 'Valid'.\n   */\n  state?: States.Invalid | States.Valid;\n\n  /**\n   * Optional. A function to be called when the text in the textarea changes.\n   * It should take a string representing the new text.\n   */\n  onChange?: (text: string) => void;\n\n  /**\n   * Optional. The validation message to be displayed when the textarea is in an error state.\n   */\n  validationMessage?: string;\n\n  /**\n   * Required. The size of the textarea. Can be 'Small' or 'Medium'.\n   */\n  size: Size.Small | Size.Medium;\n\n  /**\n   * Optional. A boolean indicating whether the height of the textarea should automatically adjust to fit the text.\n   */\n  autoHeight?: boolean;\n\n  /**\n   * Optional. The margin of the textarea. Can be any valid CSS margin value.\n   */\n  margin?: string;\n\n  /**\n   * Optional. A note to be displayed below the textarea.\n   */\n  note?: TextFieldNote;\n};\n\nexport type TextFieldNote = {\n  message: string;\n  icon: React.ReactNode;\n};\n\nexport interface CheckboxProps extends Testable, Omit<React.HTMLAttributes<HTMLDivElement>, 'onClick' | 'onKeyDown' | 'onMouseDown' | 'tabIndex'>{\n  /** Optional. Id of the checkbox. */\n  id?: string;\n  /** Required. Current state of the checkbox. */\n  selected: boolean;\n  /** Optional. Handler to be called when checkbox is selected/unselected */\n  select?: (selected: boolean) => void;\n  /** Optional. Label to be shown on the right side of the checkbox. */\n  label?: string;\n  /** Optional. If checkbox is selected and invalid flag is set, then checkbox will be shown in 'invalid' state. */\n  invalid?: boolean;\n  /** Optional. If set, then user can not interact with it. */\n  disabled?: boolean;\n  /** Optional. Margin property. */\n  margin?: string;\n  /** Optional. Size of the Checkbox. Defaults to 'medium'. */\n  size?: Size.Small | Size.Medium | Size.Large;\n  /** Optional. pointer-events: none style will be set to the checkbox if this flag is set. */\n  iconPointerEventsTransparent?: boolean;\n  /** Optional. If set then checkbox will be shown in 'semi-selected' state. */\n  semiSelected?: boolean;\n  /** Optional. If set, then user can not select/unselect the checkbox */\n  readOnly?: boolean;\n  /** Optional. Tab index attribute of the checkbox. */\n  tabIndexVal?: number;\n  /** Optional. Custom classname to be set to the checkbox. */\n  className?: string;\n};\n"],"mappings":"AAgFC;AAAC","ignoreList":[]}

package/dist/Layouts/index.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","names":["_styledComponents","_interopRequireDefault","require","_styles","_templateObject","_templateObject2","GRID","GAP","SMALL","MEDIUM","LARGE","GUTTER","PageWidth","styled","div","_taggedTemplateLiteral2","props","$unsetMargin","BREAKPOINTS","$useMaxWidth","$maxWidth","exports","Columns","section","$gap","$columns","$printColumns"],"sources":["../../src/Layouts/index.ts"],"sourcesContent":["import styled from 'styled-components';\r\n\r\nimport {BREAKPOINTS} from '../styles';\r\n\r\nconst GRID = {\r\n  GAP: {\r\n    SMALL: '16px',\r\n    MEDIUM: '24px',\r\n    LARGE: '32px',\r\n  },\r\n  GUTTER: {\r\n    SMALL: '16px 16px 32px',\r\n    MEDIUM: '24px 32px 64px',\r\n    LARGE: '32px 64px 128px',\r\n  },\r\n};\r\n\r\nexport const PageWidth = styled.div<{ $useMaxWidth?: boolean; $maxWidth?: number; $unsetMargin?: boolean; }>`\r\n  display: block;\r\n  margin: ${GRID.GUTTER.SMALL};\r\n  ${props => props.$unsetMargin && 'margin-top: 0; margin-bottom: 0;'}\r\n\r\n  ${BREAKPOINTS.MEDIUM} {\r\n    margin: ${GRID.GUTTER.MEDIUM};\r\n    ${props => props.$unsetMargin && 'margin-top: 0; margin-bottom: 0;'}\r\n  }\r\n\r\n  ${BREAKPOINTS.LARGE} {\r\n    margin: ${GRID.GUTTER.LARGE};\r\n    ${props => props.$unsetMargin && 'margin-top: 0; margin-bottom: 0;'}\r\n  }\r\n\r\n  ${BREAKPOINTS.LARGE} {\r\n    max-width: ${(props) => (\r\n            props.$useMaxWidth\r\n                    ? (props.$maxWidth\r\n                            ? 'min(100% - 128px,' + props.$maxWidth + 'px)'\r\n                            : 'calc(100% - 128px)')\r\n                    : 'calc(1600px - 128px)')};\r\n\r\n    margin: 32px auto 128px;\r\n    ${props => props.$unsetMargin && 'margin-top: 0; margin-bottom: 0;'}\r\n  }\r\n`;\r\n\r\nexport const Columns = styled.section<{ $gap?: string; $columns?: string; $printColumns?: string }>`\r\n  width: 100%;\r\n  display: grid;\r\n  grid-gap: ${(props) => props.$gap || GRID.GAP.SMALL};\r\n  word-break: break-word; /* Prevent long words from breaking the layout – consider making this rule global */\r\n\r\n  ${BREAKPOINTS.MEDIUM} {\r\n    grid-template-columns: ${(props) => props.$columns};\r\n    -ms-grid-columns: ${(props) => props.$columns};\r\n    grid-gap: ${(props) => props.$gap || GRID.GAP.MEDIUM};\r\n  }\r\n\r\n  ${BREAKPOINTS.LARGE} {\r\n    grid-gap: ${(props) => props.$gap || GRID.GAP.LARGE};\r\n  }\r\n\r\n  @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\r\n    display: -ms-grid;\r\n\r\n    > *:not(:first-child) {\r\n      margin-left: ${GRID.GAP.MEDIUM};\r\n    }\r\n  }\r\n\r\n  @media print {\r\n    grid-gap: 0;\r\n    grid-template-columns: ${(props) => props.$printColumns || 'none'};\r\n  }\r\n`;\r\n"],"mappings":";;;;;;;;AAAA,IAAAA,iBAAA,GAAAC,sBAAA,CAAAC,OAAA;AAEA,IAAAC,OAAA,GAAAD,OAAA;AAAsC,IAAAE,eAAA,EAAAC,gBAAA;AAEtC,IAAMC,IAAI,GAAG;EACXC,GAAG,EAAE;IACHC,KAAK,EAAE,MAAM;IACbC,MAAM,EAAE,MAAM;IACdC,KAAK,EAAE;EACT,CAAC;EACDC,MAAM,EAAE;IACNH,KAAK,EAAE,gBAAgB;IACvBC,MAAM,EAAE,gBAAgB;IACxBC,KAAK,EAAE;EACT;AACF,CAAC;AAEM,IAAME,SAAS,GAAGC,4BAAM,CAACC,GAAG,CAAAV,eAAA,KAAAA,eAAA,OAAAW,uBAAA,gPAEvBT,IAAI,CAACK,MAAM,CAACH,KAAK,EACzB,UAAAQ,KAAK;EAAA,OAAIA,KAAK,CAACC,YAAY,IAAI,kCAAkC;AAAA,GAEjEC,mBAAW,CAACT,MAAM,EACRH,IAAI,CAACK,MAAM,CAACF,MAAM,EAC1B,UAAAO,KAAK;EAAA,OAAIA,KAAK,CAACC,YAAY,IAAI,kCAAkC;AAAA,GAGnEC,mBAAW,CAACR,KAAK,EACPJ,IAAI,CAACK,MAAM,CAACD,KAAK,EACzB,UAAAM,KAAK;EAAA,OAAIA,KAAK,CAACC,YAAY,IAAI,kCAAkC;AAAA,GAGnEC,mBAAW,CAACR,KAAK,EACJ,UAACM,KAAK;EAAA,OACXA,KAAK,CAACG,YAAY,GACPH,KAAK,CAACI,SAAS,GACR,mBAAmB,GAAGJ,KAAK,CAACI,SAAS,GAAG,KAAK,GAC7C,oBAAoB,GAC5B,sBAAsB;AAAA,CAAC,EAGvC,UAAAJ,KAAK;EAAA,OAAIA,KAAK,CAACC,YAAY,IAAI,kCAAkC;AAAA,EAEtE;AAACI,OAAA,CAAAT,SAAA,GAAAA,SAAA;AAEK,IAAMU,OAAO,GAAGT,4BAAM,CAACU,OAAO,CAAAlB,gBAAA,KAAAA,gBAAA,OAAAU,uBAAA,mkBAGvB,UAACC,KAAK;EAAA,OAAKA,KAAK,CAACQ,IAAI,IAAIlB,IAAI,CAACC,GAAG,CAACC,KAAK;AAAA,GAGjDU,mBAAW,CAACT,MAAM,EACO,UAACO,KAAK;EAAA,OAAKA,KAAK,CAACS,QAAQ;AAAA,GAC9B,UAACT,KAAK;EAAA,OAAKA,KAAK,CAACS,QAAQ;AAAA,GACjC,UAACT,KAAK;EAAA,OAAKA,KAAK,CAACQ,IAAI,IAAIlB,IAAI,CAACC,GAAG,CAACE,MAAM;AAAA,GAGpDS,mBAAW,CAACR,KAAK,EACL,UAACM,KAAK;EAAA,OAAKA,KAAK,CAACQ,IAAI,IAAIlB,IAAI,CAACC,GAAG,CAACG,KAAK;AAAA,GAOlCJ,IAAI,CAACC,GAAG,CAACE,MAAM,EAMP,UAACO,KAAK;EAAA,OAAKA,KAAK,CAACU,aAAa,IAAI,MAAM;AAAA,EAEpE;AAACL,OAAA,CAAAC,OAAA,GAAAA,OAAA","ignoreList":[]}
+{"version":3,"file":"index.cjs","names":["_styledComponents","_interopRequireDefault","require","_styles","_templateObject","_templateObject2","GRID","GAP","SMALL","MEDIUM","LARGE","GUTTER","PageWidth","styled","div","_taggedTemplateLiteral2","props","$unsetMargin","BREAKPOINTS","$useMaxWidth","$maxWidth","exports","Columns","section","$gap","$columns","$printColumns"],"sources":["../../src/Layouts/index.ts"],"sourcesContent":["import styled from 'styled-components';\n\nimport {BREAKPOINTS} from '../styles';\n\nconst GRID = {\n  GAP: {\n    SMALL: '16px',\n    MEDIUM: '24px',\n    LARGE: '32px',\n  },\n  GUTTER: {\n    SMALL: '16px 16px 32px',\n    MEDIUM: '24px 32px 64px',\n    LARGE: '32px 64px 128px',\n  },\n};\n\nexport const PageWidth = styled.div<{ $useMaxWidth?: boolean; $maxWidth?: number; $unsetMargin?: boolean; }>`\n  display: block;\n  margin: ${GRID.GUTTER.SMALL};\n  ${props => props.$unsetMargin && 'margin-top: 0; margin-bottom: 0;'}\n\n  ${BREAKPOINTS.MEDIUM} {\n    margin: ${GRID.GUTTER.MEDIUM};\n    ${props => props.$unsetMargin && 'margin-top: 0; margin-bottom: 0;'}\n  }\n\n  ${BREAKPOINTS.LARGE} {\n    margin: ${GRID.GUTTER.LARGE};\n    ${props => props.$unsetMargin && 'margin-top: 0; margin-bottom: 0;'}\n  }\n\n  ${BREAKPOINTS.LARGE} {\n    max-width: ${(props) => (\n            props.$useMaxWidth\n                    ? (props.$maxWidth\n                            ? 'min(100% - 128px,' + props.$maxWidth + 'px)'\n                            : 'calc(100% - 128px)')\n                    : 'calc(1600px - 128px)')};\n\n    margin: 32px auto 128px;\n    ${props => props.$unsetMargin && 'margin-top: 0; margin-bottom: 0;'}\n  }\n`;\n\nexport const Columns = styled.section<{ $gap?: string; $columns?: string; $printColumns?: string }>`\n  width: 100%;\n  display: grid;\n  grid-gap: ${(props) => props.$gap || GRID.GAP.SMALL};\n  word-break: break-word; /* Prevent long words from breaking the layout – consider making this rule global */\n\n  ${BREAKPOINTS.MEDIUM} {\n    grid-template-columns: ${(props) => props.$columns};\n    -ms-grid-columns: ${(props) => props.$columns};\n    grid-gap: ${(props) => props.$gap || GRID.GAP.MEDIUM};\n  }\n\n  ${BREAKPOINTS.LARGE} {\n    grid-gap: ${(props) => props.$gap || GRID.GAP.LARGE};\n  }\n\n  @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n    display: -ms-grid;\n\n    > *:not(:first-child) {\n      margin-left: ${GRID.GAP.MEDIUM};\n    }\n  }\n\n  @media print {\n    grid-gap: 0;\n    grid-template-columns: ${(props) => props.$printColumns || 'none'};\n  }\n`;\n"],"mappings":";;;;;;;;AAAA,IAAAA,iBAAA,GAAAC,sBAAA,CAAAC,OAAA;AAEA,IAAAC,OAAA,GAAAD,OAAA;AAAsC,IAAAE,eAAA,EAAAC,gBAAA;AAEtC,IAAMC,IAAI,GAAG;EACXC,GAAG,EAAE;IACHC,KAAK,EAAE,MAAM;IACbC,MAAM,EAAE,MAAM;IACdC,KAAK,EAAE;EACT,CAAC;EACDC,MAAM,EAAE;IACNH,KAAK,EAAE,gBAAgB;IACvBC,MAAM,EAAE,gBAAgB;IACxBC,KAAK,EAAE;EACT;AACF,CAAC;AAEM,IAAME,SAAS,GAAGC,4BAAM,CAACC,GAAG,CAAAV,eAAA,KAAAA,eAAA,OAAAW,uBAAA,gPAEvBT,IAAI,CAACK,MAAM,CAACH,KAAK,EACzB,UAAAQ,KAAK;EAAA,OAAIA,KAAK,CAACC,YAAY,IAAI,kCAAkC;AAAA,GAEjEC,mBAAW,CAACT,MAAM,EACRH,IAAI,CAACK,MAAM,CAACF,MAAM,EAC1B,UAAAO,KAAK;EAAA,OAAIA,KAAK,CAACC,YAAY,IAAI,kCAAkC;AAAA,GAGnEC,mBAAW,CAACR,KAAK,EACPJ,IAAI,CAACK,MAAM,CAACD,KAAK,EACzB,UAAAM,KAAK;EAAA,OAAIA,KAAK,CAACC,YAAY,IAAI,kCAAkC;AAAA,GAGnEC,mBAAW,CAACR,KAAK,EACJ,UAACM,KAAK;EAAA,OACXA,KAAK,CAACG,YAAY,GACPH,KAAK,CAACI,SAAS,GACR,mBAAmB,GAAGJ,KAAK,CAACI,SAAS,GAAG,KAAK,GAC7C,oBAAoB,GAC5B,sBAAsB;AAAA,CAAC,EAGvC,UAAAJ,KAAK;EAAA,OAAIA,KAAK,CAACC,YAAY,IAAI,kCAAkC;AAAA,EAEtE;AAACI,OAAA,CAAAT,SAAA,GAAAA,SAAA;AAEK,IAAMU,OAAO,GAAGT,4BAAM,CAACU,OAAO,CAAAlB,gBAAA,KAAAA,gBAAA,OAAAU,uBAAA,mkBAGvB,UAACC,KAAK;EAAA,OAAKA,KAAK,CAACQ,IAAI,IAAIlB,IAAI,CAACC,GAAG,CAACC,KAAK;AAAA,GAGjDU,mBAAW,CAACT,MAAM,EACO,UAACO,KAAK;EAAA,OAAKA,KAAK,CAACS,QAAQ;AAAA,GAC9B,UAACT,KAAK;EAAA,OAAKA,KAAK,CAACS,QAAQ;AAAA,GACjC,UAACT,KAAK;EAAA,OAAKA,KAAK,CAACQ,IAAI,IAAIlB,IAAI,CAACC,GAAG,CAACE,MAAM;AAAA,GAGpDS,mBAAW,CAACR,KAAK,EACL,UAACM,KAAK;EAAA,OAAKA,KAAK,CAACQ,IAAI,IAAIlB,IAAI,CAACC,GAAG,CAACG,KAAK;AAAA,GAOlCJ,IAAI,CAACC,GAAG,CAACE,MAAM,EAMP,UAACO,KAAK;EAAA,OAAKA,KAAK,CAACU,aAAa,IAAI,MAAM;AAAA,EAEpE;AAACL,OAAA,CAAAC,OAAA,GAAAA,OAAA","ignoreList":[]}

package/dist/Layouts/index.d.ts

@@ -1,11 +1,11 @@
-/// <reference types="react" />
-export declare const PageWidth: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
-    $useMaxWidth?: boolean | undefined;
-    $maxWidth?: number | undefined;
-    $unsetMargin?: boolean | undefined;
-}>> & string;
-export declare const Columns: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, {
-    $gap?: string | undefined;
-    $columns?: string | undefined;
-    $printColumns?: string | undefined;
-}>> & string;
+/// <reference types="react" />
+export declare const PageWidth: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+    $useMaxWidth?: boolean | undefined;
+    $maxWidth?: number | undefined;
+    $unsetMargin?: boolean | undefined;
+}>> & string;
+export declare const Columns: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, {
+    $gap?: string | undefined;
+    $columns?: string | undefined;
+    $printColumns?: string | undefined;
+}>> & string;

package/dist/Layouts/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["styled","BREAKPOINTS","GRID","GAP","SMALL","MEDIUM","LARGE","GUTTER","PageWidth","div","_templateObject","_taggedTemplateLiteral","props","$unsetMargin","$useMaxWidth","$maxWidth","Columns","section","_templateObject2","$gap","$columns","$printColumns"],"sources":["../../src/Layouts/index.ts"],"sourcesContent":["import styled from 'styled-components';\r\n\r\nimport {BREAKPOINTS} from '../styles';\r\n\r\nconst GRID = {\r\n  GAP: {\r\n    SMALL: '16px',\r\n    MEDIUM: '24px',\r\n    LARGE: '32px',\r\n  },\r\n  GUTTER: {\r\n    SMALL: '16px 16px 32px',\r\n    MEDIUM: '24px 32px 64px',\r\n    LARGE: '32px 64px 128px',\r\n  },\r\n};\r\n\r\nexport const PageWidth = styled.div<{ $useMaxWidth?: boolean; $maxWidth?: number; $unsetMargin?: boolean; }>`\r\n  display: block;\r\n  margin: ${GRID.GUTTER.SMALL};\r\n  ${props => props.$unsetMargin && 'margin-top: 0; margin-bottom: 0;'}\r\n\r\n  ${BREAKPOINTS.MEDIUM} {\r\n    margin: ${GRID.GUTTER.MEDIUM};\r\n    ${props => props.$unsetMargin && 'margin-top: 0; margin-bottom: 0;'}\r\n  }\r\n\r\n  ${BREAKPOINTS.LARGE} {\r\n    margin: ${GRID.GUTTER.LARGE};\r\n    ${props => props.$unsetMargin && 'margin-top: 0; margin-bottom: 0;'}\r\n  }\r\n\r\n  ${BREAKPOINTS.LARGE} {\r\n    max-width: ${(props) => (\r\n            props.$useMaxWidth\r\n                    ? (props.$maxWidth\r\n                            ? 'min(100% - 128px,' + props.$maxWidth + 'px)'\r\n                            : 'calc(100% - 128px)')\r\n                    : 'calc(1600px - 128px)')};\r\n\r\n    margin: 32px auto 128px;\r\n    ${props => props.$unsetMargin && 'margin-top: 0; margin-bottom: 0;'}\r\n  }\r\n`;\r\n\r\nexport const Columns = styled.section<{ $gap?: string; $columns?: string; $printColumns?: string }>`\r\n  width: 100%;\r\n  display: grid;\r\n  grid-gap: ${(props) => props.$gap || GRID.GAP.SMALL};\r\n  word-break: break-word; /* Prevent long words from breaking the layout – consider making this rule global */\r\n\r\n  ${BREAKPOINTS.MEDIUM} {\r\n    grid-template-columns: ${(props) => props.$columns};\r\n    -ms-grid-columns: ${(props) => props.$columns};\r\n    grid-gap: ${(props) => props.$gap || GRID.GAP.MEDIUM};\r\n  }\r\n\r\n  ${BREAKPOINTS.LARGE} {\r\n    grid-gap: ${(props) => props.$gap || GRID.GAP.LARGE};\r\n  }\r\n\r\n  @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\r\n    display: -ms-grid;\r\n\r\n    > *:not(:first-child) {\r\n      margin-left: ${GRID.GAP.MEDIUM};\r\n    }\r\n  }\r\n\r\n  @media print {\r\n    grid-gap: 0;\r\n    grid-template-columns: ${(props) => props.$printColumns || 'none'};\r\n  }\r\n`;\r\n"],"mappings":";;AAAA,OAAOA,MAAM,MAAM,mBAAmB;AAEtC,SAAQC,WAAW,QAAO,WAAW;AAErC,IAAMC,IAAI,GAAG;EACXC,GAAG,EAAE;IACHC,KAAK,EAAE,MAAM;IACbC,MAAM,EAAE,MAAM;IACdC,KAAK,EAAE;EACT,CAAC;EACDC,MAAM,EAAE;IACNH,KAAK,EAAE,gBAAgB;IACvBC,MAAM,EAAE,gBAAgB;IACxBC,KAAK,EAAE;EACT;AACF,CAAC;AAED,OAAO,IAAME,SAAS,GAAGR,MAAM,CAACS,GAAG,CAAAC,eAAA,KAAAA,eAAA,GAAAC,sBAAA,oOAEvBT,IAAI,CAACK,MAAM,CAACH,KAAK,EACzB,UAAAQ,KAAK;EAAA,OAAIA,KAAK,CAACC,YAAY,IAAI,kCAAkC;AAAA,GAEjEZ,WAAW,CAACI,MAAM,EACRH,IAAI,CAACK,MAAM,CAACF,MAAM,EAC1B,UAAAO,KAAK;EAAA,OAAIA,KAAK,CAACC,YAAY,IAAI,kCAAkC;AAAA,GAGnEZ,WAAW,CAACK,KAAK,EACPJ,IAAI,CAACK,MAAM,CAACD,KAAK,EACzB,UAAAM,KAAK;EAAA,OAAIA,KAAK,CAACC,YAAY,IAAI,kCAAkC;AAAA,GAGnEZ,WAAW,CAACK,KAAK,EACJ,UAACM,KAAK;EAAA,OACXA,KAAK,CAACE,YAAY,GACPF,KAAK,CAACG,SAAS,GACR,mBAAmB,GAAGH,KAAK,CAACG,SAAS,GAAG,KAAK,GAC7C,oBAAoB,GAC5B,sBAAsB;AAAA,CAAC,EAGvC,UAAAH,KAAK;EAAA,OAAIA,KAAK,CAACC,YAAY,IAAI,kCAAkC;AAAA,EAEtE;AAED,OAAO,IAAMG,OAAO,GAAGhB,MAAM,CAACiB,OAAO,CAAAC,gBAAA,KAAAA,gBAAA,GAAAP,sBAAA,ujBAGvB,UAACC,KAAK;EAAA,OAAKA,KAAK,CAACO,IAAI,IAAIjB,IAAI,CAACC,GAAG,CAACC,KAAK;AAAA,GAGjDH,WAAW,CAACI,MAAM,EACO,UAACO,KAAK;EAAA,OAAKA,KAAK,CAACQ,QAAQ;AAAA,GAC9B,UAACR,KAAK;EAAA,OAAKA,KAAK,CAACQ,QAAQ;AAAA,GACjC,UAACR,KAAK;EAAA,OAAKA,KAAK,CAACO,IAAI,IAAIjB,IAAI,CAACC,GAAG,CAACE,MAAM;AAAA,GAGpDJ,WAAW,CAACK,KAAK,EACL,UAACM,KAAK;EAAA,OAAKA,KAAK,CAACO,IAAI,IAAIjB,IAAI,CAACC,GAAG,CAACG,KAAK;AAAA,GAOlCJ,IAAI,CAACC,GAAG,CAACE,MAAM,EAMP,UAACO,KAAK;EAAA,OAAKA,KAAK,CAACS,aAAa,IAAI,MAAM;AAAA,EAEpE","ignoreList":[]}
+{"version":3,"file":"index.js","names":["styled","BREAKPOINTS","GRID","GAP","SMALL","MEDIUM","LARGE","GUTTER","PageWidth","div","_templateObject","_taggedTemplateLiteral","props","$unsetMargin","$useMaxWidth","$maxWidth","Columns","section","_templateObject2","$gap","$columns","$printColumns"],"sources":["../../src/Layouts/index.ts"],"sourcesContent":["import styled from 'styled-components';\n\nimport {BREAKPOINTS} from '../styles';\n\nconst GRID = {\n  GAP: {\n    SMALL: '16px',\n    MEDIUM: '24px',\n    LARGE: '32px',\n  },\n  GUTTER: {\n    SMALL: '16px 16px 32px',\n    MEDIUM: '24px 32px 64px',\n    LARGE: '32px 64px 128px',\n  },\n};\n\nexport const PageWidth = styled.div<{ $useMaxWidth?: boolean; $maxWidth?: number; $unsetMargin?: boolean; }>`\n  display: block;\n  margin: ${GRID.GUTTER.SMALL};\n  ${props => props.$unsetMargin && 'margin-top: 0; margin-bottom: 0;'}\n\n  ${BREAKPOINTS.MEDIUM} {\n    margin: ${GRID.GUTTER.MEDIUM};\n    ${props => props.$unsetMargin && 'margin-top: 0; margin-bottom: 0;'}\n  }\n\n  ${BREAKPOINTS.LARGE} {\n    margin: ${GRID.GUTTER.LARGE};\n    ${props => props.$unsetMargin && 'margin-top: 0; margin-bottom: 0;'}\n  }\n\n  ${BREAKPOINTS.LARGE} {\n    max-width: ${(props) => (\n            props.$useMaxWidth\n                    ? (props.$maxWidth\n                            ? 'min(100% - 128px,' + props.$maxWidth + 'px)'\n                            : 'calc(100% - 128px)')\n                    : 'calc(1600px - 128px)')};\n\n    margin: 32px auto 128px;\n    ${props => props.$unsetMargin && 'margin-top: 0; margin-bottom: 0;'}\n  }\n`;\n\nexport const Columns = styled.section<{ $gap?: string; $columns?: string; $printColumns?: string }>`\n  width: 100%;\n  display: grid;\n  grid-gap: ${(props) => props.$gap || GRID.GAP.SMALL};\n  word-break: break-word; /* Prevent long words from breaking the layout – consider making this rule global */\n\n  ${BREAKPOINTS.MEDIUM} {\n    grid-template-columns: ${(props) => props.$columns};\n    -ms-grid-columns: ${(props) => props.$columns};\n    grid-gap: ${(props) => props.$gap || GRID.GAP.MEDIUM};\n  }\n\n  ${BREAKPOINTS.LARGE} {\n    grid-gap: ${(props) => props.$gap || GRID.GAP.LARGE};\n  }\n\n  @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n    display: -ms-grid;\n\n    > *:not(:first-child) {\n      margin-left: ${GRID.GAP.MEDIUM};\n    }\n  }\n\n  @media print {\n    grid-gap: 0;\n    grid-template-columns: ${(props) => props.$printColumns || 'none'};\n  }\n`;\n"],"mappings":";;AAAA,OAAOA,MAAM,MAAM,mBAAmB;AAEtC,SAAQC,WAAW,QAAO,WAAW;AAErC,IAAMC,IAAI,GAAG;EACXC,GAAG,EAAE;IACHC,KAAK,EAAE,MAAM;IACbC,MAAM,EAAE,MAAM;IACdC,KAAK,EAAE;EACT,CAAC;EACDC,MAAM,EAAE;IACNH,KAAK,EAAE,gBAAgB;IACvBC,MAAM,EAAE,gBAAgB;IACxBC,KAAK,EAAE;EACT;AACF,CAAC;AAED,OAAO,IAAME,SAAS,GAAGR,MAAM,CAACS,GAAG,CAAAC,eAAA,KAAAA,eAAA,GAAAC,sBAAA,oOAEvBT,IAAI,CAACK,MAAM,CAACH,KAAK,EACzB,UAAAQ,KAAK;EAAA,OAAIA,KAAK,CAACC,YAAY,IAAI,kCAAkC;AAAA,GAEjEZ,WAAW,CAACI,MAAM,EACRH,IAAI,CAACK,MAAM,CAACF,MAAM,EAC1B,UAAAO,KAAK;EAAA,OAAIA,KAAK,CAACC,YAAY,IAAI,kCAAkC;AAAA,GAGnEZ,WAAW,CAACK,KAAK,EACPJ,IAAI,CAACK,MAAM,CAACD,KAAK,EACzB,UAAAM,KAAK;EAAA,OAAIA,KAAK,CAACC,YAAY,IAAI,kCAAkC;AAAA,GAGnEZ,WAAW,CAACK,KAAK,EACJ,UAACM,KAAK;EAAA,OACXA,KAAK,CAACE,YAAY,GACPF,KAAK,CAACG,SAAS,GACR,mBAAmB,GAAGH,KAAK,CAACG,SAAS,GAAG,KAAK,GAC7C,oBAAoB,GAC5B,sBAAsB;AAAA,CAAC,EAGvC,UAAAH,KAAK;EAAA,OAAIA,KAAK,CAACC,YAAY,IAAI,kCAAkC;AAAA,EAEtE;AAED,OAAO,IAAMG,OAAO,GAAGhB,MAAM,CAACiB,OAAO,CAAAC,gBAAA,KAAAA,gBAAA,GAAAP,sBAAA,ujBAGvB,UAACC,KAAK;EAAA,OAAKA,KAAK,CAACO,IAAI,IAAIjB,IAAI,CAACC,GAAG,CAACC,KAAK;AAAA,GAGjDH,WAAW,CAACI,MAAM,EACO,UAACO,KAAK;EAAA,OAAKA,KAAK,CAACQ,QAAQ;AAAA,GAC9B,UAACR,KAAK;EAAA,OAAKA,KAAK,CAACQ,QAAQ;AAAA,GACjC,UAACR,KAAK;EAAA,OAAKA,KAAK,CAACO,IAAI,IAAIjB,IAAI,CAACC,GAAG,CAACE,MAAM;AAAA,GAGpDJ,WAAW,CAACK,KAAK,EACL,UAACM,KAAK;EAAA,OAAKA,KAAK,CAACO,IAAI,IAAIjB,IAAI,CAACC,GAAG,CAACG,KAAK;AAAA,GAOlCJ,IAAI,CAACC,GAAG,CAACE,MAAM,EAMP,UAACO,KAAK;EAAA,OAAKA,KAAK,CAACS,aAAa,IAAI,MAAM;AAAA,EAEpE","ignoreList":[]}

package/dist/LinearProgress/LinearProgress.cjs.map

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

package/dist/LinearProgress/LinearProgress.d.ts

@@ -1,31 +1,31 @@
-import React from 'react';
-import { Size } from '../types';
-export declare const Bar: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
-export declare const Dot: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
-export declare const LineFill: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
-export declare const Line: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
-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 of the component. Defaults to 'medium' */
-    size?: Size.Small | Size.Medium | Size.Large;
-    /** Progress type. Defaults to 'line' */
-    type?: LinearProgressType;
-    /** Progress variant. Defaults to 'normal' */
-    variant?: LinearProgressVariant;
-    /** Label of the component */
-    label?: string;
-    /** Current value on the progress. */
-    value: number;
-    /** Maximum value of the progress bar. */
-    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/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const Dot: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const LineFill: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const Line: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+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 of the component. Defaults to 'medium' */
+    size?: Size.Small | Size.Medium | Size.Large;
+    /** Progress type. Defaults to 'line' */
+    type?: LinearProgressType;
+    /** Progress variant. Defaults to 'normal' */
+    variant?: LinearProgressVariant;
+    /** Label of the component */
+    label?: string;
+    /** Current value on the progress. */
+    value: number;
+    /** Maximum value of the progress bar. */
+    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","jsx","_jsx","Fragment","_Fragment","jsxs","_jsxs","Bar","div","_templateObject","_taggedTemplateLiteral","props","getColor","theme","Dot","_templateObject2","LineFill","_templateObject3","Line","_templateObject4","Label","_templateObject5","Content","_templateObject6","Wrapper","_templateObject7","Regular","LinearProgressType","LinearProgressVariant","LinearProgress","_ref","_ref$size","size","Medium","_ref$type","type","_ref$variant","variant","Normal","label","value","max","className","rest","_objectWithoutProperties","_excluded","renderBars","children","Array","from","keys","map","i","concat","Math","ceil","renderDots","renderLine","style","width","render","Bars","Dots","_objectSpread","propTypes","_pt","oneOf","string","number","isRequired"],"sources":["../../src/LinearProgress/LinearProgress.tsx"],"sourcesContent":["import React from 'react';\r\nimport {Size} from '../types';\r\nimport styled from 'styled-components';\r\nimport {COLORS, ComponentLStyling, ComponentMStyling, ComponentSStyling, ComponentTextStyle} from '../styles';\r\n\r\nexport const Bar = styled.div`\r\n  flex: 1;\r\n  height: 6px;\r\n\r\n  &.small {\r\n    height: 6px;\r\n  }\r\n\r\n  &.medium {\r\n    height: 8px;\r\n  }\r\n\r\n  &.large {\r\n    height: 12px;\r\n  }\r\n\r\n  background-color: ${props => COLORS.getColor('neutral_100', props.theme)};\r\n\r\n  &.active {\r\n    background-color: ${props => COLORS.getColor('accent1_400', props.theme)};\r\n  }\r\n\r\n  &.current {\r\n    background-color: ${props => COLORS.getColor('accent1_800', props.theme)};\r\n  }\r\n\r\n  &.inverted {\r\n    background-color: ${props => COLORS.getColor('neutral_600', props.theme)};\r\n  }\r\n\r\n  &.inverted.active {\r\n    background-color: ${props => COLORS.getColor('accent1_400', props.theme)};\r\n  }\r\n\r\n  &.inverted.current {\r\n    background-color: ${props => COLORS.getColor('white', props.theme)};\r\n  }\r\n\r\n`;\r\n\r\nexport const Dot = styled.div`\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  width: 16px;\r\n  height: 16px;\r\n\r\n\r\n  &:after {\r\n    content: '';\r\n    display: block;\r\n    width: 6px;\r\n    height: 6px;\r\n    border-radius: 50%;\r\n    background-color: ${props => COLORS.getColor('neutral_400', props.theme)};\r\n  }\r\n\r\n  &.small {\r\n    &:after {\r\n      width: 6px;\r\n      height: 6px;\r\n    }\r\n\r\n    &.current:after {\r\n      width: 10px;\r\n      height: 10px;\r\n    }\r\n  }\r\n\r\n  &.medium {\r\n    &:after {\r\n      width: 8px;\r\n      height: 8px;\r\n    }\r\n\r\n    &.current:after {\r\n      width: 12px;\r\n      height: 12px;\r\n    }\r\n  }\r\n\r\n  &.large {\r\n    &:after {\r\n      width: 12px;\r\n      height: 12px;\r\n    }\r\n\r\n    &.current:after {\r\n      width: 16px;\r\n      height: 16px;\r\n    }\r\n  }\r\n\r\n\r\n  &.active:after {\r\n    background-color: ${props => COLORS.getColor('accent1_600', props.theme)};\r\n  }\r\n\r\n  &.current:after {\r\n    background-color: ${props => COLORS.getColor('accent1_800', props.theme)};\r\n  }\r\n\r\n  &.inverted:after {\r\n    background-color: ${props => COLORS.getColor('neutral_400', props.theme)};\r\n  }\r\n\r\n  &.inverted.active:after {\r\n    background-color: ${props => COLORS.getColor('accent1_400', props.theme)};\r\n  }\r\n\r\n  &.inverted.current:after {\r\n    background-color: ${props => COLORS.getColor('white', props.theme)};\r\n  }\r\n`;\r\n\r\nexport const LineFill = styled.div`\r\n  height: 100%;\r\n  max-width: 100%;\r\n  position: absolute;\r\n  z-index: 1;\r\n`;\r\n\r\nexport const Line = styled.div`\r\n  flex: 1;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: flex-start;\r\n  position: relative;\r\n\r\n  &:after {\r\n    content: '';\r\n    display: block;\r\n    height: 100%;\r\n    background-color: ${props => COLORS.getColor('neutral_500', props.theme)};\r\n    position: absolute;\r\n    right: 0;\r\n  }\r\n\r\n  &:before {\r\n    content: '';\r\n    display: block;\r\n    height: 100%;\r\n    background-color: ${props => COLORS.getColor('neutral_500', props.theme)};\r\n    position: absolute;\r\n    left: 0;\r\n  }\r\n\r\n  &.small {\r\n    height: 6px;\r\n    border-radius: 4px;\r\n\r\n    ${LineFill} {\r\n      border-radius: 4px;\r\n    }\r\n\r\n    &:after {\r\n      width: 3px;\r\n      border-top-right-radius: 6px;\r\n      border-bottom-right-radius: 6px;\r\n    }\r\n\r\n    &:before {\r\n      width: 3px;\r\n      border-top-left-radius: 6px;\r\n      border-bottom-left-radius: 6px;\r\n    }\r\n  }\r\n\r\n  &.medium {\r\n    height: 8px;\r\n    border-radius: 4px;\r\n\r\n    ${LineFill} {\r\n      border-radius: 4px;\r\n    }\r\n\r\n    &:after {\r\n      width: 4px;\r\n      border-top-right-radius: 8px;\r\n      border-bottom-right-radius: 8px;\r\n    }\r\n\r\n    &:before {\r\n      width: 4px;\r\n      border-top-left-radius: 8px;\r\n      border-bottom-left-radius: 8px;\r\n    }\r\n  }\r\n\r\n  &.large {\r\n    height: 12px;\r\n    border-radius: 6px;\r\n\r\n    ${LineFill} {\r\n      border-radius: 6px;\r\n    }\r\n\r\n    &:after {\r\n      width: 6px;\r\n      border-top-right-radius: 12px;\r\n      border-bottom-right-radius: 12px;\r\n    }\r\n\r\n    &:before {\r\n      width: 6px;\r\n      border-top-left-radius: 12px;\r\n      border-bottom-left-radius: 12px;\r\n    }\r\n  }\r\n\r\n  background-color: ${props => COLORS.getColor('neutral_100', props.theme)};\r\n\r\n  ${LineFill} {\r\n    background-color: ${props => COLORS.getColor('accent1_500', props.theme)};\r\n  }\r\n\r\n  &.inverted {\r\n    background-color: ${props => COLORS.getColor('neutral_700', props.theme)};\r\n\r\n    &:after,\r\n    &:before {\r\n      background-color: ${props => COLORS.getColor('neutral_400', props.theme)};\r\n    }\r\n\r\n    ${LineFill} {\r\n      background-color: ${props => COLORS.getColor('accent1_400', props.theme)};\r\n    }\r\n  }\r\n`;\r\n\r\nconst Label = styled.div`\r\n  color: ${props => COLORS.getColor('black', props.theme)};\r\n`;\r\n\r\nconst Content = styled.div`\r\n  display: flex;\r\n  align-items: center;\r\n  flex-direction: row;\r\n  height: 16px;\r\n`;\r\n\r\nconst Wrapper = styled.div`\r\n  width: 100%;\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: 8px;\r\n\r\n  &.inverted {\r\n    ${Label} {\r\n      color: ${props => COLORS.getColor('white', props.theme)};\r\n    }\r\n  }\r\n\r\n  &.small {\r\n    gap: 4px;\r\n\r\n    ${Label} {\r\n      ${ComponentSStyling(ComponentTextStyle.Regular, null)}\r\n    }\r\n\r\n    ${Content} {\r\n      gap: 4px;\r\n\r\n      ${Bar}:first-of-type {\r\n        border-top-left-radius: 6px;\r\n        border-bottom-left-radius: 6px;\r\n      }\r\n\r\n      ${Bar}:last-of-type {\r\n        border-top-right-radius: 6px;\r\n        border-bottom-right-radius: 6px;\r\n      }\r\n    }\r\n  }\r\n\r\n  &.medium {\r\n    ${Label} {\r\n      ${ComponentMStyling(ComponentTextStyle.Regular, null)}\r\n    }\r\n\r\n    ${Content} {\r\n      gap: 6px;\r\n\r\n      ${Bar}:first-of-type {\r\n        border-top-left-radius: 8px;\r\n        border-bottom-left-radius: 8px;\r\n      }\r\n\r\n      ${Bar}:last-of-type {\r\n        border-top-right-radius: 8px;\r\n        border-bottom-right-radius: 8px;\r\n      }\r\n    }\r\n  }\r\n\r\n  &.large {\r\n    ${Label} {\r\n      ${ComponentLStyling(ComponentTextStyle.Regular, null)}\r\n    }\r\n\r\n    ${Content} {\r\n      gap: 8px;\r\n\r\n      ${Bar}:first-of-type {\r\n        border-top-left-radius: 12px;\r\n        border-bottom-left-radius: 12px;\r\n      }\r\n\r\n      ${Bar}:last-of-type {\r\n        border-top-right-radius: 12px;\r\n        border-bottom-right-radius: 12px;\r\n      }\r\n    }\r\n  }\r\n\r\n  &.dots.small,\r\n  &.dots.medium {\r\n    ${Content} {\r\n      padding: 0 2px;\r\n    }\r\n  }\r\n\r\n  &.dots.large {\r\n    ${Content} {\r\n      padding: 0 3px;\r\n    }\r\n  }\r\n`;\r\n\r\nexport enum LinearProgressType {\r\n  Dots = 'dots',\r\n  Line = 'line',\r\n  Bars = 'bars',\r\n}\r\n\r\nexport enum LinearProgressVariant {\r\n  Normal = 'normal',\r\n  Inverted = 'inverted',\r\n}\r\n\r\nexport interface LinearProgressProps extends React.HTMLAttributes<HTMLDivElement> {\r\n  /** Size of the component. Defaults to 'medium' */\r\n  size?: Size.Small | Size.Medium | Size.Large;\r\n  /** Progress type. Defaults to 'line' */\r\n  type?: LinearProgressType;\r\n  /** Progress variant. Defaults to 'normal' */\r\n  variant?: LinearProgressVariant;\r\n  /** Label of the component */\r\n  label?: string;\r\n /** Current value on the progress. */\r\n  value: number;\r\n  /** Maximum value of the progress bar. */\r\n  max: number;\r\n}\r\n\r\nconst LinearProgress: React.FunctionComponent<LinearProgressProps> = ({\r\n                                                                        size = Size.Medium,\r\n                                                                        type = LinearProgressType.Line,\r\n                                                                        variant = LinearProgressVariant.Normal,\r\n                                                                        label,\r\n                                                                        value,\r\n                                                                        max,\r\n                                                                        className,\r\n                                                                        ...rest\r\n                                                                      }) => {\r\n\r\n  const renderBars = () =>\r\n    <>\r\n      {Array.from(Array(max).keys()).map(i => (\r\n        <Bar key={i}\r\n             className={`${Math.ceil(value) >= i + 1 ? 'active' : ''} ${Math.ceil(value) === i + 1 ? 'current' : ''} ${variant} ${size}`}/>\r\n      ))}\r\n    </>\r\n\r\n  const renderDots = () =>\r\n    <>\r\n      {Array.from(Array(max).keys()).map(i => (\r\n        <Dot key={i}\r\n             className={`${Math.ceil(value) >= i + 1 ? 'active' : ''} ${Math.ceil(value) === i + 1 ? 'current' : ''} ${variant} ${size}`}/>\r\n      ))}\r\n    </>\r\n\r\n  const renderLine = () =>\r\n    <>\r\n      <Line className={`${variant} ${size}`}>\r\n        <LineFill style={{width: `${value / max * 100}%`}}/>\r\n      </Line>\r\n    </>\r\n\r\n\r\n  const render = () => {\r\n    switch (type) {\r\n      case LinearProgressType.Bars:\r\n        return renderBars();\r\n      case LinearProgressType.Dots:\r\n        return renderDots();\r\n      case LinearProgressType.Line:\r\n      default:\r\n        return renderLine();\r\n    }\r\n  }\r\n\r\n  return (\r\n    <Wrapper className={`${size} ${type} ${variant} ${className || ''}`} {...rest}>\r\n      {label && <Label>{label}</Label>}\r\n      <Content>\r\n        {render()}\r\n      </Content>\r\n    </Wrapper>\r\n  )\r\n};\r\n\r\nexport default LinearProgress;\r\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"LinearProgress.js","names":["React","Size","styled","COLORS","ComponentLStyling","ComponentMStyling","ComponentSStyling","ComponentTextStyle","jsx","_jsx","Fragment","_Fragment","jsxs","_jsxs","Bar","div","_templateObject","_taggedTemplateLiteral","props","getColor","theme","Dot","_templateObject2","LineFill","_templateObject3","Line","_templateObject4","Label","_templateObject5","Content","_templateObject6","Wrapper","_templateObject7","Regular","LinearProgressType","LinearProgressVariant","LinearProgress","_ref","_ref$size","size","Medium","_ref$type","type","_ref$variant","variant","Normal","label","value","max","className","rest","_objectWithoutProperties","_excluded","renderBars","children","Array","from","keys","map","i","concat","Math","ceil","renderDots","renderLine","style","width","render","Bars","Dots","_objectSpread","propTypes","_pt","oneOf","string","number","isRequired"],"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: ${props => COLORS.getColor('neutral_100', props.theme)};\n\n  &.active {\n    background-color: ${props => COLORS.getColor('accent1_400', props.theme)};\n  }\n\n  &.current {\n    background-color: ${props => COLORS.getColor('accent1_800', props.theme)};\n  }\n\n  &.inverted {\n    background-color: ${props => COLORS.getColor('neutral_600', props.theme)};\n  }\n\n  &.inverted.active {\n    background-color: ${props => COLORS.getColor('accent1_400', props.theme)};\n  }\n\n  &.inverted.current {\n    background-color: ${props => COLORS.getColor('white', props.theme)};\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: ${props => COLORS.getColor('neutral_400', props.theme)};\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: ${props => COLORS.getColor('accent1_600', props.theme)};\n  }\n\n  &.current:after {\n    background-color: ${props => COLORS.getColor('accent1_800', props.theme)};\n  }\n\n  &.inverted:after {\n    background-color: ${props => COLORS.getColor('neutral_400', props.theme)};\n  }\n\n  &.inverted.active:after {\n    background-color: ${props => COLORS.getColor('accent1_400', props.theme)};\n  }\n\n  &.inverted.current:after {\n    background-color: ${props => COLORS.getColor('white', props.theme)};\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: ${props => COLORS.getColor('neutral_500', props.theme)};\n    position: absolute;\n    right: 0;\n  }\n\n  &:before {\n    content: '';\n    display: block;\n    height: 100%;\n    background-color: ${props => COLORS.getColor('neutral_500', props.theme)};\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: ${props => COLORS.getColor('neutral_100', props.theme)};\n\n  ${LineFill} {\n    background-color: ${props => COLORS.getColor('accent1_500', props.theme)};\n  }\n\n  &.inverted {\n    background-color: ${props => COLORS.getColor('neutral_700', props.theme)};\n\n    &:after,\n    &:before {\n      background-color: ${props => COLORS.getColor('neutral_400', props.theme)};\n    }\n\n    ${LineFill} {\n      background-color: ${props => COLORS.getColor('accent1_400', props.theme)};\n    }\n  }\n`;\n\nconst Label = styled.div`\n  color: ${props => COLORS.getColor('black', props.theme)};\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: ${props => COLORS.getColor('white', props.theme)};\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 of the component. Defaults to 'medium' */\n  size?: Size.Small | Size.Medium | Size.Large;\n  /** Progress type. Defaults to 'line' */\n  type?: LinearProgressType;\n  /** Progress variant. Defaults to 'normal' */\n  variant?: LinearProgressVariant;\n  /** Label of the component */\n  label?: string;\n /** Current value on the progress. */\n  value: number;\n  /** Maximum value of the progress bar. */\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":"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","ignoreList":[]}

package/dist/LinearProgress/index.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","names":["_LinearProgress","_interopRequireWildcard","require","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","_typeof","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set"],"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,IAAAA,eAAA,GAAAC,uBAAA,CAAAC,OAAA;AAA2F,SAAAC,yBAAAC,CAAA,6BAAAC,OAAA,mBAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,yBAAAC,CAAA,WAAAA,CAAA,GAAAG,CAAA,GAAAD,CAAA,KAAAF,CAAA;AAAA,SAAAH,wBAAAG,CAAA,EAAAE,CAAA,SAAAA,CAAA,IAAAF,CAAA,IAAAA,CAAA,CAAAI,UAAA,SAAAJ,CAAA,eAAAA,CAAA,gBAAAK,OAAA,CAAAL,CAAA,0BAAAA,CAAA,sBAAAA,CAAA,QAAAG,CAAA,GAAAJ,wBAAA,CAAAG,CAAA,OAAAC,CAAA,IAAAA,CAAA,CAAAG,GAAA,CAAAN,CAAA,UAAAG,CAAA,CAAAI,GAAA,CAAAP,CAAA,OAAAQ,CAAA,KAAAC,SAAA,UAAAC,CAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,CAAA,IAAAd,CAAA,oBAAAc,CAAA,OAAAC,cAAA,CAAAC,IAAA,CAAAhB,CAAA,EAAAc,CAAA,SAAAG,CAAA,GAAAP,CAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAb,CAAA,EAAAc,CAAA,UAAAG,CAAA,KAAAA,CAAA,CAAAV,GAAA,IAAAU,CAAA,CAAAC,GAAA,IAAAP,MAAA,CAAAC,cAAA,CAAAJ,CAAA,EAAAM,CAAA,EAAAG,CAAA,IAAAT,CAAA,CAAAM,CAAA,IAAAd,CAAA,CAAAc,CAAA,YAAAN,CAAA,cAAAR,CAAA,EAAAG,CAAA,IAAAA,CAAA,CAAAe,GAAA,CAAAlB,CAAA,EAAAQ,CAAA,GAAAA,CAAA","ignoreList":[]}
+{"version":3,"file":"index.cjs","names":["_LinearProgress","_interopRequireWildcard","require","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","_typeof","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set"],"sources":["../../src/LinearProgress/index.ts"],"sourcesContent":["import LinearProgress, {LinearProgressType, LinearProgressVariant} from './LinearProgress';\n\nexport {LinearProgressType, LinearProgressVariant};\nexport {LinearProgress}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,eAAA,GAAAC,uBAAA,CAAAC,OAAA;AAA2F,SAAAC,yBAAAC,CAAA,6BAAAC,OAAA,mBAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,yBAAAC,CAAA,WAAAA,CAAA,GAAAG,CAAA,GAAAD,CAAA,KAAAF,CAAA;AAAA,SAAAH,wBAAAG,CAAA,EAAAE,CAAA,SAAAA,CAAA,IAAAF,CAAA,IAAAA,CAAA,CAAAI,UAAA,SAAAJ,CAAA,eAAAA,CAAA,gBAAAK,OAAA,CAAAL,CAAA,0BAAAA,CAAA,sBAAAA,CAAA,QAAAG,CAAA,GAAAJ,wBAAA,CAAAG,CAAA,OAAAC,CAAA,IAAAA,CAAA,CAAAG,GAAA,CAAAN,CAAA,UAAAG,CAAA,CAAAI,GAAA,CAAAP,CAAA,OAAAQ,CAAA,KAAAC,SAAA,UAAAC,CAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,CAAA,IAAAd,CAAA,oBAAAc,CAAA,OAAAC,cAAA,CAAAC,IAAA,CAAAhB,CAAA,EAAAc,CAAA,SAAAG,CAAA,GAAAP,CAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAb,CAAA,EAAAc,CAAA,UAAAG,CAAA,KAAAA,CAAA,CAAAV,GAAA,IAAAU,CAAA,CAAAC,GAAA,IAAAP,MAAA,CAAAC,cAAA,CAAAJ,CAAA,EAAAM,CAAA,EAAAG,CAAA,IAAAT,CAAA,CAAAM,CAAA,IAAAd,CAAA,CAAAc,CAAA,YAAAN,CAAA,cAAAR,CAAA,EAAAG,CAAA,IAAAA,CAAA,CAAAe,GAAA,CAAAlB,CAAA,EAAAQ,CAAA,GAAAA,CAAA","ignoreList":[]}

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","ignoreList":[]}
+{"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","ignoreList":[]}