@kaizen/components 1.40.5 → 1.41.0

package/dist/esm/DatePicker/DatePicker.mjs

@@ -183,6 +183,7 @@ const DatePicker = /*#__PURE__*/function () {
     var calendarId = "".concat(id, "-calendar-dialog");
     return /*#__PURE__*/React.createElement(FocusOn, {
       scrollLock: false,
+      returnFocus: false,
       onDeactivation: handleReturnFocus,
       onClickOutside: function () {
         return setIsOpen(false);

package/dist/esm/DatePicker/DatePicker.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"DatePicker.mjs","sources":["../../../src/DatePicker/DatePicker.tsx"],"sourcesContent":["import React, { RefObject, useEffect, useId, useRef, useState } from \"react\"\nimport { DayClickEventHandler } from \"react-day-picker\"\nimport { FocusOn } from \"react-focus-on\"\nimport {\n  CalendarSingle,\n  CalendarSingleElement,\n  CalendarSingleProps,\n  DisabledDayMatchers,\n  calculateDisabledDays,\n  formatDateAsNumeral,\n  formatDateAsText,\n  isDisabledDate,\n  isInvalidDate,\n  isSelectingDayInCalendar,\n  parseDateAsTextOrNumeral,\n  setFocusInCalendar,\n} from \"~components/Calendar\"\nimport { CalendarPopover } from \"~components/Calendar/CalendarPopover\"\nimport {\n  DateInputField,\n  DateInputFieldProps,\n} from \"./subcomponents/DateInputField\"\nimport { ValidationResponse } from \"./types\"\nimport { DatePickerSupportedLocales, getLocale } from \"./utils/getLocale\"\nimport { validateDate } from \"./utils/validateDate\"\n\ntype OmittedDateInputFieldProps =\n  | \"onClick\"\n  | \"onFocus\"\n  | \"onChange\"\n  | \"onBlur\"\n  | \"onButtonClick\"\n  | \"value\"\n  | \"locale\"\n  | \"id\"\n\nexport type DatePickerProps = {\n  id?: string\n  buttonRef?: RefObject<HTMLButtonElement>\n  onInputClick?: DateInputFieldProps[\"onClick\"]\n  onInputFocus?: DateInputFieldProps[\"onFocus\"]\n  onInputChange?: DateInputFieldProps[\"onChange\"]\n  onInputBlur?: DateInputFieldProps[\"onBlur\"]\n  onButtonClick?: DateInputFieldProps[\"onButtonClick\"]\n  locale?: DatePickerSupportedLocales\n  /**\n   * Accepts a DayOfWeek value to start the week on that day. By default,\n   * it's set to Monday.\n   */\n  weekStartsOn?: CalendarSingleProps[\"weekStartsOn\"]\n  /**\n   * Accepts a date to display that month on first render.\n   */\n  defaultMonth?: CalendarSingleProps[\"defaultMonth\"]\n  /**\n   *  The date passed in from the consumer that renders in the input and calendar.\n   */\n  selectedDay: Date | undefined\n  /**\n   * Callback when date is updated either by the calendar picker or by typing and bluring.\n   * Date will return as undefined if invalid or disabled.\n   */\n  onDayChange: (date: Date | undefined) => void\n  /**\n   * Callback when a date is selected. Utilises internal validation if not set.\n   */\n  onValidate?: (validationResponse: ValidationResponse) => void\n  /**\n   * Updates the styling of the validation FieldMessage.\n   */\n  status?: DateInputFieldProps[\"status\"] | undefined\n  /**\n   * A descriptive message for the 'status' states.\n   */\n  validationMessage?: DateInputFieldProps[\"validationMessage\"] | undefined\n} & DisabledDayMatchers &\n  Omit<DateInputFieldProps, OmittedDateInputFieldProps>\n\n/**\n * {@link https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3082061174/Date+Picker Guidance} |\n * {@link https://cultureamp.design/?path=/docs/components-date-controls-datepicker--docs Storybook}\n */\nexport const DatePicker = ({\n  id: propsId,\n  buttonRef: propsButtonRef = useRef<HTMLButtonElement>(null),\n  locale: propsLocale = \"en-AU\",\n  disabledDates,\n  disabledDaysOfWeek,\n  disabledRange,\n  disabledBeforeAfter,\n  disabledBefore,\n  disabledAfter,\n  weekStartsOn,\n  defaultMonth,\n  selectedDay,\n  status,\n  validationMessage,\n  onInputClick,\n  onInputFocus,\n  onInputChange,\n  onInputBlur,\n  onButtonClick,\n  onDayChange,\n  onValidate,\n  ...restDateInputFieldProps\n}: DatePickerProps): JSX.Element => {\n  const reactId = useId()\n  const id = propsId ?? reactId\n\n  const containerRef = useRef<HTMLInputElement>(null)\n  const inputRef = useRef<HTMLInputElement>(null)\n  const buttonRef = useRef<HTMLButtonElement>(propsButtonRef?.current || null)\n  const dateInputRefs = useRef({\n    inputRef,\n    buttonRef,\n  })\n  const [inputValue, setInputValue] = useState<string>(\"\")\n  const [isOpen, setIsOpen] = useState(false)\n  const [lastTrigger, setLastTrigger] = useState<\n    \"inputFocus\" | \"inputKeydown\" | \"calendarButton\"\n  >()\n  const [inbuiltStatus, setInbuiltStatus] = useState<\n    DateInputFieldProps[\"status\"] | undefined\n  >()\n  const [inbuiltValidationMessage, setInbuiltValidationMessage] = useState<\n    string | undefined\n  >()\n\n  const shouldUseInbuiltValidation = onValidate === undefined\n\n  const locale = getLocale(propsLocale)\n\n  const disabledDays = calculateDisabledDays({\n    disabledDates,\n    disabledDaysOfWeek,\n    disabledRange,\n    disabledBeforeAfter,\n    disabledBefore,\n    disabledAfter,\n  })\n\n  const handleValidation = (validationResponse: ValidationResponse): void => {\n    if (shouldUseInbuiltValidation) {\n      setInbuiltStatus(validationResponse.status)\n      setInbuiltValidationMessage(validationResponse.validationMessage)\n    } else {\n      onValidate(validationResponse)\n    }\n  }\n\n  const handleDayChange = (\n    date: Date | undefined,\n    newInputValue?: string\n  ): void => {\n    const { validationResponse, newDate } = validateDate({\n      date,\n      inputValue: newInputValue,\n      disabledDays,\n    })\n    handleValidation(validationResponse)\n    onDayChange(newDate)\n  }\n\n  const handleCalendarDayChange: DayClickEventHandler = date => {\n    if (!isDisabledDate(date, disabledDays)) {\n      const newInputValue =\n        lastTrigger === \"calendarButton\"\n          ? formatDateAsText(date, disabledDays, locale)\n          : formatDateAsNumeral(date, locale)\n\n      setInputValue(newInputValue)\n      handleDayChange(date)\n      setIsOpen(false)\n    }\n  }\n\n  const handleInputClick: React.MouseEventHandler<HTMLInputElement> = e => {\n    setIsOpen(true)\n    onInputClick?.(e)\n  }\n\n  const handleInputFocus: React.FocusEventHandler<HTMLInputElement> = e => {\n    setLastTrigger(\"inputFocus\")\n    if (selectedDay) {\n      const newInputValue = formatDateAsNumeral(selectedDay, locale)\n      setInputValue(newInputValue)\n    }\n    onInputFocus?.(e)\n  }\n\n  const handleInputChange: React.ChangeEventHandler<HTMLInputElement> = e => {\n    setInputValue(e.target.value)\n    onInputChange?.(e)\n  }\n\n  const handleInputBlur: React.FocusEventHandler<HTMLInputElement> = e => {\n    if (isSelectingDayInCalendar(e.relatedTarget)) return\n\n    if (inputValue !== \"\") {\n      const parsedDate = parseDateAsTextOrNumeral(inputValue, locale)\n\n      if (!isInvalidDate(parsedDate)) {\n        setInputValue(formatDateAsText(parsedDate, disabledDays, locale))\n      }\n\n      handleDayChange(parsedDate, inputValue)\n      onInputBlur?.(e)\n      return\n    }\n\n    handleDayChange(undefined, inputValue)\n    onInputBlur?.(e)\n  }\n\n  const handleKeyDown: React.KeyboardEventHandler<HTMLInputElement> = e => {\n    if (e.key === \"Enter\") {\n      setIsOpen(false)\n      const parsedDate = parseDateAsTextOrNumeral(inputValue, locale)\n      handleDayChange(parsedDate, e.currentTarget.value)\n    }\n\n    if (e.key === \"ArrowDown\" || (e.key === \"ArrowDown\" && e.altKey === true)) {\n      e.preventDefault()\n      setIsOpen(true)\n      setLastTrigger(\"inputKeydown\")\n    }\n  }\n\n  const handleButtonClick: React.MouseEventHandler<HTMLButtonElement> = e => {\n    setIsOpen(!isOpen)\n    setLastTrigger(\"calendarButton\")\n    onButtonClick?.(e)\n  }\n\n  const handleCalendarMount = (\n    calendarElement: CalendarSingleElement\n  ): void => {\n    if (lastTrigger === \"inputFocus\") return\n    setFocusInCalendar(calendarElement, selectedDay)\n  }\n\n  const handleReturnFocus = (): void => {\n    if (lastTrigger === \"inputKeydown\" || lastTrigger === \"inputFocus\") {\n      return inputRef.current?.focus()\n    }\n    buttonRef.current?.focus()\n  }\n\n  useEffect(() => {\n    if (selectedDay) {\n      setInputValue(formatDateAsText(selectedDay, disabledDays, locale))\n\n      const formattedDate = formatDateAsNumeral(selectedDay, locale)\n      const { validationResponse } = validateDate({\n        date: selectedDay,\n        inputValue: formattedDate,\n        disabledDays,\n      })\n\n      if (!validationResponse.isValidDate && !validationResponse.isEmpty) {\n        handleValidation(validationResponse)\n      }\n    }\n  }, [selectedDay])\n\n  const calendarId = `${id}-calendar-dialog`\n\n  return (\n    <FocusOn\n      scrollLock={false}\n      onDeactivation={handleReturnFocus}\n      onClickOutside={(): void => setIsOpen(false)}\n      onEscapeKey={(): void => setIsOpen(false)}\n      enabled={isOpen}\n    >\n      <div ref={containerRef}>\n        <DateInputField\n          ref={dateInputRefs}\n          id={id}\n          role=\"combobox\"\n          aria-haspopup=\"dialog\"\n          aria-expanded={isOpen}\n          aria-controls={calendarId}\n          value={inputValue}\n          locale={locale}\n          onButtonClick={handleButtonClick}\n          onClick={handleInputClick}\n          onFocus={handleInputFocus}\n          onChange={handleInputChange}\n          onBlur={handleInputBlur}\n          onKeyDown={handleKeyDown}\n          status={\n            status !== undefined || !shouldUseInbuiltValidation\n              ? status\n              : inbuiltStatus\n          }\n          validationMessage={\n            validationMessage !== undefined || !shouldUseInbuiltValidation\n              ? validationMessage\n              : inbuiltValidationMessage\n          }\n          {...restDateInputFieldProps}\n        />\n      </div>\n\n      {isOpen && (\n        <CalendarPopover referenceElement={containerRef.current}>\n          <CalendarSingle\n            id={calendarId}\n            selected={selectedDay}\n            defaultMonth={defaultMonth}\n            weekStartsOn={weekStartsOn}\n            disabled={disabledDays}\n            locale={locale}\n            onDayClick={handleCalendarDayChange}\n            onMount={handleCalendarMount}\n          />\n        </CalendarPopover>\n      )}\n    </FocusOn>\n  )\n}\n\nDatePicker.displayName = \"DatePicker\"\n"],"names":["DatePicker","_a","propsId","id","_b","buttonRef","propsButtonRef","useRef","_c","locale","propsLocale","disabledDates","disabledDaysOfWeek","disabledRange","disabledBeforeAfter","disabledBefore","disabledAfter","weekStartsOn","defaultMonth","selectedDay","status","validationMessage","onInputClick","onInputFocus","onInputChange","onInputBlur","onButtonClick","onDayChange","onValidate","restDateInputFieldProps","__rest","reactId","useId","containerRef","inputRef","current","dateInputRefs","_d","useState","inputValue","setInputValue","_e","isOpen","setIsOpen","_f","lastTrigger","setLastTrigger","_g","inbuiltStatus","setInbuiltStatus","_h","inbuiltValidationMessage","setInbuiltValidationMessage","shouldUseInbuiltValidation","undefined","getLocale","disabledDays","calculateDisabledDays","handleValidation","validationResponse","handleDayChange","date","newInputValue","validateDate","newDate","handleCalendarDayChange","isDisabledDate","formatDateAsText","formatDateAsNumeral","handleInputClick","e","handleInputFocus","handleInputChange","target","value","handleInputBlur","isSelectingDayInCalendar","relatedTarget","parsedDate","parseDateAsTextOrNumeral","isInvalidDate","handleKeyDown","key","currentTarget","altKey","preventDefault","handleButtonClick","handleCalendarMount","calendarElement","setFocusInCalendar","handleReturnFocus","focus","useEffect","formattedDate","isValidDate","isEmpty","calendarId","concat","React","createElement","FocusOn","scrollLock","onDeactivation","onClickOutside","onEscapeKey","enabled","ref","DateInputField","__assign","role","onClick","onFocus","onChange","onBlur","onKeyDown","CalendarPopover","referenceElement","CalendarSingle","selected","disabled","onDayClick","onMount","displayName"],"mappings":"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"}
+{"version":3,"file":"DatePicker.mjs","sources":["../../../src/DatePicker/DatePicker.tsx"],"sourcesContent":["import React, { RefObject, useEffect, useId, useRef, useState } from \"react\"\nimport { DayClickEventHandler } from \"react-day-picker\"\nimport { FocusOn } from \"react-focus-on\"\nimport {\n  CalendarSingle,\n  CalendarSingleElement,\n  CalendarSingleProps,\n  DisabledDayMatchers,\n  calculateDisabledDays,\n  formatDateAsNumeral,\n  formatDateAsText,\n  isDisabledDate,\n  isInvalidDate,\n  isSelectingDayInCalendar,\n  parseDateAsTextOrNumeral,\n  setFocusInCalendar,\n} from \"~components/Calendar\"\nimport { CalendarPopover } from \"~components/Calendar/CalendarPopover\"\nimport {\n  DateInputField,\n  DateInputFieldProps,\n} from \"./subcomponents/DateInputField\"\nimport { ValidationResponse } from \"./types\"\nimport { DatePickerSupportedLocales, getLocale } from \"./utils/getLocale\"\nimport { validateDate } from \"./utils/validateDate\"\n\ntype OmittedDateInputFieldProps =\n  | \"onClick\"\n  | \"onFocus\"\n  | \"onChange\"\n  | \"onBlur\"\n  | \"onButtonClick\"\n  | \"value\"\n  | \"locale\"\n  | \"id\"\n\nexport type DatePickerProps = {\n  id?: string\n  buttonRef?: RefObject<HTMLButtonElement>\n  onInputClick?: DateInputFieldProps[\"onClick\"]\n  onInputFocus?: DateInputFieldProps[\"onFocus\"]\n  onInputChange?: DateInputFieldProps[\"onChange\"]\n  onInputBlur?: DateInputFieldProps[\"onBlur\"]\n  onButtonClick?: DateInputFieldProps[\"onButtonClick\"]\n  locale?: DatePickerSupportedLocales\n  /**\n   * Accepts a DayOfWeek value to start the week on that day. By default,\n   * it's set to Monday.\n   */\n  weekStartsOn?: CalendarSingleProps[\"weekStartsOn\"]\n  /**\n   * Accepts a date to display that month on first render.\n   */\n  defaultMonth?: CalendarSingleProps[\"defaultMonth\"]\n  /**\n   *  The date passed in from the consumer that renders in the input and calendar.\n   */\n  selectedDay: Date | undefined\n  /**\n   * Callback when date is updated either by the calendar picker or by typing and bluring.\n   * Date will return as undefined if invalid or disabled.\n   */\n  onDayChange: (date: Date | undefined) => void\n  /**\n   * Callback when a date is selected. Utilises internal validation if not set.\n   */\n  onValidate?: (validationResponse: ValidationResponse) => void\n  /**\n   * Updates the styling of the validation FieldMessage.\n   */\n  status?: DateInputFieldProps[\"status\"] | undefined\n  /**\n   * A descriptive message for the 'status' states.\n   */\n  validationMessage?: DateInputFieldProps[\"validationMessage\"] | undefined\n} & DisabledDayMatchers &\n  Omit<DateInputFieldProps, OmittedDateInputFieldProps>\n\n/**\n * {@link https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3082061174/Date+Picker Guidance} |\n * {@link https://cultureamp.design/?path=/docs/components-date-controls-datepicker--docs Storybook}\n */\nexport const DatePicker = ({\n  id: propsId,\n  buttonRef: propsButtonRef = useRef<HTMLButtonElement>(null),\n  locale: propsLocale = \"en-AU\",\n  disabledDates,\n  disabledDaysOfWeek,\n  disabledRange,\n  disabledBeforeAfter,\n  disabledBefore,\n  disabledAfter,\n  weekStartsOn,\n  defaultMonth,\n  selectedDay,\n  status,\n  validationMessage,\n  onInputClick,\n  onInputFocus,\n  onInputChange,\n  onInputBlur,\n  onButtonClick,\n  onDayChange,\n  onValidate,\n  ...restDateInputFieldProps\n}: DatePickerProps): JSX.Element => {\n  const reactId = useId()\n  const id = propsId ?? reactId\n\n  const containerRef = useRef<HTMLInputElement>(null)\n  const inputRef = useRef<HTMLInputElement>(null)\n  const buttonRef = useRef<HTMLButtonElement>(propsButtonRef?.current || null)\n  const dateInputRefs = useRef({\n    inputRef,\n    buttonRef,\n  })\n  const [inputValue, setInputValue] = useState<string>(\"\")\n  const [isOpen, setIsOpen] = useState(false)\n  const [lastTrigger, setLastTrigger] = useState<\n    \"inputFocus\" | \"inputKeydown\" | \"calendarButton\"\n  >()\n  const [inbuiltStatus, setInbuiltStatus] = useState<\n    DateInputFieldProps[\"status\"] | undefined\n  >()\n  const [inbuiltValidationMessage, setInbuiltValidationMessage] = useState<\n    string | undefined\n  >()\n\n  const shouldUseInbuiltValidation = onValidate === undefined\n\n  const locale = getLocale(propsLocale)\n\n  const disabledDays = calculateDisabledDays({\n    disabledDates,\n    disabledDaysOfWeek,\n    disabledRange,\n    disabledBeforeAfter,\n    disabledBefore,\n    disabledAfter,\n  })\n\n  const handleValidation = (validationResponse: ValidationResponse): void => {\n    if (shouldUseInbuiltValidation) {\n      setInbuiltStatus(validationResponse.status)\n      setInbuiltValidationMessage(validationResponse.validationMessage)\n    } else {\n      onValidate(validationResponse)\n    }\n  }\n\n  const handleDayChange = (\n    date: Date | undefined,\n    newInputValue?: string\n  ): void => {\n    const { validationResponse, newDate } = validateDate({\n      date,\n      inputValue: newInputValue,\n      disabledDays,\n    })\n    handleValidation(validationResponse)\n    onDayChange(newDate)\n  }\n\n  const handleCalendarDayChange: DayClickEventHandler = date => {\n    if (!isDisabledDate(date, disabledDays)) {\n      const newInputValue =\n        lastTrigger === \"calendarButton\"\n          ? formatDateAsText(date, disabledDays, locale)\n          : formatDateAsNumeral(date, locale)\n\n      setInputValue(newInputValue)\n      handleDayChange(date)\n      setIsOpen(false)\n    }\n  }\n\n  const handleInputClick: React.MouseEventHandler<HTMLInputElement> = e => {\n    setIsOpen(true)\n    onInputClick?.(e)\n  }\n\n  const handleInputFocus: React.FocusEventHandler<HTMLInputElement> = e => {\n    setLastTrigger(\"inputFocus\")\n    if (selectedDay) {\n      const newInputValue = formatDateAsNumeral(selectedDay, locale)\n      setInputValue(newInputValue)\n    }\n    onInputFocus?.(e)\n  }\n\n  const handleInputChange: React.ChangeEventHandler<HTMLInputElement> = e => {\n    setInputValue(e.target.value)\n    onInputChange?.(e)\n  }\n\n  const handleInputBlur: React.FocusEventHandler<HTMLInputElement> = e => {\n    if (isSelectingDayInCalendar(e.relatedTarget)) return\n\n    if (inputValue !== \"\") {\n      const parsedDate = parseDateAsTextOrNumeral(inputValue, locale)\n\n      if (!isInvalidDate(parsedDate)) {\n        setInputValue(formatDateAsText(parsedDate, disabledDays, locale))\n      }\n\n      handleDayChange(parsedDate, inputValue)\n      onInputBlur?.(e)\n      return\n    }\n\n    handleDayChange(undefined, inputValue)\n    onInputBlur?.(e)\n  }\n\n  const handleKeyDown: React.KeyboardEventHandler<HTMLInputElement> = e => {\n    if (e.key === \"Enter\") {\n      setIsOpen(false)\n      const parsedDate = parseDateAsTextOrNumeral(inputValue, locale)\n      handleDayChange(parsedDate, e.currentTarget.value)\n    }\n\n    if (e.key === \"ArrowDown\" || (e.key === \"ArrowDown\" && e.altKey === true)) {\n      e.preventDefault()\n      setIsOpen(true)\n      setLastTrigger(\"inputKeydown\")\n    }\n  }\n\n  const handleButtonClick: React.MouseEventHandler<HTMLButtonElement> = e => {\n    setIsOpen(!isOpen)\n    setLastTrigger(\"calendarButton\")\n    onButtonClick?.(e)\n  }\n\n  const handleCalendarMount = (\n    calendarElement: CalendarSingleElement\n  ): void => {\n    if (lastTrigger === \"inputFocus\") return\n    setFocusInCalendar(calendarElement, selectedDay)\n  }\n\n  const handleReturnFocus = (): void => {\n    if (lastTrigger === \"inputKeydown\" || lastTrigger === \"inputFocus\") {\n      return inputRef.current?.focus()\n    }\n    buttonRef.current?.focus()\n  }\n\n  useEffect(() => {\n    if (selectedDay) {\n      setInputValue(formatDateAsText(selectedDay, disabledDays, locale))\n\n      const formattedDate = formatDateAsNumeral(selectedDay, locale)\n      const { validationResponse } = validateDate({\n        date: selectedDay,\n        inputValue: formattedDate,\n        disabledDays,\n      })\n\n      if (!validationResponse.isValidDate && !validationResponse.isEmpty) {\n        handleValidation(validationResponse)\n      }\n    }\n  }, [selectedDay])\n\n  const calendarId = `${id}-calendar-dialog`\n\n  return (\n    <FocusOn\n      scrollLock={false}\n      returnFocus={false}\n      onDeactivation={handleReturnFocus}\n      onClickOutside={(): void => setIsOpen(false)}\n      onEscapeKey={(): void => setIsOpen(false)}\n      enabled={isOpen}\n    >\n      <div ref={containerRef}>\n        <DateInputField\n          ref={dateInputRefs}\n          id={id}\n          role=\"combobox\"\n          aria-haspopup=\"dialog\"\n          aria-expanded={isOpen}\n          aria-controls={calendarId}\n          value={inputValue}\n          locale={locale}\n          onButtonClick={handleButtonClick}\n          onClick={handleInputClick}\n          onFocus={handleInputFocus}\n          onChange={handleInputChange}\n          onBlur={handleInputBlur}\n          onKeyDown={handleKeyDown}\n          status={\n            status !== undefined || !shouldUseInbuiltValidation\n              ? status\n              : inbuiltStatus\n          }\n          validationMessage={\n            validationMessage !== undefined || !shouldUseInbuiltValidation\n              ? validationMessage\n              : inbuiltValidationMessage\n          }\n          {...restDateInputFieldProps}\n        />\n      </div>\n\n      {isOpen && (\n        <CalendarPopover referenceElement={containerRef.current}>\n          <CalendarSingle\n            id={calendarId}\n            selected={selectedDay}\n            defaultMonth={defaultMonth}\n            weekStartsOn={weekStartsOn}\n            disabled={disabledDays}\n            locale={locale}\n            onDayClick={handleCalendarDayChange}\n            onMount={handleCalendarMount}\n          />\n        </CalendarPopover>\n      )}\n    </FocusOn>\n  )\n}\n\nDatePicker.displayName = \"DatePicker\"\n"],"names":["DatePicker","_a","propsId","id","_b","buttonRef","propsButtonRef","useRef","_c","locale","propsLocale","disabledDates","disabledDaysOfWeek","disabledRange","disabledBeforeAfter","disabledBefore","disabledAfter","weekStartsOn","defaultMonth","selectedDay","status","validationMessage","onInputClick","onInputFocus","onInputChange","onInputBlur","onButtonClick","onDayChange","onValidate","restDateInputFieldProps","__rest","reactId","useId","containerRef","inputRef","current","dateInputRefs","_d","useState","inputValue","setInputValue","_e","isOpen","setIsOpen","_f","lastTrigger","setLastTrigger","_g","inbuiltStatus","setInbuiltStatus","_h","inbuiltValidationMessage","setInbuiltValidationMessage","shouldUseInbuiltValidation","undefined","getLocale","disabledDays","calculateDisabledDays","handleValidation","validationResponse","handleDayChange","date","newInputValue","validateDate","newDate","handleCalendarDayChange","isDisabledDate","formatDateAsText","formatDateAsNumeral","handleInputClick","e","handleInputFocus","handleInputChange","target","value","handleInputBlur","isSelectingDayInCalendar","relatedTarget","parsedDate","parseDateAsTextOrNumeral","isInvalidDate","handleKeyDown","key","currentTarget","altKey","preventDefault","handleButtonClick","handleCalendarMount","calendarElement","setFocusInCalendar","handleReturnFocus","focus","useEffect","formattedDate","isValidDate","isEmpty","calendarId","concat","React","createElement","FocusOn","scrollLock","returnFocus","onDeactivation","onClickOutside","onEscapeKey","enabled","ref","DateInputField","__assign","role","onClick","onFocus","onChange","onBlur","onKeyDown","CalendarPopover","referenceElement","CalendarSingle","selected","disabled","onDayClick","onMount","displayName"],"mappings":";;;;;;;;;;;;;;;;;;;AA8EA;;;AAGG;AAHH,MAIaA,UAAU;EAAA,MAAVA,UAAU,GAAG,SAAAA,CAACC,EAuBT,EAAA;IAtBhB,IAAIC,OAAO,GAAAD,EAAA,CAAAE,EAAA;MACXC,EAA2D,GAAAH,EAAA,CAAAI,SAAA;MAAhDC,cAAc,GAAGF,EAAA,KAAA,KAAA,CAAA,GAAAG,MAAM,CAAoB,IAAI,CAAC,GAAAH,EAAA;MAC3DI,EAA6B,GAAAP,EAAA,CAAAQ,MAAA;MAArBC,WAAW,GAAGF,EAAA,KAAA,KAAA,CAAA,GAAA,OAAO,GAAAA,EAAA;MAC7BG,aAAa,GAAAV,EAAA,CAAAU,aAAA;MACbC,kBAAkB,GAAAX,EAAA,CAAAW,kBAAA;MAClBC,aAAa,GAAAZ,EAAA,CAAAY,aAAA;MACbC,mBAAmB,yBAAA;MACnBC,cAAc,GAAAd,EAAA,CAAAc,cAAA;MACdC,aAAa,GAAAf,EAAA,CAAAe,aAAA;MACbC,YAAY,GAAAhB,EAAA,CAAAgB,YAAA;MACZC,YAAY,GAAAjB,EAAA,CAAAiB,YAAA;MACZC,WAAW,iBAAA;MACXC,MAAM,GAAAnB,EAAA,CAAAmB,MAAA;MACNC,iBAAiB,GAAApB,EAAA,CAAAoB,iBAAA;MACjBC,YAAY,GAAArB,EAAA,CAAAqB,YAAA;MACZC,YAAY,GAAAtB,EAAA,CAAAsB,YAAA;MACZC,aAAa,mBAAA;MACbC,WAAW,GAAAxB,EAAA,CAAAwB,WAAA;MACXC,aAAa,GAAAzB,EAAA,CAAAyB,aAAA;MACbC,WAAW,GAAA1B,EAAA,CAAA0B,WAAA;MACXC,UAAU,GAAA3B,EAAA,CAAA2B,UAAA;MACPC,uBAAuB,GAAAC,MAAA,CAAA7B,EAAA,EAtBD,2UAuB1B,CAD2B;IAE1B,IAAM8B,OAAO,GAAGC,KAAK,EAAE;IACvB,IAAM7B,EAAE,GAAGD,OAAO,KAAA,IAAA,IAAPA,OAAO,KAAP,KAAA,CAAA,GAAAA,OAAO,GAAI6B,OAAO;IAE7B,IAAME,YAAY,GAAG1B,MAAM,CAAmB,IAAI,CAAC;IACnD,IAAM2B,QAAQ,GAAG3B,MAAM,CAAmB,IAAI,CAAC;IAC/C,IAAMF,SAAS,GAAGE,MAAM,CAAoB,CAAAD,cAAc,KAAA,IAAA,IAAdA,cAAc,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAdA,cAAc,CAAE6B,OAAO,KAAI,IAAI,CAAC;IAC5E,IAAMC,aAAa,GAAG7B,MAAM,CAAC;MAC3B2B,QAAQ,EAAAA,QAAA;MACR7B,SAAS,EAAAA;IACV,CAAA,CAAC;IACI,IAAAgC,EAAA,GAA8BC,QAAQ,CAAS,EAAE,CAAC;MAAjDC,UAAU,GAAAF,EAAA,CAAA,CAAA,CAAA;MAAEG,aAAa,GAAAH,EAAA,CAAA,CAAA,CAAwB;IAClD,IAAAI,EAAA,GAAsBH,QAAQ,CAAC,KAAK,CAAC;MAApCI,MAAM,GAAAD,EAAA,CAAA,CAAA,CAAA;MAAEE,SAAS,GAAAF,EAAA,CAAA,CAAA,CAAmB;IACrC,IAAAG,EAAA,GAAgCN,QAAQ,CAE3C,CAAA;MAFIO,WAAW,GAAAD,EAAA,CAAA,CAAA,CAAA;MAAEE,cAAc,GAAAF,EAAA,CAAA,CAAA,CAE/B;IACG,IAAAG,EAAA,GAAoCT,QAAQ,CAE/C,CAAA;MAFIU,aAAa,GAAAD,EAAA,CAAA,CAAA,CAAA;MAAEE,gBAAgB,GAAAF,EAAA,CAAA,CAAA,CAEnC;IACG,IAAAG,EAAA,GAA0DZ,QAAQ,CAErE,CAAA;MAFIa,wBAAwB,GAAAD,EAAA,CAAA,CAAA,CAAA;MAAEE,2BAA2B,GAAAF,EAAA,CAAA,CAAA,CAEzD;IAEH,IAAMG,0BAA0B,GAAGzB,UAAU,KAAK0B,SAAS;IAE3D,IAAM7C,MAAM,GAAG8C,SAAS,CAAC7C,WAAW,CAAC;IAErC,IAAM8C,YAAY,GAAGC,qBAAqB,CAAC;MACzC9C,aAAa,EAAAA,aAAA;MACbC,kBAAkB,EAAAA,kBAAA;MAClBC,aAAa,EAAAA,aAAA;MACbC,mBAAmB,EAAAA,mBAAA;MACnBC,cAAc,EAAAA,cAAA;MACdC,aAAa,EAAAA;IACd,CAAA,CAAC;IAEF,IAAM0C,gBAAgB,GAAG,SAAAA,CAACC,kBAAsC,EAAA;MAC9D,IAAIN,0BAA0B,EAAE;QAC9BJ,gBAAgB,CAACU,kBAAkB,CAACvC,MAAM,CAAC;QAC3CgC,2BAA2B,CAACO,kBAAkB,CAACtC,iBAAiB,CAAC;MAClE,CAAA,MAAM;QACLO,UAAU,CAAC+B,kBAAkB,CAAC;MAC/B;IACH,CAAC;IAED,IAAMC,eAAe,GAAG,SAAAA,CACtBC,IAAsB,EACtBC,aAAsB,EAAA;MAEhB,IAAA7D,EAAA,GAAkC8D,YAAY,CAAC;UACnDF,IAAI,EAAAA,IAAA;UACJtB,UAAU,EAAEuB,aAAa;UACzBN,YAAY,EAAAA;QACb,CAAA,CAAC;QAJMG,kBAAkB,GAAA1D,EAAA,CAAA0D,kBAAA;QAAEK,OAAO,aAIjC;MACFN,gBAAgB,CAACC,kBAAkB,CAAC;MACpChC,WAAW,CAACqC,OAAO,CAAC;IACtB,CAAC;IAED,IAAMC,uBAAuB,GAAyB,SAAAA,CAAAJ,IAAI,EAAA;MACxD,IAAI,CAACK,cAAc,CAACL,IAAI,EAAEL,YAAY,CAAC,EAAE;QACvC,IAAMM,aAAa,GACjBjB,WAAW,KAAK,gBAAgB,GAC5BsB,gBAAgB,CAACN,IAAI,EAAEL,YAAY,EAAE/C,MAAM,CAAC,GAC5C2D,mBAAmB,CAACP,IAAI,EAAEpD,MAAM,CAAC;QAEvC+B,aAAa,CAACsB,aAAa,CAAC;QAC5BF,eAAe,CAACC,IAAI,CAAC;QACrBlB,SAAS,CAAC,KAAK,CAAC;MACjB;IACH,CAAC;IAED,IAAM0B,gBAAgB,GAA8C,SAAAA,CAAAC,CAAC,EAAA;MACnE3B,SAAS,CAAC,IAAI,CAAC;MACfrB,YAAY,aAAZA,YAAY,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAZA,YAAY,CAAGgD,CAAC,CAAC;IACnB,CAAC;IAED,IAAMC,gBAAgB,GAA8C,SAAAA,CAAAD,CAAC,EAAA;MACnExB,cAAc,CAAC,YAAY,CAAC;MAC5B,IAAI3B,WAAW,EAAE;QACf,IAAM2C,aAAa,GAAGM,mBAAmB,CAACjD,WAAW,EAAEV,MAAM,CAAC;QAC9D+B,aAAa,CAACsB,aAAa,CAAC;MAC7B;MACDvC,YAAY,aAAZA,YAAY,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAZA,YAAY,CAAG+C,CAAC,CAAC;IACnB,CAAC;IAED,IAAME,iBAAiB,GAA+C,SAAAA,CAAAF,CAAC,EAAA;MACrE9B,aAAa,CAAC8B,CAAC,CAACG,MAAM,CAACC,KAAK,CAAC;MAC7BlD,aAAa,aAAbA,aAAa,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAbA,aAAa,CAAG8C,CAAC,CAAC;IACpB,CAAC;IAED,IAAMK,eAAe,GAA8C,SAAAA,CAAAL,CAAC,EAAA;MAClE,IAAIM,wBAAwB,CAACN,CAAC,CAACO,aAAa,CAAC,EAAE;MAE/C,IAAItC,UAAU,KAAK,EAAE,EAAE;QACrB,IAAMuC,UAAU,GAAGC,wBAAwB,CAACxC,UAAU,EAAE9B,MAAM,CAAC;QAE/D,IAAI,CAACuE,aAAa,CAACF,UAAU,CAAC,EAAE;UAC9BtC,aAAa,CAAC2B,gBAAgB,CAACW,UAAU,EAAEtB,YAAY,EAAE/C,MAAM,CAAC,CAAC;QAClE;QAEDmD,eAAe,CAACkB,UAAU,EAAEvC,UAAU,CAAC;QACvCd,WAAW,aAAXA,WAAW,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAXA,WAAW,CAAG6C,CAAC,CAAC;QAChB;MACD;MAEDV,eAAe,CAACN,SAAS,EAAEf,UAAU,CAAC;MACtCd,WAAW,aAAXA,WAAW,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAXA,WAAW,CAAG6C,CAAC,CAAC;IAClB,CAAC;IAED,IAAMW,aAAa,GAAiD,SAAAA,CAAAX,CAAC,EAAA;MACnE,IAAIA,CAAC,CAACY,GAAG,KAAK,OAAO,EAAE;QACrBvC,SAAS,CAAC,KAAK,CAAC;QAChB,IAAMmC,UAAU,GAAGC,wBAAwB,CAACxC,UAAU,EAAE9B,MAAM,CAAC;QAC/DmD,eAAe,CAACkB,UAAU,EAAER,CAAC,CAACa,aAAa,CAACT,KAAK,CAAC;MACnD;MAED,IAAIJ,CAAC,CAACY,GAAG,KAAK,WAAW,IAAKZ,CAAC,CAACY,GAAG,KAAK,WAAW,IAAIZ,CAAC,CAACc,MAAM,KAAK,IAAK,EAAE;QACzEd,CAAC,CAACe,cAAc,CAAA,CAAE;QAClB1C,SAAS,CAAC,IAAI,CAAC;QACfG,cAAc,CAAC,cAAc,CAAC;MAC/B;IACH,CAAC;IAED,IAAMwC,iBAAiB,GAA+C,SAAAA,CAAAhB,CAAC,EAAA;MACrE3B,SAAS,CAAC,CAACD,MAAM,CAAC;MAClBI,cAAc,CAAC,gBAAgB,CAAC;MAChCpB,aAAa,aAAbA,aAAa,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAbA,aAAa,CAAG4C,CAAC,CAAC;IACpB,CAAC;IAED,IAAMiB,mBAAmB,GAAG,SAAAA,CAC1BC,eAAsC,EAAA;MAEtC,IAAI3C,WAAW,KAAK,YAAY,EAAE;MAClC4C,kBAAkB,CAACD,eAAe,EAAErE,WAAW,CAAC;IAClD,CAAC;IAED,IAAMuE,iBAAiB,GAAG,SAAAA,CAAA,EAAA;;MACxB,IAAI7C,WAAW,KAAK,cAAc,IAAIA,WAAW,KAAK,YAAY,EAAE;QAClE,OAAO,MAAAX,QAAQ,CAACC,OAAO,MAAE,IAAA,IAAAlC,EAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAAA,EAAA,CAAA0F,KAAK,CAAA,CAAE;MACjC;MACD,CAAAvF,EAAA,GAAAC,SAAS,CAAC8B,OAAO,MAAE,IAAA,IAAA/B,EAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAAA,EAAA,CAAAuF,KAAK,CAAA,CAAE;IAC5B,CAAC;IAEDC,SAAS,CAAC,YAAA;MACR,IAAIzE,WAAW,EAAE;QACfqB,aAAa,CAAC2B,gBAAgB,CAAChD,WAAW,EAAEqC,YAAY,EAAE/C,MAAM,CAAC,CAAC;QAElE,IAAMoF,aAAa,GAAGzB,mBAAmB,CAACjD,WAAW,EAAEV,MAAM,CAAC;QACtD,IAAAkD,kBAAkB,GAAKI,YAAY,CAAC;UAC1CF,IAAI,EAAE1C,WAAW;UACjBoB,UAAU,EAAEsD,aAAa;UACzBrC,YAAY,EAAAA;QACb,CAAA,CAAC,mBAJwB;QAM1B,IAAI,CAACG,kBAAkB,CAACmC,WAAW,IAAI,CAACnC,kBAAkB,CAACoC,OAAO,EAAE;UAClErC,gBAAgB,CAACC,kBAAkB,CAAC;QACrC;MACF;IACH,CAAC,EAAE,CAACxC,WAAW,CAAC,CAAC;IAEjB,IAAM6E,UAAU,GAAG,EAAG,CAAAC,MAAA,CAAA9F,EAAE,qBAAkB;IAE1C,oBACE+F,KAAC,CAAAC,aAAA,CAAAC,OAAO;MACNC,UAAU,EAAE,KAAK;MACjBC,WAAW,EAAE,KAAK;MAClBC,cAAc,EAAEb,iBAAiB;MACjCc,cAAc,EAAE,SAAAA,CAAA,EAAY;QAAA,OAAA7D,SAAS,CAAC,KAAK,CAAC;MAAA,CAAA;MAC5C8D,WAAW,EAAE,SAAAA,CAAA,EAAY;QAAA,OAAA9D,SAAS,CAAC,KAAK,CAAC;OAAA;MACzC+D,OAAO,EAAEhE;IAAM,CAAA,eAEfwD,KAAK,CAAAC,aAAA,CAAA,KAAA,EAAA;MAAAQ,GAAG,EAAE1E;IAAY,CAAA,eACpBiE,KAAC,CAAAC,aAAA,CAAAS,cAAc,EACbC,QAAA,CAAA;MAAAF,GAAG,EAAEvE,aAAa;MAClBjC,EAAE,EAAEA,EAAE;MACN2G,IAAI,EAAC,UAAU;MACD,eAAA,EAAA,QAAQ;MACP,eAAA,EAAApE,MAAM;MACN,eAAA,EAAAsD,UAAU;MACzBtB,KAAK,EAAEnC,UAAU;MACjB9B,MAAM,EAAEA,MAAM;MACdiB,aAAa,EAAE4D,iBAAiB;MAChCyB,OAAO,EAAE1C,gBAAgB;MACzB2C,OAAO,EAAEzC,gBAAgB;MACzB0C,QAAQ,EAAEzC,iBAAiB;MAC3B0C,MAAM,EAAEvC,eAAe;MACvBwC,SAAS,EAAElC,aAAa;MACxB7D,MAAM,EACJA,MAAM,KAAKkC,SAAS,IAAI,CAACD,0BAA0B,GAC/CjC,MAAM,GACN4B,aAAa;MAEnB3B,iBAAiB,EACfA,iBAAiB,KAAKiC,SAAS,IAAI,CAACD,0BAA0B,GAC1DhC,iBAAiB,GACjB8B;IAEF,CAAA,EAAAtB,uBAAuB,EAC3B,CACE,EAELa,MAAM,mBACLwD,KAAC,CAAAC,aAAA,CAAAiB,eAAe;MAACC,gBAAgB,EAAEpF,YAAY,CAACE;IAAO,CAAA,eACrD+D,KAAA,CAAAC,aAAA,CAACmB,cAAc,EACb;MAAAnH,EAAE,EAAE6F,UAAU;MACduB,QAAQ,EAAEpG,WAAW;MACrBD,YAAY,EAAEA,YAAY;MAC1BD,YAAY,EAAEA,YAAY;MAC1BuG,QAAQ,EAAEhE,YAAY;MACtB/C,MAAM,EAAEA,MAAM;MACdgH,UAAU,EAAExD,uBAAuB;MACnCyD,OAAO,EAAEnC;IAAmB,CAAA,CAC5B,CACc,CACnB,CACO;EAEd,CAAC;EAEDvF,UAAU,CAAC2H,WAAW,GAAG,YAAY;EAAA,OAlPxB3H,UAAU;AAAA;"}

package/dist/esm/Icon/ThumbsDownIcon.mjs

@@ -4,11 +4,12 @@ import { SVG } from './subcomponents/SVG/SVG.mjs';
 
 // This file is autogenerated by wrapSVGs.ts
 // Changes to this file will be overwritten
+/** @deprecated Use `<ThumbsDownIconOn/>` or `<ThumbsDownIconOff/>` */
 var ThumbsDownIcon = function (props) {
   var uniqueId = useId();
   var svgContent = /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("path", {
     id: uniqueId,
-    d: "M5.91 3.183c-.566 0-1.05.341-1.254.832L2.597 8.821c-.061.156-.095.32-.095.497v1.364c0 .75.613 1.363 1.363 1.363h4.301L7.52 15.16l-.02.218c0 .28.115.539.3.723l.722.716 4.492-4.493c.245-.245.395-.586.395-.96V4.546c0-.75-.613-1.364-1.363-1.364zm8.862 8.18h2.726v-8.18h-2.726z"
+    d: "M5.91 3.183c-.566 0-1.05.341-1.254.832L2.597 8.821q-.093.233-.095.497v1.364c0 .75.613 1.363 1.363 1.363h4.301L7.52 15.16l-.02.218c0 .28.115.539.3.723l.722.716 4.492-4.493c.245-.245.395-.586.395-.96V4.546c0-.75-.613-1.364-1.363-1.364zm8.862 8.18h2.726v-8.18h-2.726z"
   })), /*#__PURE__*/React.createElement("use", {
     fill: "currentColor",
     href: "#".concat(uniqueId),

package/dist/esm/Icon/ThumbsDownIcon.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"ThumbsDownIcon.mjs","sources":["../../../src/Icon/ThumbsDownIcon.tsx"],"sourcesContent":["// This file is autogenerated by wrapSVGs.ts\n// Changes to this file will be overwritten\n\nimport React, { useId } from \"react\"\nimport { SVG } from \"~components/Icon/subcomponents/SVG\"\nimport type { IconProps } from \"~components/Icon/types\"\n\nexport const ThumbsDownIcon = (props: IconProps): JSX.Element => {\n  const uniqueId = useId()\n  const svgContent = (\n    <>\n      <defs>\n        <path\n          id={uniqueId}\n          d=\"M5.91 3.183c-.566 0-1.05.341-1.254.832L2.597 8.821c-.061.156-.095.32-.095.497v1.364c0 .75.613 1.363 1.363 1.363h4.301L7.52 15.16l-.02.218c0 .28.115.539.3.723l.722.716 4.492-4.493c.245-.245.395-.586.395-.96V4.546c0-.75-.613-1.364-1.363-1.364zm8.862 8.18h2.726v-8.18h-2.726z\"\n        />\n      </defs>\n      <use fill=\"currentColor\" href={`#${uniqueId}`} fillRule=\"evenodd\" />\n    </>\n  )\n  return <SVG {...props}>{svgContent}</SVG>\n}\n"],"names":["ThumbsDownIcon","props","uniqueId","useId","svgContent","React","createElement","Fragment","id","d","fill","href","concat","fillRule","SVG","__assign"],"mappings":";;;;AAAA;AACA;AAMO,IAAMA,cAAc,GAAG,SAAAA,CAACC,KAAgB,EAAA;EAC7C,IAAMC,QAAQ,GAAGC,KAAK,EAAE;EACxB,IAAMC,UAAU,gBACdC,KAAA,CAAAC,aAAA,CAAAD,KAAA,CAAAE,QAAA,EAAA,IAAA,eACEF,KAAA,CAAAC,aAAA,CAAA,MAAA,EAAA,IAAA,eACED,KACE,CAAAC,aAAA,CAAA,MAAA,EAAA;IAAAE,EAAE,EAAEN,QAAQ;IACZO,CAAC,EAAC;EAAkR,EACpR,CACG,eACPJ,KAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;IAAKI,IAAI,EAAC,cAAc;IAACC,IAAI,EAAE,GAAI,CAAAC,MAAA,CAAAV,QAAQ,CAAE;IAAEW,QAAQ,EAAC;EAAY,CAAA,CAAA,CAEvE;EACD,oBAAOR,oBAACS,GAAG,EAAAC,QAAA,CAAA,CAAA,CAAA,EAAKd,KAAK,CAAG,EAAAG,UAAU,CAAO;AAC3C,CAAA;"}
+{"version":3,"file":"ThumbsDownIcon.mjs","sources":["../../../src/Icon/ThumbsDownIcon.tsx"],"sourcesContent":["// This file is autogenerated by wrapSVGs.ts\n// Changes to this file will be overwritten\n\nimport React, { useId } from \"react\"\nimport { SVG } from \"~components/Icon/subcomponents/SVG\"\nimport type { IconProps } from \"~components/Icon/types\"\n\n/** @deprecated Use `<ThumbsDownIconOn/>` or `<ThumbsDownIconOff/>` */\nexport const ThumbsDownIcon = (props: IconProps): JSX.Element => {\n  const uniqueId = useId()\n  const svgContent = (\n    <>\n      <defs>\n        <path\n          id={uniqueId}\n          d=\"M5.91 3.183c-.566 0-1.05.341-1.254.832L2.597 8.821q-.093.233-.095.497v1.364c0 .75.613 1.363 1.363 1.363h4.301L7.52 15.16l-.02.218c0 .28.115.539.3.723l.722.716 4.492-4.493c.245-.245.395-.586.395-.96V4.546c0-.75-.613-1.364-1.363-1.364zm8.862 8.18h2.726v-8.18h-2.726z\"\n        />\n      </defs>\n      <use fill=\"currentColor\" href={`#${uniqueId}`} fillRule=\"evenodd\" />\n    </>\n  )\n  return <SVG {...props}>{svgContent}</SVG>\n}\n"],"names":["ThumbsDownIcon","props","uniqueId","useId","svgContent","React","createElement","Fragment","id","d","fill","href","concat","fillRule","SVG","__assign"],"mappings":";;;;AAAA;AACA;AAMA;AACO,IAAMA,cAAc,GAAG,SAAAA,CAACC,KAAgB,EAAA;EAC7C,IAAMC,QAAQ,GAAGC,KAAK,EAAE;EACxB,IAAMC,UAAU,gBACdC,KAAA,CAAAC,aAAA,CAAAD,KAAA,CAAAE,QAAA,EAAA,IAAA,eACEF,KAAA,CAAAC,aAAA,CAAA,MAAA,EAAA,IAAA,eACED,KACE,CAAAC,aAAA,CAAA,MAAA,EAAA;IAAAE,EAAE,EAAEN,QAAQ;IACZO,CAAC,EAAC;EAA0Q,EAC5Q,CACG,eACPJ,KAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;IAAKI,IAAI,EAAC,cAAc;IAACC,IAAI,EAAE,GAAI,CAAAC,MAAA,CAAAV,QAAQ,CAAE;IAAEW,QAAQ,EAAC;EAAY,CAAA,CAAA,CAEvE;EACD,oBAAOR,oBAACS,GAAG,EAAAC,QAAA,CAAA,CAAA,CAAA,EAAKd,KAAK,CAAG,EAAAG,UAAU,CAAO;AAC3C,CAAA;"}

package/dist/esm/Icon/ThumbsDownOffIcon.mjs

@@ -0,0 +1,15 @@
+import { __assign } from 'tslib';
+import React from 'react';
+import { SVG } from './subcomponents/SVG/SVG.mjs';
+
+// This file is autogenerated by wrapSVGs.ts
+// Changes to this file will be overwritten
+var ThumbsDownOffIcon = function (props) {
+  var svgContent = /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("path", {
+    fill: "currentColor",
+    d: "M5.224 3.253h8.766v10L8.461 18.75l-.705-.705a1 1 0 0 1-.215-.344 1.1 1.1 0 0 1-.086-.403v-.211l.885-3.834H2.756q-.594 0-1.05-.456t-.456-1.05V10.4q0-.13.034-.28a3 3 0 0 1 .075-.281l2.388-5.635q.18-.4.6-.676a1.6 1.6 0 0 1 .877-.276m7.516 1.25H5.224a.4.4 0 0 0-.18.048.3.3 0 0 0-.14.16L2.5 10.337v1.41a.25.25 0 0 0 .072.185.25.25 0 0 0 .184.072H9.92L8.875 16.57l3.865-3.849zm1.25 8.75v-1.25h2.677v-7.5H13.99v-1.25h3.927v10z"
+  }));
+  return /*#__PURE__*/React.createElement(SVG, __assign({}, props), svgContent);
+};
+export { ThumbsDownOffIcon };
+//# sourceMappingURL=ThumbsDownOffIcon.mjs.map

package/dist/esm/Icon/ThumbsDownOffIcon.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ThumbsDownOffIcon.mjs","sources":["../../../src/Icon/ThumbsDownOffIcon.tsx"],"sourcesContent":["// This file is autogenerated by wrapSVGs.ts\n// Changes to this file will be overwritten\n\nimport React from \"react\"\nimport { SVG } from \"~components/Icon/subcomponents/SVG\"\nimport type { IconProps } from \"~components/Icon/types\"\n\nexport const ThumbsDownOffIcon = (props: IconProps): JSX.Element => {\n  const svgContent = (\n    <>\n      <path\n        fill=\"currentColor\"\n        d=\"M5.224 3.253h8.766v10L8.461 18.75l-.705-.705a1 1 0 0 1-.215-.344 1.1 1.1 0 0 1-.086-.403v-.211l.885-3.834H2.756q-.594 0-1.05-.456t-.456-1.05V10.4q0-.13.034-.28a3 3 0 0 1 .075-.281l2.388-5.635q.18-.4.6-.676a1.6 1.6 0 0 1 .877-.276m7.516 1.25H5.224a.4.4 0 0 0-.18.048.3.3 0 0 0-.14.16L2.5 10.337v1.41a.25.25 0 0 0 .072.185.25.25 0 0 0 .184.072H9.92L8.875 16.57l3.865-3.849zm1.25 8.75v-1.25h2.677v-7.5H13.99v-1.25h3.927v10z\"\n      />\n    </>\n  )\n  return <SVG {...props}>{svgContent}</SVG>\n}\n"],"names":["ThumbsDownOffIcon","props","svgContent","React","createElement","Fragment","fill","d","SVG","__assign"],"mappings":";;;;AAAA;AACA;AAMO,IAAMA,iBAAiB,GAAG,SAAAA,CAACC,KAAgB,EAAA;EAChD,IAAMC,UAAU,gBACdC,KAAA,CAAAC,aAAA,CAAAD,KAAA,CAAAE,QAAA,EAAA,IAAA,eACEF,KACE,CAAAC,aAAA,CAAA,MAAA,EAAA;IAAAE,IAAI,EAAC,cAAc;IACnBC,CAAC,EAAC;GAAsa,CACxa,CAEL;EACD,oBAAOJ,oBAACK,GAAG,EAAAC,QAAA,CAAA,CAAA,CAAA,EAAKR,KAAK,CAAG,EAAAC,UAAU,CAAO;AAC3C,CAAA;"}

package/dist/esm/Icon/ThumbsDownOnIcon.mjs

@@ -0,0 +1,15 @@
+import { __assign } from 'tslib';
+import React from 'react';
+import { SVG } from './subcomponents/SVG/SVG.mjs';
+
+// This file is autogenerated by wrapSVGs.ts
+// Changes to this file will be overwritten
+var ThumbsDownOnIcon = function (props) {
+  var svgContent = /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("path", {
+    fill: "currentColor",
+    d: "M5.224 3.253h8.253v10L7.95 18.75l-.705-.705a1 1 0 0 1-.216-.344 1.1 1.1 0 0 1-.086-.403v-.211l.885-3.834h-5.07q-.595 0-1.051-.456t-.456-1.05V10.4a1.6 1.6 0 0 1 .109-.561l2.388-5.635q.18-.4.6-.676a1.6 1.6 0 0 1 .877-.276m9.503 10v-10h3.19v10z"
+  }));
+  return /*#__PURE__*/React.createElement(SVG, __assign({}, props), svgContent);
+};
+export { ThumbsDownOnIcon };
+//# sourceMappingURL=ThumbsDownOnIcon.mjs.map

package/dist/esm/Icon/ThumbsDownOnIcon.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ThumbsDownOnIcon.mjs","sources":["../../../src/Icon/ThumbsDownOnIcon.tsx"],"sourcesContent":["// This file is autogenerated by wrapSVGs.ts\n// Changes to this file will be overwritten\n\nimport React from \"react\"\nimport { SVG } from \"~components/Icon/subcomponents/SVG\"\nimport type { IconProps } from \"~components/Icon/types\"\n\nexport const ThumbsDownOnIcon = (props: IconProps): JSX.Element => {\n  const svgContent = (\n    <>\n      <path\n        fill=\"currentColor\"\n        d=\"M5.224 3.253h8.253v10L7.95 18.75l-.705-.705a1 1 0 0 1-.216-.344 1.1 1.1 0 0 1-.086-.403v-.211l.885-3.834h-5.07q-.595 0-1.051-.456t-.456-1.05V10.4a1.6 1.6 0 0 1 .109-.561l2.388-5.635q.18-.4.6-.676a1.6 1.6 0 0 1 .877-.276m9.503 10v-10h3.19v10z\"\n      />\n    </>\n  )\n  return <SVG {...props}>{svgContent}</SVG>\n}\n"],"names":["ThumbsDownOnIcon","props","svgContent","React","createElement","Fragment","fill","d","SVG","__assign"],"mappings":";;;;AAAA;AACA;AAMO,IAAMA,gBAAgB,GAAG,SAAAA,CAACC,KAAgB,EAAA;EAC/C,IAAMC,UAAU,gBACdC,KAAA,CAAAC,aAAA,CAAAD,KAAA,CAAAE,QAAA,EAAA,IAAA,eACEF,KACE,CAAAC,aAAA,CAAA,MAAA,EAAA;IAAAE,IAAI,EAAC,cAAc;IACnBC,CAAC,EAAC;GAAmP,CACrP,CAEL;EACD,oBAAOJ,oBAACK,GAAG,EAAAC,QAAA,CAAA,CAAA,CAAA,EAAKR,KAAK,CAAG,EAAAC,UAAU,CAAO;AAC3C,CAAA;"}

package/dist/esm/Icon/ThumbsUpIcon.mjs

@@ -4,11 +4,12 @@ import { SVG } from './subcomponents/SVG/SVG.mjs';
 
 // This file is autogenerated by wrapSVGs.ts
 // Changes to this file will be overwritten
+/** @deprecated Use `<ThumbsUpIconOn/>` or `<ThumbsUpIconOff/>` */
 var ThumbsUpIcon = function (props) {
   var uniqueId = useId();
   var svgContent = /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("path", {
     id: uniqueId,
-    d: "M5.228 16.817v-8.18H2.502v8.18zm10.907-8.862h-4.301l.647-3.115.02-.218c0-.28-.115-.539-.3-.723l-.722-.716-4.485 4.493a1.333 1.333 0 0 0-.402.96v6.817c0 .75.613 1.364 1.363 1.364h6.135c.566 0 1.05-.341 1.254-.832l2.059-4.806c.061-.156.095-.32.095-.497V9.318c0-.75-.613-1.363-1.363-1.363"
+    d: "M5.228 16.817v-8.18H2.502v8.18zm10.907-8.862h-4.301l.647-3.115.02-.218c0-.28-.115-.539-.3-.723l-.722-.716-4.485 4.493a1.33 1.33 0 0 0-.402.96v6.817c0 .75.613 1.364 1.363 1.364h6.135c.566 0 1.05-.341 1.254-.832l2.059-4.806q.093-.233.095-.497V9.318c0-.75-.613-1.363-1.363-1.363"
   })), /*#__PURE__*/React.createElement("use", {
     fill: "currentColor",
     href: "#".concat(uniqueId),

package/dist/esm/Icon/ThumbsUpIcon.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"ThumbsUpIcon.mjs","sources":["../../../src/Icon/ThumbsUpIcon.tsx"],"sourcesContent":["// This file is autogenerated by wrapSVGs.ts\n// Changes to this file will be overwritten\n\nimport React, { useId } from \"react\"\nimport { SVG } from \"~components/Icon/subcomponents/SVG\"\nimport type { IconProps } from \"~components/Icon/types\"\n\nexport const ThumbsUpIcon = (props: IconProps): JSX.Element => {\n  const uniqueId = useId()\n  const svgContent = (\n    <>\n      <defs>\n        <path\n          id={uniqueId}\n          d=\"M5.228 16.817v-8.18H2.502v8.18zm10.907-8.862h-4.301l.647-3.115.02-.218c0-.28-.115-.539-.3-.723l-.722-.716-4.485 4.493a1.333 1.333 0 0 0-.402.96v6.817c0 .75.613 1.364 1.363 1.364h6.135c.566 0 1.05-.341 1.254-.832l2.059-4.806c.061-.156.095-.32.095-.497V9.318c0-.75-.613-1.363-1.363-1.363\"\n        />\n      </defs>\n      <use fill=\"currentColor\" href={`#${uniqueId}`} fillRule=\"evenodd\" />\n    </>\n  )\n  return <SVG {...props}>{svgContent}</SVG>\n}\n"],"names":["ThumbsUpIcon","props","uniqueId","useId","svgContent","React","createElement","Fragment","id","d","fill","href","concat","fillRule","SVG","__assign"],"mappings":";;;;AAAA;AACA;AAMO,IAAMA,YAAY,GAAG,SAAAA,CAACC,KAAgB,EAAA;EAC3C,IAAMC,QAAQ,GAAGC,KAAK,EAAE;EACxB,IAAMC,UAAU,gBACdC,KAAA,CAAAC,aAAA,CAAAD,KAAA,CAAAE,QAAA,EAAA,IAAA,eACEF,KAAA,CAAAC,aAAA,CAAA,MAAA,EAAA,IAAA,eACED,KACE,CAAAC,aAAA,CAAA,MAAA,EAAA;IAAAE,EAAE,EAAEN,QAAQ;IACZO,CAAC,EAAC;EAA+R,EACjS,CACG,eACPJ,KAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;IAAKI,IAAI,EAAC,cAAc;IAACC,IAAI,EAAE,GAAI,CAAAC,MAAA,CAAAV,QAAQ,CAAE;IAAEW,QAAQ,EAAC;EAAY,CAAA,CAAA,CAEvE;EACD,oBAAOR,oBAACS,GAAG,EAAAC,QAAA,CAAA,CAAA,CAAA,EAAKd,KAAK,CAAG,EAAAG,UAAU,CAAO;AAC3C,CAAA;"}
+{"version":3,"file":"ThumbsUpIcon.mjs","sources":["../../../src/Icon/ThumbsUpIcon.tsx"],"sourcesContent":["// This file is autogenerated by wrapSVGs.ts\n// Changes to this file will be overwritten\n\nimport React, { useId } from \"react\"\nimport { SVG } from \"~components/Icon/subcomponents/SVG\"\nimport type { IconProps } from \"~components/Icon/types\"\n\n/** @deprecated Use `<ThumbsUpIconOn/>` or `<ThumbsUpIconOff/>` */\nexport const ThumbsUpIcon = (props: IconProps): JSX.Element => {\n  const uniqueId = useId()\n  const svgContent = (\n    <>\n      <defs>\n        <path\n          id={uniqueId}\n          d=\"M5.228 16.817v-8.18H2.502v8.18zm10.907-8.862h-4.301l.647-3.115.02-.218c0-.28-.115-.539-.3-.723l-.722-.716-4.485 4.493a1.33 1.33 0 0 0-.402.96v6.817c0 .75.613 1.364 1.363 1.364h6.135c.566 0 1.05-.341 1.254-.832l2.059-4.806q.093-.233.095-.497V9.318c0-.75-.613-1.363-1.363-1.363\"\n        />\n      </defs>\n      <use fill=\"currentColor\" href={`#${uniqueId}`} fillRule=\"evenodd\" />\n    </>\n  )\n  return <SVG {...props}>{svgContent}</SVG>\n}\n"],"names":["ThumbsUpIcon","props","uniqueId","useId","svgContent","React","createElement","Fragment","id","d","fill","href","concat","fillRule","SVG","__assign"],"mappings":";;;;AAAA;AACA;AAMA;AACO,IAAMA,YAAY,GAAG,SAAAA,CAACC,KAAgB,EAAA;EAC3C,IAAMC,QAAQ,GAAGC,KAAK,EAAE;EACxB,IAAMC,UAAU,gBACdC,KAAA,CAAAC,aAAA,CAAAD,KAAA,CAAAE,QAAA,EAAA,IAAA,eACEF,KAAA,CAAAC,aAAA,CAAA,MAAA,EAAA,IAAA,eACED,KACE,CAAAC,aAAA,CAAA,MAAA,EAAA;IAAAE,EAAE,EAAEN,QAAQ;IACZO,CAAC,EAAC;EAAqR,EACvR,CACG,eACPJ,KAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;IAAKI,IAAI,EAAC,cAAc;IAACC,IAAI,EAAE,GAAI,CAAAC,MAAA,CAAAV,QAAQ,CAAE;IAAEW,QAAQ,EAAC;EAAY,CAAA,CAAA,CAEvE;EACD,oBAAOR,oBAACS,GAAG,EAAAC,QAAA,CAAA,CAAA,CAAA,EAAKd,KAAK,CAAG,EAAAG,UAAU,CAAO;AAC3C,CAAA;"}

package/dist/esm/Icon/ThumbsUpOffIcon.mjs

@@ -0,0 +1,15 @@
+import { __assign } from 'tslib';
+import React from 'react';
+import { SVG } from './subcomponents/SVG/SVG.mjs';
+
+// This file is autogenerated by wrapSVGs.ts
+// Changes to this file will be overwritten
+var ThumbsUpOffIcon = function (props) {
+  var svgContent = /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("path", {
+    fill: "currentColor",
+    d: "M14.776 17.083H6.01v-10l5.529-5.496.705.705q.13.129.215.344.086.213.086.403v.211l-.885 3.833h5.584q.594 0 1.05.456t.456 1.05v1.347q0 .13-.034.28-.033.15-.075.28l-2.388 5.635q-.18.401-.6.677a1.6 1.6 0 0 1-.877.275m-7.516-1.25h7.516a.4.4 0 0 0 .18-.048.3.3 0 0 0 .14-.16L17.5 10V8.59a.25.25 0 0 0-.072-.184.25.25 0 0 0-.184-.073H10.08l1.045-4.567-3.865 3.85zm-1.25-8.75v1.25H3.333v7.5H6.01v1.25H2.083v-10z"
+  }));
+  return /*#__PURE__*/React.createElement(SVG, __assign({}, props), svgContent);
+};
+export { ThumbsUpOffIcon };
+//# sourceMappingURL=ThumbsUpOffIcon.mjs.map

package/dist/esm/Icon/ThumbsUpOffIcon.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ThumbsUpOffIcon.mjs","sources":["../../../src/Icon/ThumbsUpOffIcon.tsx"],"sourcesContent":["// This file is autogenerated by wrapSVGs.ts\n// Changes to this file will be overwritten\n\nimport React from \"react\"\nimport { SVG } from \"~components/Icon/subcomponents/SVG\"\nimport type { IconProps } from \"~components/Icon/types\"\n\nexport const ThumbsUpOffIcon = (props: IconProps): JSX.Element => {\n  const svgContent = (\n    <>\n      <path\n        fill=\"currentColor\"\n        d=\"M14.776 17.083H6.01v-10l5.529-5.496.705.705q.13.129.215.344.086.213.086.403v.211l-.885 3.833h5.584q.594 0 1.05.456t.456 1.05v1.347q0 .13-.034.28-.033.15-.075.28l-2.388 5.635q-.18.401-.6.677a1.6 1.6 0 0 1-.877.275m-7.516-1.25h7.516a.4.4 0 0 0 .18-.048.3.3 0 0 0 .14-.16L17.5 10V8.59a.25.25 0 0 0-.072-.184.25.25 0 0 0-.184-.073H10.08l1.045-4.567-3.865 3.85zm-1.25-8.75v1.25H3.333v7.5H6.01v1.25H2.083v-10z\"\n      />\n    </>\n  )\n  return <SVG {...props}>{svgContent}</SVG>\n}\n"],"names":["ThumbsUpOffIcon","props","svgContent","React","createElement","Fragment","fill","d","SVG","__assign"],"mappings":";;;;AAAA;AACA;AAMO,IAAMA,eAAe,GAAG,SAAAA,CAACC,KAAgB,EAAA;EAC9C,IAAMC,UAAU,gBACdC,KAAA,CAAAC,aAAA,CAAAD,KAAA,CAAAE,QAAA,EAAA,IAAA,eACEF,KACE,CAAAC,aAAA,CAAA,MAAA,EAAA;IAAAE,IAAI,EAAC,cAAc;IACnBC,CAAC,EAAC;GAAqZ,CACvZ,CAEL;EACD,oBAAOJ,oBAACK,GAAG,EAAAC,QAAA,CAAA,CAAA,CAAA,EAAKR,KAAK,CAAG,EAAAC,UAAU,CAAO;AAC3C,CAAA;"}

package/dist/esm/Icon/ThumbsUpOnIcon.mjs

@@ -0,0 +1,15 @@
+import { __assign } from 'tslib';
+import React from 'react';
+import { SVG } from './subcomponents/SVG/SVG.mjs';
+
+// This file is autogenerated by wrapSVGs.ts
+// Changes to this file will be overwritten
+var ThumbsUpOnIcon = function (props) {
+  var svgContent = /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("path", {
+    fill: "currentColor",
+    d: "M14.776 17.083H6.522v-10l5.53-5.496.704.705q.13.129.216.344.086.213.086.403v.211l-.885 3.833h5.07q.595 0 1.051.456t.456 1.05v1.347a1.6 1.6 0 0 1-.109.56l-2.388 5.635q-.18.401-.6.677a1.6 1.6 0 0 1-.877.275m-9.504-10v10H2.083v-10z"
+  }));
+  return /*#__PURE__*/React.createElement(SVG, __assign({}, props), svgContent);
+};
+export { ThumbsUpOnIcon };
+//# sourceMappingURL=ThumbsUpOnIcon.mjs.map

package/dist/esm/Icon/ThumbsUpOnIcon.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ThumbsUpOnIcon.mjs","sources":["../../../src/Icon/ThumbsUpOnIcon.tsx"],"sourcesContent":["// This file is autogenerated by wrapSVGs.ts\n// Changes to this file will be overwritten\n\nimport React from \"react\"\nimport { SVG } from \"~components/Icon/subcomponents/SVG\"\nimport type { IconProps } from \"~components/Icon/types\"\n\nexport const ThumbsUpOnIcon = (props: IconProps): JSX.Element => {\n  const svgContent = (\n    <>\n      <path\n        fill=\"currentColor\"\n        d=\"M14.776 17.083H6.522v-10l5.53-5.496.704.705q.13.129.216.344.086.213.086.403v.211l-.885 3.833h5.07q.595 0 1.051.456t.456 1.05v1.347a1.6 1.6 0 0 1-.109.56l-2.388 5.635q-.18.401-.6.677a1.6 1.6 0 0 1-.877.275m-9.504-10v10H2.083v-10z\"\n      />\n    </>\n  )\n  return <SVG {...props}>{svgContent}</SVG>\n}\n"],"names":["ThumbsUpOnIcon","props","svgContent","React","createElement","Fragment","fill","d","SVG","__assign"],"mappings":";;;;AAAA;AACA;AAMO,IAAMA,cAAc,GAAG,SAAAA,CAACC,KAAgB,EAAA;EAC7C,IAAMC,UAAU,gBACdC,KAAA,CAAAC,aAAA,CAAAD,KAAA,CAAAE,QAAA,EAAA,IAAA,eACEF,KACE,CAAAC,aAAA,CAAA,MAAA,EAAA;IAAAE,IAAI,EAAC,cAAc;IACnBC,CAAC,EAAC;GAAsO,CACxO,CAEL;EACD,oBAAOJ,oBAACK,GAAG,EAAAC,QAAA,CAAA,CAAA,CAAA,EAAKR,KAAK,CAAG,EAAAC,UAAU,CAAO;AAC3C,CAAA;"}

package/dist/esm/Slider/Slider.mjs

@@ -32,7 +32,7 @@ const Slider = /*#__PURE__*/function () {
     }, /*#__PURE__*/React.createElement("div", {
       className: styles.labelWrapper
     }, /*#__PURE__*/React.createElement("div", {
-      className: "mb-4"
+      className: styles.label
     }, /*#__PURE__*/React.createElement(Label, {
       htmlFor: id,
       labelText: labelText,

package/dist/esm/Slider/Slider.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"Slider.mjs","sources":["../../../src/Slider/Slider.tsx"],"sourcesContent":["import React, { ReactNode, useId } from \"react\"\nimport classnames from \"classnames\"\nimport { FieldGroup } from \"~components/FieldGroup\"\nimport { InputRange, InputRangeProps } from \"~components/Input/InputRange\"\nimport { Label } from \"~components/Label\"\nimport { Text } from \"~components/Text\"\nimport styles from \"./Slider.module.scss\"\n\nexport type SliderFieldProps = {\n  id?: string\n  labelText: ReactNode\n  description?: ReactNode\n  labelPosition?: \"inline\" | \"block\"\n  variant?: \"default\" | \"prominent\"\n  disabled?: boolean\n  readOnlyMessage?: ReactNode\n} & Omit<InputRangeProps, \"id\">\n\n/**\n * {@link https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3081896335/Slider Guidance} |\n * {@link https://cultureamp.design/?path=/docs/components-slider--docs Storybook}\n */\nexport const Slider = ({\n  id: propsId,\n  labelText,\n  description,\n  labelPosition = \"inline\",\n  variant = \"default\",\n  disabled,\n  readOnlyMessage,\n  ...restProps\n}: SliderFieldProps): JSX.Element => {\n  const id = propsId ?? useId()\n  const descriptionId = `${id}-description`\n\n  return (\n    <FieldGroup inline>\n      <div\n        className={classnames(\n          styles.wrapper,\n          labelPosition === \"inline\" && styles.labelInline\n        )}\n      >\n        <div className={styles.labelWrapper}>\n          <div className=\"mb-4\">\n            <Label\n              htmlFor={id}\n              labelText={labelText}\n              variant={variant}\n              disabled={disabled}\n            />\n          </div>\n          {description && (\n            <Text\n              variant=\"small\"\n              id={descriptionId}\n              classNameOverride={\n                disabled ? styles.descriptionDisabled : undefined\n              }\n            >\n              {description}\n            </Text>\n          )}\n        </div>\n        <div className={styles.inputWrapper}>\n          <InputRange\n            id={id}\n            aria-describedby={descriptionId}\n            disabled={disabled}\n            {...restProps}\n          />\n          {readOnlyMessage && (\n            <div className={styles.readOnlyMessage}>{readOnlyMessage}</div>\n          )}\n        </div>\n      </div>\n    </FieldGroup>\n  )\n}\n\nSlider.displayName = \"Slider\"\n"],"names":["Slider","_a","propsId","id","labelText","description","_b","labelPosition","_c","variant","disabled","readOnlyMessage","restProps","__rest","useId","descriptionId","concat","React","createElement","FieldGroup","inline","className","classnames","styles","wrapper","labelInline","labelWrapper","Label","htmlFor","Text","classNameOverride","descriptionDisabled","undefined","inputWrapper","InputRange","__assign","displayName"],"mappings":";;;;;;;;;AAkBA;;;AAGG;AAHH,MAIaA,MAAM;EAAA,MAANA,MAAM,GAAG,SAAAA,CAACC,EASJ,EAAA;IARjB,IAAIC,OAAO,GAAAD,EAAA,CAAAE,EAAA;MACXC,SAAS,eAAA;MACTC,WAAW,GAAAJ,EAAA,CAAAI,WAAA;MACXC,EAAwB,GAAAL,EAAA,CAAAM,aAAA;MAAxBA,aAAa,GAAAD,EAAA,KAAA,KAAA,CAAA,GAAG,QAAQ,GAAAA,EAAA;MACxBE,EAAmB,GAAAP,EAAA,CAAAQ,OAAA;MAAnBA,OAAO,GAAAD,EAAA,KAAA,KAAA,CAAA,GAAG,SAAS,GAAAA,EAAA;MACnBE,QAAQ,GAAAT,EAAA,CAAAS,QAAA;MACRC,eAAe,GAAAV,EAAA,CAAAU,eAAA;MACZC,SAAS,GAAAC,MAAA,CAAAZ,EAAA,EARS,6FAStB,CADa;IAEZ,IAAME,EAAE,GAAGD,OAAO,KAAP,IAAA,IAAAA,OAAO,cAAPA,OAAO,GAAIY,KAAK,EAAE;IAC7B,IAAMC,aAAa,GAAG,EAAG,CAAAC,MAAA,CAAAb,EAAE,iBAAc;IAEzC,oBACEc,KAAA,CAAAC,aAAA,CAACC,UAAU,EAAA;MAACC,MAAM,EAAA;IAAA,CAAA,eAChBH,KAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;MACEG,SAAS,EAAEC,UAAU,CACnBC,MAAM,CAACC,OAAO,EACdjB,aAAa,KAAK,QAAQ,IAAIgB,MAAM,CAACE,WAAW;IACjD,CAAA,eAEDR,KAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;MAAKG,SAAS,EAAEE,MAAM,CAACG;IAAY,CAAA,eACjCT,KAAK,CAAAC,aAAA,CAAA,KAAA,EAAA;MAAAG,SAAS,EAAC;IAAM,CAAA,eACnBJ,KAAA,CAAAC,aAAA,CAACS,KAAK,EACJ;MAAAC,OAAO,EAAEzB,EAAE;MACXC,SAAS,EAAEA,SAAS;MACpBK,OAAO,EAAEA,OAAO;MAChBC,QAAQ,EAAEA;MACV,CACE,EACLL,WAAW,mBACVY,KAAC,CAAAC,aAAA,CAAAW,IAAI,EACH;MAAApB,OAAO,EAAC,OAAO;MACfN,EAAE,EAAEY,aAAa;MACjBe,iBAAiB,EACfpB,QAAQ,GAAGa,MAAM,CAACQ,mBAAmB,GAAGC;IAAS,CAAA,EAGlD3B,WAAW,CACP,CACR,CACG,eACNY,KAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;MAAKG,SAAS,EAAEE,MAAM,CAACU;IAAY,CAAA,eACjChB,KAAA,CAAAC,aAAA,CAACgB,UAAU,EAAAC,QAAA,CAAA;MACThC,EAAE,EAAEA,EAAE;MAAA,kBAAA,EACYY,aAAa;MAC/BL,QAAQ,EAAEA;IAAQ,CAAA,EACdE,SAAS,CACb,CAAA,EACDD,eAAe,mBACdM,KAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;MAAKG,SAAS,EAAEE,MAAM,CAACZ;KAAkB,EAAAA,eAAe,CAAO,CAChE,CACG,CACF,CACK;EAEjB,CAAC;EAEDX,MAAM,CAACoC,WAAW,GAAG,QAAQ;EAAA,OA1DhBpC,MAAM;AAAA;"}
+{"version":3,"file":"Slider.mjs","sources":["../../../src/Slider/Slider.tsx"],"sourcesContent":["import React, { ReactNode, useId } from \"react\"\nimport classnames from \"classnames\"\nimport { FieldGroup } from \"~components/FieldGroup\"\nimport { InputRange, InputRangeProps } from \"~components/Input/InputRange\"\nimport { Label } from \"~components/Label\"\nimport { Text } from \"~components/Text\"\nimport styles from \"./Slider.module.scss\"\n\nexport type SliderFieldProps = {\n  id?: string\n  labelText: ReactNode\n  description?: ReactNode\n  labelPosition?: \"inline\" | \"block\"\n  variant?: \"default\" | \"prominent\"\n  disabled?: boolean\n  readOnlyMessage?: ReactNode\n} & Omit<InputRangeProps, \"id\">\n\n/**\n * {@link https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3081896335/Slider Guidance} |\n * {@link https://cultureamp.design/?path=/docs/components-slider--docs Storybook}\n */\nexport const Slider = ({\n  id: propsId,\n  labelText,\n  description,\n  labelPosition = \"inline\",\n  variant = \"default\",\n  disabled,\n  readOnlyMessage,\n  ...restProps\n}: SliderFieldProps): JSX.Element => {\n  const id = propsId ?? useId()\n  const descriptionId = `${id}-description`\n\n  return (\n    <FieldGroup inline>\n      <div\n        className={classnames(\n          styles.wrapper,\n          labelPosition === \"inline\" && styles.labelInline\n        )}\n      >\n        <div className={styles.labelWrapper}>\n          <div className={styles.label}>\n            <Label\n              htmlFor={id}\n              labelText={labelText}\n              variant={variant}\n              disabled={disabled}\n            />\n          </div>\n          {description && (\n            <Text\n              variant=\"small\"\n              id={descriptionId}\n              classNameOverride={\n                disabled ? styles.descriptionDisabled : undefined\n              }\n            >\n              {description}\n            </Text>\n          )}\n        </div>\n        <div className={styles.inputWrapper}>\n          <InputRange\n            id={id}\n            aria-describedby={descriptionId}\n            disabled={disabled}\n            {...restProps}\n          />\n          {readOnlyMessage && (\n            <div className={styles.readOnlyMessage}>{readOnlyMessage}</div>\n          )}\n        </div>\n      </div>\n    </FieldGroup>\n  )\n}\n\nSlider.displayName = \"Slider\"\n"],"names":["Slider","_a","propsId","id","labelText","description","_b","labelPosition","_c","variant","disabled","readOnlyMessage","restProps","__rest","useId","descriptionId","concat","React","createElement","FieldGroup","inline","className","classnames","styles","wrapper","labelInline","labelWrapper","label","Label","htmlFor","Text","classNameOverride","descriptionDisabled","undefined","inputWrapper","InputRange","__assign","displayName"],"mappings":";;;;;;;;;AAkBA;;;AAGG;AAHH,MAIaA,MAAM;EAAA,MAANA,MAAM,GAAG,SAAAA,CAACC,EASJ,EAAA;IARjB,IAAIC,OAAO,GAAAD,EAAA,CAAAE,EAAA;MACXC,SAAS,eAAA;MACTC,WAAW,GAAAJ,EAAA,CAAAI,WAAA;MACXC,EAAwB,GAAAL,EAAA,CAAAM,aAAA;MAAxBA,aAAa,GAAAD,EAAA,KAAA,KAAA,CAAA,GAAG,QAAQ,GAAAA,EAAA;MACxBE,EAAmB,GAAAP,EAAA,CAAAQ,OAAA;MAAnBA,OAAO,GAAAD,EAAA,KAAA,KAAA,CAAA,GAAG,SAAS,GAAAA,EAAA;MACnBE,QAAQ,GAAAT,EAAA,CAAAS,QAAA;MACRC,eAAe,GAAAV,EAAA,CAAAU,eAAA;MACZC,SAAS,GAAAC,MAAA,CAAAZ,EAAA,EARS,6FAStB,CADa;IAEZ,IAAME,EAAE,GAAGD,OAAO,KAAP,IAAA,IAAAA,OAAO,cAAPA,OAAO,GAAIY,KAAK,EAAE;IAC7B,IAAMC,aAAa,GAAG,EAAG,CAAAC,MAAA,CAAAb,EAAE,iBAAc;IAEzC,oBACEc,KAAA,CAAAC,aAAA,CAACC,UAAU,EAAA;MAACC,MAAM,EAAA;IAAA,CAAA,eAChBH,KAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;MACEG,SAAS,EAAEC,UAAU,CACnBC,MAAM,CAACC,OAAO,EACdjB,aAAa,KAAK,QAAQ,IAAIgB,MAAM,CAACE,WAAW;IACjD,CAAA,eAEDR,KAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;MAAKG,SAAS,EAAEE,MAAM,CAACG;IAAY,CAAA,eACjCT,KAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;MAAKG,SAAS,EAAEE,MAAM,CAACI;IAAK,CAAA,eAC1BV,KAAA,CAAAC,aAAA,CAACU,KAAK,EACJ;MAAAC,OAAO,EAAE1B,EAAE;MACXC,SAAS,EAAEA,SAAS;MACpBK,OAAO,EAAEA,OAAO;MAChBC,QAAQ,EAAEA;MACV,CACE,EACLL,WAAW,mBACVY,KAAC,CAAAC,aAAA,CAAAY,IAAI,EACH;MAAArB,OAAO,EAAC,OAAO;MACfN,EAAE,EAAEY,aAAa;MACjBgB,iBAAiB,EACfrB,QAAQ,GAAGa,MAAM,CAACS,mBAAmB,GAAGC;IAAS,CAAA,EAGlD5B,WAAW,CACP,CACR,CACG,eACNY,KAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;MAAKG,SAAS,EAAEE,MAAM,CAACW;IAAY,CAAA,eACjCjB,KAAA,CAAAC,aAAA,CAACiB,UAAU,EAAAC,QAAA,CAAA;MACTjC,EAAE,EAAEA,EAAE;MAAA,kBAAA,EACYY,aAAa;MAC/BL,QAAQ,EAAEA;IAAQ,CAAA,EACdE,SAAS,CACb,CAAA,EACDD,eAAe,mBACdM,KAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;MAAKG,SAAS,EAAEE,MAAM,CAACZ;KAAkB,EAAAA,eAAe,CAAO,CAChE,CACG,CACF,CACK;EAEjB,CAAC;EAEDX,MAAM,CAACqC,WAAW,GAAG,QAAQ;EAAA,OA1DhBrC,MAAM;AAAA;"}

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

@@ -1,6 +1,7 @@
 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",

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

@@ -1 +1 @@
-{"version":3,"file":"Slider.module.scss.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;"}
+{"version":3,"file":"Slider.module.scss.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;"}

package/dist/esm/Tile/MultiActionTile/MultiActionTile.mjs

@@ -7,7 +7,7 @@ var renderActions = function (primaryAction, secondaryAction) {
   return /*#__PURE__*/React.createElement("div", {
     className: styles.actions
   }, secondaryAction && ( /*#__PURE__*/React.createElement("div", {
-    className: "mr-8"
+    className: styles.secondaryAction
   }, /*#__PURE__*/React.createElement(Action, {
     action: secondaryAction,
     secondary: true

package/dist/esm/Tile/MultiActionTile/MultiActionTile.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"MultiActionTile.mjs","sources":["../../../../src/Tile/MultiActionTile/MultiActionTile.tsx"],"sourcesContent":["import React from \"react\"\nimport {\n  GenericTile,\n  GenericTileProps,\n  TileAction,\n} from \"../subcomponents/GenericTile\"\nimport Action from \"../subcomponents/GenericTile/Action\"\nimport styles from \"./MultiActionTile.module.scss\"\n\nexport type MultiActionTileProps = {\n  primaryAction: TileAction\n  secondaryAction?: TileAction\n} & Omit<GenericTileProps, \"footer\">\n\nconst renderActions = (\n  primaryAction: TileAction,\n  secondaryAction?: TileAction\n): JSX.Element => (\n  <div className={styles.actions}>\n    {secondaryAction && (\n      <div className=\"mr-8\">\n        <Action action={secondaryAction} secondary />\n      </div>\n    )}\n    <Action action={primaryAction} />\n  </div>\n)\n\n/**\n * {@link https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3079077889/Tile#MultiActionTile.1 Guidance} |\n * {@link https://cultureamp.design/?path=/docs/components-tiles-multiactiontile--docs Storybook}\n */\nexport const MultiActionTile = ({\n  children,\n  primaryAction,\n  secondaryAction,\n  ...restProps\n}: MultiActionTileProps): JSX.Element => (\n  <GenericTile\n    footer={renderActions(primaryAction, secondaryAction)}\n    {...restProps}\n  >\n    {children}\n  </GenericTile>\n)\n\nMultiActionTile.displayName = \"MultiActionTile\"\n"],"names":["renderActions","primaryAction","secondaryAction","React","createElement","className","styles","actions","Action","action","secondary","MultiActionTile","_a","children","restProps","__rest","GenericTile","footer","displayName"],"mappings":";;;;;AAcA,IAAMA,aAAa,GAAG,SAAAA,CACpBC,aAAyB,EACzBC,eAA4B,EAAA;EACZ,oBAChBC,KAAK,CAAAC,aAAA,CAAA,KAAA,EAAA;IAAAC,SAAS,EAAEC,MAAM,CAACC;EAAO,CAAA,EAC3BL,eAAe,mBACdC,KAAK,CAAAC,aAAA,CAAA,KAAA,EAAA;IAAAC,SAAS,EAAC;EAAM,CAAA,eACnBF,KAAC,CAAAC,aAAA,CAAAI,MAAM;IAACC,MAAM,EAAEP,eAAe;IAAEQ,SAAS,EAAG;EAAA,CAAA,CAAA,CACzC,CACP,eACDP,KAAC,CAAAC,aAAA,CAAAI,MAAM,EAAC;IAAAC,MAAM,EAAER;IAAiB,CAC7B;CACP;AAED;;;AAGG;AAHH,MAIaU,eAAe;EAAA,MAAfA,eAAe,GAAG,SAAAA,CAACC,EAKT,EAAA;IAJrB,IAAAC,QAAQ,GAAAD,EAAA,CAAAC,QAAA;MACRZ,aAAa,GAAAW,EAAA,CAAAX,aAAA;MACbC,eAAe,GAAAU,EAAA,CAAAV,eAAA;MACZY,SAAS,GAJkBC,MAAA,CAAAH,EAAA,EAAA,CAAA,UAAA,EAAA,eAAA,EAAA,iBAAA,CAK/B,CADa;IAC2B,oBACvCT,KAAC,CAAAC,aAAA,CAAAY,WAAW;MACVC,MAAM,EAAEjB,aAAa,CAACC,aAAa,EAAEC,eAAe;IAAC,CACjD,EAAAY,SAAS,GAEZD,QAAQ,CACG;GACf;EAEDF,eAAe,CAACO,WAAW,GAAG,iBAAiB;EAAA,OAdlCP,eAAe;AAAA;"}
+{"version":3,"file":"MultiActionTile.mjs","sources":["../../../../src/Tile/MultiActionTile/MultiActionTile.tsx"],"sourcesContent":["import React from \"react\"\nimport {\n  GenericTile,\n  GenericTileProps,\n  TileAction,\n} from \"../subcomponents/GenericTile\"\nimport Action from \"../subcomponents/GenericTile/Action\"\nimport styles from \"./MultiActionTile.module.scss\"\n\nexport type MultiActionTileProps = {\n  primaryAction: TileAction\n  secondaryAction?: TileAction\n} & Omit<GenericTileProps, \"footer\">\n\nconst renderActions = (\n  primaryAction: TileAction,\n  secondaryAction?: TileAction\n): JSX.Element => (\n  <div className={styles.actions}>\n    {secondaryAction && (\n      <div className={styles.secondaryAction}>\n        <Action action={secondaryAction} secondary />\n      </div>\n    )}\n    <Action action={primaryAction} />\n  </div>\n)\n\n/**\n * {@link https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3079077889/Tile#MultiActionTile.1 Guidance} |\n * {@link https://cultureamp.design/?path=/docs/components-tiles-multiactiontile--docs Storybook}\n */\nexport const MultiActionTile = ({\n  children,\n  primaryAction,\n  secondaryAction,\n  ...restProps\n}: MultiActionTileProps): JSX.Element => (\n  <GenericTile\n    footer={renderActions(primaryAction, secondaryAction)}\n    {...restProps}\n  >\n    {children}\n  </GenericTile>\n)\n\nMultiActionTile.displayName = \"MultiActionTile\"\n"],"names":["renderActions","primaryAction","secondaryAction","React","createElement","className","styles","actions","Action","action","secondary","MultiActionTile","_a","children","restProps","__rest","GenericTile","footer","displayName"],"mappings":";;;;;AAcA,IAAMA,aAAa,GAAG,SAAAA,CACpBC,aAAyB,EACzBC,eAA4B,EAAA;EACZ,oBAChBC,KAAK,CAAAC,aAAA,CAAA,KAAA,EAAA;IAAAC,SAAS,EAAEC,MAAM,CAACC;EAAO,CAAA,EAC3BL,eAAe,mBACdC,KAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;IAAKC,SAAS,EAAEC,MAAM,CAACJ;EAAe,CAAA,eACpCC,KAAC,CAAAC,aAAA,CAAAI,MAAM;IAACC,MAAM,EAAEP,eAAe;IAAEQ,SAAS,EAAG;EAAA,CAAA,CAAA,CACzC,CACP,eACDP,KAAC,CAAAC,aAAA,CAAAI,MAAM,EAAC;IAAAC,MAAM,EAAER;IAAiB,CAC7B;CACP;AAED;;;AAGG;AAHH,MAIaU,eAAe;EAAA,MAAfA,eAAe,GAAG,SAAAA,CAACC,EAKT,EAAA;IAJrB,IAAAC,QAAQ,GAAAD,EAAA,CAAAC,QAAA;MACRZ,aAAa,GAAAW,EAAA,CAAAX,aAAA;MACbC,eAAe,GAAAU,EAAA,CAAAV,eAAA;MACZY,SAAS,GAJkBC,MAAA,CAAAH,EAAA,EAAA,CAAA,UAAA,EAAA,eAAA,EAAA,iBAAA,CAK/B,CADa;IAC2B,oBACvCT,KAAC,CAAAC,aAAA,CAAAY,WAAW;MACVC,MAAM,EAAEjB,aAAa,CAACC,aAAa,EAAEC,eAAe;IAAC,CACjD,EAAAY,SAAS,GAEZD,QAAQ,CACG;GACf;EAEDF,eAAe,CAACO,WAAW,GAAG,iBAAiB;EAAA,OAdlCP,eAAe;AAAA;"}

package/dist/esm/Tile/MultiActionTile/MultiActionTile.module.scss.mjs

@@ -1,5 +1,6 @@
 var styles = {
-  "actions": "MultiActionTile-module_actions__mntsC"
+  "actions": "MultiActionTile-module_actions__mntsC",
+  "secondaryAction": "MultiActionTile-module_secondaryAction__DuXdD"
 };
 export { styles as default };
 //# sourceMappingURL=MultiActionTile.module.scss.mjs.map

package/dist/esm/Tile/MultiActionTile/MultiActionTile.module.scss.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"MultiActionTile.module.scss.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;"}
+{"version":3,"file":"MultiActionTile.module.scss.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}

package/dist/esm/Tile/subcomponents/GenericTile/GenericTile.mjs

@@ -32,7 +32,7 @@ const GenericTile = /*#__PURE__*/function () {
         variant: "heading-3",
         tag: titleTag
       }, title), metadata && ( /*#__PURE__*/React.createElement("div", {
-        className: "pt-4"
+        className: styles.titleMeta
       }, /*#__PURE__*/React.createElement(Text, {
         variant: "small",
         color: "dark-reduced-opacity"

package/dist/esm/Tile/subcomponents/GenericTile/GenericTile.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"GenericTile.mjs","sources":["../../../../../src/Tile/subcomponents/GenericTile/GenericTile.tsx"],"sourcesContent":["import React, { HTMLAttributes, useState } from \"react\"\nimport classnames from \"classnames\"\nimport { IconButton } from \"~components/Button\"\nimport { GenericButtonProps } from \"~components/Button/GenericButton\"\nimport { AllowedHeadingTags, Heading } from \"~components/Heading\"\nimport { ArrowBackwardIcon, InformationIcon } from \"~components/Icon\"\nimport { Text } from \"~components/Text\"\nimport { OverrideClassName } from \"~types/OverrideClassName\"\nimport Action from \"./Action\"\nimport { Moods } from \"./types\"\nimport styles from \"./GenericTile.module.scss\"\n\nexport type TileAction = {\n  label: string\n  onClick?: GenericButtonProps[\"onClick\"]\n  href?: string\n  icon?: JSX.Element\n  /**\n   * @deprecated use data-testid instead\n   */\n  automationId?: string\n  newTabAndIUnderstandTheAccessibilityImplications?: boolean\n} & HTMLAttributes<HTMLButtonElement>\n\nexport type TileInformation = {\n  text: string\n  primaryAction?: TileAction\n  secondaryAction?: TileAction\n}\n\nexport type GenericTileProps = {\n  children?: React.ReactNode\n  title: React.ReactNode\n  titleTag?: AllowedHeadingTags\n  metadata?: string\n  information?: TileInformation | React.ReactNode\n  mood?: Moods\n  footer: React.ReactNode\n} & OverrideClassName<Omit<HTMLAttributes<HTMLDivElement>, \"title\">>\n\nexport const GenericTile = ({\n  children,\n  title,\n  titleTag = \"h3\",\n  metadata,\n  information,\n  mood,\n  footer,\n  classNameOverride,\n  ...restProps\n}: GenericTileProps): JSX.Element => {\n  const [isFlipped, setIsFlipped] = useState<boolean>(false)\n\n  const renderTitle = (): JSX.Element => (\n    <div className={styles.title}>\n      <Heading variant=\"heading-3\" tag={titleTag}>\n        {title}\n      </Heading>\n      {metadata && (\n        <div className=\"pt-4\">\n          <Text variant=\"small\" color=\"dark-reduced-opacity\">\n            {metadata}\n          </Text>\n        </div>\n      )}\n    </div>\n  )\n\n  const renderActions = (\n    primaryAction?: TileAction,\n    secondaryAction?: TileAction,\n    disabled?: boolean\n  ): JSX.Element => (\n    <div className={styles.actions}>\n      {secondaryAction && (\n        <Action action={secondaryAction} secondary disabled={disabled} />\n      )}\n      {primaryAction && <Action action={primaryAction} disabled={disabled} />}\n    </div>\n  )\n\n  const renderFront = (): JSX.Element => (\n    <div\n      className={classnames(\n        styles.face,\n        styles.faceFront,\n        mood === \"positive\" && styles.faceMoodPositive,\n        mood === \"informative\" && styles.faceMoodInformative,\n        mood === \"cautionary\" && styles.faceMoodCautionary,\n        mood === \"assertive\" && styles.faceMoodAssertive,\n        mood === \"negative\" && styles.faceMoodNegative,\n        mood === \"prominent\" && styles.faceMoodProminent\n      )}\n    >\n      {information && (\n        <div className={styles.informationBtn}>\n          <IconButton\n            label=\"Information\"\n            icon={<InformationIcon role=\"presentation\" />}\n            onClick={(): void => setIsFlipped(true)}\n            disabled={isFlipped}\n            aria-hidden={isFlipped}\n          />\n        </div>\n      )}\n      {renderTitle()}\n      <div className={styles.children}>{children && children}</div>\n      {footer && <div className={styles.footer}>{footer}</div>}\n    </div>\n  )\n\n  const renderInformation = (\n    informationProp: GenericTileProps[\"information\"] | undefined\n  ): JSX.Element | React.ReactNode => {\n    if (\n      informationProp &&\n      typeof informationProp === \"object\" &&\n      \"text\" in informationProp\n    ) {\n      return (\n        <>\n          <Text variant=\"body\">{informationProp.text}</Text>\n          {(informationProp.primaryAction ||\n            informationProp.secondaryAction) && (\n            <div className={styles.footer}>\n              {renderActions(\n                informationProp.primaryAction,\n                informationProp.secondaryAction,\n                !isFlipped\n              )}\n            </div>\n          )}\n        </>\n      )\n    }\n\n    return informationProp\n  }\n\n  const renderBack = (): JSX.Element | void => {\n    if (!information) return\n\n    return (\n      <div className={classnames(styles.face, styles.faceBack)}>\n        <div className={styles.informationBtn}>\n          <IconButton\n            label=\"Information\"\n            icon={<ArrowBackwardIcon role=\"presentation\" />}\n            onClick={(): void => setIsFlipped(false)}\n            disabled={!isFlipped}\n            aria-hidden={!isFlipped}\n          />\n        </div>\n        <div className={styles.information}>\n          {renderInformation(information)}\n        </div>\n      </div>\n    )\n  }\n\n  return (\n    <div className={classnames(styles.root, classNameOverride)} {...restProps}>\n      <div className={classnames(styles.tile, isFlipped && styles.isFlipped)}>\n        <>\n          {renderFront()}\n          {renderBack()}\n        </>\n      </div>\n    </div>\n  )\n}\n\nGenericTile.displayName = \"GenericTile\"\n"],"names":["GenericTile","_a","children","title","_b","titleTag","metadata","information","mood","footer","classNameOverride","restProps","__rest","_c","useState","isFlipped","setIsFlipped","renderTitle","React","className","styles","createElement","Heading","variant","tag","Text","color","renderActions","primaryAction","secondaryAction","disabled","actions","Action","action","secondary","renderFront","classnames","face","faceFront","faceMoodPositive","faceMoodInformative","faceMoodCautionary","faceMoodAssertive","faceMoodNegative","faceMoodProminent","informationBtn","IconButton","label","icon","InformationIcon","role","onClick","renderInformation","informationProp","Fragment","text","renderBack","faceBack","ArrowBackwardIcon","__assign","root","tile","displayName"],"mappings":"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"}
+{"version":3,"file":"GenericTile.mjs","sources":["../../../../../src/Tile/subcomponents/GenericTile/GenericTile.tsx"],"sourcesContent":["import React, { HTMLAttributes, useState } from \"react\"\nimport classnames from \"classnames\"\nimport { IconButton } from \"~components/Button\"\nimport { GenericButtonProps } from \"~components/Button/GenericButton\"\nimport { AllowedHeadingTags, Heading } from \"~components/Heading\"\nimport { ArrowBackwardIcon, InformationIcon } from \"~components/Icon\"\nimport { Text } from \"~components/Text\"\nimport { OverrideClassName } from \"~types/OverrideClassName\"\nimport Action from \"./Action\"\nimport { Moods } from \"./types\"\nimport styles from \"./GenericTile.module.scss\"\n\nexport type TileAction = {\n  label: string\n  onClick?: GenericButtonProps[\"onClick\"]\n  href?: string\n  icon?: JSX.Element\n  /**\n   * @deprecated use data-testid instead\n   */\n  automationId?: string\n  newTabAndIUnderstandTheAccessibilityImplications?: boolean\n} & HTMLAttributes<HTMLButtonElement>\n\nexport type TileInformation = {\n  text: string\n  primaryAction?: TileAction\n  secondaryAction?: TileAction\n}\n\nexport type GenericTileProps = {\n  children?: React.ReactNode\n  title: React.ReactNode\n  titleTag?: AllowedHeadingTags\n  metadata?: string\n  information?: TileInformation | React.ReactNode\n  mood?: Moods\n  footer: React.ReactNode\n} & OverrideClassName<Omit<HTMLAttributes<HTMLDivElement>, \"title\">>\n\nexport const GenericTile = ({\n  children,\n  title,\n  titleTag = \"h3\",\n  metadata,\n  information,\n  mood,\n  footer,\n  classNameOverride,\n  ...restProps\n}: GenericTileProps): JSX.Element => {\n  const [isFlipped, setIsFlipped] = useState<boolean>(false)\n\n  const renderTitle = (): JSX.Element => (\n    <div className={styles.title}>\n      <Heading variant=\"heading-3\" tag={titleTag}>\n        {title}\n      </Heading>\n      {metadata && (\n        <div className={styles.titleMeta}>\n          <Text variant=\"small\" color=\"dark-reduced-opacity\">\n            {metadata}\n          </Text>\n        </div>\n      )}\n    </div>\n  )\n\n  const renderActions = (\n    primaryAction?: TileAction,\n    secondaryAction?: TileAction,\n    disabled?: boolean\n  ): JSX.Element => (\n    <div className={styles.actions}>\n      {secondaryAction && (\n        <Action action={secondaryAction} secondary disabled={disabled} />\n      )}\n      {primaryAction && <Action action={primaryAction} disabled={disabled} />}\n    </div>\n  )\n\n  const renderFront = (): JSX.Element => (\n    <div\n      className={classnames(\n        styles.face,\n        styles.faceFront,\n        mood === \"positive\" && styles.faceMoodPositive,\n        mood === \"informative\" && styles.faceMoodInformative,\n        mood === \"cautionary\" && styles.faceMoodCautionary,\n        mood === \"assertive\" && styles.faceMoodAssertive,\n        mood === \"negative\" && styles.faceMoodNegative,\n        mood === \"prominent\" && styles.faceMoodProminent\n      )}\n    >\n      {information && (\n        <div className={styles.informationBtn}>\n          <IconButton\n            label=\"Information\"\n            icon={<InformationIcon role=\"presentation\" />}\n            onClick={(): void => setIsFlipped(true)}\n            disabled={isFlipped}\n            aria-hidden={isFlipped}\n          />\n        </div>\n      )}\n      {renderTitle()}\n      <div className={styles.children}>{children && children}</div>\n      {footer && <div className={styles.footer}>{footer}</div>}\n    </div>\n  )\n\n  const renderInformation = (\n    informationProp: GenericTileProps[\"information\"] | undefined\n  ): JSX.Element | React.ReactNode => {\n    if (\n      informationProp &&\n      typeof informationProp === \"object\" &&\n      \"text\" in informationProp\n    ) {\n      return (\n        <>\n          <Text variant=\"body\">{informationProp.text}</Text>\n          {(informationProp.primaryAction ||\n            informationProp.secondaryAction) && (\n            <div className={styles.footer}>\n              {renderActions(\n                informationProp.primaryAction,\n                informationProp.secondaryAction,\n                !isFlipped\n              )}\n            </div>\n          )}\n        </>\n      )\n    }\n\n    return informationProp\n  }\n\n  const renderBack = (): JSX.Element | void => {\n    if (!information) return\n\n    return (\n      <div className={classnames(styles.face, styles.faceBack)}>\n        <div className={styles.informationBtn}>\n          <IconButton\n            label=\"Information\"\n            icon={<ArrowBackwardIcon role=\"presentation\" />}\n            onClick={(): void => setIsFlipped(false)}\n            disabled={!isFlipped}\n            aria-hidden={!isFlipped}\n          />\n        </div>\n        <div className={styles.information}>\n          {renderInformation(information)}\n        </div>\n      </div>\n    )\n  }\n\n  return (\n    <div className={classnames(styles.root, classNameOverride)} {...restProps}>\n      <div className={classnames(styles.tile, isFlipped && styles.isFlipped)}>\n        <>\n          {renderFront()}\n          {renderBack()}\n        </>\n      </div>\n    </div>\n  )\n}\n\nGenericTile.displayName = \"GenericTile\"\n"],"names":["GenericTile","_a","children","title","_b","titleTag","metadata","information","mood","footer","classNameOverride","restProps","__rest","_c","useState","isFlipped","setIsFlipped","renderTitle","React","className","styles","createElement","Heading","variant","tag","titleMeta","Text","color","renderActions","primaryAction","secondaryAction","disabled","actions","Action","action","secondary","renderFront","classnames","face","faceFront","faceMoodPositive","faceMoodInformative","faceMoodCautionary","faceMoodAssertive","faceMoodNegative","faceMoodProminent","informationBtn","IconButton","label","icon","InformationIcon","role","onClick","renderInformation","informationProp","Fragment","text","renderBack","faceBack","ArrowBackwardIcon","__assign","root","tile","displayName"],"mappings":"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"}

package/dist/esm/Tile/subcomponents/GenericTile/GenericTile.module.scss.mjs

@@ -1,6 +1,7 @@
 var styles = {
   "root": "GenericTile-module_root__9ZHdH",
   "tile": "GenericTile-module_tile__mgFhk",
+  "titleMeta": "GenericTile-module_titleMeta__EREc9",
   "face": "GenericTile-module_face__-KLVi",
   "faceFront": "GenericTile-module_faceFront__HywHi",
   "faceBack": "GenericTile-module_faceBack__NDCQ8",

package/dist/esm/Tile/subcomponents/GenericTile/GenericTile.module.scss.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"GenericTile.module.scss.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"GenericTile.module.scss.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;"}

package/dist/esm/Workflow/subcomponents/Footer/components/ProgressStepper/ProgressStepper.mjs

@@ -6,6 +6,7 @@ import { IndicatorActiveIcon } from '../../../../../Icon/IndicatorActiveIcon.mjs
 import { IndicatorInactiveIcon } from '../../../../../Icon/IndicatorInactiveIcon.mjs';
 import { SuccessIcon } from '../../../../../Icon/SuccessIcon.mjs';
 import { Text } from '../../../../../Text/Text.mjs';
+import { VisuallyHidden } from '../../../../../VisuallyHidden/VisuallyHidden.mjs';
 import styles from './ProgressStepper.module.scss.mjs';
 var getStepStatus = function (isComplete, isCurrentStep, step, index) {
   if (isComplete) {
@@ -66,9 +67,7 @@ const ProgressStepper = /*#__PURE__*/function () {
         "aria-current": isCurrentStep
       }, /*#__PURE__*/React.createElement("div", {
         className: styles.stepContent
-      }, /*#__PURE__*/React.createElement("span", {
-        className: "sr-only"
-      }, accessibleName), /*#__PURE__*/React.createElement(Text, {
+      }, /*#__PURE__*/React.createElement(VisuallyHidden, null, accessibleName), /*#__PURE__*/React.createElement(Text, {
         classNameOverride: styles.stepName,
         variant: "small",
         color: "white",

package/dist/esm/Workflow/subcomponents/Footer/components/ProgressStepper/ProgressStepper.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"ProgressStepper.mjs","sources":["../../../../../../../src/Workflow/subcomponents/Footer/components/ProgressStepper/ProgressStepper.tsx"],"sourcesContent":["import React from \"react\"\nimport classnames from \"classnames\"\nimport {\n  IndicatorActiveIcon,\n  IndicatorInactiveIcon,\n  SuccessIcon,\n} from \"~components/Icon\"\nimport { Text } from \"~components/Text\"\nimport styles from \"./ProgressStepper.module.scss\"\n\nexport type ProgressStepperProps = {\n  stepName: string\n  steps: [string, ...string[]]\n  isComplete?: boolean\n}\n\nconst getStepStatus = (\n  isComplete: boolean,\n  isCurrentStep: boolean,\n  step: string,\n  index: number\n): {\n  icon: JSX.Element\n  accessibleName: string\n} => {\n  if (isComplete) {\n    return {\n      icon: (\n        <SuccessIcon\n          key={index}\n          inheritSize\n          role=\"presentation\"\n          classNameOverride=\"success\"\n        />\n      ),\n      accessibleName: `Completed: ${step}`,\n    }\n  }\n  if (isCurrentStep) {\n    return {\n      icon: (\n        <IndicatorActiveIcon\n          key={index}\n          inheritSize\n          role=\"presentation\"\n          classNameOverride=\"active\"\n        />\n      ),\n      accessibleName: `Current: ${step}`,\n    }\n  }\n  return {\n    icon: (\n      <IndicatorInactiveIcon\n        key={index}\n        inheritSize\n        classNameOverride=\"incomplete\"\n        role=\"presentation\"\n      />\n    ),\n    accessibleName: `Not started: ${step}`,\n  }\n}\n\nexport const ProgressStepper = ({\n  stepName,\n  steps,\n  isComplete = false,\n  ...restprops\n}: ProgressStepperProps): JSX.Element => {\n  const currentStepIndex = steps.indexOf(stepName)\n\n  return (\n    <div className={styles.stepsContainer}>\n      <ol\n        className={styles.stepList}\n        {...restprops}\n        aria-labelledby=\"stepper-description\"\n      >\n        {steps.map((step: string, index: number) => {\n          const isCurrentStep = currentStepIndex === index\n          const isCompletedStep = index < currentStepIndex || isComplete\n          const { accessibleName, icon: Icon } = getStepStatus(\n            isCompletedStep,\n            isCurrentStep,\n            step,\n            index\n          )\n          return (\n            <li\n              className={styles.step}\n              key={`${index}-${step}`}\n              aria-current={isCurrentStep}\n            >\n              <div className={styles.stepContent}>\n                <span className=\"sr-only\">\n                  {/* will need to be translated */}\n                  {accessibleName}\n                </span>\n                <Text\n                  classNameOverride={styles.stepName}\n                  variant=\"small\"\n                  color=\"white\"\n                  aria-hidden\n                >\n                  {step}\n                </Text>\n                <div className={styles.stepIndicator}>\n                  <span className={styles.stepIcon}>{Icon}</span>\n                </div>\n                {index < steps.length - 1 && (\n                  <div\n                    className={classnames([\n                      styles.stepDivider,\n                      isCompletedStep && styles.completedStep,\n                    ])}\n                  />\n                )}\n              </div>\n            </li>\n          )\n        })}\n      </ol>\n      <Text\n        classNameOverride={styles.stepperDescription}\n        variant=\"small\"\n        color=\"white\"\n        id=\"stepper-description\"\n      >\n        Step {currentStepIndex + 1} of {steps.length}\n      </Text>\n    </div>\n  )\n}\n\nProgressStepper.displayName = \"Workflow.ProgressStepper\"\n"],"names":["getStepStatus","isComplete","isCurrentStep","step","index","icon","React","createElement","SuccessIcon","key","inheritSize","role","classNameOverride","accessibleName","concat","IndicatorActiveIcon","IndicatorInactiveIcon","ProgressStepper","_a","stepName","steps","_b","restprops","__rest","currentStepIndex","indexOf","className","styles","stepsContainer","__assign","stepList","map","isCompletedStep","Icon","stepContent","Text","variant","color","stepIndicator","stepIcon","length","classnames","stepDivider","completedStep","stepperDescription","id","displayName"],"mappings":";;;;;;;;;AAgBA,IAAMA,aAAa,GAAG,SAAAA,CACpBC,UAAmB,EACnBC,aAAsB,EACtBC,IAAY,EACZC,KAAa,EAAA;EAKb,IAAIH,UAAU,EAAE;IACd,OAAO;MACLI,IAAI,iBACFC,KAAA,CAAAC,aAAA,CAACC,WAAW,EACV;QAAAC,GAAG,EAAEL,KAAK;QACVM,WAAW,EACX,IAAA;QAAAC,IAAI,EAAC,cAAc;QACnBC,iBAAiB,EAAC;QAClB,CACH;MACDC,cAAc,EAAE,aAAc,CAAAC,MAAA,CAAAX,IAAI;KACnC;EACF;EACD,IAAID,aAAa,EAAE;IACjB,OAAO;MACLG,IAAI,iBACFC,KAAA,CAAAC,aAAA,CAACQ,mBAAmB,EAClB;QAAAN,GAAG,EAAEL,KAAK;QACVM,WAAW,EACX,IAAA;QAAAC,IAAI,EAAC,cAAc;QACnBC,iBAAiB,EAAC;QAClB,CACH;MACDC,cAAc,EAAE,WAAY,CAAAC,MAAA,CAAAX,IAAI;KACjC;EACF;EACD,OAAO;IACLE,IAAI,iBACFC,KAAA,CAAAC,aAAA,CAACS,qBAAqB,EACpB;MAAAP,GAAG,EAAEL,KAAK;MACVM,WAAW,EACX,IAAA;MAAAE,iBAAiB,EAAC,YAAY;MAC9BD,IAAI,EAAC;MACL,CACH;IACDE,cAAc,EAAE,eAAgB,CAAAC,MAAA,CAAAX,IAAI;GACrC;AACH,CAAC;AAAA,MAEYc,eAAe;EAAA,MAAfA,eAAe,GAAG,SAAAA,CAACC,EAKT,EAAA;IAJrB,IAAAC,QAAQ,GAAAD,EAAA,CAAAC,QAAA;MACRC,KAAK,GAAAF,EAAA,CAAAE,KAAA;MACLC,EAAkB,GAAAH,EAAA,CAAAjB,UAAA;MAAlBA,UAAU,GAAAoB,EAAA,KAAA,KAAA,CAAA,GAAG,KAAK,GAAAA,EAAA;MACfC,SAAS,GAAAC,MAAA,CAAAL,EAAA,EAJkB,mCAK/B,CADa;IAEZ,IAAMM,gBAAgB,GAAGJ,KAAK,CAACK,OAAO,CAACN,QAAQ,CAAC;IAEhD,oBACEb,KAAK,CAAAC,aAAA,CAAA,KAAA,EAAA;MAAAmB,SAAS,EAAEC,MAAM,CAACC;IAAc,CAAA,eACnCtB,KAAA,CAAAC,aAAA,CAAA,IAAA,EAAAsB,QAAA,CAAA;MACEH,SAAS,EAAEC,MAAM,CAACG;OACdR,SAAS,EAAA;MAAA,iBAAA,EACG;KAAqB,CAAA,EAEpCF,KAAK,CAACW,GAAG,CAAC,UAAC5B,IAAY,EAAEC,KAAa,EAAA;MACrC,IAAMF,aAAa,GAAGsB,gBAAgB,KAAKpB,KAAK;MAChD,IAAM4B,eAAe,GAAG5B,KAAK,GAAGoB,gBAAgB,IAAIvB,UAAU;MACxD,IAAAiB,KAAiClB,aAAa,CAClDgC,eAAe,EACf9B,aAAa,EACbC,IAAI,EACJC,KAAK,CACN;QALOS,cAAc,oBAAA;QAAQoB,IAAI,UAKjC;MACD,oBACE3B,KACE,CAAAC,aAAA,CAAA,IAAA,EAAA;QAAAmB,SAAS,EAAEC,MAAM,CAACxB,IAAI;QACtBM,GAAG,EAAE,UAAGL,KAAK,EAAA,GAAA,CAAA,CAAAU,MAAA,CAAIX,IAAI,CAAE;wBACTD;MAAa,CAAA,eAE3BI,KAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;QAAKmB,SAAS,EAAEC,MAAM,CAACO;MAAW,CAAA,eAChC5B,KAAA,CAAAC,aAAA,CAAA,MAAA,EAAA;QAAMmB,SAAS,EAAC;MAAS,CAAA,EAEtBb,cAAc,CACV,eACPP,KAAA,CAAAC,aAAA,CAAC4B,IAAI,EACH;QAAAvB,iBAAiB,EAAEe,MAAM,CAACR,QAAQ;QAClCiB,OAAO,EAAC,OAAO;QACfC,KAAK,EAAC,OAAO;QAAA,aAAA,EAAA;MAAA,CAAA,EAGZlC,IAAI,CACA,eACPG,KAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;QAAKmB,SAAS,EAAEC,MAAM,CAACW;MAAa,CAAA,eAClChC,KAAM,CAAAC,aAAA,CAAA,MAAA,EAAA;QAAAmB,SAAS,EAAEC,MAAM,CAACY;MAAQ,CAAG,EAAAN,IAAI,CAAQ,CAC3C,EACL7B,KAAK,GAAGgB,KAAK,CAACoB,MAAM,GAAG,CAAC,mBACvBlC,KACE,CAAAC,aAAA,CAAA,KAAA,EAAA;QAAAmB,SAAS,EAAEe,UAAU,CAAC,CACpBd,MAAM,CAACe,WAAW,EAClBV,eAAe,IAAIL,MAAM,CAACgB,aAAa,CACxC;MACD,CAAA,CAAA,CACH,CACG,CACH;IAET,CAAC,CAAC,CACC,eACLrC,KAAA,CAAAC,aAAA,CAAC4B,IAAI,EACH;MAAAvB,iBAAiB,EAAEe,MAAM,CAACiB,kBAAkB;MAC5CR,OAAO,EAAC,OAAO;MACfC,KAAK,EAAC,OAAO;MACbQ,EAAE,EAAC;IAAqB,CAAA,WAElBrB,gBAAgB,GAAG,CAAC,UAAMJ,KAAK,CAACoB,MAAM,CACvC,CACH;EAEV,CAAC;EAEDvB,eAAe,CAAC6B,WAAW,GAAG,0BAA0B;EAAA,OAvE3C7B,eAAe;AAAA;"}
+{"version":3,"file":"ProgressStepper.mjs","sources":["../../../../../../../src/Workflow/subcomponents/Footer/components/ProgressStepper/ProgressStepper.tsx"],"sourcesContent":["import React from \"react\"\nimport classnames from \"classnames\"\nimport {\n  IndicatorActiveIcon,\n  IndicatorInactiveIcon,\n  SuccessIcon,\n} from \"~components/Icon\"\nimport { Text } from \"~components/Text\"\nimport { VisuallyHidden } from \"~components/VisuallyHidden\"\nimport styles from \"./ProgressStepper.module.scss\"\n\nexport type ProgressStepperProps = {\n  stepName: string\n  steps: [string, ...string[]]\n  isComplete?: boolean\n}\n\nconst getStepStatus = (\n  isComplete: boolean,\n  isCurrentStep: boolean,\n  step: string,\n  index: number\n): {\n  icon: JSX.Element\n  accessibleName: string\n} => {\n  if (isComplete) {\n    return {\n      icon: (\n        <SuccessIcon\n          key={index}\n          inheritSize\n          role=\"presentation\"\n          classNameOverride=\"success\"\n        />\n      ),\n      accessibleName: `Completed: ${step}`,\n    }\n  }\n  if (isCurrentStep) {\n    return {\n      icon: (\n        <IndicatorActiveIcon\n          key={index}\n          inheritSize\n          role=\"presentation\"\n          classNameOverride=\"active\"\n        />\n      ),\n      accessibleName: `Current: ${step}`,\n    }\n  }\n  return {\n    icon: (\n      <IndicatorInactiveIcon\n        key={index}\n        inheritSize\n        classNameOverride=\"incomplete\"\n        role=\"presentation\"\n      />\n    ),\n    accessibleName: `Not started: ${step}`,\n  }\n}\n\nexport const ProgressStepper = ({\n  stepName,\n  steps,\n  isComplete = false,\n  ...restprops\n}: ProgressStepperProps): JSX.Element => {\n  const currentStepIndex = steps.indexOf(stepName)\n\n  return (\n    <div className={styles.stepsContainer}>\n      <ol\n        className={styles.stepList}\n        {...restprops}\n        aria-labelledby=\"stepper-description\"\n      >\n        {steps.map((step: string, index: number) => {\n          const isCurrentStep = currentStepIndex === index\n          const isCompletedStep = index < currentStepIndex || isComplete\n          const { accessibleName, icon: Icon } = getStepStatus(\n            isCompletedStep,\n            isCurrentStep,\n            step,\n            index\n          )\n          return (\n            <li\n              className={styles.step}\n              key={`${index}-${step}`}\n              aria-current={isCurrentStep}\n            >\n              <div className={styles.stepContent}>\n                <VisuallyHidden>\n                  {/* will need to be translated */}\n                  {accessibleName}\n                </VisuallyHidden>\n                <Text\n                  classNameOverride={styles.stepName}\n                  variant=\"small\"\n                  color=\"white\"\n                  aria-hidden\n                >\n                  {step}\n                </Text>\n                <div className={styles.stepIndicator}>\n                  <span className={styles.stepIcon}>{Icon}</span>\n                </div>\n                {index < steps.length - 1 && (\n                  <div\n                    className={classnames([\n                      styles.stepDivider,\n                      isCompletedStep && styles.completedStep,\n                    ])}\n                  />\n                )}\n              </div>\n            </li>\n          )\n        })}\n      </ol>\n      <Text\n        classNameOverride={styles.stepperDescription}\n        variant=\"small\"\n        color=\"white\"\n        id=\"stepper-description\"\n      >\n        Step {currentStepIndex + 1} of {steps.length}\n      </Text>\n    </div>\n  )\n}\n\nProgressStepper.displayName = \"Workflow.ProgressStepper\"\n"],"names":["getStepStatus","isComplete","isCurrentStep","step","index","icon","React","createElement","SuccessIcon","key","inheritSize","role","classNameOverride","accessibleName","concat","IndicatorActiveIcon","IndicatorInactiveIcon","ProgressStepper","_a","stepName","steps","_b","restprops","__rest","currentStepIndex","indexOf","className","styles","stepsContainer","__assign","stepList","map","isCompletedStep","Icon","stepContent","VisuallyHidden","Text","variant","color","stepIndicator","stepIcon","length","classnames","stepDivider","completedStep","stepperDescription","id","displayName"],"mappings":"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"}

package/dist/esm/Workflow/subcomponents/Header/components/Titles/Titles.mjs

@@ -2,6 +2,7 @@ import { __rest, __assign } from 'tslib';
 import React from 'react';
 import { Heading } from '../../../../../Heading/Heading.mjs';
 import { Tag } from '../../../../../Tag/Tag.mjs';
+import { VisuallyHidden } from '../../../../../VisuallyHidden/VisuallyHidden.mjs';
 import styles from './Titles.module.scss.mjs';
 const Titles = /*#__PURE__*/function () {
   const Titles = function (_a) {
@@ -21,9 +22,7 @@ const Titles = /*#__PURE__*/function () {
       variant: "heading-6",
       tag: "span",
       color: "dark-reduced-opacity"
-    }, workflowName, /*#__PURE__*/React.createElement("span", {
-      className: "sr-only"
-    }, ":")), /*#__PURE__*/React.createElement("span", null, stepName)), status && (
+    }, workflowName, /*#__PURE__*/React.createElement(VisuallyHidden, null, ":")), /*#__PURE__*/React.createElement("span", null, stepName)), status && (
     /*#__PURE__*/
     // status may need to be update by a fetch
     React.createElement("div", {

package/dist/esm/Workflow/subcomponents/Header/components/Titles/Titles.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"Titles.mjs","sources":["../../../../../../../src/Workflow/subcomponents/Header/components/Titles/Titles.tsx"],"sourcesContent":["import React, { HTMLAttributes } from \"react\"\nimport { Heading } from \"~components/Heading\"\nimport { Tag, DefaultTagProps } from \"~components/Tag\"\nimport { OverrideClassName } from \"~types/OverrideClassName\"\nimport styles from \"./Titles.module.scss\"\n\nexport type WorkflowStatus = {\n  /** @default: \"statusDraft\" */\n  variant?: DefaultTagProps[\"variant\"]\n  content?: string\n}\n\nexport type WorkflowTitlesProps = {\n  workflowName: string\n  stepName: string\n  status?: WorkflowStatus\n} & OverrideClassName<HTMLAttributes<HTMLDivElement>>\n\nexport const Titles = ({\n  workflowName,\n  stepName,\n  status,\n  ...restProps\n}: WorkflowTitlesProps): JSX.Element => (\n  <div className={styles.titles} {...restProps}>\n    <Heading\n      variant=\"heading-1\"\n      tag=\"h1\"\n      color=\"dark\"\n      classNameOverride={styles.pageTitle}\n    >\n      <Heading\n        classNameOverride={styles.prefix}\n        variant=\"heading-6\"\n        tag=\"span\"\n        color=\"dark-reduced-opacity\"\n      >\n        {workflowName}\n        <span className=\"sr-only\">:</span>\n      </Heading>\n      <span>{stepName}</span>\n    </Heading>\n    {status && (\n      // status may need to be update by a fetch\n      <div className={styles.status}>\n        <Tag inline variant={status?.variant || \"statusDraft\"}>\n          {status?.content}\n        </Tag>\n      </div>\n    )}\n  </div>\n)\n\nTitles.displayName = \"Workflow.Titles\"\n"],"names":["Titles","_a","workflowName","stepName","status","restProps","__rest","React","className","styles","titles","createElement","Heading","variant","tag","color","classNameOverride","pageTitle","prefix","Tag","inline","content","displayName"],"mappings":";;;;;MAkBaA,MAAM;EAAA,MAANA,MAAM,GAAG,SAAAA,CAACC,EAKD,EAAA;IAJpB,IAAAC,YAAY,GAAAD,EAAA,CAAAC,YAAA;MACZC,QAAQ,GAAAF,EAAA,CAAAE,QAAA;MACRC,MAAM,GAAAH,EAAA,CAAAG,MAAA;MACHC,SAAS,GAJSC,MAAA,CAAAL,EAAA,EAAA,CAAA,cAAA,EAAA,UAAA,EAAA,QAAA,CAKtB,CADa;IAC0B,oBACtCM;MAAKC,SAAS,EAAEC,MAAM,CAACC;OAAYL,SAAS,CAAA,eAC1CE,KAAA,CAAAI,aAAA,CAACC,OAAO,EACN;MAAAC,OAAO,EAAC,WAAW;MACnBC,GAAG,EAAC,IAAI;MACRC,KAAK,EAAC,MAAM;MACZC,iBAAiB,EAAEP,MAAM,CAACQ;IAAS,CAAA,eAEnCV,KAAA,CAAAI,aAAA,CAACC,OAAO,EACN;MAAAI,iBAAiB,EAAEP,MAAM,CAACS,MAAM;MAChCL,OAAO,EAAC,WAAW;MACnBC,GAAG,EAAC,MAAM;MACVC,KAAK,EAAC;IAAsB,CAAA,EAE3Bb,YAAY,eACbK,KAAA,CAAAI,aAAA,CAAA,MAAA,EAAA;MAAMH,SAAS,EAAC;IAAS,CAAA,EAAA,GAAA,CAAS,CAC1B,eACVD,KAAO,CAAAI,aAAA,CAAA,MAAA,EAAA,IAAA,EAAAR,QAAQ,CAAQ,CACf,EACTC,MAAM;IAAA;;IAELG,KAAA,CAAAI,aAAA,CAAA,KAAA,EAAA;MAAKH,SAAS,EAAEC,MAAM,CAACL;IAAM,CAAA,eAC3BG,KAAA,CAAAI,aAAA,CAACQ,GAAG,EAAA;MAACC,MAAM,EAAA,IAAA;MAACP,OAAO,EAAE,CAAAT,MAAM,KAAN,IAAA,IAAAA,MAAM,KAAN,KAAA,CAAA,GAAA,KAAA,CAAA,GAAAA,MAAM,CAAES,OAAO,KAAI;IACrC,CAAA,EAAAT,MAAM,KAAN,IAAA,IAAAA,MAAM,KAAN,KAAA,CAAA,GAAA,KAAA,CAAA,GAAAA,MAAM,CAAEiB,OAAO,CACZ,CACF,CACP,CACG;GACP;EAEDrB,MAAM,CAACsB,WAAW,GAAG,iBAAiB;EAAA,OAnCzBtB,MAAM;AAAA;"}
+{"version":3,"file":"Titles.mjs","sources":["../../../../../../../src/Workflow/subcomponents/Header/components/Titles/Titles.tsx"],"sourcesContent":["import React, { HTMLAttributes } from \"react\"\nimport { Heading } from \"~components/Heading\"\nimport { Tag, DefaultTagProps } from \"~components/Tag\"\nimport { VisuallyHidden } from \"~components/VisuallyHidden\"\nimport { OverrideClassName } from \"~types/OverrideClassName\"\nimport styles from \"./Titles.module.scss\"\n\nexport type WorkflowStatus = {\n  /** @default: \"statusDraft\" */\n  variant?: DefaultTagProps[\"variant\"]\n  content?: string\n}\n\nexport type WorkflowTitlesProps = {\n  workflowName: string\n  stepName: string\n  status?: WorkflowStatus\n} & OverrideClassName<HTMLAttributes<HTMLDivElement>>\n\nexport const Titles = ({\n  workflowName,\n  stepName,\n  status,\n  ...restProps\n}: WorkflowTitlesProps): JSX.Element => (\n  <div className={styles.titles} {...restProps}>\n    <Heading\n      variant=\"heading-1\"\n      tag=\"h1\"\n      color=\"dark\"\n      classNameOverride={styles.pageTitle}\n    >\n      <Heading\n        classNameOverride={styles.prefix}\n        variant=\"heading-6\"\n        tag=\"span\"\n        color=\"dark-reduced-opacity\"\n      >\n        {workflowName}\n        <VisuallyHidden>:</VisuallyHidden>\n      </Heading>\n      <span>{stepName}</span>\n    </Heading>\n    {status && (\n      // status may need to be update by a fetch\n      <div className={styles.status}>\n        <Tag inline variant={status?.variant || \"statusDraft\"}>\n          {status?.content}\n        </Tag>\n      </div>\n    )}\n  </div>\n)\n\nTitles.displayName = \"Workflow.Titles\"\n"],"names":["Titles","_a","workflowName","stepName","status","restProps","__rest","React","className","styles","titles","createElement","Heading","variant","tag","color","classNameOverride","pageTitle","prefix","VisuallyHidden","Tag","inline","content","displayName"],"mappings":";;;;;;MAmBaA,MAAM;EAAA,MAANA,MAAM,GAAG,SAAAA,CAACC,EAKD,EAAA;IAJpB,IAAAC,YAAY,GAAAD,EAAA,CAAAC,YAAA;MACZC,QAAQ,GAAAF,EAAA,CAAAE,QAAA;MACRC,MAAM,GAAAH,EAAA,CAAAG,MAAA;MACHC,SAAS,GAJSC,MAAA,CAAAL,EAAA,EAAA,CAAA,cAAA,EAAA,UAAA,EAAA,QAAA,CAKtB,CADa;IAC0B,oBACtCM;MAAKC,SAAS,EAAEC,MAAM,CAACC;OAAYL,SAAS,CAAA,eAC1CE,KAAA,CAAAI,aAAA,CAACC,OAAO,EACN;MAAAC,OAAO,EAAC,WAAW;MACnBC,GAAG,EAAC,IAAI;MACRC,KAAK,EAAC,MAAM;MACZC,iBAAiB,EAAEP,MAAM,CAACQ;IAAS,CAAA,eAEnCV,KAAA,CAAAI,aAAA,CAACC,OAAO,EACN;MAAAI,iBAAiB,EAAEP,MAAM,CAACS,MAAM;MAChCL,OAAO,EAAC,WAAW;MACnBC,GAAG,EAAC,MAAM;MACVC,KAAK,EAAC;IAAsB,CAAA,EAE3Bb,YAAY,eACbK,KAAC,CAAAI,aAAA,CAAAQ,cAAc,YAAmB,CAC1B,eACVZ,KAAO,CAAAI,aAAA,CAAA,MAAA,EAAA,IAAA,EAAAR,QAAQ,CAAQ,CACf,EACTC,MAAM;IAAA;;IAELG,KAAA,CAAAI,aAAA,CAAA,KAAA,EAAA;MAAKH,SAAS,EAAEC,MAAM,CAACL;IAAM,CAAA,eAC3BG,KAAA,CAAAI,aAAA,CAACS,GAAG,EAAA;MAACC,MAAM,EAAA,IAAA;MAACR,OAAO,EAAE,CAAAT,MAAM,KAAN,IAAA,IAAAA,MAAM,KAAN,KAAA,CAAA,GAAA,KAAA,CAAA,GAAAA,MAAM,CAAES,OAAO,KAAI;IACrC,CAAA,EAAAT,MAAM,KAAN,IAAA,IAAAA,MAAM,KAAN,KAAA,CAAA,GAAA,KAAA,CAAA,GAAAA,MAAM,CAAEkB,OAAO,CACZ,CACF,CACP,CACG;GACP;EAEDtB,MAAM,CAACuB,WAAW,GAAG,iBAAiB;EAAA,OAnCzBvB,MAAM;AAAA;"}

package/dist/esm/__future__/Workflow/subcomponents/Footer/components/ProgressStepper/ProgressStepper.mjs

@@ -6,6 +6,7 @@ import { IndicatorActiveIcon } from '../../../../../../Icon/IndicatorActiveIcon.
 import { IndicatorInactiveIcon } from '../../../../../../Icon/IndicatorInactiveIcon.mjs';
 import { SuccessIcon } from '../../../../../../Icon/SuccessIcon.mjs';
 import { Text } from '../../../../../../Text/Text.mjs';
+import { VisuallyHidden } from '../../../../../../VisuallyHidden/VisuallyHidden.mjs';
 import styles from './ProgressStepper.module.scss.mjs';
 var getStepStatus = function (isComplete, isCurrentStep, step, index) {
   if (isComplete) {
@@ -68,9 +69,7 @@ const ProgressStepper = /*#__PURE__*/function () {
         "aria-current": isCurrentStep
       }, /*#__PURE__*/React.createElement("div", {
         className: styles.stepContent
-      }, /*#__PURE__*/React.createElement("span", {
-        className: "sr-only"
-      }, accessibleName), /*#__PURE__*/React.createElement(Text, {
+      }, /*#__PURE__*/React.createElement(VisuallyHidden, null, accessibleName), /*#__PURE__*/React.createElement(Text, {
         classNameOverride: styles.stepName,
         variant: "small",
         color: "white",