@laerdal/life-react-components 3.4.2 → 3.5.0

package/dist/js/styles/typography.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/styles/typography.tsx"],"names":["TYPOGRAPHY","fontFamily","TypographyBase","color","lineHeight","fontSize","fontWeight","fontStyle","textTransform","textDecorationLine","COLORS","black","HeadlineBaseStyling","css","HeadlineBase","HeadlineXLStyling","HeadlineXL","HeadlineLStyling","HeadlineL","HeadlineMStyling","HeadlineM","HeadlineSStyling","HeadlineS","HeadlineXSStyling","HeadlineXS","HeadlineXXSStyling","HeadlineXXS","ParagraphStyling","ParagraphBase","props","marginBetweenParagraphs","ParagraphTextStyle","paragraphFontWeight","textStyle","Bold","paragraphFontStyle","Italic","paragraphTextDecorationLine","textDecoration","Underline","ParagraphBaseStyling","ParagraphXlStyling","ParagraphXL","children","ParagraphLStyling","ParagraphL","ParagraphMStyling","ParagraphM","ParagraphSStyling","ParagraphS","ParagraphXSStyling","ParagraphXS","ComponentTextStyle","componentFontWeight","UppercaseBold","componentFontStyle","componentTextTransformation","ComponentStyling","ComponentXLStyling","ComponentXL","className","ComponentLStyling","ComponentL","ComponentMStyling","ComponentM","ComponentSStyling","ComponentS","ComponentXSStyling","ComponentXS","ComponentXXSStyling","ComponentXXS","ComponentResponsive","size","width","fontsize","Size","Small","Medium","Large","XXSmall","XSmall"],"mappings":"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","sourcesContent":["import React, { FunctionComponent } from 'react';\r\nimport styled, { css } from 'styled-components';\r\nimport { COLORS } from '.';\r\nimport { Property } from 'csstype';\r\nimport { Size } from '../types';\r\n\r\nconst TYPOGRAPHY = {\r\n  fontFamily: 'Lato, sans-serif',\r\n};\r\n\r\ninterface ITypographyBase {\r\n  color?: string;\r\n  lineHeight: number;\r\n  fontSize: number;\r\n  fontWeight: number;\r\n  fontStyle?: string;\r\n  textTransform?: Property.TextTransform;\r\n  textDecorationLine?: Property.TextDecorationLine;\r\n}\r\n\r\nconst TypographyBase = styled('div')<ITypographyBase>(({ color, lineHeight, fontSize, fontWeight, fontStyle, textTransform, textDecorationLine }) => ({\r\n  fontFamily: TYPOGRAPHY.fontFamily,\r\n  fontSize: fontSize,\r\n  fontWeight: fontWeight,\r\n  lineHeight: lineHeight + 'px',\r\n  textTransform: textTransform ? textTransform : 'none',\r\n  textDecorationLine: textDecorationLine ? textDecorationLine : 'none',\r\n  fontStyle: fontStyle ? fontStyle : 'normal',\r\n  color: color ? color : COLORS.black,\r\n}));\r\n\r\ninterface IHeadline {\r\n  color?: string;\r\n}\r\n\r\ninterface IHeadlineBase {\r\n  color?: string;\r\n  lineHeight: number;\r\n  fontSize: number;\r\n}\r\n\r\nconst HeadlineBaseStyling = (fontSize: string, lineHeight: string, color: string) => {\r\n  return css`\r\n    font-family: ${TYPOGRAPHY.fontFamily};\r\n    font-size: ${fontSize};\r\n    line-height: ${lineHeight};\r\n    font-weight: 700;\r\n    color: ${color};\r\n  `;\r\n}\r\nconst HeadlineBase = styled(TypographyBase)<IHeadlineBase>(({ color, lineHeight, fontSize }) => ({\r\n  fontSize: fontSize,\r\n  fontWeight: 700,\r\n  lineHeight: lineHeight,\r\n  color: color,\r\n}));\r\n\r\nconst HeadlineXLStyling = (color: string) => HeadlineBaseStyling('48px', '64px', color);\r\nconst HeadlineXL = styled(HeadlineBase)<IHeadline>(({ color }) => ({\r\n  fontSize: '48px',\r\n  lineHeight: '64px',\r\n  color: color,\r\n}));\r\n\r\nconst HeadlineLStyling = (color: string) => HeadlineBaseStyling('40px', '52px', color);\r\nconst HeadlineL = styled(HeadlineBase)<IHeadline>(({ color }) => ({\r\n  fontSize: '40px',\r\n  lineHeight: '52px',\r\n  color: color,\r\n}));\r\n\r\nconst HeadlineMStyling = (color: string) => HeadlineBaseStyling('32px', '40px', color);\r\nconst HeadlineM = styled(HeadlineBase)<IHeadline>(({ color }) => ({\r\n  fontSize: '32px',\r\n  lineHeight: '40px',\r\n  color: color,\r\n}));\r\n\r\nconst HeadlineSStyling = (color: string) => HeadlineBaseStyling('28px', '36px', color);\r\nconst HeadlineS = styled(HeadlineBase)<IHeadline>(({ color }) => ({\r\n  fontSize: '28px',\r\n  lineHeight: '36px',\r\n  color: color,\r\n}));\r\n\r\nconst HeadlineXSStyling = (color: string) => HeadlineBaseStyling('24px', '32px', color);\r\nconst HeadlineXS = styled(HeadlineBase)<IHeadline>(({ color }) => ({\r\n  fontSize: '24px',\r\n  lineHeight: '32px',\r\n  color: color,\r\n}));\r\n\r\nconst HeadlineXXSStyling = (color: string) => HeadlineBaseStyling('20px', '24px', color);\r\nconst HeadlineXXS = styled(HeadlineBase)<IHeadline>(({ color }) => ({\r\n  fontSize: '20px',\r\n  lineHeight: '24px',\r\n  color: color,\r\n}));\r\n\r\nconst ParagraphStyling = css`\r\n  :lang(ja-jp) > h1,\r\n  h2,\r\n  h3,\r\n  h4,\r\n  p,\r\n  span {\r\n    max-width: 30em;\r\n  }\r\n  :lang(ko-kr) > h1,\r\n  h2,\r\n  h3,\r\n  h4,\r\n  p,\r\n  span {\r\n    max-width: 30em;\r\n  }\r\n  :lang(zh-CN) > h1,\r\n  h2,\r\n  h3,\r\n  h4,\r\n  p,\r\n  span {\r\n    max-width: 30em;\r\n  }\r\n  h1,\r\n  h2,\r\n  h3,\r\n  h4,\r\n  p,\r\n  span {\r\n    max-width: 34em;\r\n  }\r\n`;\r\n\r\ninterface IParagraphBase {\r\n  color?: string;\r\n  lineHeight: number;\r\n  fontSize: number;\r\n  marginBetweenParagraphs?: string;\r\n}\r\n\r\nconst ParagraphBase = styled(TypographyBase)<IParagraphBase>`\r\n  p {\r\n    margin-block-start: 0;\r\n    margin-block-end: 0;\r\n  }\r\n  p:not(:only-of-type) {\r\n    margin-bottom: ${(props) => props.marginBetweenParagraphs || '0'};\r\n  }\r\n  ${ParagraphStyling}\r\n`;\r\n\r\ninterface IParagraph {\r\n  color?: string;\r\n}\r\n\r\nenum ParagraphTextStyle {\r\n  Regular = 1,\r\n  Bold,\r\n  Italic,\r\n  Underline,\r\n}\r\n\r\ntype ParagraphProps = {\r\n  color?: string;\r\n  textStyle?: ParagraphTextStyle;\r\n};\r\n\r\nconst paragraphFontWeight = (textStyle?: ParagraphTextStyle) => {\r\n  let fontWeight = 400;\r\n  if (textStyle === ParagraphTextStyle.Bold) {\r\n    fontWeight = 700;\r\n  }\r\n  return fontWeight;\r\n};\r\n\r\nconst paragraphFontStyle = (textStyle?: ParagraphTextStyle) => {\r\n  let fontStyle = textStyle && textStyle === ParagraphTextStyle.Italic ? 'italic' : '';\r\n  return fontStyle;\r\n};\r\n\r\nconst paragraphTextDecorationLine = (textStyle?: ParagraphTextStyle): Property.TextDecorationLine => {\r\n  let textDecoration: Property.TextDecorationLine = textStyle && textStyle === ParagraphTextStyle.Underline ? 'underline' : 'none';\r\n  return textDecoration;\r\n};\r\n\r\nconst ParagraphBaseStyling = (fontSize: string, lineHeight: string, textStyle: ParagraphTextStyle, color: string) => {\r\n  return css`\r\n    font-family: ${TYPOGRAPHY.fontFamily};\r\n    font-size: ${fontSize};\r\n    font-weight: ${paragraphFontWeight(textStyle)};\r\n    line-height: ${lineHeight};\r\n    font-style: ${paragraphFontStyle(textStyle)};\r\n    color: ${color};\r\n  `;\r\n}\r\n\r\nconst ParagraphXlStyling = (textStyle: ParagraphTextStyle, color: string) => ParagraphBaseStyling('24px', '36px', textStyle, color);\r\nconst ParagraphXL: FunctionComponent<ParagraphProps> = ({ color, textStyle, children }) => {\r\n  let fontWeight = paragraphFontWeight(textStyle);\r\n  let fontStyle = paragraphFontStyle(textStyle);\r\n  let textDecorationLine = paragraphTextDecorationLine(textStyle);\r\n  return (\r\n    <ParagraphBase color={color} lineHeight={36} fontSize={24} fontWeight={fontWeight} fontStyle={fontStyle} textDecorationLine={textDecorationLine} marginBetweenParagraphs=\"18px\">\r\n      {children}\r\n    </ParagraphBase>\r\n  );\r\n};\r\n\r\nconst ParagraphLStyling = (textStyle: ParagraphTextStyle, color: string) => ParagraphBaseStyling('20px', '32px', textStyle, color);\r\nconst ParagraphL: FunctionComponent<ParagraphProps> = ({ color, textStyle, children }) => {\r\n  let fontWeight = paragraphFontWeight(textStyle);\r\n  let fontStyle = paragraphFontStyle(textStyle);\r\n  let textDecorationLine = paragraphTextDecorationLine(textStyle);\r\n  return (\r\n    <ParagraphBase color={color} lineHeight={32} fontSize={20} fontWeight={fontWeight} fontStyle={fontStyle} textDecorationLine={textDecorationLine} marginBetweenParagraphs=\"16px\">\r\n      {children}\r\n    </ParagraphBase>\r\n  );\r\n};\r\n\r\nconst ParagraphMStyling = (textStyle: ParagraphTextStyle, color: string) => ParagraphBaseStyling('18px', '28px', textStyle, color);\r\nconst ParagraphM: FunctionComponent<ParagraphProps> = ({ color, textStyle, children }) => {\r\n  let fontWeight = paragraphFontWeight(textStyle);\r\n  let fontStyle = paragraphFontStyle(textStyle);\r\n  let textDecorationLine = paragraphTextDecorationLine(textStyle);\r\n  return (\r\n    <ParagraphBase color={color} lineHeight={28} fontSize={18} fontWeight={fontWeight} fontStyle={fontStyle} textDecorationLine={textDecorationLine} marginBetweenParagraphs=\"14px\">\r\n      {children}\r\n    </ParagraphBase>\r\n  );\r\n};\r\n\r\nconst ParagraphSStyling = (textStyle: ParagraphTextStyle, color: string) => ParagraphBaseStyling('16px', '24px', textStyle, color);\r\nconst ParagraphS: FunctionComponent<ParagraphProps> = ({ color, textStyle, children }) => {\r\n  let fontWeight = paragraphFontWeight(textStyle);\r\n  let fontStyle = paragraphFontStyle(textStyle);\r\n  let textDecorationLine = paragraphTextDecorationLine(textStyle);\r\n  return (\r\n    <ParagraphBase color={color} lineHeight={24} fontSize={16} fontWeight={fontWeight} fontStyle={fontStyle} textDecorationLine={textDecorationLine} marginBetweenParagraphs=\"12px\">\r\n      {children}\r\n    </ParagraphBase>\r\n  );\r\n};\r\n\r\nconst ParagraphXSStyling = (textStyle: ParagraphTextStyle, color: string) => ParagraphBaseStyling('14px', '20px', textStyle, color);\r\nconst ParagraphXS: FunctionComponent<ParagraphProps> = ({ color, textStyle, children }) => {\r\n  let fontWeight = paragraphFontWeight(textStyle);\r\n  let fontStyle = paragraphFontStyle(textStyle);\r\n  let textDecorationLine = paragraphTextDecorationLine(textStyle);\r\n  return (\r\n    <ParagraphBase color={color} lineHeight={20} fontSize={14} fontWeight={fontWeight} fontStyle={fontStyle} textDecorationLine={textDecorationLine} marginBetweenParagraphs=\"10px\">\r\n      {children}\r\n    </ParagraphBase>\r\n  );\r\n};\r\n\r\nenum ComponentTextStyle {\r\n  Regular = 1,\r\n  Bold,\r\n  Italic,\r\n  UppercaseBold,\r\n}\r\n\r\ntype ComponentProps = {\r\n  color?: string;\r\n  className?: string;\r\n  textStyle?: ComponentTextStyle;\r\n};\r\n\r\nconst componentFontWeight = (textStyle?: ComponentTextStyle) => {\r\n  let fontWeight = 400;\r\n  if (textStyle === ComponentTextStyle.Bold || textStyle === ComponentTextStyle.UppercaseBold) {\r\n    fontWeight = 700;\r\n  }\r\n  return fontWeight;\r\n};\r\n\r\nconst componentFontStyle = (textStyle?: ComponentTextStyle) => {\r\n  let fontStyle = textStyle && textStyle === ComponentTextStyle.Italic ? 'italic' : '';\r\n  return fontStyle;\r\n};\r\n\r\nconst componentTextTransformation = (textStyle?: ComponentTextStyle): Property.TextTransform => {\r\n  let fontStyle: Property.TextTransform = textStyle && textStyle === ComponentTextStyle.UppercaseBold ? 'uppercase' : 'none';\r\n  return fontStyle;\r\n};\r\n\r\nconst ComponentStyling = (fontSize: string, lineHeight: string, textStyle: ComponentTextStyle, color: string | undefined | null) => {\r\n  return css`\r\n    font-family: ${TYPOGRAPHY.fontFamily};\r\n    font-size: ${fontSize};\r\n    font-weight: ${componentFontWeight(textStyle)};\r\n    line-height: ${lineHeight};\r\n    font-style: ${componentFontStyle(textStyle)};\r\n    ${color === null ? '' : `color: ${(color || COLORS.black)};`}\r\n  `;\r\n};\r\n\r\nconst ComponentXLStyling = (textStyle: ComponentTextStyle, color: string | null) => ComponentStyling('24px', '28px', textStyle, color);\r\nconst ComponentXL: FunctionComponent<ComponentProps> = ({ color, textStyle, children, className }) => {\r\n  let fontWeight = componentFontWeight(textStyle);\r\n  let fontStyle = componentFontStyle(textStyle);\r\n  return (\r\n    <TypographyBase className={className} color={color} lineHeight={28} fontSize={24} fontWeight={fontWeight} fontStyle={fontStyle}>\r\n      {children}\r\n    </TypographyBase>\r\n  );\r\n};\r\n\r\nconst ComponentLStyling = (textStyle: ComponentTextStyle, color: string | null) => ComponentStyling('20px', '24px', textStyle, color);\r\nconst ComponentL: FunctionComponent<ComponentProps> = ({ color, textStyle, children, className }) => {\r\n  let fontWeight = componentFontWeight(textStyle);\r\n  let fontStyle = componentFontStyle(textStyle);\r\n  return (\r\n    <TypographyBase className={className} color={color} lineHeight={24} fontSize={20} fontWeight={fontWeight} fontStyle={fontStyle}>\r\n      {children}\r\n    </TypographyBase>\r\n  );\r\n};\r\n\r\nconst ComponentMStyling = (textStyle: ComponentTextStyle, color: string | undefined | null) => ComponentStyling('18px', '24px', textStyle, color);\r\nconst ComponentM: FunctionComponent<ComponentProps> = ({ color, textStyle, children, className }) => {\r\n  let fontWeight = componentFontWeight(textStyle);\r\n  let fontStyle = componentFontStyle(textStyle);\r\n  return (\r\n    <TypographyBase className={className} color={color} lineHeight={24} fontSize={18} fontWeight={fontWeight} fontStyle={fontStyle}>\r\n      {children}\r\n    </TypographyBase>\r\n  );\r\n};\r\n\r\nconst ComponentSStyling = (textStyle: ComponentTextStyle, color: string | null) => ComponentStyling('16px', '20px', textStyle, color);\r\nconst ComponentS: FunctionComponent<ComponentProps> = ({ color, textStyle, children, className }) => {\r\n  let fontWeight = componentFontWeight(textStyle);\r\n  let fontStyle = componentFontStyle(textStyle);\r\n  return (\r\n    <TypographyBase className={className} color={color} lineHeight={20} fontSize={16} fontWeight={fontWeight} fontStyle={fontStyle}>\r\n      {children}\r\n    </TypographyBase>\r\n  );\r\n};\r\n\r\nconst ComponentXSStyling = (textStyle: ComponentTextStyle, color: string | null) => ComponentStyling('14px', '16px', textStyle, color);\r\nconst ComponentXS: FunctionComponent<ComponentProps> = ({ color, textStyle, children, className }) => {\r\n  let fontWeight = componentFontWeight(textStyle);\r\n  let fontStyle = componentFontStyle(textStyle);\r\n  let textTransform = componentTextTransformation(textStyle);\r\n  return (\r\n    <TypographyBase className={className} color={color} lineHeight={16} fontSize={14} fontWeight={fontWeight} fontStyle={fontStyle} textTransform={textTransform}>\r\n      {children}\r\n    </TypographyBase>\r\n  );\r\n};\r\n\r\nconst ComponentXXSStyling = (textStyle: ComponentTextStyle, color: string | null) => ComponentStyling('12px', '16px', textStyle, color);\r\nconst ComponentXXS: FunctionComponent<ComponentProps> = ({ color, textStyle, children, className }) => {\r\n  let fontWeight = componentFontWeight(textStyle);\r\n  let fontStyle = componentFontStyle(textStyle);\r\n  let textTransform = componentTextTransformation(textStyle);\r\n  return (\r\n    <TypographyBase className={className} color={color} lineHeight={16} fontSize={12} fontWeight={fontWeight} fontStyle={fontStyle} textTransform={textTransform}>\r\n      {children}\r\n    </TypographyBase>\r\n  );\r\n};\r\n\r\nconst ComponentResponsive: FunctionComponent<ComponentProps & { size?: Size; width: number }> = ({\r\n  color,\r\n  textStyle,\r\n  children,\r\n  size,\r\n  width,\r\n}) => {\r\n  let fontsize = size;\r\n  if (!size) {\r\n    if (width < 768) {\r\n      fontsize = Size.Small;\r\n    } else if (width < 992) {\r\n      fontsize = Size.Medium;\r\n    } else {\r\n      fontsize = Size.Large;\r\n    }\r\n  }\r\n  switch (fontsize) {\r\n    case Size.XXSmall:\r\n      return <ComponentXXS color={color} textStyle={textStyle} children={children} />;\r\n    case Size.XSmall:\r\n      return <ComponentXS color={color} textStyle={textStyle} children={children} />;\r\n    case Size.Small:\r\n      return <ComponentS color={color} textStyle={textStyle} children={children} />;\r\n    case Size.Medium:\r\n      return <ComponentM color={color} textStyle={textStyle} children={children} />;\r\n    case Size.Large:\r\n    default:\r\n      return <ComponentL color={color} textStyle={textStyle} children={children} />;\r\n  }\r\n};\r\n\r\nexport { TYPOGRAPHY };\r\nexport { HeadlineXL, HeadlineL, HeadlineM, HeadlineS, HeadlineXS, HeadlineXXS };\r\nexport { ParagraphTextStyle, ParagraphXL, ParagraphL, ParagraphM, ParagraphS, ParagraphXS };\r\nexport { ComponentTextStyle, ComponentXL, ComponentL, ComponentM, ComponentS, ComponentXS, ComponentXXS, ComponentResponsive };\r\nexport { ComponentXLStyling, ComponentLStyling, ComponentMStyling, ComponentSStyling, ComponentXSStyling, ComponentXXSStyling };\r\nexport { ParagraphXlStyling, ParagraphLStyling, ParagraphMStyling, ParagraphSStyling, ParagraphXSStyling };\r\nexport { HeadlineXLStyling, HeadlineLStyling, HeadlineMStyling, HeadlineSStyling, HeadlineXSStyling, HeadlineXXSStyling };\r\n"],"file":"typography.js"}

package/dist/js/styles/z-indexes.d.ts

@@ -0,0 +1,13 @@
+export declare const Z_INDEXES: {
+    hover: string;
+    active: string;
+    focus: string;
+    dropdown: string;
+    sticky_menu: string;
+    fixed_menu: string;
+    backdrop: string;
+    off_canvas: string;
+    modal: string;
+    toast: string;
+    tooltip: string;
+};

package/dist/js/styles/z-indexes.js

@@ -0,0 +1,21 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Z_INDEXES = void 0;
+var Z_INDEXES = {
+  hover: '1',
+  active: '2',
+  focus: '3',
+  dropdown: '1000',
+  sticky_menu: '1020',
+  fixed_menu: '1030',
+  backdrop: '1040',
+  off_canvas: '1050',
+  modal: '1060',
+  toast: '1070',
+  tooltip: '1080'
+};
+exports.Z_INDEXES = Z_INDEXES;
+//# sourceMappingURL=z-indexes.js.map

package/dist/js/styles/z-indexes.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/styles/z-indexes.ts"],"names":["Z_INDEXES","hover","active","focus","dropdown","sticky_menu","fixed_menu","backdrop","off_canvas","modal","toast","tooltip"],"mappings":";;;;;;AAAO,IAAMA,SAAS,GAAG;AACvBC,EAAAA,KAAK,EAAE,GADgB;AAEvBC,EAAAA,MAAM,EAAE,GAFe;AAGvBC,EAAAA,KAAK,EAAE,GAHgB;AAMvBC,EAAAA,QAAQ,EAAE,MANa;AAOvBC,EAAAA,WAAW,EAAE,MAPU;AAQvBC,EAAAA,UAAU,EAAE,MARW;AASvBC,EAAAA,QAAQ,EAAE,MATa;AAUvBC,EAAAA,UAAU,EAAE,MAVW;AAWvBC,EAAAA,KAAK,EAAE,MAXgB;AAYvBC,EAAAA,KAAK,EAAE,MAZgB;AAavBC,EAAAA,OAAO,EAAE;AAbc,CAAlB","sourcesContent":["export const Z_INDEXES = {\r\n  hover: '1',\r\n  active: '2',\r\n  focus: '3',\r\n\r\n\r\n  dropdown: '1000',\r\n  sticky_menu: '1020',\r\n  fixed_menu: '1030',\r\n  backdrop: '1040',\r\n  off_canvas: '1050',\r\n  modal: '1060',\r\n  toast: '1070',\r\n  tooltip: '1080',\r\n}\r\n"],"file":"z-indexes.js"}

package/dist/js/types.d.ts

@@ -0,0 +1,91 @@
+export interface Product {
+    id: string;
+    name: string;
+    type: string;
+    image: string;
+}
+export declare enum Size {
+    XXSmall = "xxsmall",
+    XSmall = "xsmall",
+    Small = "small",
+    Medium = "medium",
+    Large = "large"
+}
+export interface NavOption {
+    label: string;
+    to: string;
+    disabled?: boolean;
+    exact?: boolean;
+    onClick?: () => void;
+}
+export interface NavButton {
+    label: string;
+    action: any;
+    disabled?: boolean;
+}
+export interface ActionOptions {
+    search?: () => void;
+    apps?: () => void;
+    language?: () => void;
+    notification?: () => void;
+    settings?: () => void;
+    user?: () => void;
+}
+export declare enum ToastColor {
+    BLACK = 0,
+    WHITE = 1,
+    BLUE = 2,
+    GREEN = 3,
+    ORANGE = 4,
+    RED = 5
+}
+export declare enum ToastActionType {
+    PRIMARY = 0,
+    SECONDARY = 1
+}
+export declare enum ToastPosition {
+    TOPLEFT = 0,
+    TOPMIDDLE = 1,
+    TOPRIGHT = 2,
+    BOTTOMLEFT = 3,
+    BOTTOMMIDDLE = 4,
+    BOTTOMRIGHT = 5
+}
+export declare enum ToastEntryDirection {
+    TOP = 0,
+    BOTTOM = 1,
+    LEFT = 2,
+    RIGHT = 3
+}
+export interface SwitcherNavItem {
+    label: string;
+    url: string;
+    disabled?: boolean;
+    Icon?: any;
+    as?: any;
+    testId?: string;
+}
+export interface UserMenuItem {
+    label: string;
+    to: string;
+    icon: any;
+    isExternal?: boolean;
+    onClick?: () => void;
+}
+export interface ListRowDropdownOption {
+    key?: string;
+    label: string;
+    action: any;
+}
+export interface NavLink {
+    label: string;
+    to: string;
+    target?: string;
+}
+export interface NavSection {
+    header: string;
+    links: NavLink[];
+}
+export interface NavOptions {
+    sections: NavSection[];
+}

package/dist/js/types.js

@@ -0,0 +1,59 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ToastEntryDirection = exports.ToastPosition = exports.ToastActionType = exports.ToastColor = exports.Size = void 0;
+var Size;
+exports.Size = Size;
+
+(function (Size) {
+  Size["XXSmall"] = "xxsmall";
+  Size["XSmall"] = "xsmall";
+  Size["Small"] = "small";
+  Size["Medium"] = "medium";
+  Size["Large"] = "large";
+})(Size || (exports.Size = Size = {}));
+
+var ToastColor;
+exports.ToastColor = ToastColor;
+
+(function (ToastColor) {
+  ToastColor[ToastColor["BLACK"] = 0] = "BLACK";
+  ToastColor[ToastColor["WHITE"] = 1] = "WHITE";
+  ToastColor[ToastColor["BLUE"] = 2] = "BLUE";
+  ToastColor[ToastColor["GREEN"] = 3] = "GREEN";
+  ToastColor[ToastColor["ORANGE"] = 4] = "ORANGE";
+  ToastColor[ToastColor["RED"] = 5] = "RED";
+})(ToastColor || (exports.ToastColor = ToastColor = {}));
+
+var ToastActionType;
+exports.ToastActionType = ToastActionType;
+
+(function (ToastActionType) {
+  ToastActionType[ToastActionType["PRIMARY"] = 0] = "PRIMARY";
+  ToastActionType[ToastActionType["SECONDARY"] = 1] = "SECONDARY";
+})(ToastActionType || (exports.ToastActionType = ToastActionType = {}));
+
+var ToastPosition;
+exports.ToastPosition = ToastPosition;
+
+(function (ToastPosition) {
+  ToastPosition[ToastPosition["TOPLEFT"] = 0] = "TOPLEFT";
+  ToastPosition[ToastPosition["TOPMIDDLE"] = 1] = "TOPMIDDLE";
+  ToastPosition[ToastPosition["TOPRIGHT"] = 2] = "TOPRIGHT";
+  ToastPosition[ToastPosition["BOTTOMLEFT"] = 3] = "BOTTOMLEFT";
+  ToastPosition[ToastPosition["BOTTOMMIDDLE"] = 4] = "BOTTOMMIDDLE";
+  ToastPosition[ToastPosition["BOTTOMRIGHT"] = 5] = "BOTTOMRIGHT";
+})(ToastPosition || (exports.ToastPosition = ToastPosition = {}));
+
+var ToastEntryDirection;
+exports.ToastEntryDirection = ToastEntryDirection;
+
+(function (ToastEntryDirection) {
+  ToastEntryDirection[ToastEntryDirection["TOP"] = 0] = "TOP";
+  ToastEntryDirection[ToastEntryDirection["BOTTOM"] = 1] = "BOTTOM";
+  ToastEntryDirection[ToastEntryDirection["LEFT"] = 2] = "LEFT";
+  ToastEntryDirection[ToastEntryDirection["RIGHT"] = 3] = "RIGHT";
+})(ToastEntryDirection || (exports.ToastEntryDirection = ToastEntryDirection = {}));
+//# sourceMappingURL=types.js.map

package/dist/js/types.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/types.ts"],"names":["Size","ToastColor","ToastActionType","ToastPosition","ToastEntryDirection"],"mappings":";;;;;;IAOYA,I;;;WAAAA,I;AAAAA,EAAAA,I;AAAAA,EAAAA,I;AAAAA,EAAAA,I;AAAAA,EAAAA,I;AAAAA,EAAAA,I;GAAAA,I,oBAAAA,I;;IA+BAC,U;;;WAAAA,U;AAAAA,EAAAA,U,CAAAA,U;AAAAA,EAAAA,U,CAAAA,U;AAAAA,EAAAA,U,CAAAA,U;AAAAA,EAAAA,U,CAAAA,U;AAAAA,EAAAA,U,CAAAA,U;AAAAA,EAAAA,U,CAAAA,U;GAAAA,U,0BAAAA,U;;IASAC,e;;;WAAAA,e;AAAAA,EAAAA,e,CAAAA,e;AAAAA,EAAAA,e,CAAAA,e;GAAAA,e,+BAAAA,e;;IAKAC,a;;;WAAAA,a;AAAAA,EAAAA,a,CAAAA,a;AAAAA,EAAAA,a,CAAAA,a;AAAAA,EAAAA,a,CAAAA,a;AAAAA,EAAAA,a,CAAAA,a;AAAAA,EAAAA,a,CAAAA,a;AAAAA,EAAAA,a,CAAAA,a;GAAAA,a,6BAAAA,a;;IASAC,mB;;;WAAAA,mB;AAAAA,EAAAA,mB,CAAAA,mB;AAAAA,EAAAA,mB,CAAAA,mB;AAAAA,EAAAA,mB,CAAAA,mB;AAAAA,EAAAA,mB,CAAAA,mB;GAAAA,mB,mCAAAA,mB","sourcesContent":["export interface Product {\r\n  id: string;\r\n  name: string;\r\n  type: string;\r\n  image: string;\r\n}\r\n\r\nexport enum Size {\r\n  XXSmall = 'xxsmall',\r\n  XSmall = 'xsmall',\r\n  Small = 'small',\r\n  Medium = 'medium',\r\n  Large = 'large'\r\n}\r\n\r\nexport interface NavOption {\r\n  label: string;\r\n  to: string;\r\n  disabled?: boolean;\r\n  exact?: boolean;\r\n  onClick?: () => void;\r\n}\r\n\r\nexport interface NavButton {\r\n  label: string;\r\n  action: any;\r\n  disabled?: boolean;\r\n}\r\n\r\nexport interface ActionOptions {\r\n  search?: () => void;\r\n  apps?: () => void;\r\n  language?: () => void;\r\n  notification?: () => void;\r\n  settings?: () => void;\r\n  user?: () => void;\r\n}\r\n\r\nexport enum ToastColor {\r\n  BLACK,\r\n  WHITE,\r\n  BLUE,\r\n  GREEN,\r\n  ORANGE,\r\n  RED,\r\n}\r\n\r\nexport enum ToastActionType{\r\n  PRIMARY,\r\n  SECONDARY\r\n}\r\n\r\nexport enum ToastPosition {\r\n  TOPLEFT,\r\n  TOPMIDDLE,\r\n  TOPRIGHT,\r\n  BOTTOMLEFT,\r\n  BOTTOMMIDDLE,\r\n  BOTTOMRIGHT,\r\n}\r\n\r\nexport enum ToastEntryDirection{\r\n  TOP,\r\n  BOTTOM,\r\n  LEFT,\r\n  RIGHT\r\n}\r\n\r\nexport interface SwitcherNavItem {\r\n  label: string;\r\n  url: string;\r\n  disabled?: boolean;\r\n  Icon?: any;\r\n  as?: any;\r\n  testId?: string;\r\n}\r\n\r\nexport interface UserMenuItem {\r\n  label: string;\r\n  to: string;\r\n  icon: any;\r\n  isExternal?: boolean;\r\n  onClick?: () => void;\r\n}\r\n\r\nexport interface ListRowDropdownOption {\r\n  key?: string;\r\n  label: string;\r\n  action: any;\r\n}\r\n\r\nexport interface NavLink {\r\n  label: string;\r\n  to: string;\r\n  target?: string;\r\n}\r\n\r\nexport interface NavSection {\r\n  header: string;\r\n  links: NavLink[];\r\n}\r\n\r\nexport interface NavOptions {\r\n  sections: NavSection[];\r\n}\r\n"],"file":"types.js"}

package/dist/styles/breakpoints.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"breakpoints.cjs","names":["BREAKPOINTS","SMALL","MEDIUM","LARGE"],"sources":["../../src/styles/breakpoints.ts"],"sourcesContent":["const BREAKPOINTS = {\n  SMALL: '@media (min-width: 320px)',\n  MEDIUM: '@media (min-width: 768px)',\n  LARGE: '@media (min-width: 1280px)',\n};\n\nexport default BREAKPOINTS;\n"],"mappings":";;;;;;AAAA,IAAMA,WAAW,GAAG;EAClBC,KAAK,EAAE,2BAA2B;EAClCC,MAAM,EAAE,2BAA2B;EACnCC,KAAK,EAAE;AACT,CAAC;AAAC,eAEaH,WAAW;AAAA"}
+{"version":3,"file":"breakpoints.cjs","names":["BREAKPOINTS","SMALL","MEDIUM","LARGE"],"sources":["../../src/styles/breakpoints.ts"],"sourcesContent":["const BREAKPOINTS = {\r\n  SMALL: '@media (min-width: 320px)',\r\n  MEDIUM: '@media (min-width: 768px)',\r\n  LARGE: '@media (min-width: 1280px)',\r\n};\r\n\r\nexport default BREAKPOINTS;\r\n"],"mappings":";;;;;;AAAA,IAAMA,WAAW,GAAG;EAClBC,KAAK,EAAE,2BAA2B;EAClCC,MAAM,EAAE,2BAA2B;EACnCC,KAAK,EAAE;AACT,CAAC;AAAC,eAEaH,WAAW;AAAA"}

package/dist/styles/breakpoints.d.ts

@@ -1,6 +1,6 @@
-declare const BREAKPOINTS: {
-    SMALL: string;
-    MEDIUM: string;
-    LARGE: string;
-};
-export default BREAKPOINTS;
+declare const BREAKPOINTS: {
+    SMALL: string;
+    MEDIUM: string;
+    LARGE: string;
+};
+export default BREAKPOINTS;

package/dist/styles/breakpoints.js.map

@@ -1 +1 @@
-{"version":3,"file":"breakpoints.js","names":["BREAKPOINTS","SMALL","MEDIUM","LARGE"],"sources":["../../src/styles/breakpoints.ts"],"sourcesContent":["const BREAKPOINTS = {\n  SMALL: '@media (min-width: 320px)',\n  MEDIUM: '@media (min-width: 768px)',\n  LARGE: '@media (min-width: 1280px)',\n};\n\nexport default BREAKPOINTS;\n"],"mappings":"AAAA,IAAMA,WAAW,GAAG;EAClBC,KAAK,EAAE,2BAA2B;EAClCC,MAAM,EAAE,2BAA2B;EACnCC,KAAK,EAAE;AACT,CAAC;AAED,eAAeH,WAAW"}
+{"version":3,"file":"breakpoints.js","names":["BREAKPOINTS","SMALL","MEDIUM","LARGE"],"sources":["../../src/styles/breakpoints.ts"],"sourcesContent":["const BREAKPOINTS = {\r\n  SMALL: '@media (min-width: 320px)',\r\n  MEDIUM: '@media (min-width: 768px)',\r\n  LARGE: '@media (min-width: 1280px)',\r\n};\r\n\r\nexport default BREAKPOINTS;\r\n"],"mappings":"AAAA,IAAMA,WAAW,GAAG;EAClBC,KAAK,EAAE,2BAA2B;EAClCC,MAAM,EAAE,2BAA2B;EACnCC,KAAK,EAAE;AACT,CAAC;AAED,eAAeH,WAAW"}

package/dist/styles/colors.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"colors.cjs","names":["COLORS","black","white","grey","primary","accent1","accent2","correct","warning","critical","primary_20","primary_50","primary_100","primary_200","primary_300","primary_400","primary_500","primary_600","primary_700","primary_800","accent1_20","accent1_50","accent1_100","accent1_200","accent1_300","accent1_400","accent1_500","accent1_600","accent1_700","accent1_800","accent2_20","accent2_50","accent2_100","accent2_200","accent2_300","accent2_400","accent2_500","accent2_600","accent2_700","accent2_800","correct_20","correct_50","correct_100","correct_200","correct_300","correct_400","correct_500","correct_600","correct_700","correct_800","warning_20","warning_50","warning_100","warning_200","warning_300","warning_400","warning_500","warning_600","warning_700","warning_800","critical_20","critical_50","critical_100","critical_200","critical_300","critical_400","critical_500","critical_600","critical_700","critical_800","neutral_20","neutral_50","neutral_100","neutral_200","neutral_300","neutral_400","neutral_500","neutral_600","neutral_700","neutral_800","focus","focus_25","white_gradient","toast_info","toast_success","toast_warning","toast_error"],"sources":["../../src/styles/colors.ts"],"sourcesContent":["const COLORS = {\n  black: '#1F1F1F', // Neutrals / Black\n  white: '#FFFFFF', // Neutrals / White\n  grey: '#949494', // Neutrals / grey\n  primary: '#2E7FA1', // Brand / Primary - Core 500\n  accent1: '#25837E', // Brand / Accent 1 - Core 500\n  accent2: '#EAC785', // Brand / Accent 2 - Core 200\n  correct: '#37A851', // Semantic / Correct - Core 400\n  warning: '#E97116', // Semantic / Warning  - Core 400\n  critical: '#DC3449', // Semantic / Critical - Core 500\n\n  primary_20: '#F1FBFE',\n  primary_50: '#E3F5FC',\n  primary_100: '#D4E9F2',\n  primary_200: '#A9D3E5',\n  primary_300: '#7FBCD7',\n  primary_400: '#519DBD',\n  primary_500: '#2E7FA1', // 500 Core\n  primary_600: '#276D8B',\n  primary_700: '#215369',\n  primary_800: '#163746',\n\n  accent1_20: '#EDFCFB',\n  accent1_50: '#E4F6F6',\n  accent1_100: '#C8EEEC',\n  accent1_200: '#98D8D5',\n  accent1_300: '#6BC2BE',\n  accent1_400: '#3EA39E',\n  accent1_500: '#25837E', // 500 Core\n  accent1_600: '#23716D',\n  accent1_700: '#145653',\n  accent1_800: '#0F3937',\n\n  accent2_20: '#FFFAEE',\n  accent2_50: '#FDF0DE',\n  accent2_100: '#F8E2BF',\n  accent2_200: '#EAC785', // 200 Core\n  accent2_300: '#D6AD61',\n  accent2_400: '#B58E45',\n  accent2_500: '#92702F',\n  accent2_600: '#806128',\n  accent2_700: '#604920',\n  accent2_800: '#42300F',\n\n  correct_20: '#ECFEF1',\n  correct_50: '#E2F8E4',\n  correct_100: '#CCEED2',\n  correct_200: '#A0D9AD',\n  correct_300: '#77C589',\n  correct_400: '#37A851', // 400 Core\n  correct_500: '#14892F',\n  correct_600: '#13772A',\n  correct_700: '#025A15',\n  correct_800: '#003D0E',\n\n  warning_20: '#FEF7F1',\n  warning_50: '#FDF0E7',\n  warning_100: '#FCDDC5',\n  warning_200: '#F8C096',\n  warning_300: '#F4A162',\n  warning_400: '#E97116', // 400 Core\n  warning_500: '#C45402',\n  warning_600: '#AD4B00',\n  warning_700: '#803700',\n  warning_800: '#572600',\n\n  critical_20: '#FEF5F7',\n  critical_50: '#FEECF1',\n  critical_100: '#FDDEE2',\n  critical_200: '#FDBAC2',\n  critical_300: '#FD96A4',\n  critical_400: '#FC5A6F',\n  critical_500: '#DC3449', // 500 Core\n  critical_600: '#C32238',\n  critical_700: '#9C0D1D',\n  critical_800: '#6B0613',\n\n  neutral_20: '#FAFAFA', // 020 Core\n  neutral_50: '#F2F2F2',\n  neutral_100: '#E5E5E5',\n  neutral_200: '#CCCCCC',\n  neutral_300: '#B3B3B3',\n  neutral_400: '#949494',\n  neutral_500: '#767676',\n  neutral_600: '#666666',\n  neutral_700: '#4D4D4D',\n  neutral_800: '#333333',\n\n  focus: 'rgba(46, 127, 161, 1)', // Semantic / Focus 100%\n  focus_25: 'rgba(46, 127, 161, 0.25)', // Semantic / Focus 25%\n\n  white_gradient: 'linear-gradient(255deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0) 100%)',\n\n  toast_info: '#2E7FA1',\n  toast_success: '#37A851',\n  toast_warning: '#E97116',\n  toast_error: '#DC3449',\n};\n\nexport default COLORS;\n"],"mappings":"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"}
+{"version":3,"file":"colors.cjs","names":["COLORS","black","white","grey","primary","accent1","accent2","correct","warning","critical","primary_20","primary_50","primary_100","primary_200","primary_300","primary_400","primary_500","primary_600","primary_700","primary_800","accent1_20","accent1_50","accent1_100","accent1_200","accent1_300","accent1_400","accent1_500","accent1_600","accent1_700","accent1_800","accent2_20","accent2_50","accent2_100","accent2_200","accent2_300","accent2_400","accent2_500","accent2_600","accent2_700","accent2_800","correct_20","correct_50","correct_100","correct_200","correct_300","correct_400","correct_500","correct_600","correct_700","correct_800","warning_20","warning_50","warning_100","warning_200","warning_300","warning_400","warning_500","warning_600","warning_700","warning_800","critical_20","critical_50","critical_100","critical_200","critical_300","critical_400","critical_500","critical_600","critical_700","critical_800","neutral_20","neutral_50","neutral_100","neutral_200","neutral_300","neutral_400","neutral_500","neutral_600","neutral_700","neutral_800","focus","focus_25","white_gradient","toast_info","toast_success","toast_warning","toast_error"],"sources":["../../src/styles/colors.ts"],"sourcesContent":["const COLORS = {\r\n  black: '#1F1F1F', // Neutrals / Black\r\n  white: '#FFFFFF', // Neutrals / White\r\n  grey: '#949494', // Neutrals / grey\r\n  primary: '#2E7FA1', // Brand / Primary - Core 500\r\n  accent1: '#25837E', // Brand / Accent 1 - Core 500\r\n  accent2: '#EAC785', // Brand / Accent 2 - Core 200\r\n  correct: '#37A851', // Semantic / Correct - Core 400\r\n  warning: '#E97116', // Semantic / Warning  - Core 400\r\n  critical: '#DC3449', // Semantic / Critical - Core 500\r\n\r\n  primary_20: '#F1FBFE',\r\n  primary_50: '#E3F5FC',\r\n  primary_100: '#D4E9F2',\r\n  primary_200: '#A9D3E5',\r\n  primary_300: '#7FBCD7',\r\n  primary_400: '#519DBD',\r\n  primary_500: '#2E7FA1', // 500 Core\r\n  primary_600: '#276D8B',\r\n  primary_700: '#215369',\r\n  primary_800: '#163746',\r\n\r\n  accent1_20: '#EDFCFB',\r\n  accent1_50: '#E4F6F6',\r\n  accent1_100: '#C8EEEC',\r\n  accent1_200: '#98D8D5',\r\n  accent1_300: '#6BC2BE',\r\n  accent1_400: '#3EA39E',\r\n  accent1_500: '#25837E', // 500 Core\r\n  accent1_600: '#23716D',\r\n  accent1_700: '#145653',\r\n  accent1_800: '#0F3937',\r\n\r\n  accent2_20: '#FFFAEE',\r\n  accent2_50: '#FDF0DE',\r\n  accent2_100: '#F8E2BF',\r\n  accent2_200: '#EAC785', // 200 Core\r\n  accent2_300: '#D6AD61',\r\n  accent2_400: '#B58E45',\r\n  accent2_500: '#92702F',\r\n  accent2_600: '#806128',\r\n  accent2_700: '#604920',\r\n  accent2_800: '#42300F',\r\n\r\n  correct_20: '#ECFEF1',\r\n  correct_50: '#E2F8E4',\r\n  correct_100: '#CCEED2',\r\n  correct_200: '#A0D9AD',\r\n  correct_300: '#77C589',\r\n  correct_400: '#37A851', // 400 Core\r\n  correct_500: '#14892F',\r\n  correct_600: '#13772A',\r\n  correct_700: '#025A15',\r\n  correct_800: '#003D0E',\r\n\r\n  warning_20: '#FEF7F1',\r\n  warning_50: '#FDF0E7',\r\n  warning_100: '#FCDDC5',\r\n  warning_200: '#F8C096',\r\n  warning_300: '#F4A162',\r\n  warning_400: '#E97116', // 400 Core\r\n  warning_500: '#C45402',\r\n  warning_600: '#AD4B00',\r\n  warning_700: '#803700',\r\n  warning_800: '#572600',\r\n\r\n  critical_20: '#FEF5F7',\r\n  critical_50: '#FEECF1',\r\n  critical_100: '#FDDEE2',\r\n  critical_200: '#FDBAC2',\r\n  critical_300: '#FD96A4',\r\n  critical_400: '#FC5A6F',\r\n  critical_500: '#DC3449', // 500 Core\r\n  critical_600: '#C32238',\r\n  critical_700: '#9C0D1D',\r\n  critical_800: '#6B0613',\r\n\r\n  neutral_20: '#FAFAFA', // 020 Core\r\n  neutral_50: '#F2F2F2',\r\n  neutral_100: '#E5E5E5',\r\n  neutral_200: '#CCCCCC',\r\n  neutral_300: '#B3B3B3',\r\n  neutral_400: '#949494',\r\n  neutral_500: '#767676',\r\n  neutral_600: '#666666',\r\n  neutral_700: '#4D4D4D',\r\n  neutral_800: '#333333',\r\n\r\n  focus: 'rgba(46, 127, 161, 1)', // Semantic / Focus 100%\r\n  focus_25: 'rgba(46, 127, 161, 0.25)', // Semantic / Focus 25%\r\n\r\n  white_gradient: 'linear-gradient(255deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0) 100%)',\r\n\r\n  toast_info: '#2E7FA1',\r\n  toast_success: '#37A851',\r\n  toast_warning: '#E97116',\r\n  toast_error: '#DC3449',\r\n};\r\n\r\nexport default COLORS;\r\n"],"mappings":"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"}

package/dist/styles/colors.d.ts

@@ -1,89 +1,89 @@
-declare const COLORS: {
-    black: string;
-    white: string;
-    grey: string;
-    primary: string;
-    accent1: string;
-    accent2: string;
-    correct: string;
-    warning: string;
-    critical: string;
-    primary_20: string;
-    primary_50: string;
-    primary_100: string;
-    primary_200: string;
-    primary_300: string;
-    primary_400: string;
-    primary_500: string;
-    primary_600: string;
-    primary_700: string;
-    primary_800: string;
-    accent1_20: string;
-    accent1_50: string;
-    accent1_100: string;
-    accent1_200: string;
-    accent1_300: string;
-    accent1_400: string;
-    accent1_500: string;
-    accent1_600: string;
-    accent1_700: string;
-    accent1_800: string;
-    accent2_20: string;
-    accent2_50: string;
-    accent2_100: string;
-    accent2_200: string;
-    accent2_300: string;
-    accent2_400: string;
-    accent2_500: string;
-    accent2_600: string;
-    accent2_700: string;
-    accent2_800: string;
-    correct_20: string;
-    correct_50: string;
-    correct_100: string;
-    correct_200: string;
-    correct_300: string;
-    correct_400: string;
-    correct_500: string;
-    correct_600: string;
-    correct_700: string;
-    correct_800: string;
-    warning_20: string;
-    warning_50: string;
-    warning_100: string;
-    warning_200: string;
-    warning_300: string;
-    warning_400: string;
-    warning_500: string;
-    warning_600: string;
-    warning_700: string;
-    warning_800: string;
-    critical_20: string;
-    critical_50: string;
-    critical_100: string;
-    critical_200: string;
-    critical_300: string;
-    critical_400: string;
-    critical_500: string;
-    critical_600: string;
-    critical_700: string;
-    critical_800: string;
-    neutral_20: string;
-    neutral_50: string;
-    neutral_100: string;
-    neutral_200: string;
-    neutral_300: string;
-    neutral_400: string;
-    neutral_500: string;
-    neutral_600: string;
-    neutral_700: string;
-    neutral_800: string;
-    focus: string;
-    focus_25: string;
-    white_gradient: string;
-    toast_info: string;
-    toast_success: string;
-    toast_warning: string;
-    toast_error: string;
-};
-export default COLORS;
+declare const COLORS: {
+    black: string;
+    white: string;
+    grey: string;
+    primary: string;
+    accent1: string;
+    accent2: string;
+    correct: string;
+    warning: string;
+    critical: string;
+    primary_20: string;
+    primary_50: string;
+    primary_100: string;
+    primary_200: string;
+    primary_300: string;
+    primary_400: string;
+    primary_500: string;
+    primary_600: string;
+    primary_700: string;
+    primary_800: string;
+    accent1_20: string;
+    accent1_50: string;
+    accent1_100: string;
+    accent1_200: string;
+    accent1_300: string;
+    accent1_400: string;
+    accent1_500: string;
+    accent1_600: string;
+    accent1_700: string;
+    accent1_800: string;
+    accent2_20: string;
+    accent2_50: string;
+    accent2_100: string;
+    accent2_200: string;
+    accent2_300: string;
+    accent2_400: string;
+    accent2_500: string;
+    accent2_600: string;
+    accent2_700: string;
+    accent2_800: string;
+    correct_20: string;
+    correct_50: string;
+    correct_100: string;
+    correct_200: string;
+    correct_300: string;
+    correct_400: string;
+    correct_500: string;
+    correct_600: string;
+    correct_700: string;
+    correct_800: string;
+    warning_20: string;
+    warning_50: string;
+    warning_100: string;
+    warning_200: string;
+    warning_300: string;
+    warning_400: string;
+    warning_500: string;
+    warning_600: string;
+    warning_700: string;
+    warning_800: string;
+    critical_20: string;
+    critical_50: string;
+    critical_100: string;
+    critical_200: string;
+    critical_300: string;
+    critical_400: string;
+    critical_500: string;
+    critical_600: string;
+    critical_700: string;
+    critical_800: string;
+    neutral_20: string;
+    neutral_50: string;
+    neutral_100: string;
+    neutral_200: string;
+    neutral_300: string;
+    neutral_400: string;
+    neutral_500: string;
+    neutral_600: string;
+    neutral_700: string;
+    neutral_800: string;
+    focus: string;
+    focus_25: string;
+    white_gradient: string;
+    toast_info: string;
+    toast_success: string;
+    toast_warning: string;
+    toast_error: string;
+};
+export default COLORS;

package/dist/styles/colors.js.map

@@ -1 +1 @@
-{"version":3,"file":"colors.js","names":["COLORS","black","white","grey","primary","accent1","accent2","correct","warning","critical","primary_20","primary_50","primary_100","primary_200","primary_300","primary_400","primary_500","primary_600","primary_700","primary_800","accent1_20","accent1_50","accent1_100","accent1_200","accent1_300","accent1_400","accent1_500","accent1_600","accent1_700","accent1_800","accent2_20","accent2_50","accent2_100","accent2_200","accent2_300","accent2_400","accent2_500","accent2_600","accent2_700","accent2_800","correct_20","correct_50","correct_100","correct_200","correct_300","correct_400","correct_500","correct_600","correct_700","correct_800","warning_20","warning_50","warning_100","warning_200","warning_300","warning_400","warning_500","warning_600","warning_700","warning_800","critical_20","critical_50","critical_100","critical_200","critical_300","critical_400","critical_500","critical_600","critical_700","critical_800","neutral_20","neutral_50","neutral_100","neutral_200","neutral_300","neutral_400","neutral_500","neutral_600","neutral_700","neutral_800","focus","focus_25","white_gradient","toast_info","toast_success","toast_warning","toast_error"],"sources":["../../src/styles/colors.ts"],"sourcesContent":["const COLORS = {\n  black: '#1F1F1F', // Neutrals / Black\n  white: '#FFFFFF', // Neutrals / White\n  grey: '#949494', // Neutrals / grey\n  primary: '#2E7FA1', // Brand / Primary - Core 500\n  accent1: '#25837E', // Brand / Accent 1 - Core 500\n  accent2: '#EAC785', // Brand / Accent 2 - Core 200\n  correct: '#37A851', // Semantic / Correct - Core 400\n  warning: '#E97116', // Semantic / Warning  - Core 400\n  critical: '#DC3449', // Semantic / Critical - Core 500\n\n  primary_20: '#F1FBFE',\n  primary_50: '#E3F5FC',\n  primary_100: '#D4E9F2',\n  primary_200: '#A9D3E5',\n  primary_300: '#7FBCD7',\n  primary_400: '#519DBD',\n  primary_500: '#2E7FA1', // 500 Core\n  primary_600: '#276D8B',\n  primary_700: '#215369',\n  primary_800: '#163746',\n\n  accent1_20: '#EDFCFB',\n  accent1_50: '#E4F6F6',\n  accent1_100: '#C8EEEC',\n  accent1_200: '#98D8D5',\n  accent1_300: '#6BC2BE',\n  accent1_400: '#3EA39E',\n  accent1_500: '#25837E', // 500 Core\n  accent1_600: '#23716D',\n  accent1_700: '#145653',\n  accent1_800: '#0F3937',\n\n  accent2_20: '#FFFAEE',\n  accent2_50: '#FDF0DE',\n  accent2_100: '#F8E2BF',\n  accent2_200: '#EAC785', // 200 Core\n  accent2_300: '#D6AD61',\n  accent2_400: '#B58E45',\n  accent2_500: '#92702F',\n  accent2_600: '#806128',\n  accent2_700: '#604920',\n  accent2_800: '#42300F',\n\n  correct_20: '#ECFEF1',\n  correct_50: '#E2F8E4',\n  correct_100: '#CCEED2',\n  correct_200: '#A0D9AD',\n  correct_300: '#77C589',\n  correct_400: '#37A851', // 400 Core\n  correct_500: '#14892F',\n  correct_600: '#13772A',\n  correct_700: '#025A15',\n  correct_800: '#003D0E',\n\n  warning_20: '#FEF7F1',\n  warning_50: '#FDF0E7',\n  warning_100: '#FCDDC5',\n  warning_200: '#F8C096',\n  warning_300: '#F4A162',\n  warning_400: '#E97116', // 400 Core\n  warning_500: '#C45402',\n  warning_600: '#AD4B00',\n  warning_700: '#803700',\n  warning_800: '#572600',\n\n  critical_20: '#FEF5F7',\n  critical_50: '#FEECF1',\n  critical_100: '#FDDEE2',\n  critical_200: '#FDBAC2',\n  critical_300: '#FD96A4',\n  critical_400: '#FC5A6F',\n  critical_500: '#DC3449', // 500 Core\n  critical_600: '#C32238',\n  critical_700: '#9C0D1D',\n  critical_800: '#6B0613',\n\n  neutral_20: '#FAFAFA', // 020 Core\n  neutral_50: '#F2F2F2',\n  neutral_100: '#E5E5E5',\n  neutral_200: '#CCCCCC',\n  neutral_300: '#B3B3B3',\n  neutral_400: '#949494',\n  neutral_500: '#767676',\n  neutral_600: '#666666',\n  neutral_700: '#4D4D4D',\n  neutral_800: '#333333',\n\n  focus: 'rgba(46, 127, 161, 1)', // Semantic / Focus 100%\n  focus_25: 'rgba(46, 127, 161, 0.25)', // Semantic / Focus 25%\n\n  white_gradient: 'linear-gradient(255deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0) 100%)',\n\n  toast_info: '#2E7FA1',\n  toast_success: '#37A851',\n  toast_warning: '#E97116',\n  toast_error: '#DC3449',\n};\n\nexport default COLORS;\n"],"mappings":"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"}
+{"version":3,"file":"colors.js","names":["COLORS","black","white","grey","primary","accent1","accent2","correct","warning","critical","primary_20","primary_50","primary_100","primary_200","primary_300","primary_400","primary_500","primary_600","primary_700","primary_800","accent1_20","accent1_50","accent1_100","accent1_200","accent1_300","accent1_400","accent1_500","accent1_600","accent1_700","accent1_800","accent2_20","accent2_50","accent2_100","accent2_200","accent2_300","accent2_400","accent2_500","accent2_600","accent2_700","accent2_800","correct_20","correct_50","correct_100","correct_200","correct_300","correct_400","correct_500","correct_600","correct_700","correct_800","warning_20","warning_50","warning_100","warning_200","warning_300","warning_400","warning_500","warning_600","warning_700","warning_800","critical_20","critical_50","critical_100","critical_200","critical_300","critical_400","critical_500","critical_600","critical_700","critical_800","neutral_20","neutral_50","neutral_100","neutral_200","neutral_300","neutral_400","neutral_500","neutral_600","neutral_700","neutral_800","focus","focus_25","white_gradient","toast_info","toast_success","toast_warning","toast_error"],"sources":["../../src/styles/colors.ts"],"sourcesContent":["const COLORS = {\r\n  black: '#1F1F1F', // Neutrals / Black\r\n  white: '#FFFFFF', // Neutrals / White\r\n  grey: '#949494', // Neutrals / grey\r\n  primary: '#2E7FA1', // Brand / Primary - Core 500\r\n  accent1: '#25837E', // Brand / Accent 1 - Core 500\r\n  accent2: '#EAC785', // Brand / Accent 2 - Core 200\r\n  correct: '#37A851', // Semantic / Correct - Core 400\r\n  warning: '#E97116', // Semantic / Warning  - Core 400\r\n  critical: '#DC3449', // Semantic / Critical - Core 500\r\n\r\n  primary_20: '#F1FBFE',\r\n  primary_50: '#E3F5FC',\r\n  primary_100: '#D4E9F2',\r\n  primary_200: '#A9D3E5',\r\n  primary_300: '#7FBCD7',\r\n  primary_400: '#519DBD',\r\n  primary_500: '#2E7FA1', // 500 Core\r\n  primary_600: '#276D8B',\r\n  primary_700: '#215369',\r\n  primary_800: '#163746',\r\n\r\n  accent1_20: '#EDFCFB',\r\n  accent1_50: '#E4F6F6',\r\n  accent1_100: '#C8EEEC',\r\n  accent1_200: '#98D8D5',\r\n  accent1_300: '#6BC2BE',\r\n  accent1_400: '#3EA39E',\r\n  accent1_500: '#25837E', // 500 Core\r\n  accent1_600: '#23716D',\r\n  accent1_700: '#145653',\r\n  accent1_800: '#0F3937',\r\n\r\n  accent2_20: '#FFFAEE',\r\n  accent2_50: '#FDF0DE',\r\n  accent2_100: '#F8E2BF',\r\n  accent2_200: '#EAC785', // 200 Core\r\n  accent2_300: '#D6AD61',\r\n  accent2_400: '#B58E45',\r\n  accent2_500: '#92702F',\r\n  accent2_600: '#806128',\r\n  accent2_700: '#604920',\r\n  accent2_800: '#42300F',\r\n\r\n  correct_20: '#ECFEF1',\r\n  correct_50: '#E2F8E4',\r\n  correct_100: '#CCEED2',\r\n  correct_200: '#A0D9AD',\r\n  correct_300: '#77C589',\r\n  correct_400: '#37A851', // 400 Core\r\n  correct_500: '#14892F',\r\n  correct_600: '#13772A',\r\n  correct_700: '#025A15',\r\n  correct_800: '#003D0E',\r\n\r\n  warning_20: '#FEF7F1',\r\n  warning_50: '#FDF0E7',\r\n  warning_100: '#FCDDC5',\r\n  warning_200: '#F8C096',\r\n  warning_300: '#F4A162',\r\n  warning_400: '#E97116', // 400 Core\r\n  warning_500: '#C45402',\r\n  warning_600: '#AD4B00',\r\n  warning_700: '#803700',\r\n  warning_800: '#572600',\r\n\r\n  critical_20: '#FEF5F7',\r\n  critical_50: '#FEECF1',\r\n  critical_100: '#FDDEE2',\r\n  critical_200: '#FDBAC2',\r\n  critical_300: '#FD96A4',\r\n  critical_400: '#FC5A6F',\r\n  critical_500: '#DC3449', // 500 Core\r\n  critical_600: '#C32238',\r\n  critical_700: '#9C0D1D',\r\n  critical_800: '#6B0613',\r\n\r\n  neutral_20: '#FAFAFA', // 020 Core\r\n  neutral_50: '#F2F2F2',\r\n  neutral_100: '#E5E5E5',\r\n  neutral_200: '#CCCCCC',\r\n  neutral_300: '#B3B3B3',\r\n  neutral_400: '#949494',\r\n  neutral_500: '#767676',\r\n  neutral_600: '#666666',\r\n  neutral_700: '#4D4D4D',\r\n  neutral_800: '#333333',\r\n\r\n  focus: 'rgba(46, 127, 161, 1)', // Semantic / Focus 100%\r\n  focus_25: 'rgba(46, 127, 161, 0.25)', // Semantic / Focus 25%\r\n\r\n  white_gradient: 'linear-gradient(255deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0) 100%)',\r\n\r\n  toast_info: '#2E7FA1',\r\n  toast_success: '#37A851',\r\n  toast_warning: '#E97116',\r\n  toast_error: '#DC3449',\r\n};\r\n\r\nexport default COLORS;\r\n"],"mappings":"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"}

package/dist/styles/focus-styles.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"focus-styles.cjs","names":["focusStyles","css","Z_INDEXES","focus","invertedFocusStyles"],"sources":["../../src/styles/focus-styles.tsx"],"sourcesContent":["import {css} from 'styled-components';\nimport {Z_INDEXES} from './z-indexes';\n\nexport const focusStyles = css`\n  outline: 4px solid black;\n  outline-offset: 2px;\n  border-radius: 2px;\n  z-index: ${Z_INDEXES.focus};\n`;\n\nexport const invertedFocusStyles = css`\n  outline: 4px solid white;\n  outline-offset: 2px;\n  border-radius: 2px;\n  z-index: ${Z_INDEXES.focus};\n`;\n"],"mappings":";;;;;;;;AAAA;AACA;AAAsC;AAE/B,IAAMA,WAAW,OAAGC,qBAAG,qLAIjBC,mBAAS,CAACC,KAAK,CAC3B;AAAC;AAEK,IAAMC,mBAAmB,OAAGH,qBAAG,uLAIzBC,mBAAS,CAACC,KAAK,CAC3B;AAAC"}
+{"version":3,"file":"focus-styles.cjs","names":["focusStyles","css","Z_INDEXES","focus","invertedFocusStyles"],"sources":["../../src/styles/focus-styles.tsx"],"sourcesContent":["import {css} from 'styled-components';\r\nimport {Z_INDEXES} from './z-indexes';\r\n\r\nexport const focusStyles = css`\r\n  outline: 4px solid black;\r\n  outline-offset: 2px;\r\n  border-radius: 2px;\r\n  z-index: ${Z_INDEXES.focus};\r\n`;\r\n\r\nexport const invertedFocusStyles = css`\r\n  outline: 4px solid white;\r\n  outline-offset: 2px;\r\n  border-radius: 2px;\r\n  z-index: ${Z_INDEXES.focus};\r\n`;\r\n"],"mappings":";;;;;;;;AAAA;AACA;AAAsC;AAE/B,IAAMA,WAAW,OAAGC,qBAAG,qLAIjBC,mBAAS,CAACC,KAAK,CAC3B;AAAC;AAEK,IAAMC,mBAAmB,OAAGH,qBAAG,uLAIzBC,mBAAS,CAACC,KAAK,CAC3B;AAAC"}

package/dist/styles/focus-styles.d.ts

@@ -1,2 +1,2 @@
-export declare const focusStyles: import("styled-components").FlattenSimpleInterpolation;
-export declare const invertedFocusStyles: import("styled-components").FlattenSimpleInterpolation;
+export declare const focusStyles: import("styled-components").FlattenSimpleInterpolation;
+export declare const invertedFocusStyles: import("styled-components").FlattenSimpleInterpolation;

package/dist/styles/focus-styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"focus-styles.js","names":["css","Z_INDEXES","focusStyles","focus","invertedFocusStyles"],"sources":["../../src/styles/focus-styles.tsx"],"sourcesContent":["import {css} from 'styled-components';\nimport {Z_INDEXES} from './z-indexes';\n\nexport const focusStyles = css`\n  outline: 4px solid black;\n  outline-offset: 2px;\n  border-radius: 2px;\n  z-index: ${Z_INDEXES.focus};\n`;\n\nexport const invertedFocusStyles = css`\n  outline: 4px solid white;\n  outline-offset: 2px;\n  border-radius: 2px;\n  z-index: ${Z_INDEXES.focus};\n`;\n"],"mappings":";;AAAA,SAAQA,GAAG,QAAO,mBAAmB;AACrC,SAAQC,SAAS,QAAO,aAAa;AAErC,OAAO,IAAMC,WAAW,GAAGF,GAAG,sKAIjBC,SAAS,CAACE,KAAK,CAC3B;AAED,OAAO,IAAMC,mBAAmB,GAAGJ,GAAG,wKAIzBC,SAAS,CAACE,KAAK,CAC3B"}
+{"version":3,"file":"focus-styles.js","names":["css","Z_INDEXES","focusStyles","focus","invertedFocusStyles"],"sources":["../../src/styles/focus-styles.tsx"],"sourcesContent":["import {css} from 'styled-components';\r\nimport {Z_INDEXES} from './z-indexes';\r\n\r\nexport const focusStyles = css`\r\n  outline: 4px solid black;\r\n  outline-offset: 2px;\r\n  border-radius: 2px;\r\n  z-index: ${Z_INDEXES.focus};\r\n`;\r\n\r\nexport const invertedFocusStyles = css`\r\n  outline: 4px solid white;\r\n  outline-offset: 2px;\r\n  border-radius: 2px;\r\n  z-index: ${Z_INDEXES.focus};\r\n`;\r\n"],"mappings":";;AAAA,SAAQA,GAAG,QAAO,mBAAmB;AACrC,SAAQC,SAAS,QAAO,aAAa;AAErC,OAAO,IAAMC,WAAW,GAAGF,GAAG,sKAIjBC,SAAS,CAACE,KAAK,CAC3B;AAED,OAAO,IAAMC,mBAAmB,GAAGJ,GAAG,wKAIzBC,SAAS,CAACE,KAAK,CAC3B"}

package/dist/styles/global.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"global.cjs","names":["resizeIcon","btoa","SystemIcons","ExtendTextArea","replace","COLORS","neutral_600","globalStyles","black","primary_100","Typography"],"sources":["../../src/styles/global.ts"],"sourcesContent":["import COLORS from './colors';\nimport {Typography} from \"./typography\";\nimport {SystemIcons} from \"@laerdal/figma-svg\";\n\nconst resizeIcon = btoa(SystemIcons.ExtendTextArea.replace(\"viewBox=\\\"0 0 24 24\\\"\", \"viewBox='0 0 26 26'\")\n  .replace('fill=\"#1F1F1F\"', `fill=\"${COLORS.neutral_600}\"`));\n\nconst globalStyles = `\n  html,\n  body {\n    height: 100%;\n    font-family: 'Lato', sans-serif;\n    color: ${COLORS.black};\n    -webkit-font-smoothing: antialiased;\n  }\n\n  [lang^=\"ja\" i] {\n    font-family: Lato, Noto Sans, Noto Sans JP, sans-serif;\n  }\n  \n  [lang^=\"ko\" i] {\n    font-family: Lato, Noto Sans, Noto Sans KR, sans-serif;\n  }\n  \n  [lang^=\"zh\" i] {\n    font-family: Lato, Noto Sans, Noto Sans SC, sans-serif;\n  }\n  \n  [lang=\"zh-cht\" i],\n  [lang=\"zh-hant\" i],\n  [lang=\"zh-hk\" i],\n  [lang=\"zh-mo\" i],\n  [lang=\"zh-tw\" i] {\n    font-family: Lato, Noto Sans, Noto Sans TC, sans-serif;\n  }\n\n\n  body {\n    margin: 0;\n    padding: 0;\n  }\n\n  main,\n  aside,\n  details {\n    display: block;\n  }\n\n  summary {\n    display: block;\n  }\n\n  #root {\n    height: 100%;\n    display: flex;\n    flex-direction: column;\n  }\n\n  button,\n  input,\n  label {\n    font-family: inherit;\n  }\n\n  .react-grid-item.react-grid-placeholder {\n    background: ${COLORS.primary_100} !important;\n    opacity: 1 !important;\n  }\n\n  .react-resizable-handle {\n    background-image: none !important;\n  }\n\n  .react-resizable-handle::after {\n    border: none !important;\n  }\n  \n  ::-webkit-resizer {\n    background-image: url(\"data:image/svg+xml;base64,${resizeIcon}\");\n  }\n  \n  ${Typography}\n`;\n\nexport default globalStyles;\n"],"mappings":";;;;;;;AAAA;AACA;AACA;AAEA,IAAMA,UAAU,GAAGC,IAAI,CAACC,qBAAW,CAACC,cAAc,CAACC,OAAO,CAAC,uBAAuB,EAAE,qBAAqB,CAAC,CACvGA,OAAO,CAAC,gBAAgB,mBAAWC,eAAM,CAACC,WAAW,QAAI,CAAC;AAE7D,IAAMC,YAAY,sGAKLF,eAAM,CAACG,KAAK,83BAqDPH,eAAM,CAACI,WAAW,kSAamBT,UAAU,8BAG7DU,sBAAU,OACb;AAAC,eAEaH,YAAY;AAAA"}
+{"version":3,"file":"global.cjs","names":["resizeIcon","btoa","SystemIcons","ExtendTextArea","replace","COLORS","neutral_600","globalStyles","black","primary_100","Typography"],"sources":["../../src/styles/global.ts"],"sourcesContent":["import COLORS from './colors';\r\nimport {Typography} from \"./typography\";\r\nimport {SystemIcons} from \"@laerdal/figma-svg\";\r\n\r\nconst resizeIcon = btoa(SystemIcons.ExtendTextArea.replace(\"viewBox=\\\"0 0 24 24\\\"\", \"viewBox='0 0 26 26'\")\r\n  .replace('fill=\"#1F1F1F\"', `fill=\"${COLORS.neutral_600}\"`));\r\n\r\nconst globalStyles = `\r\n  html,\r\n  body {\r\n    height: 100%;\r\n    font-family: 'Lato', sans-serif;\r\n    color: ${COLORS.black};\r\n    -webkit-font-smoothing: antialiased;\r\n  }\r\n\r\n  [lang^=\"ja\" i] {\r\n    font-family: Lato, Noto Sans, Noto Sans JP, sans-serif;\r\n  }\r\n  \r\n  [lang^=\"ko\" i] {\r\n    font-family: Lato, Noto Sans, Noto Sans KR, sans-serif;\r\n  }\r\n  \r\n  [lang^=\"zh\" i] {\r\n    font-family: Lato, Noto Sans, Noto Sans SC, sans-serif;\r\n  }\r\n  \r\n  [lang=\"zh-cht\" i],\r\n  [lang=\"zh-hant\" i],\r\n  [lang=\"zh-hk\" i],\r\n  [lang=\"zh-mo\" i],\r\n  [lang=\"zh-tw\" i] {\r\n    font-family: Lato, Noto Sans, Noto Sans TC, sans-serif;\r\n  }\r\n\r\n\r\n  body {\r\n    margin: 0;\r\n    padding: 0;\r\n  }\r\n\r\n  main,\r\n  aside,\r\n  details {\r\n    display: block;\r\n  }\r\n\r\n  summary {\r\n    display: block;\r\n  }\r\n\r\n  #root {\r\n    height: 100%;\r\n    display: flex;\r\n    flex-direction: column;\r\n  }\r\n\r\n  button,\r\n  input,\r\n  label {\r\n    font-family: inherit;\r\n  }\r\n\r\n  .react-grid-item.react-grid-placeholder {\r\n    background: ${COLORS.primary_100} !important;\r\n    opacity: 1 !important;\r\n  }\r\n\r\n  .react-resizable-handle {\r\n    background-image: none !important;\r\n  }\r\n\r\n  .react-resizable-handle::after {\r\n    border: none !important;\r\n  }\r\n  \r\n  ::-webkit-resizer {\r\n    background-image: url(\"data:image/svg+xml;base64,${resizeIcon}\");\r\n  }\r\n  \r\n  ${Typography}\r\n`;\r\n\r\nexport default globalStyles;\r\n"],"mappings":";;;;;;;AAAA;AACA;AACA;AAEA,IAAMA,UAAU,GAAGC,IAAI,CAACC,qBAAW,CAACC,cAAc,CAACC,OAAO,CAAC,uBAAuB,EAAE,qBAAqB,CAAC,CACvGA,OAAO,CAAC,gBAAgB,mBAAWC,eAAM,CAACC,WAAW,QAAI,CAAC;AAE7D,IAAMC,YAAY,sGAKLF,eAAM,CAACG,KAAK,83BAqDPH,eAAM,CAACI,WAAW,kSAamBT,UAAU,8BAG7DU,sBAAU,OACb;AAAC,eAEaH,YAAY;AAAA"}

package/dist/styles/global.d.ts

@@ -1,2 +1,2 @@
-declare const globalStyles: string;
-export default globalStyles;
+declare const globalStyles: string;
+export default globalStyles;

package/dist/styles/global.js.map

@@ -1 +1 @@
-{"version":3,"file":"global.js","names":["COLORS","Typography","SystemIcons","resizeIcon","btoa","ExtendTextArea","replace","neutral_600","globalStyles","black","primary_100"],"sources":["../../src/styles/global.ts"],"sourcesContent":["import COLORS from './colors';\nimport {Typography} from \"./typography\";\nimport {SystemIcons} from \"@laerdal/figma-svg\";\n\nconst resizeIcon = btoa(SystemIcons.ExtendTextArea.replace(\"viewBox=\\\"0 0 24 24\\\"\", \"viewBox='0 0 26 26'\")\n  .replace('fill=\"#1F1F1F\"', `fill=\"${COLORS.neutral_600}\"`));\n\nconst globalStyles = `\n  html,\n  body {\n    height: 100%;\n    font-family: 'Lato', sans-serif;\n    color: ${COLORS.black};\n    -webkit-font-smoothing: antialiased;\n  }\n\n  [lang^=\"ja\" i] {\n    font-family: Lato, Noto Sans, Noto Sans JP, sans-serif;\n  }\n  \n  [lang^=\"ko\" i] {\n    font-family: Lato, Noto Sans, Noto Sans KR, sans-serif;\n  }\n  \n  [lang^=\"zh\" i] {\n    font-family: Lato, Noto Sans, Noto Sans SC, sans-serif;\n  }\n  \n  [lang=\"zh-cht\" i],\n  [lang=\"zh-hant\" i],\n  [lang=\"zh-hk\" i],\n  [lang=\"zh-mo\" i],\n  [lang=\"zh-tw\" i] {\n    font-family: Lato, Noto Sans, Noto Sans TC, sans-serif;\n  }\n\n\n  body {\n    margin: 0;\n    padding: 0;\n  }\n\n  main,\n  aside,\n  details {\n    display: block;\n  }\n\n  summary {\n    display: block;\n  }\n\n  #root {\n    height: 100%;\n    display: flex;\n    flex-direction: column;\n  }\n\n  button,\n  input,\n  label {\n    font-family: inherit;\n  }\n\n  .react-grid-item.react-grid-placeholder {\n    background: ${COLORS.primary_100} !important;\n    opacity: 1 !important;\n  }\n\n  .react-resizable-handle {\n    background-image: none !important;\n  }\n\n  .react-resizable-handle::after {\n    border: none !important;\n  }\n  \n  ::-webkit-resizer {\n    background-image: url(\"data:image/svg+xml;base64,${resizeIcon}\");\n  }\n  \n  ${Typography}\n`;\n\nexport default globalStyles;\n"],"mappings":"AAAA,OAAOA,MAAM,MAAM,UAAU;AAC7B,SAAQC,UAAU,QAAO,cAAc;AACvC,SAAQC,WAAW,QAAO,oBAAoB;AAE9C,IAAMC,UAAU,GAAGC,IAAI,CAACF,WAAW,CAACG,cAAc,CAACC,OAAO,CAAC,uBAAuB,EAAE,qBAAqB,CAAC,CACvGA,OAAO,CAAC,gBAAgB,mBAAWN,MAAM,CAACO,WAAW,QAAI,CAAC;AAE7D,IAAMC,YAAY,sGAKLR,MAAM,CAACS,KAAK,83BAqDPT,MAAM,CAACU,WAAW,kSAamBP,UAAU,8BAG7DF,UAAU,OACb;AAED,eAAeO,YAAY"}
+{"version":3,"file":"global.js","names":["COLORS","Typography","SystemIcons","resizeIcon","btoa","ExtendTextArea","replace","neutral_600","globalStyles","black","primary_100"],"sources":["../../src/styles/global.ts"],"sourcesContent":["import COLORS from './colors';\r\nimport {Typography} from \"./typography\";\r\nimport {SystemIcons} from \"@laerdal/figma-svg\";\r\n\r\nconst resizeIcon = btoa(SystemIcons.ExtendTextArea.replace(\"viewBox=\\\"0 0 24 24\\\"\", \"viewBox='0 0 26 26'\")\r\n  .replace('fill=\"#1F1F1F\"', `fill=\"${COLORS.neutral_600}\"`));\r\n\r\nconst globalStyles = `\r\n  html,\r\n  body {\r\n    height: 100%;\r\n    font-family: 'Lato', sans-serif;\r\n    color: ${COLORS.black};\r\n    -webkit-font-smoothing: antialiased;\r\n  }\r\n\r\n  [lang^=\"ja\" i] {\r\n    font-family: Lato, Noto Sans, Noto Sans JP, sans-serif;\r\n  }\r\n  \r\n  [lang^=\"ko\" i] {\r\n    font-family: Lato, Noto Sans, Noto Sans KR, sans-serif;\r\n  }\r\n  \r\n  [lang^=\"zh\" i] {\r\n    font-family: Lato, Noto Sans, Noto Sans SC, sans-serif;\r\n  }\r\n  \r\n  [lang=\"zh-cht\" i],\r\n  [lang=\"zh-hant\" i],\r\n  [lang=\"zh-hk\" i],\r\n  [lang=\"zh-mo\" i],\r\n  [lang=\"zh-tw\" i] {\r\n    font-family: Lato, Noto Sans, Noto Sans TC, sans-serif;\r\n  }\r\n\r\n\r\n  body {\r\n    margin: 0;\r\n    padding: 0;\r\n  }\r\n\r\n  main,\r\n  aside,\r\n  details {\r\n    display: block;\r\n  }\r\n\r\n  summary {\r\n    display: block;\r\n  }\r\n\r\n  #root {\r\n    height: 100%;\r\n    display: flex;\r\n    flex-direction: column;\r\n  }\r\n\r\n  button,\r\n  input,\r\n  label {\r\n    font-family: inherit;\r\n  }\r\n\r\n  .react-grid-item.react-grid-placeholder {\r\n    background: ${COLORS.primary_100} !important;\r\n    opacity: 1 !important;\r\n  }\r\n\r\n  .react-resizable-handle {\r\n    background-image: none !important;\r\n  }\r\n\r\n  .react-resizable-handle::after {\r\n    border: none !important;\r\n  }\r\n  \r\n  ::-webkit-resizer {\r\n    background-image: url(\"data:image/svg+xml;base64,${resizeIcon}\");\r\n  }\r\n  \r\n  ${Typography}\r\n`;\r\n\r\nexport default globalStyles;\r\n"],"mappings":"AAAA,OAAOA,MAAM,MAAM,UAAU;AAC7B,SAAQC,UAAU,QAAO,cAAc;AACvC,SAAQC,WAAW,QAAO,oBAAoB;AAE9C,IAAMC,UAAU,GAAGC,IAAI,CAACF,WAAW,CAACG,cAAc,CAACC,OAAO,CAAC,uBAAuB,EAAE,qBAAqB,CAAC,CACvGA,OAAO,CAAC,gBAAgB,mBAAWN,MAAM,CAACO,WAAW,QAAI,CAAC;AAE7D,IAAMC,YAAY,sGAKLR,MAAM,CAACS,KAAK,83BAqDPT,MAAM,CAACU,WAAW,kSAamBP,UAAU,8BAG7DF,UAAU,OACb;AAED,eAAeO,YAAY"}