@dynatrace/strato-components 3.6.0 → 3.7.0

package/esm/navigation/tabs/Tabs.sty.js

@@ -1,9 +1,9 @@
 import "./Tabs.css";
-var tabsArrowButtonCSS = "_1tfbrxp6-3-6-0";
-var tabsArrowWrapperCSS = "_1tfbrxp5-3-6-0";
-var tabsCSS = "_1tfbrxp0-3-6-0";
-var tabsWrapperCSS = "_1tfbrxp1-3-6-0";
-var tabsWrapperOverflowCSS = { left: "_1tfbrxp2-3-6-0", right: "_1tfbrxp3-3-6-0", both: "_1tfbrxp4-3-6-0" };
+var tabsArrowButtonCSS = "_1tfbrxp6-3-7-0";
+var tabsArrowWrapperCSS = "_1tfbrxp5-3-7-0";
+var tabsCSS = "_1tfbrxp0-3-7-0";
+var tabsWrapperCSS = "_1tfbrxp1-3-7-0";
+var tabsWrapperOverflowCSS = { left: "_1tfbrxp2-3-7-0", right: "_1tfbrxp3-3-7-0", both: "_1tfbrxp4-3-7-0" };
 export {
   tabsArrowButtonCSS,
   tabsArrowWrapperCSS,

package/esm/navigation/tabs/Tabs.sty.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/navigation/tabs/Tabs.css.ts"],
-  "sourcesContent": ["import './Tabs.css';\nexport var tabsArrowButtonCSS = '_1tfbrxp6-3-6-0';\nexport var tabsArrowWrapperCSS = '_1tfbrxp5-3-6-0';\nexport var tabsCSS = '_1tfbrxp0-3-6-0';\nexport var tabsWrapperCSS = '_1tfbrxp1-3-6-0';\nexport var tabsWrapperOverflowCSS = {left:'_1tfbrxp2-3-6-0',right:'_1tfbrxp3-3-6-0',both:'_1tfbrxp4-3-6-0'};"],
+  "sourcesContent": ["import './Tabs.css';\nexport var tabsArrowButtonCSS = '_1tfbrxp6-3-7-0';\nexport var tabsArrowWrapperCSS = '_1tfbrxp5-3-7-0';\nexport var tabsCSS = '_1tfbrxp0-3-7-0';\nexport var tabsWrapperCSS = '_1tfbrxp1-3-7-0';\nexport var tabsWrapperOverflowCSS = {left:'_1tfbrxp2-3-7-0',right:'_1tfbrxp3-3-7-0',both:'_1tfbrxp4-3-7-0'};"],
   "mappings": "AAAA,OAAO;AACA,IAAI,qBAAqB;AACzB,IAAI,sBAAsB;AAC1B,IAAI,UAAU;AACd,IAAI,iBAAiB;AACrB,IAAI,yBAAyB,EAAC,MAAK,mBAAkB,OAAM,mBAAkB,MAAK,kBAAiB;",
   "names": []
 }

package/esm/notifications/notification-settings/NotificationSettings.css

@@ -1,3 +1,3 @@
-._1cohdty0-3-6-0 {
+._1cohdty0-3-7-0 {
   color: var(--dt-colors-text-neutral-subdued, #595a7d);
 }

package/esm/notifications/notification-settings/NotificationSettings.sty.js

@@ -1,5 +1,5 @@
 import "./NotificationSettings.css";
-var overlayText = "_1cohdty0-3-6-0";
+var overlayText = "_1cohdty0-3-7-0";
 export {
   overlayText
 };

package/esm/notifications/notification-settings/NotificationSettings.sty.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/notifications/notification-settings/NotificationSettings.css.ts"],
-  "sourcesContent": ["import './NotificationSettings.css';\nexport var overlayText = '_1cohdty0-3-6-0';"],
+  "sourcesContent": ["import './NotificationSettings.css';\nexport var overlayText = '_1cohdty0-3-7-0';"],
   "mappings": "AAAA,OAAO;AACA,IAAI,cAAc;",
   "names": []
 }

package/esm/notifications/toast/Toast.css

@@ -1,9 +1,11 @@
-._yjszxq0-3-6-0 {
+._yjszxq0-3-7-0 {
   display: flex;
   overflow: hidden;
 }
-._yjszxq1-3-6-0 {
+._yjszxq1-3-7-0 {
   display: flex;
+}
+._yjszxq1-3-7-0._yjszxq1-3-7-0 {
   border: 0;
   border-radius: 0;
   padding-left: var(--dt-spacings-size-8, 8px);
@@ -11,14 +13,14 @@
   padding-top: var(--dt-spacings-size-12, 12px);
   padding-bottom: var(--dt-spacings-size-12, 12px);
 }
-._yjszxq2-3-6-0 {
+._yjszxq2-3-7-0 {
   overflow-y: auto;
   max-height: min(40vh, 400px);
   box-sizing: border-box;
 }
-._yjszxq3-3-6-0 {
+._yjszxq3-3-7-0 {
   max-width: 100%;
 }
-._yjszxq3-3-6-0._yjszxq3-3-6-0 {
+._yjszxq3-3-7-0._yjszxq3-3-7-0 {
   overflow-wrap: anywhere;
 }

package/esm/notifications/toast/Toast.js

@@ -10,12 +10,7 @@ import {
   SuccessIcon,
   WarningIcon
 } from "@dynatrace/strato-icons";
-import {
-  toastCSS,
-  toastFlexContainerCSS,
-  toastIconCSS,
-  toastTextCSS
-} from "./Toast.sty.js";
+import * as styles from "./Toast.sty.js";
 import { OverlayStackingContext } from "../../core/contexts/OverlayStacking.js";
 import { useAriaLabelingProps } from "../../core/hooks/useAriaLabelingProps.js";
 import { useBehavioralTrackingProps } from "../../core/hooks/useBehavioralTrackingProps.js";
@@ -62,7 +57,7 @@ const Toast = (props) => {
     "div",
     {
       onKeyDown: closeToastOnEsc,
-      className: clsx(consumerClassName, toastCSS),
+      className: clsx(consumerClassName, styles.root),
       style: consumerStyle,
       "data-testid": dataTestId,
       "data-dtrum-mask": dataDtrumMask,
@@ -75,7 +70,7 @@ const Toast = (props) => {
           {
             variant: "accent",
             color: type === "info" ? "primary" : type,
-            className: toastIconCSS,
+            className: styles.icon,
             children: Icon
           }
         ),
@@ -83,7 +78,7 @@ const Toast = (props) => {
           Flex,
           {
             className: clsx(
-              toastFlexContainerCSS,
+              styles.flexContainer,
               textStyleCSS({ textStyle: "base" })
             ),
             paddingLeft: 16,
@@ -95,8 +90,8 @@ const Toast = (props) => {
             flexGrow: 1,
             gap: 6,
             children: [
-              title && /* @__PURE__ */ jsx(Text, { className: toastTextCSS, textStyle: "base-emphasized", as: "p", children: title }),
-              message && /* @__PURE__ */ jsx(Text, { className: toastTextCSS, textStyle: "base", as: "p", children: message }),
+              title && /* @__PURE__ */ jsx(Text, { className: styles.text, textStyle: "base-emphasized", as: "p", children: title }),
+              message && /* @__PURE__ */ jsx(Text, { className: styles.text, textStyle: "base", as: "p", children: message }),
               children
             ]
           }

package/esm/notifications/toast/Toast.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/notifications/toast/Toast.tsx"],
-  "sourcesContent": ["import clsx from 'clsx';\nimport {\n  useMemo,\n  type JSX,\n  type KeyboardEvent,\n  type PropsWithChildren,\n} from 'react';\nimport { toast } from 'react-toastify';\n\nimport {\n  CriticalIcon,\n  InformationIcon,\n  SuccessIcon,\n  WarningIcon,\n} from '@dynatrace/strato-icons';\n\nimport {\n  toastCSS,\n  toastFlexContainerCSS,\n  toastIconCSS,\n  toastTextCSS,\n} from './Toast.sty.js';\nimport { OverlayStackingContext } from '../../core/contexts/OverlayStacking.js';\nimport { useAriaLabelingProps } from '../../core/hooks/useAriaLabelingProps.js';\nimport { useBehavioralTrackingProps } from '../../core/hooks/useBehavioralTrackingProps.js';\nimport type { AriaLabelingProps } from '../../core/types/a11y-props.js';\nimport type { BehaviorTrackingProps } from '../../core/types/behavior-tracking-props.js';\nimport type { DataTestId } from '../../core/types/data-props.js';\nimport type { MaskingProps } from '../../core/types/masking-props.js';\nimport type { StylingProps } from '../../core/types/styling-props.js';\nimport { Container } from '../../layouts/container/Container.js';\nimport { Flex } from '../../layouts/flex/Flex.js';\nimport { textStyle as textStyleCSS } from '../../styles/textStyle.sty.js';\nimport { Text } from '../../typography/text/Text.js';\n\nconst COMPONENT_NAME = 'Toast';\n\ntype ToastProps = PropsWithChildren<{\n  type: 'info' | 'warning' | 'critical' | 'success';\n  title: string;\n  message?: string | JSX.Element;\n  closeToast: () => void;\n}> &\n  StylingProps &\n  DataTestId &\n  MaskingProps &\n  AriaLabelingProps &\n  BehaviorTrackingProps;\n\nconst Toast = (props: ToastProps) => {\n  const {\n    children,\n    type,\n    title,\n    message,\n    closeToast,\n    className: consumerClassName,\n    style: consumerStyle,\n    'data-testid': dataTestId,\n    'data-dtrum-mask': dataDtrumMask,\n    'data-dtrum-allow': dataDtrumAllow,\n    ...remainingProps\n  } = props;\n\n  const [behavioralTrackingProps, restProps] =\n    useBehavioralTrackingProps(remainingProps);\n  const ariaLabelingProps = useAriaLabelingProps(restProps);\n\n  const Icon = useMemo(() => {\n    switch (type) {\n      case 'warning':\n        return <WarningIcon />;\n      case 'success':\n        return <SuccessIcon />;\n      case 'critical':\n        return <CriticalIcon />;\n      case 'info':\n        return <InformationIcon />;\n    }\n  }, [type]);\n\n  // Handle the escape key\n  const closeToastOnEsc = (e: KeyboardEvent) => {\n    if (e.key === 'Escape') {\n      e.preventDefault();\n      closeToast();\n    }\n  };\n\n  return (\n    <div\n      onKeyDown={closeToastOnEsc}\n      className={clsx(consumerClassName, toastCSS)}\n      style={consumerStyle}\n      data-testid={dataTestId}\n      data-dtrum-mask={dataDtrumMask}\n      data-dtrum-allow={dataDtrumAllow}\n      {...ariaLabelingProps}\n      {...behavioralTrackingProps}\n    >\n      {/*\n      Our internal `OverlayStackingProvider` has some built in logic to only always\n      increment by one layer. For actually creating the correct zIndex offset for the\n      \"always on top\" toast, we need to add a couple more layers to it.\n      */}\n      <OverlayStackingContext.Provider value={100}>\n        <Container\n          variant=\"accent\"\n          color={type === 'info' ? 'primary' : type}\n          className={toastIconCSS}\n        >\n          {Icon}\n        </Container>\n        <Flex\n          className={clsx(\n            toastFlexContainerCSS,\n            textStyleCSS({ textStyle: 'base' }),\n          )}\n          paddingLeft={16}\n          paddingTop={12}\n          paddingBottom={12}\n          paddingRight={8}\n          flexDirection=\"column\"\n          alignItems=\"flex-start\"\n          flexGrow={1}\n          gap={6}\n        >\n          {title && (\n            <Text className={toastTextCSS} textStyle=\"base-emphasized\" as=\"p\">\n              {title}\n            </Text>\n          )}\n          {message && (\n            <Text className={toastTextCSS} textStyle=\"base\" as=\"p\">\n              {message}\n            </Text>\n          )}\n          {children}\n        </Flex>\n      </OverlayStackingContext.Provider>\n    </div>\n  );\n};\n\n// #region Typings\n/**\n * Options that can be given to the showToast function.\n * @public\n */\nexport interface ToastOptions\n  extends StylingProps,\n    DataTestId,\n    MaskingProps,\n    AriaLabelingProps,\n    BehaviorTrackingProps {\n  /** A unique id for the toast. Using this toast id consumer can control\n   *  the behavior of individual toast notifications.  Toast messages with same\n   *  id will only be shown once.\n   */\n  id?: string | number;\n\n  /** Title displayed in the toast notification. */\n  title: string;\n  /**\n   * Type of the notification. Also indicates the color and icon.\n   * @defaultValue 'info'\n   * */\n  type?: 'info' | 'warning' | 'critical' | 'success';\n  /** Message displayed in the toast notification. */\n  message?: string | JSX.Element;\n  /**\n   * The Toast notification will automatically close after a certain period of\n   * time given in milliseconds. If 'infinite' is provided, the user must close the toast.\n   * @defaultValue info and success: 8000, critical and warning: 'infinite'\n   * */\n  lifespan?: number | 'infinite';\n  /**\n   * Optional actions passed to the toast element, appended on the bottom left.\n   * Should only be used to either add a Button or a Link.\n   */\n  actions?: JSX.Element;\n  /**\n   * Live region roles\n   * @defaultValue info, success and warning: 'status', critical: 'alert'\n   */\n  role?: 'alert' | 'log' | 'status';\n  /**\n   * Position of toast\n   * @defaultValue 'bottom-left'\n   */\n  position?: 'bottom-right' | 'bottom-center' | 'bottom-left';\n}\n// #endregion Typings\n\n/**\n * Function to open a toast configuration.\n *\n * @returns the respective toast id\n * @public\n */\nexport function showToast({\n  id,\n  type = 'info',\n  role,\n  lifespan,\n  title,\n  message,\n  position = 'bottom-left',\n  actions,\n  className: consumerClassName,\n  style: consumerStyle,\n  'aria-label': ariaLabel,\n  'aria-labelledby': ariaLabelledBy,\n  'aria-describedby': ariaDescribedBy,\n  'aria-details': ariaDetails,\n  'data-testid': dataTestId,\n  'data-dtrum-mask': dataDtrumMask,\n  'data-dtrum-allow': dataDtrumAllow,\n  ...remainingProps\n}: ToastOptions): number | string {\n  // default role according to type\n  const defaultRole = type === 'critical' ? 'alert' : 'status';\n  // default lifespan according to type\n  const defaultAutoClose =\n    type === 'warning' || type === 'critical' ? false : 8000;\n  const autoClose = lifespan === 'infinite' ? false : lifespan;\n\n  return toast(\n    <Toast\n      type={type}\n      title={title}\n      message={message}\n      closeToast={() => undefined}\n      className={consumerClassName}\n      style={consumerStyle}\n      aria-label={ariaLabel}\n      aria-labelledby={ariaLabelledBy}\n      aria-describedby={ariaDescribedBy}\n      aria-details={ariaDetails}\n      data-testid={dataTestId}\n      data-dtrum-mask={dataDtrumMask}\n      data-dtrum-allow={dataDtrumAllow}\n      {...remainingProps}\n      data-dt-component={COMPONENT_NAME}\n    >\n      {actions}\n    </Toast>,\n    {\n      toastId: id,\n      autoClose: autoClose ?? defaultAutoClose,\n      role: role ?? defaultRole,\n      position,\n    },\n  );\n}\n\n/**\n * Function to close a single toast.\n *\n * @param id - id of the toast that should be dismissed\n * @public\n */\nexport function dismissToast(id: string | number): void {\n  toast.dismiss(id);\n}\n\n/**\n * Function to close all open toasts at once.\n * @public\n */\nexport function dismissAllToasts(): void {\n  toast.dismiss();\n}\n"],
-  "mappings": "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",
+  "sourcesContent": ["import clsx from 'clsx';\nimport {\n  useMemo,\n  type JSX,\n  type KeyboardEvent,\n  type PropsWithChildren,\n} from 'react';\nimport { toast } from 'react-toastify';\n\nimport {\n  CriticalIcon,\n  InformationIcon,\n  SuccessIcon,\n  WarningIcon,\n} from '@dynatrace/strato-icons';\n\nimport * as styles from './Toast.sty.js';\nimport { OverlayStackingContext } from '../../core/contexts/OverlayStacking.js';\nimport { useAriaLabelingProps } from '../../core/hooks/useAriaLabelingProps.js';\nimport { useBehavioralTrackingProps } from '../../core/hooks/useBehavioralTrackingProps.js';\nimport type { AriaLabelingProps } from '../../core/types/a11y-props.js';\nimport type { BehaviorTrackingProps } from '../../core/types/behavior-tracking-props.js';\nimport type { DataTestId } from '../../core/types/data-props.js';\nimport type { MaskingProps } from '../../core/types/masking-props.js';\nimport type { StylingProps } from '../../core/types/styling-props.js';\nimport { Container } from '../../layouts/container/Container.js';\nimport { Flex } from '../../layouts/flex/Flex.js';\nimport { textStyle as textStyleCSS } from '../../styles/textStyle.sty.js';\nimport { Text } from '../../typography/text/Text.js';\n\nconst COMPONENT_NAME = 'Toast';\n\ntype ToastProps = PropsWithChildren<{\n  type: 'info' | 'warning' | 'critical' | 'success';\n  title: string;\n  message?: string | JSX.Element;\n  closeToast: () => void;\n}> &\n  StylingProps &\n  DataTestId &\n  MaskingProps &\n  AriaLabelingProps &\n  BehaviorTrackingProps;\n\nconst Toast = (props: ToastProps) => {\n  const {\n    children,\n    type,\n    title,\n    message,\n    closeToast,\n    className: consumerClassName,\n    style: consumerStyle,\n    'data-testid': dataTestId,\n    'data-dtrum-mask': dataDtrumMask,\n    'data-dtrum-allow': dataDtrumAllow,\n    ...remainingProps\n  } = props;\n\n  const [behavioralTrackingProps, restProps] =\n    useBehavioralTrackingProps(remainingProps);\n  const ariaLabelingProps = useAriaLabelingProps(restProps);\n\n  const Icon = useMemo(() => {\n    switch (type) {\n      case 'warning':\n        return <WarningIcon />;\n      case 'success':\n        return <SuccessIcon />;\n      case 'critical':\n        return <CriticalIcon />;\n      case 'info':\n        return <InformationIcon />;\n    }\n  }, [type]);\n\n  // Handle the escape key\n  const closeToastOnEsc = (e: KeyboardEvent) => {\n    if (e.key === 'Escape') {\n      e.preventDefault();\n      closeToast();\n    }\n  };\n\n  return (\n    <div\n      onKeyDown={closeToastOnEsc}\n      className={clsx(consumerClassName, styles.root)}\n      style={consumerStyle}\n      data-testid={dataTestId}\n      data-dtrum-mask={dataDtrumMask}\n      data-dtrum-allow={dataDtrumAllow}\n      {...ariaLabelingProps}\n      {...behavioralTrackingProps}\n    >\n      {/*\n      Our internal `OverlayStackingProvider` has some built in logic to only always\n      increment by one layer. For actually creating the correct zIndex offset for the\n      \"always on top\" toast, we need to add a couple more layers to it.\n      */}\n      <OverlayStackingContext.Provider value={100}>\n        <Container\n          variant=\"accent\"\n          color={type === 'info' ? 'primary' : type}\n          className={styles.icon}\n        >\n          {Icon}\n        </Container>\n        <Flex\n          className={clsx(\n            styles.flexContainer,\n            textStyleCSS({ textStyle: 'base' }),\n          )}\n          paddingLeft={16}\n          paddingTop={12}\n          paddingBottom={12}\n          paddingRight={8}\n          flexDirection=\"column\"\n          alignItems=\"flex-start\"\n          flexGrow={1}\n          gap={6}\n        >\n          {title && (\n            <Text className={styles.text} textStyle=\"base-emphasized\" as=\"p\">\n              {title}\n            </Text>\n          )}\n          {message && (\n            <Text className={styles.text} textStyle=\"base\" as=\"p\">\n              {message}\n            </Text>\n          )}\n          {children}\n        </Flex>\n      </OverlayStackingContext.Provider>\n    </div>\n  );\n};\n\n// #region Typings\n/**\n * Options that can be given to the showToast function.\n * @public\n */\nexport interface ToastOptions\n  extends StylingProps,\n    DataTestId,\n    MaskingProps,\n    AriaLabelingProps,\n    BehaviorTrackingProps {\n  /** A unique id for the toast. Using this toast id consumer can control\n   *  the behavior of individual toast notifications.  Toast messages with same\n   *  id will only be shown once.\n   */\n  id?: string | number;\n\n  /** Title displayed in the toast notification. */\n  title: string;\n  /**\n   * Type of the notification. Also indicates the color and icon.\n   * @defaultValue 'info'\n   * */\n  type?: 'info' | 'warning' | 'critical' | 'success';\n  /** Message displayed in the toast notification. */\n  message?: string | JSX.Element;\n  /**\n   * The Toast notification will automatically close after a certain period of\n   * time given in milliseconds. If 'infinite' is provided, the user must close the toast.\n   * @defaultValue info and success: 8000, critical and warning: 'infinite'\n   * */\n  lifespan?: number | 'infinite';\n  /**\n   * Optional actions passed to the toast element, appended on the bottom left.\n   * Should only be used to either add a Button or a Link.\n   */\n  actions?: JSX.Element;\n  /**\n   * Live region roles\n   * @defaultValue info, success and warning: 'status', critical: 'alert'\n   */\n  role?: 'alert' | 'log' | 'status';\n  /**\n   * Position of toast\n   * @defaultValue 'bottom-left'\n   */\n  position?: 'bottom-right' | 'bottom-center' | 'bottom-left';\n}\n// #endregion Typings\n\n/**\n * Function to open a toast configuration.\n *\n * @returns the respective toast id\n * @public\n */\nexport function showToast({\n  id,\n  type = 'info',\n  role,\n  lifespan,\n  title,\n  message,\n  position = 'bottom-left',\n  actions,\n  className: consumerClassName,\n  style: consumerStyle,\n  'aria-label': ariaLabel,\n  'aria-labelledby': ariaLabelledBy,\n  'aria-describedby': ariaDescribedBy,\n  'aria-details': ariaDetails,\n  'data-testid': dataTestId,\n  'data-dtrum-mask': dataDtrumMask,\n  'data-dtrum-allow': dataDtrumAllow,\n  ...remainingProps\n}: ToastOptions): number | string {\n  // default role according to type\n  const defaultRole = type === 'critical' ? 'alert' : 'status';\n  // default lifespan according to type\n  const defaultAutoClose =\n    type === 'warning' || type === 'critical' ? false : 8000;\n  const autoClose = lifespan === 'infinite' ? false : lifespan;\n\n  return toast(\n    <Toast\n      type={type}\n      title={title}\n      message={message}\n      closeToast={() => undefined}\n      className={consumerClassName}\n      style={consumerStyle}\n      aria-label={ariaLabel}\n      aria-labelledby={ariaLabelledBy}\n      aria-describedby={ariaDescribedBy}\n      aria-details={ariaDetails}\n      data-testid={dataTestId}\n      data-dtrum-mask={dataDtrumMask}\n      data-dtrum-allow={dataDtrumAllow}\n      {...remainingProps}\n      data-dt-component={COMPONENT_NAME}\n    >\n      {actions}\n    </Toast>,\n    {\n      toastId: id,\n      autoClose: autoClose ?? defaultAutoClose,\n      role: role ?? defaultRole,\n      position,\n    },\n  );\n}\n\n/**\n * Function to close a single toast.\n *\n * @param id - id of the toast that should be dismissed\n * @public\n */\nexport function dismissToast(id: string | number): void {\n  toast.dismiss(id);\n}\n\n/**\n * Function to close all open toasts at once.\n * @public\n */\nexport function dismissAllToasts(): void {\n  toast.dismiss();\n}\n"],
+  "mappings": "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",
   "names": []
 }

package/esm/notifications/toast/Toast.sty.js

@@ -1,12 +1,12 @@
 import "./Toast.css";
-var toastCSS = "_yjszxq0-3-6-0";
-var toastFlexContainerCSS = "_yjszxq2-3-6-0";
-var toastIconCSS = "_yjszxq1-3-6-0";
-var toastTextCSS = "_yjszxq3-3-6-0";
+var flexContainer = "_yjszxq2-3-7-0";
+var icon = "_yjszxq1-3-7-0";
+var root = "_yjszxq0-3-7-0";
+var text = "_yjszxq3-3-7-0";
 export {
-  toastCSS,
-  toastFlexContainerCSS,
-  toastIconCSS,
-  toastTextCSS
+  flexContainer,
+  icon,
+  root,
+  text
 };
 //# sourceMappingURL=Toast.sty.js.map

package/esm/notifications/toast/Toast.sty.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/notifications/toast/Toast.css.ts"],
-  "sourcesContent": ["import './Toast.css';\nexport var toastCSS = '_yjszxq0-3-6-0';\nexport var toastFlexContainerCSS = '_yjszxq2-3-6-0';\nexport var toastIconCSS = '_yjszxq1-3-6-0';\nexport var toastTextCSS = '_yjszxq3-3-6-0';"],
-  "mappings": "AAAA,OAAO;AACA,IAAI,WAAW;AACf,IAAI,wBAAwB;AAC5B,IAAI,eAAe;AACnB,IAAI,eAAe;",
+  "sourcesContent": ["import './Toast.css';\nexport var flexContainer = '_yjszxq2-3-7-0';\nexport var icon = '_yjszxq1-3-7-0';\nexport var root = '_yjszxq0-3-7-0';\nexport var text = '_yjszxq3-3-7-0';"],
+  "mappings": "AAAA,OAAO;AACA,IAAI,gBAAgB;AACpB,IAAI,OAAO;AACX,IAAI,OAAO;AACX,IAAI,OAAO;",
   "names": []
 }

package/esm/notifications/toast/ToastContainer.css

@@ -1,4 +1,4 @@
-@keyframes _rxr5810-3-6-0 {
+@keyframes _rxr5810-3-7-0 {
   0% {
     transform: translateY(calc(100% + var(--dt-spacings-size-16, 16px)));
   }
@@ -6,7 +6,7 @@
     transform: translateY(0);
   }
 }
-@keyframes _rxr5811-3-6-0 {
+@keyframes _rxr5811-3-7-0 {
   0% {
     transform: translateY(0);
   }
@@ -14,7 +14,7 @@
     transform: translateY(calc(100% + var(--dt-spacings-size-16, 16px)));
   }
 }
-@keyframes _rxr5812-3-6-0 {
+@keyframes _rxr5812-3-7-0 {
   0% {
     transform: scaleX(1);
   }
@@ -22,34 +22,34 @@
     transform: scaleX(0);
   }
 }
-._rxr5813-3-6-0 {
+._rxr5813-3-7-0 {
   overflow-y: auto;
   max-height: min(40vh, 400px);
   box-sizing: border-box;
 }
-._rxr5813-3-6-0 .Toastify__toast-container {
+._rxr5813-3-7-0 .Toastify__toast-container {
   z-index: 9999;
   position: fixed;
   max-width: 400px;
   width: calc(100% - var(--dt-spacings-size-32, 32px));
   box-sizing: border-box;
 }
-._rxr5813-3-6-0 .Toastify__toast-container--bottom-left {
+._rxr5813-3-7-0 .Toastify__toast-container--bottom-left {
   bottom: var(--dt-spacings-size-16, 16px);
   left: var(--dt-spacings-size-16, 16px);
   right: auto;
 }
-._rxr5813-3-6-0 .Toastify__toast-container--bottom-right {
+._rxr5813-3-7-0 .Toastify__toast-container--bottom-right {
   bottom: var(--dt-spacings-size-16, 16px);
   left: auto;
   right: var(--dt-spacings-size-16, 16px);
 }
-._rxr5813-3-6-0 .Toastify__toast-container--bottom-center {
+._rxr5813-3-7-0 .Toastify__toast-container--bottom-center {
   bottom: var(--dt-spacings-size-16, 16px);
   left: 50%;
   transform: translateX(-50%);
 }
-._rxr5813-3-6-0 .Toastify__toast {
+._rxr5813-3-7-0 .Toastify__toast {
   margin: 0;
   align-items: start;
   border: none;
@@ -72,24 +72,24 @@
   margin-top: var(--dt-spacings-size-8, 8px);
   max-width: 100%;
 }
-._rxr5813-3-6-0 .Toastify__toast-body {
+._rxr5813-3-7-0 .Toastify__toast-body {
   margin: auto 0;
   flex: 1 1 auto;
   display: flex;
   align-items: center;
   overflow: hidden;
 }
-._rxr5813-3-6-0 .Toastify__toast-body > div {
+._rxr5813-3-7-0 .Toastify__toast-body > div {
   flex: 1 1 auto;
   overflow: hidden;
 }
-._rxr5813-3-6-0 .Toastify__toast-icon {
+._rxr5813-3-7-0 .Toastify__toast-icon {
   margin-inline-end: 10px;
   width: 20px;
   flex-shrink: 0;
   display: flex;
 }
-._rxr5813-3-6-0 .Toastify__progress-bar {
+._rxr5813-3-7-0 .Toastify__progress-bar {
   position: absolute;
   bottom: 0;
   left: 0;
@@ -98,17 +98,17 @@
   z-index: var(--toastify-z-index);
   opacity: 0;
 }
-._rxr5813-3-6-0 .Toastify__progress-bar--animated {
-  animation: _rxr5812-3-6-0 1 forwards;
+._rxr5813-3-7-0 .Toastify__progress-bar--animated {
+  animation: _rxr5812-3-7-0 1 forwards;
 }
 .strato__toast__enter {
-  animation-name: _rxr5810-3-6-0;
+  animation-name: _rxr5810-3-7-0;
   animation-duration: var(--dt-animations-slide-in-duration-fast, 200ms);
   animation-timing-function: var(--dt-animations-slide-in-easing, cubic-bezier(0, 0, 0.2, 1));
   animation-fill-mode: both;
 }
 .strato__toast__exit {
-  animation-name: _rxr5811-3-6-0;
+  animation-name: _rxr5811-3-7-0;
   animation-duration: var(--dt-animations-slide-out-duration-fast, 150ms);
   animation-timing-function: var(--dt-animations-slide-out-easing, cubic-bezier(0.8, 0, 0.5, 1));
   animation-fill-mode: both;

package/esm/notifications/toast/ToastContainer.sty.js

@@ -1,5 +1,5 @@
 import "./ToastContainer.css";
-var root = "_rxr5813-3-6-0";
+var root = "_rxr5813-3-7-0";
 export {
   root
 };

package/esm/notifications/toast/ToastContainer.sty.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/notifications/toast/ToastContainer.css.ts"],
-  "sourcesContent": ["import './ToastContainer.css';\nexport var root = '_rxr5813-3-6-0';"],
+  "sourcesContent": ["import './ToastContainer.css';\nexport var root = '_rxr5813-3-7-0';"],
   "mappings": "AAAA,OAAO;AACA,IAAI,OAAO;",
   "names": []
 }

package/esm/overlays/drawer/Drawer.css

@@ -1,4 +1,4 @@
-._14971970-3-6-0 {
+._14971970-3-7-0 {
   pointer-events: initial;
   position: absolute;
   height: 100vh;
@@ -7,40 +7,40 @@
   background-color: var(--dt-colors-background-base-default, #f9f9fa);
   box-shadow: var(--dt-box-shadows-surface-floating-rest, 0px 0px 0px 1px #2d2e4e08, 0px 1px 2px #2d2e4e0d, 0px 5px 11px -2px #2d2e4e29);
 }
-._14971971-3-6-0 {
+._14971971-3-7-0 {
   left: 0;
   right: auto;
   border-radius: 0 var(--dt-borders-radius-surface-default, 12px) var(--dt-borders-radius-surface-default, 12px) 0;
 }
-._14971972-3-6-0 {
+._14971972-3-7-0 {
   left: auto;
   right: 0;
   border-radius: var(--dt-borders-radius-surface-default, 12px) 0 0 var(--dt-borders-radius-surface-default, 12px);
 }
-._14971973-3-6-0 {
+._14971973-3-7-0 {
   width: 25%;
   min-width: min(calc(100% - 64px), 320px);
 }
-._14971974-3-6-0 {
+._14971974-3-7-0 {
   width: 50%;
   min-width: min(calc(100% - 56px), 640px);
 }
-._14971975-3-6-0 {
+._14971975-3-7-0 {
   width: 75%;
   min-width: min(calc(100% - 48px), 960px);
 }
-._14971976-3-6-0 {
+._14971976-3-7-0 {
   width: 100%;
   border-radius: 0;
 }
-._14971977-3-6-0 {
+._14971977-3-7-0 {
   position: relative;
   width: 100vw;
   height: 100vh;
   overflow: hidden;
   z-index: var(--dt-elevations-default, 1);
 }
-._14971978-3-6-0 {
+._14971978-3-7-0 {
   width: 100%;
   height: 100%;
 }

package/esm/overlays/drawer/Drawer.sty.js

@@ -1,9 +1,9 @@
 import "./Drawer.css";
-var DrawerBackdropCSS = "_14971977-3-6-0";
-var DrawerCSS = "_14971970-3-6-0";
-var DrawerContentCSS = "_14971978-3-6-0";
-var DrawerPlacementCSS = { left: "_14971971-3-6-0", right: "_14971972-3-6-0" };
-var DrawerWidthStyles = { narrow: "_14971973-3-6-0", medium: "_14971974-3-6-0", wide: "_14971975-3-6-0", full: "_14971976-3-6-0" };
+var DrawerBackdropCSS = "_14971977-3-7-0";
+var DrawerCSS = "_14971970-3-7-0";
+var DrawerContentCSS = "_14971978-3-7-0";
+var DrawerPlacementCSS = { left: "_14971971-3-7-0", right: "_14971972-3-7-0" };
+var DrawerWidthStyles = { narrow: "_14971973-3-7-0", medium: "_14971974-3-7-0", wide: "_14971975-3-7-0", full: "_14971976-3-7-0" };
 export {
   DrawerBackdropCSS,
   DrawerCSS,

package/esm/overlays/drawer/Drawer.sty.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/overlays/drawer/Drawer.css.ts"],
-  "sourcesContent": ["import './Drawer.css';\nexport var DrawerBackdropCSS = '_14971977-3-6-0';\nexport var DrawerCSS = '_14971970-3-6-0';\nexport var DrawerContentCSS = '_14971978-3-6-0';\nexport var DrawerPlacementCSS = {left:'_14971971-3-6-0',right:'_14971972-3-6-0'};\nexport var DrawerWidthStyles = {narrow:'_14971973-3-6-0',medium:'_14971974-3-6-0',wide:'_14971975-3-6-0',full:'_14971976-3-6-0'};"],
+  "sourcesContent": ["import './Drawer.css';\nexport var DrawerBackdropCSS = '_14971977-3-7-0';\nexport var DrawerCSS = '_14971970-3-7-0';\nexport var DrawerContentCSS = '_14971978-3-7-0';\nexport var DrawerPlacementCSS = {left:'_14971971-3-7-0',right:'_14971972-3-7-0'};\nexport var DrawerWidthStyles = {narrow:'_14971973-3-7-0',medium:'_14971974-3-7-0',wide:'_14971975-3-7-0',full:'_14971976-3-7-0'};"],
   "mappings": "AAAA,OAAO;AACA,IAAI,oBAAoB;AACxB,IAAI,YAAY;AAChB,IAAI,mBAAmB;AACvB,IAAI,qBAAqB,EAAC,MAAK,mBAAkB,OAAM,kBAAiB;AACxE,IAAI,oBAAoB,EAAC,QAAO,mBAAkB,QAAO,mBAAkB,MAAK,mBAAkB,MAAK,kBAAiB;",
   "names": []
 }

package/esm/overlays/modal/Modal.css

@@ -1,4 +1,4 @@
-._dmotjm0-3-6-0 {
+._dmotjm0-3-7-0 {
   box-sizing: border-box;
   position: relative;
   display: flex;
@@ -11,16 +11,16 @@
   background: var(--dt-colors-background-surface-default, #fff);
   overflow-y: auto;
 }
-._dmotjm1-3-6-0 {
+._dmotjm1-3-7-0 {
   max-width: 576px;
 }
-._dmotjm2-3-6-0 {
+._dmotjm2-3-7-0 {
   max-width: 768px;
 }
-._dmotjm3-3-6-0 {
+._dmotjm3-3-7-0 {
   max-width: 1280px;
 }
-._dmotjm4-3-6-0 {
+._dmotjm4-3-7-0 {
   position: fixed;
   top: 0;
   left: 0;
@@ -32,7 +32,7 @@
   background: var(--dt-colors-background-surface-backdrop, #f9f9facc);
   z-index: var(--dt-elevations-default, 1);
 }
-._dmotjm5-3-6-0 {
+._dmotjm5-3-7-0 {
   display: flex;
   justify-content: space-between;
   align-items: center;
@@ -40,7 +40,7 @@
   padding: var(--dt-spacings-size-16, 16px) var(--dt-spacings-size-24, 24px) var(--dt-spacings-size-8, 8px);
 }
 @supports not (height: 1dvh) {
-  ._dmotjm0-3-6-0 {
+  ._dmotjm0-3-7-0 {
     max-height: 96vh;
   }
 }

package/esm/overlays/modal/Modal.sty.js

@@ -1,8 +1,8 @@
 import "./Modal.css";
-var backdrop = "_dmotjm4-3-6-0";
-var base = "_dmotjm0-3-6-0";
-var header = "_dmotjm5-3-6-0";
-var sizes = { small: "_dmotjm1-3-6-0", medium: "_dmotjm2-3-6-0", large: "_dmotjm3-3-6-0" };
+var backdrop = "_dmotjm4-3-7-0";
+var base = "_dmotjm0-3-7-0";
+var header = "_dmotjm5-3-7-0";
+var sizes = { small: "_dmotjm1-3-7-0", medium: "_dmotjm2-3-7-0", large: "_dmotjm3-3-7-0" };
 export {
   backdrop,
   base,

package/esm/overlays/modal/Modal.sty.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/overlays/modal/Modal.css.ts"],
-  "sourcesContent": ["import './Modal.css';\nexport var backdrop = '_dmotjm4-3-6-0';\nexport var base = '_dmotjm0-3-6-0';\nexport var header = '_dmotjm5-3-6-0';\nexport var sizes = {small:'_dmotjm1-3-6-0',medium:'_dmotjm2-3-6-0',large:'_dmotjm3-3-6-0'};"],
+  "sourcesContent": ["import './Modal.css';\nexport var backdrop = '_dmotjm4-3-7-0';\nexport var base = '_dmotjm0-3-7-0';\nexport var header = '_dmotjm5-3-7-0';\nexport var sizes = {small:'_dmotjm1-3-7-0',medium:'_dmotjm2-3-7-0',large:'_dmotjm3-3-7-0'};"],
   "mappings": "AAAA,OAAO;AACA,IAAI,WAAW;AACf,IAAI,OAAO;AACX,IAAI,SAAS;AACb,IAAI,QAAQ,EAAC,OAAM,kBAAiB,QAAO,kBAAiB,OAAM,iBAAgB;",
   "names": []
 }

package/esm/overlays/overlay/Overlay.css

@@ -1,4 +1,4 @@
-._1dhu6810-3-6-0 {
+._1dhu6810-3-7-0 {
   background: var(--dt-colors-background-surface-default, #fff);
   border-radius: var(--dt-borders-radius-surface-subdued, 9px);
   box-shadow: var(--dt-box-shadows-surface-floating-rest, 0px 0px 0px 1px #2d2e4e08, 0px 1px 2px #2d2e4e0d, 0px 5px 11px -2px #2d2e4e29);

package/esm/overlays/overlay/Overlay.sty.js

@@ -1,5 +1,5 @@
 import "./Overlay.css";
-var overlayCSS = "_1dhu6810-3-6-0";
+var overlayCSS = "_1dhu6810-3-7-0";
 export {
   overlayCSS
 };

package/esm/overlays/overlay/Overlay.sty.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/overlays/overlay/Overlay.css.ts"],
-  "sourcesContent": ["import './Overlay.css';\nexport var overlayCSS = '_1dhu6810-3-6-0';"],
+  "sourcesContent": ["import './Overlay.css';\nexport var overlayCSS = '_1dhu6810-3-7-0';"],
   "mappings": "AAAA,OAAO;AACA,IAAI,aAAa;",
   "names": []
 }

package/esm/overlays/sheet/Sheet.css

@@ -1,4 +1,4 @@
-._d76u1n0-3-6-0 {
+._d76u1n0-3-7-0 {
   width: 100%;
   display: flex;
   justify-content: center;
@@ -7,7 +7,7 @@
   position: relative;
   z-index: var(--dt-elevations-default, 1);
 }
-._d76u1n1-3-6-0 {
+._d76u1n1-3-7-0 {
   box-sizing: border-box;
   position: relative;
   display: flex;
@@ -25,16 +25,16 @@
   padding-bottom: var(--dt-spacings-size-16, 16px);
   margin-top: var(--dt-spacings-size-12, 12px);
 }
-._d76u1n1-3-6-0:after {
+._d76u1n1-3-7-0:after {
   content: "";
   display: block;
   padding-bottom: var(--dt-spacings-size-32, 32px);
 }
-._d76u1n2-3-6-0 {
+._d76u1n2-3-7-0 {
   overflow: auto;
   padding-right: var(--dt-spacings-size-12, 12px);
 }
-._d76u1n3-3-6-0 {
+._d76u1n3-3-7-0 {
   height: 100vh;
   position: fixed;
   top: 0;
@@ -43,7 +43,7 @@
   z-index: var(--dt-elevations-overlay, 20);
   background: var(--dt-colors-background-surface-backdrop, #f9f9facc);
 }
-._d76u1n4-3-6-0 {
+._d76u1n4-3-7-0 {
   word-break: normal;
   overflow-wrap: anywhere;
 }

package/esm/overlays/sheet/Sheet.sty.js

@@ -1,9 +1,9 @@
 import "./Sheet.css";
-var sheetBackdropCSS = "_d76u1n0-3-6-0";
-var sheetCSS = "_d76u1n1-3-6-0";
-var sheetHeadingCSS = "_d76u1n4-3-6-0";
-var sheetScrollableContainerCSS = "_d76u1n2-3-6-0";
-var sheetWrapperCSS = "_d76u1n3-3-6-0";
+var sheetBackdropCSS = "_d76u1n0-3-7-0";
+var sheetCSS = "_d76u1n1-3-7-0";
+var sheetHeadingCSS = "_d76u1n4-3-7-0";
+var sheetScrollableContainerCSS = "_d76u1n2-3-7-0";
+var sheetWrapperCSS = "_d76u1n3-3-7-0";
 export {
   sheetBackdropCSS,
   sheetCSS,

package/esm/overlays/sheet/Sheet.sty.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/overlays/sheet/Sheet.css.ts"],
-  "sourcesContent": ["import './Sheet.css';\nexport var sheetBackdropCSS = '_d76u1n0-3-6-0';\nexport var sheetCSS = '_d76u1n1-3-6-0';\nexport var sheetHeadingCSS = '_d76u1n4-3-6-0';\nexport var sheetScrollableContainerCSS = '_d76u1n2-3-6-0';\nexport var sheetWrapperCSS = '_d76u1n3-3-6-0';"],
+  "sourcesContent": ["import './Sheet.css';\nexport var sheetBackdropCSS = '_d76u1n0-3-7-0';\nexport var sheetCSS = '_d76u1n1-3-7-0';\nexport var sheetHeadingCSS = '_d76u1n4-3-7-0';\nexport var sheetScrollableContainerCSS = '_d76u1n2-3-7-0';\nexport var sheetWrapperCSS = '_d76u1n3-3-7-0';"],
   "mappings": "AAAA,OAAO;AACA,IAAI,mBAAmB;AACvB,IAAI,WAAW;AACf,IAAI,kBAAkB;AACtB,IAAI,8BAA8B;AAClC,IAAI,kBAAkB;",
   "names": []
 }