@kaizen/components 1.39.1 → 1.39.2

package/dist/esm/dts/Filter/FilterBar/subcomponents/FilterBarButton/FilterBarButton.d.ts

@@ -2,7 +2,7 @@ import React from "react";
 import { FilterTriggerRef } from "../../../Filter";
 import { FilterButtonProps } from "../../../FilterButton";
 export type FilterBarButtonProps = FilterButtonProps & {
-    id: string;
+    filterId: string;
     isRemovable: boolean | undefined;
 };
 export declare const FilterBarButton: React.ForwardRefExoticComponent<{
@@ -10,6 +10,6 @@ export declare const FilterBarButton: React.ForwardRefExoticComponent<{
     selectedValue?: string | JSX.Element | undefined;
     isOpen?: boolean | undefined;
 } & Omit<import("../../../FilterButton/subcomponents/FilterButtonBase").FilterButtonBaseProps, "children"> & {
-    id: string;
+    filterId: string;
     isRemovable: boolean | undefined;
 } & React.RefAttributes<FilterTriggerRef>>;

package/dist/esm/dts/Filter/FilterDatePicker/hooks/useDateInputHandlers.d.ts

@@ -1,3 +1,4 @@
+import type { Locale } from "date-fns";
 import { DisabledDays } from "../../../Calendar";
 import { DateInputProps } from "../../../DateInput";
 type UseDateInputHandlersArgs = {

package/dist/esm/dts/Filter/FilterDatePicker/subcomponents/DateInputField/DateInputField.d.ts

@@ -1,4 +1,5 @@
 import React from "react";
+import type { Locale } from "date-fns";
 import { DateInputProps, DateInputDescriptionProps } from "../../../../DateInput";
 import { ValidationMessage } from "../../types";
 export type DateInputFieldProps = {

package/dist/esm/dts/Filter/FilterDatePicker/utils/transformDateToInputValue.d.ts

@@ -1,2 +1,3 @@
+import type { Locale } from "date-fns";
 import { DisabledDays } from "../../../Calendar";
 export declare const transformDateToInputValue: (date: Date | undefined, disabledDays: DisabledDays, locale: Locale) => string;

package/dist/esm/dts/Filter/FilterDateRangePicker/subcomponents/DateRangeDisplayLabel/DateRangeDisplayLabel.d.ts

@@ -1,4 +1,5 @@
 /// <reference types="react" />
+import type { Locale } from "date-fns";
 export type DateRangeDisplayLabelProps = {
     dateRange: {
         from: Date;

package/dist/esm/dts/Filter/FilterDateRangePicker/subcomponents/DateRangeInputField/DateRangeInputField.d.ts

@@ -1,4 +1,5 @@
 import React, { HTMLAttributes } from "react";
+import type { Locale } from "date-fns";
 import { DateInputDescriptionProps, DateInputProps } from "../../../../DateInput";
 import { OverrideClassName } from "../../../../types/OverrideClassName";
 import { DateRangeValidationMessageProps } from "../DateRangeValidationMessage";

package/dist/esm/index.css

@@ -1,10 +1,10 @@
 .Select-module_container__TaMKg{position:relative;width:100%}.Select-module_notFullWidth__Mr-3G{width:180px}
 .Main-module_main__hMyB1{z-index:0}
 .Wrapper-module_wrapper__89WmC{background:var(--color-gray-100,#f9f9f9);display:grid;grid-template-rows:min-content 1fr min-content;min-height:100vh;position:relative}
-.FooterRoot-module_footerRoot__N-6nQ{align-items:center;background:var(--color-blue-500,#0168b3);display:grid;flex-grow:1;gap:var(--spacing-16,1rem);grid-template-areas:"prev stepper next";grid-template-columns:1fr 2fr 1fr;justify-content:center;padding:var(--spacing-24,1.5rem) var(--spacing-12,.75rem)}@media (min-width:768px){.FooterRoot-module_footerRoot__N-6nQ{bottom:0;grid-template-columns:1fr 5fr 1fr;padding:var(--spacing-24,1.5rem) var(--spacing-32,2rem);position:sticky;z-index:1}}
 .FooterActions-module_footerAction__v7eL-{display:flex;flex-basis:auto;flex-grow:1}.FooterActions-module_footerActionPrevious__2XByZ{grid-area:"prev";justify-content:start}.FooterActions-module_footerActionNext__IKRta{grid-area:"next";justify-content:end}
-.Titles-module_titles__JYwU0{align-items:center;flex-grow:1;grid-area:titles;justify-content:center}.Titles-module_pageTitle__YDp9S,.Titles-module_titles__JYwU0{display:flex;flex-direction:column}.Titles-module_prefix__40x8n{margin-bottom:var(--spacing-4,.25rem)}.Titles-module_status__huuP7{margin-top:var(--spacing-8,.5rem)}
 .Actions-module_actions__Prrp0{align-items:center;display:flex;flex-direction:column;flex-grow:1;grid-area:actions;justify-content:center}@media (min-width:768px){.Actions-module_actions__Prrp0{align-items:flex-start;flex-direction:row;justify-content:flex-end;margin-top:calc(var(--spacing-12, .75rem)*-1)}}
+.FooterRoot-module_footerRoot__N-6nQ{align-items:center;background:var(--color-blue-500,#0168b3);display:grid;flex-grow:1;gap:var(--spacing-16,1rem);grid-template-areas:"prev stepper next";grid-template-columns:1fr 2fr 1fr;justify-content:center;padding:var(--spacing-24,1.5rem) var(--spacing-12,.75rem)}@media (min-width:768px){.FooterRoot-module_footerRoot__N-6nQ{bottom:0;grid-template-columns:1fr 5fr 1fr;padding:var(--spacing-24,1.5rem) var(--spacing-32,2rem);position:sticky;z-index:1}}
+.Titles-module_titles__JYwU0{align-items:center;flex-grow:1;grid-area:titles;justify-content:center}.Titles-module_pageTitle__YDp9S,.Titles-module_titles__JYwU0{display:flex;flex-direction:column}.Titles-module_prefix__40x8n{margin-bottom:var(--spacing-4,.25rem)}.Titles-module_status__huuP7{margin-top:var(--spacing-8,.5rem)}
 .Branding-module_branding__4h-rD{display:flex;flex-grow:1;grid-area:branding;justify-content:center;padding-top:var(--spacing-4,.25rem)}@media (min-width:768px){.Branding-module_branding__4h-rD{justify-content:unset}}.Branding-module_logo__vqqec{flex-basis:7.5rem}
 .ProgressStepper-module_stepsContainer__WMxXN{grid-area:stepper;width:100%}.ProgressStepper-module_stepList__b1wWX{align-items:flex-end;display:none;justify-content:center;list-style:none;margin:0;padding:0}@media (min-width:768px){.ProgressStepper-module_stepList__b1wWX{display:flex}}.ProgressStepper-module_step__-Ep19{container:step/inline-size;display:flex;flex-basis:100%;flex-grow:1;justify-content:center;max-width:var(--spacing-96,6rem);overflow-wrap:break-word;position:relative}.ProgressStepper-module_stepContent__B4uFS{align-items:center;display:flex;flex-direction:column}.ProgressStepper-module_stepIndicator__-qEWT{height:1.25rem;position:relative;width:1.25rem}.ProgressStepper-module_stepName__hS4lp{display:none;font-weight:var(--typography-paragraph-bold-font-weight,600);margin-bottom:var(--spacing-12,.75rem);text-align:center}.ProgressStepper-module_stepIcon__0Kh4y{color:var(--color-white,#fff);height:1.25rem;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:1.25rem}.ProgressStepper-module_stepDivider__KEZPU{border:var(--spacing-1,.0625rem) solid var(--color-white,#fff);border-radius:var(--border-solid-border-radius,7px);display:flex;flex-grow:1;height:0;left:100%;margin:0;min-width:calc(100% - var(--spacing-24, 1.5rem));position:absolute;top:calc(100% - .625rem);transform:translateX(-50%)}[dir=rtl] .ProgressStepper-module_stepDivider__KEZPU{left:unset;right:100%;transform:translateX(50%)}.ProgressStepper-module_stepperDescription__B00hX{display:flex;justify-content:center}@media (min-width:768px){.ProgressStepper-module_stepperDescription__B00hX{height:0;overflow:hidden;position:absolute;width:0}}@container step (min-width: 4.5rem){.ProgressStepper-module_stepName__hS4lp{display:inline}}
 .Root-module_root__7DVw5{align-items:center;background-color:var(--color-white,#fff);box-shadow:var(--shadow-small-box-shadow,0 3px 16px rgba(0,0,0,.06),0 1px 3px rgba(0,0,0,.1));display:grid;flex-grow:1;gap:var(--spacing-16,1rem);grid-template:"branding" min-content "titles" max-content "actions" min-content/1fr;justify-content:center;padding:var(--spacing-24,1.5rem);text-align:center}@media (min-width:768px){.Root-module_root__7DVw5{align-items:start;grid-template:"branding titles actions" min-content/1fr max-content 1fr;position:sticky;top:0;z-index:1}}

package/dist/index.d.ts

@@ -3,6 +3,7 @@ import * as React$1 from 'react';
 import React__default, { HTMLAttributes, MouseEvent, FocusEvent, ComponentType, ReactElement, ReactNode, ButtonHTMLAttributes, InputHTMLAttributes, RefObject, SVGAttributes, LabelHTMLAttributes, SyntheticEvent, AnchorHTMLAttributes, TextareaHTMLAttributes } from 'react';
 import { DayPickerSingleProps, DayPickerRangeProps, DayPickerProps, DateRange, DateInterval, Matcher, DayClickEventHandler } from 'react-day-picker';
 export { DateInterval, DateRange } from 'react-day-picker';
+import { Locale } from 'date-fns';
 import { Key, Node, SelectionMode, Selection } from '@react-types/shared';
 import { AriaMenuOptions } from '@react-aria/menu';
 import { MenuTriggerState } from '@react-stately/menu';
@@ -1330,6 +1331,7 @@ type FilterProps = {
     isOpen: boolean;
     setIsOpen: (isOpen: boolean) => void;
     renderTrigger: (triggerProps: {
+        id: string;
         onClick: () => void;
         isOpen: boolean;
     }) => JSX.Element & {