@kaizen/components 3.0.2 → 3.0.4

package/locales/kk-KZ.json

@@ -0,0 +1,259 @@
+{
+  "smartling" : {
+    "string_format" : "icu",
+    "translate_paths" : [
+    {
+      "instruction" : "*/description",
+      "key" : "{*}/message",
+      "path" : "*/message"
+    }],
+    "variants_enabled" : true
+  },
+  "date.validation.invalidDate" : {
+    "description" : "Error message when the user enters an invalid date and we do not know their input value",
+    "message" : "Күн жарамсыз"
+  },
+  "date.validation.invalidDateWithValue" : {
+    "description" : "Error message when the user enters an invalid date and we know their input value",
+    "message" : "{inputValue} — жарамсыз күн"
+  },
+  "date.validation.rangeEndBeforeRangeStart" : {
+    "description" : "Error message when the user tries to select an end date earlier than the start date",
+    "message" : "«{startDateFieldLabel}» ішіндегі таңдаудан бұрын болмауы керек"
+  },
+  "date.validation.unavailableDate" : {
+    "description" : "Error message when the user tries to select a date that is unavailable",
+    "message" : "{inputValue} қолжетімді емес, басқа күнді таңдап көріңіз"
+  },
+  "dateInputDescription.inputFormat" : {
+    "description" : "Label for the 'Input format' field",
+    "message" : "Енгізу форматы"
+  },
+  "datePicker.calendarLabelDescription" : {
+    "description" : "Label for the search input",
+    "message" : "Күнтізбеден күнді таңдаңыз:"
+  },
+  "filterBar.addFiltersMenu.buttonLabel" : {
+    "description" : "Menu button label to show additional available filter options",
+    "message" : "Сүзгілерді қосу"
+  },
+  "filterBar.clearAllButton.ariaLabel" : {
+    "description" : "Button aria-label to clear all values within the filter bar",
+    "message" : "Барлық сүзгіні тазалау"
+  },
+  "filterBar.clearAllButton.label" : {
+    "description" : "Button label to clear all values within the filter bar",
+    "message" : "Барлығын тазалау"
+  },
+  "filterButton.removable.removeButtonLabel" : {
+    "description" : "Button label to remove a single filter from the filter bar",
+    "message" : "Сүзгіні алып тастау — {filterLabel}"
+  },
+  "filterDatePickerDateInputField.dateInputLabelFallback" : {
+    "description" : "Default label for date input field",
+    "message" : "Күні"
+  },
+  "filterDateRangePicker.dateFrom" : {
+    "description" : "Label for the 'Date from' field",
+    "message" : "Күні"
+  },
+  "filterDateRangePicker.dateTo" : {
+    "description" : "Label for the 'date to' field",
+    "message" : "Күні"
+  },
+  "filterMultiSelectClearButton.label" : {
+    "description" : "Clear button label for filter multi-select",
+    "message" : "<VisuallyHidden>Таңдауларды</VisuallyHidden> тазалау"
+  },
+  "filterMultiSelectMultiSelectOption.available" : {
+    "description" : "Number of filter items available",
+    "message" : "<Badge>{count}</Badge><VisuallyHidden> қолжетімді</VisuallyHidden>"
+  },
+  "filterMultiSelectSearchInput.label" : {
+    "description" : "Label for the search input",
+    "message" : "Іздеу сұрауы бойынша сүзгілеу нұсқалары"
+  },
+  "filterMultiSelectSearchInput.placeholder" : {
+    "description" : "Placeholder for the search input",
+    "message" : "Ізделіп жатыр..."
+  },
+  "filterMultiSelectSelectAllButton.label" : {
+    "description" : "Select all button in filter multi select",
+    "message" : "Барлығын таңдау"
+  },
+  "inputSearch.clear" : {
+    "description" : "Label for the clear search button",
+    "message" : "Іздеуді тазалау"
+  },
+  "kz.rte.bold" : {
+    "description" : "Label for the \"Bold\" button in a text editor",
+    "message" : "Қалың"
+  },
+  "kz.rte.bullet_list" : {
+    "description" : "Label for the \"Bullet list\" button in a text editor",
+    "message" : "Белгіленген тізім"
+  },
+  "kz.rte.decrease_indent" : {
+    "description" : "Label for the \"Decrease indent\" button in a text editor",
+    "message" : "Шегіністі азайту"
+  },
+  "kz.rte.increase_indent" : {
+    "description" : "Label for the \"Increase indent\" button in a text editor",
+    "message" : "Шегіністі ұлғайту"
+  },
+  "kz.rte.italic" : {
+    "description" : "Label for the \"Italic\" button in a text editor",
+    "message" : "Көлбеу"
+  },
+  "kz.rte.link" : {
+    "description" : "Label for the \"Link\" button in a text editor that allows the creation of hyperlinks in the text",
+    "message" : "Сілтеме"
+  },
+  "kz.rte.numbered_list" : {
+    "description" : "Label for the \"Numbered list\" button in a text editor",
+    "message" : "Нөмірленген тізім"
+  },
+  "kz.rte.toolbar.aria_label" : {
+    "description" : "Label for the text formatting toolbar in a Rich Text Editor",
+    "message" : "Мәтінді форматтау"
+  },
+  "kz.rte.underline" : {
+    "description" : "Label for the \"Underline\" button in a text editor",
+    "message" : "Астын сызу"
+  },
+  "kzErrorPage" : {
+    "description" : "Label for contact button",
+    "message" : "Қолдау көрсету қызметіне хабарласу"
+  },
+  "kzErrorPage.400.message" : {
+    "description" : "Call to action instructions for the user",
+    "message" : "Қазір бетті жүктеуге қатысты ақау бар. Әрекетті қайталап көріңіз немесе «Басты бет» бөліміне өтіңіз."
+  },
+  "kzErrorPage.400.title" : {
+    "description" : "Heading for page",
+    "message" : "Бетті жүктеу кезінде ақау пайда болды"
+  },
+  "kzErrorPage.401.message" : {
+    "description" : "Call to action instructions for the user",
+    "message" : "Осы бетті көре алатыныңызды тексере алмаймыз. Қайтып оралып, әрекетті қайталап көріңіз немесе «Басты бет» бөліміне өтіңіз."
+  },
+  "kzErrorPage.401.title" : {
+    "description" : "Main title for page",
+    "message" : "Бұл бетті көру мүмкін емес"
+  },
+  "kzErrorPage.403.message" : {
+    "description" : "Call to action instructions for the user",
+    "message" : "Осы бетті көру үшін рұқсатыңыз жоқ сияқты. Қайтып оралып, әрекетті қайталап көріңіз немесе «Басты бет» бөліміне өтіңіз."
+  },
+  "kzErrorPage.403.title" : {
+    "description" : "Main title for page",
+    "message" : "Бұл бетті көру мүмкін емес"
+  },
+  "kzErrorPage.404.message" : {
+    "description" : "Call to action instructions for the user",
+    "message" : "Кешіріңіз, бірақ сіз іздеп жатқан бетті таба алмадық. Қайтып оралып, әрекетті қайталап көріңіз немесе Басты бетке өтіңіз."
+  },
+  "kzErrorPage.404.title" : {
+    "description" : "Main title of page",
+    "message" : "Бет табылмады"
+  },
+  "kzErrorPage.413" : {
+    "description" : "Call to action instructions for the user",
+    "message" : "Жүйемізде ақау бар, сондықтан бұл бетті көрсету мүмкін емес. Қайтып оралып, әрекетті қайталап көріңіз немесе «Басты бет» бөліміне өтіңіз."
+  },
+  "kzErrorPage.413.title" : {
+    "description" : "Main title of page",
+    "message" : "Біз жақтан бірдеңе дұрыс болмады"
+  },
+  "kzErrorPage.422.message" : {
+    "description" : "Call to action instructions for the user",
+    "message" : "Өзгеріс жасау мүмкін болмайды. Қайтып оралып, әрекетті қайталап көріңіз немесе «Басты бет» бөліміне өтіңіз."
+  },
+  "kzErrorPage.422.title" : {
+    "description" : "Main title of page",
+    "message" : "Өзгертуді енгізу мүмкін болмады"
+  },
+  "kzErrorPage.500" : {
+    "description" : "Call to action instructions for the user",
+    "message" : "Жүйемізде ақау бар, сондықтан бұл бетті көрсету мүмкін емес. Қайтып оралып, әрекетті қайталап көріңіз немесе «Басты бет» бөліміне өтіңіз."
+  },
+  "kzErrorPage.500.title" : {
+    "description" : "Main title of page",
+    "message" : "Біз жақтан бірдеңе дұрыс болмады"
+  },
+  "kzErrorPage.502.message" : {
+    "description" : "Call to action instructions for the user",
+    "message" : "Осы үшін кешірім сұраймыз. Қайта оралып, әрекетті қайталап көруді ұсынамыз."
+  },
+  "kzErrorPage.502.title" : {
+    "description" : "Main title of page",
+    "message" : "Бұл бетті көру мүмкін емес"
+  },
+  "kzErrorPage.503.message" : {
+    "description" : "Call to action instructions for the user",
+    "message" : "Кешірім сұраймыз. Қайта оралып, әрекетті қайталап көруді ұсынамыз."
+  },
+  "kzErrorPage.503.title" : {
+    "description" : "Main title of page",
+    "message" : "Бұл бетті көру мүмкін емес"
+  },
+  "kzErrorPage.504.message" : {
+    "description" : "Call to action instructions for the user",
+    "message" : "Кешірім сұраймыз. Қайта оралып, әрекетті қайталап көруді ұсынамыз."
+  },
+  "kzErrorPage.504.title" : {
+    "description" : "Main title of page",
+    "message" : "Бұл бетті көру мүмкін емес"
+  },
+  "kzErrorPage.errorCode" : {
+    "message" : "Қате коды: {code}"
+  },
+  "kzErrorPage.goToHome" : {
+    "description" : "Home button label",
+    "message" : "Басты бетке оралу"
+  },
+  "kzGenericTile.infoButtonLabel" : {
+    "description" : "Prompts user to interact with button to reveal more information",
+    "message" : "Қосымша ақпаратты қарау:"
+  },
+  "kzGenericTile.infoButtonReturnLabel" : {
+    "description" : "Prompts user to interact with button to hide information",
+    "message" : "Ақпаратты жасыру:"
+  },
+  "kzTitleBlock.combinedOverflowMenuLabel" : {
+    "description" : "Label for the dropdown menu which displays additional action items and secondary actions",
+    "message" : "Біріктірілген қосалқы және қосымша мәзірді ашу"
+  },
+  "kzTitleBlock.defaultActionMinimizedOverflowMenuLabel" : {
+    "description" : "Label for the dropdown menu which displays the default action item",
+    "message" : "Әдепкі әрекеттің қосымша мәзірін ашу"
+  },
+  "kzTitleBlock.hamburgerMenuLabel" : {
+    "description" : "Label for the dropdown menu which displays navigation items",
+    "message" : "Мәзірді ашу"
+  },
+  "kzTitleBlock.overflowMenuAriaLabel" : {
+    "description" : "Aria Label for the dropdown menu which displays additional action items",
+    "message" : "Қосымша мәзірді ашады"
+  },
+  "kzTitleBlock.overflowMenuLabel" : {
+    "description" : "Label for the dropdown menu which displays additional action items",
+    "message" : "Мәзір"
+  },
+  "kzTitleBlock.secondaryAndOverflowMenuLabel" : {
+    "description" : "Label for the dropdown menu which displays additional actions",
+    "message" : "Қосымша және артық мәзірді ашыңыз"
+  },
+  "select.clearButtonAlt" : {
+    "description" : "Alt text for the clear selection button. The button clears the selection the user has made via a dropdown. The field placeholder is the label of the dropdown.",
+    "message" : "Таңдауды тазалау: {field}"
+  },
+  "singleSelect.chevronButton" : {
+    "description" : "Aria label text for the SingleSelect button to open and close suggestions list",
+    "message" : "{field} үшін ұсыныстарды көрсету"
+  },
+  "singleSelect.clearButtonAlt_v2" : {
+    "description" : "Alt text for the clear selection button. The button clears the selection the user has made via a dropdown. The field placeholder is the label of the dropdown.",
+    "message" : "Таңдауды тазалау: {field}"
+  }
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kaizen/components",
-  "version": "3.0.2",
+  "version": "3.0.4",
   "description": "Kaizen component library",
   "author": "Geoffrey Chong <geoff.chong@cultureamp.com>",
   "homepage": "https://cultureamp.design",
@@ -77,7 +77,7 @@
     "kaizen-codemod": "./bin/codemod.sh"
   },
   "dependencies": {
-    "@floating-ui/react-dom": "^2.1.7",
+    "@floating-ui/react-dom": "^2.1.8",
     "@headlessui/react": "^2.2.9",
     "@internationalized/date": "^3.8.2",
     "@popperjs/core": "^2.11.8",
@@ -130,7 +130,7 @@
   },
   "devDependencies": {
     "@cultureamp/frontend-apis": "13.3.0",
-    "@cultureamp/i18n-react-intl": "^2.15.1",
+    "@cultureamp/i18n-react-intl": "^4.0.1",
     "@cultureamp/package-bundler": "^2.4.4",
     "@testing-library/dom": "^10.4.1",
     "@types/jest-axe": "^3.5.9",
@@ -144,7 +144,7 @@
     "jest-axe": "^10.0.0",
     "lodash.isempty": "^4.4.0",
     "normalize.css": "^8.0.1",
-    "postcss": "^8.5.6",
+    "postcss": "^8.5.8",
     "postcss-cli": "^11.0.1",
     "postcss-import": "^16.1.1",
     "postcss-preset-env": "^11.2.0",
@@ -157,11 +157,11 @@
     "rollup": "^4.59.0",
     "sass": "1.79.6",
     "serialize-query-params": "^2.0.4",
-    "svgo": "^4.0.0",
+    "svgo": "^4.0.1",
     "ts-patch": "^3.3.0",
     "tslib": "^2.8.1",
     "tsx": "^4.21.0",
-    "@kaizen/design-tokens": "11.0.1"
+    "@kaizen/design-tokens": "11.0.2"
   },
   "devDependenciesComments": {
     "sass": "Prevent deprecation warnings introduced in 1.80 as we plan to move away from sass",

package/src/ClearButton/{ClearButton.module.scss → ClearButton.module.css}

@@ -1,11 +1,13 @@
-@import '~@kaizen/design-tokens/sass/border';
-@import '~@kaizen/design-tokens/sass/color';
-@import '../../styles/utils/button-reset';
-
 @layer kz-components {
   .clearButton {
-    @include button-reset;
-
+    /* Button reset */
+    appearance: none;
+    background: transparent;
+    color: inherit;
+    font: inherit;
+    margin: 0;
+    padding: 0;
+    border: none;
     position: relative;
     display: inline-flex;
     border-radius: 100%;
@@ -22,20 +24,20 @@
   }
 
   .default {
-    color: $color-gray-500;
+    color: var(--color-gray-500);
 
     &:hover,
     &:focus-visible {
-      color: $color-purple-800;
+      color: var(--color-purple-800);
     }
   }
 
   .reversed {
-    color: rgba($color-white-rgb, 0.8);
+    color: rgb(var(--color-white-rgb), 0.8);
 
     &:hover,
     &:focus-visible {
-      color: $color-white;
+      color: var(--color-white);
     }
 
     &:focus-visible {

package/src/ClearButton/ClearButton.tsx

@@ -2,7 +2,7 @@ import React, { type ButtonHTMLAttributes } from 'react'
 import classnames from 'classnames'
 import { Icon } from '~components/Icon'
 import { type OverrideClassName } from '~components/types/OverrideClassName'
-import styles from './ClearButton.module.scss'
+import styles from './ClearButton.module.css'
 
 export type ClearButtonProps = {
   isReversed?: boolean

package/src/Slider/Slider.module.css

@@ -0,0 +1,44 @@
+@layer kz-components {
+  .wrapper {
+    display: flex;
+    flex-direction: column;
+  }
+
+  .labelWrapper {
+    margin-bottom: var(--spacing-sm);
+  }
+
+  .label {
+    margin-bottom: var(--spacing-4);
+  }
+
+  @media (width >= 768px) {
+    .labelInline {
+      &.wrapper {
+        align-items: center;
+        flex-direction: row;
+      }
+
+      .labelWrapper {
+        flex: 1;
+      }
+
+      .inputWrapper {
+        flex-basis: 50%;
+      }
+    }
+  }
+
+  .descriptionDisabled {
+    opacity: 0.3;
+  }
+
+  .readOnlyMessage {
+    text-align: center;
+    font-family: var(--typography-paragraph-small-font-family);
+    font-size: var(--typography-paragraph-small-font-size);
+    font-weight: var(--typography-paragraph-bold-font-weight);
+    line-height: var(--typography-paragraph-body-line-height);
+    letter-spacing: var(--typography-paragraph-body-letter-spacing);
+  }
+}

package/src/Slider/Slider.tsx

@@ -4,7 +4,7 @@ import { FieldGroup } from '~components/FieldGroup'
 import { InputRange, type InputRangeProps } from '~components/Input/InputRange'
 import { Label } from '~components/Label'
 import { Text } from '~components/Text'
-import styles from './Slider.module.scss'
+import styles from './Slider.module.css'
 
 export type SliderFieldProps = {
   id?: string

package/src/TimeField/TimeField.module.css

@@ -0,0 +1,68 @@
+@layer kz-components {
+  :root {
+    --input-height: 48px;
+  }
+
+  .wrapper {
+    position: relative;
+    display: flex;
+    flex-direction: column;
+    align-items: flex-start;
+    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);
+    color: var(--color-purple-800);
+  }
+
+  .label {
+    display: block;
+    margin-bottom: var(--spacing-6);
+  }
+
+  .input {
+    display: inline-flex;
+    align-items: center;
+    background-color: var(--color-white);
+    background-clip: padding-box;
+    border: var(--border-solid-border-width) var(--border-solid-border-style) var(--color-gray-500);
+    border-radius: var(--border-solid-border-radius);
+    font-size: var(--typography-paragraph-body-font-size);
+    line-height: var(--typography-paragraph-body-line-height);
+    padding: 0 var(--spacing-sm);
+    height: var(--input-height);
+    width: 100%;
+    box-sizing: border-box;
+
+    &:hover,
+    &:focus-within {
+      border-color: var(--color-gray-600);
+      background-color: var(--color-gray-200);
+    }
+  }
+
+  .input:focus-within .focusRing {
+    --focus-ring-offset: 3px;
+
+    position: absolute;
+    background: transparent;
+    border-radius: var(--border-focus-ring-border-radius);
+    border-width: var(--border-focus-ring-border-width);
+    border-style: var(--border-focus-ring-border-style);
+    border-color: var(--color-blue-500);
+    inset: calc(-1 * var(--focus-ring-offset));
+    pointer-events: none;
+  }
+
+  .isDisabled {
+    pointer-events: none;
+    background-color: transparent;
+    border-color: var(--color-gray-500);
+    opacity: 0.3;
+  }
+
+  .error {
+    border: var(--border-solid-border-width) var(--border-solid-border-style) var(--color-red-500);
+  }
+}

package/src/TimeField/TimeField.tsx

@@ -9,7 +9,7 @@ import { Label } from '~components/Label'
 import { type OverrideClassName } from '~components/types/OverrideClassName'
 import { TimeSegment } from './subcomponents/TimeSegment'
 import { type StatusType, type TimeValue, type ValueType } from './types'
-import styles from './TimeField.module.scss'
+import styles from './TimeField.module.css'
 
 type OmittedTimeFieldProps = 'errorMessage' | 'value' | 'onChange' | 'label' | 'hideTimeZone'
 

package/src/TimeField/subcomponents/TimeSegment/TimeSegment.module.css

@@ -0,0 +1,49 @@
+@layer kz-components {
+  /*
+  Chrome has a bug where `contenteditable` elements receive focus from external clicks.
+  This (in combination with the invisible character ​) creates boundaries
+  for the element.
+  https://stackoverflow.com/a/34445203
+  */
+  .timeSegmentWrapper {
+    white-space: nowrap;
+  }
+
+  .timeSegment {
+    display: block;
+    text-align: end;
+    background-color: var(--color-gray-300);
+    border-radius: 3px;
+    color: var(--color-purple-800);
+
+    &:hover {
+      background-color: var(--color-white);
+    }
+
+    &:focus-visible {
+      color: var(--color-white);
+      background: var(--color-blue-500);
+      outline: none;
+    }
+  }
+
+  .hasPadding {
+    padding: 0 4px;
+  }
+
+  .placeholder {
+    color: rgb(var(--color-purple-800-rgb), 0.7);
+  }
+
+  .literal {
+    background: none;
+
+    &:hover {
+      background: none;
+    }
+  }
+
+  .dayPeriod {
+    margin-right: 4px;
+  }
+}

package/src/TimeField/subcomponents/TimeSegment/TimeSegment.tsx

@@ -3,7 +3,7 @@ import { useDateSegment } from '@react-aria/datepicker'
 import { type DateFieldState, type DateSegment } from '@react-stately/datepicker'
 import classnames from 'classnames'
 import { generateSegmentDisplayText } from './utils/generateSegmentDisplayText'
-import styles from './TimeSegment.module.scss'
+import styles from './TimeSegment.module.css'
 
 export type TimeSegmentProps = {
   segment: DateSegment

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

@@ -1,8 +0,0 @@
-'use strict';
-
-var styles = {
-  "clearButton": "ClearButton-module_clearButton__CSOIc",
-  "default": "ClearButton-module_default__lBJxw",
-  "reversed": "ClearButton-module_reversed__0I2DC"
-};
-module.exports = styles;

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

@@ -1,12 +0,0 @@
-'use strict';
-
-var styles = {
-  "wrapper": "Slider-module_wrapper__zVX6g",
-  "labelWrapper": "Slider-module_labelWrapper__WuUIw",
-  "label": "Slider-module_label__CfIjh",
-  "labelInline": "Slider-module_labelInline__zjINd",
-  "inputWrapper": "Slider-module_inputWrapper__n16yj",
-  "descriptionDisabled": "Slider-module_descriptionDisabled__8GwiS",
-  "readOnlyMessage": "Slider-module_readOnlyMessage__Zscoa"
-};
-module.exports = styles;

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

@@ -1,11 +0,0 @@
-'use strict';
-
-var styles = {
-  "wrapper": "TimeField-module_wrapper__YuSI3",
-  "label": "TimeField-module_label__kjKyK",
-  "input": "TimeField-module_input__Hxjcu",
-  "focusRing": "TimeField-module_focusRing__7hgWG",
-  "isDisabled": "TimeField-module_isDisabled__rpEc8",
-  "error": "TimeField-module_error__tK2QY"
-};
-module.exports = styles;

package/dist/cjs/src/TimeField/subcomponents/TimeSegment/TimeSegment.module.scss.cjs

@@ -1,11 +0,0 @@
-'use strict';
-
-var styles = {
-  "timeSegmentWrapper": "TimeSegment-module_timeSegmentWrapper__WYD6y",
-  "timeSegment": "TimeSegment-module_timeSegment__eXb0c",
-  "hasPadding": "TimeSegment-module_hasPadding__9oYW3",
-  "placeholder": "TimeSegment-module_placeholder__j1-gK",
-  "literal": "TimeSegment-module_literal__mOkqz",
-  "dayPeriod": "TimeSegment-module_dayPeriod__fzT5I"
-};
-module.exports = styles;

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

@@ -1,6 +0,0 @@
-var styles = {
-  "clearButton": "ClearButton-module_clearButton__CSOIc",
-  "default": "ClearButton-module_default__lBJxw",
-  "reversed": "ClearButton-module_reversed__0I2DC"
-};
-export { styles as default };

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

@@ -1,10 +0,0 @@
-var styles = {
-  "wrapper": "Slider-module_wrapper__zVX6g",
-  "labelWrapper": "Slider-module_labelWrapper__WuUIw",
-  "label": "Slider-module_label__CfIjh",
-  "labelInline": "Slider-module_labelInline__zjINd",
-  "inputWrapper": "Slider-module_inputWrapper__n16yj",
-  "descriptionDisabled": "Slider-module_descriptionDisabled__8GwiS",
-  "readOnlyMessage": "Slider-module_readOnlyMessage__Zscoa"
-};
-export { styles as default };

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

@@ -1,9 +0,0 @@
-var styles = {
-  "wrapper": "TimeField-module_wrapper__YuSI3",
-  "label": "TimeField-module_label__kjKyK",
-  "input": "TimeField-module_input__Hxjcu",
-  "focusRing": "TimeField-module_focusRing__7hgWG",
-  "isDisabled": "TimeField-module_isDisabled__rpEc8",
-  "error": "TimeField-module_error__tK2QY"
-};
-export { styles as default };

package/dist/esm/src/TimeField/subcomponents/TimeSegment/TimeSegment.module.scss.mjs

@@ -1,9 +0,0 @@
-var styles = {
-  "timeSegmentWrapper": "TimeSegment-module_timeSegmentWrapper__WYD6y",
-  "timeSegment": "TimeSegment-module_timeSegment__eXb0c",
-  "hasPadding": "TimeSegment-module_hasPadding__9oYW3",
-  "placeholder": "TimeSegment-module_placeholder__j1-gK",
-  "literal": "TimeSegment-module_literal__mOkqz",
-  "dayPeriod": "TimeSegment-module_dayPeriod__fzT5I"
-};
-export { styles as default };