@kaizen/components 1.38.4 → 1.38.5

package/dist/cjs/TimeField/TimeField.cjs

@@ -8,7 +8,7 @@ var i18n = require('@react-aria/i18n');
 var datepicker = require('@react-stately/datepicker');
 var classnames = require('classnames');
 var FieldMessage = require('../FieldMessage/FieldMessage.cjs');
-var Heading = require('../Heading/Heading.cjs');
+var Label = require('../Label/Label.cjs');
 var TimeSegment = require('./subcomponents/TimeSegment/TimeSegment.cjs');
 var TimeField_module = require('./TimeField.module.scss.cjs');
 
@@ -55,7 +55,8 @@ const TimeFieldComponent = /*#__PURE__*/function () {
       locale: locale,
       validationState: status === "default" ? "valid" : "invalid"
     }));
-    var descriptionId = "".concat(id, "-field-message");
+    var hasError = !!validationMessage && status === "error";
+    var descriptionId = hasError ? "".concat(id, "-field-message") : undefined;
     var inputRef = React.useRef(null);
     var _c = datepicker$1.useTimeField(tslib.__assign(tslib.__assign({}, restProps), {
         label: label,
@@ -66,11 +67,10 @@ const TimeFieldComponent = /*#__PURE__*/function () {
       labelProps = _c.labelProps;
     return React.createElement("div", {
       className: classNameOverride
-    }, React.createElement(Heading.Heading, tslib.__assign({
-      tag: "div",
-      variant: "heading-6"
+    }, React.createElement(Label.Label, tslib.__assign({
+      disabled: state.isDisabled
     }, labelProps, {
-      classNameOverride: classnames(TimeField_module.heading, state.isDisabled && TimeField_module.isDisabled)
+      classNameOverride: TimeField_module.label
     }), label), React.createElement("div", {
       className: TimeField_module.wrapper
     }, React.createElement("div", tslib.__assign({}, fieldProps, {
@@ -85,7 +85,7 @@ const TimeFieldComponent = /*#__PURE__*/function () {
       });
     }), React.createElement("div", {
       className: TimeField_module.focusRing
-    }))), validationMessage && status === "error" && React.createElement(FieldMessage.FieldMessage, {
+    }))), hasError && React.createElement(FieldMessage.FieldMessage, {
       id: descriptionId,
       message: validationMessage,
       status: status

package/dist/cjs/TimeField/TimeField.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"TimeField.cjs","sources":["../../../src/TimeField/TimeField.tsx"],"sourcesContent":["import React, { useId } from \"react\"\nimport { Time } from \"@internationalized/date\"\nimport { useTimeField } from \"@react-aria/datepicker\"\nimport { I18nProvider } from \"@react-aria/i18n\"\nimport {\n  useTimeFieldState,\n  TimeFieldStateOptions,\n} from \"@react-stately/datepicker\"\nimport classnames from \"classnames\"\nimport { FieldMessage } from \"~components/FieldMessage\"\nimport { Heading } from \"~components/Heading\"\nimport { OverrideClassName } from \"~types/OverrideClassName\"\nimport { TimeSegment } from \"./subcomponents/TimeSegment\"\nimport { StatusType, TimeValue, ValueType } from \"./types\"\nimport styles from \"./TimeField.module.scss\"\n\ntype OmittedTimeFieldProps =\n  | \"errorMessage\"\n  | \"validationState\"\n  | \"value\"\n  | \"onChange\"\n  | \"label\"\n  | \"hideTimeZone\"\n\nexport type TimeFieldProps = {\n  id?: string\n  /**\n   * Field label.\n   */\n  label: string\n  /**\n   * Accepts any valid locale code (https://npm.io/package/locale-codes).\n   */\n  locale: string\n  onChange: (value: ValueType | null) => void\n  value: ValueType | null\n  status?: StatusType\n  validationMessage?: React.ReactNode\n} & OverrideClassName<Omit<TimeFieldStateOptions, OmittedTimeFieldProps>>\n\n// This needed to be placed directly below the props because\n// the prop descriptions wouldn't show in Storybook otherwise.\nexport const TimeField = (props: TimeFieldProps): JSX.Element => (\n  <I18nProvider locale={props.locale}>\n    <TimeFieldComponent {...props} />\n  </I18nProvider>\n)\n\nTimeField.displayName = \"TimeField\"\n\nconst TimeFieldComponent = ({\n  id: propsId,\n  label,\n  locale,\n  onChange,\n  value,\n  status = \"default\",\n  validationMessage,\n  isDisabled,\n  classNameOverride,\n  ...restProps\n}: TimeFieldProps): JSX.Element => {\n  const reactId = useId()\n  const id = propsId ?? reactId\n\n  const handleOnChange = (timeValue: TimeValue | null): void => {\n    if (timeValue === null) {\n      return onChange(null)\n    }\n    onChange({ hour: timeValue.hour, minutes: timeValue.minute })\n  }\n\n  const state = useTimeFieldState({\n    ...restProps,\n    value: value ? new Time(value.hour, value.minutes) : null,\n    onChange: handleOnChange,\n    isDisabled,\n    hideTimeZone: true,\n    locale,\n    validationState: status === \"default\" ? \"valid\" : \"invalid\",\n  })\n  const descriptionId = `${id}-field-message`\n\n  const inputRef = React.useRef(null)\n  const { fieldProps, labelProps } = useTimeField(\n    {\n      ...restProps,\n      label,\n      isDisabled,\n      \"aria-describedby\": descriptionId,\n    },\n    state,\n    inputRef\n  )\n  return (\n    <div className={classNameOverride}>\n      <Heading\n        tag=\"div\"\n        variant=\"heading-6\"\n        {...labelProps}\n        classNameOverride={classnames(\n          styles.heading,\n          state.isDisabled && styles.isDisabled\n        )}\n      >\n        {label}\n      </Heading>\n      <div className={styles.wrapper}>\n        {/* eslint-disable-next-line jsx-a11y/no-static-element-interactions, jsx-a11y/click-events-have-key-events */}\n        <div\n          {...fieldProps}\n          id={id}\n          ref={inputRef}\n          className={classnames(\n            styles.input,\n            state.isDisabled && styles.isDisabled,\n            state.validationState === \"invalid\" && styles.error\n          )}\n        >\n          {state.segments.map((segment, i) => (\n            <TimeSegment key={i} segment={segment} state={state} />\n          ))}\n          <div className={styles.focusRing} />\n        </div>\n      </div>\n      {validationMessage && status === \"error\" && (\n        <FieldMessage\n          id={descriptionId}\n          message={validationMessage}\n          status={status}\n        />\n      )}\n    </div>\n  )\n}\n\nTimeFieldComponent.displayName = \"TimeFieldComponent\"\n"],"names":["TimeField","props","React","createElement","I18nProvider","locale","TimeFieldComponent","displayName","_a","propsId","id","label","onChange","value","_b","status","validationMessage","isDisabled","classNameOverride","restProps","__rest","reactId","useId","handleOnChange","timeValue","hour","minutes","minute","state","useTimeFieldState","__assign","Time","hideTimeZone","validationState","descriptionId","concat","inputRef","useRef","_c","useTimeField","fieldProps","labelProps","className","Heading","tag","variant","classnames","styles","heading","wrapper","ref","input","error","segments","map","segment","i","TimeSegment","key","focusRing","FieldMessage","message"],"mappings":"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"}
+{"version":3,"file":"TimeField.cjs","sources":["../../../src/TimeField/TimeField.tsx"],"sourcesContent":["import React, { useId } from \"react\"\nimport { Time } from \"@internationalized/date\"\nimport { useTimeField } from \"@react-aria/datepicker\"\nimport { I18nProvider } from \"@react-aria/i18n\"\nimport {\n  useTimeFieldState,\n  TimeFieldStateOptions,\n} from \"@react-stately/datepicker\"\nimport classnames from \"classnames\"\nimport { FieldMessage } from \"~components/FieldMessage\"\nimport { Label } from \"~components/Label\"\nimport { OverrideClassName } from \"~types/OverrideClassName\"\nimport { TimeSegment } from \"./subcomponents/TimeSegment\"\nimport { StatusType, TimeValue, ValueType } from \"./types\"\nimport styles from \"./TimeField.module.scss\"\n\ntype OmittedTimeFieldProps =\n  | \"errorMessage\"\n  | \"validationState\"\n  | \"value\"\n  | \"onChange\"\n  | \"label\"\n  | \"hideTimeZone\"\n\nexport type TimeFieldProps = {\n  id?: string\n  /**\n   * Field label.\n   */\n  label: string\n  /**\n   * Accepts any valid locale code (https://npm.io/package/locale-codes).\n   */\n  locale: string\n  onChange: (value: ValueType | null) => void\n  value: ValueType | null\n  status?: StatusType\n  validationMessage?: React.ReactNode\n} & OverrideClassName<Omit<TimeFieldStateOptions, OmittedTimeFieldProps>>\n\n// This needed to be placed directly below the props because\n// the prop descriptions wouldn't show in Storybook otherwise.\nexport const TimeField = (props: TimeFieldProps): JSX.Element => (\n  <I18nProvider locale={props.locale}>\n    <TimeFieldComponent {...props} />\n  </I18nProvider>\n)\n\nTimeField.displayName = \"TimeField\"\n\nconst TimeFieldComponent = ({\n  id: propsId,\n  label,\n  locale,\n  onChange,\n  value,\n  status = \"default\",\n  validationMessage,\n  isDisabled,\n  classNameOverride,\n  ...restProps\n}: TimeFieldProps): JSX.Element => {\n  const reactId = useId()\n  const id = propsId ?? reactId\n\n  const handleOnChange = (timeValue: TimeValue | null): void => {\n    if (timeValue === null) {\n      return onChange(null)\n    }\n    onChange({ hour: timeValue.hour, minutes: timeValue.minute })\n  }\n\n  const state = useTimeFieldState({\n    ...restProps,\n    value: value ? new Time(value.hour, value.minutes) : null,\n    onChange: handleOnChange,\n    isDisabled,\n    hideTimeZone: true,\n    locale,\n    validationState: status === \"default\" ? \"valid\" : \"invalid\",\n  })\n\n  const hasError = !!validationMessage && status === \"error\"\n  const descriptionId = hasError ? `${id}-field-message` : undefined\n\n  const inputRef = React.useRef(null)\n  const { fieldProps, labelProps } = useTimeField(\n    {\n      ...restProps,\n      label,\n      isDisabled,\n      \"aria-describedby\": descriptionId,\n    },\n    state,\n    inputRef\n  )\n  return (\n    <div className={classNameOverride}>\n      <Label\n        disabled={state.isDisabled}\n        {...labelProps}\n        classNameOverride={styles.label}\n      >\n        {label}\n      </Label>\n      <div className={styles.wrapper}>\n        {/* eslint-disable-next-line jsx-a11y/no-static-element-interactions, jsx-a11y/click-events-have-key-events */}\n        <div\n          {...fieldProps}\n          id={id}\n          ref={inputRef}\n          className={classnames(\n            styles.input,\n            state.isDisabled && styles.isDisabled,\n            state.validationState === \"invalid\" && styles.error\n          )}\n        >\n          {state.segments.map((segment, i) => (\n            <TimeSegment key={i} segment={segment} state={state} />\n          ))}\n          <div className={styles.focusRing} />\n        </div>\n      </div>\n      {hasError && (\n        <FieldMessage\n          id={descriptionId}\n          message={validationMessage}\n          status={status}\n        />\n      )}\n    </div>\n  )\n}\n\nTimeFieldComponent.displayName = \"TimeFieldComponent\"\n"],"names":["TimeField","props","React","createElement","I18nProvider","locale","TimeFieldComponent","displayName","_a","propsId","id","label","onChange","value","_b","status","validationMessage","isDisabled","classNameOverride","restProps","__rest","reactId","useId","handleOnChange","timeValue","hour","minutes","minute","state","useTimeFieldState","__assign","Time","hideTimeZone","validationState","hasError","descriptionId","concat","undefined","inputRef","useRef","_c","useTimeField","fieldProps","labelProps","className","Label","disabled","styles","wrapper","ref","classnames","input","error","segments","map","segment","i","TimeSegment","key","focusRing","FieldMessage","message"],"mappings":"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"}

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

@@ -2,7 +2,7 @@
 
 var styles = {
   "wrapper": "TimeField-module_wrapper__YuSI3",
-  "heading": "TimeField-module_heading__5EOZf",
+  "label": "TimeField-module_label__kjKyK",
   "input": "TimeField-module_input__Hxjcu",
   "focusRing": "TimeField-module_focusRing__7hgWG",
   "isDisabled": "TimeField-module_isDisabled__rpEc8",

package/dist/cjs/index.css

@@ -1,13 +1,13 @@
 .Select-module_container__TaMKg{position:relative;width:100%}.Select-module_notFullWidth__Mr-3G{width:180px}
-.Wrapper-module_wrapper__89WmC{background:var(--color-gray-100,#f9f9f9);display:grid;grid-template-rows:min-content 1fr min-content;min-height:100vh;position:relative}
 .Main-module_main__hMyB1{z-index:0}
-.FooterRoot-module_footerRoot__N-6nQ{align-items:center;background:var(--color-blue-500,#0168b3);display:grid;flex-grow:1;gap:var(--spacing-16,1rem);grid-template-areas:"prev stepper next";grid-template-columns:1fr 2fr 1fr;justify-content:center;padding:var(--spacing-24,1.5rem) var(--spacing-12,.75rem)}@media (min-width:768px){.FooterRoot-module_footerRoot__N-6nQ{bottom:0;grid-template-columns:1fr 5fr 1fr;padding:var(--spacing-24,1.5rem) var(--spacing-32,2rem);position:sticky;z-index:1}}
+.Wrapper-module_wrapper__89WmC{background:var(--color-gray-100,#f9f9f9);display:grid;grid-template-rows:min-content 1fr min-content;min-height:100vh;position:relative}
+.Actions-module_actions__Prrp0{align-items:center;display:flex;flex-direction:column;flex-grow:1;grid-area:actions;justify-content:center}@media (min-width:768px){.Actions-module_actions__Prrp0{align-items:flex-start;flex-direction:row;justify-content:flex-end;margin-top:calc(var(--spacing-12, .75rem)*-1)}}
 .FooterActions-module_footerAction__v7eL-{display:flex;flex-basis:auto;flex-grow:1}.FooterActions-module_footerActionPrevious__2XByZ{grid-area:"prev";justify-content:start}.FooterActions-module_footerActionNext__IKRta{grid-area:"next";justify-content:end}
+.FooterRoot-module_footerRoot__N-6nQ{align-items:center;background:var(--color-blue-500,#0168b3);display:grid;flex-grow:1;gap:var(--spacing-16,1rem);grid-template-areas:"prev stepper next";grid-template-columns:1fr 2fr 1fr;justify-content:center;padding:var(--spacing-24,1.5rem) var(--spacing-12,.75rem)}@media (min-width:768px){.FooterRoot-module_footerRoot__N-6nQ{bottom:0;grid-template-columns:1fr 5fr 1fr;padding:var(--spacing-24,1.5rem) var(--spacing-32,2rem);position:sticky;z-index:1}}
 .Titles-module_titles__JYwU0{align-items:center;flex-grow:1;grid-area:titles;justify-content:center}.Titles-module_pageTitle__YDp9S,.Titles-module_titles__JYwU0{display:flex;flex-direction:column}.Titles-module_prefix__40x8n{margin-bottom:var(--spacing-4,.25rem)}.Titles-module_status__huuP7{margin-top:var(--spacing-8,.5rem)}
+.ProgressStepper-module_stepsContainer__WMxXN{grid-area:stepper;width:100%}.ProgressStepper-module_stepList__b1wWX{align-items:flex-end;display:none;justify-content:center;list-style:none;margin:0;padding:0}@media (min-width:768px){.ProgressStepper-module_stepList__b1wWX{display:flex}}.ProgressStepper-module_step__-Ep19{container:step/inline-size;display:flex;flex-basis:100%;flex-grow:1;justify-content:center;max-width:var(--spacing-96,6rem);overflow-wrap:break-word;position:relative}.ProgressStepper-module_stepContent__B4uFS{align-items:center;display:flex;flex-direction:column}.ProgressStepper-module_stepIndicator__-qEWT{height:1.25rem;position:relative;width:1.25rem}.ProgressStepper-module_stepName__hS4lp{display:none;font-weight:var(--typography-paragraph-bold-font-weight,600);margin-bottom:var(--spacing-12,.75rem);text-align:center}.ProgressStepper-module_stepIcon__0Kh4y{color:var(--color-white,#fff);height:1.25rem;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:1.25rem}.ProgressStepper-module_stepDivider__KEZPU{border:var(--spacing-1,.0625rem) solid var(--color-white,#fff);border-radius:var(--border-solid-border-radius,7px);display:flex;flex-grow:1;height:0;left:100%;margin:0;min-width:calc(100% - var(--spacing-24, 1.5rem));position:absolute;top:calc(100% - .625rem);transform:translateX(-50%)}[dir=rtl] .ProgressStepper-module_stepDivider__KEZPU{left:unset;right:100%;transform:translateX(50%)}.ProgressStepper-module_stepperDescription__B00hX{display:flex;justify-content:center}@media (min-width:768px){.ProgressStepper-module_stepperDescription__B00hX{height:0;overflow:hidden;position:absolute;width:0}}@container step (min-width: 4.5rem){.ProgressStepper-module_stepName__hS4lp{display:inline}}
 .Branding-module_branding__4h-rD{display:flex;flex-grow:1;grid-area:branding;justify-content:center;padding-top:var(--spacing-4,.25rem)}@media (min-width:768px){.Branding-module_branding__4h-rD{justify-content:unset}}.Branding-module_logo__vqqec{flex-basis:7.5rem}
-.Actions-module_actions__Prrp0{align-items:center;display:flex;flex-direction:column;flex-grow:1;grid-area:actions;justify-content:center}@media (min-width:768px){.Actions-module_actions__Prrp0{align-items:flex-start;flex-direction:row;justify-content:flex-end;margin-top:calc(var(--spacing-12, .75rem)*-1)}}
 .Root-module_root__7DVw5{align-items:center;background-color:var(--color-white,#fff);box-shadow:var(--shadow-small-box-shadow,0 3px 16px rgba(0,0,0,.06),0 1px 3px rgba(0,0,0,.1));display:grid;flex-grow:1;gap:var(--spacing-16,1rem);grid-template:"branding" min-content "titles" max-content "actions" min-content/1fr;justify-content:center;padding:var(--spacing-24,1.5rem);text-align:center}@media (min-width:768px){.Root-module_root__7DVw5{align-items:start;grid-template:"branding titles actions" min-content/1fr max-content 1fr;position:sticky;top:0;z-index:1}}
-.ProgressStepper-module_stepsContainer__WMxXN{grid-area:stepper;width:100%}.ProgressStepper-module_stepList__b1wWX{align-items:flex-end;display:none;justify-content:center;list-style:none;margin:0;padding:0}@media (min-width:768px){.ProgressStepper-module_stepList__b1wWX{display:flex}}.ProgressStepper-module_step__-Ep19{container:step/inline-size;display:flex;flex-basis:100%;flex-grow:1;justify-content:center;max-width:var(--spacing-96,6rem);overflow-wrap:break-word;position:relative}.ProgressStepper-module_stepContent__B4uFS{align-items:center;display:flex;flex-direction:column}.ProgressStepper-module_stepIndicator__-qEWT{height:1.25rem;position:relative;width:1.25rem}.ProgressStepper-module_stepName__hS4lp{display:none;font-weight:var(--typography-paragraph-bold-font-weight,600);margin-bottom:var(--spacing-12,.75rem);text-align:center}.ProgressStepper-module_stepIcon__0Kh4y{color:var(--color-white,#fff);height:1.25rem;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:1.25rem}.ProgressStepper-module_stepDivider__KEZPU{border:var(--spacing-1,.0625rem) solid var(--color-white,#fff);border-radius:var(--border-solid-border-radius,7px);display:flex;flex-grow:1;height:0;left:100%;margin:0;min-width:calc(100% - var(--spacing-24, 1.5rem));position:absolute;top:calc(100% - .625rem);transform:translateX(-50%)}[dir=rtl] .ProgressStepper-module_stepDivider__KEZPU{left:unset;right:100%;transform:translateX(50%)}.ProgressStepper-module_stepperDescription__B00hX{display:flex;justify-content:center}@media (min-width:768px){.ProgressStepper-module_stepperDescription__B00hX{height:0;overflow:hidden;position:absolute;width:0}}@container step (min-width: 4.5rem){.ProgressStepper-module_stepName__hS4lp{display:inline}}
 .SVG-module_icon__8J5Ev{display:inline-block;height:20px;width:20px}.SVG-module_icon__8J5Ev>use{pointer-events:none}@media screen and (-ms-high-contrast:active){.SVG-module_icon__8J5Ev{color:#000}}@media screen and (-ms-high-contrast:white-on-black){.SVG-module_icon__8J5Ev{color:#fff}}@media screen and (-ms-high-contrast:black-on-white){.SVG-module_icon__8J5Ev{color:#000}}.SVG-module_inheritSize__Q8iam{display:block;height:inherit;width:inherit}
 .Avatar-module_wrapper__LY2q2{align-items:center;background:var(--color-gray-300,#eaeaec);border-radius:100%;box-sizing:border-box;display:flex;justify-content:center;overflow:hidden}.Avatar-module_wrapper__LY2q2:not(.Avatar-module_small__PeksS){border:3px solid var(--color-white,#fff);box-shadow:var(--shadow-small-box-shadow,0 3px 16px rgba(0,0,0,.06),0 1px 3px rgba(0,0,0,.1))}.Avatar-module_wrapper__LY2q2.Avatar-module_personal__2U7--{background:var(--color-orange-100,#fff0e8)}.Avatar-module_wrapper__LY2q2.Avatar-module_otherUser__b-drl{background:var(--color-gray-300,#eaeaec)}.Avatar-module_wrapper__LY2q2.Avatar-module_company__2qtJE{background:var(--color-white,#fff);border:0;border-radius:var(--border-solid-border-radius,7px);padding:6px}.Avatar-module_wrapper__LY2q2.Avatar-module_small__PeksS{height:1.25rem;width:1.25rem}.Avatar-module_wrapper__LY2q2.Avatar-module_small__PeksS .Avatar-module_initials__VDY2Q{margin-bottom:-1px}.Avatar-module_wrapper__LY2q2.Avatar-module_small__PeksS.Avatar-module_company__2qtJE{padding:0}.Avatar-module_wrapper__LY2q2.Avatar-module_medium__Vy3V8{height:3rem;width:3rem}.Avatar-module_wrapper__LY2q2.Avatar-module_medium__Vy3V8 .Avatar-module_initials__VDY2Q{margin-bottom:-1px}.Avatar-module_wrapper__LY2q2.Avatar-module_large__qiNWs{height:4.5rem;width:4.5rem}.Avatar-module_wrapper__LY2q2.Avatar-module_xlarge__Vx4IG{height:6rem;width:6rem}.Avatar-module_wrapper__LY2q2.Avatar-module_xxlarge__oOoGq{height:7.75rem;width:7.75rem}.Avatar-module_wrapper__LY2q2 .Avatar-module_initials__VDY2Q{speak-as:spell-out;border-bottom:none;text-decoration:none}.Avatar-module_avatarImage__FuULy{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.Avatar-module_loading__i9V-D .Avatar-module_avatarImage__FuULy{display:none}.Avatar-module_companyAvatarImage__7rlfG{border-radius:4px;box-sizing:border-box;-o-object-fit:contain;object-fit:contain}.Avatar-module_fallbackIcon__MPWxq{color:rgba(var(--color-purple-800-rgb,47,36,56),.7);width:28px}.Avatar-module_xxlarge__oOoGq .Avatar-module_fallbackIcon__MPWxq{width:75px}.Avatar-module_xlarge__Vx4IG .Avatar-module_fallbackIcon__MPWxq{width:60px}.Avatar-module_large__qiNWs .Avatar-module_fallbackIcon__MPWxq{width:35px}.Avatar-module_medium__Vy3V8 .Avatar-module_fallbackIcon__MPWxq{margin-bottom:-1px;width:25px}.Avatar-module_small__PeksS .Avatar-module_fallbackIcon__MPWxq{margin-bottom:-1px;width:10px}.Avatar-module_initials__VDY2Q{box-sizing:border-box;color:var(--color-purple-800,#2f2438);font-family:var(--typography-heading-1-font-family,"Inter","Noto Sans",Helvetica,Arial,sans-serif);font-size:22px;font-weight:var(--typography-heading-1-font-weight,700);letter-spacing:var(--typography-heading-3-letter-spacing,normal);padding-left:5px;padding-right:5px;text-align:center;width:100%}.Avatar-module_initials__VDY2Q:not(.Avatar-module_longName__31Yuf):before{content:"";display:block;margin-top:-.001em}.Avatar-module_xlarge__Vx4IG .Avatar-module_initials__VDY2Q,.Avatar-module_xxlarge__oOoGq .Avatar-module_initials__VDY2Q{font-size:34px;letter-spacing:var(--typography-heading-1-letter-spacing,normal)}.Avatar-module_medium__Vy3V8 .Avatar-module_initials__VDY2Q{font-size:16px}.Avatar-module_medium__Vy3V8 .Avatar-module_initials__VDY2Q,.Avatar-module_small__PeksS .Avatar-module_initials__VDY2Q{font-weight:var(--typography-heading-5-font-weight,600);letter-spacing:var(--typography-heading-5-letter-spacing,normal)}.Avatar-module_small__PeksS .Avatar-module_initials__VDY2Q{font-size:8px}
 .AvatarGroup-module_AvatarGroup__bdL0o{display:inline-flex;list-style:none;margin:0;padding:0}.AvatarGroup-module_small__7uv8k .AvatarGroup-module_AvatarGroupItem__xQol-+.AvatarGroup-module_AvatarGroupItem__xQol-{margin-inline-start:-.625rem}[dir=rtl] .AvatarGroup-module_small__7uv8k .AvatarGroup-module_AvatarGroupItem__xQol-+.AvatarGroup-module_AvatarGroupItem__xQol-{margin-left:0}.AvatarGroup-module_medium__af52y .AvatarGroup-module_AvatarGroupItem__xQol-+.AvatarGroup-module_AvatarGroupItem__xQol-{margin-inline-start:-1.5rem}[dir=rtl] .AvatarGroup-module_medium__af52y .AvatarGroup-module_AvatarGroupItem__xQol-+.AvatarGroup-module_AvatarGroupItem__xQol-{margin-left:0}.AvatarGroup-module_large__HN9Yy .AvatarGroup-module_AvatarGroupItem__xQol-+.AvatarGroup-module_AvatarGroupItem__xQol-{margin-inline-start:-2.25rem}[dir=rtl] .AvatarGroup-module_large__HN9Yy .AvatarGroup-module_AvatarGroupItem__xQol-+.AvatarGroup-module_AvatarGroupItem__xQol-{margin-left:0}.AvatarGroup-module_AvatarCounter__PKFzl{align-items:center;background:var(--color-gray-300,#eaeaec);border:3px solid var(--color-white,#fff);border-radius:100%;box-shadow:var(--shadow-small-box-shadow,0 3px 16px rgba(0,0,0,.06),0 1px 3px rgba(0,0,0,.1));box-sizing:border-box;display:flex;justify-content:center;overflow:hidden}.AvatarGroup-module_small__7uv8k .AvatarGroup-module_AvatarCounter__PKFzl{border:none;box-shadow:none;font-size:.5rem;height:1.25rem;width:1.25rem}.AvatarGroup-module_medium__af52y .AvatarGroup-module_AvatarCounter__PKFzl,.AvatarGroup-module_small__7uv8k .AvatarGroup-module_AvatarCounter__PKFzl{font-family:var(--typography-heading-5-font-family,"Inter","Noto Sans",Helvetica,Arial,sans-serif);font-weight:var(--typography-heading-5-font-weight,600);letter-spacing:var(--typography-heading-5-letter-spacing,normal)}.AvatarGroup-module_medium__af52y .AvatarGroup-module_AvatarCounter__PKFzl{font-size:var(--typography-heading-5-font-size,1rem);height:3rem;width:3rem}.AvatarGroup-module_large__HN9Yy .AvatarGroup-module_AvatarCounter__PKFzl{font-family:var(--typography-heading-3-font-family,"Inter","Noto Sans",Helvetica,Arial,sans-serif);font-size:var(--typography-heading-3-font-size,1.375rem);font-weight:var(--typography-heading-3-font-weight,700);height:4.5rem;letter-spacing:var(--typography-heading-3-letter-spacing,normal);width:4.5rem}[dir=rtl] .AvatarGroup-module_AvatarCounter__PKFzl{direction:ltr;margin-left:0}
@@ -149,7 +149,7 @@ input[type=range].InputRange-module_ratingScaleRange__gI-rs{all:unset;-webkit-ap
 .MultiActionTile-module_actions__mntsC{display:flex}
 .TileGrid-module_grid__1WCNc{grid-gap:var(--spacing-md,1.5rem);display:grid;grid-template-columns:repeat(auto-fill,minmax(290px,1fr))}@media (max-width:767px){.TileGrid-module_grid__1WCNc{grid-template-columns:repeat(2,minmax(226px,370px))}.TileGrid-module_grid__1WCNc>*{width:100%}}@media (max-width:480px){.TileGrid-module_grid__1WCNc{grid-template-columns:repeat(1,100%)}}
 .TimeSegment-module_timeSegmentWrapper__WYD6y{white-space:nowrap}.TimeSegment-module_timeSegment__eXb0c{background-color:var(--color-gray-300,#eaeaec);border-radius:3px;color:var(--color-purple-800,#2f2438);display:block;padding:0 4px;text-align:end}.TimeSegment-module_timeSegment__eXb0c:hover{background-color:var(--color-white,#fff)}.TimeSegment-module_timeSegment__eXb0c:focus-visible{background:var(--color-blue-500,#0168b3);color:#fff;outline:none}.TimeSegment-module_placeholder__j1-gK{color:rgba(var(--color-purple-800-rgb,47,36,56),.7)}.TimeSegment-module_literal__mOkqz,.TimeSegment-module_literal__mOkqz:hover{background:none}.TimeSegment-module_dayPeriod__fzT5I{margin-right:4px}
-.TimeField-module_wrapper__YuSI3{align-items:flex-start;color:var(--color-purple-800,#2f2438);display:flex;flex-direction:column;font-family:var(--typography-paragraph-body-font-family,"Inter","Noto Sans",Helvetica,Arial,sans-serif);font-size:var(--typography-paragraph-body-font-size,1rem);font-weight:var(--typography-paragraph-body-font-weight,400);letter-spacing:var(--typography-paragraph-body-letter-spacing,normal);line-height:var(--typography-paragraph-body-line-height,1.5rem);position:relative}.TimeField-module_heading__5EOZf{margin-bottom:var(--spacing-6,.375rem)}.TimeField-module_input__Hxjcu{align-items:center;background-clip:padding-box;background-color:var(--color-white,#fff);border:var(--border-solid-border-width,2px) var(--border-solid-border-style,solid) var(--color-gray-500,#8c8c97);border-radius:var(--border-solid-border-radius,7px);box-sizing:border-box;display:inline-flex;font-size:var(--typography-paragraph-body-font-size,1rem);height:48px;line-height:var(--typography-paragraph-body-line-height,1.5rem);padding:0 var(--spacing-sm,.75rem);width:100%}.TimeField-module_input__Hxjcu:focus-within,.TimeField-module_input__Hxjcu:hover{background-color:var(--color-gray-200,#f4f4f5);border-color:var(--color-gray-600,#524e56)}.TimeField-module_input__Hxjcu:focus-within .TimeField-module_focusRing__7hgWG{background:transparent;border-color:var(--color-blue-500,#0168b3);border-radius:var(--border-focus-ring-border-radius,10px);border-style:var(--border-focus-ring-border-style,solid);border-width:var(--border-focus-ring-border-width,2px);inset:-3px;pointer-events:none;position:absolute}.TimeField-module_isDisabled__rpEc8{background-color:transparent;border-color:var(--color-gray-500,#8c8c97);opacity:30%;pointer-events:none}.TimeField-module_error__tK2QY{border:var(--border-solid-border-width,2px) var(--border-solid-border-style,solid) var(--color-red-500,#c93b55)}
+.TimeField-module_wrapper__YuSI3{align-items:flex-start;color:var(--color-purple-800,#2f2438);display:flex;flex-direction:column;font-family:var(--typography-paragraph-body-font-family,"Inter","Noto Sans",Helvetica,Arial,sans-serif);font-size:var(--typography-paragraph-body-font-size,1rem);font-weight:var(--typography-paragraph-body-font-weight,400);letter-spacing:var(--typography-paragraph-body-letter-spacing,normal);line-height:var(--typography-paragraph-body-line-height,1.5rem);position:relative}.TimeField-module_label__kjKyK{display:block;margin-bottom:var(--spacing-6,.375rem)}.TimeField-module_input__Hxjcu{align-items:center;background-clip:padding-box;background-color:var(--color-white,#fff);border:var(--border-solid-border-width,2px) var(--border-solid-border-style,solid) var(--color-gray-500,#8c8c97);border-radius:var(--border-solid-border-radius,7px);box-sizing:border-box;display:inline-flex;font-size:var(--typography-paragraph-body-font-size,1rem);height:48px;line-height:var(--typography-paragraph-body-line-height,1.5rem);padding:0 var(--spacing-sm,.75rem);width:100%}.TimeField-module_input__Hxjcu:focus-within,.TimeField-module_input__Hxjcu:hover{background-color:var(--color-gray-200,#f4f4f5);border-color:var(--color-gray-600,#524e56)}.TimeField-module_input__Hxjcu:focus-within .TimeField-module_focusRing__7hgWG{background:transparent;border-color:var(--color-blue-500,#0168b3);border-radius:var(--border-focus-ring-border-radius,10px);border-style:var(--border-focus-ring-border-style,solid);border-width:var(--border-focus-ring-border-width,2px);inset:-3px;pointer-events:none;position:absolute}.TimeField-module_isDisabled__rpEc8{background-color:transparent;border-color:var(--color-gray-500,#8c8c97);opacity:30%;pointer-events:none}.TimeField-module_error__tK2QY{border:var(--border-solid-border-width,2px) var(--border-solid-border-style,solid) var(--color-red-500,#c93b55)}
 .TitleBlockMenuItem-module_menuListItem__G3K41{display:flex}.TitleBlockMenuItem-module_menuItem__v9hGL{align-items:center;background:none;border:2px solid transparent;border-radius:4px;box-sizing:border-box;color:var(--color-purple-800,#2f2438);display:flex;flex:1 1 auto;font-family:var(--typography-paragraph-body-font-family,"Inter","Noto Sans",Helvetica,Arial,sans-serif);font-size:var(--typography-paragraph-body-font-size,1rem);font-weight:var(--typography-paragraph-body-font-weight,400);letter-spacing:var(--typography-paragraph-body-letter-spacing,normal);line-height:var(--typography-paragraph-body-line-height,1.5rem);margin:0 var(--spacing-xs,.375rem);min-height:calc(var(--spacing-md, 1.5rem)*1.75);padding:6px calc(var(--spacing-sm, .75rem) - 2px);text-align:left;text-decoration:none}.TitleBlockMenuItem-module_menuItem__v9hGL:hover{text-decoration:none}.TitleBlockMenuItem-module_menuItem__v9hGL:focus,.TitleBlockMenuItem-module_menuItem__v9hGL:not(.TitleBlockMenuItem-module_menuItem--disabled__lrGIn):hover{background:var(--color-blue-100,#e6f6ff);color:var(--color-blue-500,#0168b3)}.TitleBlockMenuItem-module_menuItem__v9hGL:focus .TitleBlockMenuItem-module_menuItem__Icon__zyUMD,.TitleBlockMenuItem-module_menuItem__v9hGL:not(.TitleBlockMenuItem-module_menuItem--disabled__lrGIn):hover .TitleBlockMenuItem-module_menuItem__Icon__zyUMD{color:var(--color-blue-500,#0168b3)}.TitleBlockMenuItem-module_menuItem__v9hGL:focus.TitleBlockMenuItem-module_menuItem--destructive__Q18x-,.TitleBlockMenuItem-module_menuItem__v9hGL:not(.TitleBlockMenuItem-module_menuItem--disabled__lrGIn):hover.TitleBlockMenuItem-module_menuItem--destructive__Q18x-{background:var(--color-red-100,#fdeaee);color:var(--color-red-600,#a82433)}.TitleBlockMenuItem-module_menuItem__v9hGL:focus.TitleBlockMenuItem-module_menuItem--destructive__Q18x- .TitleBlockMenuItem-module_menuItem__Icon__zyUMD,.TitleBlockMenuItem-module_menuItem__v9hGL:not(.TitleBlockMenuItem-module_menuItem--disabled__lrGIn):hover.TitleBlockMenuItem-module_menuItem--destructive__Q18x- .TitleBlockMenuItem-module_menuItem__Icon__zyUMD{color:var(--color-red-600,#a82433)}.TitleBlockMenuItem-module_menuItem__v9hGL:focus{outline:none}.TitleBlockMenuItem-module_menuItem__v9hGL:focus-visible{border-color:var(--color-blue-500,#0168b3)}[dir=rtl] .TitleBlockMenuItem-module_menuItem__v9hGL{text-align:right}.TitleBlockMenuItem-module_menuItem--disabled__lrGIn,.TitleBlockMenuItem-module_menuItem--disabled__lrGIn .TitleBlockMenuItem-module_menuItem__Icon__zyUMD{color:rgba(var(--color-purple-800-rgb,47,36,56),.3)}.TitleBlockMenuItem-module_menuItem--active__f-tGu{color:var(--color-blue-500,#0168b3);font-weight:var(--typography-paragraph-bold-font-weight,600)}.TitleBlockMenuItem-module_menuItem--destructive__Q18x-,.TitleBlockMenuItem-module_menuItem--destructive__Q18x- .TitleBlockMenuItem-module_menuItem__Icon__zyUMD{color:var(--color-red-600,#a82433)}.TitleBlockMenuItem-module_menuItem--destructive__Q18x-.TitleBlockMenuItem-module_menuItem--disabled__lrGIn,.TitleBlockMenuItem-module_menuItem--destructive__Q18x-.TitleBlockMenuItem-module_menuItem--disabled__lrGIn .TitleBlockMenuItem-module_menuItem__Icon__zyUMD{color:rgba(var(--color-red-600-rgb,168,36,51),.3)}.TitleBlockMenuItem-module_menuItem__Label__YUtc5{flex-grow:1}.TitleBlockMenuItem-module_menuItem__Icon__zyUMD{align-self:flex-start;color:rgba(var(--color-purple-800-rgb,47,36,56),.75);display:flex;margin-inline-end:calc(var(--spacing-md, 1.5rem)/3);transform:translateY(.2em)}
 .Toolbar-module_toolbar__yhogJ{align-items:center;display:flex}.Toolbar-module_toolbar__yhogJ .Toolbar-module_toolbarItem__eekUL{margin:0 .375rem}@media (max-width:1023px){.Toolbar-module_toolbar__yhogJ .Toolbar-module_toolbarItem__eekUL{margin:0 .1875rem}}.Toolbar-module_toolbar__yhogJ .Toolbar-module_toolbarItem__eekUL.Toolbar-module_noGap__4mNlF{margin:0}.Toolbar-module_toolbar__yhogJ .Toolbar-module_toolbarItem__eekUL:first-of-type{margin-left:0;margin-right:.375rem}.Toolbar-module_toolbar__yhogJ .Toolbar-module_toolbarItem__eekUL:first-of-type[dir=rtl],[dir=rtl] .Toolbar-module_toolbar__yhogJ .Toolbar-module_toolbarItem__eekUL:first-of-type{margin-left:.375rem;margin-right:0}@media (max-width:1023px){.Toolbar-module_toolbar__yhogJ .Toolbar-module_toolbarItem__eekUL:first-of-type{margin-left:0;margin-right:.1875rem}.Toolbar-module_toolbar__yhogJ .Toolbar-module_toolbarItem__eekUL:first-of-type[dir=rtl],[dir=rtl] .Toolbar-module_toolbar__yhogJ .Toolbar-module_toolbarItem__eekUL:first-of-type{margin-left:.1875rem;margin-right:0}}.Toolbar-module_toolbar__yhogJ .Toolbar-module_toolbarItem__eekUL:first-of-type.Toolbar-module_noGap__4mNlF{margin:0}.Toolbar-module_toolbar__yhogJ .Toolbar-module_toolbarItem__eekUL:last-of-type{margin-left:.375rem;margin-right:0}.Toolbar-module_toolbar__yhogJ .Toolbar-module_toolbarItem__eekUL:last-of-type[dir=rtl],[dir=rtl] .Toolbar-module_toolbar__yhogJ .Toolbar-module_toolbarItem__eekUL:last-of-type{margin-left:0;margin-right:.375rem}@media (max-width:1023px){.Toolbar-module_toolbar__yhogJ .Toolbar-module_toolbarItem__eekUL:last-of-type{margin-left:.1875rem;margin-right:0}.Toolbar-module_toolbar__yhogJ .Toolbar-module_toolbarItem__eekUL:last-of-type[dir=rtl],[dir=rtl] .Toolbar-module_toolbar__yhogJ .Toolbar-module_toolbarItem__eekUL:last-of-type{margin-left:0;margin-right:.1875rem}}.Toolbar-module_toolbar__yhogJ .Toolbar-module_toolbarItem__eekUL:last-of-type.Toolbar-module_noGap__4mNlF{margin:0}
 .MainActions-module_mainActionsContainer__wN117{align-items:center;display:flex;flex-grow:1;flex-shrink:0;justify-content:flex-end;margin-left:.75rem;margin-right:0}.MainActions-module_mainActionsContainer__wN117[dir=rtl],[dir=rtl] .MainActions-module_mainActionsContainer__wN117{margin-left:0;margin-right:.75rem}@media (max-width:767px){.MainActions-module_mainActionsContainer__wN117{display:none}}

package/dist/esm/TimeField/TimeField.mjs

@@ -6,7 +6,7 @@ import { I18nProvider } from '@react-aria/i18n';
 import { useTimeFieldState } from '@react-stately/datepicker';
 import classnames from 'classnames';
 import { FieldMessage } from '../FieldMessage/FieldMessage.mjs';
-import { Heading } from '../Heading/Heading.mjs';
+import { Label } from '../Label/Label.mjs';
 import { TimeSegment } from './subcomponents/TimeSegment/TimeSegment.mjs';
 import styles from './TimeField.module.scss.mjs';
 
@@ -53,7 +53,8 @@ const TimeFieldComponent = /*#__PURE__*/function () {
       locale: locale,
       validationState: status === "default" ? "valid" : "invalid"
     }));
-    var descriptionId = "".concat(id, "-field-message");
+    var hasError = !!validationMessage && status === "error";
+    var descriptionId = hasError ? "".concat(id, "-field-message") : undefined;
     var inputRef = React.useRef(null);
     var _c = useTimeField(__assign(__assign({}, restProps), {
         label: label,
@@ -64,11 +65,10 @@ const TimeFieldComponent = /*#__PURE__*/function () {
       labelProps = _c.labelProps;
     return /*#__PURE__*/React.createElement("div", {
       className: classNameOverride
-    }, /*#__PURE__*/React.createElement(Heading, __assign({
-      tag: "div",
-      variant: "heading-6"
+    }, /*#__PURE__*/React.createElement(Label, __assign({
+      disabled: state.isDisabled
     }, labelProps, {
-      classNameOverride: classnames(styles.heading, state.isDisabled && styles.isDisabled)
+      classNameOverride: styles.label
     }), label), /*#__PURE__*/React.createElement("div", {
       className: styles.wrapper
     }, /*#__PURE__*/React.createElement("div", __assign({}, fieldProps, {
@@ -83,7 +83,7 @@ const TimeFieldComponent = /*#__PURE__*/function () {
       });
     }), /*#__PURE__*/React.createElement("div", {
       className: styles.focusRing
-    }))), validationMessage && status === "error" && ( /*#__PURE__*/React.createElement(FieldMessage, {
+    }))), hasError && ( /*#__PURE__*/React.createElement(FieldMessage, {
       id: descriptionId,
       message: validationMessage,
       status: status

package/dist/esm/TimeField/TimeField.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"TimeField.mjs","sources":["../../../src/TimeField/TimeField.tsx"],"sourcesContent":["import React, { useId } from \"react\"\nimport { Time } from \"@internationalized/date\"\nimport { useTimeField } from \"@react-aria/datepicker\"\nimport { I18nProvider } from \"@react-aria/i18n\"\nimport {\n  useTimeFieldState,\n  TimeFieldStateOptions,\n} from \"@react-stately/datepicker\"\nimport classnames from \"classnames\"\nimport { FieldMessage } from \"~components/FieldMessage\"\nimport { Heading } from \"~components/Heading\"\nimport { OverrideClassName } from \"~types/OverrideClassName\"\nimport { TimeSegment } from \"./subcomponents/TimeSegment\"\nimport { StatusType, TimeValue, ValueType } from \"./types\"\nimport styles from \"./TimeField.module.scss\"\n\ntype OmittedTimeFieldProps =\n  | \"errorMessage\"\n  | \"validationState\"\n  | \"value\"\n  | \"onChange\"\n  | \"label\"\n  | \"hideTimeZone\"\n\nexport type TimeFieldProps = {\n  id?: string\n  /**\n   * Field label.\n   */\n  label: string\n  /**\n   * Accepts any valid locale code (https://npm.io/package/locale-codes).\n   */\n  locale: string\n  onChange: (value: ValueType | null) => void\n  value: ValueType | null\n  status?: StatusType\n  validationMessage?: React.ReactNode\n} & OverrideClassName<Omit<TimeFieldStateOptions, OmittedTimeFieldProps>>\n\n// This needed to be placed directly below the props because\n// the prop descriptions wouldn't show in Storybook otherwise.\nexport const TimeField = (props: TimeFieldProps): JSX.Element => (\n  <I18nProvider locale={props.locale}>\n    <TimeFieldComponent {...props} />\n  </I18nProvider>\n)\n\nTimeField.displayName = \"TimeField\"\n\nconst TimeFieldComponent = ({\n  id: propsId,\n  label,\n  locale,\n  onChange,\n  value,\n  status = \"default\",\n  validationMessage,\n  isDisabled,\n  classNameOverride,\n  ...restProps\n}: TimeFieldProps): JSX.Element => {\n  const reactId = useId()\n  const id = propsId ?? reactId\n\n  const handleOnChange = (timeValue: TimeValue | null): void => {\n    if (timeValue === null) {\n      return onChange(null)\n    }\n    onChange({ hour: timeValue.hour, minutes: timeValue.minute })\n  }\n\n  const state = useTimeFieldState({\n    ...restProps,\n    value: value ? new Time(value.hour, value.minutes) : null,\n    onChange: handleOnChange,\n    isDisabled,\n    hideTimeZone: true,\n    locale,\n    validationState: status === \"default\" ? \"valid\" : \"invalid\",\n  })\n  const descriptionId = `${id}-field-message`\n\n  const inputRef = React.useRef(null)\n  const { fieldProps, labelProps } = useTimeField(\n    {\n      ...restProps,\n      label,\n      isDisabled,\n      \"aria-describedby\": descriptionId,\n    },\n    state,\n    inputRef\n  )\n  return (\n    <div className={classNameOverride}>\n      <Heading\n        tag=\"div\"\n        variant=\"heading-6\"\n        {...labelProps}\n        classNameOverride={classnames(\n          styles.heading,\n          state.isDisabled && styles.isDisabled\n        )}\n      >\n        {label}\n      </Heading>\n      <div className={styles.wrapper}>\n        {/* eslint-disable-next-line jsx-a11y/no-static-element-interactions, jsx-a11y/click-events-have-key-events */}\n        <div\n          {...fieldProps}\n          id={id}\n          ref={inputRef}\n          className={classnames(\n            styles.input,\n            state.isDisabled && styles.isDisabled,\n            state.validationState === \"invalid\" && styles.error\n          )}\n        >\n          {state.segments.map((segment, i) => (\n            <TimeSegment key={i} segment={segment} state={state} />\n          ))}\n          <div className={styles.focusRing} />\n        </div>\n      </div>\n      {validationMessage && status === \"error\" && (\n        <FieldMessage\n          id={descriptionId}\n          message={validationMessage}\n          status={status}\n        />\n      )}\n    </div>\n  )\n}\n\nTimeFieldComponent.displayName = \"TimeFieldComponent\"\n"],"names":["TimeField","props","React","createElement","I18nProvider","locale","TimeFieldComponent","displayName","_a","propsId","id","label","onChange","value","_b","status","validationMessage","isDisabled","classNameOverride","restProps","__rest","reactId","useId","handleOnChange","timeValue","hour","minutes","minute","state","useTimeFieldState","__assign","Time","hideTimeZone","validationState","descriptionId","concat","inputRef","useRef","_c","useTimeField","fieldProps","labelProps","className","Heading","tag","variant","classnames","styles","heading","wrapper","ref","input","error","segments","map","segment","i","TimeSegment","key","focusRing","FieldMessage","message"],"mappings":"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"}
+{"version":3,"file":"TimeField.mjs","sources":["../../../src/TimeField/TimeField.tsx"],"sourcesContent":["import React, { useId } from \"react\"\nimport { Time } from \"@internationalized/date\"\nimport { useTimeField } from \"@react-aria/datepicker\"\nimport { I18nProvider } from \"@react-aria/i18n\"\nimport {\n  useTimeFieldState,\n  TimeFieldStateOptions,\n} from \"@react-stately/datepicker\"\nimport classnames from \"classnames\"\nimport { FieldMessage } from \"~components/FieldMessage\"\nimport { Label } from \"~components/Label\"\nimport { OverrideClassName } from \"~types/OverrideClassName\"\nimport { TimeSegment } from \"./subcomponents/TimeSegment\"\nimport { StatusType, TimeValue, ValueType } from \"./types\"\nimport styles from \"./TimeField.module.scss\"\n\ntype OmittedTimeFieldProps =\n  | \"errorMessage\"\n  | \"validationState\"\n  | \"value\"\n  | \"onChange\"\n  | \"label\"\n  | \"hideTimeZone\"\n\nexport type TimeFieldProps = {\n  id?: string\n  /**\n   * Field label.\n   */\n  label: string\n  /**\n   * Accepts any valid locale code (https://npm.io/package/locale-codes).\n   */\n  locale: string\n  onChange: (value: ValueType | null) => void\n  value: ValueType | null\n  status?: StatusType\n  validationMessage?: React.ReactNode\n} & OverrideClassName<Omit<TimeFieldStateOptions, OmittedTimeFieldProps>>\n\n// This needed to be placed directly below the props because\n// the prop descriptions wouldn't show in Storybook otherwise.\nexport const TimeField = (props: TimeFieldProps): JSX.Element => (\n  <I18nProvider locale={props.locale}>\n    <TimeFieldComponent {...props} />\n  </I18nProvider>\n)\n\nTimeField.displayName = \"TimeField\"\n\nconst TimeFieldComponent = ({\n  id: propsId,\n  label,\n  locale,\n  onChange,\n  value,\n  status = \"default\",\n  validationMessage,\n  isDisabled,\n  classNameOverride,\n  ...restProps\n}: TimeFieldProps): JSX.Element => {\n  const reactId = useId()\n  const id = propsId ?? reactId\n\n  const handleOnChange = (timeValue: TimeValue | null): void => {\n    if (timeValue === null) {\n      return onChange(null)\n    }\n    onChange({ hour: timeValue.hour, minutes: timeValue.minute })\n  }\n\n  const state = useTimeFieldState({\n    ...restProps,\n    value: value ? new Time(value.hour, value.minutes) : null,\n    onChange: handleOnChange,\n    isDisabled,\n    hideTimeZone: true,\n    locale,\n    validationState: status === \"default\" ? \"valid\" : \"invalid\",\n  })\n\n  const hasError = !!validationMessage && status === \"error\"\n  const descriptionId = hasError ? `${id}-field-message` : undefined\n\n  const inputRef = React.useRef(null)\n  const { fieldProps, labelProps } = useTimeField(\n    {\n      ...restProps,\n      label,\n      isDisabled,\n      \"aria-describedby\": descriptionId,\n    },\n    state,\n    inputRef\n  )\n  return (\n    <div className={classNameOverride}>\n      <Label\n        disabled={state.isDisabled}\n        {...labelProps}\n        classNameOverride={styles.label}\n      >\n        {label}\n      </Label>\n      <div className={styles.wrapper}>\n        {/* eslint-disable-next-line jsx-a11y/no-static-element-interactions, jsx-a11y/click-events-have-key-events */}\n        <div\n          {...fieldProps}\n          id={id}\n          ref={inputRef}\n          className={classnames(\n            styles.input,\n            state.isDisabled && styles.isDisabled,\n            state.validationState === \"invalid\" && styles.error\n          )}\n        >\n          {state.segments.map((segment, i) => (\n            <TimeSegment key={i} segment={segment} state={state} />\n          ))}\n          <div className={styles.focusRing} />\n        </div>\n      </div>\n      {hasError && (\n        <FieldMessage\n          id={descriptionId}\n          message={validationMessage}\n          status={status}\n        />\n      )}\n    </div>\n  )\n}\n\nTimeFieldComponent.displayName = \"TimeFieldComponent\"\n"],"names":["TimeField","props","React","createElement","I18nProvider","locale","TimeFieldComponent","displayName","_a","propsId","id","label","onChange","value","_b","status","validationMessage","isDisabled","classNameOverride","restProps","__rest","reactId","useId","handleOnChange","timeValue","hour","minutes","minute","state","useTimeFieldState","__assign","Time","hideTimeZone","validationState","hasError","descriptionId","concat","undefined","inputRef","useRef","_c","useTimeField","fieldProps","labelProps","className","Label","disabled","styles","wrapper","ref","classnames","input","error","segments","map","segment","i","TimeSegment","key","focusRing","FieldMessage","message"],"mappings":"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"}

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

@@ -1,6 +1,6 @@
 var styles = {
   "wrapper": "TimeField-module_wrapper__YuSI3",
-  "heading": "TimeField-module_heading__5EOZf",
+  "label": "TimeField-module_label__kjKyK",
   "input": "TimeField-module_input__Hxjcu",
   "focusRing": "TimeField-module_focusRing__7hgWG",
   "isDisabled": "TimeField-module_isDisabled__rpEc8",

package/dist/esm/index.css

@@ -1,12 +1,12 @@
 .Select-module_container__TaMKg{position:relative;width:100%}.Select-module_notFullWidth__Mr-3G{width:180px}
 .Main-module_main__hMyB1{z-index:0}
 .Wrapper-module_wrapper__89WmC{background:var(--color-gray-100,#f9f9f9);display:grid;grid-template-rows:min-content 1fr min-content;min-height:100vh;position:relative}
-.Titles-module_titles__JYwU0{align-items:center;flex-grow:1;grid-area:titles;justify-content:center}.Titles-module_pageTitle__YDp9S,.Titles-module_titles__JYwU0{display:flex;flex-direction:column}.Titles-module_prefix__40x8n{margin-bottom:var(--spacing-4,.25rem)}.Titles-module_status__huuP7{margin-top:var(--spacing-8,.5rem)}
-.FooterRoot-module_footerRoot__N-6nQ{align-items:center;background:var(--color-blue-500,#0168b3);display:grid;flex-grow:1;gap:var(--spacing-16,1rem);grid-template-areas:"prev stepper next";grid-template-columns:1fr 2fr 1fr;justify-content:center;padding:var(--spacing-24,1.5rem) var(--spacing-12,.75rem)}@media (min-width:768px){.FooterRoot-module_footerRoot__N-6nQ{bottom:0;grid-template-columns:1fr 5fr 1fr;padding:var(--spacing-24,1.5rem) var(--spacing-32,2rem);position:sticky;z-index:1}}
 .FooterActions-module_footerAction__v7eL-{display:flex;flex-basis:auto;flex-grow:1}.FooterActions-module_footerActionPrevious__2XByZ{grid-area:"prev";justify-content:start}.FooterActions-module_footerActionNext__IKRta{grid-area:"next";justify-content:end}
 .Branding-module_branding__4h-rD{display:flex;flex-grow:1;grid-area:branding;justify-content:center;padding-top:var(--spacing-4,.25rem)}@media (min-width:768px){.Branding-module_branding__4h-rD{justify-content:unset}}.Branding-module_logo__vqqec{flex-basis:7.5rem}
-.Actions-module_actions__Prrp0{align-items:center;display:flex;flex-direction:column;flex-grow:1;grid-area:actions;justify-content:center}@media (min-width:768px){.Actions-module_actions__Prrp0{align-items:flex-start;flex-direction:row;justify-content:flex-end;margin-top:calc(var(--spacing-12, .75rem)*-1)}}
+.FooterRoot-module_footerRoot__N-6nQ{align-items:center;background:var(--color-blue-500,#0168b3);display:grid;flex-grow:1;gap:var(--spacing-16,1rem);grid-template-areas:"prev stepper next";grid-template-columns:1fr 2fr 1fr;justify-content:center;padding:var(--spacing-24,1.5rem) var(--spacing-12,.75rem)}@media (min-width:768px){.FooterRoot-module_footerRoot__N-6nQ{bottom:0;grid-template-columns:1fr 5fr 1fr;padding:var(--spacing-24,1.5rem) var(--spacing-32,2rem);position:sticky;z-index:1}}
 .ProgressStepper-module_stepsContainer__WMxXN{grid-area:stepper;width:100%}.ProgressStepper-module_stepList__b1wWX{align-items:flex-end;display:none;justify-content:center;list-style:none;margin:0;padding:0}@media (min-width:768px){.ProgressStepper-module_stepList__b1wWX{display:flex}}.ProgressStepper-module_step__-Ep19{container:step/inline-size;display:flex;flex-basis:100%;flex-grow:1;justify-content:center;max-width:var(--spacing-96,6rem);overflow-wrap:break-word;position:relative}.ProgressStepper-module_stepContent__B4uFS{align-items:center;display:flex;flex-direction:column}.ProgressStepper-module_stepIndicator__-qEWT{height:1.25rem;position:relative;width:1.25rem}.ProgressStepper-module_stepName__hS4lp{display:none;font-weight:var(--typography-paragraph-bold-font-weight,600);margin-bottom:var(--spacing-12,.75rem);text-align:center}.ProgressStepper-module_stepIcon__0Kh4y{color:var(--color-white,#fff);height:1.25rem;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:1.25rem}.ProgressStepper-module_stepDivider__KEZPU{border:var(--spacing-1,.0625rem) solid var(--color-white,#fff);border-radius:var(--border-solid-border-radius,7px);display:flex;flex-grow:1;height:0;left:100%;margin:0;min-width:calc(100% - var(--spacing-24, 1.5rem));position:absolute;top:calc(100% - .625rem);transform:translateX(-50%)}[dir=rtl] .ProgressStepper-module_stepDivider__KEZPU{left:unset;right:100%;transform:translateX(50%)}.ProgressStepper-module_stepperDescription__B00hX{display:flex;justify-content:center}@media (min-width:768px){.ProgressStepper-module_stepperDescription__B00hX{height:0;overflow:hidden;position:absolute;width:0}}@container step (min-width: 4.5rem){.ProgressStepper-module_stepName__hS4lp{display:inline}}
+.Titles-module_titles__JYwU0{align-items:center;flex-grow:1;grid-area:titles;justify-content:center}.Titles-module_pageTitle__YDp9S,.Titles-module_titles__JYwU0{display:flex;flex-direction:column}.Titles-module_prefix__40x8n{margin-bottom:var(--spacing-4,.25rem)}.Titles-module_status__huuP7{margin-top:var(--spacing-8,.5rem)}
+.Actions-module_actions__Prrp0{align-items:center;display:flex;flex-direction:column;flex-grow:1;grid-area:actions;justify-content:center}@media (min-width:768px){.Actions-module_actions__Prrp0{align-items:flex-start;flex-direction:row;justify-content:flex-end;margin-top:calc(var(--spacing-12, .75rem)*-1)}}
 .Root-module_root__7DVw5{align-items:center;background-color:var(--color-white,#fff);box-shadow:var(--shadow-small-box-shadow,0 3px 16px rgba(0,0,0,.06),0 1px 3px rgba(0,0,0,.1));display:grid;flex-grow:1;gap:var(--spacing-16,1rem);grid-template:"branding" min-content "titles" max-content "actions" min-content/1fr;justify-content:center;padding:var(--spacing-24,1.5rem);text-align:center}@media (min-width:768px){.Root-module_root__7DVw5{align-items:start;grid-template:"branding titles actions" min-content/1fr max-content 1fr;position:sticky;top:0;z-index:1}}
 .SVG-module_icon__8J5Ev{display:inline-block;height:20px;width:20px}.SVG-module_icon__8J5Ev>use{pointer-events:none}@media screen and (-ms-high-contrast:active){.SVG-module_icon__8J5Ev{color:#000}}@media screen and (-ms-high-contrast:white-on-black){.SVG-module_icon__8J5Ev{color:#fff}}@media screen and (-ms-high-contrast:black-on-white){.SVG-module_icon__8J5Ev{color:#000}}.SVG-module_inheritSize__Q8iam{display:block;height:inherit;width:inherit}
 .Avatar-module_wrapper__LY2q2{align-items:center;background:var(--color-gray-300,#eaeaec);border-radius:100%;box-sizing:border-box;display:flex;justify-content:center;overflow:hidden}.Avatar-module_wrapper__LY2q2:not(.Avatar-module_small__PeksS){border:3px solid var(--color-white,#fff);box-shadow:var(--shadow-small-box-shadow,0 3px 16px rgba(0,0,0,.06),0 1px 3px rgba(0,0,0,.1))}.Avatar-module_wrapper__LY2q2.Avatar-module_personal__2U7--{background:var(--color-orange-100,#fff0e8)}.Avatar-module_wrapper__LY2q2.Avatar-module_otherUser__b-drl{background:var(--color-gray-300,#eaeaec)}.Avatar-module_wrapper__LY2q2.Avatar-module_company__2qtJE{background:var(--color-white,#fff);border:0;border-radius:var(--border-solid-border-radius,7px);padding:6px}.Avatar-module_wrapper__LY2q2.Avatar-module_small__PeksS{height:1.25rem;width:1.25rem}.Avatar-module_wrapper__LY2q2.Avatar-module_small__PeksS .Avatar-module_initials__VDY2Q{margin-bottom:-1px}.Avatar-module_wrapper__LY2q2.Avatar-module_small__PeksS.Avatar-module_company__2qtJE{padding:0}.Avatar-module_wrapper__LY2q2.Avatar-module_medium__Vy3V8{height:3rem;width:3rem}.Avatar-module_wrapper__LY2q2.Avatar-module_medium__Vy3V8 .Avatar-module_initials__VDY2Q{margin-bottom:-1px}.Avatar-module_wrapper__LY2q2.Avatar-module_large__qiNWs{height:4.5rem;width:4.5rem}.Avatar-module_wrapper__LY2q2.Avatar-module_xlarge__Vx4IG{height:6rem;width:6rem}.Avatar-module_wrapper__LY2q2.Avatar-module_xxlarge__oOoGq{height:7.75rem;width:7.75rem}.Avatar-module_wrapper__LY2q2 .Avatar-module_initials__VDY2Q{speak-as:spell-out;border-bottom:none;text-decoration:none}.Avatar-module_avatarImage__FuULy{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.Avatar-module_loading__i9V-D .Avatar-module_avatarImage__FuULy{display:none}.Avatar-module_companyAvatarImage__7rlfG{border-radius:4px;box-sizing:border-box;-o-object-fit:contain;object-fit:contain}.Avatar-module_fallbackIcon__MPWxq{color:rgba(var(--color-purple-800-rgb,47,36,56),.7);width:28px}.Avatar-module_xxlarge__oOoGq .Avatar-module_fallbackIcon__MPWxq{width:75px}.Avatar-module_xlarge__Vx4IG .Avatar-module_fallbackIcon__MPWxq{width:60px}.Avatar-module_large__qiNWs .Avatar-module_fallbackIcon__MPWxq{width:35px}.Avatar-module_medium__Vy3V8 .Avatar-module_fallbackIcon__MPWxq{margin-bottom:-1px;width:25px}.Avatar-module_small__PeksS .Avatar-module_fallbackIcon__MPWxq{margin-bottom:-1px;width:10px}.Avatar-module_initials__VDY2Q{box-sizing:border-box;color:var(--color-purple-800,#2f2438);font-family:var(--typography-heading-1-font-family,"Inter","Noto Sans",Helvetica,Arial,sans-serif);font-size:22px;font-weight:var(--typography-heading-1-font-weight,700);letter-spacing:var(--typography-heading-3-letter-spacing,normal);padding-left:5px;padding-right:5px;text-align:center;width:100%}.Avatar-module_initials__VDY2Q:not(.Avatar-module_longName__31Yuf):before{content:"";display:block;margin-top:-.001em}.Avatar-module_xlarge__Vx4IG .Avatar-module_initials__VDY2Q,.Avatar-module_xxlarge__oOoGq .Avatar-module_initials__VDY2Q{font-size:34px;letter-spacing:var(--typography-heading-1-letter-spacing,normal)}.Avatar-module_medium__Vy3V8 .Avatar-module_initials__VDY2Q{font-size:16px}.Avatar-module_medium__Vy3V8 .Avatar-module_initials__VDY2Q,.Avatar-module_small__PeksS .Avatar-module_initials__VDY2Q{font-weight:var(--typography-heading-5-font-weight,600);letter-spacing:var(--typography-heading-5-letter-spacing,normal)}.Avatar-module_small__PeksS .Avatar-module_initials__VDY2Q{font-size:8px}
@@ -149,7 +149,7 @@ input[type=range].InputRange-module_ratingScaleRange__gI-rs{all:unset;-webkit-ap
 .MultiActionTile-module_actions__mntsC{display:flex}
 .TileGrid-module_grid__1WCNc{grid-gap:var(--spacing-md,1.5rem);display:grid;grid-template-columns:repeat(auto-fill,minmax(290px,1fr))}@media (max-width:767px){.TileGrid-module_grid__1WCNc{grid-template-columns:repeat(2,minmax(226px,370px))}.TileGrid-module_grid__1WCNc>*{width:100%}}@media (max-width:480px){.TileGrid-module_grid__1WCNc{grid-template-columns:repeat(1,100%)}}
 .TimeSegment-module_timeSegmentWrapper__WYD6y{white-space:nowrap}.TimeSegment-module_timeSegment__eXb0c{background-color:var(--color-gray-300,#eaeaec);border-radius:3px;color:var(--color-purple-800,#2f2438);display:block;padding:0 4px;text-align:end}.TimeSegment-module_timeSegment__eXb0c:hover{background-color:var(--color-white,#fff)}.TimeSegment-module_timeSegment__eXb0c:focus-visible{background:var(--color-blue-500,#0168b3);color:#fff;outline:none}.TimeSegment-module_placeholder__j1-gK{color:rgba(var(--color-purple-800-rgb,47,36,56),.7)}.TimeSegment-module_literal__mOkqz,.TimeSegment-module_literal__mOkqz:hover{background:none}.TimeSegment-module_dayPeriod__fzT5I{margin-right:4px}
-.TimeField-module_wrapper__YuSI3{align-items:flex-start;color:var(--color-purple-800,#2f2438);display:flex;flex-direction:column;font-family:var(--typography-paragraph-body-font-family,"Inter","Noto Sans",Helvetica,Arial,sans-serif);font-size:var(--typography-paragraph-body-font-size,1rem);font-weight:var(--typography-paragraph-body-font-weight,400);letter-spacing:var(--typography-paragraph-body-letter-spacing,normal);line-height:var(--typography-paragraph-body-line-height,1.5rem);position:relative}.TimeField-module_heading__5EOZf{margin-bottom:var(--spacing-6,.375rem)}.TimeField-module_input__Hxjcu{align-items:center;background-clip:padding-box;background-color:var(--color-white,#fff);border:var(--border-solid-border-width,2px) var(--border-solid-border-style,solid) var(--color-gray-500,#8c8c97);border-radius:var(--border-solid-border-radius,7px);box-sizing:border-box;display:inline-flex;font-size:var(--typography-paragraph-body-font-size,1rem);height:48px;line-height:var(--typography-paragraph-body-line-height,1.5rem);padding:0 var(--spacing-sm,.75rem);width:100%}.TimeField-module_input__Hxjcu:focus-within,.TimeField-module_input__Hxjcu:hover{background-color:var(--color-gray-200,#f4f4f5);border-color:var(--color-gray-600,#524e56)}.TimeField-module_input__Hxjcu:focus-within .TimeField-module_focusRing__7hgWG{background:transparent;border-color:var(--color-blue-500,#0168b3);border-radius:var(--border-focus-ring-border-radius,10px);border-style:var(--border-focus-ring-border-style,solid);border-width:var(--border-focus-ring-border-width,2px);inset:-3px;pointer-events:none;position:absolute}.TimeField-module_isDisabled__rpEc8{background-color:transparent;border-color:var(--color-gray-500,#8c8c97);opacity:30%;pointer-events:none}.TimeField-module_error__tK2QY{border:var(--border-solid-border-width,2px) var(--border-solid-border-style,solid) var(--color-red-500,#c93b55)}
+.TimeField-module_wrapper__YuSI3{align-items:flex-start;color:var(--color-purple-800,#2f2438);display:flex;flex-direction:column;font-family:var(--typography-paragraph-body-font-family,"Inter","Noto Sans",Helvetica,Arial,sans-serif);font-size:var(--typography-paragraph-body-font-size,1rem);font-weight:var(--typography-paragraph-body-font-weight,400);letter-spacing:var(--typography-paragraph-body-letter-spacing,normal);line-height:var(--typography-paragraph-body-line-height,1.5rem);position:relative}.TimeField-module_label__kjKyK{display:block;margin-bottom:var(--spacing-6,.375rem)}.TimeField-module_input__Hxjcu{align-items:center;background-clip:padding-box;background-color:var(--color-white,#fff);border:var(--border-solid-border-width,2px) var(--border-solid-border-style,solid) var(--color-gray-500,#8c8c97);border-radius:var(--border-solid-border-radius,7px);box-sizing:border-box;display:inline-flex;font-size:var(--typography-paragraph-body-font-size,1rem);height:48px;line-height:var(--typography-paragraph-body-line-height,1.5rem);padding:0 var(--spacing-sm,.75rem);width:100%}.TimeField-module_input__Hxjcu:focus-within,.TimeField-module_input__Hxjcu:hover{background-color:var(--color-gray-200,#f4f4f5);border-color:var(--color-gray-600,#524e56)}.TimeField-module_input__Hxjcu:focus-within .TimeField-module_focusRing__7hgWG{background:transparent;border-color:var(--color-blue-500,#0168b3);border-radius:var(--border-focus-ring-border-radius,10px);border-style:var(--border-focus-ring-border-style,solid);border-width:var(--border-focus-ring-border-width,2px);inset:-3px;pointer-events:none;position:absolute}.TimeField-module_isDisabled__rpEc8{background-color:transparent;border-color:var(--color-gray-500,#8c8c97);opacity:30%;pointer-events:none}.TimeField-module_error__tK2QY{border:var(--border-solid-border-width,2px) var(--border-solid-border-style,solid) var(--color-red-500,#c93b55)}
 .TitleBlockMenuItem-module_menuListItem__G3K41{display:flex}.TitleBlockMenuItem-module_menuItem__v9hGL{align-items:center;background:none;border:2px solid transparent;border-radius:4px;box-sizing:border-box;color:var(--color-purple-800,#2f2438);display:flex;flex:1 1 auto;font-family:var(--typography-paragraph-body-font-family,"Inter","Noto Sans",Helvetica,Arial,sans-serif);font-size:var(--typography-paragraph-body-font-size,1rem);font-weight:var(--typography-paragraph-body-font-weight,400);letter-spacing:var(--typography-paragraph-body-letter-spacing,normal);line-height:var(--typography-paragraph-body-line-height,1.5rem);margin:0 var(--spacing-xs,.375rem);min-height:calc(var(--spacing-md, 1.5rem)*1.75);padding:6px calc(var(--spacing-sm, .75rem) - 2px);text-align:left;text-decoration:none}.TitleBlockMenuItem-module_menuItem__v9hGL:hover{text-decoration:none}.TitleBlockMenuItem-module_menuItem__v9hGL:focus,.TitleBlockMenuItem-module_menuItem__v9hGL:not(.TitleBlockMenuItem-module_menuItem--disabled__lrGIn):hover{background:var(--color-blue-100,#e6f6ff);color:var(--color-blue-500,#0168b3)}.TitleBlockMenuItem-module_menuItem__v9hGL:focus .TitleBlockMenuItem-module_menuItem__Icon__zyUMD,.TitleBlockMenuItem-module_menuItem__v9hGL:not(.TitleBlockMenuItem-module_menuItem--disabled__lrGIn):hover .TitleBlockMenuItem-module_menuItem__Icon__zyUMD{color:var(--color-blue-500,#0168b3)}.TitleBlockMenuItem-module_menuItem__v9hGL:focus.TitleBlockMenuItem-module_menuItem--destructive__Q18x-,.TitleBlockMenuItem-module_menuItem__v9hGL:not(.TitleBlockMenuItem-module_menuItem--disabled__lrGIn):hover.TitleBlockMenuItem-module_menuItem--destructive__Q18x-{background:var(--color-red-100,#fdeaee);color:var(--color-red-600,#a82433)}.TitleBlockMenuItem-module_menuItem__v9hGL:focus.TitleBlockMenuItem-module_menuItem--destructive__Q18x- .TitleBlockMenuItem-module_menuItem__Icon__zyUMD,.TitleBlockMenuItem-module_menuItem__v9hGL:not(.TitleBlockMenuItem-module_menuItem--disabled__lrGIn):hover.TitleBlockMenuItem-module_menuItem--destructive__Q18x- .TitleBlockMenuItem-module_menuItem__Icon__zyUMD{color:var(--color-red-600,#a82433)}.TitleBlockMenuItem-module_menuItem__v9hGL:focus{outline:none}.TitleBlockMenuItem-module_menuItem__v9hGL:focus-visible{border-color:var(--color-blue-500,#0168b3)}[dir=rtl] .TitleBlockMenuItem-module_menuItem__v9hGL{text-align:right}.TitleBlockMenuItem-module_menuItem--disabled__lrGIn,.TitleBlockMenuItem-module_menuItem--disabled__lrGIn .TitleBlockMenuItem-module_menuItem__Icon__zyUMD{color:rgba(var(--color-purple-800-rgb,47,36,56),.3)}.TitleBlockMenuItem-module_menuItem--active__f-tGu{color:var(--color-blue-500,#0168b3);font-weight:var(--typography-paragraph-bold-font-weight,600)}.TitleBlockMenuItem-module_menuItem--destructive__Q18x-,.TitleBlockMenuItem-module_menuItem--destructive__Q18x- .TitleBlockMenuItem-module_menuItem__Icon__zyUMD{color:var(--color-red-600,#a82433)}.TitleBlockMenuItem-module_menuItem--destructive__Q18x-.TitleBlockMenuItem-module_menuItem--disabled__lrGIn,.TitleBlockMenuItem-module_menuItem--destructive__Q18x-.TitleBlockMenuItem-module_menuItem--disabled__lrGIn .TitleBlockMenuItem-module_menuItem__Icon__zyUMD{color:rgba(var(--color-red-600-rgb,168,36,51),.3)}.TitleBlockMenuItem-module_menuItem__Label__YUtc5{flex-grow:1}.TitleBlockMenuItem-module_menuItem__Icon__zyUMD{align-self:flex-start;color:rgba(var(--color-purple-800-rgb,47,36,56),.75);display:flex;margin-inline-end:calc(var(--spacing-md, 1.5rem)/3);transform:translateY(.2em)}
 .Toolbar-module_toolbar__yhogJ{align-items:center;display:flex}.Toolbar-module_toolbar__yhogJ .Toolbar-module_toolbarItem__eekUL{margin:0 .375rem}@media (max-width:1023px){.Toolbar-module_toolbar__yhogJ .Toolbar-module_toolbarItem__eekUL{margin:0 .1875rem}}.Toolbar-module_toolbar__yhogJ .Toolbar-module_toolbarItem__eekUL.Toolbar-module_noGap__4mNlF{margin:0}.Toolbar-module_toolbar__yhogJ .Toolbar-module_toolbarItem__eekUL:first-of-type{margin-left:0;margin-right:.375rem}.Toolbar-module_toolbar__yhogJ .Toolbar-module_toolbarItem__eekUL:first-of-type[dir=rtl],[dir=rtl] .Toolbar-module_toolbar__yhogJ .Toolbar-module_toolbarItem__eekUL:first-of-type{margin-left:.375rem;margin-right:0}@media (max-width:1023px){.Toolbar-module_toolbar__yhogJ .Toolbar-module_toolbarItem__eekUL:first-of-type{margin-left:0;margin-right:.1875rem}.Toolbar-module_toolbar__yhogJ .Toolbar-module_toolbarItem__eekUL:first-of-type[dir=rtl],[dir=rtl] .Toolbar-module_toolbar__yhogJ .Toolbar-module_toolbarItem__eekUL:first-of-type{margin-left:.1875rem;margin-right:0}}.Toolbar-module_toolbar__yhogJ .Toolbar-module_toolbarItem__eekUL:first-of-type.Toolbar-module_noGap__4mNlF{margin:0}.Toolbar-module_toolbar__yhogJ .Toolbar-module_toolbarItem__eekUL:last-of-type{margin-left:.375rem;margin-right:0}.Toolbar-module_toolbar__yhogJ .Toolbar-module_toolbarItem__eekUL:last-of-type[dir=rtl],[dir=rtl] .Toolbar-module_toolbar__yhogJ .Toolbar-module_toolbarItem__eekUL:last-of-type{margin-left:0;margin-right:.375rem}@media (max-width:1023px){.Toolbar-module_toolbar__yhogJ .Toolbar-module_toolbarItem__eekUL:last-of-type{margin-left:.1875rem;margin-right:0}.Toolbar-module_toolbar__yhogJ .Toolbar-module_toolbarItem__eekUL:last-of-type[dir=rtl],[dir=rtl] .Toolbar-module_toolbar__yhogJ .Toolbar-module_toolbarItem__eekUL:last-of-type{margin-left:0;margin-right:.1875rem}}.Toolbar-module_toolbar__yhogJ .Toolbar-module_toolbarItem__eekUL:last-of-type.Toolbar-module_noGap__4mNlF{margin:0}
 .MainActions-module_mainActionsContainer__wN117{align-items:center;display:flex;flex-grow:1;flex-shrink:0;justify-content:flex-end;margin-left:.75rem;margin-right:0}.MainActions-module_mainActionsContainer__wN117[dir=rtl],[dir=rtl] .MainActions-module_mainActionsContainer__wN117{margin-left:0;margin-right:.75rem}@media (max-width:767px){.MainActions-module_mainActionsContainer__wN117{display:none}}