@kaizen/components 2.3.7 → 2.5.0

package/src/Text/Text.module.css

@@ -0,0 +1,71 @@
+@layer kz-components {
+  .text {
+    --icon-vertical-align: text-bottom;
+
+    margin: 0;
+
+    strong {
+      font-weight: var(--typography-paragraph-bold-font-weight);
+    }
+  }
+
+  .intro-lede {
+    font-family: var(--typography-paragraph-intro-lede-font-family);
+    font-weight: var(--typography-paragraph-intro-lede-font-weight);
+    font-size: var(--typography-paragraph-intro-lede-font-size);
+    line-height: var(--typography-paragraph-intro-lede-line-height);
+    letter-spacing: var(--typography-paragraph-intro-lede-letter-spacing);
+  }
+
+  .body {
+    font-family: var(--typography-paragraph-body-font-family);
+    font-weight: var(--typography-paragraph-body-font-weight);
+    font-size: var(--typography-paragraph-body-font-size);
+    line-height: var(--typography-paragraph-body-line-height);
+    letter-spacing: var(--typography-paragraph-body-letter-spacing);
+  }
+
+  .small {
+    font-family: var(--typography-paragraph-small-font-family);
+    font-weight: var(--typography-paragraph-small-font-weight);
+    font-size: var(--typography-paragraph-small-font-size);
+    line-height: var(--typography-paragraph-small-line-height);
+    letter-spacing: var(--typography-paragraph-small-letter-spacing);
+  }
+
+  .extra-small {
+    font-family: var(--typography-paragraph-extra-small-font-family);
+    font-weight: var(--typography-paragraph-extra-small-font-weight);
+    font-size: var(--typography-paragraph-extra-small-font-size);
+    line-height: var(--typography-paragraph-extra-small-line-height);
+    letter-spacing: var(--typography-paragraph-extra-small-letter-spacing);
+  }
+
+  .dark {
+    color: var(--color-purple-800);
+    opacity: 1;
+  }
+
+  .dark-reduced-opacity {
+    color: var(--color-purple-800);
+    opacity: 0.7;
+  }
+
+  .white {
+    color: var(--color-white);
+    opacity: 1;
+  }
+
+  .white-reduced-opacity {
+    color: var(--color-white);
+    opacity: 0.8;
+  }
+
+  .positive {
+    color: var(--color-green-600);
+  }
+
+  .negative {
+    color: var(--color-red-600);
+  }
+}

package/src/Text/Text.tsx

@@ -1,7 +1,7 @@
 import { createElement, type HTMLAttributes } from 'react'
 import classnames from 'classnames'
 import { type OverrideClassName } from '~components/types/OverrideClassName'
-import styles from './Text.module.scss'
+import styles from './Text.module.css'
 
 export type TextVariants = 'intro-lede' | 'body' | 'small' | 'extra-small'
 

package/src/TimeField/TimeField.tsx

@@ -1,4 +1,4 @@
-import React, { useId } from 'react'
+import React, { useId, useMemo } from 'react'
 import { Time } from '@internationalized/date'
 import { useTimeField } from '@react-aria/datepicker'
 import { I18nProvider } from '@react-aria/i18n'
@@ -67,9 +67,15 @@ const TimeFieldComponent = ({
     onChange({ hour: timeValue.hour, minutes: timeValue.minute })
   }
 
+  const timeValue = useMemo(
+    () => (value ? new Time(value.hour, value.minutes) : null),
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    [value?.hour, value?.minutes],
+  )
+
   const state = useTimeFieldState({
     ...restProps,
-    value: value ? new Time(value.hour, value.minutes) : null,
+    value: timeValue,
     onChange: handleOnChange,
     isDisabled,
     hideTimeZone: true,

package/src/ToggleSwitch/ToggleSwitch/ToggleSwitch.module.css

@@ -0,0 +1,141 @@
+@layer kz-components {
+  :root {
+    --animation-timing: var(--animation-duration-immediate) var(--animation-easing-function-linear);
+    --focus-ring-offset: 1px;
+  }
+
+  .checkbox {
+    /* Reset checkbox */
+    opacity: 0;
+    position: absolute;
+
+    :global(.ideal-sans) & {
+      /* This is to override bootstrap styles. Remove when appropriate */
+      position: absolute;
+    }
+  }
+
+  .track {
+    position: relative;
+    background-color: var(--color-gray-500);
+    border: var(--border-borderless-border-width) var(--border-borderless-border-style)
+      var(--border-borderless-border-color);
+    border-radius: var(--spacing-md);
+    box-sizing: content-box;
+    width: calc((var(--spacing-md) * 1.05) * 2);
+    height: calc(var(--spacing-md) * 1.25);
+    padding: 0 calc(var(--spacing-md) * 0.15);
+    display: flex;
+    align-items: center;
+    transition: background-color var(--animation-timing);
+
+    /* TODO: Fix */
+    /* stylelint-disable no-descending-specificity */
+    .checkbox:not(.disabled):focus + &,
+    .checkbox:not(.disabled):hover:focus + & {
+      border-color: transparent;
+      outline: 2px solid var(--color-blue-500);
+      outline-offset: var(--focus-ring-offset);
+      background-color: var(--color-gray-600);
+    }
+
+    .checkbox:not(.disabled) + &:hover,
+    label:hover .checkbox:not(.disabled) + & {
+      background-color: var(--color-gray-600);
+    }
+
+    /* stylelint-enable no-descending-specificity */
+  }
+
+  .thumb {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    background-color: var(--color-white);
+    border: var(--border-borderless-border-width) var(--border-borderless-border-style)
+      var(--border-borderless-border-color);
+    border-radius: var(--spacing-md);
+    transition:
+      left var(--animation-timing),
+      right var(--animation-timing);
+    cursor: default;
+  }
+
+  .checkIcon {
+    color: var(--color-green-500);
+    opacity: 0;
+    transition-duration: var(--animation-duration-rapid);
+  }
+
+  /* stylelint-disable no-descending-specificity */
+  .on {
+    .checkbox + .track {
+      border-color: var(--border-borderless-border-color);
+      background-color: var(--color-green-500);
+    }
+
+    .checkbox:focus + .track {
+      border-color: transparent;
+      background-color: var(--color-green-600);
+    }
+
+    .thumb {
+      position: relative;
+      right: auto;
+      inset-inline-start: calc(var(--spacing-md) * 1.1);
+    }
+
+    .checkIcon {
+      opacity: 1;
+      transition-delay: var(--animation-duration-immediate);
+      transition-duration: var(--animation-duration-fast);
+    }
+
+    .checkbox:not(.disabled) + .track:hover,
+    label:hover & .checkbox:not(.disabled) + .track {
+      background-color: var(--color-green-600);
+    }
+  }
+
+  .off {
+    .thumb {
+      position: relative;
+      right: auto;
+      inset-inline-start: calc(var(--spacing-md) * -0.05);
+    }
+  }
+
+  .reversed {
+    .checkbox:focus + .track,
+    .checkbox:hover:focus + .track {
+      outline-color: var(--color-blue-300);
+    }
+
+    &.off {
+      .track {
+        background-color: rgb(var(--color-white-rgb), 0.2);
+      }
+
+      .checkbox:focus + .track,
+      .checkbox:hover:focus + .track {
+        background-color: rgb(var(--color-white-rgb), 0.65);
+      }
+
+      .checkbox:not(.disabled) + .track:hover,
+      label:hover & .checkbox:not(.disabled) + .track {
+        background-color: rgb(var(--color-white-rgb), 0.65);
+      }
+    }
+  }
+
+  /* When the ToggleSwitch is used as part of the ToggleSwitchField, the disabled state opacity is set on the Label component */
+  label .disabled.track {
+    opacity: 1;
+  }
+
+  .disabled.track {
+    opacity: 0.3;
+  }
+
+  /* stylelint-enable no-descending-specificity */
+}

package/src/ToggleSwitch/ToggleSwitch/ToggleSwitch.tsx

@@ -2,7 +2,7 @@ import React, { type InputHTMLAttributes } from 'react'
 import classnames from 'classnames'
 import { Icon } from '~components/Icon'
 import { type OverrideClassName } from '~components/types/OverrideClassName'
-import styles from './ToggleSwitch.module.scss'
+import styles from './ToggleSwitch.module.css'
 
 export type ToggledStatus = 'on' | 'off'
 

package/src/ToggleSwitch/ToggleSwitchField/{ToggleSwitchField.module.scss → ToggleSwitchField.module.css}

@@ -1,5 +1,3 @@
-@import '~@kaizen/design-tokens/sass/typography';
-
 @layer kz-components {
   .container {
     display: flex;
@@ -12,6 +10,6 @@
   }
 
   .on label {
-    font-weight: $typography-paragraph-bold-font-weight;
+    font-weight: var(--typography-paragraph-bold-font-weight);
   }
 }

package/src/ToggleSwitch/ToggleSwitchField/ToggleSwitchField.tsx

@@ -7,7 +7,7 @@ import {
   type ToggleSwitchProps,
   type ToggledStatus,
 } from '../ToggleSwitch/ToggleSwitch'
-import styles from './ToggleSwitchField.module.scss'
+import styles from './ToggleSwitchField.module.css'
 
 export type ToggleSwitchFieldProps = {
   labelText: React.ReactNode

package/src/Tooltip/OverlayArrow.module.css

@@ -0,0 +1,45 @@
+@layer kz-components {
+  .overlayArrow {
+    display: flex;
+
+    /* 
+    for correct arrow positioning with rounded corners we need to do bit trickery here
+    the positioning is done in js in RAC and works by first getting size of arrow without data-placement, and isn't recomputed after update
+    so we first set padding on arrow from all sides (that'll be used for start position computation)
+    and then we remove it from the oposite axis
+   */
+
+    padding: 8px;
+
+    &[data-placement='top'],
+    &[data-placement='bottom'] {
+      padding: 0 8px;
+    }
+
+    &[data-placement='left'],
+    &[data-placement='right'] {
+      padding: 8px 0;
+    }
+
+    path {
+      fill: var(--color-purple-800);
+      box-shadow: var(--shadow-small-box-shadow);
+    }
+
+    &[data-placement='right'] svg {
+      transform: rotate(90deg);
+    }
+
+    &[data-placement='bottom'] svg {
+      transform: rotate(180deg);
+    }
+
+    &[data-placement='left'] svg {
+      transform: rotate(270deg);
+    }
+
+    &.reversed path {
+      fill: var(--color-white);
+    }
+  }
+}

package/src/Tooltip/OverlayArrow.tsx

@@ -3,7 +3,7 @@ import { OverlayArrow as RACOverlayArrow, type OverlayArrowProps } from 'react-a
 import { useReversedColors } from '~components/utils'
 import { mergeClassNames } from '~components/utils/mergeClassNames'
 
-import styles from './OverlayArrow.module.scss'
+import styles from './OverlayArrow.module.css'
 
 export { type OverlayArrowProps }
 

package/src/Tooltip/Tooltip.module.css

@@ -0,0 +1,62 @@
+@layer kz-components {
+  .tooltip {
+    max-width: 200px;
+    padding: var(--spacing-8) var(--spacing-12);
+    color: var(--color-white);
+    text-align: center;
+    font-family: var(--typography-paragraph-extra-small-font-family);
+    font-size: var(--typography-paragraph-extra-small-font-size);
+    font-weight: var(--typography-paragraph-extra-small-font-weight);
+    letter-spacing: var(--typography-paragraph-extra-small-letter-spacing);
+    line-height: var(--typography-paragraph-extra-small-line-height);
+    border-radius: var(--border-solid-border-radius);
+    box-shadow: var(--shadow-small-box-shadow);
+    background-color: var(--color-purple-800);
+    text-wrap: pretty;
+
+    /* fixes FF gap */
+    transform: translate3d(0, 0, 0);
+
+    &.reversed {
+      background-color: var(--color-white);
+      color: var(--color-purple-800);
+    }
+
+    &[data-placement='top'] {
+      --origin: translateY(4px);
+    }
+
+    &[data-placement='bottom'] {
+      --origin: translateY(-4px);
+    }
+
+    &[data-placement='right'] {
+      --origin: translateX(-4px);
+    }
+
+    &[data-placement='left'] {
+      --origin: translateX(4px);
+    }
+
+    &[data-entering] {
+      animation: slide var(--animation-duration-fast);
+    }
+
+    &[data-exiting] {
+      animation: slide var(--animation-duration-fast) reverse
+        var(--animation-easing-function-ease-in);
+    }
+  }
+}
+
+@keyframes slide {
+  from {
+    transform: var(--origin);
+    opacity: 0;
+  }
+
+  to {
+    transform: translateY(0);
+    opacity: 1;
+  }
+}

package/src/Tooltip/Tooltip.tsx

@@ -10,7 +10,7 @@ import { VisuallyHidden } from '~components/VisuallyHidden'
 import { useReversedColors } from '~components/utils'
 import { mergeClassNames } from '~components/utils/mergeClassNames'
 import { OverlayArrow } from './OverlayArrow'
-import styles from './Tooltip.module.scss'
+import styles from './Tooltip.module.css'
 
 export { TooltipContext }
 

package/src/VisuallyHidden/VisuallyHidden.tsx

@@ -1,7 +1,7 @@
 import React, { type HTMLAttributes, type ReactNode } from 'react'
 import classnames from 'classnames'
 import { type OverrideClassName } from '~components/types/OverrideClassName'
-import styles from './VisuallyHidden.module.scss'
+import styles from './VisuallyHidden.module.css'
 
 export type VisuallyHiddenProps = {
   children: ReactNode

package/dist/cjs/src/Divider/Divider.module.scss.cjs

@@ -1,10 +0,0 @@
-'use strict';
-
-var styles = {
-  "wrapper": "Divider-module_wrapper__K5mht",
-  "content": "Divider-module_content__BhDyy",
-  "menuSeparator": "Divider-module_menuSeparator__kjXV5",
-  "canvas": "Divider-module_canvas__2eQT6",
-  "reversed": "Divider-module_reversed__puJw2"
-};
-module.exports = styles;

package/dist/cjs/src/ErrorPage/ErrorPage.module.scss.cjs

@@ -1,6 +0,0 @@
-'use strict';
-
-var styles = {
-  "paragraphPadding": "ErrorPage-module_paragraphPadding__-L-qy"
-};
-module.exports = styles;

package/dist/cjs/src/Heading/Heading.module.scss.cjs

@@ -1,22 +0,0 @@
-'use strict';
-
-var styles = {
-  "heading": "Heading-module_heading__Gq6I8",
-  "display-0": "Heading-module_display-0__yZ7rx",
-  "composable-header-title": "Heading-module_composable-header-title__mqQVh",
-  "heading-1": "Heading-module_heading-1__PbAcw",
-  "heading-2": "Heading-module_heading-2__Ovpfe",
-  "heading-3": "Heading-module_heading-3__S4Pb1",
-  "heading-4": "Heading-module_heading-4__IIiwi",
-  "heading-5": "Heading-module_heading-5__QFtpN",
-  "heading-6": "Heading-module_heading-6__kts--",
-  "dark": "Heading-module_dark__IqcnT",
-  "dark-reduced-opacity": "Heading-module_dark-reduced-opacity__i-JqI",
-  "white": "Heading-module_white__mUqRT",
-  "white-reduced-opacity": "Heading-module_white-reduced-opacity__y1wq8",
-  "positive": "Heading-module_positive__mBS79",
-  "small": "Heading-module_small__qupiD",
-  "large": "Heading-module_large__cB-V3",
-  "negative": "Heading-module_negative__Q4byH"
-};
-module.exports = styles;

package/dist/cjs/src/Label/Label.module.scss.cjs

@@ -1,15 +0,0 @@
-'use strict';
-
-var styles = {
-  "label": "Label-module_label__Dmp7q",
-  "reversed": "Label-module_reversed__n6Q4r",
-  "disabled": "Label-module_disabled__qOB4e",
-  "text": "Label-module_text__LUnIh",
-  "radio": "Label-module_radio__-Iu-D",
-  "checkbox": "Label-module_checkbox__Fhjww",
-  "toggle": "Label-module_toggle__4tyKF",
-  "prependedLabel": "Label-module_prependedLabel__pdsEt",
-  "appendedLabel": "Label-module_appendedLabel__-OHis",
-  "prominent": "Label-module_prominent__SPdrr"
-};
-module.exports = styles;

package/dist/cjs/src/LabelledMessage/LabelledMessage.module.scss.cjs

@@ -1,7 +0,0 @@
-'use strict';
-
-var styles = {
-  "labelledMessage": "LabelledMessage-module_labelledMessage__8hqzY",
-  "labelSeparator": "LabelledMessage-module_labelSeparator__f3zFN"
-};
-module.exports = styles;

package/dist/cjs/src/Notification/subcomponents/GenericNotification/GenericNotification.module.scss.cjs

@@ -1,29 +0,0 @@
-'use strict';
-
-var styles = {
-  "notification": "GenericNotification-module_notification__-JP1M",
-  "inline": "GenericNotification-module_inline__OciO5",
-  "toast": "GenericNotification-module_toast__GOVfC",
-  "global": "GenericNotification-module_global__Weka-",
-  "security": "GenericNotification-module_security__QTALa",
-  "hidden": "GenericNotification-module_hidden__WJjct",
-  "noBottomMargin": "GenericNotification-module_noBottomMargin__28nF8",
-  "persistent": "GenericNotification-module_persistent__O7bgI",
-  "subtle": "GenericNotification-module_subtle__kPns9",
-  "icon": "GenericNotification-module_icon__SDb8v",
-  "textContainer": "GenericNotification-module_textContainer__Avpbk",
-  "forceMultiline": "GenericNotification-module_forceMultiline__JcVA4",
-  "title": "GenericNotification-module_title__dvQOr",
-  "text": "GenericNotification-module_text__X-5ld",
-  "cancel": "GenericNotification-module_cancel__c6wky",
-  "disabled": "GenericNotification-module_disabled__WGBhD",
-  "hover": "GenericNotification-module_hover__hUURd",
-  "active": "GenericNotification-module_active__-6ahb",
-  "cancelLabel": "GenericNotification-module_cancelLabel__HJzsk",
-  "notificationTitle": "GenericNotification-module_notificationTitle__Oaqb8",
-  "success": "GenericNotification-module_success__oLGIP",
-  "informative": "GenericNotification-module_informative__WLimi",
-  "cautionary": "GenericNotification-module_cautionary__lneFu",
-  "warning": "GenericNotification-module_warning__7275P"
-};
-module.exports = styles;

package/dist/cjs/src/Tag/Tag.module.scss.cjs

@@ -1,30 +0,0 @@
-'use strict';
-
-var styles = {
-  "root": "Tag-module_root__uRhoc",
-  "profile": "Tag-module_profile__OoGsS",
-  "layoutContainer": "Tag-module_layoutContainer__pBLSz",
-  "validationIcon": "Tag-module_validationIcon__B-YLv",
-  "textContent": "Tag-module_textContent__q76X-",
-  "iconWrapper": "Tag-module_iconWrapper__aPrKH",
-  "dismissButton": "Tag-module_dismissButton__rHv7r",
-  "background": "Tag-module_background__LkzGB",
-  "truncate": "Tag-module_truncate__5w7HW",
-  "inline": "Tag-module_inline__pPM-d",
-  "medium": "Tag-module_medium__NkOrv",
-  "small": "Tag-module_small__-xyNk",
-  "default": "Tag-module_default__6PVke",
-  "sentimentPositive": "Tag-module_sentimentPositive__nbqE1",
-  "sentimentNeutral": "Tag-module_sentimentNeutral__8BtD8",
-  "sentimentNegative": "Tag-module_sentimentNegative__1J85t",
-  "sentimentNone": "Tag-module_sentimentNone__8BWjU",
-  "validationPositive": "Tag-module_validationPositive__vgFUE",
-  "validationInformative": "Tag-module_validationInformative__bnJ4A",
-  "validationNegative": "Tag-module_validationNegative__lZgIY",
-  "validationCautionary": "Tag-module_validationCautionary__ERS2t",
-  "statusLive": "Tag-module_statusLive__xG48w",
-  "statusAction": "Tag-module_statusAction__woL-O",
-  "statusClosed": "Tag-module_statusClosed__VhZP-",
-  "statusDraft": "Tag-module_statusDraft__9QZDv"
-};
-module.exports = styles;

package/dist/cjs/src/Text/Text.module.scss.cjs

@@ -1,16 +0,0 @@
-'use strict';
-
-var styles = {
-  "text": "Text-module_text__Byo7R",
-  "intro-lede": "Text-module_intro-lede__ENE72",
-  "body": "Text-module_body__cO-XH",
-  "small": "Text-module_small__uZNGn",
-  "extra-small": "Text-module_extra-small__3g9eN",
-  "dark": "Text-module_dark__-jDSk",
-  "dark-reduced-opacity": "Text-module_dark-reduced-opacity__18nLo",
-  "white": "Text-module_white__-yVD0",
-  "white-reduced-opacity": "Text-module_white-reduced-opacity__i0veZ",
-  "positive": "Text-module_positive__e-IKh",
-  "negative": "Text-module_negative__agbge"
-};
-module.exports = styles;

package/dist/cjs/src/ToggleSwitch/ToggleSwitch/ToggleSwitch.module.scss.cjs

@@ -1,13 +0,0 @@
-'use strict';
-
-var styles = {
-  "checkbox": "ToggleSwitch-module_checkbox__ezWz3",
-  "track": "ToggleSwitch-module_track__fcDMP",
-  "disabled": "ToggleSwitch-module_disabled__3H-9R",
-  "thumb": "ToggleSwitch-module_thumb__8PULV",
-  "checkIcon": "ToggleSwitch-module_checkIcon__8iitB",
-  "on": "ToggleSwitch-module_on__CQpkh",
-  "off": "ToggleSwitch-module_off__OhSEP",
-  "reversed": "ToggleSwitch-module_reversed__Q3-iM"
-};
-module.exports = styles;

package/dist/cjs/src/ToggleSwitch/ToggleSwitchField/ToggleSwitchField.module.scss.cjs

@@ -1,9 +0,0 @@
-'use strict';
-
-var styles = {
-  "container": "ToggleSwitchField-module_container__e7TXD",
-  "fullWidth": "ToggleSwitchField-module_fullWidth__ybDf-",
-  "inner": "ToggleSwitchField-module_inner__9-O0m",
-  "on": "ToggleSwitchField-module_on__HQOkN"
-};
-module.exports = styles;

package/dist/cjs/src/Tooltip/OverlayArrow.module.scss.cjs

@@ -1,7 +0,0 @@
-'use strict';
-
-var styles = {
-  "overlayArrow": "OverlayArrow-module_overlayArrow__UoDjH",
-  "reversed": "OverlayArrow-module_reversed__N3t-k"
-};
-module.exports = styles;

package/dist/cjs/src/Tooltip/Tooltip.module.scss.cjs

@@ -1,7 +0,0 @@
-'use strict';
-
-var styles = {
-  "tooltip": "Tooltip-module_tooltip__NMZ65",
-  "reversed": "Tooltip-module_reversed__aTr5h"
-};
-module.exports = styles;

package/dist/esm/src/Divider/Divider.module.scss.mjs

@@ -1,8 +0,0 @@
-var styles = {
-  "wrapper": "Divider-module_wrapper__K5mht",
-  "content": "Divider-module_content__BhDyy",
-  "menuSeparator": "Divider-module_menuSeparator__kjXV5",
-  "canvas": "Divider-module_canvas__2eQT6",
-  "reversed": "Divider-module_reversed__puJw2"
-};
-export { styles as default };

package/dist/esm/src/ErrorPage/ErrorPage.module.scss.mjs

@@ -1,4 +0,0 @@
-var styles = {
-  "paragraphPadding": "ErrorPage-module_paragraphPadding__-L-qy"
-};
-export { styles as default };

package/dist/esm/src/Heading/Heading.module.scss.mjs

@@ -1,20 +0,0 @@
-var styles = {
-  "heading": "Heading-module_heading__Gq6I8",
-  "display-0": "Heading-module_display-0__yZ7rx",
-  "composable-header-title": "Heading-module_composable-header-title__mqQVh",
-  "heading-1": "Heading-module_heading-1__PbAcw",
-  "heading-2": "Heading-module_heading-2__Ovpfe",
-  "heading-3": "Heading-module_heading-3__S4Pb1",
-  "heading-4": "Heading-module_heading-4__IIiwi",
-  "heading-5": "Heading-module_heading-5__QFtpN",
-  "heading-6": "Heading-module_heading-6__kts--",
-  "dark": "Heading-module_dark__IqcnT",
-  "dark-reduced-opacity": "Heading-module_dark-reduced-opacity__i-JqI",
-  "white": "Heading-module_white__mUqRT",
-  "white-reduced-opacity": "Heading-module_white-reduced-opacity__y1wq8",
-  "positive": "Heading-module_positive__mBS79",
-  "small": "Heading-module_small__qupiD",
-  "large": "Heading-module_large__cB-V3",
-  "negative": "Heading-module_negative__Q4byH"
-};
-export { styles as default };

package/dist/esm/src/Label/Label.module.scss.mjs

@@ -1,13 +0,0 @@
-var styles = {
-  "label": "Label-module_label__Dmp7q",
-  "reversed": "Label-module_reversed__n6Q4r",
-  "disabled": "Label-module_disabled__qOB4e",
-  "text": "Label-module_text__LUnIh",
-  "radio": "Label-module_radio__-Iu-D",
-  "checkbox": "Label-module_checkbox__Fhjww",
-  "toggle": "Label-module_toggle__4tyKF",
-  "prependedLabel": "Label-module_prependedLabel__pdsEt",
-  "appendedLabel": "Label-module_appendedLabel__-OHis",
-  "prominent": "Label-module_prominent__SPdrr"
-};
-export { styles as default };

package/dist/esm/src/LabelledMessage/LabelledMessage.module.scss.mjs

@@ -1,5 +0,0 @@
-var styles = {
-  "labelledMessage": "LabelledMessage-module_labelledMessage__8hqzY",
-  "labelSeparator": "LabelledMessage-module_labelSeparator__f3zFN"
-};
-export { styles as default };