@laerdal/life-react-components 1.11.0-dev.11 → 1.11.0-dev.13.full

package/dist/Toasters/ToastContext.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"ToastContext.cjs","names":["ToastContext","React","createContext","ToastBucket","styled","div","Z_INDEXES","toast","ToastBucketTopLeft","ToastBucketTopMiddle","ToastBucketTopRight","ToastBucketBottomLeft","ToastBucketBottomMiddle","ToastBucketBottomRight","ToastProvider","children","useState","toasts","setToasts","add","content","options","id","createUUID","prev","remove","filter","t","functions","useMemo","addToast","removeToast","position","ToastPosition","TOPLEFT","map","TOPMIDDLE","TOPRIGHT","BOTTOMLEFT","BOTTOMMIDDLE","BOTTOMRIGHT","useToast","useContext"],"sources":["../../src/Toasters/ToastContext.tsx"],"sourcesContent":["import * as React from 'react';\nimport styled from 'styled-components';\nimport { createUUID } from '../Services/functions';\nimport Toast, { ToastOptions } from './Toast';\nimport { ToastPosition } from '../types';\nimport {Z_INDEXES} from '../styles/z-indexes';\n\nexport type ToastProviderProps = {\n  children?: any;\n};\n\nexport interface toast {\n  options: ToastOptions;\n  id: string;\n  content: any;\n}\nexport type ToasterValueProps = { toasts: toast[]; addToast: (content: any, options: ToastOptions) => void; removeToast: (id: string) => void };\n\n/*export const ToastContext = React.createContext<ToasterValueProps>(null);*/\n\nexport const ToastContext = React.createContext({} as ToasterValueProps);\n\nconst ToastBucket = styled.div`\n  position: fixed;\n  z-index: ${Z_INDEXES.toast};\n  display: flex;\n  flex-direction: column-reverse;\n`;\n\nconst ToastBucketTopLeft = styled(ToastBucket)`\n  top: 16px;\n  left: 5%;\n`;\n\nconst ToastBucketTopMiddle = styled(ToastBucket)`\n  top: 16px;\n  left: 50%;\n  transform: translateX(-50%);\n`;\n\nconst ToastBucketTopRight = styled(ToastBucket)`\n  top: 16px;\n  right: 5%;\n`;\n\nconst ToastBucketBottomLeft = styled(ToastBucket)`\n  bottom: 16px;\n  left: 5%;\n`;\n\nconst ToastBucketBottomMiddle = styled(ToastBucket)`\n  bottom: 16px;\n  left: 50%;\n  transform: translateX(-50%);\n`;\n\nconst ToastBucketBottomRight = styled(ToastBucket)`\n  bottom: 16px;\n  right: 5%;\n`;\n\nexport const ToastProvider: React.FC<ToastProviderProps> = ({ children }: ToastProviderProps) => {\n  const [toasts, setToasts] = React.useState<toast[]>([]);\n\n  const add = (content: any, options: ToastOptions) => {\n    const id = createUUID();\n    setToasts(prev => [...prev, { id, content, options }]);\n  };\n\n  const remove = (id: string) => setToasts(toasts.filter(t => t.id !== id));\n\n  const functions = React.useMemo(() => {\n    return { addToast: add, removeToast: remove };\n  }, [toasts]);\n\n  return (\n    <ToastContext.Provider value={{ toasts, ...functions }}>\n      <ToastBucketTopLeft>\n        {toasts\n          .filter(t => t.options.position === ToastPosition.TOPLEFT)\n          .map(t => (\n            <Toast key={t.id} content={t.content} remove={() => remove(t.id)} options={t.options} />\n          ))}\n      </ToastBucketTopLeft>\n      <ToastBucketTopMiddle>\n        {toasts\n          .filter(t => t.options.position === ToastPosition.TOPMIDDLE)\n          .map(t => (\n            <Toast key={t.id} content={t.content} remove={() => remove(t.id)} options={t.options} />\n          ))}\n      </ToastBucketTopMiddle>\n      <ToastBucketTopRight>\n        {toasts\n          .filter(t => t.options.position === ToastPosition.TOPRIGHT)\n          .map(t => (\n            <Toast key={t.id} content={t.content} remove={() => remove(t.id)} options={t.options} />\n          ))}\n      </ToastBucketTopRight>\n      <ToastBucketBottomLeft>\n        {toasts\n          .filter(t => t.options.position === ToastPosition.BOTTOMLEFT)\n          .map(t => (\n            <Toast key={t.id} content={t.content} remove={() => remove(t.id)} options={t.options} />\n          ))}\n      </ToastBucketBottomLeft>\n      <ToastBucketBottomMiddle>\n        {toasts\n          .filter(t => t.options.position === ToastPosition.BOTTOMMIDDLE)\n          .map(t => (\n            <Toast key={t.id} content={t.content} remove={() => remove(t.id)} options={t.options} />\n          ))}\n      </ToastBucketBottomMiddle>\n      <ToastBucketBottomRight>\n        {toasts\n          .filter(t => t.options.position === ToastPosition.BOTTOMRIGHT)\n          .map(t => (\n            <Toast key={t.id} content={t.content} remove={() => remove(t.id)} options={t.options} />\n          ))}\n      </ToastBucketBottomRight>\n      {children}\n    </ToastContext.Provider>\n  );\n};\n\nexport function useToast() {\n  const { addToast } = React.useContext(ToastContext);\n  return {\n    addToast,\n  };\n}\n"],"mappings":"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"}
+{"version":3,"sources":["../../src/Toasters/ToastContext.tsx"],"names":["ToastContext","React","createContext","ToastBucket","styled","div","Z_INDEXES","toast","ToastBucketTopLeft","ToastBucketTopMiddle","ToastBucketTopRight","ToastBucketBottomLeft","ToastBucketBottomMiddle","ToastBucketBottomRight","ToastProvider","children","useState","toasts","setToasts","add","content","options","id","prev","remove","filter","t","functions","useMemo","addToast","removeToast","position","ToastPosition","TOPLEFT","map","TOPMIDDLE","TOPRIGHT","BOTTOMLEFT","BOTTOMMIDDLE","BOTTOMRIGHT","useToast","useContext"],"mappings":"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","sourcesContent":["import * as React from 'react';\nimport styled from 'styled-components';\nimport { createUUID } from '../Services/functions';\nimport Toast, { ToastOptions } from './Toast';\nimport { ToastPosition } from '../types';\nimport {Z_INDEXES} from '../styles/z-indexes';\n\ntype ProviderProps = {\n  children?: any;\n};\n\ninterface toast {\n  options: ToastOptions;\n  id: string;\n  content: any;\n}\ntype ToasterValueProps = { toasts: toast[]; addToast: (content: any, options: ToastOptions) => void; removeToast: (id: string) => void };\n\n/*export const ToastContext = React.createContext<ToasterValueProps>(null);*/\n\nexport const ToastContext = React.createContext({} as ToasterValueProps);\n\nconst ToastBucket = styled.div`\n  position: fixed;\n  z-index: ${Z_INDEXES.toast};\n  display: flex;\n  flex-direction: column-reverse;\n`;\n\nconst ToastBucketTopLeft = styled(ToastBucket)`\n  top: 16px;\n  left: 5%;\n`;\n\nconst ToastBucketTopMiddle = styled(ToastBucket)`\n  top: 16px;\n  left: 50%;\n  transform: translateX(-50%);\n`;\n\nconst ToastBucketTopRight = styled(ToastBucket)`\n  top: 16px;\n  right: 5%;\n`;\n\nconst ToastBucketBottomLeft = styled(ToastBucket)`\n  bottom: 16px;\n  left: 5%;\n`;\n\nconst ToastBucketBottomMiddle = styled(ToastBucket)`\n  bottom: 16px;\n  left: 50%;\n  transform: translateX(-50%);\n`;\n\nconst ToastBucketBottomRight = styled(ToastBucket)`\n  bottom: 16px;\n  right: 5%;\n`;\n\nexport const ToastProvider: React.FC = ({ children }: ProviderProps) => {\n  const [toasts, setToasts] = React.useState<toast[]>([]);\n\n  const add = (content: any, options: ToastOptions) => {\n    const id = createUUID();\n    setToasts(prev => [...prev, { id, content, options }]);\n  };\n\n  const remove = (id: string) => setToasts(toasts.filter(t => t.id !== id));\n\n  const functions = React.useMemo(() => {\n    return { addToast: add, removeToast: remove };\n  }, [toasts]);\n\n  return (\n    <ToastContext.Provider value={{ toasts, ...functions }}>\n      <ToastBucketTopLeft>\n        {toasts\n          .filter(t => t.options.position === ToastPosition.TOPLEFT)\n          .map(t => (\n            <Toast key={t.id} content={t.content} remove={() => remove(t.id)} options={t.options} />\n          ))}\n      </ToastBucketTopLeft>\n      <ToastBucketTopMiddle>\n        {toasts\n          .filter(t => t.options.position === ToastPosition.TOPMIDDLE)\n          .map(t => (\n            <Toast key={t.id} content={t.content} remove={() => remove(t.id)} options={t.options} />\n          ))}\n      </ToastBucketTopMiddle>\n      <ToastBucketTopRight>\n        {toasts\n          .filter(t => t.options.position === ToastPosition.TOPRIGHT)\n          .map(t => (\n            <Toast key={t.id} content={t.content} remove={() => remove(t.id)} options={t.options} />\n          ))}\n      </ToastBucketTopRight>\n      <ToastBucketBottomLeft>\n        {toasts\n          .filter(t => t.options.position === ToastPosition.BOTTOMLEFT)\n          .map(t => (\n            <Toast key={t.id} content={t.content} remove={() => remove(t.id)} options={t.options} />\n          ))}\n      </ToastBucketBottomLeft>\n      <ToastBucketBottomMiddle>\n        {toasts\n          .filter(t => t.options.position === ToastPosition.BOTTOMMIDDLE)\n          .map(t => (\n            <Toast key={t.id} content={t.content} remove={() => remove(t.id)} options={t.options} />\n          ))}\n      </ToastBucketBottomMiddle>\n      <ToastBucketBottomRight>\n        {toasts\n          .filter(t => t.options.position === ToastPosition.BOTTOMRIGHT)\n          .map(t => (\n            <Toast key={t.id} content={t.content} remove={() => remove(t.id)} options={t.options} />\n          ))}\n      </ToastBucketBottomRight>\n      {children}\n    </ToastContext.Provider>\n  );\n};\n\nexport function useToast() {\n  const { addToast } = React.useContext(ToastContext);\n  return {\n    addToast,\n  };\n}\n"],"file":"ToastContext.cjs"}

package/dist/Toasters/ToastContext.d.ts

@@ -1,20 +1,18 @@
 import * as React from 'react';
 import { ToastOptions } from './Toast';
-export declare type ToastProviderProps = {
-    children?: any;
-};
-export interface toast {
+interface toast {
     options: ToastOptions;
     id: string;
     content: any;
 }
-export declare type ToasterValueProps = {
+declare type ToasterValueProps = {
     toasts: toast[];
     addToast: (content: any, options: ToastOptions) => void;
     removeToast: (id: string) => void;
 };
 export declare const ToastContext: React.Context<ToasterValueProps>;
-export declare const ToastProvider: React.FC<ToastProviderProps>;
+export declare const ToastProvider: React.FC;
 export declare function useToast(): {
     addToast: (content: any, options: ToastOptions) => void;
 };
+export {};

package/dist/Toasters/ToastContext.js

@@ -2,13 +2,12 @@ import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
 import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
 import _taggedTemplateLiteral from "@babel/runtime/helpers/esm/taggedTemplateLiteral";
-import _pt from "prop-types";
 
 var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7;
 
-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 ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (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 _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 
 import * as React from 'react';
 import styled from 'styled-components';
@@ -138,9 +137,6 @@ export var ToastProvider = function ToastProvider(_ref) {
     }), children]
   });
 };
-ToastProvider.propTypes = {
-  children: _pt.any
-};
 export function useToast() {
   var _React$useContext = React.useContext(ToastContext),
       addToast = _React$useContext.addToast;

package/dist/Toasters/ToastContext.js.map

@@ -1 +1 @@
-{"version":3,"file":"ToastContext.js","names":["React","styled","createUUID","Toast","ToastPosition","Z_INDEXES","ToastContext","createContext","ToastBucket","div","toast","ToastBucketTopLeft","ToastBucketTopMiddle","ToastBucketTopRight","ToastBucketBottomLeft","ToastBucketBottomMiddle","ToastBucketBottomRight","ToastProvider","children","useState","toasts","setToasts","add","content","options","id","prev","remove","filter","t","functions","useMemo","addToast","removeToast","position","TOPLEFT","map","TOPMIDDLE","TOPRIGHT","BOTTOMLEFT","BOTTOMMIDDLE","BOTTOMRIGHT","useToast","useContext"],"sources":["../../src/Toasters/ToastContext.tsx"],"sourcesContent":["import * as React from 'react';\nimport styled from 'styled-components';\nimport { createUUID } from '../Services/functions';\nimport Toast, { ToastOptions } from './Toast';\nimport { ToastPosition } from '../types';\nimport {Z_INDEXES} from '../styles/z-indexes';\n\nexport type ToastProviderProps = {\n  children?: any;\n};\n\nexport interface toast {\n  options: ToastOptions;\n  id: string;\n  content: any;\n}\nexport type ToasterValueProps = { toasts: toast[]; addToast: (content: any, options: ToastOptions) => void; removeToast: (id: string) => void };\n\n/*export const ToastContext = React.createContext<ToasterValueProps>(null);*/\n\nexport const ToastContext = React.createContext({} as ToasterValueProps);\n\nconst ToastBucket = styled.div`\n  position: fixed;\n  z-index: ${Z_INDEXES.toast};\n  display: flex;\n  flex-direction: column-reverse;\n`;\n\nconst ToastBucketTopLeft = styled(ToastBucket)`\n  top: 16px;\n  left: 5%;\n`;\n\nconst ToastBucketTopMiddle = styled(ToastBucket)`\n  top: 16px;\n  left: 50%;\n  transform: translateX(-50%);\n`;\n\nconst ToastBucketTopRight = styled(ToastBucket)`\n  top: 16px;\n  right: 5%;\n`;\n\nconst ToastBucketBottomLeft = styled(ToastBucket)`\n  bottom: 16px;\n  left: 5%;\n`;\n\nconst ToastBucketBottomMiddle = styled(ToastBucket)`\n  bottom: 16px;\n  left: 50%;\n  transform: translateX(-50%);\n`;\n\nconst ToastBucketBottomRight = styled(ToastBucket)`\n  bottom: 16px;\n  right: 5%;\n`;\n\nexport const ToastProvider: React.FC<ToastProviderProps> = ({ children }: ToastProviderProps) => {\n  const [toasts, setToasts] = React.useState<toast[]>([]);\n\n  const add = (content: any, options: ToastOptions) => {\n    const id = createUUID();\n    setToasts(prev => [...prev, { id, content, options }]);\n  };\n\n  const remove = (id: string) => setToasts(toasts.filter(t => t.id !== id));\n\n  const functions = React.useMemo(() => {\n    return { addToast: add, removeToast: remove };\n  }, [toasts]);\n\n  return (\n    <ToastContext.Provider value={{ toasts, ...functions }}>\n      <ToastBucketTopLeft>\n        {toasts\n          .filter(t => t.options.position === ToastPosition.TOPLEFT)\n          .map(t => (\n            <Toast key={t.id} content={t.content} remove={() => remove(t.id)} options={t.options} />\n          ))}\n      </ToastBucketTopLeft>\n      <ToastBucketTopMiddle>\n        {toasts\n          .filter(t => t.options.position === ToastPosition.TOPMIDDLE)\n          .map(t => (\n            <Toast key={t.id} content={t.content} remove={() => remove(t.id)} options={t.options} />\n          ))}\n      </ToastBucketTopMiddle>\n      <ToastBucketTopRight>\n        {toasts\n          .filter(t => t.options.position === ToastPosition.TOPRIGHT)\n          .map(t => (\n            <Toast key={t.id} content={t.content} remove={() => remove(t.id)} options={t.options} />\n          ))}\n      </ToastBucketTopRight>\n      <ToastBucketBottomLeft>\n        {toasts\n          .filter(t => t.options.position === ToastPosition.BOTTOMLEFT)\n          .map(t => (\n            <Toast key={t.id} content={t.content} remove={() => remove(t.id)} options={t.options} />\n          ))}\n      </ToastBucketBottomLeft>\n      <ToastBucketBottomMiddle>\n        {toasts\n          .filter(t => t.options.position === ToastPosition.BOTTOMMIDDLE)\n          .map(t => (\n            <Toast key={t.id} content={t.content} remove={() => remove(t.id)} options={t.options} />\n          ))}\n      </ToastBucketBottomMiddle>\n      <ToastBucketBottomRight>\n        {toasts\n          .filter(t => t.options.position === ToastPosition.BOTTOMRIGHT)\n          .map(t => (\n            <Toast key={t.id} content={t.content} remove={() => remove(t.id)} options={t.options} />\n          ))}\n      </ToastBucketBottomRight>\n      {children}\n    </ToastContext.Provider>\n  );\n};\n\nexport function useToast() {\n  const { addToast } = React.useContext(ToastContext);\n  return {\n    addToast,\n  };\n}\n"],"mappings":"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"}
+{"version":3,"sources":["../../src/Toasters/ToastContext.tsx"],"names":["React","styled","createUUID","Toast","ToastPosition","Z_INDEXES","ToastContext","createContext","ToastBucket","div","toast","ToastBucketTopLeft","ToastBucketTopMiddle","ToastBucketTopRight","ToastBucketBottomLeft","ToastBucketBottomMiddle","ToastBucketBottomRight","ToastProvider","children","useState","toasts","setToasts","add","content","options","id","prev","remove","filter","t","functions","useMemo","addToast","removeToast","position","TOPLEFT","map","TOPMIDDLE","TOPRIGHT","BOTTOMLEFT","BOTTOMMIDDLE","BOTTOMRIGHT","useToast","useContext"],"mappings":"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","sourcesContent":["import * as React from 'react';\nimport styled from 'styled-components';\nimport { createUUID } from '../Services/functions';\nimport Toast, { ToastOptions } from './Toast';\nimport { ToastPosition } from '../types';\nimport {Z_INDEXES} from '../styles/z-indexes';\n\ntype ProviderProps = {\n  children?: any;\n};\n\ninterface toast {\n  options: ToastOptions;\n  id: string;\n  content: any;\n}\ntype ToasterValueProps = { toasts: toast[]; addToast: (content: any, options: ToastOptions) => void; removeToast: (id: string) => void };\n\n/*export const ToastContext = React.createContext<ToasterValueProps>(null);*/\n\nexport const ToastContext = React.createContext({} as ToasterValueProps);\n\nconst ToastBucket = styled.div`\n  position: fixed;\n  z-index: ${Z_INDEXES.toast};\n  display: flex;\n  flex-direction: column-reverse;\n`;\n\nconst ToastBucketTopLeft = styled(ToastBucket)`\n  top: 16px;\n  left: 5%;\n`;\n\nconst ToastBucketTopMiddle = styled(ToastBucket)`\n  top: 16px;\n  left: 50%;\n  transform: translateX(-50%);\n`;\n\nconst ToastBucketTopRight = styled(ToastBucket)`\n  top: 16px;\n  right: 5%;\n`;\n\nconst ToastBucketBottomLeft = styled(ToastBucket)`\n  bottom: 16px;\n  left: 5%;\n`;\n\nconst ToastBucketBottomMiddle = styled(ToastBucket)`\n  bottom: 16px;\n  left: 50%;\n  transform: translateX(-50%);\n`;\n\nconst ToastBucketBottomRight = styled(ToastBucket)`\n  bottom: 16px;\n  right: 5%;\n`;\n\nexport const ToastProvider: React.FC = ({ children }: ProviderProps) => {\n  const [toasts, setToasts] = React.useState<toast[]>([]);\n\n  const add = (content: any, options: ToastOptions) => {\n    const id = createUUID();\n    setToasts(prev => [...prev, { id, content, options }]);\n  };\n\n  const remove = (id: string) => setToasts(toasts.filter(t => t.id !== id));\n\n  const functions = React.useMemo(() => {\n    return { addToast: add, removeToast: remove };\n  }, [toasts]);\n\n  return (\n    <ToastContext.Provider value={{ toasts, ...functions }}>\n      <ToastBucketTopLeft>\n        {toasts\n          .filter(t => t.options.position === ToastPosition.TOPLEFT)\n          .map(t => (\n            <Toast key={t.id} content={t.content} remove={() => remove(t.id)} options={t.options} />\n          ))}\n      </ToastBucketTopLeft>\n      <ToastBucketTopMiddle>\n        {toasts\n          .filter(t => t.options.position === ToastPosition.TOPMIDDLE)\n          .map(t => (\n            <Toast key={t.id} content={t.content} remove={() => remove(t.id)} options={t.options} />\n          ))}\n      </ToastBucketTopMiddle>\n      <ToastBucketTopRight>\n        {toasts\n          .filter(t => t.options.position === ToastPosition.TOPRIGHT)\n          .map(t => (\n            <Toast key={t.id} content={t.content} remove={() => remove(t.id)} options={t.options} />\n          ))}\n      </ToastBucketTopRight>\n      <ToastBucketBottomLeft>\n        {toasts\n          .filter(t => t.options.position === ToastPosition.BOTTOMLEFT)\n          .map(t => (\n            <Toast key={t.id} content={t.content} remove={() => remove(t.id)} options={t.options} />\n          ))}\n      </ToastBucketBottomLeft>\n      <ToastBucketBottomMiddle>\n        {toasts\n          .filter(t => t.options.position === ToastPosition.BOTTOMMIDDLE)\n          .map(t => (\n            <Toast key={t.id} content={t.content} remove={() => remove(t.id)} options={t.options} />\n          ))}\n      </ToastBucketBottomMiddle>\n      <ToastBucketBottomRight>\n        {toasts\n          .filter(t => t.options.position === ToastPosition.BOTTOMRIGHT)\n          .map(t => (\n            <Toast key={t.id} content={t.content} remove={() => remove(t.id)} options={t.options} />\n          ))}\n      </ToastBucketBottomRight>\n      {children}\n    </ToastContext.Provider>\n  );\n};\n\nexport function useToast() {\n  const { addToast } = React.useContext(ToastContext);\n  return {\n    addToast,\n  };\n}\n"],"file":"ToastContext.js"}

package/dist/Toasters/index.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","names":[],"sources":["../../src/Toasters/index.tsx"],"sourcesContent":["import Toast from './Toast';\nimport { ToastProvider, useToast, ToastContext } from './ToastContext';\n\nexport { Toast, ToastProvider, useToast, ToastContext };\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;AACA"}
+{"version":3,"sources":["../../src/Toasters/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;AACA","sourcesContent":["import Toast from './Toast';\nimport { ToastProvider, useToast, ToastContext } from './ToastContext';\n\nexport { Toast, ToastProvider, useToast, ToastContext };\n"],"file":"index.cjs"}

package/dist/Toasters/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["Toast","ToastProvider","useToast","ToastContext"],"sources":["../../src/Toasters/index.tsx"],"sourcesContent":["import Toast from './Toast';\nimport { ToastProvider, useToast, ToastContext } from './ToastContext';\n\nexport { Toast, ToastProvider, useToast, ToastContext };\n"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,SAAlB;AACA,SAASC,aAAT,EAAwBC,QAAxB,EAAkCC,YAAlC,QAAsD,gBAAtD;AAEA,SAASH,KAAT,EAAgBC,aAAhB,EAA+BC,QAA/B,EAAyCC,YAAzC"}
+{"version":3,"sources":["../../src/Toasters/index.tsx"],"names":["Toast","ToastProvider","useToast","ToastContext"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,SAAlB;AACA,SAASC,aAAT,EAAwBC,QAAxB,EAAkCC,YAAlC,QAAsD,gBAAtD;AAEA,SAASH,KAAT,EAAgBC,aAAhB,EAA+BC,QAA/B,EAAyCC,YAAzC","sourcesContent":["import Toast from './Toast';\nimport { ToastProvider, useToast, ToastContext } from './ToastContext';\n\nexport { Toast, ToastProvider, useToast, ToastContext };\n"],"file":"index.js"}

package/dist/Toggles/ToggleButton.cjs

@@ -33,9 +33,9 @@ var _excluded = ["id", "active", "onChange", "disabled", "defaultState", "active
 
 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 ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (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; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { 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  ", " {\n    transition: all 0.1s ease-in-out;\n  }\n\n  &.disabled,\n  &.active:not(.state-change) {\n    ", " {\n      background: ", ";\n    }\n  }\n\n  &.active:not(.state-change) {\n    ", ":after {\n      content: '';\n      position: absolute;\n      left: 12px;\n      bottom: 1px;\n      background-color: ", ";\n      border-radius: 4px;\n      height: 4px;\n      width: 24px;\n    }\n  }\n\n  &.disabled:not(.state-change) {\n    ", ":after {\n      background: ", ";\n    }\n  }\n"])), _Iconbutton.IconButtonContent, _Iconbutton.IconButtonContent, _styles.COLORS.white, _Iconbutton.IconButtonContent, _styles.COLORS.primary_500, _Iconbutton.IconButtonContent, _styles.COLORS.neutral_300);
 

package/dist/Toggles/ToggleButton.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"ToggleButton.cjs","names":["Wrapper","styled","div","IconButtonContent","COLORS","white","primary_500","neutral_300","ToggleButton","React","forwardRef","ref","id","active","onChange","disabled","defaultState","activeState","className","rest","useState","isActive","setIsActive","useEffect","cls","color","icon"],"sources":["../../src/Toggles/ToggleButton.tsx"],"sourcesContent":["import React from 'react';\nimport { IconButton } from '../Button';\nimport styled from 'styled-components';\nimport { IconButtonContent } from '../Button/Iconbutton';\nimport { COLORS } from '../styles';\n\nconst Wrapper = styled.div`\n  ${IconButtonContent} {\n    transition: all 0.1s ease-in-out;\n  }\n\n  &.disabled,\n  &.active:not(.state-change) {\n    ${IconButtonContent} {\n      background: ${COLORS.white};\n    }\n  }\n\n  &.active:not(.state-change) {\n    ${IconButtonContent}:after {\n      content: '';\n      position: absolute;\n      left: 12px;\n      bottom: 1px;\n      background-color: ${COLORS.primary_500};\n      border-radius: 4px;\n      height: 4px;\n      width: 24px;\n    }\n  }\n\n  &.disabled:not(.state-change) {\n    ${IconButtonContent}:after {\n      background: ${COLORS.neutral_300};\n    }\n  }\n`;\n\nexport interface ToggleButtonState {\n  icon: React.ReactNode;\n  color?: string;\n}\n\nexport interface ToggleButtonProps extends Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, 'onChange' | 'disabled' | 'onClick'> {\n  active: boolean;\n  onChange?: (value: boolean) => void;\n  disabled?: boolean;\n\n  defaultState: ToggleButtonState;\n  activeState?: ToggleButtonState;\n}\n\nexport const ToggleButton = React.forwardRef(({\n                                                id,\n                                                active,\n                                                onChange,\n                                                disabled,\n                                                defaultState,\n                                                activeState,\n                                                className,\n                                                ...rest\n                                              }: ToggleButtonProps, ref: React.Ref<HTMLButtonElement>) => {\n  const [isActive, setIsActive] = React.useState(false);\n\n  React.useEffect(() => setIsActive(active), [active]);\n\n  const cls = `${className || ''} ${isActive ? 'active' : ''} ${activeState ? 'state-change' : ''} ${disabled ? 'disabled' : ''}`;\n\n  return (\n    <Wrapper className={cls}>\n      <IconButton\n        variant={'secondary'}\n        ref={ref}\n        useTransparentBackground={true}\n        shape={'circular'}\n        action={() => {\n          setIsActive(!isActive);\n          if (onChange) {\n            onChange(!isActive);\n          }\n        }}\n        id={id}\n        iconColor={isActive ? activeState?.color ?? defaultState.color : defaultState.color}\n        disabled={disabled}\n        {...rest}>\n        {isActive ? activeState?.icon ?? defaultState.icon : defaultState.icon}\n      </IconButton>\n    </Wrapper>\n  );\n});\n\nexport default ToggleButton;\n"],"mappings":";;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;;;;;;;;;;;AAEA,IAAMA,OAAO,GAAGC,yBAAA,CAAOC,GAAV,okBACTC,6BADS,EAOPA,6BAPO,EAQOC,cAAA,CAAOC,KARd,EAaPF,6BAbO,EAkBaC,cAAA,CAAOE,WAlBpB,EA0BPH,6BA1BO,EA2BOC,cAAA,CAAOG,WA3Bd,CAAb;;AA8CO,IAAMC,YAAY,gBAAGC,cAAA,CAAMC,UAAN,CAAiB,gBASuBC,GATvB,EAS6D;EAAA;;EAAA,IAR1DC,EAQ0D,QAR1DA,EAQ0D;EAAA,IAP1DC,MAO0D,QAP1DA,MAO0D;EAAA,IAN1DC,QAM0D,QAN1DA,QAM0D;EAAA,IAL1DC,QAK0D,QAL1DA,QAK0D;EAAA,IAJ1DC,YAI0D,QAJ1DA,YAI0D;EAAA,IAH1DC,WAG0D,QAH1DA,WAG0D;EAAA,IAF1DC,SAE0D,QAF1DA,SAE0D;EAAA,IADvDC,IACuD;;EACxG,sBAAgCV,cAAA,CAAMW,QAAN,CAAe,KAAf,CAAhC;EAAA;EAAA,IAAOC,QAAP;EAAA,IAAiBC,WAAjB;;EAEAb,cAAA,CAAMc,SAAN,CAAgB;IAAA,OAAMD,WAAW,CAACT,MAAD,CAAjB;EAAA,CAAhB,EAA2C,CAACA,MAAD,CAA3C;;EAEA,IAAMW,GAAG,aAAMN,SAAS,IAAI,EAAnB,cAAyBG,QAAQ,GAAG,QAAH,GAAc,EAA/C,cAAqDJ,WAAW,GAAG,cAAH,GAAoB,EAApF,cAA0FF,QAAQ,GAAG,UAAH,GAAgB,EAAlH,CAAT;EAEA,oBACE,qBAAC,OAAD;IAAS,SAAS,EAAES,GAApB;IAAA,uBACE,qBAAC,kBAAD;MACE,OAAO,EAAE,WADX;MAEE,GAAG,EAAEb,GAFP;MAGE,wBAAwB,EAAE,IAH5B;MAIE,KAAK,EAAE,UAJT;MAKE,MAAM,EAAE,kBAAM;QACZW,WAAW,CAAC,CAACD,QAAF,CAAX;;QACA,IAAIP,QAAJ,EAAc;UACZA,QAAQ,CAAC,CAACO,QAAF,CAAR;QACD;MACF,CAVH;MAWE,EAAE,EAAET,EAXN;MAYE,SAAS,EAAES,QAAQ,yBAAGJ,WAAH,aAAGA,WAAH,uBAAGA,WAAW,CAAEQ,KAAhB,mEAAyBT,YAAY,CAACS,KAAtC,GAA8CT,YAAY,CAACS,KAZhF;MAaE,QAAQ,EAAEV;IAbZ,GAcMI,IAdN;MAAA,UAeGE,QAAQ,wBAAGJ,WAAH,aAAGA,WAAH,uBAAGA,WAAW,CAAES,IAAhB,iEAAwBV,YAAY,CAACU,IAArC,GAA4CV,YAAY,CAACU;IAfpE;EADF,EADF;AAqBD,CArC2B,CAArB;;;;EARLb,M;EACAC,Q;EACAC,Q;EAEAC,Y;IATAU,I;IACAD,K;;EASAR,W;IAVAS,I;IACAD,K;;;eAmDajB,Y"}
+{"version":3,"sources":["../../src/Toggles/ToggleButton.tsx"],"names":["Wrapper","styled","div","IconButtonContent","COLORS","white","primary_500","neutral_300","ToggleButton","React","forwardRef","ref","id","active","onChange","disabled","defaultState","activeState","className","rest","useState","isActive","setIsActive","useEffect","cls","color","icon"],"mappings":";;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;;;;;;;;;;;AAEA,IAAMA,OAAO,GAAGC,0BAAOC,GAAV,okBACTC,6BADS,EAOPA,6BAPO,EAQOC,eAAOC,KARd,EAaPF,6BAbO,EAkBaC,eAAOE,WAlBpB,EA0BPH,6BA1BO,EA2BOC,eAAOG,WA3Bd,CAAb;;AA8CO,IAAMC,YAAY,gBAAGC,eAAMC,UAAN,CAAiB,gBASuBC,GATvB,EAS6D;AAAA;;AAAA,MAR1DC,EAQ0D,QAR1DA,EAQ0D;AAAA,MAP1DC,MAO0D,QAP1DA,MAO0D;AAAA,MAN1DC,QAM0D,QAN1DA,QAM0D;AAAA,MAL1DC,QAK0D,QAL1DA,QAK0D;AAAA,MAJ1DC,YAI0D,QAJ1DA,YAI0D;AAAA,MAH1DC,WAG0D,QAH1DA,WAG0D;AAAA,MAF1DC,SAE0D,QAF1DA,SAE0D;AAAA,MADvDC,IACuD;;AACxG,wBAAgCV,eAAMW,QAAN,CAAe,KAAf,CAAhC;AAAA;AAAA,MAAOC,QAAP;AAAA,MAAiBC,WAAjB;;AAEAb,iBAAMc,SAAN,CAAgB;AAAA,WAAMD,WAAW,CAACT,MAAD,CAAjB;AAAA,GAAhB,EAA2C,CAACA,MAAD,CAA3C;;AAEA,MAAMW,GAAG,aAAMN,SAAS,IAAI,EAAnB,cAAyBG,QAAQ,GAAG,QAAH,GAAc,EAA/C,cAAqDJ,WAAW,GAAG,cAAH,GAAoB,EAApF,cAA0FF,QAAQ,GAAG,UAAH,GAAgB,EAAlH,CAAT;AAEA,sBACE,qBAAC,OAAD;AAAS,IAAA,SAAS,EAAES,GAApB;AAAA,2BACE,qBAAC,kBAAD;AACE,MAAA,OAAO,EAAE,WADX;AAEE,MAAA,GAAG,EAAEb,GAFP;AAGE,MAAA,wBAAwB,EAAE,IAH5B;AAIE,MAAA,KAAK,EAAE,UAJT;AAKE,MAAA,MAAM,EAAE,kBAAM;AACZW,QAAAA,WAAW,CAAC,CAACD,QAAF,CAAX;;AACA,YAAIP,QAAJ,EAAc;AACZA,UAAAA,QAAQ,CAAC,CAACO,QAAF,CAAR;AACD;AACF,OAVH;AAWE,MAAA,EAAE,EAAET,EAXN;AAYE,MAAA,SAAS,EAAES,QAAQ,yBAAGJ,WAAH,aAAGA,WAAH,uBAAGA,WAAW,CAAEQ,KAAhB,mEAAyBT,YAAY,CAACS,KAAtC,GAA8CT,YAAY,CAACS,KAZhF;AAaE,MAAA,QAAQ,EAAEV;AAbZ,OAcMI,IAdN;AAAA,gBAeGE,QAAQ,wBAAGJ,WAAH,aAAGA,WAAH,uBAAGA,WAAW,CAAES,IAAhB,iEAAwBV,YAAY,CAACU,IAArC,GAA4CV,YAAY,CAACU;AAfpE;AADF,IADF;AAqBD,CArC2B,CAArB;;;;AARLb,EAAAA,M;AACAC,EAAAA,Q;AACAC,EAAAA,Q;AAEAC,EAAAA,Y;AATAU,IAAAA,I;AACAD,IAAAA,K;;AASAR,EAAAA,W;AAVAS,IAAAA,I;AACAD,IAAAA,K;;;eAmDajB,Y","sourcesContent":["import React from 'react';\nimport { IconButton } from '../Button';\nimport styled from 'styled-components';\nimport { IconButtonContent } from '../Button/Iconbutton';\nimport { COLORS } from '../styles';\n\nconst Wrapper = styled.div`\n  ${IconButtonContent} {\n    transition: all 0.1s ease-in-out;\n  }\n\n  &.disabled,\n  &.active:not(.state-change) {\n    ${IconButtonContent} {\n      background: ${COLORS.white};\n    }\n  }\n\n  &.active:not(.state-change) {\n    ${IconButtonContent}:after {\n      content: '';\n      position: absolute;\n      left: 12px;\n      bottom: 1px;\n      background-color: ${COLORS.primary_500};\n      border-radius: 4px;\n      height: 4px;\n      width: 24px;\n    }\n  }\n\n  &.disabled:not(.state-change) {\n    ${IconButtonContent}:after {\n      background: ${COLORS.neutral_300};\n    }\n  }\n`;\n\nexport interface ToggleButtonState {\n  icon: React.ReactNode;\n  color?: string;\n}\n\nexport interface ToggleButtonProps extends Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, 'onChange' | 'disabled' | 'onClick'> {\n  active: boolean;\n  onChange?: (value: boolean) => void;\n  disabled?: boolean;\n\n  defaultState: ToggleButtonState;\n  activeState?: ToggleButtonState;\n}\n\nexport const ToggleButton = React.forwardRef(({\n                                                id,\n                                                active,\n                                                onChange,\n                                                disabled,\n                                                defaultState,\n                                                activeState,\n                                                className,\n                                                ...rest\n                                              }: ToggleButtonProps, ref: React.Ref<HTMLButtonElement>) => {\n  const [isActive, setIsActive] = React.useState(false);\n\n  React.useEffect(() => setIsActive(active), [active]);\n\n  const cls = `${className || ''} ${isActive ? 'active' : ''} ${activeState ? 'state-change' : ''} ${disabled ? 'disabled' : ''}`;\n\n  return (\n    <Wrapper className={cls}>\n      <IconButton\n        variant={'secondary'}\n        ref={ref}\n        useTransparentBackground={true}\n        shape={'circular'}\n        action={() => {\n          setIsActive(!isActive);\n          if (onChange) {\n            onChange(!isActive);\n          }\n        }}\n        id={id}\n        iconColor={isActive ? activeState?.color ?? defaultState.color : defaultState.color}\n        disabled={disabled}\n        {...rest}>\n        {isActive ? activeState?.icon ?? defaultState.icon : defaultState.icon}\n      </IconButton>\n    </Wrapper>\n  );\n});\n\nexport default ToggleButton;\n"],"file":"ToggleButton.cjs"}

package/dist/Toggles/ToggleButton.js

@@ -7,9 +7,9 @@ var _excluded = ["id", "active", "onChange", "disabled", "defaultState", "active
 
 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 ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (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 _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 
 import React from 'react';
 import { IconButton } from '../Button';

package/dist/Toggles/ToggleButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"ToggleButton.js","names":["React","IconButton","styled","IconButtonContent","COLORS","Wrapper","div","white","primary_500","neutral_300","ToggleButton","forwardRef","ref","id","active","onChange","disabled","defaultState","activeState","className","rest","useState","isActive","setIsActive","useEffect","cls","color","icon"],"sources":["../../src/Toggles/ToggleButton.tsx"],"sourcesContent":["import React from 'react';\nimport { IconButton } from '../Button';\nimport styled from 'styled-components';\nimport { IconButtonContent } from '../Button/Iconbutton';\nimport { COLORS } from '../styles';\n\nconst Wrapper = styled.div`\n  ${IconButtonContent} {\n    transition: all 0.1s ease-in-out;\n  }\n\n  &.disabled,\n  &.active:not(.state-change) {\n    ${IconButtonContent} {\n      background: ${COLORS.white};\n    }\n  }\n\n  &.active:not(.state-change) {\n    ${IconButtonContent}:after {\n      content: '';\n      position: absolute;\n      left: 12px;\n      bottom: 1px;\n      background-color: ${COLORS.primary_500};\n      border-radius: 4px;\n      height: 4px;\n      width: 24px;\n    }\n  }\n\n  &.disabled:not(.state-change) {\n    ${IconButtonContent}:after {\n      background: ${COLORS.neutral_300};\n    }\n  }\n`;\n\nexport interface ToggleButtonState {\n  icon: React.ReactNode;\n  color?: string;\n}\n\nexport interface ToggleButtonProps extends Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, 'onChange' | 'disabled' | 'onClick'> {\n  active: boolean;\n  onChange?: (value: boolean) => void;\n  disabled?: boolean;\n\n  defaultState: ToggleButtonState;\n  activeState?: ToggleButtonState;\n}\n\nexport const ToggleButton = React.forwardRef(({\n                                                id,\n                                                active,\n                                                onChange,\n                                                disabled,\n                                                defaultState,\n                                                activeState,\n                                                className,\n                                                ...rest\n                                              }: ToggleButtonProps, ref: React.Ref<HTMLButtonElement>) => {\n  const [isActive, setIsActive] = React.useState(false);\n\n  React.useEffect(() => setIsActive(active), [active]);\n\n  const cls = `${className || ''} ${isActive ? 'active' : ''} ${activeState ? 'state-change' : ''} ${disabled ? 'disabled' : ''}`;\n\n  return (\n    <Wrapper className={cls}>\n      <IconButton\n        variant={'secondary'}\n        ref={ref}\n        useTransparentBackground={true}\n        shape={'circular'}\n        action={() => {\n          setIsActive(!isActive);\n          if (onChange) {\n            onChange(!isActive);\n          }\n        }}\n        id={id}\n        iconColor={isActive ? activeState?.color ?? defaultState.color : defaultState.color}\n        disabled={disabled}\n        {...rest}>\n        {isActive ? activeState?.icon ?? defaultState.icon : defaultState.icon}\n      </IconButton>\n    </Wrapper>\n  );\n});\n\nexport default ToggleButton;\n"],"mappings":";;;;;;;;;;;;;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAASC,UAAT,QAA2B,WAA3B;AACA,OAAOC,MAAP,MAAmB,mBAAnB;AACA,SAASC,iBAAT,QAAkC,sBAAlC;AACA,SAASC,MAAT,QAAuB,WAAvB;;AAEA,IAAMC,OAAO,GAAGH,MAAM,CAACI,GAAV,sjBACTH,iBADS,EAOPA,iBAPO,EAQOC,MAAM,CAACG,KARd,EAaPJ,iBAbO,EAkBaC,MAAM,CAACI,WAlBpB,EA0BPL,iBA1BO,EA2BOC,MAAM,CAACK,WA3Bd,CAAb;AA8CA,OAAO,IAAMC,YAAY,gBAAGV,KAAK,CAACW,UAAN,CAAiB,gBASuBC,GATvB,EAS6D;EAAA;;EAAA,IAR1DC,EAQ0D,QAR1DA,EAQ0D;EAAA,IAP1DC,MAO0D,QAP1DA,MAO0D;EAAA,IAN1DC,QAM0D,QAN1DA,QAM0D;EAAA,IAL1DC,QAK0D,QAL1DA,QAK0D;EAAA,IAJ1DC,YAI0D,QAJ1DA,YAI0D;EAAA,IAH1DC,WAG0D,QAH1DA,WAG0D;EAAA,IAF1DC,SAE0D,QAF1DA,SAE0D;EAAA,IADvDC,IACuD;;EACxG,sBAAgCpB,KAAK,CAACqB,QAAN,CAAe,KAAf,CAAhC;EAAA;EAAA,IAAOC,QAAP;EAAA,IAAiBC,WAAjB;;EAEAvB,KAAK,CAACwB,SAAN,CAAgB;IAAA,OAAMD,WAAW,CAACT,MAAD,CAAjB;EAAA,CAAhB,EAA2C,CAACA,MAAD,CAA3C;EAEA,IAAMW,GAAG,aAAMN,SAAS,IAAI,EAAnB,cAAyBG,QAAQ,GAAG,QAAH,GAAc,EAA/C,cAAqDJ,WAAW,GAAG,cAAH,GAAoB,EAApF,cAA0FF,QAAQ,GAAG,UAAH,GAAgB,EAAlH,CAAT;EAEA,oBACE,KAAC,OAAD;IAAS,SAAS,EAAES,GAApB;IAAA,uBACE,KAAC,UAAD;MACE,OAAO,EAAE,WADX;MAEE,GAAG,EAAEb,GAFP;MAGE,wBAAwB,EAAE,IAH5B;MAIE,KAAK,EAAE,UAJT;MAKE,MAAM,EAAE,kBAAM;QACZW,WAAW,CAAC,CAACD,QAAF,CAAX;;QACA,IAAIP,QAAJ,EAAc;UACZA,QAAQ,CAAC,CAACO,QAAF,CAAR;QACD;MACF,CAVH;MAWE,EAAE,EAAET,EAXN;MAYE,SAAS,EAAES,QAAQ,yBAAGJ,WAAH,aAAGA,WAAH,uBAAGA,WAAW,CAAEQ,KAAhB,mEAAyBT,YAAY,CAACS,KAAtC,GAA8CT,YAAY,CAACS,KAZhF;MAaE,QAAQ,EAAEV;IAbZ,GAcMI,IAdN;MAAA,UAeGE,QAAQ,wBAAGJ,WAAH,aAAGA,WAAH,uBAAGA,WAAW,CAAES,IAAhB,iEAAwBV,YAAY,CAACU,IAArC,GAA4CV,YAAY,CAACU;IAfpE;EADF,EADF;AAqBD,CArC2B,CAArB;;EARLb,M;EACAC,Q;EACAC,Q;EAEAC,Y;IATAU,I;IACAD,K;;EASAR,W;IAVAS,I;IACAD,K;;;AAmDF,eAAehB,YAAf"}
+{"version":3,"sources":["../../src/Toggles/ToggleButton.tsx"],"names":["React","IconButton","styled","IconButtonContent","COLORS","Wrapper","div","white","primary_500","neutral_300","ToggleButton","forwardRef","ref","id","active","onChange","disabled","defaultState","activeState","className","rest","useState","isActive","setIsActive","useEffect","cls","color","icon"],"mappings":";;;;;;;;;;;;;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAASC,UAAT,QAA2B,WAA3B;AACA,OAAOC,MAAP,MAAmB,mBAAnB;AACA,SAASC,iBAAT,QAAkC,sBAAlC;AACA,SAASC,MAAT,QAAuB,WAAvB;;AAEA,IAAMC,OAAO,GAAGH,MAAM,CAACI,GAAV,sjBACTH,iBADS,EAOPA,iBAPO,EAQOC,MAAM,CAACG,KARd,EAaPJ,iBAbO,EAkBaC,MAAM,CAACI,WAlBpB,EA0BPL,iBA1BO,EA2BOC,MAAM,CAACK,WA3Bd,CAAb;AA8CA,OAAO,IAAMC,YAAY,gBAAGV,KAAK,CAACW,UAAN,CAAiB,gBASuBC,GATvB,EAS6D;AAAA;;AAAA,MAR1DC,EAQ0D,QAR1DA,EAQ0D;AAAA,MAP1DC,MAO0D,QAP1DA,MAO0D;AAAA,MAN1DC,QAM0D,QAN1DA,QAM0D;AAAA,MAL1DC,QAK0D,QAL1DA,QAK0D;AAAA,MAJ1DC,YAI0D,QAJ1DA,YAI0D;AAAA,MAH1DC,WAG0D,QAH1DA,WAG0D;AAAA,MAF1DC,SAE0D,QAF1DA,SAE0D;AAAA,MADvDC,IACuD;;AACxG,wBAAgCpB,KAAK,CAACqB,QAAN,CAAe,KAAf,CAAhC;AAAA;AAAA,MAAOC,QAAP;AAAA,MAAiBC,WAAjB;;AAEAvB,EAAAA,KAAK,CAACwB,SAAN,CAAgB;AAAA,WAAMD,WAAW,CAACT,MAAD,CAAjB;AAAA,GAAhB,EAA2C,CAACA,MAAD,CAA3C;AAEA,MAAMW,GAAG,aAAMN,SAAS,IAAI,EAAnB,cAAyBG,QAAQ,GAAG,QAAH,GAAc,EAA/C,cAAqDJ,WAAW,GAAG,cAAH,GAAoB,EAApF,cAA0FF,QAAQ,GAAG,UAAH,GAAgB,EAAlH,CAAT;AAEA,sBACE,KAAC,OAAD;AAAS,IAAA,SAAS,EAAES,GAApB;AAAA,2BACE,KAAC,UAAD;AACE,MAAA,OAAO,EAAE,WADX;AAEE,MAAA,GAAG,EAAEb,GAFP;AAGE,MAAA,wBAAwB,EAAE,IAH5B;AAIE,MAAA,KAAK,EAAE,UAJT;AAKE,MAAA,MAAM,EAAE,kBAAM;AACZW,QAAAA,WAAW,CAAC,CAACD,QAAF,CAAX;;AACA,YAAIP,QAAJ,EAAc;AACZA,UAAAA,QAAQ,CAAC,CAACO,QAAF,CAAR;AACD;AACF,OAVH;AAWE,MAAA,EAAE,EAAET,EAXN;AAYE,MAAA,SAAS,EAAES,QAAQ,yBAAGJ,WAAH,aAAGA,WAAH,uBAAGA,WAAW,CAAEQ,KAAhB,mEAAyBT,YAAY,CAACS,KAAtC,GAA8CT,YAAY,CAACS,KAZhF;AAaE,MAAA,QAAQ,EAAEV;AAbZ,OAcMI,IAdN;AAAA,gBAeGE,QAAQ,wBAAGJ,WAAH,aAAGA,WAAH,uBAAGA,WAAW,CAAES,IAAhB,iEAAwBV,YAAY,CAACU,IAArC,GAA4CV,YAAY,CAACU;AAfpE;AADF,IADF;AAqBD,CArC2B,CAArB;;AARLb,EAAAA,M;AACAC,EAAAA,Q;AACAC,EAAAA,Q;AAEAC,EAAAA,Y;AATAU,IAAAA,I;AACAD,IAAAA,K;;AASAR,EAAAA,W;AAVAS,IAAAA,I;AACAD,IAAAA,K;;;AAmDF,eAAehB,YAAf","sourcesContent":["import React from 'react';\nimport { IconButton } from '../Button';\nimport styled from 'styled-components';\nimport { IconButtonContent } from '../Button/Iconbutton';\nimport { COLORS } from '../styles';\n\nconst Wrapper = styled.div`\n  ${IconButtonContent} {\n    transition: all 0.1s ease-in-out;\n  }\n\n  &.disabled,\n  &.active:not(.state-change) {\n    ${IconButtonContent} {\n      background: ${COLORS.white};\n    }\n  }\n\n  &.active:not(.state-change) {\n    ${IconButtonContent}:after {\n      content: '';\n      position: absolute;\n      left: 12px;\n      bottom: 1px;\n      background-color: ${COLORS.primary_500};\n      border-radius: 4px;\n      height: 4px;\n      width: 24px;\n    }\n  }\n\n  &.disabled:not(.state-change) {\n    ${IconButtonContent}:after {\n      background: ${COLORS.neutral_300};\n    }\n  }\n`;\n\nexport interface ToggleButtonState {\n  icon: React.ReactNode;\n  color?: string;\n}\n\nexport interface ToggleButtonProps extends Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, 'onChange' | 'disabled' | 'onClick'> {\n  active: boolean;\n  onChange?: (value: boolean) => void;\n  disabled?: boolean;\n\n  defaultState: ToggleButtonState;\n  activeState?: ToggleButtonState;\n}\n\nexport const ToggleButton = React.forwardRef(({\n                                                id,\n                                                active,\n                                                onChange,\n                                                disabled,\n                                                defaultState,\n                                                activeState,\n                                                className,\n                                                ...rest\n                                              }: ToggleButtonProps, ref: React.Ref<HTMLButtonElement>) => {\n  const [isActive, setIsActive] = React.useState(false);\n\n  React.useEffect(() => setIsActive(active), [active]);\n\n  const cls = `${className || ''} ${isActive ? 'active' : ''} ${activeState ? 'state-change' : ''} ${disabled ? 'disabled' : ''}`;\n\n  return (\n    <Wrapper className={cls}>\n      <IconButton\n        variant={'secondary'}\n        ref={ref}\n        useTransparentBackground={true}\n        shape={'circular'}\n        action={() => {\n          setIsActive(!isActive);\n          if (onChange) {\n            onChange(!isActive);\n          }\n        }}\n        id={id}\n        iconColor={isActive ? activeState?.color ?? defaultState.color : defaultState.color}\n        disabled={disabled}\n        {...rest}>\n        {isActive ? activeState?.icon ?? defaultState.icon : defaultState.icon}\n      </IconButton>\n    </Wrapper>\n  );\n});\n\nexport default ToggleButton;\n"],"file":"ToggleButton.js"}

package/dist/Toggles/ToggleSwitch.cjs

@@ -29,9 +29,9 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
 
 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 ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (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; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 
 var ToggleSwitch = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
   var _size;

package/dist/Toggles/ToggleSwitch.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"ToggleSwitch.cjs","names":["ToggleSwitch","React","forwardRef","ref","id","disabled","selected","label","isSemantic","size","onToggle","className","rest","toggle","focusVisibleRef","useFocusVisibleRef","useImperativeHandle","current","Size","Medium","e","key","toString","toLowerCase","concat"],"sources":["../../src/Toggles/ToggleSwitch.tsx"],"sourcesContent":["/**\n * Import React libraries.\n */\nimport * as React from 'react';\n\n/**\n * Import custom types.\n */\nimport {ToggleSwitchProps} from './TogglerTypes';\n\n/**\n * Import custom styles.\n */\nimport {ToggleSwitchContainer, ToggleSwitch as Switch, StyledSwitch} from './TogglerStyles';\nimport {Size} from '..';\nimport {useFocusVisibleRef} from '../common';\n\nconst ToggleSwitch = React.forwardRef(({\n                                         id,\n                                         disabled,\n                                         selected,\n                                         label,\n                                         isSemantic,\n                                         size,\n                                         onToggle,\n                                         className,\n                                         ...rest\n                                       }: ToggleSwitchProps, ref) => {\n  /**\n   * Does all required pre-requisites and toggles the switcher state.\n   */\n  const toggle = () => {\n    // If disabled, don't do anything\n    if (disabled) return;\n\n    // Toggle state change\n    onToggle(!selected);\n  };\n\n  const focusVisibleRef = useFocusVisibleRef([]);\n\n  React.useImperativeHandle(ref, () => focusVisibleRef.current, [focusVisibleRef]);\n\n  size = size ?? Size.Medium;\n\n  return (\n    <StyledSwitch\n      ref={focusVisibleRef}\n      onClick={(e) => toggle()}\n      onKeyDown={e => (e.key === 'Enter' || e.key === ' ') && toggle()}\n      className={size\n        .toString()\n        .toLowerCase()\n        .concat(disabled ? ' disabled' : '')\n        .concat(className ? ` ${className}` : '')}\n      selected={selected}\n      tabIndex={disabled ? -1 : 0}\n      {...rest}>\n      <ToggleSwitchContainer id=\"switchContainer\">\n        <Switch className={isSemantic ? 'semantic' : ''} />\n      </ToggleSwitchContainer>\n      {label && (\n        <label className={'label'} htmlFor={id}>\n          {label}\n        </label>\n      )}\n    </StyledSwitch>\n  );\n});\n\nexport default ToggleSwitch;\n"],"mappings":";;;;;;;;;;;;;;;AAGA;;AAUA;;AACA;;AACA;;;;;;;;;;;;;;AAEA,IAAMA,YAAY,gBAAGC,KAAK,CAACC,UAAN,CAAiB,gBAUuBC,GAVvB,EAU+B;EAAA;;EAAA,IAT5BC,EAS4B,QAT5BA,EAS4B;EAAA,IAR5BC,QAQ4B,QAR5BA,QAQ4B;EAAA,IAP5BC,QAO4B,QAP5BA,QAO4B;EAAA,IAN5BC,KAM4B,QAN5BA,KAM4B;EAAA,IAL5BC,UAK4B,QAL5BA,UAK4B;EAAA,IAJ5BC,IAI4B,QAJ5BA,IAI4B;EAAA,IAH5BC,QAG4B,QAH5BA,QAG4B;EAAA,IAF5BC,SAE4B,QAF5BA,SAE4B;EAAA,IADzBC,IACyB;;EACnE;AACF;AACA;EACE,IAAMC,MAAM,GAAG,SAATA,MAAS,GAAM;IACnB;IACA,IAAIR,QAAJ,EAAc,OAFK,CAInB;;IACAK,QAAQ,CAAC,CAACJ,QAAF,CAAR;EACD,CAND;;EAQA,IAAMQ,eAAe,GAAG,IAAAC,0BAAA,EAAmB,EAAnB,CAAxB;EAEAd,KAAK,CAACe,mBAAN,CAA0Bb,GAA1B,EAA+B;IAAA,OAAMW,eAAe,CAACG,OAAtB;EAAA,CAA/B,EAA8D,CAACH,eAAD,CAA9D;EAEAL,IAAI,YAAGA,IAAH,yCAAWS,MAAA,CAAKC,MAApB;EAEA,oBACE,sBAAC,2BAAD;IACE,GAAG,EAAEL,eADP;IAEE,OAAO,EAAE,iBAACM,CAAD;MAAA,OAAOP,MAAM,EAAb;IAAA,CAFX;IAGE,SAAS,EAAE,mBAAAO,CAAC;MAAA,OAAI,CAACA,CAAC,CAACC,GAAF,KAAU,OAAV,IAAqBD,CAAC,CAACC,GAAF,KAAU,GAAhC,KAAwCR,MAAM,EAAlD;IAAA,CAHd;IAIE,SAAS,EAAEJ,IAAI,CACZa,QADQ,GAERC,WAFQ,GAGRC,MAHQ,CAGDnB,QAAQ,GAAG,WAAH,GAAiB,EAHxB,EAIRmB,MAJQ,CAIDb,SAAS,cAAOA,SAAP,IAAqB,EAJ7B,CAJb;IASE,QAAQ,EAAEL,QATZ;IAUE,QAAQ,EAAED,QAAQ,GAAG,CAAC,CAAJ,GAAQ;EAV5B,GAWMO,IAXN;IAAA,wBAYE,qBAAC,oCAAD;MAAuB,EAAE,EAAC,iBAA1B;MAAA,uBACE,qBAAC,2BAAD;QAAQ,SAAS,EAAEJ,UAAU,GAAG,UAAH,GAAgB;MAA7C;IADF,EAZF,EAeGD,KAAK,iBACJ;MAAO,SAAS,EAAE,OAAlB;MAA2B,OAAO,EAAEH,EAApC;MAAA,UACGG;IADH,EAhBJ;EAAA,GADF;AAuBD,CAnDoB,CAArB;eAqDeP,Y"}
+{"version":3,"sources":["../../src/Toggles/ToggleSwitch.tsx"],"names":["ToggleSwitch","React","forwardRef","ref","id","disabled","selected","label","isSemantic","size","onToggle","className","rest","toggle","focusVisibleRef","useImperativeHandle","current","Size","Medium","e","key","toString","toLowerCase","concat"],"mappings":";;;;;;;;;;;;;;;AAGA;;AAUA;;AACA;;AACA;;;;;;;;;;;;;;AAEA,IAAMA,YAAY,gBAAGC,KAAK,CAACC,UAAN,CAAiB,gBAUuBC,GAVvB,EAU+B;AAAA;;AAAA,MAT5BC,EAS4B,QAT5BA,EAS4B;AAAA,MAR5BC,QAQ4B,QAR5BA,QAQ4B;AAAA,MAP5BC,QAO4B,QAP5BA,QAO4B;AAAA,MAN5BC,KAM4B,QAN5BA,KAM4B;AAAA,MAL5BC,UAK4B,QAL5BA,UAK4B;AAAA,MAJ5BC,IAI4B,QAJ5BA,IAI4B;AAAA,MAH5BC,QAG4B,QAH5BA,QAG4B;AAAA,MAF5BC,SAE4B,QAF5BA,SAE4B;AAAA,MADzBC,IACyB;;AACnE;AACF;AACA;AACE,MAAMC,MAAM,GAAG,SAATA,MAAS,GAAM;AACnB;AACA,QAAIR,QAAJ,EAAc,OAFK,CAInB;;AACAK,IAAAA,QAAQ,CAAC,CAACJ,QAAF,CAAR;AACD,GAND;;AAQA,MAAMQ,eAAe,GAAG,gCAAmB,EAAnB,CAAxB;AAEAb,EAAAA,KAAK,CAACc,mBAAN,CAA0BZ,GAA1B,EAA+B;AAAA,WAAMW,eAAe,CAACE,OAAtB;AAAA,GAA/B,EAA8D,CAACF,eAAD,CAA9D;AAEAL,EAAAA,IAAI,YAAGA,IAAH,yCAAWQ,OAAKC,MAApB;AAEA,sBACE,sBAAC,2BAAD;AACE,IAAA,GAAG,EAAEJ,eADP;AAEE,IAAA,OAAO,EAAE,iBAACK,CAAD;AAAA,aAAON,MAAM,EAAb;AAAA,KAFX;AAGE,IAAA,SAAS,EAAE,mBAAAM,CAAC;AAAA,aAAI,CAACA,CAAC,CAACC,GAAF,KAAU,OAAV,IAAqBD,CAAC,CAACC,GAAF,KAAU,GAAhC,KAAwCP,MAAM,EAAlD;AAAA,KAHd;AAIE,IAAA,SAAS,EAAEJ,IAAI,CACZY,QADQ,GAERC,WAFQ,GAGRC,MAHQ,CAGDlB,QAAQ,GAAG,WAAH,GAAiB,EAHxB,EAIRkB,MAJQ,CAIDZ,SAAS,cAAOA,SAAP,IAAqB,EAJ7B,CAJb;AASE,IAAA,QAAQ,EAAEL,QATZ;AAUE,IAAA,QAAQ,EAAED,QAAQ,GAAG,CAAC,CAAJ,GAAQ;AAV5B,KAWMO,IAXN;AAAA,4BAYE,qBAAC,oCAAD;AAAuB,MAAA,EAAE,EAAC,iBAA1B;AAAA,6BACE,qBAAC,2BAAD;AAAQ,QAAA,SAAS,EAAEJ,UAAU,GAAG,UAAH,GAAgB;AAA7C;AADF,MAZF,EAeGD,KAAK,iBACJ;AAAO,MAAA,SAAS,EAAE,OAAlB;AAA2B,MAAA,OAAO,EAAEH,EAApC;AAAA,gBACGG;AADH,MAhBJ;AAAA,KADF;AAuBD,CAnDoB,CAArB;eAqDeP,Y","sourcesContent":["/**\n * Import React libraries.\n */\nimport * as React from 'react';\n\n/**\n * Import custom types.\n */\nimport {ToggleSwitchProps} from './TogglerTypes';\n\n/**\n * Import custom styles.\n */\nimport {ToggleSwitchContainer, ToggleSwitch as Switch, StyledSwitch} from './TogglerStyles';\nimport {Size} from '..';\nimport {useFocusVisibleRef} from '../common';\n\nconst ToggleSwitch = React.forwardRef(({\n                                         id,\n                                         disabled,\n                                         selected,\n                                         label,\n                                         isSemantic,\n                                         size,\n                                         onToggle,\n                                         className,\n                                         ...rest\n                                       }: ToggleSwitchProps, ref) => {\n  /**\n   * Does all required pre-requisites and toggles the switcher state.\n   */\n  const toggle = () => {\n    // If disabled, don't do anything\n    if (disabled) return;\n\n    // Toggle state change\n    onToggle(!selected);\n  };\n\n  const focusVisibleRef = useFocusVisibleRef([]);\n\n  React.useImperativeHandle(ref, () => focusVisibleRef.current, [focusVisibleRef]);\n\n  size = size ?? Size.Medium;\n\n  return (\n    <StyledSwitch\n      ref={focusVisibleRef}\n      onClick={(e) => toggle()}\n      onKeyDown={e => (e.key === 'Enter' || e.key === ' ') && toggle()}\n      className={size\n        .toString()\n        .toLowerCase()\n        .concat(disabled ? ' disabled' : '')\n        .concat(className ? ` ${className}` : '')}\n      selected={selected}\n      tabIndex={disabled ? -1 : 0}\n      {...rest}>\n      <ToggleSwitchContainer id=\"switchContainer\">\n        <Switch className={isSemantic ? 'semantic' : ''} />\n      </ToggleSwitchContainer>\n      {label && (\n        <label className={'label'} htmlFor={id}>\n          {label}\n        </label>\n      )}\n    </StyledSwitch>\n  );\n});\n\nexport default ToggleSwitch;\n"],"file":"ToggleSwitch.cjs"}

package/dist/Toggles/ToggleSwitch.js

@@ -2,9 +2,9 @@ import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
 var _excluded = ["id", "disabled", "selected", "label", "isSemantic", "size", "onToggle", "className"];
 
-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 ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (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 _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 
 /**
  * Import React libraries.

package/dist/Toggles/ToggleSwitch.js.map

@@ -1 +1 @@
-{"version":3,"file":"ToggleSwitch.js","names":["React","ToggleSwitchContainer","ToggleSwitch","Switch","StyledSwitch","Size","useFocusVisibleRef","forwardRef","ref","id","disabled","selected","label","isSemantic","size","onToggle","className","rest","toggle","focusVisibleRef","useImperativeHandle","current","Medium","e","key","toString","toLowerCase","concat"],"sources":["../../src/Toggles/ToggleSwitch.tsx"],"sourcesContent":["/**\n * Import React libraries.\n */\nimport * as React from 'react';\n\n/**\n * Import custom types.\n */\nimport {ToggleSwitchProps} from './TogglerTypes';\n\n/**\n * Import custom styles.\n */\nimport {ToggleSwitchContainer, ToggleSwitch as Switch, StyledSwitch} from './TogglerStyles';\nimport {Size} from '..';\nimport {useFocusVisibleRef} from '../common';\n\nconst ToggleSwitch = React.forwardRef(({\n                                         id,\n                                         disabled,\n                                         selected,\n                                         label,\n                                         isSemantic,\n                                         size,\n                                         onToggle,\n                                         className,\n                                         ...rest\n                                       }: ToggleSwitchProps, ref) => {\n  /**\n   * Does all required pre-requisites and toggles the switcher state.\n   */\n  const toggle = () => {\n    // If disabled, don't do anything\n    if (disabled) return;\n\n    // Toggle state change\n    onToggle(!selected);\n  };\n\n  const focusVisibleRef = useFocusVisibleRef([]);\n\n  React.useImperativeHandle(ref, () => focusVisibleRef.current, [focusVisibleRef]);\n\n  size = size ?? Size.Medium;\n\n  return (\n    <StyledSwitch\n      ref={focusVisibleRef}\n      onClick={(e) => toggle()}\n      onKeyDown={e => (e.key === 'Enter' || e.key === ' ') && toggle()}\n      className={size\n        .toString()\n        .toLowerCase()\n        .concat(disabled ? ' disabled' : '')\n        .concat(className ? ` ${className}` : '')}\n      selected={selected}\n      tabIndex={disabled ? -1 : 0}\n      {...rest}>\n      <ToggleSwitchContainer id=\"switchContainer\">\n        <Switch className={isSemantic ? 'semantic' : ''} />\n      </ToggleSwitchContainer>\n      {label && (\n        <label className={'label'} htmlFor={id}>\n          {label}\n        </label>\n      )}\n    </StyledSwitch>\n  );\n});\n\nexport default ToggleSwitch;\n"],"mappings":";;;;;;;;AAAA;AACA;AACA;AACA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AAEA;AACA;AACA;;AAGA;AACA;AACA;AACA,SAAQC,qBAAR,EAA+BC,YAAY,IAAIC,MAA/C,EAAuDC,YAAvD,QAA0E,iBAA1E;AACA,SAAQC,IAAR,QAAmB,IAAnB;AACA,SAAQC,kBAAR,QAAiC,WAAjC;;;AAEA,IAAMJ,YAAY,gBAAGF,KAAK,CAACO,UAAN,CAAiB,gBAUuBC,GAVvB,EAU+B;EAAA;;EAAA,IAT5BC,EAS4B,QAT5BA,EAS4B;EAAA,IAR5BC,QAQ4B,QAR5BA,QAQ4B;EAAA,IAP5BC,QAO4B,QAP5BA,QAO4B;EAAA,IAN5BC,KAM4B,QAN5BA,KAM4B;EAAA,IAL5BC,UAK4B,QAL5BA,UAK4B;EAAA,IAJ5BC,IAI4B,QAJ5BA,IAI4B;EAAA,IAH5BC,QAG4B,QAH5BA,QAG4B;EAAA,IAF5BC,SAE4B,QAF5BA,SAE4B;EAAA,IADzBC,IACyB;;EACnE;AACF;AACA;EACE,IAAMC,MAAM,GAAG,SAATA,MAAS,GAAM;IACnB;IACA,IAAIR,QAAJ,EAAc,OAFK,CAInB;;IACAK,QAAQ,CAAC,CAACJ,QAAF,CAAR;EACD,CAND;;EAQA,IAAMQ,eAAe,GAAGb,kBAAkB,CAAC,EAAD,CAA1C;EAEAN,KAAK,CAACoB,mBAAN,CAA0BZ,GAA1B,EAA+B;IAAA,OAAMW,eAAe,CAACE,OAAtB;EAAA,CAA/B,EAA8D,CAACF,eAAD,CAA9D;EAEAL,IAAI,YAAGA,IAAH,yCAAWT,IAAI,CAACiB,MAApB;EAEA,oBACE,MAAC,YAAD;IACE,GAAG,EAAEH,eADP;IAEE,OAAO,EAAE,iBAACI,CAAD;MAAA,OAAOL,MAAM,EAAb;IAAA,CAFX;IAGE,SAAS,EAAE,mBAAAK,CAAC;MAAA,OAAI,CAACA,CAAC,CAACC,GAAF,KAAU,OAAV,IAAqBD,CAAC,CAACC,GAAF,KAAU,GAAhC,KAAwCN,MAAM,EAAlD;IAAA,CAHd;IAIE,SAAS,EAAEJ,IAAI,CACZW,QADQ,GAERC,WAFQ,GAGRC,MAHQ,CAGDjB,QAAQ,GAAG,WAAH,GAAiB,EAHxB,EAIRiB,MAJQ,CAIDX,SAAS,cAAOA,SAAP,IAAqB,EAJ7B,CAJb;IASE,QAAQ,EAAEL,QATZ;IAUE,QAAQ,EAAED,QAAQ,GAAG,CAAC,CAAJ,GAAQ;EAV5B,GAWMO,IAXN;IAAA,wBAYE,KAAC,qBAAD;MAAuB,EAAE,EAAC,iBAA1B;MAAA,uBACE,KAAC,MAAD;QAAQ,SAAS,EAAEJ,UAAU,GAAG,UAAH,GAAgB;MAA7C;IADF,EAZF,EAeGD,KAAK,iBACJ;MAAO,SAAS,EAAE,OAAlB;MAA2B,OAAO,EAAEH,EAApC;MAAA,UACGG;IADH,EAhBJ;EAAA,GADF;AAuBD,CAnDoB,CAArB;AAqDA,eAAeV,YAAf"}
+{"version":3,"sources":["../../src/Toggles/ToggleSwitch.tsx"],"names":["React","ToggleSwitchContainer","ToggleSwitch","Switch","StyledSwitch","Size","useFocusVisibleRef","forwardRef","ref","id","disabled","selected","label","isSemantic","size","onToggle","className","rest","toggle","focusVisibleRef","useImperativeHandle","current","Medium","e","key","toString","toLowerCase","concat"],"mappings":";;;;;;;;AAAA;AACA;AACA;AACA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AAEA;AACA;AACA;;AAGA;AACA;AACA;AACA,SAAQC,qBAAR,EAA+BC,YAAY,IAAIC,MAA/C,EAAuDC,YAAvD,QAA0E,iBAA1E;AACA,SAAQC,IAAR,QAAmB,IAAnB;AACA,SAAQC,kBAAR,QAAiC,WAAjC;;;AAEA,IAAMJ,YAAY,gBAAGF,KAAK,CAACO,UAAN,CAAiB,gBAUuBC,GAVvB,EAU+B;AAAA;;AAAA,MAT5BC,EAS4B,QAT5BA,EAS4B;AAAA,MAR5BC,QAQ4B,QAR5BA,QAQ4B;AAAA,MAP5BC,QAO4B,QAP5BA,QAO4B;AAAA,MAN5BC,KAM4B,QAN5BA,KAM4B;AAAA,MAL5BC,UAK4B,QAL5BA,UAK4B;AAAA,MAJ5BC,IAI4B,QAJ5BA,IAI4B;AAAA,MAH5BC,QAG4B,QAH5BA,QAG4B;AAAA,MAF5BC,SAE4B,QAF5BA,SAE4B;AAAA,MADzBC,IACyB;;AACnE;AACF;AACA;AACE,MAAMC,MAAM,GAAG,SAATA,MAAS,GAAM;AACnB;AACA,QAAIR,QAAJ,EAAc,OAFK,CAInB;;AACAK,IAAAA,QAAQ,CAAC,CAACJ,QAAF,CAAR;AACD,GAND;;AAQA,MAAMQ,eAAe,GAAGb,kBAAkB,CAAC,EAAD,CAA1C;AAEAN,EAAAA,KAAK,CAACoB,mBAAN,CAA0BZ,GAA1B,EAA+B;AAAA,WAAMW,eAAe,CAACE,OAAtB;AAAA,GAA/B,EAA8D,CAACF,eAAD,CAA9D;AAEAL,EAAAA,IAAI,YAAGA,IAAH,yCAAWT,IAAI,CAACiB,MAApB;AAEA,sBACE,MAAC,YAAD;AACE,IAAA,GAAG,EAAEH,eADP;AAEE,IAAA,OAAO,EAAE,iBAACI,CAAD;AAAA,aAAOL,MAAM,EAAb;AAAA,KAFX;AAGE,IAAA,SAAS,EAAE,mBAAAK,CAAC;AAAA,aAAI,CAACA,CAAC,CAACC,GAAF,KAAU,OAAV,IAAqBD,CAAC,CAACC,GAAF,KAAU,GAAhC,KAAwCN,MAAM,EAAlD;AAAA,KAHd;AAIE,IAAA,SAAS,EAAEJ,IAAI,CACZW,QADQ,GAERC,WAFQ,GAGRC,MAHQ,CAGDjB,QAAQ,GAAG,WAAH,GAAiB,EAHxB,EAIRiB,MAJQ,CAIDX,SAAS,cAAOA,SAAP,IAAqB,EAJ7B,CAJb;AASE,IAAA,QAAQ,EAAEL,QATZ;AAUE,IAAA,QAAQ,EAAED,QAAQ,GAAG,CAAC,CAAJ,GAAQ;AAV5B,KAWMO,IAXN;AAAA,4BAYE,KAAC,qBAAD;AAAuB,MAAA,EAAE,EAAC,iBAA1B;AAAA,6BACE,KAAC,MAAD;AAAQ,QAAA,SAAS,EAAEJ,UAAU,GAAG,UAAH,GAAgB;AAA7C;AADF,MAZF,EAeGD,KAAK,iBACJ;AAAO,MAAA,SAAS,EAAE,OAAlB;AAA2B,MAAA,OAAO,EAAEH,EAApC;AAAA,gBACGG;AADH,MAhBJ;AAAA,KADF;AAuBD,CAnDoB,CAArB;AAqDA,eAAeV,YAAf","sourcesContent":["/**\n * Import React libraries.\n */\nimport * as React from 'react';\n\n/**\n * Import custom types.\n */\nimport {ToggleSwitchProps} from './TogglerTypes';\n\n/**\n * Import custom styles.\n */\nimport {ToggleSwitchContainer, ToggleSwitch as Switch, StyledSwitch} from './TogglerStyles';\nimport {Size} from '..';\nimport {useFocusVisibleRef} from '../common';\n\nconst ToggleSwitch = React.forwardRef(({\n                                         id,\n                                         disabled,\n                                         selected,\n                                         label,\n                                         isSemantic,\n                                         size,\n                                         onToggle,\n                                         className,\n                                         ...rest\n                                       }: ToggleSwitchProps, ref) => {\n  /**\n   * Does all required pre-requisites and toggles the switcher state.\n   */\n  const toggle = () => {\n    // If disabled, don't do anything\n    if (disabled) return;\n\n    // Toggle state change\n    onToggle(!selected);\n  };\n\n  const focusVisibleRef = useFocusVisibleRef([]);\n\n  React.useImperativeHandle(ref, () => focusVisibleRef.current, [focusVisibleRef]);\n\n  size = size ?? Size.Medium;\n\n  return (\n    <StyledSwitch\n      ref={focusVisibleRef}\n      onClick={(e) => toggle()}\n      onKeyDown={e => (e.key === 'Enter' || e.key === ' ') && toggle()}\n      className={size\n        .toString()\n        .toLowerCase()\n        .concat(disabled ? ' disabled' : '')\n        .concat(className ? ` ${className}` : '')}\n      selected={selected}\n      tabIndex={disabled ? -1 : 0}\n      {...rest}>\n      <ToggleSwitchContainer id=\"switchContainer\">\n        <Switch className={isSemantic ? 'semantic' : ''} />\n      </ToggleSwitchContainer>\n      {label && (\n        <label className={'label'} htmlFor={id}>\n          {label}\n        </label>\n      )}\n    </StyledSwitch>\n  );\n});\n\nexport default ToggleSwitch;\n"],"file":"ToggleSwitch.js"}

package/dist/Toggles/TogglerStyles.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"TogglerStyles.cjs","names":["StyledSwitch","styled","div","ComponentSStyling","ComponentTextStyle","Regular","COLORS","black","ComponentMStyling","ComponentLStyling","neutral_300","primary_100","props","selected","css","neutral_200","correct_500","primary_20","primary_500","neutral_100","critical_500","focusStyles","ToggleSwitchContainer","label","ToggleSwitch","span","neutral_500","white"],"sources":["../../src/Toggles/TogglerStyles.ts"],"sourcesContent":["/**\n * Import custom styles.\n */\nimport {COLORS, focusStyles} from '../styles';\n\n/**\n * Import third-party libraries.\n */\nimport styled, { css } from 'styled-components';\nimport { ComponentLStyling, ComponentMStyling, ComponentSStyling, ComponentTextStyle } from '../styles/typography';\n\nexport const StyledSwitch = styled.div<{ selected: boolean | undefined }>`\n  display: flex;\n  flex-direction: row;\n  width: max-content;\n  min-height: 48px;\n  min-width: 48px;\n  align-items: center;\n  cursor: pointer;\n  &.small {\n    ${ComponentSStyling(ComponentTextStyle.Regular, COLORS.black)}\n  }\n\n  &.medium {\n    ${ComponentMStyling(ComponentTextStyle.Regular, COLORS.black)}\n  }\n\n  &.large {\n    ${ComponentLStyling(ComponentTextStyle.Regular, COLORS.black)}\n  }\n  &.disabled {\n    color: ${COLORS.neutral_300};\n\n    .label {\n      cursor: not-allowed;\n    }\n  }\n  .label {\n    cursor: inherit;\n    margin-left: 8px;\n  }\n\n  &:not(.disabled):active label:first-of-type span {\n    &:before {\n      background-color: ${COLORS.primary_100};\n    }\n  }\n\n  ${(props) =>\n    props.selected\n      ? css`\n          &.disabled label:first-of-type span {\n            background-color: ${COLORS.neutral_300} !important;\n            cursor: not-allowed;\n\n            &:before {\n              background-color: ${COLORS.neutral_200} !important;\n              cursor: not-allowed;\n            }\n          }\n          &:hover span {\n            &.semantic {\n              background-color: ${COLORS.correct_500};\n            }\n\n            &:before {\n              background-color: ${COLORS.primary_20};\n            }\n          }\n          label:first-of-type span {\n            background-color: ${COLORS.primary_500};\n\n            &.semantic {\n              background-color: ${COLORS.correct_500};\n            }\n\n            &:before {\n              -webkit-transform: translateX(20px);\n              -ms-transform: translateX(20px);\n              transform: translateX(20px);\n            }\n          }\n        `\n      : css`\n          &.disabled label:first-of-type span {\n            background-color: ${COLORS.neutral_300} !important;\n            cursor: not-allowed;\n\n            &:before {\n              background-color: ${COLORS.neutral_100} !important;\n              cursor: not-allowed;\n            }\n          }\n          &:hover label:first-of-type span {\n            &.semantic {\n              background-color: ${COLORS.critical_500};\n            }\n\n            &:before {\n              background-color: ${COLORS.primary_20};\n            }\n          }\n        `}\n  &:not(.disabled).focus-visible {\n    ${focusStyles}\n  }\n\n  &:not(.disabled) label:first-of-type {\n    cursor: inherit;\n  }\n`;\n\nexport const ToggleSwitchContainer = styled.label`\n  position: relative;\n  align-items: center;\n  display: inline-flex;\n  height: 28px;\n  width: auto;\n  padding: 10px 6px;\n`;\n\nexport const ToggleSwitch = styled.span`\n  position: relative;\n  display: inline-block;\n  vertical-align: middle;\n  cursor: pointer;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  width: 36px;\n  height: 16px;\n  background-color: ${COLORS.neutral_500};\n  border-radius: 100px;\n\n  &.semantic {\n    background-color: ${COLORS.critical_500};\n  }\n\n  &:before {\n    position: absolute;\n    content: '';\n    height: 12px;\n    width: 12px;\n    left: 2px;\n    top: calc(50% - 6px);\n    background-color: ${COLORS.white};\n    -webkit-transition: background-color 0.1s, transform 0.1s;\n    transition: 0.1s;\n    transition-timing-function: ease-in-out;\n    border-radius: 50%;\n  }\n`;\n"],"mappings":";;;;;;;;;;;;;AAGA;;AAKA;;AACA;;;;;;;;AAEO,IAAMA,YAAY,GAAGC,yBAAA,CAAOC,GAAV,otBASnB,IAAAC,6BAAA,EAAkBC,8BAAA,CAAmBC,OAArC,EAA8CC,cAAA,CAAOC,KAArD,CATmB,EAanB,IAAAC,6BAAA,EAAkBJ,8BAAA,CAAmBC,OAArC,EAA8CC,cAAA,CAAOC,KAArD,CAbmB,EAiBnB,IAAAE,6BAAA,EAAkBL,8BAAA,CAAmBC,OAArC,EAA8CC,cAAA,CAAOC,KAArD,CAjBmB,EAoBZD,cAAA,CAAOI,WApBK,EAiCCJ,cAAA,CAAOK,WAjCR,EAqCrB,UAACC,KAAD;EAAA,OACAA,KAAK,CAACC,QAAN,OACIC,qBADJ,05BAG4BR,cAAA,CAAOI,WAHnC,EAO8BJ,cAAA,CAAOS,WAPrC,EAa8BT,cAAA,CAAOU,WAbrC,EAiB8BV,cAAA,CAAOW,UAjBrC,EAqB4BX,cAAA,CAAOY,WArBnC,EAwB8BZ,cAAA,CAAOU,WAxBrC,QAkCIF,qBAlCJ,2kBAoC4BR,cAAA,CAAOI,WApCnC,EAwC8BJ,cAAA,CAAOa,WAxCrC,EA8C8Bb,cAAA,CAAOc,YA9CrC,EAkD8Bd,cAAA,CAAOW,UAlDrC,CADA;AAAA,CArCqB,EA6FnBI,mBA7FmB,CAAlB;;;;AAqGA,IAAMC,qBAAqB,GAAGrB,yBAAA,CAAOsB,KAAV,sNAA3B;;;;AASA,IAAMC,YAAY,GAAGvB,yBAAA,CAAOwB,IAAV,8rBAWHnB,cAAA,CAAOoB,WAXJ,EAeDpB,cAAA,CAAOc,YAfN,EAyBDd,cAAA,CAAOqB,KAzBN,CAAlB"}
+{"version":3,"sources":["../../src/Toggles/TogglerStyles.ts"],"names":["StyledSwitch","styled","div","ComponentTextStyle","Regular","COLORS","black","neutral_300","primary_100","props","selected","css","neutral_200","correct_500","primary_20","primary_500","neutral_100","critical_500","focusStyles","ToggleSwitchContainer","label","ToggleSwitch","span","neutral_500","white"],"mappings":";;;;;;;;;;;;;AAGA;;AAKA;;AACA;;;;;;;;AAEO,IAAMA,YAAY,GAAGC,0BAAOC,GAAV,otBASnB,mCAAkBC,+BAAmBC,OAArC,EAA8CC,eAAOC,KAArD,CATmB,EAanB,mCAAkBH,+BAAmBC,OAArC,EAA8CC,eAAOC,KAArD,CAbmB,EAiBnB,mCAAkBH,+BAAmBC,OAArC,EAA8CC,eAAOC,KAArD,CAjBmB,EAoBZD,eAAOE,WApBK,EAiCCF,eAAOG,WAjCR,EAqCrB,UAACC,KAAD;AAAA,SACAA,KAAK,CAACC,QAAN,OACIC,qBADJ,05BAG4BN,eAAOE,WAHnC,EAO8BF,eAAOO,WAPrC,EAa8BP,eAAOQ,WAbrC,EAiB8BR,eAAOS,UAjBrC,EAqB4BT,eAAOU,WArBnC,EAwB8BV,eAAOQ,WAxBrC,QAkCIF,qBAlCJ,2kBAoC4BN,eAAOE,WApCnC,EAwC8BF,eAAOW,WAxCrC,EA8C8BX,eAAOY,YA9CrC,EAkD8BZ,eAAOS,UAlDrC,CADA;AAAA,CArCqB,EA6FnBI,mBA7FmB,CAAlB;;;;AAqGA,IAAMC,qBAAqB,GAAGlB,0BAAOmB,KAAV,sNAA3B;;;;AASA,IAAMC,YAAY,GAAGpB,0BAAOqB,IAAV,8rBAWHjB,eAAOkB,WAXJ,EAeDlB,eAAOY,YAfN,EAyBDZ,eAAOmB,KAzBN,CAAlB","sourcesContent":["/**\n * Import custom styles.\n */\nimport {COLORS, focusStyles} from '../styles';\n\n/**\n * Import third-party libraries.\n */\nimport styled, { css } from 'styled-components';\nimport { ComponentLStyling, ComponentMStyling, ComponentSStyling, ComponentTextStyle } from '../styles/typography';\n\nexport const StyledSwitch = styled.div<{ selected: boolean | undefined }>`\n  display: flex;\n  flex-direction: row;\n  width: max-content;\n  min-height: 48px;\n  min-width: 48px;\n  align-items: center;\n  cursor: pointer;\n  &.small {\n    ${ComponentSStyling(ComponentTextStyle.Regular, COLORS.black)}\n  }\n\n  &.medium {\n    ${ComponentMStyling(ComponentTextStyle.Regular, COLORS.black)}\n  }\n\n  &.large {\n    ${ComponentLStyling(ComponentTextStyle.Regular, COLORS.black)}\n  }\n  &.disabled {\n    color: ${COLORS.neutral_300};\n\n    .label {\n      cursor: not-allowed;\n    }\n  }\n  .label {\n    cursor: inherit;\n    margin-left: 8px;\n  }\n\n  &:not(.disabled):active label:first-of-type span {\n    &:before {\n      background-color: ${COLORS.primary_100};\n    }\n  }\n\n  ${(props) =>\n    props.selected\n      ? css`\n          &.disabled label:first-of-type span {\n            background-color: ${COLORS.neutral_300} !important;\n            cursor: not-allowed;\n\n            &:before {\n              background-color: ${COLORS.neutral_200} !important;\n              cursor: not-allowed;\n            }\n          }\n          &:hover span {\n            &.semantic {\n              background-color: ${COLORS.correct_500};\n            }\n\n            &:before {\n              background-color: ${COLORS.primary_20};\n            }\n          }\n          label:first-of-type span {\n            background-color: ${COLORS.primary_500};\n\n            &.semantic {\n              background-color: ${COLORS.correct_500};\n            }\n\n            &:before {\n              -webkit-transform: translateX(20px);\n              -ms-transform: translateX(20px);\n              transform: translateX(20px);\n            }\n          }\n        `\n      : css`\n          &.disabled label:first-of-type span {\n            background-color: ${COLORS.neutral_300} !important;\n            cursor: not-allowed;\n\n            &:before {\n              background-color: ${COLORS.neutral_100} !important;\n              cursor: not-allowed;\n            }\n          }\n          &:hover label:first-of-type span {\n            &.semantic {\n              background-color: ${COLORS.critical_500};\n            }\n\n            &:before {\n              background-color: ${COLORS.primary_20};\n            }\n          }\n        `}\n  &:not(.disabled).focus-visible {\n    ${focusStyles}\n  }\n\n  &:not(.disabled) label:first-of-type {\n    cursor: inherit;\n  }\n`;\n\nexport const ToggleSwitchContainer = styled.label`\n  position: relative;\n  align-items: center;\n  display: inline-flex;\n  height: 28px;\n  width: auto;\n  padding: 10px 6px;\n`;\n\nexport const ToggleSwitch = styled.span`\n  position: relative;\n  display: inline-block;\n  vertical-align: middle;\n  cursor: pointer;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  width: 36px;\n  height: 16px;\n  background-color: ${COLORS.neutral_500};\n  border-radius: 100px;\n\n  &.semantic {\n    background-color: ${COLORS.critical_500};\n  }\n\n  &:before {\n    position: absolute;\n    content: '';\n    height: 12px;\n    width: 12px;\n    left: 2px;\n    top: calc(50% - 6px);\n    background-color: ${COLORS.white};\n    -webkit-transition: background-color 0.1s, transform 0.1s;\n    transition: 0.1s;\n    transition-timing-function: ease-in-out;\n    border-radius: 50%;\n  }\n`;\n"],"file":"TogglerStyles.cjs"}

package/dist/Toggles/TogglerStyles.js.map

@@ -1 +1 @@
-{"version":3,"file":"TogglerStyles.js","names":["COLORS","focusStyles","styled","css","ComponentLStyling","ComponentMStyling","ComponentSStyling","ComponentTextStyle","StyledSwitch","div","Regular","black","neutral_300","primary_100","props","selected","neutral_200","correct_500","primary_20","primary_500","neutral_100","critical_500","ToggleSwitchContainer","label","ToggleSwitch","span","neutral_500","white"],"sources":["../../src/Toggles/TogglerStyles.ts"],"sourcesContent":["/**\n * Import custom styles.\n */\nimport {COLORS, focusStyles} from '../styles';\n\n/**\n * Import third-party libraries.\n */\nimport styled, { css } from 'styled-components';\nimport { ComponentLStyling, ComponentMStyling, ComponentSStyling, ComponentTextStyle } from '../styles/typography';\n\nexport const StyledSwitch = styled.div<{ selected: boolean | undefined }>`\n  display: flex;\n  flex-direction: row;\n  width: max-content;\n  min-height: 48px;\n  min-width: 48px;\n  align-items: center;\n  cursor: pointer;\n  &.small {\n    ${ComponentSStyling(ComponentTextStyle.Regular, COLORS.black)}\n  }\n\n  &.medium {\n    ${ComponentMStyling(ComponentTextStyle.Regular, COLORS.black)}\n  }\n\n  &.large {\n    ${ComponentLStyling(ComponentTextStyle.Regular, COLORS.black)}\n  }\n  &.disabled {\n    color: ${COLORS.neutral_300};\n\n    .label {\n      cursor: not-allowed;\n    }\n  }\n  .label {\n    cursor: inherit;\n    margin-left: 8px;\n  }\n\n  &:not(.disabled):active label:first-of-type span {\n    &:before {\n      background-color: ${COLORS.primary_100};\n    }\n  }\n\n  ${(props) =>\n    props.selected\n      ? css`\n          &.disabled label:first-of-type span {\n            background-color: ${COLORS.neutral_300} !important;\n            cursor: not-allowed;\n\n            &:before {\n              background-color: ${COLORS.neutral_200} !important;\n              cursor: not-allowed;\n            }\n          }\n          &:hover span {\n            &.semantic {\n              background-color: ${COLORS.correct_500};\n            }\n\n            &:before {\n              background-color: ${COLORS.primary_20};\n            }\n          }\n          label:first-of-type span {\n            background-color: ${COLORS.primary_500};\n\n            &.semantic {\n              background-color: ${COLORS.correct_500};\n            }\n\n            &:before {\n              -webkit-transform: translateX(20px);\n              -ms-transform: translateX(20px);\n              transform: translateX(20px);\n            }\n          }\n        `\n      : css`\n          &.disabled label:first-of-type span {\n            background-color: ${COLORS.neutral_300} !important;\n            cursor: not-allowed;\n\n            &:before {\n              background-color: ${COLORS.neutral_100} !important;\n              cursor: not-allowed;\n            }\n          }\n          &:hover label:first-of-type span {\n            &.semantic {\n              background-color: ${COLORS.critical_500};\n            }\n\n            &:before {\n              background-color: ${COLORS.primary_20};\n            }\n          }\n        `}\n  &:not(.disabled).focus-visible {\n    ${focusStyles}\n  }\n\n  &:not(.disabled) label:first-of-type {\n    cursor: inherit;\n  }\n`;\n\nexport const ToggleSwitchContainer = styled.label`\n  position: relative;\n  align-items: center;\n  display: inline-flex;\n  height: 28px;\n  width: auto;\n  padding: 10px 6px;\n`;\n\nexport const ToggleSwitch = styled.span`\n  position: relative;\n  display: inline-block;\n  vertical-align: middle;\n  cursor: pointer;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  width: 36px;\n  height: 16px;\n  background-color: ${COLORS.neutral_500};\n  border-radius: 100px;\n\n  &.semantic {\n    background-color: ${COLORS.critical_500};\n  }\n\n  &:before {\n    position: absolute;\n    content: '';\n    height: 12px;\n    width: 12px;\n    left: 2px;\n    top: calc(50% - 6px);\n    background-color: ${COLORS.white};\n    -webkit-transition: background-color 0.1s, transform 0.1s;\n    transition: 0.1s;\n    transition-timing-function: ease-in-out;\n    border-radius: 50%;\n  }\n`;\n"],"mappings":";;;;AAAA;AACA;AACA;AACA,SAAQA,MAAR,EAAgBC,WAAhB,QAAkC,WAAlC;AAEA;AACA;AACA;;AACA,OAAOC,MAAP,IAAiBC,GAAjB,QAA4B,mBAA5B;AACA,SAASC,iBAAT,EAA4BC,iBAA5B,EAA+CC,iBAA/C,EAAkEC,kBAAlE,QAA4F,sBAA5F;AAEA,OAAO,IAAMC,YAAY,GAAGN,MAAM,CAACO,GAAV,ssBASnBH,iBAAiB,CAACC,kBAAkB,CAACG,OAApB,EAA6BV,MAAM,CAACW,KAApC,CATE,EAanBN,iBAAiB,CAACE,kBAAkB,CAACG,OAApB,EAA6BV,MAAM,CAACW,KAApC,CAbE,EAiBnBP,iBAAiB,CAACG,kBAAkB,CAACG,OAApB,EAA6BV,MAAM,CAACW,KAApC,CAjBE,EAoBZX,MAAM,CAACY,WApBK,EAiCCZ,MAAM,CAACa,WAjCR,EAqCrB,UAACC,KAAD;EAAA,OACAA,KAAK,CAACC,QAAN,GACIZ,GADJ,24BAG4BH,MAAM,CAACY,WAHnC,EAO8BZ,MAAM,CAACgB,WAPrC,EAa8BhB,MAAM,CAACiB,WAbrC,EAiB8BjB,MAAM,CAACkB,UAjBrC,EAqB4BlB,MAAM,CAACmB,WArBnC,EAwB8BnB,MAAM,CAACiB,WAxBrC,IAkCId,GAlCJ,4jBAoC4BH,MAAM,CAACY,WApCnC,EAwC8BZ,MAAM,CAACoB,WAxCrC,EA8C8BpB,MAAM,CAACqB,YA9CrC,EAkD8BrB,MAAM,CAACkB,UAlDrC,CADA;AAAA,CArCqB,EA6FnBjB,WA7FmB,CAAlB;AAqGP,OAAO,IAAMqB,qBAAqB,GAAGpB,MAAM,CAACqB,KAAV,wMAA3B;AASP,OAAO,IAAMC,YAAY,GAAGtB,MAAM,CAACuB,IAAV,grBAWHzB,MAAM,CAAC0B,WAXJ,EAeD1B,MAAM,CAACqB,YAfN,EAyBDrB,MAAM,CAAC2B,KAzBN,CAAlB"}
+{"version":3,"sources":["../../src/Toggles/TogglerStyles.ts"],"names":["COLORS","focusStyles","styled","css","ComponentLStyling","ComponentMStyling","ComponentSStyling","ComponentTextStyle","StyledSwitch","div","Regular","black","neutral_300","primary_100","props","selected","neutral_200","correct_500","primary_20","primary_500","neutral_100","critical_500","ToggleSwitchContainer","label","ToggleSwitch","span","neutral_500","white"],"mappings":";;;;AAAA;AACA;AACA;AACA,SAAQA,MAAR,EAAgBC,WAAhB,QAAkC,WAAlC;AAEA;AACA;AACA;;AACA,OAAOC,MAAP,IAAiBC,GAAjB,QAA4B,mBAA5B;AACA,SAASC,iBAAT,EAA4BC,iBAA5B,EAA+CC,iBAA/C,EAAkEC,kBAAlE,QAA4F,sBAA5F;AAEA,OAAO,IAAMC,YAAY,GAAGN,MAAM,CAACO,GAAV,ssBASnBH,iBAAiB,CAACC,kBAAkB,CAACG,OAApB,EAA6BV,MAAM,CAACW,KAApC,CATE,EAanBN,iBAAiB,CAACE,kBAAkB,CAACG,OAApB,EAA6BV,MAAM,CAACW,KAApC,CAbE,EAiBnBP,iBAAiB,CAACG,kBAAkB,CAACG,OAApB,EAA6BV,MAAM,CAACW,KAApC,CAjBE,EAoBZX,MAAM,CAACY,WApBK,EAiCCZ,MAAM,CAACa,WAjCR,EAqCrB,UAACC,KAAD;AAAA,SACAA,KAAK,CAACC,QAAN,GACIZ,GADJ,24BAG4BH,MAAM,CAACY,WAHnC,EAO8BZ,MAAM,CAACgB,WAPrC,EAa8BhB,MAAM,CAACiB,WAbrC,EAiB8BjB,MAAM,CAACkB,UAjBrC,EAqB4BlB,MAAM,CAACmB,WArBnC,EAwB8BnB,MAAM,CAACiB,WAxBrC,IAkCId,GAlCJ,4jBAoC4BH,MAAM,CAACY,WApCnC,EAwC8BZ,MAAM,CAACoB,WAxCrC,EA8C8BpB,MAAM,CAACqB,YA9CrC,EAkD8BrB,MAAM,CAACkB,UAlDrC,CADA;AAAA,CArCqB,EA6FnBjB,WA7FmB,CAAlB;AAqGP,OAAO,IAAMqB,qBAAqB,GAAGpB,MAAM,CAACqB,KAAV,wMAA3B;AASP,OAAO,IAAMC,YAAY,GAAGtB,MAAM,CAACuB,IAAV,grBAWHzB,MAAM,CAAC0B,WAXJ,EAeD1B,MAAM,CAACqB,YAfN,EAyBDrB,MAAM,CAAC2B,KAzBN,CAAlB","sourcesContent":["/**\n * Import custom styles.\n */\nimport {COLORS, focusStyles} from '../styles';\n\n/**\n * Import third-party libraries.\n */\nimport styled, { css } from 'styled-components';\nimport { ComponentLStyling, ComponentMStyling, ComponentSStyling, ComponentTextStyle } from '../styles/typography';\n\nexport const StyledSwitch = styled.div<{ selected: boolean | undefined }>`\n  display: flex;\n  flex-direction: row;\n  width: max-content;\n  min-height: 48px;\n  min-width: 48px;\n  align-items: center;\n  cursor: pointer;\n  &.small {\n    ${ComponentSStyling(ComponentTextStyle.Regular, COLORS.black)}\n  }\n\n  &.medium {\n    ${ComponentMStyling(ComponentTextStyle.Regular, COLORS.black)}\n  }\n\n  &.large {\n    ${ComponentLStyling(ComponentTextStyle.Regular, COLORS.black)}\n  }\n  &.disabled {\n    color: ${COLORS.neutral_300};\n\n    .label {\n      cursor: not-allowed;\n    }\n  }\n  .label {\n    cursor: inherit;\n    margin-left: 8px;\n  }\n\n  &:not(.disabled):active label:first-of-type span {\n    &:before {\n      background-color: ${COLORS.primary_100};\n    }\n  }\n\n  ${(props) =>\n    props.selected\n      ? css`\n          &.disabled label:first-of-type span {\n            background-color: ${COLORS.neutral_300} !important;\n            cursor: not-allowed;\n\n            &:before {\n              background-color: ${COLORS.neutral_200} !important;\n              cursor: not-allowed;\n            }\n          }\n          &:hover span {\n            &.semantic {\n              background-color: ${COLORS.correct_500};\n            }\n\n            &:before {\n              background-color: ${COLORS.primary_20};\n            }\n          }\n          label:first-of-type span {\n            background-color: ${COLORS.primary_500};\n\n            &.semantic {\n              background-color: ${COLORS.correct_500};\n            }\n\n            &:before {\n              -webkit-transform: translateX(20px);\n              -ms-transform: translateX(20px);\n              transform: translateX(20px);\n            }\n          }\n        `\n      : css`\n          &.disabled label:first-of-type span {\n            background-color: ${COLORS.neutral_300} !important;\n            cursor: not-allowed;\n\n            &:before {\n              background-color: ${COLORS.neutral_100} !important;\n              cursor: not-allowed;\n            }\n          }\n          &:hover label:first-of-type span {\n            &.semantic {\n              background-color: ${COLORS.critical_500};\n            }\n\n            &:before {\n              background-color: ${COLORS.primary_20};\n            }\n          }\n        `}\n  &:not(.disabled).focus-visible {\n    ${focusStyles}\n  }\n\n  &:not(.disabled) label:first-of-type {\n    cursor: inherit;\n  }\n`;\n\nexport const ToggleSwitchContainer = styled.label`\n  position: relative;\n  align-items: center;\n  display: inline-flex;\n  height: 28px;\n  width: auto;\n  padding: 10px 6px;\n`;\n\nexport const ToggleSwitch = styled.span`\n  position: relative;\n  display: inline-block;\n  vertical-align: middle;\n  cursor: pointer;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  width: 36px;\n  height: 16px;\n  background-color: ${COLORS.neutral_500};\n  border-radius: 100px;\n\n  &.semantic {\n    background-color: ${COLORS.critical_500};\n  }\n\n  &:before {\n    position: absolute;\n    content: '';\n    height: 12px;\n    width: 12px;\n    left: 2px;\n    top: calc(50% - 6px);\n    background-color: ${COLORS.white};\n    -webkit-transition: background-color 0.1s, transform 0.1s;\n    transition: 0.1s;\n    transition-timing-function: ease-in-out;\n    border-radius: 50%;\n  }\n`;\n"],"file":"TogglerStyles.js"}

package/dist/Toggles/TogglerTypes.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"TogglerTypes.cjs","names":[],"sources":["../../src/Toggles/TogglerTypes.ts"],"sourcesContent":["import { Size } from '..';\n\n/**\n * Types for the table.\n */\nexport interface ToggleSwitchProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'onKeyDown' | 'onClick' | 'tabIndex'  >{\n  id: string;\n  label?: string;\n  disabled?: boolean;\n  selected?: boolean;\n  isSemantic?: boolean;\n  size?: Size;\n  onToggle: (selected: boolean) => void;\n}\n"],"mappings":""}
+{"version":3,"sources":[],"names":[],"mappings":"","sourcesContent":[],"file":"TogglerTypes.cjs"}

package/dist/Toggles/TogglerTypes.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { Size } from '..';
 /**
  * Types for the table.

package/dist/Toggles/TogglerTypes.js.map

@@ -1 +1 @@
-{"version":3,"file":"TogglerTypes.js","names":[],"sources":["../../src/Toggles/TogglerTypes.ts"],"sourcesContent":["import { Size } from '..';\n\n/**\n * Types for the table.\n */\nexport interface ToggleSwitchProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'onKeyDown' | 'onClick' | 'tabIndex'  >{\n  id: string;\n  label?: string;\n  disabled?: boolean;\n  selected?: boolean;\n  isSemantic?: boolean;\n  size?: Size;\n  onToggle: (selected: boolean) => void;\n}\n"],"mappings":""}
+{"version":3,"sources":[],"names":[],"mappings":"","sourcesContent":[],"file":"TogglerTypes.js"}

package/dist/Toggles/index.cjs.map

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

package/dist/Toggles/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["ToggleSwitch","ToggleButton"],"sources":["../../src/Toggles/index.ts"],"sourcesContent":["import ToggleSwitch from './ToggleSwitch';\nimport ToggleButton from './ToggleButton';\n\nexport {ToggleSwitch, ToggleButton};\n"],"mappings":"AAAA,OAAOA,YAAP,MAAyB,gBAAzB;AACA,OAAOC,YAAP,MAAyB,gBAAzB;AAEA,SAAQD,YAAR,EAAsBC,YAAtB"}
+{"version":3,"sources":["../../src/Toggles/index.ts"],"names":["ToggleSwitch","ToggleButton"],"mappings":"AAAA,OAAOA,YAAP,MAAyB,gBAAzB;AACA,OAAOC,YAAP,MAAyB,gBAAzB;AAEA,SAAQD,YAAR,EAAsBC,YAAtB","sourcesContent":["import ToggleSwitch from './ToggleSwitch';\nimport ToggleButton from './ToggleButton';\n\nexport {ToggleSwitch, ToggleButton};\n"],"file":"index.js"}

package/dist/Tooltips/TooltipStyles.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"TooltipStyles.cjs","names":["distanceToEdge","size","Size","XSmall","Small","Tooltip","styled","div","props","Medium","ComponentSStyling","ComponentTextStyle","Regular","COLORS","white","ComponentXSStyling","ComponentMStyling","align","BOXSHADOWS","BOXSHADOW_L2","height","primary_800","Z_INDEXES","tooltip","position","withArrow","defaultProps","TooltipTrigger","delay","css","TooltipContainer","focusStyles"],"sources":["../../src/Tooltips/TooltipStyles.tsx"],"sourcesContent":["import styled, { css } from 'styled-components';\nimport { Size } from '../types';\nimport {BOXSHADOWS, COLORS, ComponentTextStyle, focusStyles} from '../styles';\nimport { ComponentMStyling, ComponentSStyling, ComponentXSStyling } from '../styles/typography';\nimport {Z_INDEXES} from '../styles/z-indexes';\n\nconst distanceToEdge = (size: Size | undefined) => {\n  return size == Size.XSmall ? '8px' : (!size || size == Size.Small) ? '12px' : '16px';\n}\n\nexport const Tooltip = styled.div<{\n  withArrow?: boolean;\n  size?: Size;\n  height?: string;\n  align?: 'start' | 'end' | 'center' | undefined;\n  position?: 'top' | 'right' | 'bottom' | 'left' | undefined;\n}>`\n\n    pointer-events: none;\n    ${props => (props.size == Size.Small || props.size != Size.Medium ? ComponentSStyling(ComponentTextStyle.Regular, COLORS.white) : '')}\n    ${props => (props.size == Size.XSmall  ? ComponentXSStyling(ComponentTextStyle.Regular, COLORS.white) : '')}\n    ${props => (props.size == Size.Medium ? ComponentMStyling(ComponentTextStyle.Regular, COLORS.white) : '')}\n    ${props => (props.align == 'center' ? 'text-align: center;' : '')}\n    box-shadow: ${BOXSHADOWS.BOXSHADOW_L2};\n    \n    padding: ${props => props.size == Size.XSmall ? '4px 8px' : props.size == Size.Medium ? '8px 12px' : '6px 10px'};\n    border-radius: 2px;\n    width: max-content;\n    height: ${props => props.height};\n    max-width: 34em;\n    background: ${COLORS.primary_800};\n    position: absolute; \n    opacity: 0; \n    z-index: ${Z_INDEXES.tooltip};\n    ${props => (props.position == 'top' ? 'bottom: 110%;' : props.position == 'bottom' ? 'top: 110%;' : '')}\n\n    ${props => (props.position == 'left' ? 'bottom: 50%; transform: translateX(-110%) translateY(50%);' : '')}\n    ${props => (props.position == 'right' ? 'bottom: 50%;left: 110%; transform: translateY(50%);' : '')}\n            \n    ${props =>\n      props.position == 'left' || props.position == 'right'\n        ? ''\n        : props.align == 'start'\n        ? 'left: 0%;'\n        : props.align == 'end'\n        ? 'right: 0%;'\n        : 'left: 50%; transform: translateX(-50%);'}\n\n\n&::after {\n    ${props => (!props.withArrow ? 'display: none;' : '')}\n    content: \"\";\n    position: absolute;\n    ${props => (props.position == 'top' ? 'top: 100%;' : props.position == 'bottom' ? 'bottom: 100%;' : '')}\n    \n    ${props => (props.position == 'right' ? 'right: 100%; bottom: 50%; transform: translateY(50%);' : '')}\n    ${props => (props.position == 'left' ? 'left: 100%; bottom: 50%; transform: translateY(50%);' : '')}\n\n    ${props =>\n      props.position == 'left' || props.position == 'right' ? '' : \n      props.align == 'start' ? `left: ${distanceToEdge(props.size)};` : props.align == 'end' ? `right: ${distanceToEdge(props.size)};` : 'left: 50%;'}\n\n    ${props => (props.position == 'left' ? '' : 'margin-left: -5px;')}\n    margin: -0.5px;\n    border-width: 4px;\n    border-style: solid;\n    border-color: ${props => (props.position == 'top' ? COLORS.primary_800 : 'transparent')} \n                    ${props => (props.position == 'right' ? COLORS.primary_800 : 'transparent')} \n                    ${props => (props.position == 'bottom' ? COLORS.primary_800 : 'transparent')} \n                    ${props => (props.position == 'left' ? COLORS.primary_800 : 'transparent')};\n  }\n`;\n\nTooltip.defaultProps = {\n  withArrow: false,\n  size: Size.Small,\n  height: 'auto',\n  align: 'center',\n  position: 'bottom'\n}\n\nexport const TooltipTrigger = (delay?: string) => css`\n  &:hover ${Tooltip}, &:focus-within ${Tooltip}, &:focus ${Tooltip} {\n    opacity: 1;\n    transition: 0.5s;\n    transition-delay: ${delay ?? '1s'};\n  }\n`;\n\nexport const TooltipContainer = styled.div<{delay?: string}>`\n  display: inline-block;\n  position: relative;\n\n  ${props => TooltipTrigger(props.delay)}\n  \n  &:focus{\n    ${focusStyles}\n  }\n`;\n"],"mappings":"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"}
+{"version":3,"sources":["../../src/Tooltips/TooltipStyles.tsx"],"names":["distanceToEdge","size","Size","XSmall","Small","Tooltip","styled","div","props","Medium","ComponentTextStyle","Regular","COLORS","white","align","BOXSHADOWS","BOXSHADOW_L2","height","primary_800","Z_INDEXES","tooltip","position","withArrow","defaultProps","TooltipTrigger","delay","css","TooltipContainer","focusStyles"],"mappings":"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","sourcesContent":["import styled, { css } from 'styled-components';\nimport { Size } from '../types';\nimport {BOXSHADOWS, COLORS, ComponentTextStyle, focusStyles} from '../styles';\nimport { ComponentMStyling, ComponentSStyling, ComponentXSStyling } from '../styles/typography';\nimport {Z_INDEXES} from '../styles/z-indexes';\n\nconst distanceToEdge = (size: Size | undefined) => {\n  return size == Size.XSmall ? '8px' : (!size || size == Size.Small) ? '12px' : '16px';\n}\n\nexport const Tooltip = styled.div<{\n  withArrow?: boolean;\n  size?: Size;\n  height?: string;\n  align?: 'start' | 'end' | 'center' | undefined;\n  position?: 'top' | 'right' | 'bottom' | 'left' | undefined;\n}>`\n\n    pointer-events: none;\n    ${props => (props.size == Size.Small || props.size != Size.Medium ? ComponentSStyling(ComponentTextStyle.Regular, COLORS.white) : '')}\n    ${props => (props.size == Size.XSmall  ? ComponentXSStyling(ComponentTextStyle.Regular, COLORS.white) : '')}\n    ${props => (props.size == Size.Medium ? ComponentMStyling(ComponentTextStyle.Regular, COLORS.white) : '')}\n    ${props => (props.align == 'center' ? 'text-align: center;' : '')}\n    box-shadow: ${BOXSHADOWS.BOXSHADOW_L2};\n    \n    padding: ${props => props.size == Size.XSmall ? '4px 8px' : props.size == Size.Medium ? '8px 12px' : '6px 10px'};\n    border-radius: 2px;\n    width: max-content;\n    height: ${props => props.height};\n    max-width: 34em;\n    background: ${COLORS.primary_800};\n    position: absolute; \n    opacity: 0; \n    z-index: ${Z_INDEXES.tooltip};\n    ${props => (props.position == 'top' ? 'bottom: 110%;' : props.position == 'bottom' ? 'top: 110%;' : '')}\n\n    ${props => (props.position == 'left' ? 'bottom: 50%; transform: translateX(-110%) translateY(50%);' : '')}\n    ${props => (props.position == 'right' ? 'bottom: 50%;left: 110%; transform: translateY(50%);' : '')}\n            \n    ${props =>\n      props.position == 'left' || props.position == 'right'\n        ? ''\n        : props.align == 'start'\n        ? 'left: 0%;'\n        : props.align == 'end'\n        ? 'right: 0%;'\n        : 'left: 50%; transform: translateX(-50%);'}\n\n\n&::after {\n    ${props => (!props.withArrow ? 'display: none;' : '')}\n    content: \"\";\n    position: absolute;\n    ${props => (props.position == 'top' ? 'top: 100%;' : props.position == 'bottom' ? 'bottom: 100%;' : '')}\n    \n    ${props => (props.position == 'right' ? 'right: 100%; bottom: 50%; transform: translateY(50%);' : '')}\n    ${props => (props.position == 'left' ? 'left: 100%; bottom: 50%; transform: translateY(50%);' : '')}\n\n    ${props =>\n      props.position == 'left' || props.position == 'right' ? '' : \n      props.align == 'start' ? `left: ${distanceToEdge(props.size)};` : props.align == 'end' ? `right: ${distanceToEdge(props.size)};` : 'left: 50%;'}\n\n    ${props => (props.position == 'left' ? '' : 'margin-left: -5px;')}\n    margin: -0.5px;\n    border-width: 4px;\n    border-style: solid;\n    border-color: ${props => (props.position == 'top' ? COLORS.primary_800 : 'transparent')} \n                    ${props => (props.position == 'right' ? COLORS.primary_800 : 'transparent')} \n                    ${props => (props.position == 'bottom' ? COLORS.primary_800 : 'transparent')} \n                    ${props => (props.position == 'left' ? COLORS.primary_800 : 'transparent')};\n  }\n`;\n\nTooltip.defaultProps = {\n  withArrow: false,\n  size: Size.Small,\n  height: 'auto',\n  align: 'center',\n  position: 'bottom'\n}\n\nexport const TooltipTrigger = (delay?: string) => css`\n  &:hover ${Tooltip}, &:focus-within ${Tooltip}, &:focus ${Tooltip} {\n    opacity: 1;\n    transition: 0.5s;\n    transition-delay: ${delay ?? '1s'};\n  }\n`;\n\nexport const TooltipContainer = styled.div<{delay?: string}>`\n  display: inline-block;\n  position: relative;\n\n  ${props => TooltipTrigger(props.delay)}\n  \n  &:focus{\n    ${focusStyles}\n  }\n`;\n"],"file":"TooltipStyles.cjs"}

package/dist/Tooltips/TooltipStyles.d.ts

@@ -6,7 +6,7 @@ export declare const Tooltip: import("styled-components").StyledComponent<"div",
     align?: 'start' | 'end' | 'center' | undefined;
     position?: 'top' | 'right' | 'bottom' | 'left' | undefined;
 }, never>;
-export declare const TooltipTrigger: (delay?: string) => import("styled-components").FlattenSimpleInterpolation;
+export declare const TooltipTrigger: (delay?: string | undefined) => import("styled-components").FlattenSimpleInterpolation;
 export declare const TooltipContainer: import("styled-components").StyledComponent<"div", any, {
     delay?: string | undefined;
 }, never>;

package/dist/Tooltips/TooltipStyles.js.map

@@ -1 +1 @@
-{"version":3,"file":"TooltipStyles.js","names":["styled","css","Size","BOXSHADOWS","COLORS","ComponentTextStyle","focusStyles","ComponentMStyling","ComponentSStyling","ComponentXSStyling","Z_INDEXES","distanceToEdge","size","XSmall","Small","Tooltip","div","props","Medium","Regular","white","align","BOXSHADOW_L2","height","primary_800","tooltip","position","withArrow","defaultProps","TooltipTrigger","delay","TooltipContainer"],"sources":["../../src/Tooltips/TooltipStyles.tsx"],"sourcesContent":["import styled, { css } from 'styled-components';\nimport { Size } from '../types';\nimport {BOXSHADOWS, COLORS, ComponentTextStyle, focusStyles} from '../styles';\nimport { ComponentMStyling, ComponentSStyling, ComponentXSStyling } from '../styles/typography';\nimport {Z_INDEXES} from '../styles/z-indexes';\n\nconst distanceToEdge = (size: Size | undefined) => {\n  return size == Size.XSmall ? '8px' : (!size || size == Size.Small) ? '12px' : '16px';\n}\n\nexport const Tooltip = styled.div<{\n  withArrow?: boolean;\n  size?: Size;\n  height?: string;\n  align?: 'start' | 'end' | 'center' | undefined;\n  position?: 'top' | 'right' | 'bottom' | 'left' | undefined;\n}>`\n\n    pointer-events: none;\n    ${props => (props.size == Size.Small || props.size != Size.Medium ? ComponentSStyling(ComponentTextStyle.Regular, COLORS.white) : '')}\n    ${props => (props.size == Size.XSmall  ? ComponentXSStyling(ComponentTextStyle.Regular, COLORS.white) : '')}\n    ${props => (props.size == Size.Medium ? ComponentMStyling(ComponentTextStyle.Regular, COLORS.white) : '')}\n    ${props => (props.align == 'center' ? 'text-align: center;' : '')}\n    box-shadow: ${BOXSHADOWS.BOXSHADOW_L2};\n    \n    padding: ${props => props.size == Size.XSmall ? '4px 8px' : props.size == Size.Medium ? '8px 12px' : '6px 10px'};\n    border-radius: 2px;\n    width: max-content;\n    height: ${props => props.height};\n    max-width: 34em;\n    background: ${COLORS.primary_800};\n    position: absolute; \n    opacity: 0; \n    z-index: ${Z_INDEXES.tooltip};\n    ${props => (props.position == 'top' ? 'bottom: 110%;' : props.position == 'bottom' ? 'top: 110%;' : '')}\n\n    ${props => (props.position == 'left' ? 'bottom: 50%; transform: translateX(-110%) translateY(50%);' : '')}\n    ${props => (props.position == 'right' ? 'bottom: 50%;left: 110%; transform: translateY(50%);' : '')}\n            \n    ${props =>\n      props.position == 'left' || props.position == 'right'\n        ? ''\n        : props.align == 'start'\n        ? 'left: 0%;'\n        : props.align == 'end'\n        ? 'right: 0%;'\n        : 'left: 50%; transform: translateX(-50%);'}\n\n\n&::after {\n    ${props => (!props.withArrow ? 'display: none;' : '')}\n    content: \"\";\n    position: absolute;\n    ${props => (props.position == 'top' ? 'top: 100%;' : props.position == 'bottom' ? 'bottom: 100%;' : '')}\n    \n    ${props => (props.position == 'right' ? 'right: 100%; bottom: 50%; transform: translateY(50%);' : '')}\n    ${props => (props.position == 'left' ? 'left: 100%; bottom: 50%; transform: translateY(50%);' : '')}\n\n    ${props =>\n      props.position == 'left' || props.position == 'right' ? '' : \n      props.align == 'start' ? `left: ${distanceToEdge(props.size)};` : props.align == 'end' ? `right: ${distanceToEdge(props.size)};` : 'left: 50%;'}\n\n    ${props => (props.position == 'left' ? '' : 'margin-left: -5px;')}\n    margin: -0.5px;\n    border-width: 4px;\n    border-style: solid;\n    border-color: ${props => (props.position == 'top' ? COLORS.primary_800 : 'transparent')} \n                    ${props => (props.position == 'right' ? COLORS.primary_800 : 'transparent')} \n                    ${props => (props.position == 'bottom' ? COLORS.primary_800 : 'transparent')} \n                    ${props => (props.position == 'left' ? COLORS.primary_800 : 'transparent')};\n  }\n`;\n\nTooltip.defaultProps = {\n  withArrow: false,\n  size: Size.Small,\n  height: 'auto',\n  align: 'center',\n  position: 'bottom'\n}\n\nexport const TooltipTrigger = (delay?: string) => css`\n  &:hover ${Tooltip}, &:focus-within ${Tooltip}, &:focus ${Tooltip} {\n    opacity: 1;\n    transition: 0.5s;\n    transition-delay: ${delay ?? '1s'};\n  }\n`;\n\nexport const TooltipContainer = styled.div<{delay?: string}>`\n  display: inline-block;\n  position: relative;\n\n  ${props => TooltipTrigger(props.delay)}\n  \n  &:focus{\n    ${focusStyles}\n  }\n`;\n"],"mappings":"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"}
+{"version":3,"sources":["../../src/Tooltips/TooltipStyles.tsx"],"names":["styled","css","Size","BOXSHADOWS","COLORS","ComponentTextStyle","focusStyles","ComponentMStyling","ComponentSStyling","ComponentXSStyling","Z_INDEXES","distanceToEdge","size","XSmall","Small","Tooltip","div","props","Medium","Regular","white","align","BOXSHADOW_L2","height","primary_800","tooltip","position","withArrow","defaultProps","TooltipTrigger","delay","TooltipContainer"],"mappings":"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","sourcesContent":["import styled, { css } from 'styled-components';\nimport { Size } from '../types';\nimport {BOXSHADOWS, COLORS, ComponentTextStyle, focusStyles} from '../styles';\nimport { ComponentMStyling, ComponentSStyling, ComponentXSStyling } from '../styles/typography';\nimport {Z_INDEXES} from '../styles/z-indexes';\n\nconst distanceToEdge = (size: Size | undefined) => {\n  return size == Size.XSmall ? '8px' : (!size || size == Size.Small) ? '12px' : '16px';\n}\n\nexport const Tooltip = styled.div<{\n  withArrow?: boolean;\n  size?: Size;\n  height?: string;\n  align?: 'start' | 'end' | 'center' | undefined;\n  position?: 'top' | 'right' | 'bottom' | 'left' | undefined;\n}>`\n\n    pointer-events: none;\n    ${props => (props.size == Size.Small || props.size != Size.Medium ? ComponentSStyling(ComponentTextStyle.Regular, COLORS.white) : '')}\n    ${props => (props.size == Size.XSmall  ? ComponentXSStyling(ComponentTextStyle.Regular, COLORS.white) : '')}\n    ${props => (props.size == Size.Medium ? ComponentMStyling(ComponentTextStyle.Regular, COLORS.white) : '')}\n    ${props => (props.align == 'center' ? 'text-align: center;' : '')}\n    box-shadow: ${BOXSHADOWS.BOXSHADOW_L2};\n    \n    padding: ${props => props.size == Size.XSmall ? '4px 8px' : props.size == Size.Medium ? '8px 12px' : '6px 10px'};\n    border-radius: 2px;\n    width: max-content;\n    height: ${props => props.height};\n    max-width: 34em;\n    background: ${COLORS.primary_800};\n    position: absolute; \n    opacity: 0; \n    z-index: ${Z_INDEXES.tooltip};\n    ${props => (props.position == 'top' ? 'bottom: 110%;' : props.position == 'bottom' ? 'top: 110%;' : '')}\n\n    ${props => (props.position == 'left' ? 'bottom: 50%; transform: translateX(-110%) translateY(50%);' : '')}\n    ${props => (props.position == 'right' ? 'bottom: 50%;left: 110%; transform: translateY(50%);' : '')}\n            \n    ${props =>\n      props.position == 'left' || props.position == 'right'\n        ? ''\n        : props.align == 'start'\n        ? 'left: 0%;'\n        : props.align == 'end'\n        ? 'right: 0%;'\n        : 'left: 50%; transform: translateX(-50%);'}\n\n\n&::after {\n    ${props => (!props.withArrow ? 'display: none;' : '')}\n    content: \"\";\n    position: absolute;\n    ${props => (props.position == 'top' ? 'top: 100%;' : props.position == 'bottom' ? 'bottom: 100%;' : '')}\n    \n    ${props => (props.position == 'right' ? 'right: 100%; bottom: 50%; transform: translateY(50%);' : '')}\n    ${props => (props.position == 'left' ? 'left: 100%; bottom: 50%; transform: translateY(50%);' : '')}\n\n    ${props =>\n      props.position == 'left' || props.position == 'right' ? '' : \n      props.align == 'start' ? `left: ${distanceToEdge(props.size)};` : props.align == 'end' ? `right: ${distanceToEdge(props.size)};` : 'left: 50%;'}\n\n    ${props => (props.position == 'left' ? '' : 'margin-left: -5px;')}\n    margin: -0.5px;\n    border-width: 4px;\n    border-style: solid;\n    border-color: ${props => (props.position == 'top' ? COLORS.primary_800 : 'transparent')} \n                    ${props => (props.position == 'right' ? COLORS.primary_800 : 'transparent')} \n                    ${props => (props.position == 'bottom' ? COLORS.primary_800 : 'transparent')} \n                    ${props => (props.position == 'left' ? COLORS.primary_800 : 'transparent')};\n  }\n`;\n\nTooltip.defaultProps = {\n  withArrow: false,\n  size: Size.Small,\n  height: 'auto',\n  align: 'center',\n  position: 'bottom'\n}\n\nexport const TooltipTrigger = (delay?: string) => css`\n  &:hover ${Tooltip}, &:focus-within ${Tooltip}, &:focus ${Tooltip} {\n    opacity: 1;\n    transition: 0.5s;\n    transition-delay: ${delay ?? '1s'};\n  }\n`;\n\nexport const TooltipContainer = styled.div<{delay?: string}>`\n  display: inline-block;\n  position: relative;\n\n  ${props => TooltipTrigger(props.delay)}\n  \n  &:focus{\n    ${focusStyles}\n  }\n`;\n"],"file":"TooltipStyles.js"}

package/dist/Tooltips/TooltipTypes.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"TooltipTypes.cjs","names":[],"sources":["../../src/Tooltips/TooltipTypes.tsx"],"sourcesContent":["import { Size } from \"../types\";\n\n/**\n * Types for the table.\n */\n export interface TooltipProps extends React.HTMLAttributes<HTMLDivElement> {\n\n    label?: string;\n    withArrow?: boolean;\n    width?: string;\n    size?: Size;\n    delay?: string;\n    tabIndex?: number;\n    height?: string;\n    align? : 'start' | 'end' | 'center' | undefined;\n    position? : 'top' | 'right' | 'bottom' | 'left' | undefined;\n    children?: React.ReactNode;\n  };\n"],"mappings":";;;;;;AAEA;AACA;AACA;AAaG"}
+{"version":3,"sources":["../../src/Tooltips/TooltipTypes.tsx"],"names":[],"mappings":";;;;;;AAEA;AACA;AACA;AAaG","sourcesContent":["import { Size } from \"../types\";\n\n/**\n * Types for the table.\n */\n export interface TooltipProps extends React.HTMLAttributes<HTMLDivElement> {\n\n    label?: string;\n    withArrow?: boolean;\n    width?: string;\n    size?: Size;\n    delay?: string;\n    tabIndex?: number;\n    height?: string;\n    align? : 'start' | 'end' | 'center' | undefined;\n    position? : 'top' | 'right' | 'bottom' | 'left' | undefined;\n    children?: React.ReactNode;\n  };\n"],"file":"TooltipTypes.cjs"}

package/dist/Tooltips/TooltipTypes.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { Size } from "../types";
 /**
  * Types for the table.

package/dist/Tooltips/TooltipTypes.js.map

@@ -1 +1 @@
-{"version":3,"file":"TooltipTypes.js","names":[],"sources":["../../src/Tooltips/TooltipTypes.tsx"],"sourcesContent":["import { Size } from \"../types\";\n\n/**\n * Types for the table.\n */\n export interface TooltipProps extends React.HTMLAttributes<HTMLDivElement> {\n\n    label?: string;\n    withArrow?: boolean;\n    width?: string;\n    size?: Size;\n    delay?: string;\n    tabIndex?: number;\n    height?: string;\n    align? : 'start' | 'end' | 'center' | undefined;\n    position? : 'top' | 'right' | 'bottom' | 'left' | undefined;\n    children?: React.ReactNode;\n  };\n"],"mappings":"AAEA;AACA;AACA;AAaG"}
+{"version":3,"sources":["../../src/Tooltips/TooltipTypes.tsx"],"names":[],"mappings":"AAEA;AACA;AACA;AAaG","sourcesContent":["import { Size } from \"../types\";\n\n/**\n * Types for the table.\n */\n export interface TooltipProps extends React.HTMLAttributes<HTMLDivElement> {\n\n    label?: string;\n    withArrow?: boolean;\n    width?: string;\n    size?: Size;\n    delay?: string;\n    tabIndex?: number;\n    height?: string;\n    align? : 'start' | 'end' | 'center' | undefined;\n    position? : 'top' | 'right' | 'bottom' | 'left' | undefined;\n    children?: React.ReactNode;\n  };\n"],"file":"TooltipTypes.js"}

package/dist/Tooltips/TooltipWrapper.cjs

@@ -27,9 +27,9 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
 
 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 ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (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; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 
 var TooltipWrapper = function TooltipWrapper(_ref) {
   var label = _ref.label,