@laerdal/life-react-components 3.5.2-uss.hackathon → 4.0.0

package/dist/Tabs/VerticalTabs.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"VerticalTabs.cjs","names":["VerticalTabs","size","entries","Size","Large","map","entry","to","requiredLine","optionalLine","endLineIcon","optionalLineIcon","disabled","showNotificationDot","variant","e","onClick"],"sources":["../../src/Tabs/VerticalTabs.tsx"],"sourcesContent":["import * as React from 'react';\r\nimport Tabs from './Tabs';\r\nimport TabLink from './TabLink';\r\nimport { BaseProps } from '../icons';\r\nimport { Size } from '../types';\r\n\r\nexport interface VerticalTabEntry {\r\n  requiredLine: string;\r\n  optionalLine?: string;\r\n  optionalLineIcon?: React.ReactNode;\r\n  endLineIcon?: React.ReactNode;\r\n  to: string;\r\n  disabled?: boolean;\r\n  onClick?: (e: React.MouseEvent) => void;\r\n  showNotificationDot?: boolean;\r\n  variant?: 'critical' | 'positive';\r\n}\r\ninterface VerticalTabsProps {\r\n  size?: Size.Small | Size.Medium | Size.Large;\r\n  entries: VerticalTabEntry[];\r\n}\r\n\r\nconst VerticalTabs = ({ size, entries }: VerticalTabsProps) => {\r\n  return (\r\n    <Tabs size={size ?? Size.Large}>\r\n      {entries?.map((entry: VerticalTabEntry) => (\r\n        <TabLink\r\n          key={entry.to}\r\n          to={entry.to}\r\n          requiredLine={entry.requiredLine}\r\n          optionalLine={entry.optionalLine}\r\n          endLineIcon={entry.endLineIcon}\r\n          OptionalLineIcon={entry.optionalLineIcon}\r\n          disabled={entry.disabled}\r\n          showNotificationDot={entry.showNotificationDot}\r\n          size={size}\r\n          variant={entry.variant}\r\n          onLinkClick={(e) => {\r\n            if (entry.onClick) {\r\n              entry.onClick(e);\r\n            }\r\n          }}/>\r\n      ))}\r\n    </Tabs>\r\n  );\r\n};\r\n\r\nexport default VerticalTabs;\r\n"],"mappings":";;;;;;;;;AAAA;AACA;AACA;AAEA;AAAgC;AAAA;AAAA;AAkBhC,IAAMA,YAAY,GAAG,SAAfA,YAAY,OAA6C;EAAA,IAAvCC,IAAI,QAAJA,IAAI;IAAEC,OAAO,QAAPA,OAAO;EACnC,oBACE,qBAAC,aAAI;IAAC,IAAI,EAAED,IAAI,aAAJA,IAAI,cAAJA,IAAI,GAAIE,WAAI,CAACC,KAAM;IAAA,UAC5BF,OAAO,aAAPA,OAAO,uBAAPA,OAAO,CAAEG,GAAG,CAAC,UAACC,KAAuB;MAAA,oBACpC,qBAAC,gBAAO;QAEN,EAAE,EAAEA,KAAK,CAACC,EAAG;QACb,YAAY,EAAED,KAAK,CAACE,YAAa;QACjC,YAAY,EAAEF,KAAK,CAACG,YAAa;QACjC,WAAW,EAAEH,KAAK,CAACI,WAAY;QAC/B,gBAAgB,EAAEJ,KAAK,CAACK,gBAAiB;QACzC,QAAQ,EAAEL,KAAK,CAACM,QAAS;QACzB,mBAAmB,EAAEN,KAAK,CAACO,mBAAoB;QAC/C,IAAI,EAAEZ,IAAK;QACX,OAAO,EAAEK,KAAK,CAACQ,OAAQ;QACvB,WAAW,EAAE,qBAACC,CAAC,EAAK;UAClB,IAAIT,KAAK,CAACU,OAAO,EAAE;YACjBV,KAAK,CAACU,OAAO,CAACD,CAAC,CAAC;UAClB;QACF;MAAE,GAdGT,KAAK,CAACC,EAAE,CAcT;IAAA,CACP;EAAC,EACG;AAEX,CAAC;AAAC;EA1BAL,OAAO;IAZPM,YAAY;IACZC,YAAY;IACZE,gBAAgB;IAChBD,WAAW;IACXH,EAAE;IACFK,QAAQ;IACRI,OAAO;IACPH,mBAAmB;IACnBC,OAAO,4BAAG,UAAU,EAAG,UAAU;EAAA;AAAA;AAAA,eAgCpBd,YAAY;AAAA"}
+{"version":3,"file":"VerticalTabs.cjs","names":["React","_interopRequireWildcard","require","_Tabs","_interopRequireDefault","_TabLink","_types","_jsxRuntime","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","_typeof","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","VerticalTabs","_ref","size","entries","jsx","Size","Large","children","map","entry","to","requiredLine","optionalLine","endLineIcon","OptionalLineIcon","optionalLineIcon","disabled","showNotificationDot","variant","onLinkClick","onClick","propTypes","_propTypes","arrayOf","shape","string","isRequired","node","bool","func","oneOf","_default","exports"],"sources":["../../src/Tabs/VerticalTabs.tsx"],"sourcesContent":["import * as React from 'react';\r\nimport Tabs from './Tabs';\r\nimport TabLink from './TabLink';\r\nimport { BaseProps } from '../icons';\r\nimport { Size } from '../types';\r\n\r\nexport interface VerticalTabEntry {\r\n  /**\r\n   * Required. The main text to be displayed on the tab.\r\n   */\r\n  requiredLine: string;\r\n\r\n  /**\r\n   * Optional. The secondary text to be displayed on the tab link under the required line.\r\n   */\r\n  optionalLine?: string;\r\n\r\n  /**\r\n   * Optional. The icon to be displayed next to the secondary text on the tab link under the required line.\r\n   */\r\n  optionalLineIcon?: React.ReactNode;\r\n\r\n  /**\r\n   * Optional. The icon to be displayed at the end of the tab.\r\n   */\r\n  endLineIcon?: React.ReactNode;\r\n\r\n  /**\r\n   * Required. The URL to which the tab links.\r\n   */\r\n  to: string;\r\n\r\n  /**\r\n   * Optional. A boolean indicating whether the tab is disabled.\r\n   * If true, the tab will be unclickable and will have a disabled appearance.\r\n   */\r\n  disabled?: boolean;\r\n\r\n  /**\r\n   * Optional. The handler function to be called when the tab is clicked.\r\n   */\r\n  onClick?: (e: React.MouseEvent) => void;\r\n\r\n  /**\r\n   * Optional. A boolean indicating whether a notification dot should be shown on the tab.\r\n   */\r\n  showNotificationDot?: boolean;\r\n\r\n  /**\r\n   * Optional. The variant of the notification dot. It can be 'critical' or 'positive'. Defaults to 'Critical'\r\n   */\r\n  variant?: 'critical' | 'positive';\r\n}\r\n\r\nexport interface VerticalTabsProps {\r\n  size?: Size.Small | Size.Medium | Size.Large;\r\n  entries: VerticalTabEntry[];\r\n}\r\n\r\nconst VerticalTabs = ({ size, entries }: VerticalTabsProps) => {\r\n  return (\r\n    <Tabs size={size ?? Size.Large}>\r\n      {entries?.map((entry: VerticalTabEntry) => (\r\n        <TabLink\r\n          key={entry.to}\r\n          to={entry.to}\r\n          requiredLine={entry.requiredLine}\r\n          optionalLine={entry.optionalLine}\r\n          endLineIcon={entry.endLineIcon}\r\n          OptionalLineIcon={entry.optionalLineIcon}\r\n          disabled={entry.disabled}\r\n          showNotificationDot={entry.showNotificationDot}\r\n          size={size}\r\n          variant={entry.variant}\r\n          onLinkClick={(e) => {\r\n            if (entry.onClick) {\r\n              entry.onClick(e);\r\n            }\r\n          }}/>\r\n      ))}\r\n    </Tabs>\r\n  );\r\n};\r\n\r\nexport default VerticalTabs;\r\n"],"mappings":"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","ignoreList":[]}

package/dist/Tabs/VerticalTabs.d.ts

@@ -1,19 +1,47 @@
 import * as React from 'react';
 import { Size } from '../types';
 export interface VerticalTabEntry {
+    /**
+     * Required. The main text to be displayed on the tab.
+     */
     requiredLine: string;
+    /**
+     * Optional. The secondary text to be displayed on the tab link under the required line.
+     */
     optionalLine?: string;
+    /**
+     * Optional. The icon to be displayed next to the secondary text on the tab link under the required line.
+     */
     optionalLineIcon?: React.ReactNode;
+    /**
+     * Optional. The icon to be displayed at the end of the tab.
+     */
     endLineIcon?: React.ReactNode;
+    /**
+     * Required. The URL to which the tab links.
+     */
     to: string;
+    /**
+     * Optional. A boolean indicating whether the tab is disabled.
+     * If true, the tab will be unclickable and will have a disabled appearance.
+     */
     disabled?: boolean;
+    /**
+     * Optional. The handler function to be called when the tab is clicked.
+     */
     onClick?: (e: React.MouseEvent) => void;
+    /**
+     * Optional. A boolean indicating whether a notification dot should be shown on the tab.
+     */
     showNotificationDot?: boolean;
+    /**
+     * Optional. The variant of the notification dot. It can be 'critical' or 'positive'. Defaults to 'Critical'
+     */
     variant?: 'critical' | 'positive';
 }
-interface VerticalTabsProps {
+export interface VerticalTabsProps {
     size?: Size.Small | Size.Medium | Size.Large;
     entries: VerticalTabEntry[];
 }
-declare const VerticalTabs: ({ size, entries }: VerticalTabsProps) => JSX.Element;
+declare const VerticalTabs: ({ size, entries }: VerticalTabsProps) => React.JSX.Element;
 export default VerticalTabs;

package/dist/Tabs/VerticalTabs.js.map

@@ -1 +1 @@
-{"version":3,"file":"VerticalTabs.js","names":["React","Tabs","TabLink","Size","VerticalTabs","size","entries","Large","map","entry","to","requiredLine","optionalLine","endLineIcon","optionalLineIcon","disabled","showNotificationDot","variant","e","onClick"],"sources":["../../src/Tabs/VerticalTabs.tsx"],"sourcesContent":["import * as React from 'react';\r\nimport Tabs from './Tabs';\r\nimport TabLink from './TabLink';\r\nimport { BaseProps } from '../icons';\r\nimport { Size } from '../types';\r\n\r\nexport interface VerticalTabEntry {\r\n  requiredLine: string;\r\n  optionalLine?: string;\r\n  optionalLineIcon?: React.ReactNode;\r\n  endLineIcon?: React.ReactNode;\r\n  to: string;\r\n  disabled?: boolean;\r\n  onClick?: (e: React.MouseEvent) => void;\r\n  showNotificationDot?: boolean;\r\n  variant?: 'critical' | 'positive';\r\n}\r\ninterface VerticalTabsProps {\r\n  size?: Size.Small | Size.Medium | Size.Large;\r\n  entries: VerticalTabEntry[];\r\n}\r\n\r\nconst VerticalTabs = ({ size, entries }: VerticalTabsProps) => {\r\n  return (\r\n    <Tabs size={size ?? Size.Large}>\r\n      {entries?.map((entry: VerticalTabEntry) => (\r\n        <TabLink\r\n          key={entry.to}\r\n          to={entry.to}\r\n          requiredLine={entry.requiredLine}\r\n          optionalLine={entry.optionalLine}\r\n          endLineIcon={entry.endLineIcon}\r\n          OptionalLineIcon={entry.optionalLineIcon}\r\n          disabled={entry.disabled}\r\n          showNotificationDot={entry.showNotificationDot}\r\n          size={size}\r\n          variant={entry.variant}\r\n          onLinkClick={(e) => {\r\n            if (entry.onClick) {\r\n              entry.onClick(e);\r\n            }\r\n          }}/>\r\n      ))}\r\n    </Tabs>\r\n  );\r\n};\r\n\r\nexport default VerticalTabs;\r\n"],"mappings":";AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,OAAOC,IAAI,MAAM,QAAQ;AACzB,OAAOC,OAAO,MAAM,WAAW;AAE/B,SAASC,IAAI,QAAQ,UAAU;AAAC;AAkBhC,IAAMC,YAAY,GAAG,SAAfA,YAAY,OAA6C;EAAA,IAAvCC,IAAI,QAAJA,IAAI;IAAEC,OAAO,QAAPA,OAAO;EACnC,oBACE,KAAC,IAAI;IAAC,IAAI,EAAED,IAAI,aAAJA,IAAI,cAAJA,IAAI,GAAIF,IAAI,CAACI,KAAM;IAAA,UAC5BD,OAAO,aAAPA,OAAO,uBAAPA,OAAO,CAAEE,GAAG,CAAC,UAACC,KAAuB;MAAA,oBACpC,KAAC,OAAO;QAEN,EAAE,EAAEA,KAAK,CAACC,EAAG;QACb,YAAY,EAAED,KAAK,CAACE,YAAa;QACjC,YAAY,EAAEF,KAAK,CAACG,YAAa;QACjC,WAAW,EAAEH,KAAK,CAACI,WAAY;QAC/B,gBAAgB,EAAEJ,KAAK,CAACK,gBAAiB;QACzC,QAAQ,EAAEL,KAAK,CAACM,QAAS;QACzB,mBAAmB,EAAEN,KAAK,CAACO,mBAAoB;QAC/C,IAAI,EAAEX,IAAK;QACX,OAAO,EAAEI,KAAK,CAACQ,OAAQ;QACvB,WAAW,EAAE,qBAACC,CAAC,EAAK;UAClB,IAAIT,KAAK,CAACU,OAAO,EAAE;YACjBV,KAAK,CAACU,OAAO,CAACD,CAAC,CAAC;UAClB;QACF;MAAE,GAdGT,KAAK,CAACC,EAAE,CAcT;IAAA,CACP;EAAC,EACG;AAEX,CAAC;AAAC;EA1BAJ,OAAO;IAZPK,YAAY;IACZC,YAAY;IACZE,gBAAgB;IAChBD,WAAW;IACXH,EAAE;IACFK,QAAQ;IACRI,OAAO;IACPH,mBAAmB;IACnBC,OAAO,aAAG,UAAU,EAAG,UAAU;EAAA;AAAA;AAgCnC,eAAeb,YAAY"}
+{"version":3,"file":"VerticalTabs.js","names":["React","Tabs","TabLink","Size","jsx","_jsx","VerticalTabs","_ref","size","entries","Large","children","map","entry","to","requiredLine","optionalLine","endLineIcon","OptionalLineIcon","optionalLineIcon","disabled","showNotificationDot","variant","onLinkClick","e","onClick","propTypes","_pt","arrayOf","shape","string","isRequired","node","bool","func","oneOf"],"sources":["../../src/Tabs/VerticalTabs.tsx"],"sourcesContent":["import * as React from 'react';\r\nimport Tabs from './Tabs';\r\nimport TabLink from './TabLink';\r\nimport { BaseProps } from '../icons';\r\nimport { Size } from '../types';\r\n\r\nexport interface VerticalTabEntry {\r\n  /**\r\n   * Required. The main text to be displayed on the tab.\r\n   */\r\n  requiredLine: string;\r\n\r\n  /**\r\n   * Optional. The secondary text to be displayed on the tab link under the required line.\r\n   */\r\n  optionalLine?: string;\r\n\r\n  /**\r\n   * Optional. The icon to be displayed next to the secondary text on the tab link under the required line.\r\n   */\r\n  optionalLineIcon?: React.ReactNode;\r\n\r\n  /**\r\n   * Optional. The icon to be displayed at the end of the tab.\r\n   */\r\n  endLineIcon?: React.ReactNode;\r\n\r\n  /**\r\n   * Required. The URL to which the tab links.\r\n   */\r\n  to: string;\r\n\r\n  /**\r\n   * Optional. A boolean indicating whether the tab is disabled.\r\n   * If true, the tab will be unclickable and will have a disabled appearance.\r\n   */\r\n  disabled?: boolean;\r\n\r\n  /**\r\n   * Optional. The handler function to be called when the tab is clicked.\r\n   */\r\n  onClick?: (e: React.MouseEvent) => void;\r\n\r\n  /**\r\n   * Optional. A boolean indicating whether a notification dot should be shown on the tab.\r\n   */\r\n  showNotificationDot?: boolean;\r\n\r\n  /**\r\n   * Optional. The variant of the notification dot. It can be 'critical' or 'positive'. Defaults to 'Critical'\r\n   */\r\n  variant?: 'critical' | 'positive';\r\n}\r\n\r\nexport interface VerticalTabsProps {\r\n  size?: Size.Small | Size.Medium | Size.Large;\r\n  entries: VerticalTabEntry[];\r\n}\r\n\r\nconst VerticalTabs = ({ size, entries }: VerticalTabsProps) => {\r\n  return (\r\n    <Tabs size={size ?? Size.Large}>\r\n      {entries?.map((entry: VerticalTabEntry) => (\r\n        <TabLink\r\n          key={entry.to}\r\n          to={entry.to}\r\n          requiredLine={entry.requiredLine}\r\n          optionalLine={entry.optionalLine}\r\n          endLineIcon={entry.endLineIcon}\r\n          OptionalLineIcon={entry.optionalLineIcon}\r\n          disabled={entry.disabled}\r\n          showNotificationDot={entry.showNotificationDot}\r\n          size={size}\r\n          variant={entry.variant}\r\n          onLinkClick={(e) => {\r\n            if (entry.onClick) {\r\n              entry.onClick(e);\r\n            }\r\n          }}/>\r\n      ))}\r\n    </Tabs>\r\n  );\r\n};\r\n\r\nexport default VerticalTabs;\r\n"],"mappings":";AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,OAAOC,IAAI,MAAM,QAAQ;AACzB,OAAOC,OAAO,MAAM,WAAW;AAE/B,SAASC,IAAI,QAAQ,UAAU;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAuDhC,IAAMC,YAAY,GAAG,SAAfA,YAAYA,CAAAC,IAAA,EAA6C;EAAA,IAAvCC,IAAI,GAAAD,IAAA,CAAJC,IAAI;IAAEC,OAAO,GAAAF,IAAA,CAAPE,OAAO;EACnC,oBACEJ,IAAA,CAACJ,IAAI;IAACO,IAAI,EAAEA,IAAI,aAAJA,IAAI,cAAJA,IAAI,GAAIL,IAAI,CAACO,KAAM;IAAAC,QAAA,EAC5BF,OAAO,aAAPA,OAAO,uBAAPA,OAAO,CAAEG,GAAG,CAAC,UAACC,KAAuB;MAAA,oBACpCR,IAAA,CAACH,OAAO;QAENY,EAAE,EAAED,KAAK,CAACC,EAAG;QACbC,YAAY,EAAEF,KAAK,CAACE,YAAa;QACjCC,YAAY,EAAEH,KAAK,CAACG,YAAa;QACjCC,WAAW,EAAEJ,KAAK,CAACI,WAAY;QAC/BC,gBAAgB,EAAEL,KAAK,CAACM,gBAAiB;QACzCC,QAAQ,EAAEP,KAAK,CAACO,QAAS;QACzBC,mBAAmB,EAAER,KAAK,CAACQ,mBAAoB;QAC/Cb,IAAI,EAAEA,IAAK;QACXc,OAAO,EAAET,KAAK,CAACS,OAAQ;QACvBC,WAAW,EAAE,SAAAA,YAACC,CAAC,EAAK;UAClB,IAAIX,KAAK,CAACY,OAAO,EAAE;YACjBZ,KAAK,CAACY,OAAO,CAACD,CAAC,CAAC;UAClB;QACF;MAAE,GAdGX,KAAK,CAACC,EAcR,CAAC;IAAA,CACP;EAAC,CACE,CAAC;AAEX,CAAC;AAACR,YAAA,CAAAoB,SAAA;EA1BAjB,OAAO,EAAAkB,GAAA,CAAAC,OAAA,CAAAD,GAAA,CAAAE,KAAA;IA9CPd,YAAY,EAAAY,GAAA,CAAAG,MAAA,CAAAC,UAAA;IAKZf,YAAY,EAAAW,GAAA,CAAAG,MAAA;IAKZX,gBAAgB,EAAAQ,GAAA,CAAAK,IAAA;IAKhBf,WAAW,EAAAU,GAAA,CAAAK,IAAA;IAKXlB,EAAE,EAAAa,GAAA,CAAAG,MAAA,CAAAC,UAAA;IAMFX,QAAQ,EAAAO,GAAA,CAAAM,IAAA;IAKRR,OAAO,EAAAE,GAAA,CAAAO,IAAA;IAKPb,mBAAmB,EAAAM,GAAA,CAAAM,IAAA;IAKnBX,OAAO,EAAAK,GAAA,CAAAQ,KAAA,EAAG,UAAU,EAAG,UAAU;EAAA,IAAAJ;AAAA;AAiCnC,eAAezB,YAAY","ignoreList":[]}

package/dist/Tabs/index.cjs

@@ -7,13 +7,13 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "HorizontalTabs", {
   enumerable: true,
   get: function get() {
-    return _HorizontalTabs.default;
+    return _HorizontalTabs["default"];
   }
 });
 Object.defineProperty(exports, "VerticalTabs", {
   enumerable: true,
   get: function get() {
-    return _VerticalTabs.default;
+    return _VerticalTabs["default"];
   }
 });
 var _VerticalTabs = _interopRequireDefault(require("./VerticalTabs"));

package/dist/Tabs/index.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","names":[],"sources":["../../src/Tabs/index.ts"],"sourcesContent":["import VerticalTabs from './VerticalTabs';\r\nimport HorizontalTabs from './HorizontalTabs';\r\n\r\nexport type {VerticalTabEntry} from './VerticalTabs'\r\nexport type {HorizontalTab} from './HorizontalTabs'\r\n\r\nexport { VerticalTabs, HorizontalTabs };\r\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AACA"}
+{"version":3,"file":"index.cjs","names":["_VerticalTabs","_interopRequireDefault","require","_HorizontalTabs"],"sources":["../../src/Tabs/index.ts"],"sourcesContent":["import VerticalTabs from './VerticalTabs';\r\nimport HorizontalTabs from './HorizontalTabs';\r\n\r\nexport type {VerticalTabEntry, VerticalTabsProps} from './VerticalTabs'\r\nexport type {HorizontalTab} from './HorizontalTabs'\r\n\r\nexport { VerticalTabs, HorizontalTabs };\r\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA,IAAAA,aAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,eAAA,GAAAF,sBAAA,CAAAC,OAAA","ignoreList":[]}

package/dist/Tabs/index.d.ts

@@ -1,5 +1,5 @@
 import VerticalTabs from './VerticalTabs';
 import HorizontalTabs from './HorizontalTabs';
-export type { VerticalTabEntry } from './VerticalTabs';
+export type { VerticalTabEntry, VerticalTabsProps } from './VerticalTabs';
 export type { HorizontalTab } from './HorizontalTabs';
 export { VerticalTabs, HorizontalTabs };

package/dist/Tabs/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["VerticalTabs","HorizontalTabs"],"sources":["../../src/Tabs/index.ts"],"sourcesContent":["import VerticalTabs from './VerticalTabs';\r\nimport HorizontalTabs from './HorizontalTabs';\r\n\r\nexport type {VerticalTabEntry} from './VerticalTabs'\r\nexport type {HorizontalTab} from './HorizontalTabs'\r\n\r\nexport { VerticalTabs, HorizontalTabs };\r\n"],"mappings":"AAAA,OAAOA,YAAY,MAAM,gBAAgB;AACzC,OAAOC,cAAc,MAAM,kBAAkB;AAK7C,SAASD,YAAY,EAAEC,cAAc"}
+{"version":3,"file":"index.js","names":["VerticalTabs","HorizontalTabs"],"sources":["../../src/Tabs/index.ts"],"sourcesContent":["import VerticalTabs from './VerticalTabs';\r\nimport HorizontalTabs from './HorizontalTabs';\r\n\r\nexport type {VerticalTabEntry, VerticalTabsProps} from './VerticalTabs'\r\nexport type {HorizontalTab} from './HorizontalTabs'\r\n\r\nexport { VerticalTabs, HorizontalTabs };\r\n"],"mappings":"AAAA,OAAOA,YAAY,MAAM,gBAAgB;AACzC,OAAOC,cAAc,MAAM,kBAAkB;AAK7C,SAASD,YAAY,EAAEC,cAAc","ignoreList":[]}

package/dist/Tag/Tag.cjs

@@ -5,7 +5,7 @@ var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = void 0;
+exports["default"] = void 0;
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
@@ -16,22 +16,46 @@ var _ = require("..");
 var _jsxRuntime = require("react/jsx-runtime");
 var _excluded = ["label", "icon", "variant", "className"];
 var _templateObject, _templateObject2, _templateObject3;
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-var Container = _styledComponents.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  display: flex;\n  padding: 4px;\n  height: 24px;\n  width: calc(100%);\n  max-width: fit-content;\n  align-items: center;\n  justify-content: center;\n  min-width: ", ";\n  border-radius: 2px;\n  box-sizing: border-box;\n\n  &.neutral {\n    background-color: ", ";\n    color: ", ";\n  }\n  &.positive {\n    background-color: ", ";\n    color: ", ";\n  }\n  &.warning {\n    background-color: ", ";\n    color: ", ";\n  }\n  &.critical {\n    background-color: ", ";\n    color: ", ";\n  }\n  &.accent1 {\n    background-color: ", ";\n    color: ", ";\n  }\n  &.accent2 {\n    background-color: ", ";\n    color: ", ";\n  }\n\n"])), function (props) {
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2["default"])(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var Container = _styledComponents["default"].div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["\n  display: flex;\n  padding: 4px;\n  height: 24px;\n  width: calc(100%);\n  max-width: fit-content;\n  align-items: center;\n  justify-content: center;\n  min-width: ", ";\n  border-radius: 2px;\n  box-sizing: border-box;\n\n  &.neutral {\n    background-color: ", ";\n    color: ", ";\n  }\n  &.positive {\n    background-color: ", ";\n    color: ", ";\n  }\n  &.warning {\n    background-color: ", ";\n    color: ", ";\n  }\n  &.critical {\n    background-color: ", ";\n    color: ", ";\n  }\n  &.accent1 {\n    background-color: ", ";\n    color: ", ";\n  }\n  &.accent2 {\n    background-color: ", ";\n    color: ", ";\n  }\n\n"])), function (props) {
   return props.isLabelPresent ? '64px' : '';
-}, _.COLORS.neutral_100, _.COLORS.neutral_600, _.COLORS.correct_100, _.COLORS.correct_600, _.COLORS.warning_100, _.COLORS.warning_600, _.COLORS.critical_100, _.COLORS.critical_600, _.COLORS.accent1_100, _.COLORS.accent1_600, _.COLORS.accent2_100, _.COLORS.accent2_600);
-var IconContainer = _styledComponents.default.div(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n  display: flex;\n  width: 16px;\n  height: 16px;\n  svg {\n    width: 16px;\n    height: 16px;\n  }\n"])));
-var TextContainer = _styledComponents.default.div(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["\n  height: 16px;\n  padding: 0 4px;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  overflow: hidden;  \n  ", "\n"])), (0, _.ComponentXSStyling)(_.ComponentTextStyle.Bold, null));
+}, function (props) {
+  return _.COLORS.getColor('neutral_100', props.theme);
+}, function (props) {
+  return _.COLORS.getColor('neutral_600', props.theme);
+}, function (props) {
+  return _.COLORS.getColor('correct_100', props.theme);
+}, function (props) {
+  return _.COLORS.getColor('correct_600', props.theme);
+}, function (props) {
+  return _.COLORS.getColor('warning_100', props.theme);
+}, function (props) {
+  return _.COLORS.getColor('warning_600', props.theme);
+}, function (props) {
+  return _.COLORS.getColor('critical_100', props.theme);
+}, function (props) {
+  return _.COLORS.getColor('critical_600', props.theme);
+}, function (props) {
+  return _.COLORS.getColor('accent1_100', props.theme);
+}, function (props) {
+  return _.COLORS.getColor('accent1_600', props.theme);
+}, function (props) {
+  return _.COLORS.getColor('accent2_100', props.theme);
+}, function (props) {
+  return _.COLORS.getColor('accent2_600', props.theme);
+});
+var IconContainer = _styledComponents["default"].div(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2["default"])(["\n  display: flex;\n  width: 16px;\n  height: 16px;\n  svg {\n    width: 16px;\n    height: 16px;\n  }\n"])));
+var TextContainer = _styledComponents["default"].div(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2["default"])(["\n  height: 16px;\n  padding: 0 4px;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  overflow: hidden;  \n  ", "\n"])), (0, _.ComponentXSStyling)(_.ComponentTextStyle.Bold, null));
 var Tag = function Tag(_ref) {
   var label = _ref.label,
     icon = _ref.icon,
     _ref$variant = _ref.variant,
     variant = _ref$variant === void 0 ? 'neutral' : _ref$variant,
     className = _ref.className,
-    rest = (0, _objectWithoutProperties2.default)(_ref, _excluded);
+    rest = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
   var cls = "".concat(className !== null && className !== void 0 ? className : '', " ").concat(variant);
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(Container, _objectSpread(_objectSpread({
     variant: variant,
@@ -50,10 +74,10 @@ var Tag = function Tag(_ref) {
   }));
 };
 Tag.propTypes = {
-  label: _propTypes.default.string,
-  icon: _propTypes.default.node,
-  variant: _propTypes.default.oneOf(['neutral', 'positive', 'warning', 'critical', 'accent1', 'accent2'])
+  label: _propTypes["default"].string,
+  icon: _propTypes["default"].node,
+  variant: _propTypes["default"].oneOf(['neutral', 'positive', 'warning', 'critical', 'accent1', 'accent2'])
 };
 var _default = Tag;
-exports.default = _default;
+exports["default"] = _default;
 //# sourceMappingURL=Tag.cjs.map

package/dist/Tag/Tag.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Tag.cjs","names":["Container","styled","div","props","isLabelPresent","COLORS","neutral_100","neutral_600","correct_100","correct_600","warning_100","warning_600","critical_100","critical_600","accent1_100","accent1_600","accent2_100","accent2_600","IconContainer","TextContainer","ComponentXSStyling","ComponentTextStyle","Bold","Tag","label","icon","variant","className","rest","cls"],"sources":["../../src/Tag/Tag.tsx"],"sourcesContent":["import * as React from 'react';\r\nimport styled from 'styled-components';\r\nimport { COLORS, ComponentTextStyle, ComponentXSStyling } from '..';\r\n\r\nconst Container = styled.div<{variant: TagVariants, isLabelPresent: boolean}>`\r\n  display: flex;\r\n  padding: 4px;\r\n  height: 24px;\r\n  width: calc(100%);\r\n  max-width: fit-content;\r\n  align-items: center;\r\n  justify-content: center;\r\n  min-width: ${props=>props.isLabelPresent ? '64px' : ''};\r\n  border-radius: 2px;\r\n  box-sizing: border-box;\r\n\r\n  &.neutral {\r\n    background-color: ${COLORS.neutral_100};\r\n    color: ${COLORS.neutral_600};\r\n  }\r\n  &.positive {\r\n    background-color: ${COLORS.correct_100};\r\n    color: ${COLORS.correct_600};\r\n  }\r\n  &.warning {\r\n    background-color: ${COLORS.warning_100};\r\n    color: ${COLORS.warning_600};\r\n  }\r\n  &.critical {\r\n    background-color: ${COLORS.critical_100};\r\n    color: ${COLORS.critical_600};\r\n  }\r\n  &.accent1 {\r\n    background-color: ${COLORS.accent1_100};\r\n    color: ${COLORS.accent1_600};\r\n  }\r\n  &.accent2 {\r\n    background-color: ${COLORS.accent2_100};\r\n    color: ${COLORS.accent2_600};\r\n  }\r\n\r\n`;\r\n\r\nconst IconContainer = styled.div<{variant: TagVariants}>`\r\n  display: flex;\r\n  width: 16px;\r\n  height: 16px;\r\n  svg {\r\n    width: 16px;\r\n    height: 16px;\r\n  }\r\n`;\r\n\r\nconst TextContainer = styled.div<{variant: TagVariants, icon: React.ReactNode}>`\r\n  height: 16px;\r\n  padding: 0 4px;\r\n  text-overflow: ellipsis;\r\n  white-space: nowrap;\r\n  overflow: hidden;  \r\n  ${ComponentXSStyling(ComponentTextStyle.Bold, null)}\r\n`;\r\n\r\n\r\nexport type TagVariants = 'neutral' | 'positive' | 'warning' | 'critical' | 'accent1' | 'accent2';\r\n\r\nexport type TagProps = React.HTMLAttributes<HTMLDivElement> & {\r\n  label?: string;\r\n  icon?: React.ReactNode;\r\n  variant?: TagVariants;\r\n}\r\n\r\nconst Tag: React.FunctionComponent<TagProps> = ({label, icon, variant='neutral', className, ...rest}) => {\r\n  const cls = `${className ?? ''} ${variant}`;\r\n  return (   \r\n    <Container variant={variant} isLabelPresent={!!label} className={cls} {...rest}>\r\n      {icon && <IconContainer variant={variant} data-testid={'iconContainer'}>\r\n          {icon}\r\n        </IconContainer>\r\n      }\r\n      {label && <TextContainer variant={variant} icon={icon}>\r\n          {label}\r\n        </TextContainer>\r\n      }\r\n    </Container>\r\n  );\r\n};\r\n\r\nexport default Tag;\r\n"],"mappings":";;;;;;;;;;;;AAAA;AACA;AACA;AAAoE;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAEpE,IAAMA,SAAS,GAAGC,yBAAM,CAACC,GAAG,6sBAQb,UAAAC,KAAK;EAAA,OAAEA,KAAK,CAACC,cAAc,GAAG,MAAM,GAAG,EAAE;AAAA,GAKhCC,QAAM,CAACC,WAAW,EAC7BD,QAAM,CAACE,WAAW,EAGPF,QAAM,CAACG,WAAW,EAC7BH,QAAM,CAACI,WAAW,EAGPJ,QAAM,CAACK,WAAW,EAC7BL,QAAM,CAACM,WAAW,EAGPN,QAAM,CAACO,YAAY,EAC9BP,QAAM,CAACQ,YAAY,EAGRR,QAAM,CAACS,WAAW,EAC7BT,QAAM,CAACU,WAAW,EAGPV,QAAM,CAACW,WAAW,EAC7BX,QAAM,CAACY,WAAW,CAG9B;AAED,IAAMC,aAAa,GAAGjB,yBAAM,CAACC,GAAG,6LAQ/B;AAED,IAAMiB,aAAa,GAAGlB,yBAAM,CAACC,GAAG,+MAM5B,IAAAkB,oBAAkB,EAACC,oBAAkB,CAACC,IAAI,EAAE,IAAI,CAAC,CACpD;AAWD,IAAMC,GAAsC,GAAG,SAAzCA,GAAsC,OAA6D;EAAA,IAAxDC,KAAK,QAALA,KAAK;IAAEC,IAAI,QAAJA,IAAI;IAAA,oBAAEC,OAAO;IAAPA,OAAO,6BAAC,SAAS;IAAEC,SAAS,QAATA,SAAS;IAAKC,IAAI;EACjG,IAAMC,GAAG,aAAMF,SAAS,aAATA,SAAS,cAATA,SAAS,GAAI,EAAE,cAAID,OAAO,CAAE;EAC3C,oBACE,sBAAC,SAAS;IAAC,OAAO,EAAEA,OAAQ;IAAC,cAAc,EAAE,CAAC,CAACF,KAAM;IAAC,SAAS,EAAEK;EAAI,GAAKD,IAAI;IAAA,WAC3EH,IAAI,iBAAI,qBAAC,aAAa;MAAC,OAAO,EAAEC,OAAQ;MAAC,eAAa,eAAgB;MAAA,UAClED;IAAI,EACS,EAEjBD,KAAK,iBAAI,qBAAC,aAAa;MAAC,OAAO,EAAEE,OAAQ;MAAC,IAAI,EAAED,IAAK;MAAA,UACjDD;IAAK,EACQ;EAAA,GAER;AAEhB,CAAC;AAAC;EAnBAA,KAAK;EACLC,IAAI;EACJC,OAAO,4BALiB,SAAS,EAAG,UAAU,EAAG,SAAS,EAAG,UAAU,EAAG,SAAS,EAAG,SAAS;AAAA;AAAA,eAwBlFH,GAAG;AAAA"}
+{"version":3,"file":"Tag.cjs","names":["React","_interopRequireWildcard","require","_styledComponents","_interopRequireDefault","_","_jsxRuntime","_excluded","_templateObject","_templateObject2","_templateObject3","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","_typeof","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","ownKeys","keys","getOwnPropertySymbols","o","filter","enumerable","push","apply","_objectSpread","arguments","length","forEach","_defineProperty2","getOwnPropertyDescriptors","defineProperties","Container","styled","div","_taggedTemplateLiteral2","props","isLabelPresent","COLORS","getColor","theme","IconContainer","TextContainer","ComponentXSStyling","ComponentTextStyle","Bold","Tag","_ref","label","icon","_ref$variant","variant","className","rest","_objectWithoutProperties2","cls","concat","jsxs","children","jsx","propTypes","_propTypes","string","node","oneOf","_default","exports"],"sources":["../../src/Tag/Tag.tsx"],"sourcesContent":["import * as React from 'react';\r\nimport styled from 'styled-components';\r\nimport { COLORS, ComponentTextStyle, ComponentXSStyling } from '..';\r\n\r\nconst Container = styled.div<{variant: TagVariants, isLabelPresent: boolean}>`\r\n  display: flex;\r\n  padding: 4px;\r\n  height: 24px;\r\n  width: calc(100%);\r\n  max-width: fit-content;\r\n  align-items: center;\r\n  justify-content: center;\r\n  min-width: ${props=>props.isLabelPresent ? '64px' : ''};\r\n  border-radius: 2px;\r\n  box-sizing: border-box;\r\n\r\n  &.neutral {\r\n    background-color: ${props => COLORS.getColor('neutral_100', props.theme)};\r\n    color: ${props => COLORS.getColor('neutral_600', props.theme)};\r\n  }\r\n  &.positive {\r\n    background-color: ${props => COLORS.getColor('correct_100', props.theme)};\r\n    color: ${props => COLORS.getColor('correct_600', props.theme)};\r\n  }\r\n  &.warning {\r\n    background-color: ${props => COLORS.getColor('warning_100', props.theme)};\r\n    color: ${props => COLORS.getColor('warning_600', props.theme)};\r\n  }\r\n  &.critical {\r\n    background-color: ${props => COLORS.getColor('critical_100', props.theme)};\r\n    color: ${props => COLORS.getColor('critical_600', props.theme)};\r\n  }\r\n  &.accent1 {\r\n    background-color: ${props => COLORS.getColor('accent1_100', props.theme)};\r\n    color: ${props => COLORS.getColor('accent1_600', props.theme)};\r\n  }\r\n  &.accent2 {\r\n    background-color: ${props => COLORS.getColor('accent2_100', props.theme)};\r\n    color: ${props => COLORS.getColor('accent2_600', props.theme)};\r\n  }\r\n\r\n`;\r\n\r\nconst IconContainer = styled.div<{variant: TagVariants}>`\r\n  display: flex;\r\n  width: 16px;\r\n  height: 16px;\r\n  svg {\r\n    width: 16px;\r\n    height: 16px;\r\n  }\r\n`;\r\n\r\nconst TextContainer = styled.div<{variant: TagVariants, icon: React.ReactNode}>`\r\n  height: 16px;\r\n  padding: 0 4px;\r\n  text-overflow: ellipsis;\r\n  white-space: nowrap;\r\n  overflow: hidden;  \r\n  ${ComponentXSStyling(ComponentTextStyle.Bold, null)}\r\n`;\r\n\r\n\r\nexport type TagVariants = 'neutral' | 'positive' | 'warning' | 'critical' | 'accent1' | 'accent2';\r\n\r\nexport type TagProps = React.HTMLAttributes<HTMLDivElement> & {\r\n  /** Optional. Label to be shown in the Tag. */\r\n  label?: string;\r\n  /** Optional. Icon to be shown in the tag. */\r\n  icon?: React.ReactNode;\r\n  /** Optional. Style Variant of the Tag. Defaults to 'neutral' */\r\n  variant?: TagVariants;\r\n}\r\n\r\nconst Tag: React.FunctionComponent<TagProps> = ({label, icon, variant='neutral', className, ...rest}) => {\r\n  const cls = `${className ?? ''} ${variant}`;\r\n  return (   \r\n    <Container variant={variant} isLabelPresent={!!label} className={cls} {...rest}>\r\n      {icon && <IconContainer variant={variant} data-testid={'iconContainer'}>\r\n          {icon}\r\n        </IconContainer>\r\n      }\r\n      {label && <TextContainer variant={variant} icon={icon}>\r\n          {label}\r\n        </TextContainer>\r\n      }\r\n    </Container>\r\n  );\r\n};\r\n\r\nexport default Tag;\r\n"],"mappings":"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","ignoreList":[]}

package/dist/Tag/Tag.d.ts

@@ -1,8 +1,11 @@
 import * as React from 'react';
 export type TagVariants = 'neutral' | 'positive' | 'warning' | 'critical' | 'accent1' | 'accent2';
 export type TagProps = React.HTMLAttributes<HTMLDivElement> & {
+    /** Optional. Label to be shown in the Tag. */
     label?: string;
+    /** Optional. Icon to be shown in the tag. */
     icon?: React.ReactNode;
+    /** Optional. Style Variant of the Tag. Defaults to 'neutral' */
     variant?: TagVariants;
 };
 declare const Tag: React.FunctionComponent<TagProps>;

package/dist/Tag/Tag.js

@@ -4,8 +4,8 @@ import _taggedTemplateLiteral from "@babel/runtime/helpers/esm/taggedTemplateLit
 import _pt from "prop-types";
 var _excluded = ["label", "icon", "variant", "className"];
 var _templateObject, _templateObject2, _templateObject3;
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 import * as React from 'react';
 import styled from 'styled-components';
 import { COLORS, ComponentTextStyle, ComponentXSStyling } from '..';
@@ -13,7 +13,31 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
 var Container = styled.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  display: flex;\n  padding: 4px;\n  height: 24px;\n  width: calc(100%);\n  max-width: fit-content;\n  align-items: center;\n  justify-content: center;\n  min-width: ", ";\n  border-radius: 2px;\n  box-sizing: border-box;\n\n  &.neutral {\n    background-color: ", ";\n    color: ", ";\n  }\n  &.positive {\n    background-color: ", ";\n    color: ", ";\n  }\n  &.warning {\n    background-color: ", ";\n    color: ", ";\n  }\n  &.critical {\n    background-color: ", ";\n    color: ", ";\n  }\n  &.accent1 {\n    background-color: ", ";\n    color: ", ";\n  }\n  &.accent2 {\n    background-color: ", ";\n    color: ", ";\n  }\n\n"])), function (props) {
   return props.isLabelPresent ? '64px' : '';
-}, COLORS.neutral_100, COLORS.neutral_600, COLORS.correct_100, COLORS.correct_600, COLORS.warning_100, COLORS.warning_600, COLORS.critical_100, COLORS.critical_600, COLORS.accent1_100, COLORS.accent1_600, COLORS.accent2_100, COLORS.accent2_600);
+}, function (props) {
+  return COLORS.getColor('neutral_100', props.theme);
+}, function (props) {
+  return COLORS.getColor('neutral_600', props.theme);
+}, function (props) {
+  return COLORS.getColor('correct_100', props.theme);
+}, function (props) {
+  return COLORS.getColor('correct_600', props.theme);
+}, function (props) {
+  return COLORS.getColor('warning_100', props.theme);
+}, function (props) {
+  return COLORS.getColor('warning_600', props.theme);
+}, function (props) {
+  return COLORS.getColor('critical_100', props.theme);
+}, function (props) {
+  return COLORS.getColor('critical_600', props.theme);
+}, function (props) {
+  return COLORS.getColor('accent1_100', props.theme);
+}, function (props) {
+  return COLORS.getColor('accent1_600', props.theme);
+}, function (props) {
+  return COLORS.getColor('accent2_100', props.theme);
+}, function (props) {
+  return COLORS.getColor('accent2_600', props.theme);
+});
 var IconContainer = styled.div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  display: flex;\n  width: 16px;\n  height: 16px;\n  svg {\n    width: 16px;\n    height: 16px;\n  }\n"])));
 var TextContainer = styled.div(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  height: 16px;\n  padding: 0 4px;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  overflow: hidden;  \n  ", "\n"])), ComponentXSStyling(ComponentTextStyle.Bold, null));
 var Tag = function Tag(_ref) {

package/dist/Tag/Tag.js.map

@@ -1 +1 @@
-{"version":3,"file":"Tag.js","names":["React","styled","COLORS","ComponentTextStyle","ComponentXSStyling","Container","div","props","isLabelPresent","neutral_100","neutral_600","correct_100","correct_600","warning_100","warning_600","critical_100","critical_600","accent1_100","accent1_600","accent2_100","accent2_600","IconContainer","TextContainer","Bold","Tag","label","icon","variant","className","rest","cls"],"sources":["../../src/Tag/Tag.tsx"],"sourcesContent":["import * as React from 'react';\r\nimport styled from 'styled-components';\r\nimport { COLORS, ComponentTextStyle, ComponentXSStyling } from '..';\r\n\r\nconst Container = styled.div<{variant: TagVariants, isLabelPresent: boolean}>`\r\n  display: flex;\r\n  padding: 4px;\r\n  height: 24px;\r\n  width: calc(100%);\r\n  max-width: fit-content;\r\n  align-items: center;\r\n  justify-content: center;\r\n  min-width: ${props=>props.isLabelPresent ? '64px' : ''};\r\n  border-radius: 2px;\r\n  box-sizing: border-box;\r\n\r\n  &.neutral {\r\n    background-color: ${COLORS.neutral_100};\r\n    color: ${COLORS.neutral_600};\r\n  }\r\n  &.positive {\r\n    background-color: ${COLORS.correct_100};\r\n    color: ${COLORS.correct_600};\r\n  }\r\n  &.warning {\r\n    background-color: ${COLORS.warning_100};\r\n    color: ${COLORS.warning_600};\r\n  }\r\n  &.critical {\r\n    background-color: ${COLORS.critical_100};\r\n    color: ${COLORS.critical_600};\r\n  }\r\n  &.accent1 {\r\n    background-color: ${COLORS.accent1_100};\r\n    color: ${COLORS.accent1_600};\r\n  }\r\n  &.accent2 {\r\n    background-color: ${COLORS.accent2_100};\r\n    color: ${COLORS.accent2_600};\r\n  }\r\n\r\n`;\r\n\r\nconst IconContainer = styled.div<{variant: TagVariants}>`\r\n  display: flex;\r\n  width: 16px;\r\n  height: 16px;\r\n  svg {\r\n    width: 16px;\r\n    height: 16px;\r\n  }\r\n`;\r\n\r\nconst TextContainer = styled.div<{variant: TagVariants, icon: React.ReactNode}>`\r\n  height: 16px;\r\n  padding: 0 4px;\r\n  text-overflow: ellipsis;\r\n  white-space: nowrap;\r\n  overflow: hidden;  \r\n  ${ComponentXSStyling(ComponentTextStyle.Bold, null)}\r\n`;\r\n\r\n\r\nexport type TagVariants = 'neutral' | 'positive' | 'warning' | 'critical' | 'accent1' | 'accent2';\r\n\r\nexport type TagProps = React.HTMLAttributes<HTMLDivElement> & {\r\n  label?: string;\r\n  icon?: React.ReactNode;\r\n  variant?: TagVariants;\r\n}\r\n\r\nconst Tag: React.FunctionComponent<TagProps> = ({label, icon, variant='neutral', className, ...rest}) => {\r\n  const cls = `${className ?? ''} ${variant}`;\r\n  return (   \r\n    <Container variant={variant} isLabelPresent={!!label} className={cls} {...rest}>\r\n      {icon && <IconContainer variant={variant} data-testid={'iconContainer'}>\r\n          {icon}\r\n        </IconContainer>\r\n      }\r\n      {label && <TextContainer variant={variant} icon={icon}>\r\n          {label}\r\n        </TextContainer>\r\n      }\r\n    </Container>\r\n  );\r\n};\r\n\r\nexport default Tag;\r\n"],"mappings":";;;;;;;;AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,OAAOC,MAAM,MAAM,mBAAmB;AACtC,SAASC,MAAM,EAAEC,kBAAkB,EAAEC,kBAAkB,QAAQ,IAAI;AAAC;AAAA;AAEpE,IAAMC,SAAS,GAAGJ,MAAM,CAACK,GAAG,+rBAQb,UAAAC,KAAK;EAAA,OAAEA,KAAK,CAACC,cAAc,GAAG,MAAM,GAAG,EAAE;AAAA,GAKhCN,MAAM,CAACO,WAAW,EAC7BP,MAAM,CAACQ,WAAW,EAGPR,MAAM,CAACS,WAAW,EAC7BT,MAAM,CAACU,WAAW,EAGPV,MAAM,CAACW,WAAW,EAC7BX,MAAM,CAACY,WAAW,EAGPZ,MAAM,CAACa,YAAY,EAC9Bb,MAAM,CAACc,YAAY,EAGRd,MAAM,CAACe,WAAW,EAC7Bf,MAAM,CAACgB,WAAW,EAGPhB,MAAM,CAACiB,WAAW,EAC7BjB,MAAM,CAACkB,WAAW,CAG9B;AAED,IAAMC,aAAa,GAAGpB,MAAM,CAACK,GAAG,+KAQ/B;AAED,IAAMgB,aAAa,GAAGrB,MAAM,CAACK,GAAG,iMAM5BF,kBAAkB,CAACD,kBAAkB,CAACoB,IAAI,EAAE,IAAI,CAAC,CACpD;AAWD,IAAMC,GAAsC,GAAG,SAAzCA,GAAsC,OAA6D;EAAA,IAAxDC,KAAK,QAALA,KAAK;IAAEC,IAAI,QAAJA,IAAI;IAAA,oBAAEC,OAAO;IAAPA,OAAO,6BAAC,SAAS;IAAEC,SAAS,QAATA,SAAS;IAAKC,IAAI;EACjG,IAAMC,GAAG,aAAMF,SAAS,aAATA,SAAS,cAATA,SAAS,GAAI,EAAE,cAAID,OAAO,CAAE;EAC3C,oBACE,MAAC,SAAS;IAAC,OAAO,EAAEA,OAAQ;IAAC,cAAc,EAAE,CAAC,CAACF,KAAM;IAAC,SAAS,EAAEK;EAAI,GAAKD,IAAI;IAAA,WAC3EH,IAAI,iBAAI,KAAC,aAAa;MAAC,OAAO,EAAEC,OAAQ;MAAC,eAAa,eAAgB;MAAA,UAClED;IAAI,EACS,EAEjBD,KAAK,iBAAI,KAAC,aAAa;MAAC,OAAO,EAAEE,OAAQ;MAAC,IAAI,EAAED,IAAK;MAAA,UACjDD;IAAK,EACQ;EAAA,GAER;AAEhB,CAAC;AAAC;EAnBAA,KAAK;EACLC,IAAI;EACJC,OAAO,aALiB,SAAS,EAAG,UAAU,EAAG,SAAS,EAAG,UAAU,EAAG,SAAS,EAAG,SAAS;AAAA;AAwBjG,eAAeH,GAAG"}
+{"version":3,"file":"Tag.js","names":["React","styled","COLORS","ComponentTextStyle","ComponentXSStyling","jsx","_jsx","jsxs","_jsxs","Container","div","_templateObject","_taggedTemplateLiteral","props","isLabelPresent","getColor","theme","IconContainer","_templateObject2","TextContainer","_templateObject3","Bold","Tag","_ref","label","icon","_ref$variant","variant","className","rest","_objectWithoutProperties","_excluded","cls","concat","_objectSpread","children","propTypes","_pt","string","node","oneOf"],"sources":["../../src/Tag/Tag.tsx"],"sourcesContent":["import * as React from 'react';\r\nimport styled from 'styled-components';\r\nimport { COLORS, ComponentTextStyle, ComponentXSStyling } from '..';\r\n\r\nconst Container = styled.div<{variant: TagVariants, isLabelPresent: boolean}>`\r\n  display: flex;\r\n  padding: 4px;\r\n  height: 24px;\r\n  width: calc(100%);\r\n  max-width: fit-content;\r\n  align-items: center;\r\n  justify-content: center;\r\n  min-width: ${props=>props.isLabelPresent ? '64px' : ''};\r\n  border-radius: 2px;\r\n  box-sizing: border-box;\r\n\r\n  &.neutral {\r\n    background-color: ${props => COLORS.getColor('neutral_100', props.theme)};\r\n    color: ${props => COLORS.getColor('neutral_600', props.theme)};\r\n  }\r\n  &.positive {\r\n    background-color: ${props => COLORS.getColor('correct_100', props.theme)};\r\n    color: ${props => COLORS.getColor('correct_600', props.theme)};\r\n  }\r\n  &.warning {\r\n    background-color: ${props => COLORS.getColor('warning_100', props.theme)};\r\n    color: ${props => COLORS.getColor('warning_600', props.theme)};\r\n  }\r\n  &.critical {\r\n    background-color: ${props => COLORS.getColor('critical_100', props.theme)};\r\n    color: ${props => COLORS.getColor('critical_600', props.theme)};\r\n  }\r\n  &.accent1 {\r\n    background-color: ${props => COLORS.getColor('accent1_100', props.theme)};\r\n    color: ${props => COLORS.getColor('accent1_600', props.theme)};\r\n  }\r\n  &.accent2 {\r\n    background-color: ${props => COLORS.getColor('accent2_100', props.theme)};\r\n    color: ${props => COLORS.getColor('accent2_600', props.theme)};\r\n  }\r\n\r\n`;\r\n\r\nconst IconContainer = styled.div<{variant: TagVariants}>`\r\n  display: flex;\r\n  width: 16px;\r\n  height: 16px;\r\n  svg {\r\n    width: 16px;\r\n    height: 16px;\r\n  }\r\n`;\r\n\r\nconst TextContainer = styled.div<{variant: TagVariants, icon: React.ReactNode}>`\r\n  height: 16px;\r\n  padding: 0 4px;\r\n  text-overflow: ellipsis;\r\n  white-space: nowrap;\r\n  overflow: hidden;  \r\n  ${ComponentXSStyling(ComponentTextStyle.Bold, null)}\r\n`;\r\n\r\n\r\nexport type TagVariants = 'neutral' | 'positive' | 'warning' | 'critical' | 'accent1' | 'accent2';\r\n\r\nexport type TagProps = React.HTMLAttributes<HTMLDivElement> & {\r\n  /** Optional. Label to be shown in the Tag. */\r\n  label?: string;\r\n  /** Optional. Icon to be shown in the tag. */\r\n  icon?: React.ReactNode;\r\n  /** Optional. Style Variant of the Tag. Defaults to 'neutral' */\r\n  variant?: TagVariants;\r\n}\r\n\r\nconst Tag: React.FunctionComponent<TagProps> = ({label, icon, variant='neutral', className, ...rest}) => {\r\n  const cls = `${className ?? ''} ${variant}`;\r\n  return (   \r\n    <Container variant={variant} isLabelPresent={!!label} className={cls} {...rest}>\r\n      {icon && <IconContainer variant={variant} data-testid={'iconContainer'}>\r\n          {icon}\r\n        </IconContainer>\r\n      }\r\n      {label && <TextContainer variant={variant} icon={icon}>\r\n          {label}\r\n        </TextContainer>\r\n      }\r\n    </Container>\r\n  );\r\n};\r\n\r\nexport default Tag;\r\n"],"mappings":"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","ignoreList":[]}

package/dist/Tag/index.cjs

@@ -7,7 +7,7 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "Tag", {
   enumerable: true,
   get: function get() {
-    return _Tag.default;
+    return _Tag["default"];
   }
 });
 var _Tag = _interopRequireDefault(require("./Tag"));

package/dist/Tag/index.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","names":[],"sources":["../../src/Tag/index.ts"],"sourcesContent":["export { default as Tag } from './Tag';\r\nexport type { TagVariants, TagProps } from './Tag';"],"mappings":";;;;;;;;;;;;AAAA"}
+{"version":3,"file":"index.cjs","names":["_Tag","_interopRequireDefault","require"],"sources":["../../src/Tag/index.ts"],"sourcesContent":["export { default as Tag } from './Tag';\r\nexport type { TagVariants, TagProps } from './Tag';"],"mappings":";;;;;;;;;;;;AAAA,IAAAA,IAAA,GAAAC,sBAAA,CAAAC,OAAA","ignoreList":[]}

package/dist/Tag/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["default","Tag"],"sources":["../../src/Tag/index.ts"],"sourcesContent":["export { default as Tag } from './Tag';\r\nexport type { TagVariants, TagProps } from './Tag';"],"mappings":"AAAA,SAASA,OAAO,IAAIC,GAAG,QAAQ,OAAO"}
+{"version":3,"file":"index.js","names":["default","Tag"],"sources":["../../src/Tag/index.ts"],"sourcesContent":["export { default as Tag } from './Tag';\r\nexport type { TagVariants, TagProps } from './Tag';"],"mappings":"AAAA,SAASA,OAAO,IAAIC,GAAG,QAAQ,OAAO","ignoreList":[]}

package/dist/Tile/Tile.cjs

@@ -4,7 +4,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = void 0;
+exports["default"] = void 0;
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
@@ -18,9 +18,13 @@ var _styles = require("../styles");
 var _jsxRuntime = require("react/jsx-runtime");
 var _excluded = ["header", "footer", "size", "style", "children", "className"];
 var _templateObject;
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-var Wrapper = _styledComponents.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  width: 100%;\n  height: 100%;\n  display: flex;\n  flex-flow: column;\n  flex-direction: column;\n  background: ", ";\n  border-radius: 8px;\n  border: 1px solid ", ";\n  box-sizing: border-box;\n"])), _styles.COLORS.white, _styles.COLORS.neutral_200);
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2["default"])(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var Wrapper = _styledComponents["default"].div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["\n  width: 100%;\n  height: 100%;\n  display: flex;\n  flex-flow: column;\n  flex-direction: column;\n  background: ", ";\n  border-radius: 8px;\n  border: 1px solid ", ";\n  box-sizing: border-box;\n"])), function (props) {
+  return _styles.COLORS.getColor('white', props.theme);
+}, function (props) {
+  return _styles.COLORS.getColor('neutral_200', props.theme);
+});
 var Tile = function Tile(_ref) {
   var header = _ref.header,
     footer = _ref.footer,
@@ -29,21 +33,21 @@ var Tile = function Tile(_ref) {
     style = _ref.style,
     children = _ref.children,
     className = _ref.className,
-    rest = (0, _objectWithoutProperties2.default)(_ref, _excluded);
+    rest = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(Wrapper, _objectSpread(_objectSpread({
     style: style,
     className: "".concat(size, " ").concat(className || '')
   }, rest), {}, {
-    children: [header && /*#__PURE__*/(0, _jsxRuntime.jsx)(_TileHeader.default, _objectSpread(_objectSpread({}, header), {}, {
+    children: [header && /*#__PURE__*/(0, _jsxRuntime.jsx)(_TileHeader["default"], _objectSpread(_objectSpread({}, header), {}, {
       size: size
-    })), /*#__PURE__*/(0, _jsxRuntime.jsx)(_TileBody.default, {
+    })), /*#__PURE__*/(0, _jsxRuntime.jsx)(_TileBody["default"], {
       size: size,
       children: children
-    }), footer && /*#__PURE__*/(0, _jsxRuntime.jsx)(_TileFooter.default, _objectSpread(_objectSpread({}, footer), {}, {
+    }), footer && /*#__PURE__*/(0, _jsxRuntime.jsx)(_TileFooter["default"], _objectSpread(_objectSpread({}, footer), {}, {
       size: size
     }))]
   }));
 };
 var _default = Tile;
-exports.default = _default;
+exports["default"] = _default;
 //# sourceMappingURL=Tile.cjs.map

package/dist/Tile/Tile.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Tile.cjs","names":["Wrapper","styled","div","COLORS","white","neutral_200","Tile","header","footer","size","Size","Medium","style","children","className","rest"],"sources":["../../src/Tile/Tile.tsx"],"sourcesContent":["import React from 'react';\r\nimport {Size} from '../types';\r\nimport {TileProps} from './TileTypes';\r\nimport styled from 'styled-components';\r\nimport TileHeader from './TileHeader';\r\nimport TileFooter from './TileFooter';\r\nimport TileBody from './TileBody';\r\nimport {COLORS} from '../styles';\r\n\r\nconst Wrapper = styled.div`\r\n  width: 100%;\r\n  height: 100%;\r\n  display: flex;\r\n  flex-flow: column;\r\n  flex-direction: column;\r\n  background: ${COLORS.white};\r\n  border-radius: 8px;\r\n  border: 1px solid ${COLORS.neutral_200};\r\n  box-sizing: border-box;\r\n`;\r\n\r\nconst Tile: React.FunctionComponent<TileProps> = ({\r\n                                                    header,\r\n                                                    footer,\r\n                                                    size = Size.Medium,\r\n                                                    style,\r\n                                                    children,\r\n                                                    className,\r\n                                                    ...rest\r\n                                                  }) => {\r\n\r\n  return (\r\n    <Wrapper style={style}\r\n             className={`${size} ${className || ''}`}\r\n             {...rest}>\r\n      {header && <TileHeader {...header} size={size}/>}\r\n      <TileBody size={size}>\r\n        {children}\r\n      </TileBody>\r\n      {footer && <TileFooter {...footer} size={size}/>}\r\n    </Wrapper>\r\n  )\r\n}\r\n\r\n\r\nexport default Tile;\r\n"],"mappings":";;;;;;;;;;AAAA;AACA;AAEA;AACA;AACA;AACA;AACA;AAAiC;AAAA;AAAA;AAAA;AAAA;AAEjC,IAAMA,OAAO,GAAGC,yBAAM,CAACC,GAAG,4RAMVC,cAAM,CAACC,KAAK,EAEND,cAAM,CAACE,WAAW,CAEvC;AAED,IAAMC,IAAwC,GAAG,SAA3CA,IAAwC,OAQU;EAAA,IAPJC,MAAM,QAANA,MAAM;IACNC,MAAM,QAANA,MAAM;IAAA,iBACNC,IAAI;IAAJA,IAAI,0BAAGC,WAAI,CAACC,MAAM;IAClBC,KAAK,QAALA,KAAK;IACLC,QAAQ,QAARA,QAAQ;IACRC,SAAS,QAATA,SAAS;IACNC,IAAI;EAGzD,oBACE,sBAAC,OAAO;IAAC,KAAK,EAAEH,KAAM;IACb,SAAS,YAAKH,IAAI,cAAIK,SAAS,IAAI,EAAE;EAAG,GACpCC,IAAI;IAAA,WACdR,MAAM,iBAAI,qBAAC,mBAAU,kCAAKA,MAAM;MAAE,IAAI,EAAEE;IAAK,GAAE,eAChD,qBAAC,iBAAQ;MAAC,IAAI,EAAEA,IAAK;MAAA,UAClBI;IAAQ,EACA,EACVL,MAAM,iBAAI,qBAAC,mBAAU,kCAAKA,MAAM;MAAE,IAAI,EAAEC;IAAK,GAAE;EAAA,GACxC;AAEd,CAAC;AAAA,eAGcH,IAAI;AAAA"}
+{"version":3,"file":"Tile.cjs","names":["_react","_interopRequireDefault","require","_types","_styledComponents","_TileHeader","_TileFooter","_TileBody","_styles","_jsxRuntime","_excluded","_templateObject","ownKeys","e","r","t","Object","keys","getOwnPropertySymbols","o","filter","getOwnPropertyDescriptor","enumerable","push","apply","_objectSpread","arguments","length","forEach","_defineProperty2","getOwnPropertyDescriptors","defineProperties","defineProperty","Wrapper","styled","div","_taggedTemplateLiteral2","props","COLORS","getColor","theme","Tile","_ref","header","footer","_ref$size","size","Size","Medium","style","children","className","rest","_objectWithoutProperties2","jsxs","concat","jsx","_default","exports"],"sources":["../../src/Tile/Tile.tsx"],"sourcesContent":["import React from 'react';\r\nimport {Size} from '../types';\r\nimport {TileProps} from './TileTypes';\r\nimport styled from 'styled-components';\r\nimport TileHeader from './TileHeader';\r\nimport TileFooter from './TileFooter';\r\nimport TileBody from './TileBody';\r\nimport {COLORS} from '../styles';\r\n\r\nconst Wrapper = styled.div`\r\n  width: 100%;\r\n  height: 100%;\r\n  display: flex;\r\n  flex-flow: column;\r\n  flex-direction: column;\r\n  background: ${props => COLORS.getColor('white', props.theme)};\r\n  border-radius: 8px;\r\n  border: 1px solid ${props => COLORS.getColor('neutral_200', props.theme)};\r\n  box-sizing: border-box;\r\n`;\r\n\r\nconst Tile: React.FunctionComponent<TileProps> = ({\r\n                                                    header,\r\n                                                    footer,\r\n                                                    size = Size.Medium,\r\n                                                    style,\r\n                                                    children,\r\n                                                    className,\r\n                                                    ...rest\r\n                                                  }) => {\r\n\r\n  return (\r\n    <Wrapper style={style}\r\n             className={`${size} ${className || ''}`}\r\n             {...rest}>\r\n      {header && <TileHeader {...header} size={size}/>}\r\n      <TileBody size={size}>\r\n        {children}\r\n      </TileBody>\r\n      {footer && <TileFooter {...footer} size={size}/>}\r\n    </Wrapper>\r\n  )\r\n}\r\n\r\n\r\nexport default Tile;\r\n"],"mappings":"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","ignoreList":[]}

package/dist/Tile/Tile.js

@@ -3,8 +3,8 @@ import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutPr
 import _taggedTemplateLiteral from "@babel/runtime/helpers/esm/taggedTemplateLiteral";
 var _excluded = ["header", "footer", "size", "style", "children", "className"];
 var _templateObject;
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 import React from 'react';
 import { Size } from '../types';
 import styled from 'styled-components';
@@ -14,7 +14,11 @@ import TileBody from './TileBody';
 import { COLORS } from '../styles';
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
-var Wrapper = styled.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  width: 100%;\n  height: 100%;\n  display: flex;\n  flex-flow: column;\n  flex-direction: column;\n  background: ", ";\n  border-radius: 8px;\n  border: 1px solid ", ";\n  box-sizing: border-box;\n"])), COLORS.white, COLORS.neutral_200);
+var Wrapper = styled.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  width: 100%;\n  height: 100%;\n  display: flex;\n  flex-flow: column;\n  flex-direction: column;\n  background: ", ";\n  border-radius: 8px;\n  border: 1px solid ", ";\n  box-sizing: border-box;\n"])), function (props) {
+  return COLORS.getColor('white', props.theme);
+}, function (props) {
+  return COLORS.getColor('neutral_200', props.theme);
+});
 var Tile = function Tile(_ref) {
   var header = _ref.header,
     footer = _ref.footer,

package/dist/Tile/Tile.js.map

@@ -1 +1 @@
-{"version":3,"file":"Tile.js","names":["React","Size","styled","TileHeader","TileFooter","TileBody","COLORS","Wrapper","div","white","neutral_200","Tile","header","footer","size","Medium","style","children","className","rest"],"sources":["../../src/Tile/Tile.tsx"],"sourcesContent":["import React from 'react';\r\nimport {Size} from '../types';\r\nimport {TileProps} from './TileTypes';\r\nimport styled from 'styled-components';\r\nimport TileHeader from './TileHeader';\r\nimport TileFooter from './TileFooter';\r\nimport TileBody from './TileBody';\r\nimport {COLORS} from '../styles';\r\n\r\nconst Wrapper = styled.div`\r\n  width: 100%;\r\n  height: 100%;\r\n  display: flex;\r\n  flex-flow: column;\r\n  flex-direction: column;\r\n  background: ${COLORS.white};\r\n  border-radius: 8px;\r\n  border: 1px solid ${COLORS.neutral_200};\r\n  box-sizing: border-box;\r\n`;\r\n\r\nconst Tile: React.FunctionComponent<TileProps> = ({\r\n                                                    header,\r\n                                                    footer,\r\n                                                    size = Size.Medium,\r\n                                                    style,\r\n                                                    children,\r\n                                                    className,\r\n                                                    ...rest\r\n                                                  }) => {\r\n\r\n  return (\r\n    <Wrapper style={style}\r\n             className={`${size} ${className || ''}`}\r\n             {...rest}>\r\n      {header && <TileHeader {...header} size={size}/>}\r\n      <TileBody size={size}>\r\n        {children}\r\n      </TileBody>\r\n      {footer && <TileFooter {...footer} size={size}/>}\r\n    </Wrapper>\r\n  )\r\n}\r\n\r\n\r\nexport default Tile;\r\n"],"mappings":";;;;;;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAAQC,IAAI,QAAO,UAAU;AAE7B,OAAOC,MAAM,MAAM,mBAAmB;AACtC,OAAOC,UAAU,MAAM,cAAc;AACrC,OAAOC,UAAU,MAAM,cAAc;AACrC,OAAOC,QAAQ,MAAM,YAAY;AACjC,SAAQC,MAAM,QAAO,WAAW;AAAC;AAAA;AAEjC,IAAMC,OAAO,GAAGL,MAAM,CAACM,GAAG,8QAMVF,MAAM,CAACG,KAAK,EAENH,MAAM,CAACI,WAAW,CAEvC;AAED,IAAMC,IAAwC,GAAG,SAA3CA,IAAwC,OAQU;EAAA,IAPJC,MAAM,QAANA,MAAM;IACNC,MAAM,QAANA,MAAM;IAAA,iBACNC,IAAI;IAAJA,IAAI,0BAAGb,IAAI,CAACc,MAAM;IAClBC,KAAK,QAALA,KAAK;IACLC,QAAQ,QAARA,QAAQ;IACRC,SAAS,QAATA,SAAS;IACNC,IAAI;EAGzD,oBACE,MAAC,OAAO;IAAC,KAAK,EAAEH,KAAM;IACb,SAAS,YAAKF,IAAI,cAAII,SAAS,IAAI,EAAE;EAAG,GACpCC,IAAI;IAAA,WACdP,MAAM,iBAAI,KAAC,UAAU,kCAAKA,MAAM;MAAE,IAAI,EAAEE;IAAK,GAAE,eAChD,KAAC,QAAQ;MAAC,IAAI,EAAEA,IAAK;MAAA,UAClBG;IAAQ,EACA,EACVJ,MAAM,iBAAI,KAAC,UAAU,kCAAKA,MAAM;MAAE,IAAI,EAAEC;IAAK,GAAE;EAAA,GACxC;AAEd,CAAC;AAGD,eAAeH,IAAI"}
+{"version":3,"file":"Tile.js","names":["React","Size","styled","TileHeader","TileFooter","TileBody","COLORS","jsx","_jsx","jsxs","_jsxs","Wrapper","div","_templateObject","_taggedTemplateLiteral","props","getColor","theme","Tile","_ref","header","footer","_ref$size","size","Medium","style","children","className","rest","_objectWithoutProperties","_excluded","_objectSpread","concat"],"sources":["../../src/Tile/Tile.tsx"],"sourcesContent":["import React from 'react';\r\nimport {Size} from '../types';\r\nimport {TileProps} from './TileTypes';\r\nimport styled from 'styled-components';\r\nimport TileHeader from './TileHeader';\r\nimport TileFooter from './TileFooter';\r\nimport TileBody from './TileBody';\r\nimport {COLORS} from '../styles';\r\n\r\nconst Wrapper = styled.div`\r\n  width: 100%;\r\n  height: 100%;\r\n  display: flex;\r\n  flex-flow: column;\r\n  flex-direction: column;\r\n  background: ${props => COLORS.getColor('white', props.theme)};\r\n  border-radius: 8px;\r\n  border: 1px solid ${props => COLORS.getColor('neutral_200', props.theme)};\r\n  box-sizing: border-box;\r\n`;\r\n\r\nconst Tile: React.FunctionComponent<TileProps> = ({\r\n                                                    header,\r\n                                                    footer,\r\n                                                    size = Size.Medium,\r\n                                                    style,\r\n                                                    children,\r\n                                                    className,\r\n                                                    ...rest\r\n                                                  }) => {\r\n\r\n  return (\r\n    <Wrapper style={style}\r\n             className={`${size} ${className || ''}`}\r\n             {...rest}>\r\n      {header && <TileHeader {...header} size={size}/>}\r\n      <TileBody size={size}>\r\n        {children}\r\n      </TileBody>\r\n      {footer && <TileFooter {...footer} size={size}/>}\r\n    </Wrapper>\r\n  )\r\n}\r\n\r\n\r\nexport default Tile;\r\n"],"mappings":";;;;;;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAAQC,IAAI,QAAO,UAAU;AAE7B,OAAOC,MAAM,MAAM,mBAAmB;AACtC,OAAOC,UAAU,MAAM,cAAc;AACrC,OAAOC,UAAU,MAAM,cAAc;AACrC,OAAOC,QAAQ,MAAM,YAAY;AACjC,SAAQC,MAAM,QAAO,WAAW;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAAA,SAAAC,IAAA,IAAAC,KAAA;AAEjC,IAAMC,OAAO,GAAGT,MAAM,CAACU,GAAG,CAAAC,eAAA,KAAAA,eAAA,GAAAC,sBAAA,iNAMV,UAAAC,KAAK;EAAA,OAAIT,MAAM,CAACU,QAAQ,CAAC,OAAO,EAAED,KAAK,CAACE,KAAK,CAAC;AAAA,GAExC,UAAAF,KAAK;EAAA,OAAIT,MAAM,CAACU,QAAQ,CAAC,aAAa,EAAED,KAAK,CAACE,KAAK,CAAC;AAAA,EAEzE;AAED,IAAMC,IAAwC,GAAG,SAA3CA,IAAwCA,CAAAC,IAAA,EAQU;EAAA,IAPJC,MAAM,GAAAD,IAAA,CAANC,MAAM;IACNC,MAAM,GAAAF,IAAA,CAANE,MAAM;IAAAC,SAAA,GAAAH,IAAA,CACNI,IAAI;IAAJA,IAAI,GAAAD,SAAA,cAAGrB,IAAI,CAACuB,MAAM,GAAAF,SAAA;IAClBG,KAAK,GAAAN,IAAA,CAALM,KAAK;IACLC,QAAQ,GAAAP,IAAA,CAARO,QAAQ;IACRC,SAAS,GAAAR,IAAA,CAATQ,SAAS;IACNC,IAAI,GAAAC,wBAAA,CAAAV,IAAA,EAAAW,SAAA;EAGzD,oBACEpB,KAAA,CAACC,OAAO,EAAAoB,aAAA,CAAAA,aAAA;IAACN,KAAK,EAAEA,KAAM;IACbE,SAAS,KAAAK,MAAA,CAAKT,IAAI,OAAAS,MAAA,CAAIL,SAAS,IAAI,EAAE;EAAG,GACpCC,IAAI;IAAAF,QAAA,GACdN,MAAM,iBAAIZ,IAAA,CAACL,UAAU,EAAA4B,aAAA,CAAAA,aAAA,KAAKX,MAAM;MAAEG,IAAI,EAAEA;IAAK,EAAC,CAAC,eAChDf,IAAA,CAACH,QAAQ;MAACkB,IAAI,EAAEA,IAAK;MAAAG,QAAA,EAClBA;IAAQ,CACD,CAAC,EACVL,MAAM,iBAAIb,IAAA,CAACJ,UAAU,EAAA2B,aAAA,CAAAA,aAAA,KAAKV,MAAM;MAAEE,IAAI,EAAEA;IAAK,EAAC,CAAC;EAAA,EACzC,CAAC;AAEd,CAAC;AAGD,eAAeL,IAAI","ignoreList":[]}

package/dist/Tile/TileBody.cjs

@@ -4,7 +4,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = void 0;
+exports["default"] = void 0;
 var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
 var _react = _interopRequireDefault(require("react"));
 var _types = require("../types");
@@ -12,7 +12,7 @@ var _styledComponents = _interopRequireDefault(require("styled-components"));
 var _styles = require("../styles");
 var _jsxRuntime = require("react/jsx-runtime");
 var _templateObject;
-var Wrapper = _styledComponents.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  flex: 1;\n  margin: 8px;\n  overflow: auto;\n  box-sizing: border-box;\n\n  &.small {\n    padding: 0 8px;\n  }\n\n  &.medium {\n    padding: 0 12px;\n  }\n\n  &.large {\n    padding: 0 16px;\n  }\n\n  ", "\n"])), (0, _styles.scrollBarStyling)(_types.Size.Small));
+var Wrapper = _styledComponents["default"].div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["\n  flex: 1;\n  margin: 8px;\n  overflow: auto;\n  box-sizing: border-box;\n\n  &.small {\n    padding: 0 8px;\n  }\n\n  &.medium {\n    padding: 0 12px;\n  }\n\n  &.large {\n    padding: 0 16px;\n  }\n\n  ", "\n"])), (0, _styles.scrollBarStyling)(_types.Size.Small));
 var TileBody = function TileBody(_ref) {
   var children = _ref.children,
     size = _ref.size;
@@ -22,5 +22,5 @@ var TileBody = function TileBody(_ref) {
   });
 };
 var _default = TileBody;
-exports.default = _default;
+exports["default"] = _default;
 //# sourceMappingURL=TileBody.cjs.map

package/dist/Tile/TileBody.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"TileBody.cjs","names":["Wrapper","styled","div","scrollBarStyling","Size","Small","TileBody","children","size"],"sources":["../../src/Tile/TileBody.tsx"],"sourcesContent":["import React from 'react'\r\nimport {Size} from '../types';\r\nimport styled from 'styled-components';\r\nimport {scrollBarStyling} from '../styles';\r\n\r\nconst Wrapper = styled.div`\r\n  flex: 1;\r\n  margin: 8px;\r\n  overflow: auto;\r\n  box-sizing: border-box;\r\n\r\n  &.small {\r\n    padding: 0 8px;\r\n  }\r\n\r\n  &.medium {\r\n    padding: 0 12px;\r\n  }\r\n\r\n  &.large {\r\n    padding: 0 16px;\r\n  }\r\n\r\n  ${scrollBarStyling(Size.Small)}\r\n`;\r\n\r\nconst TileBody: React.FunctionComponent<{ size: Size; children?: React.ReactNode; }> = ({children, size}) => {\r\n\r\n\r\n  return (\r\n    <Wrapper className={size}>\r\n      {children}\r\n    </Wrapper>\r\n  )\r\n}\r\n\r\n\r\nexport default TileBody;\r\n"],"mappings":";;;;;;;;AAAA;AACA;AACA;AACA;AAA2C;AAAA;AAE3C,IAAMA,OAAO,GAAGC,yBAAM,CAACC,GAAG,wSAkBtB,IAAAC,wBAAgB,EAACC,WAAI,CAACC,KAAK,CAAC,CAC/B;AAED,IAAMC,QAA8E,GAAG,SAAjFA,QAA8E,OAAyB;EAAA,IAApBC,QAAQ,QAARA,QAAQ;IAAEC,IAAI,QAAJA,IAAI;EAGrG,oBACE,qBAAC,OAAO;IAAC,SAAS,EAAEA,IAAK;IAAA,UACtBD;EAAQ,EACD;AAEd,CAAC;AAAA,eAGcD,QAAQ;AAAA"}
+{"version":3,"file":"TileBody.cjs","names":["_react","_interopRequireDefault","require","_types","_styledComponents","_styles","_jsxRuntime","_templateObject","Wrapper","styled","div","_taggedTemplateLiteral2","scrollBarStyling","Size","Small","TileBody","_ref","children","size","jsx","className","_default","exports"],"sources":["../../src/Tile/TileBody.tsx"],"sourcesContent":["import React from 'react'\r\nimport {Size} from '../types';\r\nimport styled from 'styled-components';\r\nimport {scrollBarStyling} from '../styles';\r\n\r\nconst Wrapper = styled.div`\r\n  flex: 1;\r\n  margin: 8px;\r\n  overflow: auto;\r\n  box-sizing: border-box;\r\n\r\n  &.small {\r\n    padding: 0 8px;\r\n  }\r\n\r\n  &.medium {\r\n    padding: 0 12px;\r\n  }\r\n\r\n  &.large {\r\n    padding: 0 16px;\r\n  }\r\n\r\n  ${scrollBarStyling(Size.Small)}\r\n`;\r\n\r\nconst TileBody: React.FunctionComponent<{ size: Size; children?: React.ReactNode; }> = ({children, size}) => {\r\n\r\n\r\n  return (\r\n    <Wrapper className={size}>\r\n      {children}\r\n    </Wrapper>\r\n  )\r\n}\r\n\r\n\r\nexport default TileBody;\r\n"],"mappings":";;;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,MAAA,GAAAD,OAAA;AACA,IAAAE,iBAAA,GAAAH,sBAAA,CAAAC,OAAA;AACA,IAAAG,OAAA,GAAAH,OAAA;AAA2C,IAAAI,WAAA,GAAAJ,OAAA;AAAA,IAAAK,eAAA;AAE3C,IAAMC,OAAO,GAAGC,4BAAM,CAACC,GAAG,CAAAH,eAAA,KAAAA,eAAA,OAAAI,uBAAA,yOAkBtB,IAAAC,wBAAgB,EAACC,WAAI,CAACC,KAAK,CAAC,CAC/B;AAED,IAAMC,QAA8E,GAAG,SAAjFA,QAA8EA,CAAAC,IAAA,EAAyB;EAAA,IAApBC,QAAQ,GAAAD,IAAA,CAARC,QAAQ;IAAEC,IAAI,GAAAF,IAAA,CAAJE,IAAI;EAGrG,oBACE,IAAAZ,WAAA,CAAAa,GAAA,EAACX,OAAO;IAACY,SAAS,EAAEF,IAAK;IAAAD,QAAA,EACtBA;EAAQ,CACF,CAAC;AAEd,CAAC;AAAA,IAAAI,QAAA,GAGcN,QAAQ;AAAAO,OAAA,cAAAD,QAAA","ignoreList":[]}

package/dist/Tile/TileBody.js.map

@@ -1 +1 @@
-{"version":3,"file":"TileBody.js","names":["React","Size","styled","scrollBarStyling","Wrapper","div","Small","TileBody","children","size"],"sources":["../../src/Tile/TileBody.tsx"],"sourcesContent":["import React from 'react'\r\nimport {Size} from '../types';\r\nimport styled from 'styled-components';\r\nimport {scrollBarStyling} from '../styles';\r\n\r\nconst Wrapper = styled.div`\r\n  flex: 1;\r\n  margin: 8px;\r\n  overflow: auto;\r\n  box-sizing: border-box;\r\n\r\n  &.small {\r\n    padding: 0 8px;\r\n  }\r\n\r\n  &.medium {\r\n    padding: 0 12px;\r\n  }\r\n\r\n  &.large {\r\n    padding: 0 16px;\r\n  }\r\n\r\n  ${scrollBarStyling(Size.Small)}\r\n`;\r\n\r\nconst TileBody: React.FunctionComponent<{ size: Size; children?: React.ReactNode; }> = ({children, size}) => {\r\n\r\n\r\n  return (\r\n    <Wrapper className={size}>\r\n      {children}\r\n    </Wrapper>\r\n  )\r\n}\r\n\r\n\r\nexport default TileBody;\r\n"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAAQC,IAAI,QAAO,UAAU;AAC7B,OAAOC,MAAM,MAAM,mBAAmB;AACtC,SAAQC,gBAAgB,QAAO,WAAW;AAAC;AAE3C,IAAMC,OAAO,GAAGF,MAAM,CAACG,GAAG,0RAkBtBF,gBAAgB,CAACF,IAAI,CAACK,KAAK,CAAC,CAC/B;AAED,IAAMC,QAA8E,GAAG,SAAjFA,QAA8E,OAAyB;EAAA,IAApBC,QAAQ,QAARA,QAAQ;IAAEC,IAAI,QAAJA,IAAI;EAGrG,oBACE,KAAC,OAAO;IAAC,SAAS,EAAEA,IAAK;IAAA,UACtBD;EAAQ,EACD;AAEd,CAAC;AAGD,eAAeD,QAAQ"}
+{"version":3,"file":"TileBody.js","names":["React","Size","styled","scrollBarStyling","jsx","_jsx","Wrapper","div","_templateObject","_taggedTemplateLiteral","Small","TileBody","_ref","children","size","className"],"sources":["../../src/Tile/TileBody.tsx"],"sourcesContent":["import React from 'react'\r\nimport {Size} from '../types';\r\nimport styled from 'styled-components';\r\nimport {scrollBarStyling} from '../styles';\r\n\r\nconst Wrapper = styled.div`\r\n  flex: 1;\r\n  margin: 8px;\r\n  overflow: auto;\r\n  box-sizing: border-box;\r\n\r\n  &.small {\r\n    padding: 0 8px;\r\n  }\r\n\r\n  &.medium {\r\n    padding: 0 12px;\r\n  }\r\n\r\n  &.large {\r\n    padding: 0 16px;\r\n  }\r\n\r\n  ${scrollBarStyling(Size.Small)}\r\n`;\r\n\r\nconst TileBody: React.FunctionComponent<{ size: Size; children?: React.ReactNode; }> = ({children, size}) => {\r\n\r\n\r\n  return (\r\n    <Wrapper className={size}>\r\n      {children}\r\n    </Wrapper>\r\n  )\r\n}\r\n\r\n\r\nexport default TileBody;\r\n"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAAQC,IAAI,QAAO,UAAU;AAC7B,OAAOC,MAAM,MAAM,mBAAmB;AACtC,SAAQC,gBAAgB,QAAO,WAAW;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAE3C,IAAMC,OAAO,GAAGJ,MAAM,CAACK,GAAG,CAAAC,eAAA,KAAAA,eAAA,GAAAC,sBAAA,6NAkBtBN,gBAAgB,CAACF,IAAI,CAACS,KAAK,CAAC,CAC/B;AAED,IAAMC,QAA8E,GAAG,SAAjFA,QAA8EA,CAAAC,IAAA,EAAyB;EAAA,IAApBC,QAAQ,GAAAD,IAAA,CAARC,QAAQ;IAAEC,IAAI,GAAAF,IAAA,CAAJE,IAAI;EAGrG,oBACET,IAAA,CAACC,OAAO;IAACS,SAAS,EAAED,IAAK;IAAAD,QAAA,EACtBA;EAAQ,CACF,CAAC;AAEd,CAAC;AAGD,eAAeF,QAAQ","ignoreList":[]}