@heliux-org/design-system-core 0.0.34 → 0.0.35

package/dist/mocked_classnames_esm/src/components/TopNavigationBar/TopNavigationBar.js.map

@@ -1 +1 @@
-{"version":3,"file":"TopNavigationBar.js","sources":["../../../../../src/components/TopNavigationBar/TopNavigationBar.tsx"],"sourcesContent":["import React, { ReactNode } from \"react\";\nimport Avatar from \"../Avatar/Avatar\";\nimport { person1 } from \"../AvatarGroup/__stories__/assets\";\nimport Counter from \"../Counter/Counter\";\nimport Dialog from \"../Dialog/Dialog\";\nimport DialogContentContainer from \"../DialogContentContainer/DialogContentContainer\";\nimport IconButton from \"../IconButton/IconButton\";\nimport { Lines, Notifications } from \"../Icon/Icons\";\nimport { Logo } from \"../Logo/Logo\";\nimport Menu from \"../Menu/Menu/Menu\";\nimport MenuDivider from \"../Menu/MenuDivider/MenuDivider\";\nimport MenuItem from \"../Menu/MenuItem/MenuItem\";\nimport styles from \"./TopNavigationBar.module.scss\";\nimport { Notification } from \"./components/Notification/Notification\";\nimport { NotificationItem } from \"./components/NotificationItem/NotificationItem\";\n\nexport interface NavbarProps {\n  children: ReactNode;\n  className?: string;\n}\nexport const Navbar: React.FC<NavbarProps> = ({ children, className }) => {\n  return <nav className={`${styles.navbar} ${className}`}>{children}</nav>;\n};\n\nexport interface NavbarContainerProps {\n  children: ReactNode;\n  className?: string;\n}\nexport const NavbarContainer: React.FC<NavbarContainerProps> = ({\n  children,\n  className,\n}) => <div className={`${styles.navContainer} ${className}`}>{children}</div>;\n\nexport interface LogoContainerProps {\n  children: ReactNode;\n  className?: string;\n}\nexport const LogoContainer: React.FC<LogoContainerProps> = ({\n  children,\n  className,\n}) => <div className={`${styles.logo} ${className}`}>{children}</div>;\n\nexport interface NavListProps {\n  children: ReactNode;\n  className?: string;\n}\nexport const NavList: React.FC<NavListProps> = ({ children, className }) => (\n  <ul className={`${styles.itemList} ${className}`}>{children}</ul>\n);\n\nexport interface NavLinkProps {\n  children: ReactNode;\n  className?: string;\n  active?: boolean;\n  link?: string;\n  onClick?: () => void;\n}\nexport const NavLink: React.FC<NavLinkProps> = ({\n  children,\n  link,\n  active,\n  onClick,\n}) => (\n  <li\n    style={{ cursor: \"pointer\" }}\n    onClick={(event) => {\n      if (!link) {\n        event.preventDefault();\n      }\n      onClick?.();\n    }}\n  >\n    <a\n      href={link || \"\"}\n      className={active ? `${styles.navLink} ${styles.active}` : styles.navLink}\n    >\n      {children}\n    </a>\n  </li>\n);\n\nexport interface ProfileContainerProps {\n  children: ReactNode;\n  className?: string;\n}\nexport const ProfileContainer: React.FC<ProfileContainerProps> = ({\n  children,\n  className,\n}) => <div className={`${styles.profile} ${className}`}>{children}</div>;\n\nexport interface NotificationsContainerProps {\n  children: ReactNode;\n  className?: string;\n}\nexport const NotificationsContainer: React.FC<NotificationsContainerProps> = ({\n  children,\n  className,\n}) => <div className={`${styles.notifications} ${className}`}>{children}</div>;\n\nexport interface DialogContentContainerStyledProps {\n  children: ReactNode;\n  className?: string;\n}\nexport const DialogContentContainerStyled: React.FC<\n  DialogContentContainerStyledProps\n> = ({ children, className }) => (\n  <DialogContentContainer className={`${styles.dialog} ${className}`}>\n    {children}\n  </DialogContentContainer>\n);\n\nexport interface UserInfoProps {\n  children: ReactNode;\n  className?: string;\n}\nexport const UserInfo: React.FC<UserInfoProps> = ({ children, className }) => (\n  <div className={`${styles.userInfo} ${className}`}>{children}</div>\n);\n\nexport interface SpanStyledProps {\n  children: ReactNode;\n  className?: string;\n  styleClass?: string;\n}\n\nexport const SpanStyled: React.FC<SpanStyledProps> = ({\n  children,\n  className = \"\",\n  styleClass = \"\",\n}) => {\n  const combinedClassName = `${styles[styleClass] || \"\"} ${className}`.trim();\n  return <span className={combinedClassName}>{children}</span>;\n};\n\nexport interface TopNavigationBarProps {\n  children: ReactNode;\n  sticky?: boolean;\n}\n\nconst TopNavigationBar: React.FC<TopNavigationBarProps> = ({\n  children,\n  sticky = true,\n}) => {\n  return (\n    <Navbar className={sticky ? `${styles.sticky}` : \"\"}>\n      <NavbarContainer>\n        <IconButton ariaLabel=\"Add\" icon={Lines} size=\"xs\" />\n        <LogoContainer>\n          <Logo height=\"15\" />\n        </LogoContainer>\n        <div>\n          <NavList>\n            <NavLink link=\"/\">Purchase Requests</NavLink>\n            <NavLink active link=\"/blog\">\n              RFQs\n            </NavLink>\n            <NavLink link=\"/projects\">Purchase Orders</NavLink>\n            <NavLink link=\"/\">Inventory</NavLink>\n          </NavList>\n        </div>\n      </NavbarContainer>\n      <ProfileContainer>\n        <NotificationsContainer>\n          <Dialog\n            showTrigger={[Dialog.hideShowTriggers.CLICK]}\n            hideTrigger={[Dialog.hideShowTriggers.CLICK_OUTSIDE]}\n            content={\n              <DialogContentContainerStyled>\n                <Notification>\n                  <NotificationItem\n                    title=\"You’ve recieved a message from Acme tires\"\n                    date=\"04/24/24 at 9:45 PM\"\n                    link=\"/\"\n                  />\n                  <NotificationItem\n                    title=\"You’ve recieved a message from Acme tires\"\n                    date=\"04/24/24 at 9:45 PM\"\n                    link=\"/\"\n                  />\n                </Notification>\n              </DialogContentContainerStyled>\n            }\n          >\n            <IconButton\n              ariaLabel=\"Notifications\"\n              icon={Notifications}\n              size=\"small\"\n            />\n            <Counter\n              count={2}\n              color={Counter.colors.NEGATIVE}\n              size={Counter.sizes.SMALL}\n              className={styles.navbarCounter}\n            />\n          </Dialog>\n        </NotificationsContainer>\n        <Dialog\n          showTrigger={[Dialog.hideShowTriggers.CLICK]}\n          hideTrigger={[Dialog.hideShowTriggers.CLICK_OUTSIDE]}\n          content={\n            <DialogContentContainerStyled>\n              <UserInfo>\n                <span>\n                  <Avatar\n                    size={Avatar.sizes.LARGE}\n                    withoutTooltip={true}\n                    src={person1}\n                    type={Avatar.types.IMG}\n                    ariaLabel=\"Hadas Fahri\"\n                  />\n                </span>\n                <div\n                  style={{\n                    display: \"flex\",\n                    flexDirection: \"column\",\n                    justifyContent: \"center\",\n                  }}\n                >\n                  <SpanStyled styleClass=\"username\">Jen Asher</SpanStyled>\n                  <SpanStyled styleClass=\"email\">Jenn@heliux.com</SpanStyled>\n                </div>\n              </UserInfo>\n              <Menu size={Menu.sizes.SMALL}>\n                <MenuItem title=\"Personal Settings\" />\n                <MenuItem title=\"Organization Settings\" />\n                <MenuItem title=\"Theme Settings\">\n                  <Menu>\n                    <MenuItem title=\"Light Theme\" />\n                    <MenuItem title=\"Dark Theme\" />\n                  </Menu>\n                </MenuItem>\n                <MenuDivider />\n                <MenuItem className={styles.logout} title=\"Sign out\" />\n              </Menu>\n            </DialogContentContainerStyled>\n          }\n        >\n          <div\n            style={{\n              cursor: \"pointer\",\n            }}\n          >\n            <Avatar\n              size={Avatar.sizes.MEDIUM}\n              withoutTooltip={true}\n              src={person1}\n              type={Avatar.types.IMG}\n              ariaLabel={\"Hadas Fahri\"}\n              className={styles.navbarAvatar}\n            />\n          </div>\n        </Dialog>\n      </ProfileContainer>\n    </Navbar>\n  );\n};\n\nexport default TopNavigationBar;\n"],"names":["Navbar","_ref","children","className","_jsx","Object","assign","concat","styles","navbar","NavbarContainer","_ref2","navContainer","LogoContainer","_ref3","logo","NavList","_ref4","itemList","NavLink","_ref5","link","onClick","style","cursor","event","preventDefault","href","active","navLink","ProfileContainer","_ref6","profile","NotificationsContainer","_ref7","notifications","DialogContentContainerStyled","_ref8","DialogContentContainer","dialog","UserInfo","_ref9","userInfo","SpanStyled","_ref10","_ref10$className","_ref10$styleClass","styleClass","combinedClassName","trim","TopNavigationBar","_ref11","_ref11$sticky","sticky","_jsxs","IconButton","ariaLabel","icon","Lines","size","Logo","height","Dialog","showTrigger","hideShowTriggers","CLICK","hideTrigger","CLICK_OUTSIDE","content","Notification","NotificationItem","title","date","Notifications","Counter","count","color","colors","NEGATIVE","sizes","SMALL","navbarCounter","Avatar","LARGE","withoutTooltip","src","person1","type","types","IMG","display","flexDirection","justifyContent","Menu","MenuItem","MenuDivider","logout","MEDIUM","navbarAvatar"],"mappings":"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"}
+{"version":3,"file":"TopNavigationBar.js","sources":["../../../../../src/components/TopNavigationBar/TopNavigationBar.tsx"],"sourcesContent":["import React, { ReactNode } from \"react\";\nimport Avatar from \"../Avatar/Avatar\";\nimport { person1 } from \"../AvatarGroup/__stories__/assets\";\nimport Counter from \"../Counter/Counter\";\nimport Dialog from \"../Dialog/Dialog\";\nimport DialogContentContainer from \"../DialogContentContainer/DialogContentContainer\";\nimport IconButton from \"../IconButton/IconButton\";\nimport { Lines, Notifications } from \"../Icon/Icons\";\nimport { Logo } from \"../Logo/Logo\";\nimport Menu from \"../Menu/Menu/Menu\";\nimport MenuDivider from \"../Menu/MenuDivider/MenuDivider\";\nimport MenuItem from \"../Menu/MenuItem/MenuItem\";\nimport styles from \"./TopNavigationBar.module.scss\";\nimport { Notification } from \"./components/Notification/Notification\";\nimport { NotificationItem } from \"./components/NotificationItem/NotificationItem\";\n\nexport interface NavbarProps {\n  children: ReactNode;\n  className?: string;\n  sticky?: boolean;\n}\nexport const Navbar: React.FC<NavbarProps> = ({\n  children,\n  className,\n  sticky = true,\n}) => {\n  return (\n    <nav\n      className={`${styles.navbar} ${className} ${sticky ? styles.sticky : \"\"}`}\n    >\n      {children}\n    </nav>\n  );\n};\n\nexport interface NavbarContainerProps {\n  children: ReactNode;\n  className?: string;\n}\nexport const NavbarContainer: React.FC<NavbarContainerProps> = ({\n  children,\n  className,\n}) => <div className={`${styles.navContainer} ${className}`}>{children}</div>;\n\nexport interface LogoContainerProps {\n  children: ReactNode;\n  className?: string;\n}\nexport const LogoContainer: React.FC<LogoContainerProps> = ({\n  children,\n  className,\n}) => <div className={`${styles.logo} ${className}`}>{children}</div>;\n\nexport interface NavListProps {\n  children: ReactNode;\n  className?: string;\n}\nexport const NavList: React.FC<NavListProps> = ({ children, className }) => (\n  <ul className={`${styles.itemList} ${className}`}>{children}</ul>\n);\n\nexport interface NavLinkProps {\n  children: ReactNode;\n  className?: string;\n  active?: boolean;\n  link?: string;\n  onClick?: () => void;\n}\nexport const NavLink: React.FC<NavLinkProps> = ({\n  children,\n  link,\n  active,\n  onClick,\n}) => (\n  <li\n    style={{ cursor: \"pointer\" }}\n    onClick={(event) => {\n      if (!link) {\n        event.preventDefault();\n      }\n      onClick?.();\n    }}\n  >\n    <a\n      href={link || \"\"}\n      className={active ? `${styles.navLink} ${styles.active}` : styles.navLink}\n    >\n      {children}\n    </a>\n  </li>\n);\n\nexport interface ProfileContainerProps {\n  children: ReactNode;\n  className?: string;\n}\nexport const ProfileContainer: React.FC<ProfileContainerProps> = ({\n  children,\n  className,\n}) => <div className={`${styles.profile} ${className}`}>{children}</div>;\n\nexport interface NotificationsContainerProps {\n  children: ReactNode;\n  className?: string;\n}\nexport const NotificationsContainer: React.FC<NotificationsContainerProps> = ({\n  children,\n  className,\n}) => <div className={`${styles.notifications} ${className}`}>{children}</div>;\n\nexport interface DialogContentContainerStyledProps {\n  children: ReactNode;\n  className?: string;\n}\nexport const DialogContentContainerStyled: React.FC<\n  DialogContentContainerStyledProps\n> = ({ children, className }) => (\n  <DialogContentContainer className={`${styles.dialog} ${className}`}>\n    {children}\n  </DialogContentContainer>\n);\n\nexport interface UserInfoProps {\n  children: ReactNode;\n  className?: string;\n}\nexport const UserInfo: React.FC<UserInfoProps> = ({ children, className }) => (\n  <div className={`${styles.userInfo} ${className}`}>{children}</div>\n);\n\nexport interface SpanStyledProps {\n  children: ReactNode;\n  className?: string;\n  styleClass?: string;\n}\n\nexport const SpanStyled: React.FC<SpanStyledProps> = ({\n  children,\n  className = \"\",\n  styleClass = \"\",\n}) => {\n  const combinedClassName = `${styles[styleClass] || \"\"} ${className}`.trim();\n  return <span className={combinedClassName}>{children}</span>;\n};\n\nexport interface TopNavigationBarProps {\n  children: ReactNode;\n}\n\nconst TopNavigationBar: React.FC<TopNavigationBarProps> = () => {\n  return (\n    <Navbar>\n      <NavbarContainer>\n        <IconButton ariaLabel=\"Add\" icon={Lines} size=\"xs\" />\n        <LogoContainer>\n          <Logo height=\"15\" />\n        </LogoContainer>\n        <div>\n          <NavList>\n            <NavLink link=\"/\">Purchase Requests</NavLink>\n            <NavLink active link=\"/blog\">\n              RFQs\n            </NavLink>\n            <NavLink link=\"/projects\">Purchase Orders</NavLink>\n            <NavLink link=\"/\">Inventory</NavLink>\n          </NavList>\n        </div>\n      </NavbarContainer>\n      <ProfileContainer>\n        <NotificationsContainer>\n          <Dialog\n            showTrigger={[Dialog.hideShowTriggers.CLICK]}\n            hideTrigger={[Dialog.hideShowTriggers.CLICK_OUTSIDE]}\n            content={\n              <DialogContentContainerStyled>\n                <Notification>\n                  <NotificationItem\n                    title=\"You’ve recieved a message from Acme tires\"\n                    date=\"04/24/24 at 9:45 PM\"\n                    link=\"/\"\n                  />\n                  <NotificationItem\n                    title=\"You’ve recieved a message from Acme tires\"\n                    date=\"04/24/24 at 9:45 PM\"\n                    link=\"/\"\n                  />\n                </Notification>\n              </DialogContentContainerStyled>\n            }\n          >\n            <IconButton\n              ariaLabel=\"Notifications\"\n              icon={Notifications}\n              size=\"small\"\n            />\n            <Counter\n              count={2}\n              color={Counter.colors.NEGATIVE}\n              size={Counter.sizes.SMALL}\n              className={styles.navbarCounter}\n            />\n          </Dialog>\n        </NotificationsContainer>\n        <Dialog\n          showTrigger={[Dialog.hideShowTriggers.CLICK]}\n          hideTrigger={[Dialog.hideShowTriggers.CLICK_OUTSIDE]}\n          content={\n            <DialogContentContainerStyled>\n              <UserInfo>\n                <span>\n                  <Avatar\n                    size={Avatar.sizes.LARGE}\n                    withoutTooltip={true}\n                    src={person1}\n                    type={Avatar.types.IMG}\n                    ariaLabel=\"Hadas Fahri\"\n                  />\n                </span>\n                <div\n                  style={{\n                    display: \"flex\",\n                    flexDirection: \"column\",\n                    justifyContent: \"center\",\n                  }}\n                >\n                  <SpanStyled styleClass=\"username\">Jen Asher</SpanStyled>\n                  <SpanStyled styleClass=\"email\">Jenn@heliux.com</SpanStyled>\n                </div>\n              </UserInfo>\n              <Menu size={Menu.sizes.SMALL}>\n                <MenuItem title=\"Personal Settings\" />\n                <MenuItem title=\"Organization Settings\" />\n                <MenuItem title=\"Theme Settings\">\n                  <Menu>\n                    <MenuItem title=\"Light Theme\" />\n                    <MenuItem title=\"Dark Theme\" />\n                  </Menu>\n                </MenuItem>\n                <MenuDivider />\n                <MenuItem className={styles.logout} title=\"Sign out\" />\n              </Menu>\n            </DialogContentContainerStyled>\n          }\n        >\n          <div\n            style={{\n              cursor: \"pointer\",\n            }}\n          >\n            <Avatar\n              size={Avatar.sizes.MEDIUM}\n              withoutTooltip={true}\n              src={person1}\n              type={Avatar.types.IMG}\n              ariaLabel={\"Hadas Fahri\"}\n              className={styles.navbarAvatar}\n            />\n          </div>\n        </Dialog>\n      </ProfileContainer>\n    </Navbar>\n  );\n};\n\nexport default TopNavigationBar;\n"],"names":["Navbar","_ref","children","className","_ref$sticky","sticky","_jsx","Object","assign","concat","styles","navbar","NavbarContainer","_ref2","navContainer","LogoContainer","_ref3","logo","NavList","_ref4","itemList","NavLink","_ref5","link","onClick","style","cursor","event","preventDefault","href","active","navLink","ProfileContainer","_ref6","profile","NotificationsContainer","_ref7","notifications","DialogContentContainerStyled","_ref8","DialogContentContainer","dialog","UserInfo","_ref9","userInfo","SpanStyled","_ref10","_ref10$className","_ref10$styleClass","styleClass","combinedClassName","trim","TopNavigationBar","_jsxs","IconButton","ariaLabel","icon","Lines","size","Logo","height","Dialog","showTrigger","hideShowTriggers","CLICK","hideTrigger","CLICK_OUTSIDE","content","Notification","NotificationItem","title","date","Notifications","Counter","count","color","colors","NEGATIVE","sizes","SMALL","navbarCounter","Avatar","LARGE","withoutTooltip","src","person1","type","types","IMG","display","flexDirection","justifyContent","Menu","MenuItem","MenuDivider","logout","MEDIUM","navbarAvatar"],"mappings":"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"}

package/dist/mocked_classnames_esm/src/components/TopNavigationBar/TopNavigationBar.module.scss.js

@@ -1,2 +1,2 @@
-var n={navbar:"navbar",sticky:"sticky",navContainer:"navContainer",logo:"logo",itemList:"itemList",active:"active",profile:"profile",notifications:"notifications",navbarAvatar:"navbarAvatar",navbarCounter:"navbarCounter",userInfo:"userInfo",username:"username",email:"email",logout:"logout",dialog:"dialog",hover:"hover"};!function(n){if("undefined"==typeof document)return;const e=document.head||document.getElementsByTagName("head")[0],i="s_id-eafc1e524675_0_0_33";if(e.querySelector("#"+i))return;const r=document.createElement("style");r.id=i,e.firstChild?e.insertBefore(r,e.firstChild):e.appendChild(r),r.appendChild(document.createTextNode(n))}('.navbar {\n  display: flex;\n  justify-content: space-between;\n  width: 100%;\n  height: 48px;\n  align-items: center;\n  padding: 0 14px;\n  color: var(--text-secondary);\n}\n\n.sticky {\n  position: sticky;\n  top: 0;\n  z-index: 100;\n}\n\n.navContainer {\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n}\n\n.logo {\n  height: 26px;\n  border: 1px solid var(--divider-primary);\n  border-radius: 6px;\n  padding: 2px 6px;\n  display: flex;\n  align-items: center;\n  margin: 0px 4px 0px;\n  font-size: 14px;\n  color: var(--text-secondary);\n}\n\n.logo svg {\n  margin-right: 4px;\n}\n\nul.itemList {\n  display: flex;\n  margin: 0;\n  padding: 0;\n  font-size: 14px;\n  font-weight: 400;\n}\n\nul.itemList li {\n  margin: 0px;\n  list-style: none;\n  padding: 4px 10px;\n  border-radius: var(--border-radius-medium);\n  transition: all var(--motion-productive-medium) ease 0ms;\n}\n\nul.itemList li:hover {\n  background: var(--surface-secondary);\n}\n\nul.itemList li:hover a {\n  color: var(--text-primary);\n}\n\nul.itemList li a {\n  color: var(--text-secondary);\n  text-decoration: none;\n}\n\n.active {\n  color: var(--text-primary) !important;\n}\n\n.active:after {\n  display: block;\n  width: 6px;\n  height: 2px;\n  content: " ";\n  background: var(--color-solar-flare-700);\n  right: -45%;\n  top: 3px;\n  border-radius: var(--border-radius-medium);\n  position: relative;\n}\n\n.profile {\n  display: flex;\n  flex-direction: row;\n}\n\n.notifications {\n  margin-right: 8px;\n  display: flex;\n  align-items: center;\n}\n\n.navbarAvatar {\n  margin: 4px 0 0;\n}\n\n.navbarCounter {\n  display: flex;\n  margin-left: -6px;\n  position: relative;\n  z-index: 99;\n}\n\n.userInfo {\n  display: flex;\n  align-items: center;\n  padding: 15px 5px 5px 15px;\n}\n\n.username {\n  font-size: 14px;\n  line-height: 22px;\n}\n\n.email {\n  font-size: 12px;\n  color: var(--text-secondary);\n}\n\n.logout {\n  padding: 0px 4px 10px 15px;\n  color: var(--color-solar-flare-700);\n}\n\n.dialog {\n  padding: 0;\n  border-radius: 6px;\n}\n\n.hover {\n  cursor: pointer;\n}');export{n as default};
+var n={navbar:"navbar",sticky:"sticky",navContainer:"navContainer",logo:"logo",itemList:"itemList",active:"active",profile:"profile",notifications:"notifications",navbarAvatar:"navbarAvatar",navbarCounter:"navbarCounter",userInfo:"userInfo",username:"username",email:"email",logout:"logout",dialog:"dialog",hover:"hover"};!function(n){if("undefined"==typeof document)return;const e=document.head||document.getElementsByTagName("head")[0],i="s_id-eafc1e524675_0_0_34";if(e.querySelector("#"+i))return;const r=document.createElement("style");r.id=i,e.firstChild?e.insertBefore(r,e.firstChild):e.appendChild(r),r.appendChild(document.createTextNode(n))}('.navbar {\n  display: flex;\n  justify-content: space-between;\n  width: 100%;\n  height: 48px;\n  align-items: center;\n  padding: 0 14px;\n  color: var(--text-secondary);\n}\n\n.sticky {\n  position: sticky;\n  top: 0;\n  z-index: 100;\n}\n\n.navContainer {\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n}\n\n.logo {\n  height: 26px;\n  border: 1px solid var(--divider-primary);\n  border-radius: 6px;\n  padding: 2px 6px;\n  display: flex;\n  align-items: center;\n  margin: 0px 4px 0px;\n  font-size: 14px;\n  color: var(--text-secondary);\n}\n\n.logo svg {\n  margin-right: 4px;\n}\n\nul.itemList {\n  display: flex;\n  margin: 0;\n  padding: 0;\n  font-size: 14px;\n  font-weight: 400;\n}\n\nul.itemList li {\n  margin: 0px;\n  list-style: none;\n  padding: 4px 10px;\n  border-radius: var(--border-radius-medium);\n  transition: all var(--motion-productive-medium) ease 0ms;\n}\n\nul.itemList li:hover {\n  background: var(--surface-secondary);\n}\n\nul.itemList li:hover a {\n  color: var(--text-primary);\n}\n\nul.itemList li a {\n  color: var(--text-secondary);\n  text-decoration: none;\n}\n\n.active {\n  color: var(--text-primary) !important;\n}\n\n.active:after {\n  display: block;\n  width: 6px;\n  height: 2px;\n  content: " ";\n  background: var(--color-solar-flare-700);\n  right: -45%;\n  top: 3px;\n  border-radius: var(--border-radius-medium);\n  position: relative;\n}\n\n.profile {\n  display: flex;\n  flex-direction: row;\n}\n\n.notifications {\n  margin-right: 8px;\n  display: flex;\n  align-items: center;\n}\n\n.navbarAvatar {\n  margin: 4px 0 0;\n}\n\n.navbarCounter {\n  display: flex;\n  margin-left: -6px;\n  position: relative;\n  z-index: 99;\n}\n\n.userInfo {\n  display: flex;\n  align-items: center;\n  padding: 15px 5px 5px 15px;\n}\n\n.username {\n  font-size: 14px;\n  line-height: 22px;\n}\n\n.email {\n  font-size: 12px;\n  color: var(--text-secondary);\n}\n\n.logout {\n  padding: 0px 4px 10px 15px;\n  color: var(--color-solar-flare-700);\n}\n\n.dialog {\n  padding: 0;\n  border-radius: 6px;\n}\n\n.hover {\n  cursor: pointer;\n}');export{n as default};
 //# sourceMappingURL=TopNavigationBar.module.scss.js.map

package/dist/mocked_classnames_esm/src/components/TopNavigationBar/components/Notification/Notification.module.scss.js

@@ -1,2 +1,2 @@
-var e={notificationContainer:"notificationContainer",header:"header"};!function(e){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],t="s_id-ab96a526747c_0_0_33";if(n.querySelector("#"+t))return;const i=document.createElement("style");i.id=t,n.firstChild?n.insertBefore(i,n.firstChild):n.appendChild(i),i.appendChild(document.createTextNode(e))}(".notificationContainer {\n  padding: 14px 16px;\n  border-radius: 4px;\n  min-width: 320px;\n  min-height: 400px;\n}\n\n.header {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  width: 100%;\n  border-bottom: 1px solid var(--divider-primary);\n  padding-bottom: 16px;\n  margin-bottom: 15px;\n  font-weight: 600;\n}");export{e as default};
+var e={notificationContainer:"notificationContainer",header:"header"};!function(e){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],t="s_id-ab96a526747c_0_0_34";if(n.querySelector("#"+t))return;const i=document.createElement("style");i.id=t,n.firstChild?n.insertBefore(i,n.firstChild):n.appendChild(i),i.appendChild(document.createTextNode(e))}(".notificationContainer {\n  padding: 14px 16px;\n  border-radius: 4px;\n  min-width: 320px;\n  min-height: 400px;\n}\n\n.header {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  width: 100%;\n  border-bottom: 1px solid var(--divider-primary);\n  padding-bottom: 16px;\n  margin-bottom: 15px;\n  font-weight: 600;\n}");export{e as default};
 //# sourceMappingURL=Notification.module.scss.js.map

package/dist/mocked_classnames_esm/src/components/TopNavigationBar/components/NotificationItem/NotificationItem.module.scss.js

@@ -1,2 +1,2 @@
-var e={item:"item",content:"content",title:"title",date:"date"};!function(e){if("undefined"==typeof document)return;const t=document.head||document.getElementsByTagName("head")[0],n="s_id-5279963b39bb_0_0_33";if(t.querySelector("#"+n))return;const o=document.createElement("style");o.id=n,t.firstChild?t.insertBefore(o,t.firstChild):t.appendChild(o),o.appendChild(document.createTextNode(e))}(".item {\n  display: flex;\n  padding: 20px 10px;\n  justify-content: space-between;\n  border-bottom: 1px solid var(--divider-primary);\n  text-decoration: none;\n}\n.item:hover {\n  text-decoration: none;\n}\n.content {\n  display: flex;\n  flex-direction: column;\n}\n.title {\n  color: var(--text-primary);\n  font-size: 14px;\n  width: 80%;\n  margin-bottom: 10px;\n}\n.date {\n  color: var(--text-secondary);\n  font-size: 12px;\n}");export{e as default};
+var e={item:"item",content:"content",title:"title",date:"date"};!function(e){if("undefined"==typeof document)return;const t=document.head||document.getElementsByTagName("head")[0],n="s_id-5279963b39bb_0_0_34";if(t.querySelector("#"+n))return;const o=document.createElement("style");o.id=n,t.firstChild?t.insertBefore(o,t.firstChild):t.appendChild(o),o.appendChild(document.createTextNode(e))}(".item {\n  display: flex;\n  padding: 20px 10px;\n  justify-content: space-between;\n  border-bottom: 1px solid var(--divider-primary);\n  text-decoration: none;\n}\n.item:hover {\n  text-decoration: none;\n}\n.content {\n  display: flex;\n  flex-direction: column;\n}\n.title {\n  color: var(--text-primary);\n  font-size: 14px;\n  width: 80%;\n  margin-bottom: 10px;\n}\n.date {\n  color: var(--text-secondary);\n  font-size: 12px;\n}");export{e as default};
 //# sourceMappingURL=NotificationItem.module.scss.js.map

package/dist/mocked_classnames_esm/src/components/Tree/components/TreeFile/TreeFile.scss.js

@@ -1,2 +1,2 @@
-var n=".file-container {\n  cursor: pointer;\n  line-height: 1;\n  user-select: none;\n  border-radius: 6px;\n  margin-bottom: 4px;\n}\n.file-container:hover, .file-container.active {\n  background-color: #F5F7F8;\n  cursor: pointer;\n}\n.names {\n  display: flex;\n  height: 1.75rem;\n  align-items: center;\n  position: relative;\n  padding-left: 23px;\n  padding-right: 10px;\n}\n.icon {\n  width: 1.5rem;\n  height: 100%;\n  display: inline-flex;\n  align-items: center;\n}\n.name {\n  transition: opacity 100ms ease 0ms;\n  color: var(--text-primary);\n  white-space: nowrap;\n  font-size: 0.875rem;\n}\n.name:hover {\n  opacity: 0.7;\n}\n.extra {\n  font-size: 0.75rem;\n  align-self: baseline;\n  padding-left: 4px;\n  color: var(--text-primary);\n}";!function(n){if("undefined"==typeof document)return;const e=document.head||document.getElementsByTagName("head")[0],t="s_id-814fa5986cc3_0_0_33";if(e.querySelector("#"+t))return;const i=document.createElement("style");i.id=t,e.firstChild?e.insertBefore(i,e.firstChild):e.appendChild(i),i.appendChild(document.createTextNode(n))}(n);export{n as default};
+var n=".file-container {\n  cursor: pointer;\n  line-height: 1;\n  user-select: none;\n  border-radius: 6px;\n  margin-bottom: 4px;\n}\n.file-container:hover, .file-container.active {\n  background-color: #F5F7F8;\n  cursor: pointer;\n}\n.names {\n  display: flex;\n  height: 1.75rem;\n  align-items: center;\n  position: relative;\n  padding-left: 23px;\n  padding-right: 10px;\n}\n.icon {\n  width: 1.5rem;\n  height: 100%;\n  display: inline-flex;\n  align-items: center;\n}\n.name {\n  transition: opacity 100ms ease 0ms;\n  color: var(--text-primary);\n  white-space: nowrap;\n  font-size: 0.875rem;\n}\n.name:hover {\n  opacity: 0.7;\n}\n.extra {\n  font-size: 0.75rem;\n  align-self: baseline;\n  padding-left: 4px;\n  color: var(--text-primary);\n}";!function(n){if("undefined"==typeof document)return;const e=document.head||document.getElementsByTagName("head")[0],t="s_id-814fa5986cc3_0_0_34";if(e.querySelector("#"+t))return;const i=document.createElement("style");i.id=t,e.firstChild?e.insertBefore(i,e.firstChild):e.appendChild(i),i.appendChild(document.createTextNode(n))}(n);export{n as default};
 //# sourceMappingURL=TreeFile.scss.js.map

package/dist/mocked_classnames_esm/src/components/Tree/components/TreeFileIcon/TreeFileIcon.scss.js

@@ -1,2 +1,2 @@
-var e=".tree-file-icon {\n  stroke: currentColor;\n  stroke-width: 2;\n  stroke-linecap: round;\n  stroke-linejoin: round;\n  fill: none;\n  shape-rendering: geometricPrecision;\n  color: var(--text-primary);\n}";!function(e){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],t="s_id-742afdb04a4c_0_0_33";if(n.querySelector("#"+t))return;const r=document.createElement("style");r.id=t,n.firstChild?n.insertBefore(r,n.firstChild):n.appendChild(r),r.appendChild(document.createTextNode(e))}(e);export{e as default};
+var e=".tree-file-icon {\n  stroke: currentColor;\n  stroke-width: 2;\n  stroke-linecap: round;\n  stroke-linejoin: round;\n  fill: none;\n  shape-rendering: geometricPrecision;\n  color: var(--text-primary);\n}";!function(e){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],t="s_id-742afdb04a4c_0_0_34";if(n.querySelector("#"+t))return;const r=document.createElement("style");r.id=t,n.firstChild?n.insertBefore(r,n.firstChild):n.appendChild(r),r.appendChild(document.createTextNode(e))}(e);export{e as default};
 //# sourceMappingURL=TreeFileIcon.scss.js.map

package/dist/mocked_classnames_esm/src/components/Tree/components/TreeFolder/TreeFolder.scss.js

@@ -1,2 +1,2 @@
-var n=".folder-container {\n  cursor: pointer;\n  line-height: 1;\n  user-select: none;\n}\n.folder-container .names {\n  display: flex;\n  height: 1.75rem;\n  align-items: center;\n  position: relative;\n  border-radius: 6px;\n}\n.folder-container .names[data-level] {\n  margin-left: calc(1.875rem * attr(data-level));\n}\n.folder-container .names:hover, .folder-container .names.active {\n  background-color: #F5F7F8;\n  cursor: pointer;\n}\n.folder-container > .names {\n  margin-bottom: 4px;\n}\n.folder-container .status {\n  width: 0.875rem;\n  height: 0.875rem;\n  z-index: 10;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  margin-right: 10px;\n}\n.folder-container .icon {\n  width: 1.5rem;\n  height: 100%;\n  display: inline-flex;\n  align-items: center;\n}\n.folder-container .name {\n  transition: opacity 100ms ease 0ms;\n  color: var(--text-primary);\n  white-space: nowrap;\n  font-size: 0.875rem;\n}\n.folder-container .name:hover {\n  opacity: 0.7;\n}\n.folder-container .name .indent {\n  position: absolute !important;\n  top: 50% !important;\n  transform: translateY(-50%) !important;\n  width: 1px !important;\n  height: 100% !important;\n  background-color: var(--text-primary) !important;\n  margin-left: -1px !important;\n}\n.folder-container .extra {\n  font-size: 0.75rem;\n  align-self: baseline;\n  padding-left: 4px;\n  color: var(--text-primary);\n}\n.folder-container .content {\n  display: flex;\n  flex-direction: column;\n  height: auto;\n}";!function(n){if("undefined"==typeof document)return;const e=document.head||document.getElementsByTagName("head")[0],t="s_id-fe91c13eee92_0_0_33";if(e.querySelector("#"+t))return;const r=document.createElement("style");r.id=t,e.firstChild?e.insertBefore(r,e.firstChild):e.appendChild(r),r.appendChild(document.createTextNode(n))}(n);export{n as default};
+var n=".folder-container {\n  cursor: pointer;\n  line-height: 1;\n  user-select: none;\n}\n.folder-container .names {\n  display: flex;\n  height: 1.75rem;\n  align-items: center;\n  position: relative;\n  border-radius: 6px;\n}\n.folder-container .names[data-level] {\n  margin-left: calc(1.875rem * attr(data-level));\n}\n.folder-container .names:hover, .folder-container .names.active {\n  background-color: #F5F7F8;\n  cursor: pointer;\n}\n.folder-container > .names {\n  margin-bottom: 4px;\n}\n.folder-container .status {\n  width: 0.875rem;\n  height: 0.875rem;\n  z-index: 10;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  margin-right: 10px;\n}\n.folder-container .icon {\n  width: 1.5rem;\n  height: 100%;\n  display: inline-flex;\n  align-items: center;\n}\n.folder-container .name {\n  transition: opacity 100ms ease 0ms;\n  color: var(--text-primary);\n  white-space: nowrap;\n  font-size: 0.875rem;\n}\n.folder-container .name:hover {\n  opacity: 0.7;\n}\n.folder-container .name .indent {\n  position: absolute !important;\n  top: 50% !important;\n  transform: translateY(-50%) !important;\n  width: 1px !important;\n  height: 100% !important;\n  background-color: var(--text-primary) !important;\n  margin-left: -1px !important;\n}\n.folder-container .extra {\n  font-size: 0.75rem;\n  align-self: baseline;\n  padding-left: 4px;\n  color: var(--text-primary);\n}\n.folder-container .content {\n  display: flex;\n  flex-direction: column;\n  height: auto;\n}";!function(n){if("undefined"==typeof document)return;const e=document.head||document.getElementsByTagName("head")[0],t="s_id-fe91c13eee92_0_0_34";if(e.querySelector("#"+t))return;const r=document.createElement("style");r.id=t,e.firstChild?e.insertBefore(r,e.firstChild):e.appendChild(r),r.appendChild(document.createTextNode(n))}(n);export{n as default};
 //# sourceMappingURL=TreeFolder.scss.js.map

package/dist/mocked_classnames_esm/src/components/Tree/components/TreeFolderIcon/TreeFolderIcon.scss.js

@@ -1,2 +1,2 @@
-var e=".tree-folder-icon {\n  stroke: currentColor;\n  stroke-width: 0;\n  stroke-linecap: round;\n  stroke-linejoin: round;\n  fill: none;\n  shape-rendering: geometricPrecision;\n  color: var(--text-primary);\n}";!function(e){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],t="s_id-c0d3f97a8640_0_0_33";if(n.querySelector("#"+t))return;const r=document.createElement("style");r.id=t,n.firstChild?n.insertBefore(r,n.firstChild):n.appendChild(r),r.appendChild(document.createTextNode(e))}(e);export{e as default};
+var e=".tree-folder-icon {\n  stroke: currentColor;\n  stroke-width: 0;\n  stroke-linecap: round;\n  stroke-linejoin: round;\n  fill: none;\n  shape-rendering: geometricPrecision;\n  color: var(--text-primary);\n}";!function(e){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],t="s_id-c0d3f97a8640_0_0_34";if(n.querySelector("#"+t))return;const r=document.createElement("style");r.id=t,n.firstChild?n.insertBefore(r,n.firstChild):n.appendChild(r),r.appendChild(document.createTextNode(e))}(e);export{e as default};
 //# sourceMappingURL=TreeFolderIcon.scss.js.map

package/dist/mocked_classnames_esm/src/components/Tree/components/TreeStatusIcon/TreeStatusIcon.scss.js

@@ -1,2 +1,2 @@
-var e=".tree-status-icon {\n  stroke: currentColor;\n  stroke-width: 1;\n  stroke-linecap: round;\n  stroke-linejoin: round;\n  fill: none;\n  shape-rendering: geometricPrecision;\n  color: var(--text-primary);\n}";!function(e){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],t="s_id-57bbd3238bb1_0_0_33";if(n.querySelector("#"+t))return;const r=document.createElement("style");r.id=t,n.firstChild?n.insertBefore(r,n.firstChild):n.appendChild(r),r.appendChild(document.createTextNode(e))}(e);export{e as default};
+var e=".tree-status-icon {\n  stroke: currentColor;\n  stroke-width: 1;\n  stroke-linecap: round;\n  stroke-linejoin: round;\n  fill: none;\n  shape-rendering: geometricPrecision;\n  color: var(--text-primary);\n}";!function(e){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],t="s_id-57bbd3238bb1_0_0_34";if(n.querySelector("#"+t))return;const r=document.createElement("style");r.id=t,n.firstChild?n.insertBefore(r,n.firstChild):n.appendChild(r),r.appendChild(document.createTextNode(e))}(e);export{e as default};
 //# sourceMappingURL=TreeStatusIcon.scss.js.map

package/dist/mocked_classnames_esm/src/components/Tree/components/expand/expand.scss.js

@@ -1,2 +1,2 @@
-var e=".expand-container {\n  padding: 0;\n  margin: 0;\n  overflow: hidden;\n}\n.expand-container.expanded {\n  visibility: visible;\n}";!function(e){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],d="s_id-30ae7c9186d8_0_0_33";if(n.querySelector("#"+d))return;const t=document.createElement("style");t.id=d,n.firstChild?n.insertBefore(t,n.firstChild):n.appendChild(t),t.appendChild(document.createTextNode(e))}(e);export{e as default};
+var e=".expand-container {\n  padding: 0;\n  margin: 0;\n  overflow: hidden;\n}\n.expand-container.expanded {\n  visibility: visible;\n}";!function(e){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],d="s_id-30ae7c9186d8_0_0_34";if(n.querySelector("#"+d))return;const t=document.createElement("style");t.id=d,n.firstChild?n.insertBefore(t,n.firstChild):n.appendChild(t),t.appendChild(document.createTextNode(e))}(e);export{e as default};
 //# sourceMappingURL=expand.scss.js.map

package/dist/mocked_classnames_esm/src/components/Typography/Typography.module.scss.js

@@ -1,2 +1,2 @@
-var n={typography:"typography","focus-visible":"focus-visible",primary:"primary",secondary:"secondary",onPrimary:"onPrimary",onInverted:"onInverted",fixedLight:"fixedLight",fixedDark:"fixedDark",inherit:"inherit",start:"start",center:"center",end:"end",singleLineEllipsis:"singleLineEllipsis",multiLineEllipsis:"multiLineEllipsis"};!function(n){if("undefined"==typeof document)return;const e=document.head||document.getElementsByTagName("head")[0],r="s_id-602dc1896178_0_0_33";if(e.querySelector("#"+r))return;const i=document.createElement("style");i.id=r,e.firstChild?e.insertBefore(i,e.firstChild):e.appendChild(i),i.appendChild(document.createTextNode(n))}(".typography a {\n  text-decoration: none;\n  color: var(--link-color);\n}\n.typography a:focus-visible, .typography a.focus-visible {\n  outline: none;\n  z-index: 11;\n  border-radius: 4px;\n  box-shadow: 0 0 0 3px hsla(209, 100%, 50%, 0.5), 0 0 0 1px var(--primary-hover-color) inset;\n}\n.typography a:focus:not(.focus-visible) {\n  outline: none;\n}\n.typography a:hover {\n  text-decoration: underline;\n}\n.typography:disabled, .typography[aria-disabled=true] {\n  color: var(--disabled-text-color);\n}\n.primary {\n  color: var(--text-primary);\n}\n.secondary {\n  color: var(--text-secondary);\n}\n.onPrimary {\n  color: var(--text-color-on-primary);\n}\n.onPrimary a {\n  color: var(--text-color-on-primary);\n  text-decoration: underline;\n}\n.onInverted {\n  color: var(--text-color-on-inverted);\n}\n.onInverted a {\n  color: var(--text-color-on-inverted);\n  text-decoration: underline;\n}\n.fixedLight {\n  color: var(--fixed-light-color);\n}\n.fixedLight a {\n  color: var(--fixed-light-color);\n  text-decoration: underline;\n}\n.fixedDark {\n  color: var(--fixed-dark-color);\n}\n.fixedDark a {\n  color: var(--fixed-dark-color);\n  text-decoration: underline;\n}\n.inherit {\n  color: inherit;\n}\n.inherit a {\n  color: inherit;\n  text-decoration: underline;\n}\n.start {\n  text-align: start;\n}\n.center {\n  text-align: center;\n}\n.end {\n  text-align: end;\n}\n.singleLineEllipsis {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n.multiLineEllipsis {\n  overflow: hidden;\n  display: -webkit-box;\n  -webkit-line-clamp: var(--text-clamp-lines);\n  -webkit-box-orient: vertical;\n  white-space: initial;\n}");export{n as default};
+var n={typography:"typography","focus-visible":"focus-visible",primary:"primary",secondary:"secondary",onPrimary:"onPrimary",onInverted:"onInverted",fixedLight:"fixedLight",fixedDark:"fixedDark",inherit:"inherit",start:"start",center:"center",end:"end",singleLineEllipsis:"singleLineEllipsis",multiLineEllipsis:"multiLineEllipsis"};!function(n){if("undefined"==typeof document)return;const e=document.head||document.getElementsByTagName("head")[0],r="s_id-602dc1896178_0_0_34";if(e.querySelector("#"+r))return;const i=document.createElement("style");i.id=r,e.firstChild?e.insertBefore(i,e.firstChild):e.appendChild(i),i.appendChild(document.createTextNode(n))}(".typography a {\n  text-decoration: none;\n  color: var(--link-color);\n}\n.typography a:focus-visible, .typography a.focus-visible {\n  outline: none;\n  z-index: 11;\n  border-radius: 4px;\n  box-shadow: 0 0 0 3px hsla(209, 100%, 50%, 0.5), 0 0 0 1px var(--primary-hover-color) inset;\n}\n.typography a:focus:not(.focus-visible) {\n  outline: none;\n}\n.typography a:hover {\n  text-decoration: underline;\n}\n.typography:disabled, .typography[aria-disabled=true] {\n  color: var(--disabled-text-color);\n}\n.primary {\n  color: var(--text-primary);\n}\n.secondary {\n  color: var(--text-secondary);\n}\n.onPrimary {\n  color: var(--text-color-on-primary);\n}\n.onPrimary a {\n  color: var(--text-color-on-primary);\n  text-decoration: underline;\n}\n.onInverted {\n  color: var(--text-color-on-inverted);\n}\n.onInverted a {\n  color: var(--text-color-on-inverted);\n  text-decoration: underline;\n}\n.fixedLight {\n  color: var(--fixed-light-color);\n}\n.fixedLight a {\n  color: var(--fixed-light-color);\n  text-decoration: underline;\n}\n.fixedDark {\n  color: var(--fixed-dark-color);\n}\n.fixedDark a {\n  color: var(--fixed-dark-color);\n  text-decoration: underline;\n}\n.inherit {\n  color: inherit;\n}\n.inherit a {\n  color: inherit;\n  text-decoration: underline;\n}\n.start {\n  text-align: start;\n}\n.center {\n  text-align: center;\n}\n.end {\n  text-align: end;\n}\n.singleLineEllipsis {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n.multiLineEllipsis {\n  overflow: hidden;\n  display: -webkit-box;\n  -webkit-line-clamp: var(--text-clamp-lines);\n  -webkit-box-orient: vertical;\n  white-space: initial;\n}");export{n as default};
 //# sourceMappingURL=Typography.module.scss.js.map

package/dist/mocked_classnames_esm/src/components/Uploader/Uploader.js

@@ -0,0 +1,2 @@
+import{slicedToArray as e,defineProperty as r,regeneratorRuntime as n,toConsumableArray as s}from"../../../_virtual/_rollupPluginBabelHelpers.js";import{__awaiter as a}from"../../../_virtual/_tslib.js";import{jsxs as t,jsx as i}from"react/jsx-runtime";import{useRef as o,useState as c,useEffect as l,useCallback as d,useMemo as u}from"react";import p from"../Button/Button.js";import m from"../Icon/Icon.js";import f from"../ProgressBars/LinearProgressBar/LinearProgressBar.js";import"./Uploader.scss.js";import g from"classnames";import v from"../Icon/Icons/components/Attach.js";import h from"../Icon/Icons/components/Delete.js";import b from"../Icon/Icons/components/Upload.js";function j(j){var P=this,I=j.className,N=j["data-testid"],O=j.id,x=j.fileTypeHint,y=j.initialFiles,k=void 0===y?[]:y,z=j.uploadFunction,w=j.processingFunction,A=j.onUploadSuccess,D=j.onUploadError,B=j.onDelete,L=o(null),M=c([]),C=e(M,2),F=C[0],S=C[1],T=c(!1),E=e(T,2),R=E[0],U=E[1];l((function(){S(k.map((function(e){return{name:e.name,size:e.size,error:e.error,uploadStartedAt:0,uploadPercent:100,isProcessing:!1,temporaryId:"".concat(Math.random())}})))}),[]);var _=d((function(e){return a(P,void 0,void 0,n().mark((function r(){return n().wrap((function(r){for(;;)switch(r.prev=r.next){case 0:if(!B){r.next=5;break}return r.next=3,B(e);case 3:if(!r.sent){r.next=5;break}S((function(r){return r.filter((function(r){return r.temporaryId!==e.temporaryId}))}));case 5:case"end":return r.stop()}}),r)})))}),[F,B]),H=d((function(){var e;null===(e=L.current)||void 0===e||e.click()}),[L]),G=d((function(e){return a(P,void 0,void 0,n().mark((function r(){var a,t,i,o;return n().wrap((function(r){for(;;)switch(r.prev=r.next){case 0:if(e){r.next=2;break}return r.abrupt("return");case 2:return a={name:e.name,size:e.size,uploadPercent:0,uploadStartedAt:Date.now(),isProcessing:!1,temporaryId:"".concat(Math.random())},i=function(e){S((function(r){return r.map((function(r){return r.temporaryId===a.temporaryId?Object.assign(Object.assign({},r),e):r}))}))},r.prev=4,S((function(e){return[].concat(s(e),[a])})),t=window.setInterval((function(){var e=a.size/1024/1024,r=Date.now()-a.uploadStartedAt;i({uploadPercent:Math.min(Math.round(r/(1e3*e)*100),98)})}),800),r.next=9,z(e);case 9:if(o=r.sent,null==A||A(o),clearInterval(t),i({isProcessing:!!w,uploadPercent:100}),!w){r.next=17;break}return r.next=16,w(o);case 16:i({isProcessing:!1});case 17:r.next=24;break;case 19:r.prev=19,r.t0=r.catch(4),t&&window.clearInterval(t),null==D||D(r.t0),i({isProcessing:!1,uploadPercent:100,error:r.t0});case 24:case"end":return r.stop()}}),r,null,[[4,19]])})))}),[A,w,z]),Y=d((function(e){var r;G(null===(r=e.target.files)||void 0===r?void 0:r[0])}),[G]),q=d((function(e){e.preventDefault(),e.stopPropagation(),U("dragover"===e.type)}),[]),J=d((function(e){q(e),G(e.dataTransfer.files[0]),U(!1)}),[q,G]),K=g(r({"hds-uploader":!0,hover:R},"".concat(I),!!I)),Q=u((function(){return F.map((function(e){var r=100===e.uploadPercent&&!e.isProcessing,n=g({"hds-uploader-file":!0,error:!!e.error,ready:r});return t("div",Object.assign({className:n},{children:[t("div",Object.assign({className:"hds-uploader-file-content"},{children:[i("div",Object.assign({className:"hds-uploader-file-icon"},{children:i(m,{icon:v})})),t("div",Object.assign({className:"hds-uploader-file-data"},{children:[t("div",Object.assign({className:"hds-uploader-file-name"},{children:[e.name,t("span",Object.assign({className:"hds-uploader-file-size"},{children:["(",(e.size/1024/1024).toFixed(2)," MB)"]}))]})),100>e.uploadPercent&&i(f,{className:"progress-bar",indicateProgress:!0,value:e.uploadPercent,size:f.sizes.LARGE}),e.isProcessing&&i("div",Object.assign({className:"hds-uploader-file-processing"},{children:"File is being processed..."})),r&&!!B&&i("div",Object.assign({className:"hds-uploader-file-actions"},{children:i(p,{kind:p.kinds.TERTIARY,size:p.sizes.SMALL,onClick:function(){return _(e)},leftIcon:h})}))]}))]})),e.error&&i("div",Object.assign({className:"hds-uploader-file-error-message"},{children:e.error.message}))]}),e.name)}))}),[F,B,_]);return t("div",Object.assign({className:K,id:O,"data-testid":N},{children:[t("div",Object.assign({className:"hds-uploader-base",onDragEnter:q,onDragLeave:q,onDragOver:q,onDrop:J,onClick:H},{children:[i("input",{type:"file",className:"hds-uploader-file-input",ref:L,onChange:Y}),i("div",Object.assign({className:"hds-uploader-base-icon"},{children:i(m,{icon:b})})),t("div",Object.assign({className:"hds-uploader-base-text"},{children:[t("div",Object.assign({className:"instruction"},{children:["Click to select a file",i("br",{}),"or drag and drop"]})),x&&i("div",Object.assign({className:"file-types-hint"},{children:x}))]}))]})),Q.length>0&&i("hr",{}),Q]}))}var P=j;export{P as BasicUploader,j as Uploader};
+//# sourceMappingURL=Uploader.js.map

package/dist/mocked_classnames_esm/src/components/Uploader/Uploader.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Uploader.js","sources":["../../../../../src/components/Uploader/Uploader.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useMemo, useRef, useState } from 'react';\nimport Button from '../Button/Button';\nimport Icon from '../Icon/Icon';\nimport { Attach, Delete, Upload } from '../Icon/Icons';\nimport LinearProgressBar from '../ProgressBars/LinearProgressBar/LinearProgressBar';\nimport './Uploader.scss';\nimport classNames from 'classnames';\nimport { VibeComponentProps } from 'src/types';\n\nexport type UploadError = {\n    message: string;\n}\n\nexport type UploaderOnDeleteCallback = (file: UploaderFile) => Promise<boolean>;\nexport type UploaderOnSuccessCallback<Result extends any> = (result: Result) => void;\nexport type UploaderOnErrorCallback = (error: Error) => void;\nexport type UploaderUploadFunction<Result extends any> = (nativeFile: File) => Promise<Result>;\nexport type UploaderProcessingFunction<Result extends any> = (result: Result) => Promise<void>;\n\nexport interface UploaderFile {\n    name: string;\n    size: number;\n    uploadStartedAt: number;\n    uploadPercent: number;\n    isProcessing: boolean;\n    temporaryId: string;\n    error?: Error;\n}\n\nexport interface UploaderProps<Result extends any> extends VibeComponentProps {\n    fileTypeHint?: string;\n    initialFiles?: Array<{\n        name: string;\n        size: number;\n        error?: Error;\n    }>;\n    onDelete?: UploaderOnDeleteCallback;\n    onUploadSuccess?: UploaderOnSuccessCallback<Result>;\n    onUploadError?: UploaderOnErrorCallback;\n    processingFunction?: UploaderProcessingFunction<Result>;\n    uploadFunction: UploaderUploadFunction<Result>;\n}\n\n// average time in ms it takes to upload 1MB\nconst megabyteUploadTime = 1000;\n\nexport function Uploader<Result extends any>({\n    className,\n    \"data-testid\": testId,\n    id,\n    fileTypeHint,\n    initialFiles = [],\n    uploadFunction,\n    processingFunction,\n    onUploadSuccess,\n    onUploadError,\n    onDelete,\n}: UploaderProps<Result>) {\n\n    const fileInputRef = useRef<HTMLInputElement | null>(null);\n    const [files, setFiles] = useState<Array<UploaderFile>>([]);\n    const [isDragging, setIsDragging] = useState(false);\n\n    useEffect(() => {\n        setFiles(initialFiles.map(({ name, size, error }) => {\n            return {\n                name,\n                size,\n                error,\n                uploadStartedAt: 0,\n                uploadPercent: 100,\n                isProcessing: false,\n                temporaryId: `${Math.random()}`,\n            };\n        }));\n    }, []);\n\n    const onDeleteClick = useCallback(async (file: UploaderFile) => {\n        if (onDelete) {\n            if (await onDelete(file)) {\n                setFiles((prevFiles) => prevFiles.filter((prevFile) => prevFile.temporaryId !== file.temporaryId));\n            }\n        }\n    }, [files, onDelete]);\n\n    const onUploadClick = useCallback(() => {\n        fileInputRef.current?.click();\n    }, [fileInputRef]);\n\n    const onFileSelected = useCallback(async (nativeFile?: File) => {\n        if (!nativeFile) return;\n\n        const newFile: UploaderFile = {\n            name: nativeFile.name,\n            size: nativeFile.size,\n            uploadPercent: 0,\n            uploadStartedAt: Date.now(),\n            isProcessing: false,\n            temporaryId: `${Math.random()}`,\n        };\n        let intervalId;\n\n        const updateFile = (update: Partial<UploaderFile>) => {\n            setFiles((prevFiles) => prevFiles.map((file) => {\n                if (file.temporaryId === newFile.temporaryId) {\n                    return {\n                        ...file,\n                        ...update,\n                    };\n                }\n\n                return file;\n            }));\n        };\n\n        try {\n            setFiles((prevFiles) => [...prevFiles, newFile]);\n\n            intervalId = window.setInterval(() => {\n                const sizeInMegabytes = newFile.size / 1024 / 1024;\n                const timeDiff = Date.now() - newFile.uploadStartedAt;\n                const predictedTotalTime = megabyteUploadTime * sizeInMegabytes;\n                const percent = Math.round((timeDiff / predictedTotalTime) * 100);\n\n                updateFile({\n                    uploadPercent: Math.min(percent, 98),\n                });\n            }, 800);\n\n            const result = await uploadFunction(nativeFile);\n\n            onUploadSuccess?.(result);\n\n            // stop early to avoid upload progress > 100%\n            clearInterval(intervalId);\n\n            updateFile({\n                isProcessing: !!processingFunction,\n                uploadPercent: 100,\n            });\n\n            if (processingFunction) {\n                await processingFunction(result);\n\n                updateFile({\n                    isProcessing: false,\n                });\n            }\n\n        } catch (e: any) {\n            if (intervalId) window.clearInterval(intervalId);\n            onUploadError?.(e);\n\n            updateFile({\n                isProcessing: false,\n                uploadPercent: 100,\n                error: e,\n            });\n        }\n    }, [onUploadSuccess, processingFunction, uploadFunction]);\n\n    const onFileInputChange = useCallback((e: React.ChangeEvent<HTMLInputElement>) => {\n        // noinspection JSIgnoredPromiseFromCall\n        onFileSelected(e.target.files?.[0]);\n    }, [onFileSelected]);\n\n    const onDragTypeEvent = useCallback((e: React.DragEvent<HTMLDivElement>) => {\n        e.preventDefault();\n        e.stopPropagation();\n        setIsDragging(e.type === 'dragover');\n    }, []);\n\n    const onDrop = useCallback((e: React.DragEvent<HTMLDivElement>) => {\n        onDragTypeEvent(e);\n        // noinspection JSIgnoredPromiseFromCall\n        onFileSelected(e.dataTransfer.files[0]);\n        setIsDragging(false);\n    }, [onDragTypeEvent, onFileSelected]);\n\n    const classes = classNames({\n        'hds-uploader': true,\n        'hover': isDragging,\n        [`${className}`]: !!className,\n    });\n\n    const renderedFiles = useMemo(() => files.map((file) => {\n        const isFileReady = file.uploadPercent === 100 && !file.isProcessing;\n        const classes = classNames({\n            'hds-uploader-file': true,\n            'error': !!file.error,\n            'ready': isFileReady,\n        });\n\n        return (\n            <div className={classes} key={file.name}>\n                <div className='hds-uploader-file-content'>\n                    <div className={'hds-uploader-file-icon'}>\n                        <Icon icon={Attach} />\n                    </div>\n                    <div className={'hds-uploader-file-data'}>\n                        <div className={'hds-uploader-file-name'}>{file.name}\n                            <span className={'hds-uploader-file-size'}>({(file.size / 1024 / 1024).toFixed(2)} MB)</span>\n                        </div>\n                        {file.uploadPercent < 100 && (\n                            <LinearProgressBar\n                                className=\"progress-bar\"\n                                indicateProgress\n                                value={file.uploadPercent}\n                                size={LinearProgressBar.sizes.LARGE}\n                            />\n                        )}\n                        {file.isProcessing && (\n                            <div className={'hds-uploader-file-processing'}>\n                                File is being processed...\n                            </div>\n                        )}\n                        {isFileReady && !!onDelete && (\n                            <div className={'hds-uploader-file-actions'}>\n                                <Button\n                                    kind={Button.kinds.TERTIARY}\n                                    size={Button.sizes.SMALL}\n                                    onClick={() => onDeleteClick(file)}\n                                    leftIcon={Delete}\n                                />\n                            </div>\n                        )}\n                    </div>\n                </div>\n                {file.error && (\n                    <div className={'hds-uploader-file-error-message'}>\n                        {file.error.message}\n                    </div>\n                )}\n            </div>\n        );\n    }), [files, onDelete, onDeleteClick]);\n\n    return (\n        <div className={classes} id={id} data-testid={testId}>\n            <div\n                className={'hds-uploader-base'}\n                onDragEnter={onDragTypeEvent}\n                onDragLeave={onDragTypeEvent}\n                onDragOver={onDragTypeEvent}\n                onDrop={onDrop}\n                onClick={onUploadClick}\n            >\n                <input type={'file'} className={'hds-uploader-file-input'} ref={fileInputRef} onChange={onFileInputChange} />\n                <div className={'hds-uploader-base-icon'}>\n                    <Icon icon={Upload} />\n                </div>\n                <div className={'hds-uploader-base-text'}>\n                    <div className='instruction'>\n                        Click to select a file<br />\n                        or drag and drop\n                    </div>\n                    {fileTypeHint && (\n                        <div className='file-types-hint'>{fileTypeHint}</div>\n                    )}\n                </div>\n            </div>\n            {renderedFiles.length > 0 && <hr />}\n            {renderedFiles}\n        </div>\n    );\n}\n\nexport const BasicUploader = Uploader<void>;"],"names":["Uploader","_ref","_this","this","className","testId","id","fileTypeHint","_ref$initialFiles","initialFiles","uploadFunction","processingFunction","onUploadSuccess","onUploadError","onDelete","fileInputRef","useRef","_useState","useState","_useState2","_slicedToArray","files","setFiles","_useState3","_useState4","isDragging","setIsDragging","useEffect","map","_ref2","name","size","error","uploadStartedAt","uploadPercent","isProcessing","temporaryId","concat","Math","random","onDeleteClick","useCallback","file","__awaiter","_regeneratorRuntime","mark","_callee","wrap","_context","prev","next","sent","prevFiles","filter","prevFile","stop","onUploadClick","_a","current","click","onFileSelected","nativeFile","_callee2","newFile","intervalId","updateFile","result","_context2","abrupt","Date","now","update","Object","assign","_toConsumableArray","window","setInterval","sizeInMegabytes","timeDiff","min","round","clearInterval","t0","onFileInputChange","e","target","onDragTypeEvent","preventDefault","stopPropagation","type","onDrop","dataTransfer","classes","classNames","_defineProperty","hover","renderedFiles","useMemo","isFileReady","ready","_jsxs","children","_jsx","Icon","icon","Attach","toFixed","LinearProgressBar","indicateProgress","value","sizes","LARGE","Button","kind","kinds","TERTIARY","SMALL","onClick","leftIcon","Delete","message","onDragEnter","onDragLeave","onDragOver","ref","onChange","Upload","length","BasicUploader"],"mappings":"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"}

package/dist/mocked_classnames_esm/src/components/Uploader/Uploader.scss.js

@@ -0,0 +1,2 @@
+var n=".hds-uploader {\n  display: flex;\n  flex: 1;\n  flex-direction: column;\n  align-items: center;\n  border-radius: var(--border-radius-medium);\n  border: 1px dashed var(--divider-secondary);\n  background: var(--surface-primary);\n}\n.hds-uploader.hover {\n  border-color: var(--divider-active);\n}\n.hds-uploader-base {\n  width: 90%;\n  flex: 1;\n  display: flex;\n  padding: var(--spacing-large);\n  flex-direction: column;\n  align-items: center;\n}\n.hds-uploader-base-icon {\n  padding: var(--spacing-large);\n}\n.hds-uploader-base-text {\n  font: var(--font-text1-normal);\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  text-align: center;\n  gap: 4px;\n  align-self: stretch;\n  color: var(--text-tertiary);\n}\n.hds-uploader hr {\n  border: none;\n  border-top: 1px dashed var(--divider-secondary);\n  width: 90%;\n}\n.hds-uploader-file-input {\n  display: none;\n}\n.hds-uploader-file {\n  width: 90%;\n  display: flex;\n  flex-direction: column;\n}\n.hds-uploader-file-content {\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  align-self: stretch;\n}\n.hds-uploader-file-icon {\n  padding: 0 var(--spacing-medium);\n}\n.hds-uploader-file-data {\n  display: flex;\n  flex: 1;\n  align-items: center;\n  justify-content: space-between;\n  padding: 0 var(--spacing-medium);\n}\n.hds-uploader-file-data .progress-bar {\n  width: 50%;\n}\n.hds-uploader-file-name {\n  font: var(--font-text1-normal);\n  color: var(--text-link);\n}\n.hds-uploader-file-size {\n  font: var(--font-text1-normal);\n  color: var(--text-tertiary);\n}\n.hds-uploader-file-processing {\n  font: var(--font-text1-normal);\n  color: var(--text-secondary);\n}\n.hds-uploader-file-actions {\n  display: flex;\n}\n.hds-uploader-file.error {\n  color: var(--negative-color);\n}\n.hds-uploader-file-error-message {\n  font: var(--font-text1-bold);\n  padding: 0 var(--spacing-medium);\n}";!function(n){if("undefined"==typeof document)return;const e=document.head||document.getElementsByTagName("head")[0],r="s_id-0eb3139d119b_0_0_34";if(e.querySelector("#"+r))return;const d=document.createElement("style");d.id=r,e.firstChild?e.insertBefore(d,e.firstChild):e.appendChild(d),d.appendChild(document.createTextNode(n))}(n);export{n as default};
+//# sourceMappingURL=Uploader.scss.js.map

package/dist/mocked_classnames_esm/src/components/Uploader/Uploader.scss.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Uploader.scss.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/mocked_classnames_esm/src/components/VirtualizedGrid/VirtualizedGrid.module.scss.js

@@ -1,2 +1,2 @@
-var e={virtualizedGridWrapper:"virtualizedGridWrapper"};!function(e){if("undefined"==typeof document)return;const t=document.head||document.getElementsByTagName("head")[0],d="s_id-03a8eed790d8_0_0_33";if(t.querySelector("#"+d))return;const r=document.createElement("style");r.id=d,t.firstChild?t.insertBefore(r,t.firstChild):t.appendChild(r),r.appendChild(document.createTextNode(e))}(".virtualizedGridWrapper {\n  height: 100%;\n  width: 100%;\n}");export{e as default};
+var e={virtualizedGridWrapper:"virtualizedGridWrapper"};!function(e){if("undefined"==typeof document)return;const t=document.head||document.getElementsByTagName("head")[0],d="s_id-03a8eed790d8_0_0_34";if(t.querySelector("#"+d))return;const r=document.createElement("style");r.id=d,t.firstChild?t.insertBefore(r,t.firstChild):t.appendChild(r),r.appendChild(document.createTextNode(e))}(".virtualizedGridWrapper {\n  height: 100%;\n  width: 100%;\n}");export{e as default};
 //# sourceMappingURL=VirtualizedGrid.module.scss.js.map

package/dist/mocked_classnames_esm/src/components/VirtualizedList/VirtualizedList.module.scss.js

@@ -1,2 +1,2 @@
-var e={virtualizedListWrapper:"virtualizedListWrapper"};!function(e){if("undefined"==typeof document)return;const t=document.head||document.getElementsByTagName("head")[0],i="s_id-9250e4cf6c59_0_0_33";if(t.querySelector("#"+i))return;const d=document.createElement("style");d.id=i,t.firstChild?t.insertBefore(d,t.firstChild):t.appendChild(d),d.appendChild(document.createTextNode(e))}(".virtualizedListWrapper {\n  height: 100%;\n  width: 100%;\n}");export{e as default};
+var e={virtualizedListWrapper:"virtualizedListWrapper"};!function(e){if("undefined"==typeof document)return;const t=document.head||document.getElementsByTagName("head")[0],i="s_id-9250e4cf6c59_0_0_34";if(t.querySelector("#"+i))return;const d=document.createElement("style");d.id=i,t.firstChild?t.insertBefore(d,t.firstChild):t.appendChild(d),d.appendChild(document.createTextNode(e))}(".virtualizedListWrapper {\n  height: 100%;\n  width: 100%;\n}");export{e as default};
 //# sourceMappingURL=VirtualizedList.module.scss.js.map

package/dist/mocked_classnames_esm/src/components/Workflow/workflow.scss.js

@@ -1,2 +1,2 @@
-var n=".hds-workflow {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  color: var(--text-secondary);\n  padding: 16px;\n  width: 100%;\n}\n\n.hds-workflow-step:first-child {\n  border-radius: var(--border-radius-medium) 0px 0px var(--border-radius-medium);\n}\n\n.hds-workflow-step:last-child {\n  border-radius: 0px var(--border-radius-medium) var(--border-radius-medium) 0px;\n}\n\n.hds-workflow-step {\n  margin-right: -1px;\n  border: 1px solid var(--divider-primary);\n  padding: 4px 16px;\n  align-self: center;\n  display: flex;\n  flex-direction: column;\n  gap: 16px;\n  min-width: 220px;\n  width: inherit;\n  font-size: 15px;\n  line-height: 22px;\n  color: var(--color-gray-400);\n}\n\n.hds-workflow-step.hds-workflow-step-active {\n  padding: 16px;\n  min-width: 320px;\n  color: var(--text-primary);\n  background-color: var(--surface-primary);\n  border-radius: 6px;\n}\n\n.hds-workflow-step.hds-workflow-step-active .hds-workflow-step-header {\n  font-size: 18px;\n  line-height: 24px;\n  font-weight: 600;\n}\n\n.hds-workflow-step.hds-workflow-step-complete {\n  background: var(--surface-success);\n  color: var(--text-secondary);\n}\n\n.hds-workflow-step.hds-workflow-step-complete path {\n  stroke: var(--divider-primary);\n}\n\n.hds-workflow-step-header {\n  display: flex;\n  align-items: center;\n  gap: 4px;\n  font-weight: 600;\n}\n\n.hds-workflow-step-index {\n  border: 1px solid var(--divider-primary);\n  margin-right: 16px;\n  border-radius: 44px;\n  width: 16px;\n  height: 16px;\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n  gap: 10px;\n  color: var(--color-gray-400);\n  font-size: 14px;\n  font-weight: 400;\n}\n\n.hds-workflow-step-actions {\n  display: flex;\n  gap: 16px;\n}";!function(n){if("undefined"==typeof document)return;const e=document.head||document.getElementsByTagName("head")[0],r="s_id-1dc8157348df_0_0_33";if(e.querySelector("#"+r))return;const d=document.createElement("style");d.id=r,e.firstChild?e.insertBefore(d,e.firstChild):e.appendChild(d),d.appendChild(document.createTextNode(n))}(n);export{n as default};
+var n=".hds-workflow {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  color: var(--text-secondary);\n  padding: 16px;\n  width: 100%;\n}\n\n.hds-workflow-step:first-child {\n  border-radius: var(--border-radius-medium) 0px 0px var(--border-radius-medium);\n}\n\n.hds-workflow-step:last-child {\n  border-radius: 0px var(--border-radius-medium) var(--border-radius-medium) 0px;\n}\n\n.hds-workflow-step {\n  margin-right: -1px;\n  border: 1px solid var(--divider-primary);\n  padding: 4px 16px;\n  align-self: center;\n  display: flex;\n  flex-direction: column;\n  gap: 16px;\n  min-width: 220px;\n  width: inherit;\n  font-size: 15px;\n  line-height: 22px;\n  color: var(--color-gray-400);\n}\n\n.hds-workflow-step.hds-workflow-step-active {\n  padding: 16px;\n  min-width: 320px;\n  color: var(--text-primary);\n  background-color: var(--surface-primary);\n  border-radius: 6px;\n}\n\n.hds-workflow-step.hds-workflow-step-active .hds-workflow-step-header {\n  font-size: 18px;\n  line-height: 24px;\n  font-weight: 600;\n}\n\n.hds-workflow-step.hds-workflow-step-complete {\n  background: var(--surface-success);\n  color: var(--text-secondary);\n}\n\n.hds-workflow-step.hds-workflow-step-complete path {\n  stroke: var(--divider-primary);\n}\n\n.hds-workflow-step-header {\n  display: flex;\n  align-items: center;\n  gap: 4px;\n  font-weight: 600;\n}\n\n.hds-workflow-step-index {\n  border: 1px solid var(--divider-primary);\n  margin-right: 16px;\n  border-radius: 44px;\n  width: 16px;\n  height: 16px;\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n  gap: 10px;\n  color: var(--color-gray-400);\n  font-size: 14px;\n  font-weight: 400;\n}\n\n.hds-workflow-step-actions {\n  display: flex;\n  gap: 16px;\n}";!function(n){if("undefined"==typeof document)return;const e=document.head||document.getElementsByTagName("head")[0],r="s_id-1dc8157348df_0_0_34";if(e.querySelector("#"+r))return;const d=document.createElement("style");d.id=r,e.firstChild?e.insertBefore(d,e.firstChild):e.appendChild(d),d.appendChild(document.createTextNode(n))}(n);export{n as default};
 //# sourceMappingURL=workflow.scss.js.map

package/dist/mocked_classnames_esm/src/index.js

@@ -1,2 +1,2 @@
-import"../style/dist/index.min.css.js";export{default as Loader}from"./components/Loader/Loader.js";export{default as Icon}from"./components/Icon/Icon.js";export{default as Search,default as SearchComponent}from"./components/Search/Search.js";export{default as InputField,default as TextField}from"./components/TextField/TextField.js";export{default as Dialog}from"./components/Dialog/Dialog.js";export{default as Tooltip}from"./components/Tooltip/Tooltip.js";export{default as Button}from"./components/Button/Button.js";export{default as FormattedNumber}from"./components/FormattedNumber/FormattedNumber.js";export{default as LinearProgressBar}from"./components/ProgressBars/LinearProgressBar/LinearProgressBar.js";export{default as Link}from"./components/Link/Link.js";export{default as CustomSvgIcon}from"./components/Icon/CustomSvgIcon/CustomSvgIcon.js";export{default as Menu}from"./components/Menu/Menu/Menu.js";export{default as MenuItem}from"./components/Menu/MenuItem/MenuItem.js";export{default as AlertBanner}from"./components/AlertBanner/AlertBanner.js";export{default as AlertBannerLink}from"./components/AlertBanner/AlertBannerLink/AlertBannerLink.js";export{default as AlertBannerButton}from"./components/AlertBanner/AlertBannerButton/AlertBannerButton.js";export{default as AlertBannerText}from"./components/AlertBanner/AlertBannerText/AlertBannerText.js";export{default as MenuItemButton}from"./components/Menu/MenuItemButton/MenuItemButton.js";export{default as MenuDivider}from"./components/Menu/MenuDivider/MenuDivider.js";export{default as Divider}from"./components/Divider/Divider.js";export{default as MenuTitle}from"./components/Menu/MenuTitle/MenuTitle.js";export{default as RadioButton}from"./components/RadioButton/RadioButton.js";export{default as MenuButton}from"./components/MenuButton/MenuButton.js";export{default as SplitButton}from"./components/SplitButton/SplitButton.js";export{default as SplitButtonMenu}from"./components/SplitButton/SplitButtonMenu/SplitButtonMenu.js";export{default as Counter}from"./components/Counter/Counter.js";export{default as AttentionBox}from"./components/AttentionBox/AttentionBox.js";export{default as Label}from"./components/Label/Label.js";export{default as Checkbox}from"./components/Checkbox/Checkbox.js";export{default as DialogContentContainer}from"./components/DialogContentContainer/DialogContentContainer.js";export{default as Dropdown}from"./components/Dropdown/Dropdown.js";export{default as DropdownMenu}from"./components/Dropdown/components/menu/menu.js";export{default as DropdownOption}from"./components/Dropdown/components/option/option.js";export{default as DropdownSingleValue}from"./components/Dropdown/components/singleValue/singleValue.js";export{default as Toast}from"./components/Toast/Toast.js";export{default as ToastButton}from"./components/Toast/ToastButton/ToastButton.js";export{default as ToastLink}from"./components/Toast/ToastLink/ToastLink.js";export{default as AttentionBoxLink}from"./components/AttentionBox/AttentionBoxLink/AttentionBoxLink.js";export{default as ButtonGroup}from"./components/ButtonGroup/ButtonGroup.js";export{default as MultiStepIndicator}from"./components/MultiStepIndicator/MultiStepIndicator.js";export{default as HiddenText}from"./components/HiddenText/HiddenText.js";export{default as ExpandCollapse}from"./components/ExpandCollapse/ExpandCollapse.js";export{default as Heading}from"./components/Heading/Heading.js";export{default as LegacyHeading}from"./components/LegacyHeading/LegacyHeading.js";export{default as EditableInput}from"./components/EditableInput/EditableInput.js";export{default as EditableHeading}from"./components/LegacyEditableHeading/LegacyEditableHeading.js";export{default as ResponsiveList}from"./components/ResponsiveList/ResponsiveList.js";export{default as BreadcrumbsBar}from"./components/BreadcrumbsBar/BreadcrumbsBar.js";export{default as BreadcrumbItem}from"./components/BreadcrumbsBar/BreadcrumbItem/BreadcrumbItem.js";export{default as Tags}from"./components/Tags/Tags.js";export{default as TabList}from"./components/Tabs/TabList/TabList.js";export{default as Tab}from"./components/Tabs/Tab/Tab.js";export{default as TabPanel}from"./components/Tabs/TabPanel/TabPanel.js";export{default as TabsContext}from"./components/Tabs/TabsContext/TabsContext.js";export{default as TabPanels}from"./components/Tabs/TabPanels/TabPanels.js";export{default as Combobox}from"./components/Combobox/Combobox.js";export{default as Toggle}from"./components/Toggle/Toggle.js";export{default as Skeleton}from"./components/Skeleton/Skeleton.js";export{default as Avatar}from"./components/Avatar/Avatar.js";export{default as Steps}from"./components/Steps/Steps.js";export{default as Tipseen}from"./components/Tipseen/Tipseen.js";export{default as TipseenContent}from"./components/Tipseen/TipseenContent.js";export{default as TipseenWizard}from"./components/Tipseen/TipseenWizard.js";export{default as TipseenImage}from"./components/Tipseen/TipseenImage.js";export{default as ColorPicker}from"./components/ColorPicker/ColorPicker.js";export{default as DatePicker}from"./components/DatePicker/DatePicker.js";export{default as DateNavigationItem}from"./components/DatePicker/DateNavigationItem/DateNavigationItem.js";export{default as DatePickerHeader}from"./components/DatePicker/DatePickerHeader/DatePickerHeader.js";export{default as YearPicker}from"./components/DatePicker/YearPicker/YearPicker.js";export{default as ColorPickerContent}from"./components/ColorPicker/components/ColorPickerContent/ColorPickerContent.js";export{default as ColorPickerItemComponent}from"./components/ColorPicker/components/ColorPickerItemComponent/ColorPickerItemComponent.js";export{default as ListItem}from"./components/ListItem/ListItem.js";export{default as ListItemIcon}from"./components/ListItemIcon/ListItemIcon.js";export{default as ListItemAvatar}from"./components/ListItemAvatar/ListItemAvatar.js";export{default as ListTitle}from"./components/ListTitle/ListTitle.js";export{default as List}from"./components/List/List.js";export{default as VirtualizedList}from"./components/VirtualizedList/VirtualizedList.js";export{default as VirtualizedGrid}from"./components/VirtualizedGrid/VirtualizedGrid.js";export{default as TextWithHighlight}from"./components/TextWithHighlight/TextWithHighlight.js";export{default as Accordion}from"./components/Accordion/Accordion/Accordion.js";export{default as AccordionItem}from"./components/Accordion/AccordionItem/AccordionItem.js";export{default as Clickable}from"./components/Clickable/Clickable.js";export{default as ColorUtils}from"./utils/colors-utils.js";export{default as Slider}from"./components/Slider/Slider.js";export{default as IconButton}from"./components/IconButton/IconButton.js";export{default as Flex}from"./components/Flex/Flex.js";export{default as MenuGridItem}from"./components/Menu/MenuGridItem/MenuGridItem.js";export{default as AvatarGroup}from"./components/AvatarGroup/AvatarGroup.js";export{default as Modal}from"./components/Modal/Modal.js";export{default as ModalHeader}from"./components/Modal/ModalHeader/ModalHeader.js";export{default as ModalContent}from"./components/Modal/ModalContent/ModalContent.js";export{default as ModalFooter}from"./components/Modal/ModalFooter/ModalFooter.js";export{default as ModalFooterButtons}from"./components/Modal/ModalFooter/ModalFooterButtons/ModalFooterButtons.js";export{default as Box}from"./components/Box/Box.js";export{default as Text}from"./components/Text/Text.js";export{GridKeyboardNavigationContext,useGridKeyboardNavigationContext}from"./components/GridKeyboardNavigationContext/GridKeyboardNavigationContext.js";export{default as Badge}from"./components/Badge/Badge.js";export{Table}from"./components/Table/Table.js";export{DropdownButton}from"./components/Table/new/Buttons/DropdownButton.js";export{default as TableHeader}from"./components/Table/TableHeader.js";export{TableCell}from"./components/Table/TableCell.js";export{TablePaginator}from"./components/Table/TablePaginator.js";export{ActionColumn}from"./components/Table/columns/actionColumn.js";export{TableRowMemoized}from"./components/Table/TableRowMemoized.js";export{default as TipseenMedia}from"./components/Tipseen/TipseenMedia/TipseenMedia.js";export{default as ThemeProvider}from"./components/ThemeProvider/ThemeProvider.js";export{default as EditableText}from"./components/EditableText/EditableText.js";export{default as Typography}from"./components/Typography/Typography.js";export{default as EditableTypography}from"./components/EditableTypography/EditableTypography.js";export{default as TextAreaField}from"./components/TextAreaField/TextAreaField.js";export{DialogContentContainerStyled,LogoContainer,NavLink,NavList,Navbar,NavbarContainer,NotificationsContainer,ProfileContainer,SpanStyled,default as TopNavigationBar,UserInfo}from"./components/TopNavigationBar/TopNavigationBar.js";export{NotificationItem}from"./components/TopNavigationBar/components/NotificationItem/NotificationItem.js";export{default as InlineEdit}from"./components/InlineEdit/InlineEdit.js";export{default as Timeline}from"./components/Timeline/Timeline/Timeline.js";export{default as TimelineRow}from"./components/Timeline/TimelineRow/TimelineRow.js";export{default as PageHeader}from"./components/PageHeader/PageHeader.js";export{default as FieldLabel}from"./components/FieldLabel/FieldLabel.js";export{GridCol,GridContainer,GridRow}from"./components/Grid/Grid.js";export{HeaderActions}from"./components/HeaderActions/HeaderActions.js";export{Logo}from"./components/Logo/Logo.js";export{default as SectionHeader}from"./components/SectionHeader/SectionHeader.js";export{SectionLabel,default as Sidebar,SidebarHeader,SidebarMenuItem}from"./components/Sidebar/Sidebar.js";export{default as Tree}from"./components/Tree/Tree.js";export{Step,default as Workflow}from"./components/Workflow/Workflow.js";export{ButtonType}from"./components/Button/ButtonConstants.js";export{default as NumericField}from"./components/NumericField/NumericField.js";export{default as useKeyEvent}from"./hooks/useKeyEvent/index.js";export{default as useDebounceEvent}from"./hooks/useDebounceEvent/index.js";export{default as useClickOutside}from"./hooks/useClickOutside/index.js";export{default as useResizeObserver}from"./hooks/useResizeObserver.js";export{default as useAfterFirstRender}from"./hooks/useAfterFirstRender/index.js";export{default as useTimeout}from"./hooks/useTimeout/index.js";export{default as usePrevious}from"./hooks/usePrevious/index.js";export{default as useSetFocus}from"./hooks/useSetFocus/index.js";export{default as useMergeRefs}from"./hooks/useMergeRefs.js";export{default as useIsMouseOver}from"./hooks/useIsMouseOver.js";export{default as useHover}from"./hooks/useHover/useHover.js";export{default as useGridKeyboardNavigation}from"./hooks/useGridKeyboardNavigation/useGridKeyboardNavigation.js";export{default as useIsOverflowing}from"./hooks/useIsOverflowing/useIsOverflowing.js";export{default as useActiveDescendantListFocus}from"./hooks/useActiveDescendantListFocus/index.js";export{useMediaQuery}from"./hooks/useMediaQuery/index.js";export{default as useVibeMediaQuery}from"./hooks/useVibeMediaQuery/index.js";export{default as useListenFocusTriggers}from"./hooks/useListenFocusTriggers/index.js";export{default as useClickableProps}from"./hooks/useClickableProps/useClickableProps.js";export{default as useSwitch}from"./hooks/useSwitch/index.js";export{default as useElementsOverflowingIndex}from"./hooks/useElementsOverflowingIndex.js";export{default as useEventListener}from"./hooks/useEventListener/index.js";
+import"../style/dist/index.min.css.js";export{default as Loader}from"./components/Loader/Loader.js";export{default as Icon}from"./components/Icon/Icon.js";export{default as Search,default as SearchComponent}from"./components/Search/Search.js";export{default as InputField,default as TextField}from"./components/TextField/TextField.js";export{default as Dialog}from"./components/Dialog/Dialog.js";export{default as Tooltip}from"./components/Tooltip/Tooltip.js";export{default as Button}from"./components/Button/Button.js";export{default as FormattedNumber}from"./components/FormattedNumber/FormattedNumber.js";export{default as LinearProgressBar}from"./components/ProgressBars/LinearProgressBar/LinearProgressBar.js";export{default as Link}from"./components/Link/Link.js";export{default as CustomSvgIcon}from"./components/Icon/CustomSvgIcon/CustomSvgIcon.js";export{default as Menu}from"./components/Menu/Menu/Menu.js";export{default as MenuItem}from"./components/Menu/MenuItem/MenuItem.js";export{default as AlertBanner}from"./components/AlertBanner/AlertBanner.js";export{default as AlertBannerLink}from"./components/AlertBanner/AlertBannerLink/AlertBannerLink.js";export{default as AlertBannerButton}from"./components/AlertBanner/AlertBannerButton/AlertBannerButton.js";export{default as AlertBannerText}from"./components/AlertBanner/AlertBannerText/AlertBannerText.js";export{default as MenuItemButton}from"./components/Menu/MenuItemButton/MenuItemButton.js";export{default as MenuDivider}from"./components/Menu/MenuDivider/MenuDivider.js";export{default as Divider}from"./components/Divider/Divider.js";export{default as MenuTitle}from"./components/Menu/MenuTitle/MenuTitle.js";export{default as RadioButton}from"./components/RadioButton/RadioButton.js";export{default as MenuButton}from"./components/MenuButton/MenuButton.js";export{default as SplitButton}from"./components/SplitButton/SplitButton.js";export{default as SplitButtonMenu}from"./components/SplitButton/SplitButtonMenu/SplitButtonMenu.js";export{default as Counter}from"./components/Counter/Counter.js";export{default as AttentionBox}from"./components/AttentionBox/AttentionBox.js";export{default as Label}from"./components/Label/Label.js";export{default as Checkbox}from"./components/Checkbox/Checkbox.js";export{default as DialogContentContainer}from"./components/DialogContentContainer/DialogContentContainer.js";export{default as Dropdown}from"./components/Dropdown/Dropdown.js";export{default as DropdownMenu}from"./components/Dropdown/components/menu/menu.js";export{default as DropdownOption}from"./components/Dropdown/components/option/option.js";export{default as DropdownSingleValue}from"./components/Dropdown/components/singleValue/singleValue.js";export{default as Toast}from"./components/Toast/Toast.js";export{default as ToastButton}from"./components/Toast/ToastButton/ToastButton.js";export{default as ToastLink}from"./components/Toast/ToastLink/ToastLink.js";export{default as AttentionBoxLink}from"./components/AttentionBox/AttentionBoxLink/AttentionBoxLink.js";export{default as ButtonGroup}from"./components/ButtonGroup/ButtonGroup.js";export{default as MultiStepIndicator}from"./components/MultiStepIndicator/MultiStepIndicator.js";export{default as HiddenText}from"./components/HiddenText/HiddenText.js";export{default as ExpandCollapse}from"./components/ExpandCollapse/ExpandCollapse.js";export{default as Heading}from"./components/Heading/Heading.js";export{default as LegacyHeading}from"./components/LegacyHeading/LegacyHeading.js";export{default as EditableInput}from"./components/EditableInput/EditableInput.js";export{default as EditableHeading}from"./components/LegacyEditableHeading/LegacyEditableHeading.js";export{default as ResponsiveList}from"./components/ResponsiveList/ResponsiveList.js";export{default as BreadcrumbsBar}from"./components/BreadcrumbsBar/BreadcrumbsBar.js";export{default as BreadcrumbItem}from"./components/BreadcrumbsBar/BreadcrumbItem/BreadcrumbItem.js";export{default as Tags}from"./components/Tags/Tags.js";export{default as TabList}from"./components/Tabs/TabList/TabList.js";export{default as Tab}from"./components/Tabs/Tab/Tab.js";export{default as TabPanel}from"./components/Tabs/TabPanel/TabPanel.js";export{default as TabsContext}from"./components/Tabs/TabsContext/TabsContext.js";export{default as TabPanels}from"./components/Tabs/TabPanels/TabPanels.js";export{default as Combobox}from"./components/Combobox/Combobox.js";export{default as Toggle}from"./components/Toggle/Toggle.js";export{default as Skeleton}from"./components/Skeleton/Skeleton.js";export{default as Avatar}from"./components/Avatar/Avatar.js";export{default as Steps}from"./components/Steps/Steps.js";export{default as Tipseen}from"./components/Tipseen/Tipseen.js";export{default as TipseenContent}from"./components/Tipseen/TipseenContent.js";export{default as TipseenWizard}from"./components/Tipseen/TipseenWizard.js";export{default as TipseenImage}from"./components/Tipseen/TipseenImage.js";export{default as ColorPicker}from"./components/ColorPicker/ColorPicker.js";export{default as DatePicker}from"./components/DatePicker/DatePicker.js";export{default as DateNavigationItem}from"./components/DatePicker/DateNavigationItem/DateNavigationItem.js";export{default as DatePickerHeader}from"./components/DatePicker/DatePickerHeader/DatePickerHeader.js";export{default as YearPicker}from"./components/DatePicker/YearPicker/YearPicker.js";export{default as ColorPickerContent}from"./components/ColorPicker/components/ColorPickerContent/ColorPickerContent.js";export{default as ColorPickerItemComponent}from"./components/ColorPicker/components/ColorPickerItemComponent/ColorPickerItemComponent.js";export{default as ListItem}from"./components/ListItem/ListItem.js";export{default as ListItemIcon}from"./components/ListItemIcon/ListItemIcon.js";export{default as ListItemAvatar}from"./components/ListItemAvatar/ListItemAvatar.js";export{default as ListTitle}from"./components/ListTitle/ListTitle.js";export{default as List}from"./components/List/List.js";export{default as VirtualizedList}from"./components/VirtualizedList/VirtualizedList.js";export{default as VirtualizedGrid}from"./components/VirtualizedGrid/VirtualizedGrid.js";export{default as TextWithHighlight}from"./components/TextWithHighlight/TextWithHighlight.js";export{default as Accordion}from"./components/Accordion/Accordion/Accordion.js";export{default as AccordionItem}from"./components/Accordion/AccordionItem/AccordionItem.js";export{default as Clickable}from"./components/Clickable/Clickable.js";export{default as ColorUtils}from"./utils/colors-utils.js";export{default as Slider}from"./components/Slider/Slider.js";export{default as IconButton}from"./components/IconButton/IconButton.js";export{default as Flex}from"./components/Flex/Flex.js";export{default as MenuGridItem}from"./components/Menu/MenuGridItem/MenuGridItem.js";export{default as AvatarGroup}from"./components/AvatarGroup/AvatarGroup.js";export{default as Modal}from"./components/Modal/Modal.js";export{default as ModalHeader}from"./components/Modal/ModalHeader/ModalHeader.js";export{default as ModalContent}from"./components/Modal/ModalContent/ModalContent.js";export{default as ModalFooter}from"./components/Modal/ModalFooter/ModalFooter.js";export{default as ModalFooterButtons}from"./components/Modal/ModalFooter/ModalFooterButtons/ModalFooterButtons.js";export{default as Box}from"./components/Box/Box.js";export{default as Text}from"./components/Text/Text.js";export{GridKeyboardNavigationContext,useGridKeyboardNavigationContext}from"./components/GridKeyboardNavigationContext/GridKeyboardNavigationContext.js";export{default as Badge}from"./components/Badge/Badge.js";export{Table}from"./components/Table/Table.js";export{DropdownButton}from"./components/Table/new/Buttons/DropdownButton.js";export{default as TableHeader}from"./components/Table/TableHeader.js";export{TableCell}from"./components/Table/TableCell.js";export{TablePaginator}from"./components/Table/TablePaginator.js";export{ActionColumn}from"./components/Table/columns/actionColumn.js";export{TableRowMemoized}from"./components/Table/TableRowMemoized.js";export{default as TipseenMedia}from"./components/Tipseen/TipseenMedia/TipseenMedia.js";export{default as ThemeProvider}from"./components/ThemeProvider/ThemeProvider.js";export{default as EditableText}from"./components/EditableText/EditableText.js";export{default as Typography}from"./components/Typography/Typography.js";export{default as EditableTypography}from"./components/EditableTypography/EditableTypography.js";export{default as TextAreaField}from"./components/TextAreaField/TextAreaField.js";export{DialogContentContainerStyled,LogoContainer,NavLink,NavList,Navbar,NavbarContainer,NotificationsContainer,ProfileContainer,SpanStyled,default as TopNavigationBar,UserInfo}from"./components/TopNavigationBar/TopNavigationBar.js";export{NotificationItem}from"./components/TopNavigationBar/components/NotificationItem/NotificationItem.js";export{default as InlineEdit}from"./components/InlineEdit/InlineEdit.js";export{default as Timeline}from"./components/Timeline/Timeline/Timeline.js";export{default as TimelineRow}from"./components/Timeline/TimelineRow/TimelineRow.js";export{default as PageHeader}from"./components/PageHeader/PageHeader.js";export{default as FieldLabel}from"./components/FieldLabel/FieldLabel.js";export{GridCol,GridContainer,GridRow}from"./components/Grid/Grid.js";export{HeaderActions}from"./components/HeaderActions/HeaderActions.js";export{Logo}from"./components/Logo/Logo.js";export{default as SectionHeader}from"./components/SectionHeader/SectionHeader.js";export{SectionLabel,default as Sidebar,SidebarHeader,SidebarMenuItem}from"./components/Sidebar/Sidebar.js";export{default as Tree}from"./components/Tree/Tree.js";export{Step,default as Workflow}from"./components/Workflow/Workflow.js";export{ButtonType}from"./components/Button/ButtonConstants.js";export{default as NumericField}from"./components/NumericField/NumericField.js";export{BasicUploader,Uploader}from"./components/Uploader/Uploader.js";export{default as useKeyEvent}from"./hooks/useKeyEvent/index.js";export{default as useDebounceEvent}from"./hooks/useDebounceEvent/index.js";export{default as useClickOutside}from"./hooks/useClickOutside/index.js";export{default as useResizeObserver}from"./hooks/useResizeObserver.js";export{default as useAfterFirstRender}from"./hooks/useAfterFirstRender/index.js";export{default as useTimeout}from"./hooks/useTimeout/index.js";export{default as usePrevious}from"./hooks/usePrevious/index.js";export{default as useSetFocus}from"./hooks/useSetFocus/index.js";export{default as useMergeRefs}from"./hooks/useMergeRefs.js";export{default as useIsMouseOver}from"./hooks/useIsMouseOver.js";export{default as useHover}from"./hooks/useHover/useHover.js";export{default as useGridKeyboardNavigation}from"./hooks/useGridKeyboardNavigation/useGridKeyboardNavigation.js";export{default as useIsOverflowing}from"./hooks/useIsOverflowing/useIsOverflowing.js";export{default as useActiveDescendantListFocus}from"./hooks/useActiveDescendantListFocus/index.js";export{useMediaQuery}from"./hooks/useMediaQuery/index.js";export{default as useVibeMediaQuery}from"./hooks/useVibeMediaQuery/index.js";export{default as useListenFocusTriggers}from"./hooks/useListenFocusTriggers/index.js";export{default as useClickableProps}from"./hooks/useClickableProps/useClickableProps.js";export{default as useSwitch}from"./hooks/useSwitch/index.js";export{default as useElementsOverflowingIndex}from"./hooks/useElementsOverflowingIndex.js";export{default as useEventListener}from"./hooks/useEventListener/index.js";
 //# sourceMappingURL=index.js.map

package/dist/mocked_classnames_esm/style/dist/index.min.css.js

@@ -1,2 +1,2 @@
-var o=":root{--motion-productive-short:70ms;--motion-productive-medium:250ms;--motion-productive-long:400ms;--motion-expressive-short:250ms;--motion-expressive-long:400ms;--motion-timing-enter:cubic-bezier(0, 0, 0.35, 1);--motion-timing-exit:cubic-bezier(0.4, 0, 1, 4);--motion-timing-transition:cubic-bezier(0.4, 0, 0.2, 1);--motion-timing-emphasize:cubic-bezier(0, 0, 0.2, 1.4);--expand-animation-timing:var(--motion-timing-enter);--spacing-xs:4px;--spacing-small:8px;--spacing-medium:16px;--spacing-large:24px;--spacing-xl:32px;--spacing-xxl:48px;--spacing-xxxl:64px;--border-width:1px;--border-style:solid;--border-radius-small:2px;--border-radius-medium:6px;--border-radius-big:16px;--disabled-component-opacity:0.38;--effect-divider-halo:0 0 0 3px var(--divider-halo);--font-family:Inter,Roboto,Noto Sans Hebrew,Noto Kufi Arabic,Noto Sans JP,sans-serif;--title-font-family:Inter,Roboto,Noto Sans Hebrew,Noto Kufi Arabic,Noto Sans JP,sans-serif;--h1-font-family:var(--title-font-family);--font-smoothing-webkit:antialiased;--font-smoothing-moz:grayscale;--font-weight-very-light:200;--font-weight-light:300;--font-weight-normal:400;--font-weight-bold:500;--font-size-10:14px;--font-size-20:14px;--font-size-30:16px;--font-size-40:18px;--font-size-50:24px;--font-size-60:30px;--font-line-height-10:18px;--font-line-height-20:24px;--font-line-height-30:24px;--font-line-height-40:24px;--font-line-height-50:32px;--font-line-height-60:42px;--font-size-h1:var(--font-size-60);--font-size-h2:var(--font-size-50);--font-size-h3:var(--font-size-50);--font-size-h4:var(--font-size-40);--font-size-h5:var(--font-size-30);--font-size-h6:var(--font-size-30);--font-size-general-label:var(--font-size-20);--font-size-paragraph:var(--font-size-30);--font-size-subtext:var(--font-size-10);--font-line-height-h1:var(--font-line-height-60);--font-line-height-h2:var(--font-line-height-50);--font-line-height-h3:var(--font-line-height-50);--font-line-height-h4:var(--font-line-height-40);--font-line-height-h5:var(--font-line-height-30);--font-line-height-h6:var(--font-line-height-30);--font-line-height-general-label:var(--font-line-height-20);--font-line-height-paragraph:var(--font-line-height-30);--font-line-height-subtext:var(--font-line-height-10);--font-h1:var(--font-weight-bold) var(--font-size-h1)/var(--font-line-height-h1) var(--title-font-family);--font-h2:var(--font-weight-bold) var(--font-size-h2)/var(--font-line-height-h2) var(--title-font-family);--font-h3:var(--font-weight-light) var(--font-size-h3)/var(--font-line-height-h3) var(--title-font-family);--font-h4:var(--font-weight-bold) var(--font-size-h4)/var(--font-line-height-h4) var(--title-font-family);--font-h5:var(--font-weight-bold) var(--font-size-h5)/var(--font-line-height-h5) var(--font-family);--font-h6:var(--font-weight-bold) var(--font-size-h6)/var(--font-line-height-h6) var(--font-family);--font-general-label:var(--font-weight-normal) var(--font-size-general-label)/var(--font-line-height-general-label) var(--font-family);--font-paragraph:var(--font-weight-normal) var(--font-size-paragraph)/var(--font-line-height-paragraph) var(--font-family);--font-subtext:var(--font-weight-normal) var(--font-size-subtext)/var(--font-line-height-subtext) var(--font-family);--font-h1-bold:700 52px/60px var(--title-font-family);--font-h1-normal:500 52px/60px var(--title-font-family);--font-h1-light:300 52px/60px var(--title-font-family);--font-h2-bold:700 44px/64px var(--title-font-family);--font-h2-normal:500 44px/64px var(--title-font-family);--font-h2-light:300 44px/64px var(--title-font-family);--font-h3-bold:600 28px/44px var(--title-font-family);--font-h3-normal:500 28px/44px var(--title-font-family);--font-h3-light:300 28px/44px var(--title-font-family);--font-h4-bold:600 22px/34px var(--title-font-family);--font-h4-normal:500 22px/34px var(--title-font-family);--font-h4-light:300 22px/34px var(--title-font-family);--font-h5-bold:600 18px/24px var(--title-font-family);--font-h5-normal:500 18px/24px var(--title-font-family);--font-h5-light:300 18px/24px var(--title-font-family);--font-h6-bold:600 14px/18px var(--title-font-family);--font-h6-normal:500 14px/18px var(--title-font-family);--font-h6-light:300 14px/18px var(--title-font-family);--font-text1-bold:700 14px/24px var(--font-family);--font-text1-medium:600 14px/24px var(--font-family);--font-text1-normal:400 14px/24px var(--font-family);--font-text2-bold:700 12px/18px var(--font-family);--font-text2-medium:600 12px/18px var(--font-family);--font-text2-normal:400 12px/18px var(--font-family);--letter-spacing-h1-bold:-0.5px;--letter-spacing-h1-normal:-0.5px;--letter-spacing-h1-light:-0.5px;--letter-spacing-h2-bold:-0.1px;--letter-spacing-h2-normal:-0.1px;--letter-spacing-h2-light:-0.1px;--letter-spacing-h3-bold:-0.1px;--letter-spacing-h3-normal:-0.1px;--letter-spacing-h3-light:-0.1px;--letter-spacing-h4-bold:-0.1px;--letter-spacing-h4-normal:-0.1px;--letter-spacing-h4-light:-0.1px;--letter-spacing-h5-bold:-0.1px;--letter-spacing-h5-normal:-0.1px;--letter-spacing-h5-light:-0.1px;--letter-spacing-h6-bold:-0.1px;--letter-spacing-h6-normal:-0.1px;--letter-spacing-h6-light:-0.1px}.default-app-theme,.light-app-theme,:root{--color-highlight_blue:#cce5ff;--color-basic_blue:#0073ea;--color-dark_blue:#0060b9;--color-bazooka:#f65f7c;--color-snow_white:#ffffff;--color-riverstone_gray:#f6f7fb;--color-ui_grey:#dcdfec;--color-wolf_gray:#c3c6d4;--color-asphalt:#676879;--color-mud_black:#323338;--color-success:#00854d;--color-success-hover:#007038;--color-success-highlight:#bbdbc9;--color-error:#d83a52;--color-error-hover:#b63546;--color-error-highlight:#f4c3cb;--color-link_color:#1f76c2;--color-surface:#292f4c;--color-white:#FFFFFF;--color-black:#000000;--color-titanium-500:#f1f1ed;--color-obsidian-500:#222225;--color-solar-flare-100:#ffdfe3;--color-solar-flare-200:#ffadb7;--color-solar-flare-300:#ff697b;--color-solar-flare-400:#ff3a52;--color-solar-flare-500:#ff0020;--color-solar-flare-600:#de001c;--color-solar-flare-700:#bb0018;--color-solar-flare-800:#8b0012;--color-solar-flare-900:#60000c;--color-solar-flare-950:#3c0008;--color-gray-100:#f8f8f8;--color-gray-200:#e9e9e9;--color-gray-300:#d1d1d1;--color-gray-400:#b5b5b5;--color-gray-500:#8e8e8e;--color-gray-600:#757575;--color-gray-700:#5c5c5c;--color-gray-800:#3a3a3a;--color-gray-900:#212121;--color-gray-950:#111111;--color-yellow-100:#fffbf2;--color-yellow-200:#ffedca;--color-yellow-300:#ffd993;--color-yellow-400:#ffc769;--color-yellow-500:#ffb444;--color-yellow-600:#cf9330;--color-yellow-700:#9e721f;--color-yellow-800:#6e5011;--color-yellow-900:#3d2d07;--color-yellow-950:#281d04;--color-orange-100:#FCF6F3;--color-orange-200:#FEDBC9;--color-orange-300:#F8B897;--color-orange-400:#F29261;--color-orange-500:#E17037;--color-orange-600:#C9571D;--color-orange-700:#A34110;--color-orange-800:#80320A;--color-orange-900:#572004;--color-orange-950:#351302;--color-lime-100:#f2fced;--color-lime-200:#cff1ba;--color-lime-300:#ace48a;--color-lime-400:#8ad35d;--color-lime-500:#68bf33;--color-lime-600:#54a324;--color-lime-700:#418518;--color-lime-800:#2f650e;--color-lime-900:#1d4207;--color-lime-950:#132e02;--color-green-100:#f0f7f5;--color-green-200:#b4d8cc;--color-green-300:#78b6a3;--color-green-400:#3e9178;--color-green-500:#076b4d;--color-green-600:#025b40;--color-green-700:#004932;--color-green-800:#003524;--color-green-900:#001f14;--color-green-950:#00170f;--color-teal-100:#eff8fb;--color-teal-200:#c2e5ed;--color-teal-300:#97cfdc;--color-teal-400:#6eb8c9;--color-teal-500:#48a0b4;--color-teal-600:#378799;--color-teal-700:#286c7c;--color-teal-800:#1b515d;--color-teal-900:#0f343d;--color-teal-950:#061f25;--color-steel-100:#f2f5f8;--color-steel-200:#c1cfdd;--color-steel-300:#91a9c0;--color-steel-400:#6383a1;--color-steel-500:#375d81;--color-steel-600:#2b4d6e;--color-steel-700:#1f3d59;--color-steel-800:#152d44;--color-steel-900:#0d1d2d;--color-steel-950:#07121e;--color-pink-100:#fbeefc;--color-pink-200:#efbff0;--color-pink-300:#e093e1;--color-pink-400:#ce69d0;--color-pink-500:#ba42bc;--color-pink-600:#9e31a0;--color-pink-700:#812382;--color-pink-800:#611762;--color-pink-900:#3f0d40;--color-pink-950:#250526;--color-red-100:#f9ebeb;--color-red-200:#e4b0b0;--color-red-300:#cc7775;--color-red-400:#b1423c;--color-red-500:#930f08;--color-red-600:#810701;--color-red-700:#6d0200;--color-red-800:#560000;--color-red-900:#3d0000;--color-red-950:#260000;--color-purple-100:#f3ebf9;--color-purple-200:#ab7cd0;--color-purple-300:#ab7cd0;--color-purple-400:#8749b8;--color-purple-500:#62199c;--color-purple-600:#531088;--color-purple-700:#41086e;--color-purple-800:#300353;--color-purple-900:#1e0037;--color-purple-950:#130023;--primary-color:#375d81;--primary-hover-color:#152d44;--surface-selected:#f2f5f8;--primary-selected-hover-color:#07121e;--primary-highlighted-color:#c1cfdd;--text-primary:#212121;--text-secondary:#8e8e8e;--text-tertiary:#d1d1d1;--text-color-on-primary:#FFFFFF;--text-color-on-inverted:#FFFFFF;--placeholder-color:#8e8e8e;--icon-primary:#212121;--link-color:#375d81;--fixed-light-color:#FFFFFF;--fixed-dark-color:#000000;--surface-primary:#FFFFFF;--surface-primary-hover:#f8f8f8;--surface-secondary:#f8f8f8;--surface-tertiary:#e9e9e9;--surface-quaternary:#d1d1d1;--surface-inverse:#000000;--surface-success:#f0f7f5;--surface-alert:#f9ebeb;--surface-warning:#fffbf2;--disabled-background-color:#ecedf5;--disabled-text-color:rgba(33, 33, 33, var(--disabled-component-opacity));--positive-color:#3e9178;--positive-color-hover:#025b40;--positive-color-selected:#025b40;--positive-color-selected-hover:#004932;--negative-color:#b1423c;--negative-color-hover:#810701;--negative-color-selected:#810701;--negative-color-selected-hover:#6d0200;--divider-primary:#e9e9e9;--divider-secondary:#d1d1d1;--divider-overlay:rgba(233, 233, 233, 0.1);--divider-halo:#c1cfdd;--divider-selected:#375d81;--warning-color:#ffc769;--warning-color-hover:#cf9330;--warning-color-selected:#cf9330;--warning-color-selected-hover:#9e721f;--brand-color:#375d81;--brand-hover-color:#152d44;--brand-selected-color:#f2f5f8;--brand-selected-hover-color:#07121e;--text-color-on-brand:#FFFFFF;--box-shadow-xs:0px 4px 6px -4px rgba(233, 233, 233, 0.1);--box-shadow-small:0px 4px 8px rgba(233, 233, 233, 0.2);--box-shadow-medium:0px 6px 20px rgba(233, 233, 233, 0.2);--box-shadow-large:0px 15px 50px rgba(233, 233, 233, 0.3);--shadow-color:#e9e9e9;--color-grass_green:#037f4c;--color-grass_green-hover:#116846;--color-grass_green-selected:#81bfa5;--color-done-green:#00c875;--color-done-green-hover:#0f9b63;--color-done-green-selected:#80e3ba;--color-done-green-selected-with-opacity:rgba(128, 227, 186, 0.6);--color-bright-green:#9cd326;--color-bright-green-hover:#7ca32b;--color-bright-green-selected:#cde992;--color-saladish:#cab641;--color-saladish-hover:#9d8f3e;--color-saladish-selected:#e4daa0;--color-egg_yolk:#ffcb00;--color-egg_yolk-hover:#c29e11;--color-egg_yolk-selected:#ffe580;--color-egg_yolk-rgb:255,213,51;--color-working_orange:#fdab3d;--color-working_orange-hover:#c0873c;--color-working_orange-selected:#fed59e;--color-dark-orange:#ff642e;--color-dark-orange-hover:#c25531;--color-dark-orange-selected:#ffb196;--color-peach:#ffadad;--color-peach-hover:#c2888a;--color-peach-selected:#ffd6d6;--color-sunset:#ff7575;--color-sunset-hover:#c26163;--color-sunset-selected:#ffbaba;--color-sunset-selected-with-opacity:rgba(255, 186, 186, 0.6);--color-stuck-red:#e2445c;--color-stuck-red-hover:#ad3f51;--color-stuck-red-selected:#f0a1ad;--color-dark-red:#bb3354;--color-dark-red-hover:#92334c;--color-dark-red-selected:#dd99a9;--color-sofia_pink:#ff158a;--color-sofia_pink-hover:#c21e71;--color-sofia_pink-selected:#ff8ac4;--color-lipstick:#ff5ac4;--color-lipstick-hover:#c24e9a;--color-lipstick-selected:#fface1;--color-bubble:#faa1f1;--color-bubble-hover:#be80ba;--color-bubble-selected:#fcd0f8;--color-purple:#a25ddc;--color-purple-hover:#8050ab;--color-purple-selected:#d0aeed;--color-dark_purple:#784bd1;--color-dark_purple-hover:#6344a3;--color-dark_purple-selected:#bba5e8;--color-berry:#7e3b8a;--color-berry-hover:#673971;--color-berry-selected:#be9dc4;--color-dark_indigo:#401694;--color-dark_indigo-hover:#3c1f78;--color-dark_indigo-selected:#a08bc9;--color-indigo:#5559df;--color-indigo-hover:#4b4ead;--color-indigo-selected:#aaacef;--color-navy:#225091;--color-navy-hover:#274776;--color-navy-selected:#90a7c8;--color-bright-blue:#579bfc;--color-bright-blue-hover:#4c7cc1;--color-bright-blue-selected:#abcdfd;--color-dark-blue:#0086c0;--color-dark-blue-hover:#0f6d97;--color-dark-blue-selected:#80c2df;--color-aquamarine:#4eccc6;--color-aquamarine-hover:#469e9b;--color-aquamarine-selected:#a6e5e2;--color-chili-blue:#66ccff;--color-chili-blue-hover:#569ec3;--color-chili-blue-selected:#b2e5ff;--color-river:#68a1bd;--color-river-hover:#588095;--color-river-selected:#b3d0de;--color-winter:#9aadbd;--color-winter-hover:#7b8895;--color-winter-selected:#ccd6de;--color-explosive:#c4c4c4;--color-explosive-hover:#98999a;--color-explosive-selected:#e1e1e1;--color-american_gray:#808080;--color-american_gray-hover:#69696a;--color-american_gray-selected:#bfbfbf;--color-blackish:#333333;--color-blackish-hover:#222222;--color-blackish-selected:#999999;--color-brown:#7f5347;--color-brown-hover:#684943;--color-brown-selected:#bfa9a3;--color-orchid:#d974b0;--color-orchid-hover:#ae5d8d;--color-orchid-selected:#ecbad7;--color-tan:#ad967a;--color-tan-hover:#8a7862;--color-tan-selected:#d6cabc;--color-sky:#a1e3f6;--color-sky-hover:#81b6c5;--color-sky-selected:#d0f1fa;--color-coffee:#bd816e;--color-coffee-hover:#976758;--color-coffee-selected:#dec0b7;--color-royal:#2b76e5;--color-royal-hover:#225eb7;--color-royal-selected:#95bbf2;--color-teal:#175a63;--color-teal-hover:#12484f;--color-teal-selected:#8bacb1;--color-lavender:#bda8f9;--color-lavender-hover:#9786c7;--color-lavender-selected:#ded4fc;--color-steel:#a9bee8;--color-steel-hover:#8798ba;--color-steel-selected:#d4dff4;--color-lilac:#9d99b9;--color-lilac-hover:#7e7a94;--color-lilac-selected:#ceccdc;--color-pecan:#563e3e;--color-pecan-hover:#453232;--color-pecan-selected:#ab9f9f;--color-dark_marble:#f1f1f1;--color-marble:#f7f7f7;--color-gainsboro:#e1e1e1;--color-extra_light_gray:#edeef0;--color-glitter:#d9f0ff;--color-ultra_light_gray:#ebebeb;--color-very_light_gray:#a1a1a1;--color-jaco_gray:#9699a6;--color-storm_gray:#6b6d77;--color-trolley-grey:#808080;--color-basic_light_blue:#c7e6fa;--color-light_blue:#61caf7;--color-turquoise:#66ccff;--color-aqua:#00d1d1;--color-live_blue:#009aff;--color-jeans:#597bfc;--color-burned_eggplant:#181d37;--color-light-pink:#ff5ac4;--color-dark-pink:#ff158a;--color-dark_red:#bb3354;--color-yellow:#ffcb00;--color-mustered:#cab641;--color-orange:#fdab3d;--color-lime-green:#9cd326;--color-jade:#03c875;--color-green-haze:#00a359;--color-grass-green:#037f4c;--color-amethyst:#a25ddc;--color-dark-purple:#784bd1;--color-blue_links:#0086c0;--color-blue-links:#0086c0;--color-private:#f65f7c;--color-public:#009aff;--color-board_views_grey:#6e6f8f;--color-board_views_grey_hover:#b2b3d0;--color-board_views_blue:#1c1f3b;--color-board_views_blue_secondary:#363a52;--color-border_light_gray:#f5f6f8;--color-brand-blue:#00a9ff;--color-brand-charcoal:#2b2c5c;--color-brand-gold:#ffcc00;--color-brand-green:#11dd80;--color-brand-iris:#595ad4;--color-brand-light-blue:#00cff4;--color-brand-malachite:#00cd6f;--color-brand-purple:#a358d0;--color-brand-red:#f74875;--color-deadline_upcoming_indication:#5d6387;--color-default_group_color:#579bfc;--color-form_btn_hover:#0083d9;--color-form_purple:#575c96;--color-highlight:#dff0ff;--color-green_shadow:#00c875;--color-green-shadow:#00c875;--color-red_shadow:#e2445c;--color-red-shadow:#e2445c;--color-pulse_bg:#f0f0f0;--color-pulse_text_color:#333333;--color-placholder_gray:#d8d8d8;--color-placeholder_light_gray:#efefef;--color-excel-green:#207245;--color-media-blue:#2ea2e9;--color-pdf-red:#bb0706;--color-ppt-orange:#d64e2a;--color-word-blue:#2a5699;--color-zip-orange:#e4901c;--color-like_red:#fb275d;--color-scrollbar_gray:#b2b2b2;--color-timeline_grid_blue:#454662;--color-timeline_blue:#1c1f3b;--color-highlight_blue-rgb:204,229,255;--color-snow_white-with-opacity:rgba(255, 255, 255, 0.4);--color-wolf_gray-with-opacity:rgba(195, 198, 212, 0.1);--color-asphalt-with-opacity:rgba(103, 104, 121, 0.1);--primary-on-secondary-color:#0073ea;--primary-hover-on-secondary-color:#0060b9;--surface-selected-rgb:204,229,255;--primary-selected-on-secondary-color:#cce5ff;--primary-text-on-secondary-color:#323338;--text-color-on-primary-with-opacity:rgba(255, 255, 255, 0.4);--text-tertiary:#d1d1d1;--placeholder-color-with-opacity:rgba(103, 104, 121, 0.1);--placeholder-on-secondary-color:#676879;--icon-on-secondary-color:#676879;--link-on-secondary-color:#1f76c2;--label-background-color:#cce5ff;--label-background-on-secondary-color:#cce5ff;--surface-primary-rgb:255,255,255;--primary-background-hover-on-secondary-color:#dcdfec;--modal-background-color:#ffffff;--surface-secondary-rgb:255,255,255;--disabled-background-on-secondary-color:#ecedf5;--disabled-text-on-secondary-color:rgba(33, 33, 33, var(--disabled-component-opacity));--ui-border-on-secondary-color:#c3c6d4;--layout-border-on-secondary-color:#d1d1d1;--dark-background-color:#f6f7fb;--dark-background-on-secondary-color:#f6f7fb;--dialog-background-color:#ffffff;--box-shadow-mediun:0px 6px 20px rgba(233, 233, 233, 0.2)}.dark-app-theme{--primary-color:#375d81;--primary-on-secondary-color:#0073ea;--primary-hover-color:#152d44;--surface-selected:#0d1d2d;--primary-selected-hover-color:#0d2e65;--primary-highlighted-color:#0d2753;--text-primary:#FFFFFF;--text-secondary:#b5b5b5;--text-tertiary:#5c5c5c;--text-color-on-primary:#FFFFFF;--text-color-on-inverted:#323338;--placeholder-color:#c3c6d4;--icon-primary:#c3c6d4;--link-color:#91a9c0;--fixed-light-color:#FFFFFF;--fixed-dark-color:#000000;--surface-primary:#0d1d2d;--surface-primary-hover:rgba(13, 29, 45, 0.3);--surface-secondary:#152d44;--surface-tertiary:#1f3d59;--surface-quaternary:#2b4d6e;--surface-inverse:#f2f5f8;--surface-success:#003524;--surface-alert:#560000;--surface-warning:#6e5011;--disabled-text-color:rgba(255, 255, 255, var(--disabled-component-opacity));--disabled-background-color:#3c3f59;--positive-color:#004932;--positive-color-hover:#025b40;--positive-color-selected:#025b40;--positive-color-selected-hover:#076b4d;--negative-color:#6d0200;--negative-color-hover:#810701;--negative-color-selected:#810701;--negative-color-selected-hover:#930f08;--divider-primary:#1f3d59;--divider-secondary:#2b4d6e;--divider-overlay:rgba(7, 18, 30, 0.1);--divider-halo:#2b4d6e;--divider-selected:#91a9c0;--warning-color:#9e721f;--warning-color-hover:#cf9330;--warning-color-selected:#cf9330;--warning-color-selected-hover:#ffb444;--brand-color:#375d81;--brand-hover-color:#152d44;--brand-selected-color:#0d1d2d;--brand-selected-hover-color:#0d2e65;--text-color-on-brand:#FFFFFF;--box-shadow-xs:0px 4px 6px -4px rgba(7, 18, 30, 0.5);--box-shadow-small:0px 4px 8px rgba(7, 18, 30, 0.5);--box-shadow-medium:0px 6px 20px rgba(7, 18, 30, 0.5);--box-shadow-large:0px 15px 50px rgba(7, 18, 30, 0.5);--shadow-color:#07121e;--color-grass_green:#359970;--color-grass_green-hover:#116846;--color-grass_green-selected:#0f4f43;--color-done-green:#33d391;--color-done-green-hover:#0f9b63;--color-done-green-selected:#0e7358;--color-done-green-selected-with-opacity:rgba(14, 115, 88, 0.6);--color-bright-green:#b0dc51;--color-bright-green-hover:#7ca32b;--color-bright-green-selected:#5c7930;--color-saladish:#d5c567;--color-saladish-hover:#9d8f3e;--color-saladish-selected:#736a3e;--color-egg_yolk:#ffd533;--color-egg_yolk-hover:#c29e11;--color-egg_yolk-selected:#8d751e;--color-egg_yolk-rgb:255,213,51;--color-working_orange:#fdbc64;--color-working_orange-hover:#c0873c;--color-working_orange-selected:#8c653c;--color-dark-orange:#ff7b4d;--color-dark-orange-hover:#c25531;--color-dark-orange-selected:#8d4134;--color-peach:#ffbdbd;--color-peach-hover:#c2888a;--color-peach-selected:#8d6674;--color-sunset:#ff9191;--color-sunset-hover:#c26163;--color-sunset-selected:#8d4a58;--color-sunset-selected-with-opacity:rgba(141, 74, 88, 0.6);--color-stuck-red:#e8697d;--color-stuck-red-hover:#ad3f51;--color-stuck-red-selected:#7f314b;--color-dark-red:#c95c76;--color-dark-red-hover:#92334c;--color-dark-red-selected:#6b2947;--color-sofia_pink:#ff44a1;--color-sofia_pink-hover:#c21e71;--color-sofia_pink-selected:#8d1a62;--color-lipstick:#ff7bd0;--color-lipstick-hover:#c24e9a;--color-lipstick-selected:#8d3c7f;--color-bubble:#fbb4f4;--color-bubble-hover:#be80ba;--color-bubble-selected:#8b6096;--color-purple:#b57de3;--color-purple-hover:#8050ab;--color-purple-selected:#5f3e8b;--color-dark_purple:#936fda;--color-dark_purple-hover:#6344a3;--color-dark_purple-selected:#4a3586;--color-berry:#6645a9;--color-berry-hover:#673971;--color-berry-selected:#4d2d62;--color-dark_indigo:#401694;--color-dark_indigo-hover:#3c1f78;--color-dark_indigo-selected:#2e1b67;--color-indigo:#777ae5;--color-indigo-hover:#4b4ead;--color-indigo-selected:#383c8d;--color-navy:#4e73a7;--color-navy-hover:#274776;--color-navy-selected:#1f3866;--color-bright-blue:#79affd;--color-bright-blue-hover:#4c7cc1;--color-bright-blue-selected:#395d9b;--color-dark-blue:#339ecd;--color-dark-blue-hover:#0f6d97;--color-dark-blue-selected:#0e527e;--color-aquamarine:#71d6d1;--color-aquamarine-hover:#469e9b;--color-aquamarine-selected:#357580;--color-chili-blue:#85d6ff;--color-chili-blue-hover:#569ec3;--color-chili-blue-selected:#41759d;--color-river:#86b4ca;--color-river-hover:#588095;--color-river-selected:#42607c;--color-winter:#aebdca;--color-winter-hover:#7b8895;--color-winter-selected:#5b667c;--color-explosive:#d0d0d0;--color-explosive-hover:#98999a;--color-explosive-selected:#70717f;--color-american_gray:#999999;--color-american_gray-hover:#69696a;--color-american_gray-selected:#4e505e;--color-blackish:#5c5c5c;--color-blackish-hover:#222222;--color-blackish-selected:#272937;--color-brown:#99756c;--color-brown-hover:#684943;--color-brown-selected:#4d3941;--color-orchid:#e190c0;--color-orchid-hover:#b4739a;--color-orchid-selected:#b4739a;--color-tan:#bdab95;--color-tan-hover:#978977;--color-tan-selected:#716863;--color-sky:#b4e9f8;--color-sky-hover:#90bac6;--color-sky-selected:#6c8a9a;--color-coffee:#ca9a8b;--color-coffee-hover:#a27b6f;--color-coffee-selected:#795e5d;--color-royal:#5591ea;--color-royal-hover:#4474bb;--color-royal-selected:#375993;--color-teal:#457b82;--color-teal-hover:#376268;--color-teal-selected:#2e4d58;--color-lavender:#cab9fa;--color-lavender-hover:#a294c8;--color-lavender-selected:#85597b;--color-steel:#bacbed;--color-steel-hover:#95a2be;--color-steel-selected:#707a95;--color-lilac:#b1adc7;--color-lilac-hover:#8e8a9f;--color-lilac-selected:#6b697f;--color-pecan:#786565;--color-pecan-hover:#605151;--color-pecan-selected:#4a4148;--primary-on-secondary-color:#0073ea;--primary-hover-on-secondary-color:#0060b9;--surface-selected-rgb:19,55,116;--primary-selected-on-secondary-color:#133774;--primary-text-on-secondary-color:#d5d8df;--surface-primary-rgb:24,27,52;--primary-background-hover-on-secondary-color:#4b4e69;--surface-secondary-rgb:48,50,78;--text-tertiary:#5c5c5c;--link-on-secondary-color:#69a7ef;--modal-background-color:#181b34;--dark-background-color:#393b53;--dark-background-on-secondary-color:#4b4e69;--dialog-background-color:#30324e;--label-background-color:#404b69;--label-background-on-secondary-color:#404b69;--icon-on-secondary-color:#c3c6d4;--placeholder-color-with-opacity:rgba(195, 198, 212, 0.1);--placeholder-on-secondary-color:#c3c6d4;--ui-border-on-secondary-color:#797e93;--layout-border-on-secondary-color:#4b4e69;--disabled-background-on-secondary-color:#3c3f59;--disabled-text-on-secondary-color:rgba(255, 255, 255, var(--disabled-component-opacity));--box-shadow-mediun:0px 6px 20px rgba(233, 233, 233, 0.2)}.black-app-theme{--primary-color:#375d81;--primary-on-secondary-color:#0073ea;--primary-hover-color:#152d44;--surface-selected:#0d1d2d;--primary-selected-hover-color:#0d2e65;--primary-highlighted-color:#0b2858;--text-primary:#FFFFFF;--text-secondary:#b5b5b5;--text-tertiary:#5c5c5c;--text-color-on-primary:#FFFFFF;--text-color-on-inverted:#111111;--placeholder-color:#aaaaaa;--icon-primary:#aaaaaa;--link-color:#91a9c0;--fixed-light-color:#FFFFFF;--fixed-dark-color:#000000;--surface-primary:#212121;--surface-primary-hover:rgba(33, 33, 33, 0.3);--surface-secondary:#3a3a3a;--surface-tertiary:#5c5c5c;--surface-quaternary:#757575;--surface-inverse:#FFFFFF;--surface-success:#003524;--surface-alert:#560000;--surface-warning:#6e5011;--disabled-text-color:rgba(255, 255, 255, var(--disabled-component-opacity));--disabled-background-color:#3a3a3a;--positive-color:#004932;--positive-color-hover:#025b40;--positive-color-selected:#025b40;--positive-color-selected-hover:#076b4d;--negative-color:#6d0200;--negative-color-hover:#810701;--negative-color-selected:#810701;--negative-color-selected-hover:#930f08;--divider-primary:#5c5c5c;--divider-secondary:#757575;--divider-overlay:rgba(0, 0, 0, 0.1);--divider-halo:#2b4d6e;--divider-selected:#91a9c0;--warning-color:#9e721f;--warning-color-hover:#cf9330;--warning-color-selected:#cf9330;--warning-color-selected-hover:#ffb444;--brand-color:#375d81;--brand-hover-color:#152d44;--brand-selected-color:#0d1d2d;--brand-selected-hover-color:#0d2e65;--text-color-on-brand:#FFFFFF;--box-shadow-xs:0px 4px 6px -4px #000000;--box-shadow-small:0px 4px 8px #000000;--box-shadow-medium:0px 6px 20px #000000;--box-shadow-large:0px 15px 50px #000000;--shadow-color:#000000;--color-grass_green:#359970;--color-grass_green-hover:#116846;--color-grass_green-selected:#0a482e;--color-done-green:#33d391;--color-done-green-hover:#0f9b63;--color-done-green-selected:#096c43;--color-done-green-selected-with-opacity:rgba(9, 108, 67, 0.6);--color-bright-green:#b0dc51;--color-bright-green-hover:#7ca32b;--color-bright-green-selected:#56721b;--color-saladish:#d5c567;--color-saladish-hover:#9d8f3e;--color-saladish-selected:#6d6329;--color-egg_yolk:#ffd533;--color-egg_yolk-hover:#c29e11;--color-egg_yolk-selected:#886e09;--color-egg_yolk-rgb:255,213,51;--color-working_orange:#fdbc64;--color-working_orange-hover:#c0873c;--color-working_orange-selected:#875e27;--color-dark-orange:#ff7b4d;--color-dark-orange-hover:#c25531;--color-dark-orange-selected:#883a1f;--color-peach:#ffbdbd;--color-peach-hover:#c2888a;--color-peach-selected:#885f5f;--color-sunset:#ff9191;--color-sunset-hover:#c26163;--color-sunset-selected:#884343;--color-sunset-selected-with-opacity:rgba(136, 67, 67, 0.6);--color-stuck-red:#e8697d;--color-stuck-red-hover:#ad3f51;--color-stuck-red-selected:#792a36;--color-dark-red:#c95c76;--color-dark-red-hover:#92334c;--color-dark-red-selected:#662232;--color-sofia_pink:#ff44a1;--color-sofia_pink-hover:#c21e71;--color-sofia_pink-selected:#88134d;--color-lipstick:#ff7bd0;--color-lipstick-hover:#c24e9a;--color-lipstick-selected:#88356a;--color-bubble:#fbb4f4;--color-bubble-hover:#be80ba;--color-bubble-selected:#855981;--color-purple:#b57de3;--color-purple-hover:#8050ab;--color-purple-selected:#593776;--color-dark_purple:#936fda;--color-dark_purple-hover:#6344a3;--color-dark_purple-selected:#442e71;--color-berry:#9862a1;--color-berry-hover:#673971;--color-berry-selected:#47264d;--color-dark_indigo:#6645a9;--color-dark_indigo-hover:#3c1f78;--color-dark_indigo-selected:#291452;--color-indigo:#777ae5;--color-indigo-hover:#4b4ead;--color-indigo-selected:#333578;--color-navy:#4e73a7;--color-navy-hover:#274776;--color-navy-selected:#193151;--color-bright-blue:#79affd;--color-bright-blue-hover:#4c7cc1;--color-bright-blue-selected:#345686;--color-dark-blue:#339ecd;--color-dark-blue-hover:#0f6d97;--color-dark-blue-selected:#094b69;--color-aquamarine:#71d6d1;--color-aquamarine-hover:#469e9b;--color-aquamarine-selected:#2f6e6b;--color-chili-blue:#85d6ff;--color-chili-blue-hover:#569ec3;--color-chili-blue-selected:#3b6e88;--color-river:#86b4ca;--color-river-hover:#588095;--color-river-selected:#3c5967;--color-winter:#aebdca;--color-winter-hover:#7b8895;--color-winter-selected:#555f67;--color-explosive:#d0d0d0;--color-explosive-hover:#98999a;--color-explosive-selected:#6a6a6a;--color-american_gray:#999999;--color-american_gray-hover:#69696a;--color-american_gray-selected:#494949;--color-blackish:#5c5c5c;--color-blackish-hover:#222222;--color-blackish-selected:#111111;--color-brown:#99756c;--color-brown-hover:#684943;--color-brown-selected:#48322c;--color-orchid:#e190c0;--color-orchid-hover:#b4739a;--color-orchid-selected:#7e516c;--color-tan:#bdab95;--color-tan-hover:#978977;--color-tan-selected:#6a6053;--color-sky:#b4e9f8;--color-sky-hover:#90bac6;--color-sky-selected:#65828b;--color-coffee:#ca9a8b;--color-coffee-hover:#a27b6f;--color-coffee-selected:#71564e;--color-royal:#5591ea;--color-royal-hover:#4474bb;--color-royal-selected:#305183;--color-teal:#457b82;--color-teal-hover:#376268;--color-teal-selected:#274549;--color-lavender:#cab9fa;--color-lavender-hover:#a294c8;--color-lavender-selected:#71688c;--color-steel:#bacbed;--color-steel-hover:#95a2be;--color-steel-selected:#687185;--color-lilac:#687185;--color-lilac-hover:#8e8a9f;--color-lilac-selected:#63616f;--color-pecan:#786565;--color-pecan-hover:#605151;--color-pecan-selected:#433939;--primary-on-secondary-color:#0073ea;--primary-hover-on-secondary-color:#0060b9;--surface-selected-rgb:19,55,116;--primary-selected-on-secondary-color:#133774;--primary-text-on-secondary-color:#eeeeee;--surface-primary-rgb:17,17,17;--primary-background-hover-on-secondary-color:#636363;--surface-secondary-rgb:44,44,44;--text-tertiary:#5c5c5c;--link-on-secondary-color:#69a7ef;--modal-background-color:#181b34;--dark-background-color:#2c2c2c;--dark-background-on-secondary-color:#4b4e69;--dialog-background-color:#2c2c2c;--label-background-color:#404b69;--label-background-on-secondary-color:#404b69;--icon-on-secondary-color:#aaaaaa;--placeholder-color-with-opacity:rgba(170, 170, 170, 0.1);--placeholder-on-secondary-color:#aaaaaa;--ui-border-on-secondary-color:#8d8d8d;--layout-border-on-secondary-color:#636363;--disabled-background-on-secondary-color:#3a3a3a;--disabled-text-on-secondary-color:rgba(255, 255, 255, var(--disabled-component-opacity));--box-shadow-mediun:0px 6px 20px rgba(233, 233, 233, 0.2)}.hacker_theme-app-theme{--primary-color:#fe78c6;--primary-hover-color:#fe5ab9;--surface-selected:#0d1d2d;--primary-selected-hover-color:#0d2e65;--primary-highlighted-color:#0b2858;--text-primary:#FFFFFF;--text-secondary:#b5b5b5;--text-tertiary:#5c5c5c;--text-color-on-inverted:#323338;--placeholder-color:#c3c6d4;--icon-primary:#c3c6d4;--link-color:#91a9c0;--fixed-light-color:#FFFFFF;--fixed-dark-color:#000000;--surface-primary:#111111;--surface-primary-hover:rgba(17, 17, 17, 0.3);--surface-secondary:#000000;--surface-tertiary:#000000;--surface-quaternary:#000000;--surface-inverse:#FFFFFF;--surface-success:#003524;--surface-alert:#560000;--surface-warning:#6e5011;--disabled-text-color:rgba(255, 255, 255, var(--disabled-component-opacity));--disabled-background-color:#3a3a3a;--positive-color:#004932;--positive-color-hover:#025b40;--positive-color-selected:#025b40;--positive-color-selected-hover:#076b4d;--negative-color:#6d0200;--negative-color-hover:#810701;--negative-color-selected:#810701;--negative-color-selected-hover:#930f08;--divider-primary:#5c5c5c;--divider-secondary:#757575;--divider-overlay:rgba(0, 0, 0, 0.1);--divider-halo:#2b4d6e;--divider-selected:#91a9c0;--warning-color:#9e721f;--warning-color-hover:#cf9330;--warning-color-selected:#cf9330;--warning-color-selected-hover:#ffb444;--brand-color:#fe78c6;--brand-hover-color:#fe5ab9;--brand-selected-color:#0d1d2d;--brand-selected-hover-color:#0d2e65;--box-shadow-xs:0px 4px 6px -4px #000000;--box-shadow-small:0px 4px 8px #000000;--box-shadow-medium:0px 6px 20px #000000;--box-shadow-large:0px 15px 50px #000000;--shadow-color:#000000;--color-grass_green:#359970;--color-grass_green-hover:#116846;--color-grass_green-selected:#0a482e;--color-done-green:#33d391;--color-done-green-hover:#0f9b63;--color-done-green-selected:#096c43;--color-done-green-selected-with-opacity:rgba(9, 108, 67, 0.6);--color-bright-green:#b0dc51;--color-bright-green-hover:#7ca32b;--color-bright-green-selected:#56721b;--color-saladish:#d5c567;--color-saladish-hover:#9d8f3e;--color-saladish-selected:#6d6329;--color-egg_yolk:#ffd533;--color-egg_yolk-hover:#c29e11;--color-egg_yolk-selected:#886e09;--color-egg_yolk-rgb:255,213,51;--color-working_orange:#fdbc64;--color-working_orange-hover:#c0873c;--color-working_orange-selected:#875e27;--color-dark-orange:#ff7b4d;--color-dark-orange-hover:#c25531;--color-dark-orange-selected:#883a1f;--color-peach:#ffbdbd;--color-peach-hover:#c2888a;--color-peach-selected:#885f5f;--color-sunset:#ff9191;--color-sunset-hover:#c26163;--color-sunset-selected:#884343;--color-sunset-selected-with-opacity:rgba(136, 67, 67, 0.6);--color-stuck-red:#e8697d;--color-stuck-red-hover:#ad3f51;--color-stuck-red-selected:#792a36;--color-dark-red:#c95c76;--color-dark-red-hover:#92334c;--color-dark-red-selected:#662232;--color-sofia_pink:#ff44a1;--color-sofia_pink-hover:#c21e71;--color-sofia_pink-selected:#88134d;--color-lipstick:#ff7bd0;--color-lipstick-hover:#c24e9a;--color-lipstick-selected:#88356a;--color-bubble:#fbb4f4;--color-bubble-hover:#be80ba;--color-bubble-selected:#855981;--color-purple:#b57de3;--color-purple-hover:#8050ab;--color-purple-selected:#593776;--color-dark_purple:#936fda;--color-dark_purple-hover:#6344a3;--color-dark_purple-selected:#442e71;--color-berry:#9862a1;--color-berry-hover:#673971;--color-berry-selected:#47264d;--color-dark_indigo:#6645a9;--color-dark_indigo-hover:#3c1f78;--color-dark_indigo-selected:#291452;--color-indigo:#777ae5;--color-indigo-hover:#4b4ead;--color-indigo-selected:#333578;--color-navy:#4e73a7;--color-navy-hover:#274776;--color-navy-selected:#193151;--color-bright-blue:#79affd;--color-bright-blue-hover:#4c7cc1;--color-bright-blue-selected:#345686;--color-dark-blue:#339ecd;--color-dark-blue-hover:#0f6d97;--color-dark-blue-selected:#094b69;--color-aquamarine:#71d6d1;--color-aquamarine-hover:#469e9b;--color-aquamarine-selected:#2f6e6b;--color-chili-blue:#85d6ff;--color-chili-blue-hover:#569ec3;--color-chili-blue-selected:#3b6e88;--color-river:#86b4ca;--color-river-hover:#588095;--color-river-selected:#3c5967;--color-winter:#aebdca;--color-winter-hover:#7b8895;--color-winter-selected:#555f67;--color-explosive:#d0d0d0;--color-explosive-hover:#98999a;--color-explosive-selected:#6a6a6a;--color-american_gray:#999999;--color-american_gray-hover:#69696a;--color-american_gray-selected:#494949;--color-blackish:#5c5c5c;--color-blackish-hover:#222222;--color-blackish-selected:#111111;--color-brown:#99756c;--color-brown-hover:#684943;--color-brown-selected:#48322c;--color-orchid:#e190c0;--color-orchid-hover:#b4739a;--color-orchid-selected:#7e516c;--color-tan:#bdab95;--color-tan-hover:#978977;--color-tan-selected:#6a6053;--color-sky:#b4e9f8;--color-sky-hover:#90bac6;--color-sky-selected:#65828b;--color-coffee:#ca9a8b;--color-coffee-hover:#a27b6f;--color-coffee-selected:#71564e;--color-royal:#5591ea;--color-royal-hover:#4474bb;--color-royal-selected:#305183;--color-teal:#457b82;--color-teal-hover:#376268;--color-teal-selected:#274549;--color-lavender:#cab9fa;--color-lavender-hover:#a294c8;--color-lavender-selected:#71688c;--color-steel:#bacbed;--color-steel-hover:#95a2be;--color-steel-selected:#687185;--color-lilac:#687185;--color-lilac-hover:#8e8a9f;--color-lilac-selected:#63616f;--color-pecan:#786565;--color-pecan-hover:#605151;--color-pecan-selected:#433939;--color-success:#50fa7b;--color-error:#ff5555;--primary-on-secondary-color:#fe78c6;--primary-hover-on-secondary-color:#fe5ab9;--surface-selected-rgb:159,64,119;--primary-selected-on-secondary-color:#9f4077;--primary-text-on-secondary-color:#d5d8df;--surface-primary-rgb:40,42,54;--primary-background-hover-on-secondary-color:#4b4e69;--surface-secondary-rgb:48,50,78;--text-tertiary:#5c5c5c;--link-on-secondary-color:#bd93f9;--modal-background-color:#282a36;--dark-background-color:#303241;--dark-background-on-secondary-color:#595959;--dialog-background-color:#30324e;--label-background-color:#404b69;--label-background-on-secondary-color:#404b69;--icon-on-secondary-color:#c3c6d4;--placeholder-color-with-opacity:rgba(195, 198, 212, 0.1);--placeholder-on-secondary-color:#c3c6d4;--ui-border-on-secondary-color:#797e93;--layout-border-on-secondary-color:#414458;--disabled-background-on-secondary-color:#3a3a3a;--disabled-text-on-secondary-color:rgba(255, 255, 255, var(--disabled-component-opacity));--box-shadow-mediun:0px 6px 20px rgba(233, 233, 233, 0.2)}";!function(o){if("undefined"==typeof document)return;const e=document.head||document.getElementsByTagName("head")[0],r="s_id-2f6d0333ebfd_0_0_33";if(e.querySelector("#"+r))return;const c=document.createElement("style");c.id=r,e.firstChild?e.insertBefore(c,e.firstChild):e.appendChild(c),c.appendChild(document.createTextNode(o))}(o);export{o as default};
+var o=":root{--motion-productive-short:70ms;--motion-productive-medium:250ms;--motion-productive-long:400ms;--motion-expressive-short:250ms;--motion-expressive-long:400ms;--motion-timing-enter:cubic-bezier(0, 0, 0.35, 1);--motion-timing-exit:cubic-bezier(0.4, 0, 1, 4);--motion-timing-transition:cubic-bezier(0.4, 0, 0.2, 1);--motion-timing-emphasize:cubic-bezier(0, 0, 0.2, 1.4);--expand-animation-timing:var(--motion-timing-enter);--spacing-xs:4px;--spacing-small:8px;--spacing-medium:16px;--spacing-large:24px;--spacing-xl:32px;--spacing-xxl:48px;--spacing-xxxl:64px;--border-width:1px;--border-style:solid;--border-radius-small:2px;--border-radius-medium:6px;--border-radius-big:16px;--disabled-component-opacity:0.38;--effect-divider-halo:0 0 0 3px var(--divider-halo);--font-family:Inter,Roboto,Noto Sans Hebrew,Noto Kufi Arabic,Noto Sans JP,sans-serif;--title-font-family:Inter,Roboto,Noto Sans Hebrew,Noto Kufi Arabic,Noto Sans JP,sans-serif;--h1-font-family:var(--title-font-family);--font-smoothing-webkit:antialiased;--font-smoothing-moz:grayscale;--font-weight-very-light:200;--font-weight-light:300;--font-weight-normal:400;--font-weight-bold:500;--font-size-10:14px;--font-size-20:14px;--font-size-30:16px;--font-size-40:18px;--font-size-50:24px;--font-size-60:30px;--font-line-height-10:18px;--font-line-height-20:24px;--font-line-height-30:24px;--font-line-height-40:24px;--font-line-height-50:32px;--font-line-height-60:42px;--font-size-h1:var(--font-size-60);--font-size-h2:var(--font-size-50);--font-size-h3:var(--font-size-50);--font-size-h4:var(--font-size-40);--font-size-h5:var(--font-size-30);--font-size-h6:var(--font-size-30);--font-size-general-label:var(--font-size-20);--font-size-paragraph:var(--font-size-30);--font-size-subtext:var(--font-size-10);--font-line-height-h1:var(--font-line-height-60);--font-line-height-h2:var(--font-line-height-50);--font-line-height-h3:var(--font-line-height-50);--font-line-height-h4:var(--font-line-height-40);--font-line-height-h5:var(--font-line-height-30);--font-line-height-h6:var(--font-line-height-30);--font-line-height-general-label:var(--font-line-height-20);--font-line-height-paragraph:var(--font-line-height-30);--font-line-height-subtext:var(--font-line-height-10);--font-h1:var(--font-weight-bold) var(--font-size-h1)/var(--font-line-height-h1) var(--title-font-family);--font-h2:var(--font-weight-bold) var(--font-size-h2)/var(--font-line-height-h2) var(--title-font-family);--font-h3:var(--font-weight-light) var(--font-size-h3)/var(--font-line-height-h3) var(--title-font-family);--font-h4:var(--font-weight-bold) var(--font-size-h4)/var(--font-line-height-h4) var(--title-font-family);--font-h5:var(--font-weight-bold) var(--font-size-h5)/var(--font-line-height-h5) var(--font-family);--font-h6:var(--font-weight-bold) var(--font-size-h6)/var(--font-line-height-h6) var(--font-family);--font-general-label:var(--font-weight-normal) var(--font-size-general-label)/var(--font-line-height-general-label) var(--font-family);--font-paragraph:var(--font-weight-normal) var(--font-size-paragraph)/var(--font-line-height-paragraph) var(--font-family);--font-subtext:var(--font-weight-normal) var(--font-size-subtext)/var(--font-line-height-subtext) var(--font-family);--font-h1-bold:700 52px/60px var(--title-font-family);--font-h1-normal:500 52px/60px var(--title-font-family);--font-h1-light:300 52px/60px var(--title-font-family);--font-h2-bold:700 44px/64px var(--title-font-family);--font-h2-normal:500 44px/64px var(--title-font-family);--font-h2-light:300 44px/64px var(--title-font-family);--font-h3-bold:600 28px/44px var(--title-font-family);--font-h3-normal:500 28px/44px var(--title-font-family);--font-h3-light:300 28px/44px var(--title-font-family);--font-h4-bold:600 22px/34px var(--title-font-family);--font-h4-normal:500 22px/34px var(--title-font-family);--font-h4-light:300 22px/34px var(--title-font-family);--font-h5-bold:600 18px/24px var(--title-font-family);--font-h5-normal:500 18px/24px var(--title-font-family);--font-h5-light:300 18px/24px var(--title-font-family);--font-h6-bold:600 14px/18px var(--title-font-family);--font-h6-normal:500 14px/18px var(--title-font-family);--font-h6-light:300 14px/18px var(--title-font-family);--font-text1-bold:700 14px/24px var(--font-family);--font-text1-medium:600 14px/24px var(--font-family);--font-text1-normal:400 14px/24px var(--font-family);--font-text2-bold:700 12px/18px var(--font-family);--font-text2-medium:600 12px/18px var(--font-family);--font-text2-normal:400 12px/18px var(--font-family);--letter-spacing-h1-bold:-0.5px;--letter-spacing-h1-normal:-0.5px;--letter-spacing-h1-light:-0.5px;--letter-spacing-h2-bold:-0.1px;--letter-spacing-h2-normal:-0.1px;--letter-spacing-h2-light:-0.1px;--letter-spacing-h3-bold:-0.1px;--letter-spacing-h3-normal:-0.1px;--letter-spacing-h3-light:-0.1px;--letter-spacing-h4-bold:-0.1px;--letter-spacing-h4-normal:-0.1px;--letter-spacing-h4-light:-0.1px;--letter-spacing-h5-bold:-0.1px;--letter-spacing-h5-normal:-0.1px;--letter-spacing-h5-light:-0.1px;--letter-spacing-h6-bold:-0.1px;--letter-spacing-h6-normal:-0.1px;--letter-spacing-h6-light:-0.1px}.default-app-theme,.light-app-theme,:root{--color-highlight_blue:#cce5ff;--color-basic_blue:#0073ea;--color-dark_blue:#0060b9;--color-bazooka:#f65f7c;--color-snow_white:#ffffff;--color-riverstone_gray:#f6f7fb;--color-ui_grey:#dcdfec;--color-wolf_gray:#c3c6d4;--color-asphalt:#676879;--color-mud_black:#323338;--color-success:#00854d;--color-success-hover:#007038;--color-success-highlight:#bbdbc9;--color-error:#d83a52;--color-error-hover:#b63546;--color-error-highlight:#f4c3cb;--color-link_color:#1f76c2;--color-surface:#292f4c;--color-white:#FFFFFF;--color-black:#000000;--color-titanium-500:#f1f1ed;--color-obsidian-500:#222225;--color-solar-flare-100:#ffdfe3;--color-solar-flare-200:#ffadb7;--color-solar-flare-300:#ff697b;--color-solar-flare-400:#ff3a52;--color-solar-flare-500:#ff0020;--color-solar-flare-600:#de001c;--color-solar-flare-700:#bb0018;--color-solar-flare-800:#8b0012;--color-solar-flare-900:#60000c;--color-solar-flare-950:#3c0008;--color-gray-100:#f8f8f8;--color-gray-200:#e9e9e9;--color-gray-300:#d1d1d1;--color-gray-400:#b5b5b5;--color-gray-500:#8e8e8e;--color-gray-600:#757575;--color-gray-700:#5c5c5c;--color-gray-800:#3a3a3a;--color-gray-900:#212121;--color-gray-950:#111111;--color-yellow-100:#fffbf2;--color-yellow-200:#ffedca;--color-yellow-300:#ffd993;--color-yellow-400:#ffc769;--color-yellow-500:#ffb444;--color-yellow-600:#cf9330;--color-yellow-700:#9e721f;--color-yellow-800:#6e5011;--color-yellow-900:#3d2d07;--color-yellow-950:#281d04;--color-orange-100:#FCF6F3;--color-orange-200:#FEDBC9;--color-orange-300:#F8B897;--color-orange-400:#F29261;--color-orange-500:#E17037;--color-orange-600:#C9571D;--color-orange-700:#A34110;--color-orange-800:#80320A;--color-orange-900:#572004;--color-orange-950:#351302;--color-lime-100:#f2fced;--color-lime-200:#cff1ba;--color-lime-300:#ace48a;--color-lime-400:#8ad35d;--color-lime-500:#68bf33;--color-lime-600:#54a324;--color-lime-700:#418518;--color-lime-800:#2f650e;--color-lime-900:#1d4207;--color-lime-950:#132e02;--color-green-100:#f0f7f5;--color-green-200:#b4d8cc;--color-green-300:#78b6a3;--color-green-400:#3e9178;--color-green-500:#076b4d;--color-green-600:#025b40;--color-green-700:#004932;--color-green-800:#003524;--color-green-900:#001f14;--color-green-950:#00170f;--color-teal-100:#eff8fb;--color-teal-200:#c2e5ed;--color-teal-300:#97cfdc;--color-teal-400:#6eb8c9;--color-teal-500:#48a0b4;--color-teal-600:#378799;--color-teal-700:#286c7c;--color-teal-800:#1b515d;--color-teal-900:#0f343d;--color-teal-950:#061f25;--color-steel-100:#f2f5f8;--color-steel-200:#c1cfdd;--color-steel-300:#91a9c0;--color-steel-400:#6383a1;--color-steel-500:#375d81;--color-steel-600:#2b4d6e;--color-steel-700:#1f3d59;--color-steel-800:#152d44;--color-steel-900:#0d1d2d;--color-steel-950:#07121e;--color-pink-100:#fbeefc;--color-pink-200:#efbff0;--color-pink-300:#e093e1;--color-pink-400:#ce69d0;--color-pink-500:#ba42bc;--color-pink-600:#9e31a0;--color-pink-700:#812382;--color-pink-800:#611762;--color-pink-900:#3f0d40;--color-pink-950:#250526;--color-red-100:#f9ebeb;--color-red-200:#e4b0b0;--color-red-300:#cc7775;--color-red-400:#b1423c;--color-red-500:#930f08;--color-red-600:#810701;--color-red-700:#6d0200;--color-red-800:#560000;--color-red-900:#3d0000;--color-red-950:#260000;--color-purple-100:#f3ebf9;--color-purple-200:#ab7cd0;--color-purple-300:#ab7cd0;--color-purple-400:#8749b8;--color-purple-500:#62199c;--color-purple-600:#531088;--color-purple-700:#41086e;--color-purple-800:#300353;--color-purple-900:#1e0037;--color-purple-950:#130023;--primary-color:#375d81;--primary-hover-color:#152d44;--surface-selected:#f2f5f8;--primary-selected-hover-color:#07121e;--primary-highlighted-color:#c1cfdd;--text-primary:#212121;--text-secondary:#8e8e8e;--text-tertiary:#d1d1d1;--text-color-on-primary:#FFFFFF;--text-color-on-inverted:#FFFFFF;--placeholder-color:#8e8e8e;--icon-primary:#212121;--link-color:#375d81;--fixed-light-color:#FFFFFF;--fixed-dark-color:#000000;--surface-primary:#FFFFFF;--surface-primary-hover:#f8f8f8;--surface-secondary:#f8f8f8;--surface-tertiary:#e9e9e9;--surface-quaternary:#d1d1d1;--surface-inverse:#000000;--surface-success:#f0f7f5;--surface-alert:#f9ebeb;--surface-warning:#fffbf2;--disabled-background-color:#ecedf5;--disabled-text-color:rgba(33, 33, 33, var(--disabled-component-opacity));--positive-color:#3e9178;--positive-color-hover:#025b40;--positive-color-selected:#025b40;--positive-color-selected-hover:#004932;--negative-color:#b1423c;--negative-color-hover:#810701;--negative-color-selected:#810701;--negative-color-selected-hover:#6d0200;--divider-primary:#e9e9e9;--divider-secondary:#d1d1d1;--divider-overlay:rgba(233, 233, 233, 0.1);--divider-halo:#c1cfdd;--divider-selected:#375d81;--warning-color:#ffc769;--warning-color-hover:#cf9330;--warning-color-selected:#cf9330;--warning-color-selected-hover:#9e721f;--brand-color:#375d81;--brand-hover-color:#152d44;--brand-selected-color:#f2f5f8;--brand-selected-hover-color:#07121e;--text-color-on-brand:#FFFFFF;--box-shadow-xs:0px 4px 6px -4px rgba(233, 233, 233, 0.1);--box-shadow-small:0px 4px 8px rgba(233, 233, 233, 0.2);--box-shadow-medium:0px 6px 20px rgba(233, 233, 233, 0.2);--box-shadow-large:0px 15px 50px rgba(233, 233, 233, 0.3);--shadow-color:#e9e9e9;--color-grass_green:#037f4c;--color-grass_green-hover:#116846;--color-grass_green-selected:#81bfa5;--color-done-green:#00c875;--color-done-green-hover:#0f9b63;--color-done-green-selected:#80e3ba;--color-done-green-selected-with-opacity:rgba(128, 227, 186, 0.6);--color-bright-green:#9cd326;--color-bright-green-hover:#7ca32b;--color-bright-green-selected:#cde992;--color-saladish:#cab641;--color-saladish-hover:#9d8f3e;--color-saladish-selected:#e4daa0;--color-egg_yolk:#ffcb00;--color-egg_yolk-hover:#c29e11;--color-egg_yolk-selected:#ffe580;--color-egg_yolk-rgb:255,213,51;--color-working_orange:#fdab3d;--color-working_orange-hover:#c0873c;--color-working_orange-selected:#fed59e;--color-dark-orange:#ff642e;--color-dark-orange-hover:#c25531;--color-dark-orange-selected:#ffb196;--color-peach:#ffadad;--color-peach-hover:#c2888a;--color-peach-selected:#ffd6d6;--color-sunset:#ff7575;--color-sunset-hover:#c26163;--color-sunset-selected:#ffbaba;--color-sunset-selected-with-opacity:rgba(255, 186, 186, 0.6);--color-stuck-red:#e2445c;--color-stuck-red-hover:#ad3f51;--color-stuck-red-selected:#f0a1ad;--color-dark-red:#bb3354;--color-dark-red-hover:#92334c;--color-dark-red-selected:#dd99a9;--color-sofia_pink:#ff158a;--color-sofia_pink-hover:#c21e71;--color-sofia_pink-selected:#ff8ac4;--color-lipstick:#ff5ac4;--color-lipstick-hover:#c24e9a;--color-lipstick-selected:#fface1;--color-bubble:#faa1f1;--color-bubble-hover:#be80ba;--color-bubble-selected:#fcd0f8;--color-purple:#a25ddc;--color-purple-hover:#8050ab;--color-purple-selected:#d0aeed;--color-dark_purple:#784bd1;--color-dark_purple-hover:#6344a3;--color-dark_purple-selected:#bba5e8;--color-berry:#7e3b8a;--color-berry-hover:#673971;--color-berry-selected:#be9dc4;--color-dark_indigo:#401694;--color-dark_indigo-hover:#3c1f78;--color-dark_indigo-selected:#a08bc9;--color-indigo:#5559df;--color-indigo-hover:#4b4ead;--color-indigo-selected:#aaacef;--color-navy:#225091;--color-navy-hover:#274776;--color-navy-selected:#90a7c8;--color-bright-blue:#579bfc;--color-bright-blue-hover:#4c7cc1;--color-bright-blue-selected:#abcdfd;--color-dark-blue:#0086c0;--color-dark-blue-hover:#0f6d97;--color-dark-blue-selected:#80c2df;--color-aquamarine:#4eccc6;--color-aquamarine-hover:#469e9b;--color-aquamarine-selected:#a6e5e2;--color-chili-blue:#66ccff;--color-chili-blue-hover:#569ec3;--color-chili-blue-selected:#b2e5ff;--color-river:#68a1bd;--color-river-hover:#588095;--color-river-selected:#b3d0de;--color-winter:#9aadbd;--color-winter-hover:#7b8895;--color-winter-selected:#ccd6de;--color-explosive:#c4c4c4;--color-explosive-hover:#98999a;--color-explosive-selected:#e1e1e1;--color-american_gray:#808080;--color-american_gray-hover:#69696a;--color-american_gray-selected:#bfbfbf;--color-blackish:#333333;--color-blackish-hover:#222222;--color-blackish-selected:#999999;--color-brown:#7f5347;--color-brown-hover:#684943;--color-brown-selected:#bfa9a3;--color-orchid:#d974b0;--color-orchid-hover:#ae5d8d;--color-orchid-selected:#ecbad7;--color-tan:#ad967a;--color-tan-hover:#8a7862;--color-tan-selected:#d6cabc;--color-sky:#a1e3f6;--color-sky-hover:#81b6c5;--color-sky-selected:#d0f1fa;--color-coffee:#bd816e;--color-coffee-hover:#976758;--color-coffee-selected:#dec0b7;--color-royal:#2b76e5;--color-royal-hover:#225eb7;--color-royal-selected:#95bbf2;--color-teal:#175a63;--color-teal-hover:#12484f;--color-teal-selected:#8bacb1;--color-lavender:#bda8f9;--color-lavender-hover:#9786c7;--color-lavender-selected:#ded4fc;--color-steel:#a9bee8;--color-steel-hover:#8798ba;--color-steel-selected:#d4dff4;--color-lilac:#9d99b9;--color-lilac-hover:#7e7a94;--color-lilac-selected:#ceccdc;--color-pecan:#563e3e;--color-pecan-hover:#453232;--color-pecan-selected:#ab9f9f;--color-dark_marble:#f1f1f1;--color-marble:#f7f7f7;--color-gainsboro:#e1e1e1;--color-extra_light_gray:#edeef0;--color-glitter:#d9f0ff;--color-ultra_light_gray:#ebebeb;--color-very_light_gray:#a1a1a1;--color-jaco_gray:#9699a6;--color-storm_gray:#6b6d77;--color-trolley-grey:#808080;--color-basic_light_blue:#c7e6fa;--color-light_blue:#61caf7;--color-turquoise:#66ccff;--color-aqua:#00d1d1;--color-live_blue:#009aff;--color-jeans:#597bfc;--color-burned_eggplant:#181d37;--color-light-pink:#ff5ac4;--color-dark-pink:#ff158a;--color-dark_red:#bb3354;--color-yellow:#ffcb00;--color-mustered:#cab641;--color-orange:#fdab3d;--color-lime-green:#9cd326;--color-jade:#03c875;--color-green-haze:#00a359;--color-grass-green:#037f4c;--color-amethyst:#a25ddc;--color-dark-purple:#784bd1;--color-blue_links:#0086c0;--color-blue-links:#0086c0;--color-private:#f65f7c;--color-public:#009aff;--color-board_views_grey:#6e6f8f;--color-board_views_grey_hover:#b2b3d0;--color-board_views_blue:#1c1f3b;--color-board_views_blue_secondary:#363a52;--color-border_light_gray:#f5f6f8;--color-brand-blue:#00a9ff;--color-brand-charcoal:#2b2c5c;--color-brand-gold:#ffcc00;--color-brand-green:#11dd80;--color-brand-iris:#595ad4;--color-brand-light-blue:#00cff4;--color-brand-malachite:#00cd6f;--color-brand-purple:#a358d0;--color-brand-red:#f74875;--color-deadline_upcoming_indication:#5d6387;--color-default_group_color:#579bfc;--color-form_btn_hover:#0083d9;--color-form_purple:#575c96;--color-highlight:#dff0ff;--color-green_shadow:#00c875;--color-green-shadow:#00c875;--color-red_shadow:#e2445c;--color-red-shadow:#e2445c;--color-pulse_bg:#f0f0f0;--color-pulse_text_color:#333333;--color-placholder_gray:#d8d8d8;--color-placeholder_light_gray:#efefef;--color-excel-green:#207245;--color-media-blue:#2ea2e9;--color-pdf-red:#bb0706;--color-ppt-orange:#d64e2a;--color-word-blue:#2a5699;--color-zip-orange:#e4901c;--color-like_red:#fb275d;--color-scrollbar_gray:#b2b2b2;--color-timeline_grid_blue:#454662;--color-timeline_blue:#1c1f3b;--color-highlight_blue-rgb:204,229,255;--color-snow_white-with-opacity:rgba(255, 255, 255, 0.4);--color-wolf_gray-with-opacity:rgba(195, 198, 212, 0.1);--color-asphalt-with-opacity:rgba(103, 104, 121, 0.1);--primary-on-secondary-color:#0073ea;--primary-hover-on-secondary-color:#0060b9;--surface-selected-rgb:204,229,255;--primary-selected-on-secondary-color:#cce5ff;--primary-text-on-secondary-color:#323338;--text-color-on-primary-with-opacity:rgba(255, 255, 255, 0.4);--text-tertiary:#d1d1d1;--placeholder-color-with-opacity:rgba(103, 104, 121, 0.1);--placeholder-on-secondary-color:#676879;--icon-on-secondary-color:#676879;--link-on-secondary-color:#1f76c2;--label-background-color:#cce5ff;--label-background-on-secondary-color:#cce5ff;--surface-primary-rgb:255,255,255;--primary-background-hover-on-secondary-color:#dcdfec;--modal-background-color:#ffffff;--surface-secondary-rgb:255,255,255;--disabled-background-on-secondary-color:#ecedf5;--disabled-text-on-secondary-color:rgba(33, 33, 33, var(--disabled-component-opacity));--ui-border-on-secondary-color:#c3c6d4;--layout-border-on-secondary-color:#d1d1d1;--dark-background-color:#f6f7fb;--dark-background-on-secondary-color:#f6f7fb;--dialog-background-color:#ffffff;--box-shadow-mediun:0px 6px 20px rgba(233, 233, 233, 0.2)}.dark-app-theme{--primary-color:#375d81;--primary-on-secondary-color:#0073ea;--primary-hover-color:#152d44;--surface-selected:#0d1d2d;--primary-selected-hover-color:#0d2e65;--primary-highlighted-color:#0d2753;--text-primary:#FFFFFF;--text-secondary:#b5b5b5;--text-tertiary:#5c5c5c;--text-color-on-primary:#FFFFFF;--text-color-on-inverted:#323338;--placeholder-color:#c3c6d4;--icon-primary:#c3c6d4;--link-color:#91a9c0;--fixed-light-color:#FFFFFF;--fixed-dark-color:#000000;--surface-primary:#0d1d2d;--surface-primary-hover:rgba(13, 29, 45, 0.3);--surface-secondary:#152d44;--surface-tertiary:#1f3d59;--surface-quaternary:#2b4d6e;--surface-inverse:#f2f5f8;--surface-success:#003524;--surface-alert:#560000;--surface-warning:#6e5011;--disabled-text-color:rgba(255, 255, 255, var(--disabled-component-opacity));--disabled-background-color:#3c3f59;--positive-color:#004932;--positive-color-hover:#025b40;--positive-color-selected:#025b40;--positive-color-selected-hover:#076b4d;--negative-color:#6d0200;--negative-color-hover:#810701;--negative-color-selected:#810701;--negative-color-selected-hover:#930f08;--divider-primary:#1f3d59;--divider-secondary:#2b4d6e;--divider-overlay:rgba(7, 18, 30, 0.1);--divider-halo:#2b4d6e;--divider-selected:#91a9c0;--warning-color:#9e721f;--warning-color-hover:#cf9330;--warning-color-selected:#cf9330;--warning-color-selected-hover:#ffb444;--brand-color:#375d81;--brand-hover-color:#152d44;--brand-selected-color:#0d1d2d;--brand-selected-hover-color:#0d2e65;--text-color-on-brand:#FFFFFF;--box-shadow-xs:0px 4px 6px -4px rgba(7, 18, 30, 0.5);--box-shadow-small:0px 4px 8px rgba(7, 18, 30, 0.5);--box-shadow-medium:0px 6px 20px rgba(7, 18, 30, 0.5);--box-shadow-large:0px 15px 50px rgba(7, 18, 30, 0.5);--shadow-color:#07121e;--color-grass_green:#359970;--color-grass_green-hover:#116846;--color-grass_green-selected:#0f4f43;--color-done-green:#33d391;--color-done-green-hover:#0f9b63;--color-done-green-selected:#0e7358;--color-done-green-selected-with-opacity:rgba(14, 115, 88, 0.6);--color-bright-green:#b0dc51;--color-bright-green-hover:#7ca32b;--color-bright-green-selected:#5c7930;--color-saladish:#d5c567;--color-saladish-hover:#9d8f3e;--color-saladish-selected:#736a3e;--color-egg_yolk:#ffd533;--color-egg_yolk-hover:#c29e11;--color-egg_yolk-selected:#8d751e;--color-egg_yolk-rgb:255,213,51;--color-working_orange:#fdbc64;--color-working_orange-hover:#c0873c;--color-working_orange-selected:#8c653c;--color-dark-orange:#ff7b4d;--color-dark-orange-hover:#c25531;--color-dark-orange-selected:#8d4134;--color-peach:#ffbdbd;--color-peach-hover:#c2888a;--color-peach-selected:#8d6674;--color-sunset:#ff9191;--color-sunset-hover:#c26163;--color-sunset-selected:#8d4a58;--color-sunset-selected-with-opacity:rgba(141, 74, 88, 0.6);--color-stuck-red:#e8697d;--color-stuck-red-hover:#ad3f51;--color-stuck-red-selected:#7f314b;--color-dark-red:#c95c76;--color-dark-red-hover:#92334c;--color-dark-red-selected:#6b2947;--color-sofia_pink:#ff44a1;--color-sofia_pink-hover:#c21e71;--color-sofia_pink-selected:#8d1a62;--color-lipstick:#ff7bd0;--color-lipstick-hover:#c24e9a;--color-lipstick-selected:#8d3c7f;--color-bubble:#fbb4f4;--color-bubble-hover:#be80ba;--color-bubble-selected:#8b6096;--color-purple:#b57de3;--color-purple-hover:#8050ab;--color-purple-selected:#5f3e8b;--color-dark_purple:#936fda;--color-dark_purple-hover:#6344a3;--color-dark_purple-selected:#4a3586;--color-berry:#6645a9;--color-berry-hover:#673971;--color-berry-selected:#4d2d62;--color-dark_indigo:#401694;--color-dark_indigo-hover:#3c1f78;--color-dark_indigo-selected:#2e1b67;--color-indigo:#777ae5;--color-indigo-hover:#4b4ead;--color-indigo-selected:#383c8d;--color-navy:#4e73a7;--color-navy-hover:#274776;--color-navy-selected:#1f3866;--color-bright-blue:#79affd;--color-bright-blue-hover:#4c7cc1;--color-bright-blue-selected:#395d9b;--color-dark-blue:#339ecd;--color-dark-blue-hover:#0f6d97;--color-dark-blue-selected:#0e527e;--color-aquamarine:#71d6d1;--color-aquamarine-hover:#469e9b;--color-aquamarine-selected:#357580;--color-chili-blue:#85d6ff;--color-chili-blue-hover:#569ec3;--color-chili-blue-selected:#41759d;--color-river:#86b4ca;--color-river-hover:#588095;--color-river-selected:#42607c;--color-winter:#aebdca;--color-winter-hover:#7b8895;--color-winter-selected:#5b667c;--color-explosive:#d0d0d0;--color-explosive-hover:#98999a;--color-explosive-selected:#70717f;--color-american_gray:#999999;--color-american_gray-hover:#69696a;--color-american_gray-selected:#4e505e;--color-blackish:#5c5c5c;--color-blackish-hover:#222222;--color-blackish-selected:#272937;--color-brown:#99756c;--color-brown-hover:#684943;--color-brown-selected:#4d3941;--color-orchid:#e190c0;--color-orchid-hover:#b4739a;--color-orchid-selected:#b4739a;--color-tan:#bdab95;--color-tan-hover:#978977;--color-tan-selected:#716863;--color-sky:#b4e9f8;--color-sky-hover:#90bac6;--color-sky-selected:#6c8a9a;--color-coffee:#ca9a8b;--color-coffee-hover:#a27b6f;--color-coffee-selected:#795e5d;--color-royal:#5591ea;--color-royal-hover:#4474bb;--color-royal-selected:#375993;--color-teal:#457b82;--color-teal-hover:#376268;--color-teal-selected:#2e4d58;--color-lavender:#cab9fa;--color-lavender-hover:#a294c8;--color-lavender-selected:#85597b;--color-steel:#bacbed;--color-steel-hover:#95a2be;--color-steel-selected:#707a95;--color-lilac:#b1adc7;--color-lilac-hover:#8e8a9f;--color-lilac-selected:#6b697f;--color-pecan:#786565;--color-pecan-hover:#605151;--color-pecan-selected:#4a4148;--primary-on-secondary-color:#0073ea;--primary-hover-on-secondary-color:#0060b9;--surface-selected-rgb:19,55,116;--primary-selected-on-secondary-color:#133774;--primary-text-on-secondary-color:#d5d8df;--surface-primary-rgb:24,27,52;--primary-background-hover-on-secondary-color:#4b4e69;--surface-secondary-rgb:48,50,78;--text-tertiary:#5c5c5c;--link-on-secondary-color:#69a7ef;--modal-background-color:#181b34;--dark-background-color:#393b53;--dark-background-on-secondary-color:#4b4e69;--dialog-background-color:#30324e;--label-background-color:#404b69;--label-background-on-secondary-color:#404b69;--icon-on-secondary-color:#c3c6d4;--placeholder-color-with-opacity:rgba(195, 198, 212, 0.1);--placeholder-on-secondary-color:#c3c6d4;--ui-border-on-secondary-color:#797e93;--layout-border-on-secondary-color:#4b4e69;--disabled-background-on-secondary-color:#3c3f59;--disabled-text-on-secondary-color:rgba(255, 255, 255, var(--disabled-component-opacity));--box-shadow-mediun:0px 6px 20px rgba(233, 233, 233, 0.2)}.black-app-theme{--primary-color:#375d81;--primary-on-secondary-color:#0073ea;--primary-hover-color:#152d44;--surface-selected:#0d1d2d;--primary-selected-hover-color:#0d2e65;--primary-highlighted-color:#0b2858;--text-primary:#FFFFFF;--text-secondary:#b5b5b5;--text-tertiary:#5c5c5c;--text-color-on-primary:#FFFFFF;--text-color-on-inverted:#111111;--placeholder-color:#aaaaaa;--icon-primary:#aaaaaa;--link-color:#91a9c0;--fixed-light-color:#FFFFFF;--fixed-dark-color:#000000;--surface-primary:#212121;--surface-primary-hover:rgba(33, 33, 33, 0.3);--surface-secondary:#3a3a3a;--surface-tertiary:#5c5c5c;--surface-quaternary:#757575;--surface-inverse:#FFFFFF;--surface-success:#003524;--surface-alert:#560000;--surface-warning:#6e5011;--disabled-text-color:rgba(255, 255, 255, var(--disabled-component-opacity));--disabled-background-color:#3a3a3a;--positive-color:#004932;--positive-color-hover:#025b40;--positive-color-selected:#025b40;--positive-color-selected-hover:#076b4d;--negative-color:#6d0200;--negative-color-hover:#810701;--negative-color-selected:#810701;--negative-color-selected-hover:#930f08;--divider-primary:#5c5c5c;--divider-secondary:#757575;--divider-overlay:rgba(0, 0, 0, 0.1);--divider-halo:#2b4d6e;--divider-selected:#91a9c0;--warning-color:#9e721f;--warning-color-hover:#cf9330;--warning-color-selected:#cf9330;--warning-color-selected-hover:#ffb444;--brand-color:#375d81;--brand-hover-color:#152d44;--brand-selected-color:#0d1d2d;--brand-selected-hover-color:#0d2e65;--text-color-on-brand:#FFFFFF;--box-shadow-xs:0px 4px 6px -4px #000000;--box-shadow-small:0px 4px 8px #000000;--box-shadow-medium:0px 6px 20px #000000;--box-shadow-large:0px 15px 50px #000000;--shadow-color:#000000;--color-grass_green:#359970;--color-grass_green-hover:#116846;--color-grass_green-selected:#0a482e;--color-done-green:#33d391;--color-done-green-hover:#0f9b63;--color-done-green-selected:#096c43;--color-done-green-selected-with-opacity:rgba(9, 108, 67, 0.6);--color-bright-green:#b0dc51;--color-bright-green-hover:#7ca32b;--color-bright-green-selected:#56721b;--color-saladish:#d5c567;--color-saladish-hover:#9d8f3e;--color-saladish-selected:#6d6329;--color-egg_yolk:#ffd533;--color-egg_yolk-hover:#c29e11;--color-egg_yolk-selected:#886e09;--color-egg_yolk-rgb:255,213,51;--color-working_orange:#fdbc64;--color-working_orange-hover:#c0873c;--color-working_orange-selected:#875e27;--color-dark-orange:#ff7b4d;--color-dark-orange-hover:#c25531;--color-dark-orange-selected:#883a1f;--color-peach:#ffbdbd;--color-peach-hover:#c2888a;--color-peach-selected:#885f5f;--color-sunset:#ff9191;--color-sunset-hover:#c26163;--color-sunset-selected:#884343;--color-sunset-selected-with-opacity:rgba(136, 67, 67, 0.6);--color-stuck-red:#e8697d;--color-stuck-red-hover:#ad3f51;--color-stuck-red-selected:#792a36;--color-dark-red:#c95c76;--color-dark-red-hover:#92334c;--color-dark-red-selected:#662232;--color-sofia_pink:#ff44a1;--color-sofia_pink-hover:#c21e71;--color-sofia_pink-selected:#88134d;--color-lipstick:#ff7bd0;--color-lipstick-hover:#c24e9a;--color-lipstick-selected:#88356a;--color-bubble:#fbb4f4;--color-bubble-hover:#be80ba;--color-bubble-selected:#855981;--color-purple:#b57de3;--color-purple-hover:#8050ab;--color-purple-selected:#593776;--color-dark_purple:#936fda;--color-dark_purple-hover:#6344a3;--color-dark_purple-selected:#442e71;--color-berry:#9862a1;--color-berry-hover:#673971;--color-berry-selected:#47264d;--color-dark_indigo:#6645a9;--color-dark_indigo-hover:#3c1f78;--color-dark_indigo-selected:#291452;--color-indigo:#777ae5;--color-indigo-hover:#4b4ead;--color-indigo-selected:#333578;--color-navy:#4e73a7;--color-navy-hover:#274776;--color-navy-selected:#193151;--color-bright-blue:#79affd;--color-bright-blue-hover:#4c7cc1;--color-bright-blue-selected:#345686;--color-dark-blue:#339ecd;--color-dark-blue-hover:#0f6d97;--color-dark-blue-selected:#094b69;--color-aquamarine:#71d6d1;--color-aquamarine-hover:#469e9b;--color-aquamarine-selected:#2f6e6b;--color-chili-blue:#85d6ff;--color-chili-blue-hover:#569ec3;--color-chili-blue-selected:#3b6e88;--color-river:#86b4ca;--color-river-hover:#588095;--color-river-selected:#3c5967;--color-winter:#aebdca;--color-winter-hover:#7b8895;--color-winter-selected:#555f67;--color-explosive:#d0d0d0;--color-explosive-hover:#98999a;--color-explosive-selected:#6a6a6a;--color-american_gray:#999999;--color-american_gray-hover:#69696a;--color-american_gray-selected:#494949;--color-blackish:#5c5c5c;--color-blackish-hover:#222222;--color-blackish-selected:#111111;--color-brown:#99756c;--color-brown-hover:#684943;--color-brown-selected:#48322c;--color-orchid:#e190c0;--color-orchid-hover:#b4739a;--color-orchid-selected:#7e516c;--color-tan:#bdab95;--color-tan-hover:#978977;--color-tan-selected:#6a6053;--color-sky:#b4e9f8;--color-sky-hover:#90bac6;--color-sky-selected:#65828b;--color-coffee:#ca9a8b;--color-coffee-hover:#a27b6f;--color-coffee-selected:#71564e;--color-royal:#5591ea;--color-royal-hover:#4474bb;--color-royal-selected:#305183;--color-teal:#457b82;--color-teal-hover:#376268;--color-teal-selected:#274549;--color-lavender:#cab9fa;--color-lavender-hover:#a294c8;--color-lavender-selected:#71688c;--color-steel:#bacbed;--color-steel-hover:#95a2be;--color-steel-selected:#687185;--color-lilac:#687185;--color-lilac-hover:#8e8a9f;--color-lilac-selected:#63616f;--color-pecan:#786565;--color-pecan-hover:#605151;--color-pecan-selected:#433939;--primary-on-secondary-color:#0073ea;--primary-hover-on-secondary-color:#0060b9;--surface-selected-rgb:19,55,116;--primary-selected-on-secondary-color:#133774;--primary-text-on-secondary-color:#eeeeee;--surface-primary-rgb:17,17,17;--primary-background-hover-on-secondary-color:#636363;--surface-secondary-rgb:44,44,44;--text-tertiary:#5c5c5c;--link-on-secondary-color:#69a7ef;--modal-background-color:#181b34;--dark-background-color:#2c2c2c;--dark-background-on-secondary-color:#4b4e69;--dialog-background-color:#2c2c2c;--label-background-color:#404b69;--label-background-on-secondary-color:#404b69;--icon-on-secondary-color:#aaaaaa;--placeholder-color-with-opacity:rgba(170, 170, 170, 0.1);--placeholder-on-secondary-color:#aaaaaa;--ui-border-on-secondary-color:#8d8d8d;--layout-border-on-secondary-color:#636363;--disabled-background-on-secondary-color:#3a3a3a;--disabled-text-on-secondary-color:rgba(255, 255, 255, var(--disabled-component-opacity));--box-shadow-mediun:0px 6px 20px rgba(233, 233, 233, 0.2)}.hacker_theme-app-theme{--primary-color:#fe78c6;--primary-hover-color:#fe5ab9;--surface-selected:#0d1d2d;--primary-selected-hover-color:#0d2e65;--primary-highlighted-color:#0b2858;--text-primary:#FFFFFF;--text-secondary:#b5b5b5;--text-tertiary:#5c5c5c;--text-color-on-inverted:#323338;--placeholder-color:#c3c6d4;--icon-primary:#c3c6d4;--link-color:#91a9c0;--fixed-light-color:#FFFFFF;--fixed-dark-color:#000000;--surface-primary:#111111;--surface-primary-hover:rgba(17, 17, 17, 0.3);--surface-secondary:#000000;--surface-tertiary:#000000;--surface-quaternary:#000000;--surface-inverse:#FFFFFF;--surface-success:#003524;--surface-alert:#560000;--surface-warning:#6e5011;--disabled-text-color:rgba(255, 255, 255, var(--disabled-component-opacity));--disabled-background-color:#3a3a3a;--positive-color:#004932;--positive-color-hover:#025b40;--positive-color-selected:#025b40;--positive-color-selected-hover:#076b4d;--negative-color:#6d0200;--negative-color-hover:#810701;--negative-color-selected:#810701;--negative-color-selected-hover:#930f08;--divider-primary:#5c5c5c;--divider-secondary:#757575;--divider-overlay:rgba(0, 0, 0, 0.1);--divider-halo:#2b4d6e;--divider-selected:#91a9c0;--warning-color:#9e721f;--warning-color-hover:#cf9330;--warning-color-selected:#cf9330;--warning-color-selected-hover:#ffb444;--brand-color:#fe78c6;--brand-hover-color:#fe5ab9;--brand-selected-color:#0d1d2d;--brand-selected-hover-color:#0d2e65;--box-shadow-xs:0px 4px 6px -4px #000000;--box-shadow-small:0px 4px 8px #000000;--box-shadow-medium:0px 6px 20px #000000;--box-shadow-large:0px 15px 50px #000000;--shadow-color:#000000;--color-grass_green:#359970;--color-grass_green-hover:#116846;--color-grass_green-selected:#0a482e;--color-done-green:#33d391;--color-done-green-hover:#0f9b63;--color-done-green-selected:#096c43;--color-done-green-selected-with-opacity:rgba(9, 108, 67, 0.6);--color-bright-green:#b0dc51;--color-bright-green-hover:#7ca32b;--color-bright-green-selected:#56721b;--color-saladish:#d5c567;--color-saladish-hover:#9d8f3e;--color-saladish-selected:#6d6329;--color-egg_yolk:#ffd533;--color-egg_yolk-hover:#c29e11;--color-egg_yolk-selected:#886e09;--color-egg_yolk-rgb:255,213,51;--color-working_orange:#fdbc64;--color-working_orange-hover:#c0873c;--color-working_orange-selected:#875e27;--color-dark-orange:#ff7b4d;--color-dark-orange-hover:#c25531;--color-dark-orange-selected:#883a1f;--color-peach:#ffbdbd;--color-peach-hover:#c2888a;--color-peach-selected:#885f5f;--color-sunset:#ff9191;--color-sunset-hover:#c26163;--color-sunset-selected:#884343;--color-sunset-selected-with-opacity:rgba(136, 67, 67, 0.6);--color-stuck-red:#e8697d;--color-stuck-red-hover:#ad3f51;--color-stuck-red-selected:#792a36;--color-dark-red:#c95c76;--color-dark-red-hover:#92334c;--color-dark-red-selected:#662232;--color-sofia_pink:#ff44a1;--color-sofia_pink-hover:#c21e71;--color-sofia_pink-selected:#88134d;--color-lipstick:#ff7bd0;--color-lipstick-hover:#c24e9a;--color-lipstick-selected:#88356a;--color-bubble:#fbb4f4;--color-bubble-hover:#be80ba;--color-bubble-selected:#855981;--color-purple:#b57de3;--color-purple-hover:#8050ab;--color-purple-selected:#593776;--color-dark_purple:#936fda;--color-dark_purple-hover:#6344a3;--color-dark_purple-selected:#442e71;--color-berry:#9862a1;--color-berry-hover:#673971;--color-berry-selected:#47264d;--color-dark_indigo:#6645a9;--color-dark_indigo-hover:#3c1f78;--color-dark_indigo-selected:#291452;--color-indigo:#777ae5;--color-indigo-hover:#4b4ead;--color-indigo-selected:#333578;--color-navy:#4e73a7;--color-navy-hover:#274776;--color-navy-selected:#193151;--color-bright-blue:#79affd;--color-bright-blue-hover:#4c7cc1;--color-bright-blue-selected:#345686;--color-dark-blue:#339ecd;--color-dark-blue-hover:#0f6d97;--color-dark-blue-selected:#094b69;--color-aquamarine:#71d6d1;--color-aquamarine-hover:#469e9b;--color-aquamarine-selected:#2f6e6b;--color-chili-blue:#85d6ff;--color-chili-blue-hover:#569ec3;--color-chili-blue-selected:#3b6e88;--color-river:#86b4ca;--color-river-hover:#588095;--color-river-selected:#3c5967;--color-winter:#aebdca;--color-winter-hover:#7b8895;--color-winter-selected:#555f67;--color-explosive:#d0d0d0;--color-explosive-hover:#98999a;--color-explosive-selected:#6a6a6a;--color-american_gray:#999999;--color-american_gray-hover:#69696a;--color-american_gray-selected:#494949;--color-blackish:#5c5c5c;--color-blackish-hover:#222222;--color-blackish-selected:#111111;--color-brown:#99756c;--color-brown-hover:#684943;--color-brown-selected:#48322c;--color-orchid:#e190c0;--color-orchid-hover:#b4739a;--color-orchid-selected:#7e516c;--color-tan:#bdab95;--color-tan-hover:#978977;--color-tan-selected:#6a6053;--color-sky:#b4e9f8;--color-sky-hover:#90bac6;--color-sky-selected:#65828b;--color-coffee:#ca9a8b;--color-coffee-hover:#a27b6f;--color-coffee-selected:#71564e;--color-royal:#5591ea;--color-royal-hover:#4474bb;--color-royal-selected:#305183;--color-teal:#457b82;--color-teal-hover:#376268;--color-teal-selected:#274549;--color-lavender:#cab9fa;--color-lavender-hover:#a294c8;--color-lavender-selected:#71688c;--color-steel:#bacbed;--color-steel-hover:#95a2be;--color-steel-selected:#687185;--color-lilac:#687185;--color-lilac-hover:#8e8a9f;--color-lilac-selected:#63616f;--color-pecan:#786565;--color-pecan-hover:#605151;--color-pecan-selected:#433939;--color-success:#50fa7b;--color-error:#ff5555;--primary-on-secondary-color:#fe78c6;--primary-hover-on-secondary-color:#fe5ab9;--surface-selected-rgb:159,64,119;--primary-selected-on-secondary-color:#9f4077;--primary-text-on-secondary-color:#d5d8df;--surface-primary-rgb:40,42,54;--primary-background-hover-on-secondary-color:#4b4e69;--surface-secondary-rgb:48,50,78;--text-tertiary:#5c5c5c;--link-on-secondary-color:#bd93f9;--modal-background-color:#282a36;--dark-background-color:#303241;--dark-background-on-secondary-color:#595959;--dialog-background-color:#30324e;--label-background-color:#404b69;--label-background-on-secondary-color:#404b69;--icon-on-secondary-color:#c3c6d4;--placeholder-color-with-opacity:rgba(195, 198, 212, 0.1);--placeholder-on-secondary-color:#c3c6d4;--ui-border-on-secondary-color:#797e93;--layout-border-on-secondary-color:#414458;--disabled-background-on-secondary-color:#3a3a3a;--disabled-text-on-secondary-color:rgba(255, 255, 255, var(--disabled-component-opacity));--box-shadow-mediun:0px 6px 20px rgba(233, 233, 233, 0.2)}";!function(o){if("undefined"==typeof document)return;const e=document.head||document.getElementsByTagName("head")[0],r="s_id-2f6d0333ebfd_0_0_34";if(e.querySelector("#"+r))return;const c=document.createElement("style");c.id=r,e.firstChild?e.insertBefore(c,e.firstChild):e.appendChild(c),c.appendChild(document.createTextNode(o))}(o);export{o as default};
 //# sourceMappingURL=index.min.css.js.map

package/dist/types/components/TopNavigationBar/TopNavigationBar.d.ts

@@ -2,6 +2,7 @@ import React, { ReactNode } from "react";
 export interface NavbarProps {
     children: ReactNode;
     className?: string;
+    sticky?: boolean;
 }
 export declare const Navbar: React.FC<NavbarProps>;
 export interface NavbarContainerProps {
@@ -55,7 +56,6 @@ export interface SpanStyledProps {
 export declare const SpanStyled: React.FC<SpanStyledProps>;
 export interface TopNavigationBarProps {
     children: ReactNode;
-    sticky?: boolean;
 }
 declare const TopNavigationBar: React.FC<TopNavigationBarProps>;
 export default TopNavigationBar;

package/dist/types/components/TopNavigationBar/TopNavigationBar.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TopNavigationBar.d.ts","sourceRoot":"","sources":["../../../../src/components/TopNavigationBar/TopNavigationBar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAgBzC,MAAM,WAAW,WAAW;IAC1B,QAAQ,EAAE,SAAS,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AACD,eAAO,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,WAAW,CAExC,CAAC;AAEF,MAAM,WAAW,oBAAoB;IACnC,QAAQ,EAAE,SAAS,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AACD,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,oBAAoB,CAGkB,CAAC;AAE9E,MAAM,WAAW,kBAAkB;IACjC,QAAQ,EAAE,SAAS,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AACD,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CAGc,CAAC;AAEtE,MAAM,WAAW,YAAY;IAC3B,QAAQ,EAAE,SAAS,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AACD,eAAO,MAAM,OAAO,EAAE,KAAK,CAAC,EAAE,CAAC,YAAY,CAE1C,CAAC;AAEF,MAAM,WAAW,YAAY;IAC3B,QAAQ,EAAE,SAAS,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB;AACD,eAAO,MAAM,OAAO,EAAE,KAAK,CAAC,EAAE,CAAC,YAAY,CAsB1C,CAAC;AAEF,MAAM,WAAW,qBAAqB;IACpC,QAAQ,EAAE,SAAS,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AACD,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAC,qBAAqB,CAGW,CAAC;AAEzE,MAAM,WAAW,2BAA2B;IAC1C,QAAQ,EAAE,SAAS,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AACD,eAAO,MAAM,sBAAsB,EAAE,KAAK,CAAC,EAAE,CAAC,2BAA2B,CAGK,CAAC;AAE/E,MAAM,WAAW,iCAAiC;IAChD,QAAQ,EAAE,SAAS,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AACD,eAAO,MAAM,4BAA4B,EAAE,KAAK,CAAC,EAAE,CACjD,iCAAiC,CAKlC,CAAC;AAEF,MAAM,WAAW,aAAa;IAC5B,QAAQ,EAAE,SAAS,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AACD,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CAE5C,CAAC;AAEF,MAAM,WAAW,eAAe;IAC9B,QAAQ,EAAE,SAAS,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB;AAED,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CAOhD,CAAC;AAEF,MAAM,WAAW,qBAAqB;IACpC,QAAQ,EAAE,SAAS,CAAC;IACpB,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB;AAED,QAAA,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAC,qBAAqB,CAoHrD,CAAC;AAEF,eAAe,gBAAgB,CAAC"}
+{"version":3,"file":"TopNavigationBar.d.ts","sourceRoot":"","sources":["../../../../src/components/TopNavigationBar/TopNavigationBar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAgBzC,MAAM,WAAW,WAAW;IAC1B,QAAQ,EAAE,SAAS,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB;AACD,eAAO,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,WAAW,CAYxC,CAAC;AAEF,MAAM,WAAW,oBAAoB;IACnC,QAAQ,EAAE,SAAS,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AACD,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,oBAAoB,CAGkB,CAAC;AAE9E,MAAM,WAAW,kBAAkB;IACjC,QAAQ,EAAE,SAAS,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AACD,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CAGc,CAAC;AAEtE,MAAM,WAAW,YAAY;IAC3B,QAAQ,EAAE,SAAS,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AACD,eAAO,MAAM,OAAO,EAAE,KAAK,CAAC,EAAE,CAAC,YAAY,CAE1C,CAAC;AAEF,MAAM,WAAW,YAAY;IAC3B,QAAQ,EAAE,SAAS,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB;AACD,eAAO,MAAM,OAAO,EAAE,KAAK,CAAC,EAAE,CAAC,YAAY,CAsB1C,CAAC;AAEF,MAAM,WAAW,qBAAqB;IACpC,QAAQ,EAAE,SAAS,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AACD,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAC,qBAAqB,CAGW,CAAC;AAEzE,MAAM,WAAW,2BAA2B;IAC1C,QAAQ,EAAE,SAAS,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AACD,eAAO,MAAM,sBAAsB,EAAE,KAAK,CAAC,EAAE,CAAC,2BAA2B,CAGK,CAAC;AAE/E,MAAM,WAAW,iCAAiC;IAChD,QAAQ,EAAE,SAAS,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AACD,eAAO,MAAM,4BAA4B,EAAE,KAAK,CAAC,EAAE,CACjD,iCAAiC,CAKlC,CAAC;AAEF,MAAM,WAAW,aAAa;IAC5B,QAAQ,EAAE,SAAS,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AACD,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CAE5C,CAAC;AAEF,MAAM,WAAW,eAAe;IAC9B,QAAQ,EAAE,SAAS,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB;AAED,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CAOhD,CAAC;AAEF,MAAM,WAAW,qBAAqB;IACpC,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED,QAAA,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAC,qBAAqB,CAiHrD,CAAC;AAEF,eAAe,gBAAgB,CAAC"}