@laerdal/life-react-components 6.0.0-dev.20.full → 6.0.0-dev.5.full.full

package/dist/Tabs/VerticalTabs.js

@@ -24,7 +24,6 @@ const VerticalTabs = _ref => {
       onLinkClick: e => {
         if (entry.onClick) {
           entry.onClick(e);
-          e.preventDefault && e.preventDefault();
         }
       }
     }, entry.to))

package/dist/Tabs/VerticalTabs.js.map

@@ -1 +1 @@
-{"version":3,"file":"VerticalTabs.js","names":["React","Tabs","TabLink","Size","jsx","_jsx","VerticalTabs","_ref","size","entries","Large","children","map","entry","href","to","requiredLine","optionalLine","endLineIcon","OptionalLineIcon","optionalLineIcon","disabled","showNotificationDot","variant","onLinkClick","e","onClick","preventDefault","propTypes","_pt","arrayOf","shape","string","isRequired","node","bool","func","oneOf"],"sources":["../../src/Tabs/VerticalTabs.tsx"],"sourcesContent":["import * as React from 'react';\r\nimport Tabs from './Tabs';\r\nimport TabLink from './TabLink';\r\nimport { BaseProps } from '../icons';\r\nimport { Size } from '../types';\r\n\r\nexport interface VerticalTabEntry {\r\n  /**\r\n   * Required. The main text to be displayed on the tab.\r\n   */\r\n  requiredLine: string;\r\n\r\n  /**\r\n   * Optional. The secondary text to be displayed on the tab link under the required line.\r\n   */\r\n  optionalLine?: string;\r\n\r\n  /**\r\n   * Optional. The icon to be displayed next to the secondary text on the tab link under the required line.\r\n   */\r\n  optionalLineIcon?: React.ReactNode;\r\n\r\n  /**\r\n   * Optional. The icon to be displayed at the end of the tab.\r\n   */\r\n  endLineIcon?: React.ReactNode;\r\n\r\n  /**\r\n   * Required. The URL to which the tab links.\r\n   */\r\n  to: string;\r\n\r\n  /**\r\n   * Optional. A boolean indicating whether the tab is disabled.\r\n   * If true, the tab will be unclickable and will have a disabled appearance.\r\n   */\r\n  disabled?: boolean;\r\n\r\n  /**\r\n   * Optional. The handler function to be called when the tab is clicked.\r\n   */\r\n  onClick?: (e: React.MouseEvent) => void;\r\n\r\n  /**\r\n   * Optional. A boolean indicating whether a notification dot should be shown on the tab.\r\n   */\r\n  showNotificationDot?: boolean;\r\n\r\n  /**\r\n   * Optional. The variant of the notification dot. It can be 'critical' or 'positive'. Defaults to 'Critical'\r\n   */\r\n  variant?: 'critical' | 'positive';\r\n}\r\n\r\nexport interface VerticalTabsProps {\r\n  size?: Size.Small | Size.Medium | Size.Large;\r\n  entries: VerticalTabEntry[];\r\n}\r\n\r\nconst VerticalTabs = ({ size, entries }: VerticalTabsProps) => {\r\n  return (\r\n    <Tabs size={size ?? Size.Large}>\r\n      {entries?.map((entry: VerticalTabEntry) => (\r\n        <TabLink\r\n          key={entry.to}\r\n          href={entry.to}\r\n          requiredLine={entry.requiredLine}\r\n          optionalLine={entry.optionalLine}\r\n          endLineIcon={entry.endLineIcon}\r\n          OptionalLineIcon={entry.optionalLineIcon}\r\n          disabled={entry.disabled}\r\n          showNotificationDot={entry.showNotificationDot}\r\n          size={size}\r\n          variant={entry.variant}\r\n          onLinkClick={(e) => {\r\n            if (entry.onClick) {\r\n              entry.onClick(e);\r\n              e.preventDefault && e.preventDefault();\r\n            }\r\n          }}/>\r\n      ))}\r\n    </Tabs>\r\n  );\r\n};\r\n\r\nexport default VerticalTabs;\r\n"],"mappings":";AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,OAAOC,IAAI,MAAM,QAAQ;AACzB,OAAOC,OAAO,MAAM,WAAW;AAE/B,SAASC,IAAI,QAAQ,UAAU;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAuDhC,MAAMC,YAAY,GAAGC,IAAA,IAA0C;EAAA,IAAzC;IAAEC,IAAI;IAAEC;EAA2B,CAAC,GAAAF,IAAA;EACxD,oBACEF,IAAA,CAACJ,IAAI;IAACO,IAAI,EAAEA,IAAI,IAAIL,IAAI,CAACO,KAAM;IAAAC,QAAA,EAC5BF,OAAO,EAAEG,GAAG,CAAEC,KAAuB,iBACpCR,IAAA,CAACH,OAAO;MAENY,IAAI,EAAED,KAAK,CAACE,EAAG;MACfC,YAAY,EAAEH,KAAK,CAACG,YAAa;MACjCC,YAAY,EAAEJ,KAAK,CAACI,YAAa;MACjCC,WAAW,EAAEL,KAAK,CAACK,WAAY;MAC/BC,gBAAgB,EAAEN,KAAK,CAACO,gBAAiB;MACzCC,QAAQ,EAAER,KAAK,CAACQ,QAAS;MACzBC,mBAAmB,EAAET,KAAK,CAACS,mBAAoB;MAC/Cd,IAAI,EAAEA,IAAK;MACXe,OAAO,EAAEV,KAAK,CAACU,OAAQ;MACvBC,WAAW,EAAGC,CAAC,IAAK;QAClB,IAAIZ,KAAK,CAACa,OAAO,EAAE;UACjBb,KAAK,CAACa,OAAO,CAACD,CAAC,CAAC;UAChBA,CAAC,CAACE,cAAc,IAAIF,CAAC,CAACE,cAAc,CAAC,CAAC;QACxC;MACF;IAAE,GAfGd,KAAK,CAACE,EAeR,CACN;EAAC,CACE,CAAC;AAEX,CAAC;AAACT,YAAA,CAAAsB,SAAA;EA3BAnB,OAAO,EAAAoB,GAAA,CAAAC,OAAA,CAAAD,GAAA,CAAAE,KAAA;IA9CPf,YAAY,EAAAa,GAAA,CAAAG,MAAA,CAAAC,UAAA;IAKZhB,YAAY,EAAAY,GAAA,CAAAG,MAAA;IAKZZ,gBAAgB,EAAAS,GAAA,CAAAK,IAAA;IAKhBhB,WAAW,EAAAW,GAAA,CAAAK,IAAA;IAKXnB,EAAE,EAAAc,GAAA,CAAAG,MAAA,CAAAC,UAAA;IAMFZ,QAAQ,EAAAQ,GAAA,CAAAM,IAAA;IAKRT,OAAO,EAAAG,GAAA,CAAAO,IAAA;IAKPd,mBAAmB,EAAAO,GAAA,CAAAM,IAAA;IAKnBZ,OAAO,EAAAM,GAAA,CAAAQ,KAAA,EAAG,UAAU,EAAG,UAAU;EAAA,IAAAJ;AAAA;AAkCnC,eAAe3B,YAAY","ignoreList":[]}
+{"version":3,"file":"VerticalTabs.js","names":["React","Tabs","TabLink","Size","jsx","_jsx","VerticalTabs","_ref","size","entries","Large","children","map","entry","href","to","requiredLine","optionalLine","endLineIcon","OptionalLineIcon","optionalLineIcon","disabled","showNotificationDot","variant","onLinkClick","e","onClick","propTypes","_pt","arrayOf","shape","string","isRequired","node","bool","func","oneOf"],"sources":["../../src/Tabs/VerticalTabs.tsx"],"sourcesContent":["import * as React from 'react';\r\nimport Tabs from './Tabs';\r\nimport TabLink from './TabLink';\r\nimport { BaseProps } from '../icons';\r\nimport { Size } from '../types';\r\n\r\nexport interface VerticalTabEntry {\r\n  /**\r\n   * Required. The main text to be displayed on the tab.\r\n   */\r\n  requiredLine: string;\r\n\r\n  /**\r\n   * Optional. The secondary text to be displayed on the tab link under the required line.\r\n   */\r\n  optionalLine?: string;\r\n\r\n  /**\r\n   * Optional. The icon to be displayed next to the secondary text on the tab link under the required line.\r\n   */\r\n  optionalLineIcon?: React.ReactNode;\r\n\r\n  /**\r\n   * Optional. The icon to be displayed at the end of the tab.\r\n   */\r\n  endLineIcon?: React.ReactNode;\r\n\r\n  /**\r\n   * Required. The URL to which the tab links.\r\n   */\r\n  to: string;\r\n\r\n  /**\r\n   * Optional. A boolean indicating whether the tab is disabled.\r\n   * If true, the tab will be unclickable and will have a disabled appearance.\r\n   */\r\n  disabled?: boolean;\r\n\r\n  /**\r\n   * Optional. The handler function to be called when the tab is clicked.\r\n   */\r\n  onClick?: (e: React.MouseEvent) => void;\r\n\r\n  /**\r\n   * Optional. A boolean indicating whether a notification dot should be shown on the tab.\r\n   */\r\n  showNotificationDot?: boolean;\r\n\r\n  /**\r\n   * Optional. The variant of the notification dot. It can be 'critical' or 'positive'. Defaults to 'Critical'\r\n   */\r\n  variant?: 'critical' | 'positive';\r\n}\r\n\r\nexport interface VerticalTabsProps {\r\n  size?: Size.Small | Size.Medium | Size.Large;\r\n  entries: VerticalTabEntry[];\r\n}\r\n\r\nconst VerticalTabs = ({ size, entries }: VerticalTabsProps) => {\r\n  return (\r\n    <Tabs size={size ?? Size.Large}>\r\n      {entries?.map((entry: VerticalTabEntry) => (\r\n        <TabLink\r\n          key={entry.to}\r\n          href={entry.to}\r\n          requiredLine={entry.requiredLine}\r\n          optionalLine={entry.optionalLine}\r\n          endLineIcon={entry.endLineIcon}\r\n          OptionalLineIcon={entry.optionalLineIcon}\r\n          disabled={entry.disabled}\r\n          showNotificationDot={entry.showNotificationDot}\r\n          size={size}\r\n          variant={entry.variant}\r\n          onLinkClick={(e) => {\r\n            if (entry.onClick) {\r\n              entry.onClick(e);\r\n            }\r\n          }}/>\r\n      ))}\r\n    </Tabs>\r\n  );\r\n};\r\n\r\nexport default VerticalTabs;\r\n"],"mappings":";AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,OAAOC,IAAI,MAAM,QAAQ;AACzB,OAAOC,OAAO,MAAM,WAAW;AAE/B,SAASC,IAAI,QAAQ,UAAU;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAuDhC,MAAMC,YAAY,GAAGC,IAAA,IAA0C;EAAA,IAAzC;IAAEC,IAAI;IAAEC;EAA2B,CAAC,GAAAF,IAAA;EACxD,oBACEF,IAAA,CAACJ,IAAI;IAACO,IAAI,EAAEA,IAAI,IAAIL,IAAI,CAACO,KAAM;IAAAC,QAAA,EAC5BF,OAAO,EAAEG,GAAG,CAAEC,KAAuB,iBACpCR,IAAA,CAACH,OAAO;MAENY,IAAI,EAAED,KAAK,CAACE,EAAG;MACfC,YAAY,EAAEH,KAAK,CAACG,YAAa;MACjCC,YAAY,EAAEJ,KAAK,CAACI,YAAa;MACjCC,WAAW,EAAEL,KAAK,CAACK,WAAY;MAC/BC,gBAAgB,EAAEN,KAAK,CAACO,gBAAiB;MACzCC,QAAQ,EAAER,KAAK,CAACQ,QAAS;MACzBC,mBAAmB,EAAET,KAAK,CAACS,mBAAoB;MAC/Cd,IAAI,EAAEA,IAAK;MACXe,OAAO,EAAEV,KAAK,CAACU,OAAQ;MACvBC,WAAW,EAAGC,CAAC,IAAK;QAClB,IAAIZ,KAAK,CAACa,OAAO,EAAE;UACjBb,KAAK,CAACa,OAAO,CAACD,CAAC,CAAC;QAClB;MACF;IAAE,GAdGZ,KAAK,CAACE,EAcR,CACN;EAAC,CACE,CAAC;AAEX,CAAC;AAACT,YAAA,CAAAqB,SAAA;EA1BAlB,OAAO,EAAAmB,GAAA,CAAAC,OAAA,CAAAD,GAAA,CAAAE,KAAA;IA9CPd,YAAY,EAAAY,GAAA,CAAAG,MAAA,CAAAC,UAAA;IAKZf,YAAY,EAAAW,GAAA,CAAAG,MAAA;IAKZX,gBAAgB,EAAAQ,GAAA,CAAAK,IAAA;IAKhBf,WAAW,EAAAU,GAAA,CAAAK,IAAA;IAKXlB,EAAE,EAAAa,GAAA,CAAAG,MAAA,CAAAC,UAAA;IAMFX,QAAQ,EAAAO,GAAA,CAAAM,IAAA;IAKRR,OAAO,EAAAE,GAAA,CAAAO,IAAA;IAKPb,mBAAmB,EAAAM,GAAA,CAAAM,IAAA;IAKnBX,OAAO,EAAAK,GAAA,CAAAQ,KAAA,EAAG,UAAU,EAAG,UAAU;EAAA,IAAAJ;AAAA;AAiCnC,eAAe1B,YAAY","ignoreList":[]}

package/dist/styles/index.cjs

@@ -9,7 +9,7 @@ var _exportNames = {
   COLORS: true,
   BREAKPOINTS: true,
   BOXSHADOWS: true,
-  LifeGlobalStyles: true,
+  globalStyles: true,
   Z_INDEXES: true
 };
 Object.defineProperty(exports, "BOXSHADOWS", {
@@ -30,16 +30,16 @@ Object.defineProperty(exports, "COLORS", {
     return _colors.default;
   }
 });
-Object.defineProperty(exports, "LifeGlobalStyles", {
+Object.defineProperty(exports, "Z_INDEXES", {
   enumerable: true,
   get: function () {
-    return _global.default;
+    return _zIndexes.Z_INDEXES;
   }
 });
-Object.defineProperty(exports, "Z_INDEXES", {
+Object.defineProperty(exports, "globalStyles", {
   enumerable: true,
   get: function () {
-    return _zIndexes.Z_INDEXES;
+    return _global.default;
   }
 });
 exports.scrollBarStyling = void 0;

package/dist/styles/index.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","names":["_styledComponents","require","_colors","_interopRequireDefault","_breakpoints","_shadowstyles","_typography","Object","keys","forEach","key","prototype","hasOwnProperty","call","_exportNames","exports","defineProperty","enumerable","get","_global","_types","_zIndexes","_focusStyles","scrollBarStyling","size","arguments","length","undefined","Size","Small","css","Medium","props","COLORS","generateToken","componentType","defaultVariant","theme","state"],"sources":["../../src/styles/index.ts"],"sourcesContent":["import { css } from 'styled-components';\r\nimport COLORS from './colors';\r\nimport BREAKPOINTS from './breakpoints';\r\nimport { BOXSHADOWS } from './shadowstyles';\r\n\r\nexport  * from './typography';\r\n\r\nimport LifeGlobalStyles from './global';\r\nimport { Size } from '../types';\r\n\r\nexport { COLORS, BREAKPOINTS, BOXSHADOWS, LifeGlobalStyles };\r\n\r\n\r\nexport const scrollBarStyling = (size: Size.Small | Size.Medium = Size.Small) => css`\r\n  \r\n  &::-webkit-scrollbar {\r\n    width: ${size == Size.Medium ? '6px' : '4px'};\r\n    height: ${size == Size.Medium ? '6px' : '4px'};\r\n    cursor: pointer;\r\n  }\r\n\r\n  /* Track */\r\n  &::-webkit-scrollbar-track {\r\n    background: ${props => COLORS.generateToken({ componentType:'bg-surface', defaultVariant:'subtle' }, props.theme)};\r\n    border-radius: 6px;\r\n  }\r\n\r\n  /* Handle */\r\n  &::-webkit-scrollbar-thumb {\r\n    background: ${props => COLORS.generateToken({ componentType:'bg-fill', defaultVariant:'default' }, props.theme)};\r\n    border-radius: 4px;\r\n  }\r\n\r\n  /* Handle on hover */\r\n  &::-webkit-scrollbar-thumb:hover {\r\n    background: ${props => COLORS.generateToken({ componentType:'bg-fill', state: 'hover' }, props.theme)};\r\n  }\r\n\r\n  /* Handle on hover */\r\n  &::-webkit-scrollbar-thumb:active {\r\n    background: ${props => COLORS.generateToken({ componentType:'bg-fill', state: 'active' }, props.theme)};\r\n  }\r\n`;\r\n\r\nexport {Z_INDEXES} from './z-indexes'\r\n\r\nexport * from './focus-styles';\r\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,iBAAA,GAAAC,OAAA;AACA,IAAAC,OAAA,GAAAC,sBAAA,CAAAF,OAAA;AACA,IAAAG,YAAA,GAAAD,sBAAA,CAAAF,OAAA;AACA,IAAAI,aAAA,GAAAJ,OAAA;AAEA,IAAAK,WAAA,GAAAL,OAAA;AAAAM,MAAA,CAAAC,IAAA,CAAAF,WAAA,EAAAG,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAC,YAAA,EAAAJ,GAAA;EAAA,IAAAA,GAAA,IAAAK,OAAA,IAAAA,OAAA,CAAAL,GAAA,MAAAJ,WAAA,CAAAI,GAAA;EAAAH,MAAA,CAAAS,cAAA,CAAAD,OAAA,EAAAL,GAAA;IAAAO,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAZ,WAAA,CAAAI,GAAA;IAAA;EAAA;AAAA;AAEA,IAAAS,OAAA,GAAAhB,sBAAA,CAAAF,OAAA;AACA,IAAAmB,MAAA,GAAAnB,OAAA;AAoCA,IAAAoB,SAAA,GAAApB,OAAA;AAEA,IAAAqB,YAAA,GAAArB,OAAA;AAAAM,MAAA,CAAAC,IAAA,CAAAc,YAAA,EAAAb,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAC,YAAA,EAAAJ,GAAA;EAAA,IAAAA,GAAA,IAAAK,OAAA,IAAAA,OAAA,CAAAL,GAAA,MAAAY,YAAA,CAAAZ,GAAA;EAAAH,MAAA,CAAAS,cAAA,CAAAD,OAAA,EAAAL,GAAA;IAAAO,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAI,YAAA,CAAAZ,GAAA;IAAA;EAAA;AAAA;AAjCO,MAAMa,gBAAgB,GAAG,SAAAA,CAAA;EAAA,IAACC,IAA8B,GAAAC,SAAA,CAAAC,MAAA,QAAAD,SAAA,QAAAE,SAAA,GAAAF,SAAA,MAAGG,WAAI,CAACC,KAAK;EAAA,OAAK,IAAAC,qBAAG;AACpF;AACA;AACA,aAAaN,IAAI,IAAII,WAAI,CAACG,MAAM,GAAG,KAAK,GAAG,KAAK;AAChD,cAAcP,IAAI,IAAII,WAAI,CAACG,MAAM,GAAG,KAAK,GAAG,KAAK;AACjD;AACA;AACA;AACA;AACA;AACA,kBAAkBC,KAAK,IAAIC,eAAM,CAACC,aAAa,CAAC;IAAEC,aAAa,EAAC,YAAY;IAAEC,cAAc,EAAC;EAAS,CAAC,EAAEJ,KAAK,CAACK,KAAK,CAAC;AACrH;AACA;AACA;AACA;AACA;AACA,kBAAkBL,KAAK,IAAIC,eAAM,CAACC,aAAa,CAAC;IAAEC,aAAa,EAAC,SAAS;IAAEC,cAAc,EAAC;EAAU,CAAC,EAAEJ,KAAK,CAACK,KAAK,CAAC;AACnH;AACA;AACA;AACA;AACA;AACA,kBAAkBL,KAAK,IAAIC,eAAM,CAACC,aAAa,CAAC;IAAEC,aAAa,EAAC,SAAS;IAAEG,KAAK,EAAE;EAAQ,CAAC,EAAEN,KAAK,CAACK,KAAK,CAAC;AACzG;AACA;AACA;AACA;AACA,kBAAkBL,KAAK,IAAIC,eAAM,CAACC,aAAa,CAAC;IAAEC,aAAa,EAAC,SAAS;IAAEG,KAAK,EAAE;EAAS,CAAC,EAAEN,KAAK,CAACK,KAAK,CAAC;AAC1G;AACA,CAAC;AAAA;AAACtB,OAAA,CAAAQ,gBAAA,GAAAA,gBAAA","ignoreList":[]}
+{"version":3,"file":"index.cjs","names":["_styledComponents","require","_colors","_interopRequireDefault","_breakpoints","_shadowstyles","_typography","Object","keys","forEach","key","prototype","hasOwnProperty","call","_exportNames","exports","defineProperty","enumerable","get","_global","_types","_zIndexes","_focusStyles","scrollBarStyling","size","arguments","length","undefined","Size","Small","css","Medium","props","COLORS","generateToken","componentType","defaultVariant","theme","state"],"sources":["../../src/styles/index.ts"],"sourcesContent":["import { css } from 'styled-components';\r\nimport COLORS from './colors';\r\nimport BREAKPOINTS from './breakpoints';\r\nimport { BOXSHADOWS } from './shadowstyles';\r\n\r\nexport  * from './typography';\r\n\r\nimport globalStyles from './global';\r\nimport { Size } from '../types';\r\n\r\nexport { COLORS, BREAKPOINTS, BOXSHADOWS, globalStyles };\r\n\r\n\r\nexport const scrollBarStyling = (size: Size.Small | Size.Medium = Size.Small) => css`\r\n  \r\n  &::-webkit-scrollbar {\r\n    width: ${size == Size.Medium ? '6px' : '4px'};\r\n    height: ${size == Size.Medium ? '6px' : '4px'};\r\n    cursor: pointer;\r\n  }\r\n\r\n  /* Track */\r\n  &::-webkit-scrollbar-track {\r\n    background: ${props => COLORS.generateToken({ componentType:'bg-surface', defaultVariant:'subtle' }, props.theme)};\r\n    border-radius: 6px;\r\n  }\r\n\r\n  /* Handle */\r\n  &::-webkit-scrollbar-thumb {\r\n    background: ${props => COLORS.generateToken({ componentType:'bg-fill', defaultVariant:'default' }, props.theme)};\r\n    border-radius: 4px;\r\n  }\r\n\r\n  /* Handle on hover */\r\n  &::-webkit-scrollbar-thumb:hover {\r\n    background: ${props => COLORS.generateToken({ componentType:'bg-fill', state: 'hover' }, props.theme)};\r\n  }\r\n\r\n  /* Handle on hover */\r\n  &::-webkit-scrollbar-thumb:active {\r\n    background: ${props => COLORS.generateToken({ componentType:'bg-fill', state: 'active' }, props.theme)};\r\n  }\r\n`;\r\n\r\nexport {Z_INDEXES} from './z-indexes'\r\n\r\nexport * from './focus-styles';\r\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,iBAAA,GAAAC,OAAA;AACA,IAAAC,OAAA,GAAAC,sBAAA,CAAAF,OAAA;AACA,IAAAG,YAAA,GAAAD,sBAAA,CAAAF,OAAA;AACA,IAAAI,aAAA,GAAAJ,OAAA;AAEA,IAAAK,WAAA,GAAAL,OAAA;AAAAM,MAAA,CAAAC,IAAA,CAAAF,WAAA,EAAAG,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAC,YAAA,EAAAJ,GAAA;EAAA,IAAAA,GAAA,IAAAK,OAAA,IAAAA,OAAA,CAAAL,GAAA,MAAAJ,WAAA,CAAAI,GAAA;EAAAH,MAAA,CAAAS,cAAA,CAAAD,OAAA,EAAAL,GAAA;IAAAO,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAZ,WAAA,CAAAI,GAAA;IAAA;EAAA;AAAA;AAEA,IAAAS,OAAA,GAAAhB,sBAAA,CAAAF,OAAA;AACA,IAAAmB,MAAA,GAAAnB,OAAA;AAoCA,IAAAoB,SAAA,GAAApB,OAAA;AAEA,IAAAqB,YAAA,GAAArB,OAAA;AAAAM,MAAA,CAAAC,IAAA,CAAAc,YAAA,EAAAb,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAC,YAAA,EAAAJ,GAAA;EAAA,IAAAA,GAAA,IAAAK,OAAA,IAAAA,OAAA,CAAAL,GAAA,MAAAY,YAAA,CAAAZ,GAAA;EAAAH,MAAA,CAAAS,cAAA,CAAAD,OAAA,EAAAL,GAAA;IAAAO,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAI,YAAA,CAAAZ,GAAA;IAAA;EAAA;AAAA;AAjCO,MAAMa,gBAAgB,GAAG,SAAAA,CAAA;EAAA,IAACC,IAA8B,GAAAC,SAAA,CAAAC,MAAA,QAAAD,SAAA,QAAAE,SAAA,GAAAF,SAAA,MAAGG,WAAI,CAACC,KAAK;EAAA,OAAK,IAAAC,qBAAG;AACpF;AACA;AACA,aAAaN,IAAI,IAAII,WAAI,CAACG,MAAM,GAAG,KAAK,GAAG,KAAK;AAChD,cAAcP,IAAI,IAAII,WAAI,CAACG,MAAM,GAAG,KAAK,GAAG,KAAK;AACjD;AACA;AACA;AACA;AACA;AACA,kBAAkBC,KAAK,IAAIC,eAAM,CAACC,aAAa,CAAC;IAAEC,aAAa,EAAC,YAAY;IAAEC,cAAc,EAAC;EAAS,CAAC,EAAEJ,KAAK,CAACK,KAAK,CAAC;AACrH;AACA;AACA;AACA;AACA;AACA,kBAAkBL,KAAK,IAAIC,eAAM,CAACC,aAAa,CAAC;IAAEC,aAAa,EAAC,SAAS;IAAEC,cAAc,EAAC;EAAU,CAAC,EAAEJ,KAAK,CAACK,KAAK,CAAC;AACnH;AACA;AACA;AACA;AACA;AACA,kBAAkBL,KAAK,IAAIC,eAAM,CAACC,aAAa,CAAC;IAAEC,aAAa,EAAC,SAAS;IAAEG,KAAK,EAAE;EAAQ,CAAC,EAAEN,KAAK,CAACK,KAAK,CAAC;AACzG;AACA;AACA;AACA;AACA,kBAAkBL,KAAK,IAAIC,eAAM,CAACC,aAAa,CAAC;IAAEC,aAAa,EAAC,SAAS;IAAEG,KAAK,EAAE;EAAS,CAAC,EAAEN,KAAK,CAACK,KAAK,CAAC;AAC1G;AACA,CAAC;AAAA;AAACtB,OAAA,CAAAQ,gBAAA,GAAAA,gBAAA","ignoreList":[]}

package/dist/styles/index.d.ts

@@ -2,9 +2,9 @@ import COLORS from './colors';
 import BREAKPOINTS from './breakpoints';
 import { BOXSHADOWS } from './shadowstyles';
 export * from './typography';
-import LifeGlobalStyles from './global';
+import globalStyles from './global';
 import { Size } from '../types';
-export { COLORS, BREAKPOINTS, BOXSHADOWS, LifeGlobalStyles };
+export { COLORS, BREAKPOINTS, BOXSHADOWS, globalStyles };
 export declare const scrollBarStyling: (size?: Size.Small | Size.Medium) => import("styled-components").RuleSet<object>;
 export { Z_INDEXES } from './z-indexes';
 export * from './focus-styles';

package/dist/styles/index.js

@@ -3,9 +3,9 @@ import COLORS from './colors';
 import BREAKPOINTS from './breakpoints';
 import { BOXSHADOWS } from './shadowstyles';
 export * from './typography';
-import LifeGlobalStyles from './global';
+import globalStyles from './global';
 import { Size } from '../types';
-export { COLORS, BREAKPOINTS, BOXSHADOWS, LifeGlobalStyles };
+export { COLORS, BREAKPOINTS, BOXSHADOWS, globalStyles };
 export const scrollBarStyling = function () {
   let size = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : Size.Small;
   return css`

package/dist/styles/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["css","COLORS","BREAKPOINTS","BOXSHADOWS","LifeGlobalStyles","Size","scrollBarStyling","size","arguments","length","undefined","Small","Medium","props","generateToken","componentType","defaultVariant","theme","state","Z_INDEXES"],"sources":["../../src/styles/index.ts"],"sourcesContent":["import { css } from 'styled-components';\r\nimport COLORS from './colors';\r\nimport BREAKPOINTS from './breakpoints';\r\nimport { BOXSHADOWS } from './shadowstyles';\r\n\r\nexport  * from './typography';\r\n\r\nimport LifeGlobalStyles from './global';\r\nimport { Size } from '../types';\r\n\r\nexport { COLORS, BREAKPOINTS, BOXSHADOWS, LifeGlobalStyles };\r\n\r\n\r\nexport const scrollBarStyling = (size: Size.Small | Size.Medium = Size.Small) => css`\r\n  \r\n  &::-webkit-scrollbar {\r\n    width: ${size == Size.Medium ? '6px' : '4px'};\r\n    height: ${size == Size.Medium ? '6px' : '4px'};\r\n    cursor: pointer;\r\n  }\r\n\r\n  /* Track */\r\n  &::-webkit-scrollbar-track {\r\n    background: ${props => COLORS.generateToken({ componentType:'bg-surface', defaultVariant:'subtle' }, props.theme)};\r\n    border-radius: 6px;\r\n  }\r\n\r\n  /* Handle */\r\n  &::-webkit-scrollbar-thumb {\r\n    background: ${props => COLORS.generateToken({ componentType:'bg-fill', defaultVariant:'default' }, props.theme)};\r\n    border-radius: 4px;\r\n  }\r\n\r\n  /* Handle on hover */\r\n  &::-webkit-scrollbar-thumb:hover {\r\n    background: ${props => COLORS.generateToken({ componentType:'bg-fill', state: 'hover' }, props.theme)};\r\n  }\r\n\r\n  /* Handle on hover */\r\n  &::-webkit-scrollbar-thumb:active {\r\n    background: ${props => COLORS.generateToken({ componentType:'bg-fill', state: 'active' }, props.theme)};\r\n  }\r\n`;\r\n\r\nexport {Z_INDEXES} from './z-indexes'\r\n\r\nexport * from './focus-styles';\r\n"],"mappings":"AAAA,SAASA,GAAG,QAAQ,mBAAmB;AACvC,OAAOC,MAAM,MAAM,UAAU;AAC7B,OAAOC,WAAW,MAAM,eAAe;AACvC,SAASC,UAAU,QAAQ,gBAAgB;AAE3C,cAAe,cAAc;AAE7B,OAAOC,gBAAgB,MAAM,UAAU;AACvC,SAASC,IAAI,QAAQ,UAAU;AAE/B,SAASJ,MAAM,EAAEC,WAAW,EAAEC,UAAU,EAAEC,gBAAgB;AAG1D,OAAO,MAAME,gBAAgB,GAAG,SAAAA,CAAA;EAAA,IAACC,IAA8B,GAAAC,SAAA,CAAAC,MAAA,QAAAD,SAAA,QAAAE,SAAA,GAAAF,SAAA,MAAGH,IAAI,CAACM,KAAK;EAAA,OAAKX,GAAG;AACpF;AACA;AACA,aAAaO,IAAI,IAAIF,IAAI,CAACO,MAAM,GAAG,KAAK,GAAG,KAAK;AAChD,cAAcL,IAAI,IAAIF,IAAI,CAACO,MAAM,GAAG,KAAK,GAAG,KAAK;AACjD;AACA;AACA;AACA;AACA;AACA,kBAAkBC,KAAK,IAAIZ,MAAM,CAACa,aAAa,CAAC;IAAEC,aAAa,EAAC,YAAY;IAAEC,cAAc,EAAC;EAAS,CAAC,EAAEH,KAAK,CAACI,KAAK,CAAC;AACrH;AACA;AACA;AACA;AACA;AACA,kBAAkBJ,KAAK,IAAIZ,MAAM,CAACa,aAAa,CAAC;IAAEC,aAAa,EAAC,SAAS;IAAEC,cAAc,EAAC;EAAU,CAAC,EAAEH,KAAK,CAACI,KAAK,CAAC;AACnH;AACA;AACA;AACA;AACA;AACA,kBAAkBJ,KAAK,IAAIZ,MAAM,CAACa,aAAa,CAAC;IAAEC,aAAa,EAAC,SAAS;IAAEG,KAAK,EAAE;EAAQ,CAAC,EAAEL,KAAK,CAACI,KAAK,CAAC;AACzG;AACA;AACA;AACA;AACA,kBAAkBJ,KAAK,IAAIZ,MAAM,CAACa,aAAa,CAAC;IAAEC,aAAa,EAAC,SAAS;IAAEG,KAAK,EAAE;EAAS,CAAC,EAAEL,KAAK,CAACI,KAAK,CAAC;AAC1G;AACA,CAAC;AAAA;AAED,SAAQE,SAAS,QAAO,aAAa;AAErC,cAAc,gBAAgB","ignoreList":[]}
+{"version":3,"file":"index.js","names":["css","COLORS","BREAKPOINTS","BOXSHADOWS","globalStyles","Size","scrollBarStyling","size","arguments","length","undefined","Small","Medium","props","generateToken","componentType","defaultVariant","theme","state","Z_INDEXES"],"sources":["../../src/styles/index.ts"],"sourcesContent":["import { css } from 'styled-components';\r\nimport COLORS from './colors';\r\nimport BREAKPOINTS from './breakpoints';\r\nimport { BOXSHADOWS } from './shadowstyles';\r\n\r\nexport  * from './typography';\r\n\r\nimport globalStyles from './global';\r\nimport { Size } from '../types';\r\n\r\nexport { COLORS, BREAKPOINTS, BOXSHADOWS, globalStyles };\r\n\r\n\r\nexport const scrollBarStyling = (size: Size.Small | Size.Medium = Size.Small) => css`\r\n  \r\n  &::-webkit-scrollbar {\r\n    width: ${size == Size.Medium ? '6px' : '4px'};\r\n    height: ${size == Size.Medium ? '6px' : '4px'};\r\n    cursor: pointer;\r\n  }\r\n\r\n  /* Track */\r\n  &::-webkit-scrollbar-track {\r\n    background: ${props => COLORS.generateToken({ componentType:'bg-surface', defaultVariant:'subtle' }, props.theme)};\r\n    border-radius: 6px;\r\n  }\r\n\r\n  /* Handle */\r\n  &::-webkit-scrollbar-thumb {\r\n    background: ${props => COLORS.generateToken({ componentType:'bg-fill', defaultVariant:'default' }, props.theme)};\r\n    border-radius: 4px;\r\n  }\r\n\r\n  /* Handle on hover */\r\n  &::-webkit-scrollbar-thumb:hover {\r\n    background: ${props => COLORS.generateToken({ componentType:'bg-fill', state: 'hover' }, props.theme)};\r\n  }\r\n\r\n  /* Handle on hover */\r\n  &::-webkit-scrollbar-thumb:active {\r\n    background: ${props => COLORS.generateToken({ componentType:'bg-fill', state: 'active' }, props.theme)};\r\n  }\r\n`;\r\n\r\nexport {Z_INDEXES} from './z-indexes'\r\n\r\nexport * from './focus-styles';\r\n"],"mappings":"AAAA,SAASA,GAAG,QAAQ,mBAAmB;AACvC,OAAOC,MAAM,MAAM,UAAU;AAC7B,OAAOC,WAAW,MAAM,eAAe;AACvC,SAASC,UAAU,QAAQ,gBAAgB;AAE3C,cAAe,cAAc;AAE7B,OAAOC,YAAY,MAAM,UAAU;AACnC,SAASC,IAAI,QAAQ,UAAU;AAE/B,SAASJ,MAAM,EAAEC,WAAW,EAAEC,UAAU,EAAEC,YAAY;AAGtD,OAAO,MAAME,gBAAgB,GAAG,SAAAA,CAAA;EAAA,IAACC,IAA8B,GAAAC,SAAA,CAAAC,MAAA,QAAAD,SAAA,QAAAE,SAAA,GAAAF,SAAA,MAAGH,IAAI,CAACM,KAAK;EAAA,OAAKX,GAAG;AACpF;AACA;AACA,aAAaO,IAAI,IAAIF,IAAI,CAACO,MAAM,GAAG,KAAK,GAAG,KAAK;AAChD,cAAcL,IAAI,IAAIF,IAAI,CAACO,MAAM,GAAG,KAAK,GAAG,KAAK;AACjD;AACA;AACA;AACA;AACA;AACA,kBAAkBC,KAAK,IAAIZ,MAAM,CAACa,aAAa,CAAC;IAAEC,aAAa,EAAC,YAAY;IAAEC,cAAc,EAAC;EAAS,CAAC,EAAEH,KAAK,CAACI,KAAK,CAAC;AACrH;AACA;AACA;AACA;AACA;AACA,kBAAkBJ,KAAK,IAAIZ,MAAM,CAACa,aAAa,CAAC;IAAEC,aAAa,EAAC,SAAS;IAAEC,cAAc,EAAC;EAAU,CAAC,EAAEH,KAAK,CAACI,KAAK,CAAC;AACnH;AACA;AACA;AACA;AACA;AACA,kBAAkBJ,KAAK,IAAIZ,MAAM,CAACa,aAAa,CAAC;IAAEC,aAAa,EAAC,SAAS;IAAEG,KAAK,EAAE;EAAQ,CAAC,EAAEL,KAAK,CAACI,KAAK,CAAC;AACzG;AACA;AACA;AACA;AACA,kBAAkBJ,KAAK,IAAIZ,MAAM,CAACa,aAAa,CAAC;IAAEC,aAAa,EAAC,SAAS;IAAEG,KAAK,EAAE;EAAS,CAAC,EAAEL,KAAK,CAACI,KAAK,CAAC;AAC1G;AACA,CAAC;AAAA;AAED,SAAQE,SAAS,QAAO,aAAa;AAErC,cAAc,gBAAgB","ignoreList":[]}

package/package.json

@@ -1,146 +1,149 @@
 {
-  "name": "@laerdal/life-react-components",
-  "version": "6.0.0-dev.20.full",
-  "private": false,
-  "author": "Erik Martirosyan <erik.martirosyan@laerdal.com>",
-  "contributors": [],
-  "description": "Laerdal LIFE component library for React.",
-  "keywords": [],
-  "license": "UNLICENSED",
-  "repository": {
-    "type": "git",
-    "url": "https://github.com/Laerdal-Medical/dcs-life-react-js"
-  },
-  "main": "dist/index.cjs",
-  "module": "dist/index.js",
-  "types": "dist/index.d.ts",
-  "exports": {
-    ".": {
-      "require": "./dist/index.cjs",
-      "import": "./dist/index.js",
-      "types": "./dist/index.d.ts"
-    }
-  },
-  "sideEffects": false,
-  "files": [
-    "dist"
-  ],
-  "scripts": {
-    "bump": "yarn version --patch",
-    "build": "yarn build:babel:esm && yarn build:babel:cjs && tsc --emitDeclarationOnly --declaration --declarationDir dist && node scripts/copyTS.cjs",
-    "build:babel:esm": "cross-env BABEL_ENV=esm babel --source-maps --extensions \".js,.ts,.tsx\" src --out-dir dist --out-file-extension .js --copy-files",
-    "build:babel:cjs": "cross-env BABEL_ENV=cjs babel --source-maps --extensions \".js,.ts,.tsx\" src --out-dir dist --out-file-extension .cjs --copy-files",
-    "clean": "rimraf dist",
-    "develop": "yarn build:babel:esm --skip-initial-build --watch --verbose",
-    "test": "jest src/",
-    "test:coverage": "jest --collectCoverage src/",
-    "test-watch": "jest --watch",
-    "storybook": "storybook dev -p 6006",
-    "build-storybook": "storybook build"
-  },
-  "eslintConfig": {
-    "extends": [
-      "react-app",
-      "plugin:storybook/recommended"
-    ]
-  },
-  "browserslist": {
-    "production": [
-      ">0.2%",
-      "not dead",
-      "not op_mini all"
-    ],
-    "development": [
-      "last 1 chrome version",
-      "last 1 firefox version",
-      "last 1 safari version"
-    ]
-  },
-  "omlet": {
-    "exports": {
-      ".": "src/index.ts"
-    }
-  },
-  "dependencies": {
-    "@laerdal-medical/life-design-tokens": "^1.2.0-beta",
-    "@laerdal/figma-svg": "^5.2.2",
-    "@types/node": "^18.0.6",
-    "animated-scroll-to": "^2.3.0",
-    "dayjs": "^1.11.5",
-    "nanoid": "3.3.11",
-    "react": "^19.0.0",
-    "react-datepicker": "^8.4.0",
-    "react-dom": "^19.0.0",
-    "react-inlinesvg": "^4.2.0",
-    "react-modal": "^3.16.0",
-    "react-quill": "^2.0.0",
-    "react-resize-detector": "^11.0.1",
-    "rooks": "^7.1.1",
-    "styled-components": "^6.1.13",
-    "typescript": "^5.1.2"
-  },
-  "devDependencies": {
-    "@babel/cli": "^7.22.0",
-    "@babel/plugin-proposal-class-properties": "^7.18.6",
-    "@babel/plugin-proposal-decorators": "^7.27.1",
-    "@babel/plugin-proposal-export-default-from": "^7.22.0",
-    "@babel/plugin-proposal-numeric-separator": "^7.18.6",
-    "@babel/plugin-proposal-object-rest-spread": "^7.18.6",
-    "@babel/plugin-transform-runtime": "^7.22.0",
-    "@babel/preset-env": "^7.22.0",
-    "@babel/preset-react": "^7.22.0",
-    "@babel/preset-typescript": "^7.27.0",
-    "@babel/runtime": "^7.22.0",
-    "@chromatic-com/storybook": "1.4.0",
-    "@laerdal/navigation": "^3.2.0",
-    "@storybook/addon-essentials": "^8.1.3",
-    "@storybook/addon-interactions": "^8.1.3",
-    "@storybook/addon-links": "^8.1.3",
-    "@storybook/addon-onboarding": "^8.1.3",
-    "@storybook/addon-webpack5-compiler-swc": "1.0.2",
-    "@storybook/addons": "^7.6.17",
-    "@storybook/blocks": "^8.1.3",
-    "@storybook/react": "^8.1.3",
-    "@storybook/react-webpack5": "^8.1.3",
-    "@storybook/test": "^8.1.3",
-    "@testing-library/dom": "^10.4.0",
-    "@testing-library/jest-dom": "^6.5.0",
-    "@testing-library/react": "^16.0.1",
-    "@testing-library/user-event": "^14.5.2",
-    "@types/jest": "^29.5.12",
-    "@types/react": "^19.1.2",
-    "@types/react-datepicker": "^4.4.2",
-    "@types/react-dom": "^18.3.0",
-    "@types/react-modal": "^3.13.1",
-    "babel-plugin-inline-react-svg": "^2.0.1",
-    "babel-plugin-typescript-to-proptypes": "^2.0.0",
-    "concurrently": "^5.2.0",
-    "cross-env": "^7.0.3",
-    "css-loader": "^7.1.2",
-    "eslint-plugin-storybook": "^0.8.0",
-    "history": "^5.3.0",
-    "jest": "^29.7.0",
-    "jest-environment-jsdom": "^29.7.0",
-    "jest-styled-components": "^7.2.0",
-    "jest-svg-transformer": "^1.0.0",
-    "react-router": "^6.0.0",
-    "react-share": "^5.1.0",
-    "regenerator-runtime": "^0.13.9",
-    "storybook": "^8.1.3",
-    "style-loader": "^4.0.0",
-    "ts-jest": "^29.2.5",
-    "webpack": "^5.99.9",
-    "webpack-cli": "^6.0.1",
-    "webpack-dev-server": "^5.2.1"
-  },
-  "peerDependencies": {
-    "@babel/core": "^7.0.0",
-    "react": "^19",
-    "react-dom": "^19"
-  },
-  "resolutions": {
-    "nwsapi": "2.2.9",
-    "date-fns": "2.24.0",
-    "@types/react": "19.1.2"
-  }
+    "name":  "@laerdal/life-react-components",
+    "version":  "6.0.0-dev.5.full.full",
+    "private":  false,
+    "author":  "Erik Martirosyan \u003cerik.martirosyan@laerdal.com\u003e",
+    "contributors":  [
+
+                     ],
+    "description":  "Laerdal LIFE component library for React.",
+    "keywords":  [
+
+                 ],
+    "license":  "UNLICENSED",
+    "repository":  {
+                       "type":  "git",
+                       "url":  "https://github.com/Laerdal-Medical/dcs-life-react-js"
+                   },
+    "main":  "dist/index.cjs",
+    "module":  "dist/index.js",
+    "types":  "dist/index.d.ts",
+    "exports":  {
+                    ".":  {
+                              "require":  "./dist/index.cjs",
+                              "import":  "./dist/index.js",
+                              "types":  "./dist/index.d.ts"
+                          }
+                },
+    "sideEffects":  false,
+    "files":  [
+                  "dist"
+              ],
+    "scripts":  {
+                    "bump":  "yarn version --patch",
+                    "build":  "yarn build:babel:esm \u0026\u0026 yarn build:babel:cjs \u0026\u0026 tsc --emitDeclarationOnly --declaration --declarationDir dist \u0026\u0026 node scripts/copyTS.cjs",
+                    "build:babel:esm":  "cross-env BABEL_ENV=esm babel --source-maps --extensions \".js,.ts,.tsx\" src --out-dir dist --out-file-extension .js",
+                    "build:babel:cjs":  "cross-env BABEL_ENV=cjs babel --source-maps --extensions \".js,.ts,.tsx\" src --out-dir dist --out-file-extension .cjs",
+                    "clean":  "rimraf dist",
+                    "develop":  "yarn build:babel:esm --skip-initial-build --watch --verbose",
+                    "test":  "jest src/",
+                    "test:coverage":  "jest --collectCoverage src/",
+                    "test-watch":  "jest --watch",
+                    "storybook":  "storybook dev -p 6006",
+                    "build-storybook":  "storybook build"
+                },
+    "eslintConfig":  {
+                         "extends":  [
+                                         "react-app",
+                                         "plugin:storybook/recommended"
+                                     ]
+                     },
+    "browserslist":  {
+                         "production":  [
+                                            "\u003e0.2%",
+                                            "not dead",
+                                            "not op_mini all"
+                                        ],
+                         "development":  [
+                                             "last 1 chrome version",
+                                             "last 1 firefox version",
+                                             "last 1 safari version"
+                                         ]
+                     },
+    "omlet":  {
+                  "exports":  {
+                                  ".":  "src/index.ts"
+                              }
+              },
+    "dependencies":  {
+                         "@laerdal-medical/life-design-tokens":  "^1.2.0-beta",
+                         "@laerdal/figma-svg":  "^5.2.2",
+                         "@types/node":  "^18.0.6",
+                         "animated-scroll-to":  "^2.3.0",
+                         "dayjs":  "^1.11.5",
+                         "nanoid":  "3.3.11",
+                         "react":  "^19.0.0",
+                         "react-datepicker":  "^8.2.1",
+                         "react-dom":  "^19.0.0",
+                         "react-inlinesvg":  "^4.2.0",
+                         "react-modal":  "^3.16.0",
+                         "react-quill":  "^2.0.0",
+                         "react-resize-detector":  "^11.0.1",
+                         "rooks":  "^7.1.1",
+                         "styled-components":  "^6.1.13",
+                         "typescript":  "^5.1.2"
+                     },
+    "devDependencies":  {
+                            "@babel/cli":  "^7.22.0",
+                            "@babel/plugin-proposal-class-properties":  "^7.18.6",
+                            "@babel/plugin-proposal-export-default-from":  "^7.22.0",
+                            "@babel/plugin-proposal-numeric-separator":  "^7.18.6",
+                            "@babel/plugin-proposal-object-rest-spread":  "^7.18.6",
+                            "@babel/plugin-transform-runtime":  "^7.22.0",
+                            "@babel/preset-env":  "^7.22.0",
+                            "@babel/preset-react":  "^7.22.0",
+                            "@babel/preset-typescript":  "^7.27.0",
+                            "@babel/runtime":  "^7.22.0",
+                            "@chromatic-com/storybook":  "1.4.0",
+                            "@laerdal/navigation":  "^3.2.0",
+                            "@storybook/addon-essentials":  "^8.1.3",
+                            "@storybook/addon-interactions":  "^8.1.3",
+                            "@storybook/addon-links":  "^8.1.3",
+                            "@storybook/addon-onboarding":  "^8.1.3",
+                            "@storybook/addon-webpack5-compiler-swc":  "1.0.2",
+                            "@storybook/addons":  "^7.6.17",
+                            "@storybook/blocks":  "^8.1.3",
+                            "@storybook/react":  "^8.1.3",
+                            "@storybook/react-webpack5":  "^8.1.3",
+                            "@storybook/test":  "^8.1.3",
+                            "@testing-library/dom":  "^10.4.0",
+                            "@testing-library/jest-dom":  "^6.5.0",
+                            "@testing-library/react":  "^16.0.1",
+                            "@testing-library/user-event":  "^14.5.2",
+                            "@types/jest":  "^29.5.12",
+                            "@types/react":  "^19.1.2",
+                            "@types/react-datepicker":  "^4.4.2",
+                            "@types/react-dom":  "^18.3.0",
+                            "@types/react-modal":  "^3.13.1",
+                            "babel-plugin-inline-react-svg":  "^2.0.1",
+                            "babel-plugin-typescript-to-proptypes":  "^2.0.0",
+                            "concurrently":  "^5.2.0",
+                            "cross-env":  "^7.0.3",
+                            "css-loader":  "^7.1.2",
+                            "eslint-plugin-storybook":  "^0.8.0",
+                            "history":  "^5.3.0",
+                            "jest":  "^29.7.0",
+                            "jest-environment-jsdom":  "^29.7.0",
+                            "jest-styled-components":  "^7.2.0",
+                            "jest-svg-transformer":  "^1.0.0",
+                            "react-router":  "^6.0.0",
+                            "react-share":  "^5.1.0",
+                            "regenerator-runtime":  "^0.13.9",
+                            "storybook":  "^8.1.3",
+                            "style-loader":  "^4.0.0",
+                            "ts-jest":  "^29.2.5",
+                            "webpack":  "^5.99.9",
+                            "webpack-cli":  "^6.0.1",
+                            "webpack-dev-server":  "^5.2.1"
+                        },
+    "peerDependencies":  {
+                             "@babel/core":  "^7.0.0",
+                             "react":  "^19",
+                             "react-dom":  "^19"
+                         },
+    "resolutions":  {
+                        "nwsapi":  "2.2.9",
+                        "date-fns":  "2.24.0",
+                        "@types/react":  "19.1.2"
+                    }
 }

package/dist/Accordion/__tests__/AccordionMenu.test.tsx

@@ -1,42 +0,0 @@
-import React from 'react';
-import { render } from '../../test-utils';
-import 'jest-styled-components';
-import { COLORS } from '../../styles';
-import AccordionMenu from '../AccordionMenu';
-
-const accordionItems = [
-  {
-    id: 'test1_id',
-    title: 'Item label with text 1',
-    children: <div>content test1</div>,
-  },
-  {
-    id: 'test2_id',
-    title: 'Item label with text 2',
-    children: <div>content test2</div>,
-  },
-];
-
-describe('<AccordionMenu />', () => {
-  it('Check correct text placed on labels', async () => {
-    const { queryByText } = render(<AccordionMenu items={accordionItems} onSelect={() => {}}></AccordionMenu>);
-    expect(queryByText('Item label with text 1')).toBeDefined();
-    expect(queryByText('Item label with text 2')).toBeDefined();
-    expect(queryByText('content test1')).toBeNull();
-  });
-
-  it('Check item label element color and label', async () => {
-    const { container } = render(<AccordionMenu items={accordionItems} onSelect={() => {}}></AccordionMenu>);
-    const headerItem = container.querySelector('#test2_id');
-    expect(headerItem).toBeDefined();
-    expect(headerItem?.textContent).toContain('Item label with text 2');
-  });
-
-  it('Check expanded item text', async () => {
-    const { container } = render(<AccordionMenu items={accordionItems} onSelect={() => {}} selectedItems={['test1_id']}></AccordionMenu>);
-    const headerItem = container.querySelector('#test1_id');
-    //check item expanded
-    expect(headerItem?.children[1]).toBeDefined();
-    expect(headerItem?.children[1]?.textContent).toContain('content test1');
-  });
-});