@pismo/marola 2.1.0 → 2.1.2

package/dist/DatePicker.module-C9zgeg52.js

@@ -0,0 +1,46 @@
+import './assets/DatePicker.css';const a = "_header_w0a09_161", e = "_calendar_w0a09_107", _ = "_weekdayNames_w0a09_189", t = "_days_w0a09_190", n = "_weekdayName_w0a09_189", d = "_day_w0a09_190", r = "_disabled_w0a09_212", o = "_selected_w0a09_212", w = "_faded_w0a09_221", c = "_months_w0a09_259", s = "_years_w0a09_260", i = "_month_w0a09_127", y = "_year_w0a09_260", l = "_rotate_w0a09_340", h = {
+  "datepicker-wrapper": "_datepicker-wrapper_w0a09_79",
+  "input-container": "_input-container_w0a09_88",
+  "datepicker-input": "_datepicker-input_w0a09_101",
+  "calendar-icon": "_calendar-icon_w0a09_107",
+  "datepicker-container": "_datepicker-container_w0a09_111",
+  "range-mode": "_range-mode_w0a09_124",
+  "month-header": "_month-header_w0a09_127",
+  "month-header-row": "_month-header-row_w0a09_138",
+  "nav-button": "_nav-button_w0a09_150",
+  header: a,
+  calendar: e,
+  weekdayNames: _,
+  days: t,
+  weekdayName: n,
+  day: d,
+  disabled: r,
+  selected: o,
+  "range-start": "_range-start_w0a09_212",
+  "range-end": "_range-end_w0a09_212",
+  "range-selected": "_range-selected_w0a09_212",
+  faded: w,
+  months: c,
+  years: s,
+  month: i,
+  year: y,
+  "today-footer": "_today-footer_w0a09_299",
+  "today-button": "_today-button_w0a09_305",
+  rotate: l,
+  "current-day": "_current-day_w0a09_344",
+  "hovered-range": "_hovered-range_w0a09_349",
+  "hovered-date": "_hovered-date_w0a09_354",
+  "would-be-end-date": "_would-be-end-date_w0a09_360",
+  "would-be-start-date": "_would-be-start-date_w0a09_366",
+  "dual-calendar-container": "_dual-calendar-container_w0a09_373",
+  "navigator-input": "_navigator-input_w0a09_384",
+  "nav-month-button": "_nav-month-button_w0a09_413",
+  "nav-year-button": "_nav-year-button_w0a09_414",
+  "auto-width": "_auto-width_w0a09_422",
+  "month-selector": "_month-selector_w0a09_427",
+  "year-selector": "_year-selector_w0a09_428",
+  "nav-calendar-static": "_nav-calendar-static_w0a09_460"
+};
+export {
+  h as s
+};

package/dist/assets/DatePicker.css

@@ -1 +1 @@
-._u-typography-h1_57qu7_1{font-size:var(--heading-font-size-1);font-weight:var(--heading-font-weight);line-height:var(--heading-line-height-1);margin:0}._u-typography-h2_57qu7_8{font-size:var(--heading-font-size-2);font-weight:var(--heading-font-weight);line-height:var(--heading-line-height-2);margin:0}._u-typography-h3_57qu7_15{font-size:var(--heading-font-size-3);font-weight:var(--heading-font-weight);line-height:var(--heading-line-height-3);margin:0}._u-typography-h4_57qu7_22{font-size:var(--heading-font-size-4);font-weight:var(--heading-font-weight);line-height:var(--heading-line-height-4);margin:0}._u-typography-h5_57qu7_29{font-size:var(--heading-font-size-5);font-weight:var(--heading-font-weight);line-height:var(--heading-line-height-5);margin:0}._u-typography-h6_57qu7_36{font-size:var(--heading-font-size-6);font-weight:var(--heading-font-weight);line-height:var(--heading-line-height-6);margin:0}._u-typography-base_57qu7_43{margin:0;font-size:var(--base-font-size);font-weight:var(--base-weight);line-height:var(--base-line-height)}._u-typography-base--xxl_57qu7_49{font-size:var(--base-font-size-xxl);line-height:var(--base-line-height-xxl)}._u-typography-base--xl_57qu7_53{font-size:var(--base-font-size-xl);line-height:var(--base-line-height-xl)}._u-typography-base--lg_57qu7_57{font-size:var(--base-font-size-lg);line-height:var(--base-line-height-lg)}._u-typography-base--sm_57qu7_61{font-size:var(--base-font-size-sm);line-height:var(--base-line-height-sm)}._u-typography-base--bold_57qu7_65{font-weight:var(--base-bold)}._u-typography-base--strikethrough_57qu7_68{text-decoration:line-through}._u-typography-base--underlined_57qu7_71{text-decoration:underline}._u-typography-base--strikethrough-underlined_57qu7_74{text-decoration:underline line-through}._datepicker-wrapper_57qu7_79{position:relative;display:inline-block;width:100%}._input-container_57qu7_85{display:flex;align-items:center;padding:.5rem .75rem;cursor:pointer;background:#fff;border:.0625rem solid var(--colors-neutral-border-color-border);border-radius:.5rem;transition:border .2s ease-in-out}._input-container_57qu7_85:hover{border-color:var(--colors-brand-primary-color-primary)}._input-container_57qu7_85 ._datepicker-input_57qu7_98{width:100%;font-size:1rem;border:none;outline:none}._input-container_57qu7_85 ._calendar-icon_57qu7_104{cursor:pointer}._datepicker-container_57qu7_108{position:absolute;left:0;z-index:100;width:max-content;padding:1rem;margin-top:.5rem;background:#fff;border:.0625rem solid #ddd;border-radius:.375rem;box-shadow:0 .25rem .625rem #0000001a;animation:_fadeIn_57qu7_1 .2s ease-in-out,_slideUp_57qu7_1 .2s ease-in-out}._datepicker-container_57qu7_108._range-mode_57qu7_121{width:max-content}._datepicker-container_57qu7_108._range-mode_57qu7_121 ._month-headers_57qu7_124{display:flex;justify-content:space-between;width:100%;margin-bottom:.625rem}._datepicker-container_57qu7_108._range-mode_57qu7_121 ._month-headers_57qu7_124 ._month-header_57qu7_124{flex:1;font-weight:700;text-align:center}._datepicker-container_57qu7_108._range-mode_57qu7_121 ._month-header-row_57qu7_135{display:flex;align-items:center;justify-content:space-between;width:100%;margin-bottom:.625rem}._datepicker-container_57qu7_108._range-mode_57qu7_121 ._month-header-row_57qu7_135 ._month-header_57qu7_124{flex:1;font-weight:700;text-align:center}._datepicker-container_57qu7_108._range-mode_57qu7_121 ._month-header-row_57qu7_135 ._nav-button_57qu7_147{padding:.3125rem;font-size:1rem;cursor:pointer;background:none;border:none;transition:.2s ease}._datepicker-container_57qu7_108._range-mode_57qu7_121 ._month-header-row_57qu7_135 ._nav-button_57qu7_147:hover{color:var(--colors-brand-primary-color-primary)}._datepicker-container_57qu7_108 ._header_57qu7_158{width:100%}._header_57qu7_158{display:flex;align-items:center;justify-content:space-between;padding-bottom:.625rem;font-weight:700}._header_57qu7_158 button{padding:.3125rem;font-size:1rem;cursor:pointer;background:none;border:none;transition:.2s ease}._header_57qu7_158 button:hover{color:var(--colors-brand-primary-color-primary)}._calendar_57qu7_104{display:flex;flex-direction:column}._weekdayNames_57qu7_186,._days_57qu7_187{display:grid;grid-template-columns:repeat(7,auto);gap:0}._weekdayName_57qu7_186,._day_57qu7_187{display:flex;align-items:center;justify-content:center;width:2.75rem;height:2.75rem;padding:.3125rem 0;font-size:1rem;font-weight:700;cursor:pointer;background-color:transparent;border:none;border-radius:.5rem;transition:background .2s ease-in-out}._weekdayName_57qu7_186:hover:not(._disabled_57qu7_209,._selected_57qu7_209,._range-start_57qu7_209,._range-end_57qu7_209,._range-selected_57qu7_209),._day_57qu7_187:hover:not(._disabled_57qu7_209,._selected_57qu7_209,._range-start_57qu7_209,._range-end_57qu7_209,._range-selected_57qu7_209){background-color:#fafafa}._weekdayName_57qu7_186._selected_57qu7_209,._day_57qu7_187._selected_57qu7_209{color:#fff;background:var(--colors-brand-primary-color-primary)}._weekdayName_57qu7_186._faded_57qu7_218:not(._disabled_57qu7_209),._day_57qu7_187._faded_57qu7_218:not(._disabled_57qu7_209){color:#3f3d4b40}._weekdayName_57qu7_186._disabled_57qu7_209,._day_57qu7_187._disabled_57qu7_209{color:#aaa;cursor:not-allowed}._weekdayName_57qu7_186._range-selected_57qu7_209:not(._range-start_57qu7_209,._range-end_57qu7_209),._day_57qu7_187._range-selected_57qu7_209:not(._range-start_57qu7_209,._range-end_57qu7_209){background:var(--colors-brand-primary-color-primary-bg);border-radius:0}._weekdayName_57qu7_186._range-start_57qu7_209,._day_57qu7_187._range-start_57qu7_209{color:#fff;background:var(--colors-brand-primary-color-primary);border-top-right-radius:0;border-bottom-right-radius:0}._weekdayName_57qu7_186._range-end_57qu7_209,._day_57qu7_187._range-end_57qu7_209{color:#fff;background:var(--colors-brand-primary-color-primary);border-top-left-radius:0;border-bottom-left-radius:0}._day_57qu7_187{margin-bottom:.25rem;color:#3f3d4be0}._weekdayName_57qu7_186{color:#3f3d4b73}._months_57qu7_256,._years_57qu7_257{display:grid;grid-template-columns:repeat(3,auto);gap:0}._months_57qu7_256 ._month_57qu7_124,._months_57qu7_256 ._year_57qu7_257,._years_57qu7_257 ._month_57qu7_124,._years_57qu7_257 ._year_57qu7_257{display:flex;align-items:center;justify-content:center;width:7.5rem;height:2.5rem;padding:.5rem .625rem;margin:.25rem;font-size:1rem;font-weight:700;color:#3f3d4be0;cursor:pointer;background-color:transparent;border:none;border-radius:.5rem;transition:background .2s ease-in-out}._months_57qu7_256 ._month_57qu7_124:hover:not(._selected_57qu7_209),._months_57qu7_256 ._year_57qu7_257:hover:not(._selected_57qu7_209),._years_57qu7_257 ._month_57qu7_124:hover:not(._selected_57qu7_209),._years_57qu7_257 ._year_57qu7_257:hover:not(._selected_57qu7_209){background-color:#fafafa}._months_57qu7_256 ._month_57qu7_124._selected_57qu7_209,._months_57qu7_256 ._year_57qu7_257._selected_57qu7_209,._years_57qu7_257 ._month_57qu7_124._selected_57qu7_209,._years_57qu7_257 ._year_57qu7_257._selected_57qu7_209{color:#fff;background:var(--colors-brand-primary-color-primary)}._today-footer_57qu7_296{display:flex;justify-content:center;margin-top:.625rem}._today-button_57qu7_302{display:block;width:100%;height:2.5rem;padding:.5rem;font-size:1rem;font-weight:700;color:#3f3d4be0;text-align:center;cursor:pointer;background:transparent;border:.0625rem solid #ddd;border-radius:.375rem;transition:background .2s ease-in-out}._today-button_57qu7_302:hover{background-color:#fafafa}@keyframes _fadeIn_57qu7_1{0%{opacity:0}to{opacity:1}}@keyframes _slideUp_57qu7_1{0%{transform:translateY(.625rem)}to{transform:translateY(0)}}._rotate_57qu7_337{transform:rotate(180deg)}._current-day_57qu7_341{background:none;border:.125rem solid var(--colors-brand-primary-color-primary)}._hovered-range_57qu7_346:not(._range-start_57qu7_209,._range-end_57qu7_209){background:var(--colors-brand-primary-color-primary-bg);border-radius:0}._hovered-date_57qu7_351{background:#c5eeff!important}._hovered-date_57qu7_351:not(._range-start_57qu7_209,._range-end_57qu7_209){border-radius:0}._hovered-date_57qu7_351._would-be-end-date_57qu7_357{color:#fff;background:#1897f3cc!important;border-top-right-radius:.5rem;border-bottom-right-radius:.5rem}._hovered-date_57qu7_351._would-be-start-date_57qu7_363{color:#fff;background:#1897f3cc!important;border-top-left-radius:0;border-bottom-left-radius:0}._dual-calendar-container_57qu7_370{display:flex;gap:2rem;justify-content:center;width:max-content}._dual-calendar-container_57qu7_370 ._calendar_57qu7_104{flex:0 0 auto;width:max-content}._navigator-input_57qu7_381{display:flex;align-items:center;justify-content:space-between;width:11.25rem;height:2.5rem;padding:.5rem .75rem;cursor:pointer;background:var(--input-bg, #ffffff);border:.0625rem solid var(--input-border, var(--colors-neutral-border-color-border));border-radius:.5rem}._navigator-input_57qu7_381 ._nav-button_57qu7_147{display:flex;align-items:center;justify-content:center;padding:.25rem;cursor:pointer;background:none;border:none}._navigator-input_57qu7_381 ._nav-button_57qu7_147:hover{background-color:#0000000d;border-radius:.25rem}._navigator-input_57qu7_381 ._nav-calendar-icon_57qu7_406{margin:0 .25rem;color:var(--icon-color, #666)}._navigator-input_57qu7_381 ._nav-month-button_57qu7_410,._navigator-input_57qu7_381 ._nav-year-button_57qu7_411{padding:0;margin:0 .125rem;font-size:.875rem;cursor:pointer;background:none;border:none}._navigator-input_57qu7_381._auto-width_57qu7_419{width:fit-content;min-width:min-content}._month-selector_57qu7_424,._year-selector_57qu7_425{padding:0;font-size:inherit;font-weight:inherit;color:inherit;cursor:pointer;background:none;border:none}._month-selector_57qu7_424:hover,._year-selector_57qu7_425:hover{color:inherit;text-decoration:none;cursor:pointer;background:transparent;border:none;outline:none;box-shadow:none}._auto-width_57qu7_419{display:inline-flex;align-items:center;width:auto}._nav-month-button_57qu7_410,._nav-year-button_57qu7_411{padding:0 .25rem;white-space:nowrap}._nav-calendar-static_57qu7_457{display:inline-flex;align-items:center;justify-content:center;margin:0 .25rem;color:inherit;cursor:default}._nav-calendar-static_57qu7_457 svg{pointer-events:none}._nav-calendar-static_57qu7_457:hover,._nav-calendar-static_57qu7_457:focus,._nav-calendar-static_57qu7_457:active{color:inherit;cursor:default;background:transparent;outline:none;box-shadow:none}
+._u-typography-h1_w0a09_1{font-size:var(--heading-font-size-1);font-weight:var(--heading-font-weight);line-height:var(--heading-line-height-1);margin:0}._u-typography-h2_w0a09_8{font-size:var(--heading-font-size-2);font-weight:var(--heading-font-weight);line-height:var(--heading-line-height-2);margin:0}._u-typography-h3_w0a09_15{font-size:var(--heading-font-size-3);font-weight:var(--heading-font-weight);line-height:var(--heading-line-height-3);margin:0}._u-typography-h4_w0a09_22{font-size:var(--heading-font-size-4);font-weight:var(--heading-font-weight);line-height:var(--heading-line-height-4);margin:0}._u-typography-h5_w0a09_29{font-size:var(--heading-font-size-5);font-weight:var(--heading-font-weight);line-height:var(--heading-line-height-5);margin:0}._u-typography-h6_w0a09_36{font-size:var(--heading-font-size-6);font-weight:var(--heading-font-weight);line-height:var(--heading-line-height-6);margin:0}._u-typography-base_w0a09_43{margin:0;font-size:var(--base-font-size);font-weight:var(--base-weight);line-height:var(--base-line-height)}._u-typography-base--xxl_w0a09_49{font-size:var(--base-font-size-xxl);line-height:var(--base-line-height-xxl)}._u-typography-base--xl_w0a09_53{font-size:var(--base-font-size-xl);line-height:var(--base-line-height-xl)}._u-typography-base--lg_w0a09_57{font-size:var(--base-font-size-lg);line-height:var(--base-line-height-lg)}._u-typography-base--sm_w0a09_61{font-size:var(--base-font-size-sm);line-height:var(--base-line-height-sm)}._u-typography-base--bold_w0a09_65{font-weight:var(--base-bold)}._u-typography-base--strikethrough_w0a09_68{text-decoration:line-through}._u-typography-base--underlined_w0a09_71{text-decoration:underline}._u-typography-base--strikethrough-underlined_w0a09_74{text-decoration:underline line-through}._datepicker-wrapper_w0a09_79{position:relative;display:inline-block;width:100%}._datepicker-wrapper_w0a09_79 svg{color:#3f3d4b}._input-container_w0a09_88{display:flex;align-items:center;padding:.5rem .75rem;cursor:pointer;background:#fff;border:.0625rem solid var(--colors-neutral-border-color-border);border-radius:.5rem;transition:border .2s ease-in-out}._input-container_w0a09_88:hover{border-color:var(--colors-brand-primary-color-primary)}._input-container_w0a09_88 ._datepicker-input_w0a09_101{width:100%;font-size:1rem;border:none;outline:none}._input-container_w0a09_88 ._calendar-icon_w0a09_107{cursor:pointer}._datepicker-container_w0a09_111{position:absolute;left:0;z-index:100;width:max-content;padding:1rem;margin-top:.5rem;background:#fff;border:.0625rem solid #ddd;border-radius:.375rem;box-shadow:0 .25rem .625rem #0000001a;animation:_fadeIn_w0a09_1 .2s ease-in-out,_slideUp_w0a09_1 .2s ease-in-out}._datepicker-container_w0a09_111._range-mode_w0a09_124{width:max-content}._datepicker-container_w0a09_111._range-mode_w0a09_124 ._month-headers_w0a09_127{display:flex;justify-content:space-between;width:100%;margin-bottom:.625rem}._datepicker-container_w0a09_111._range-mode_w0a09_124 ._month-headers_w0a09_127 ._month-header_w0a09_127{flex:1;font-weight:700;text-align:center}._datepicker-container_w0a09_111._range-mode_w0a09_124 ._month-header-row_w0a09_138{display:flex;align-items:center;justify-content:space-between;width:100%;margin-bottom:.625rem}._datepicker-container_w0a09_111._range-mode_w0a09_124 ._month-header-row_w0a09_138 ._month-header_w0a09_127{flex:1;font-weight:700;text-align:center}._datepicker-container_w0a09_111._range-mode_w0a09_124 ._month-header-row_w0a09_138 ._nav-button_w0a09_150{padding:.3125rem;font-size:1rem;cursor:pointer;background:none;border:none;transition:.2s ease}._datepicker-container_w0a09_111._range-mode_w0a09_124 ._month-header-row_w0a09_138 ._nav-button_w0a09_150:hover{color:var(--colors-brand-primary-color-primary)}._datepicker-container_w0a09_111 ._header_w0a09_161{width:100%}._header_w0a09_161{display:flex;align-items:center;justify-content:space-between;padding-bottom:.625rem;font-weight:700}._header_w0a09_161 button{padding:.3125rem;font-size:1rem;cursor:pointer;background:none;border:none;transition:.2s ease}._header_w0a09_161 button:hover{color:var(--colors-brand-primary-color-primary)}._calendar_w0a09_107{display:flex;flex-direction:column}._weekdayNames_w0a09_189,._days_w0a09_190{display:grid;grid-template-columns:repeat(7,auto);gap:0}._weekdayName_w0a09_189,._day_w0a09_190{display:flex;align-items:center;justify-content:center;width:2.75rem;height:2.75rem;padding:.3125rem 0;font-size:1rem;font-weight:700;cursor:pointer;background-color:transparent;border:none;border-radius:.5rem;transition:background .2s ease-in-out}._weekdayName_w0a09_189:hover:not(._disabled_w0a09_212,._selected_w0a09_212,._range-start_w0a09_212,._range-end_w0a09_212,._range-selected_w0a09_212),._day_w0a09_190:hover:not(._disabled_w0a09_212,._selected_w0a09_212,._range-start_w0a09_212,._range-end_w0a09_212,._range-selected_w0a09_212){background-color:#fafafa}._weekdayName_w0a09_189._selected_w0a09_212,._day_w0a09_190._selected_w0a09_212{color:#fff;background:var(--colors-brand-primary-color-primary)}._weekdayName_w0a09_189._faded_w0a09_221:not(._disabled_w0a09_212),._day_w0a09_190._faded_w0a09_221:not(._disabled_w0a09_212){color:#3f3d4b40}._weekdayName_w0a09_189._disabled_w0a09_212,._day_w0a09_190._disabled_w0a09_212{color:#aaa;cursor:not-allowed}._weekdayName_w0a09_189._range-selected_w0a09_212:not(._range-start_w0a09_212,._range-end_w0a09_212),._day_w0a09_190._range-selected_w0a09_212:not(._range-start_w0a09_212,._range-end_w0a09_212){background:var(--colors-brand-primary-color-primary-bg);border-radius:0}._weekdayName_w0a09_189._range-start_w0a09_212,._day_w0a09_190._range-start_w0a09_212{color:#fff;background:var(--colors-brand-primary-color-primary);border-top-right-radius:0;border-bottom-right-radius:0}._weekdayName_w0a09_189._range-end_w0a09_212,._day_w0a09_190._range-end_w0a09_212{color:#fff;background:var(--colors-brand-primary-color-primary);border-top-left-radius:0;border-bottom-left-radius:0}._day_w0a09_190{margin-bottom:.25rem;color:#3f3d4be0}._weekdayName_w0a09_189{color:#3f3d4b73}._months_w0a09_259,._years_w0a09_260{display:grid;grid-template-columns:repeat(3,auto);gap:0}._months_w0a09_259 ._month_w0a09_127,._months_w0a09_259 ._year_w0a09_260,._years_w0a09_260 ._month_w0a09_127,._years_w0a09_260 ._year_w0a09_260{display:flex;align-items:center;justify-content:center;width:7.5rem;height:2.5rem;padding:.5rem .625rem;margin:.25rem;font-size:1rem;font-weight:700;color:#3f3d4be0;cursor:pointer;background-color:transparent;border:none;border-radius:.5rem;transition:background .2s ease-in-out}._months_w0a09_259 ._month_w0a09_127:hover:not(._selected_w0a09_212),._months_w0a09_259 ._year_w0a09_260:hover:not(._selected_w0a09_212),._years_w0a09_260 ._month_w0a09_127:hover:not(._selected_w0a09_212),._years_w0a09_260 ._year_w0a09_260:hover:not(._selected_w0a09_212){background-color:#fafafa}._months_w0a09_259 ._month_w0a09_127._selected_w0a09_212,._months_w0a09_259 ._year_w0a09_260._selected_w0a09_212,._years_w0a09_260 ._month_w0a09_127._selected_w0a09_212,._years_w0a09_260 ._year_w0a09_260._selected_w0a09_212{color:#fff;background:var(--colors-brand-primary-color-primary)}._today-footer_w0a09_299{display:flex;justify-content:center;margin-top:.625rem}._today-button_w0a09_305{display:block;width:100%;height:2.5rem;padding:.5rem;font-size:1rem;font-weight:700;color:#3f3d4be0;text-align:center;cursor:pointer;background:transparent;border:.0625rem solid #ddd;border-radius:.375rem;transition:background .2s ease-in-out}._today-button_w0a09_305:hover{background-color:#fafafa}@keyframes _fadeIn_w0a09_1{0%{opacity:0}to{opacity:1}}@keyframes _slideUp_w0a09_1{0%{transform:translateY(.625rem)}to{transform:translateY(0)}}._rotate_w0a09_340{transform:rotate(180deg)}._current-day_w0a09_344{background:none;border:.125rem solid var(--colors-brand-primary-color-primary)}._hovered-range_w0a09_349:not(._range-start_w0a09_212,._range-end_w0a09_212){background:var(--colors-brand-primary-color-primary-bg);border-radius:0}._hovered-date_w0a09_354{background:#c5eeff!important}._hovered-date_w0a09_354:not(._range-start_w0a09_212,._range-end_w0a09_212){border-radius:0}._hovered-date_w0a09_354._would-be-end-date_w0a09_360{color:#fff;background:#1897f3cc!important;border-top-right-radius:.5rem;border-bottom-right-radius:.5rem}._hovered-date_w0a09_354._would-be-start-date_w0a09_366{color:#fff;background:#1897f3cc!important;border-top-left-radius:0;border-bottom-left-radius:0}._dual-calendar-container_w0a09_373{display:flex;gap:2rem;justify-content:center;width:max-content}._dual-calendar-container_w0a09_373 ._calendar_w0a09_107{flex:0 0 auto;width:max-content}._navigator-input_w0a09_384{display:flex;align-items:center;justify-content:space-between;width:11.25rem;height:2.5rem;padding:.5rem .75rem;cursor:pointer;background:var(--input-bg, #ffffff);border:.0625rem solid var(--input-border, var(--colors-neutral-border-color-border));border-radius:.5rem}._navigator-input_w0a09_384 ._nav-button_w0a09_150{display:flex;align-items:center;justify-content:center;padding:.25rem;cursor:pointer;background:none;border:none}._navigator-input_w0a09_384 ._nav-button_w0a09_150:hover{background-color:#0000000d;border-radius:.25rem}._navigator-input_w0a09_384 ._nav-calendar-icon_w0a09_409{margin:0 .25rem;color:var(--icon-color, #666)}._navigator-input_w0a09_384 ._nav-month-button_w0a09_413,._navigator-input_w0a09_384 ._nav-year-button_w0a09_414{padding:0;margin:0 .125rem;font-size:.875rem;cursor:pointer;background:none;border:none}._navigator-input_w0a09_384._auto-width_w0a09_422{width:fit-content;min-width:min-content}._month-selector_w0a09_427,._year-selector_w0a09_428{padding:0;font-size:inherit;font-weight:inherit;color:inherit;cursor:pointer;background:none;border:none}._month-selector_w0a09_427:hover,._year-selector_w0a09_428:hover{color:inherit;text-decoration:none;cursor:pointer;background:transparent;border:none;outline:none;box-shadow:none}._auto-width_w0a09_422{display:inline-flex;align-items:center;width:auto}._nav-month-button_w0a09_413,._nav-year-button_w0a09_414{padding:0 .25rem;white-space:nowrap}._nav-calendar-static_w0a09_460{display:inline-flex;align-items:center;justify-content:center;margin:0 .25rem;color:inherit;cursor:default}._nav-calendar-static_w0a09_460 svg{pointer-events:none}._nav-calendar-static_w0a09_460:hover,._nav-calendar-static_w0a09_460:focus,._nav-calendar-static_w0a09_460:active{color:inherit;cursor:default;background:transparent;outline:none;box-shadow:none}

package/dist/components/DatePicker/DatePicker.js

@@ -4,7 +4,7 @@ import { useState as ne, useRef as at, useEffect as Ne, useCallback as Ft } from
 import { r as It, d as ye } from "../../dayjs.min-ClQKmc--.js";
 import { g as Le } from "../../_commonjsHelpers-C6fGbg64.js";
 import { Icon as Ut } from "../Icon/Icon.js";
-import { s as K } from "../../DatePicker.module-CmT9Zbbu.js";
+import { s as K } from "../../DatePicker.module-C9zgeg52.js";
 import { getPreviousMonth as Vt, getNextMonth as zt, isDisabled as Xt } from "./dateUtils.js";
 import { handleDatePickerKeyDown as Jt } from "./keyboardNavigation.js";
 import { renderCalendarDays as Kt } from "./renderCalendarDays.js";
@@ -1465,7 +1465,7 @@ const Un = (e) => {
     {
       ref: A,
       onKeyDown: _,
-      className: K["datepicker-root"],
+      className: K["datepicker-wrapper"],
       "data-testid": `${s}-root`,
       children: [
         v ? Qt({
@@ -1506,7 +1506,7 @@ const Un = (e) => {
               "aria-label": "Toggle calendar",
               tabIndex: 0,
               "data-testid": `${s}-toggle-icon`,
-              children: /* @__PURE__ */ G(Ut, { icon: "calendar", size: 24 })
+              children: /* @__PURE__ */ G(Ut, { icon: "calendar-days", size: 16 })
             }
           )
         ] }),

package/dist/components/DatePicker/renderCalendarDays.js

@@ -1,6 +1,6 @@
 import { jsx as d, jsxs as Y } from "react/jsx-runtime";
 import { d as x } from "../../dayjs.min-ClQKmc--.js";
-import { s } from "../../DatePicker.module-CmT9Zbbu.js";
+import { s } from "../../DatePicker.module-C9zgeg52.js";
 import { getWeekdayNames as E, getMonthGrid as I, isDateInRange as C, isRangeStart as p, isRangeEnd as c, isDisabled as y, isCurrentDay as W, formatDateForInput as h } from "./dateUtils.js";
 const A = (a, n, i) => {
   if (!n[0] || !i) return !1;

package/dist/components/DatePicker/renderDualCalendarHeader.js

@@ -1,6 +1,6 @@
 import { jsxs as s, jsx as a } from "react/jsx-runtime";
 import { Icon as o } from "../Icon/Icon.js";
-import { s as t } from "../../DatePicker.module-CmT9Zbbu.js";
+import { s as t } from "../../DatePicker.module-C9zgeg52.js";
 import { getPreviousMonth as d, getNextMonth as n } from "./dateUtils.js";
 const v = ({ currentMonth: e, locale: r, setCurrentMonth: i }) => /* @__PURE__ */ s("div", { className: t["month-header-row"], "data-testid": "dual-calendar-header", children: [
   /* @__PURE__ */ a(
@@ -10,7 +10,7 @@ const v = ({ currentMonth: e, locale: r, setCurrentMonth: i }) => /* @__PURE__ *
       "aria-label": "Previous Year",
       className: t["nav-button"],
       "data-testid": "previous-year-button",
-      children: /* @__PURE__ */ a("div", { className: t.rotate, children: /* @__PURE__ */ a(o, { icon: "chevrons-right", size: 24 }) })
+      children: /* @__PURE__ */ a("div", { className: t.rotate, children: /* @__PURE__ */ a(o, { icon: "chevrons-right", size: 16 }) })
     }
   ),
   /* @__PURE__ */ a(
@@ -20,7 +20,7 @@ const v = ({ currentMonth: e, locale: r, setCurrentMonth: i }) => /* @__PURE__ *
       "aria-label": "Previous Month",
       className: t["nav-button"],
       "data-testid": "previous-month-button",
-      children: /* @__PURE__ */ a("div", { className: t.rotate, children: /* @__PURE__ */ a(o, { icon: "chevron-right", size: 24 }) })
+      children: /* @__PURE__ */ a("div", { className: t.rotate, children: /* @__PURE__ */ a(o, { icon: "chevron-right", size: 16 }) })
     }
   ),
   /* @__PURE__ */ a("div", { className: t["month-header"], "data-testid": "current-month-display", children: e.locale(r).format("MMMM YYYY") }),
@@ -32,7 +32,7 @@ const v = ({ currentMonth: e, locale: r, setCurrentMonth: i }) => /* @__PURE__ *
       "aria-label": "Next Month",
       className: t["nav-button"],
       "data-testid": "next-month-button",
-      children: /* @__PURE__ */ a(o, { icon: "chevron-right", size: 24 })
+      children: /* @__PURE__ */ a(o, { icon: "chevron-right", size: 16 })
     }
   ),
   /* @__PURE__ */ a(
@@ -42,7 +42,7 @@ const v = ({ currentMonth: e, locale: r, setCurrentMonth: i }) => /* @__PURE__ *
       "aria-label": "Next Year",
       className: t["nav-button"],
       "data-testid": "next-year-button",
-      children: /* @__PURE__ */ a(o, { icon: "chevrons-right", size: 24 })
+      children: /* @__PURE__ */ a(o, { icon: "chevrons-right", size: 16 })
     }
   )
 ] });

package/dist/components/DatePicker/renderHeader.js

@@ -1,6 +1,6 @@
 import { jsxs as i, jsx as e, Fragment as n } from "react/jsx-runtime";
 import { Icon as o } from "../Icon/Icon.js";
-import { s as t } from "../../DatePicker.module-CmT9Zbbu.js";
+import { s as t } from "../../DatePicker.module-C9zgeg52.js";
 const k = ({
   currentViewMode: r,
   currentMonth: a,
@@ -9,7 +9,7 @@ const k = ({
   navigateToNext: c,
   setCurrentViewMode: l
 }) => r === "month" ? null : /* @__PURE__ */ i("div", { className: t.header, "data-testid": "datepicker-header", children: [
-  /* @__PURE__ */ e("button", { onClick: s, "aria-label": "Previous", "data-testid": "datepicker-previous-button", children: /* @__PURE__ */ e("div", { className: t.rotate, children: /* @__PURE__ */ e(o, { icon: "chevron-right", size: 24 }) }) }),
+  /* @__PURE__ */ e("button", { onClick: s, "aria-label": "Previous", "data-testid": "datepicker-previous-button", children: /* @__PURE__ */ e("div", { className: t.rotate, children: /* @__PURE__ */ e(o, { icon: "chevron-right", size: 16 }) }) }),
   /* @__PURE__ */ i("span", { "data-testid": "datepicker-header-label", children: [
     r === "day" && /* @__PURE__ */ i(n, { children: [
       /* @__PURE__ */ e(
@@ -34,7 +34,7 @@ const k = ({
     ] }),
     r === "year" && `${a.year() - 6} - ${a.year() + 5}`
   ] }),
-  /* @__PURE__ */ e("button", { onClick: c, "aria-label": "Next", "data-testid": "datepicker-next-button", children: /* @__PURE__ */ e(o, { icon: "chevron-right", size: 24 }) })
+  /* @__PURE__ */ e("button", { onClick: c, "aria-label": "Next", "data-testid": "datepicker-next-button", children: /* @__PURE__ */ e(o, { icon: "chevron-right", size: 16 }) })
 ] });
 export {
   k as renderHeader

package/dist/components/DatePicker/renderNavigatorInput.js

@@ -1,6 +1,6 @@
 import { jsxs as f, jsx as n } from "react/jsx-runtime";
 import { Icon as s } from "../Icon/Icon.js";
-import { s as i } from "../../DatePicker.module-CmT9Zbbu.js";
+import { s as i } from "../../DatePicker.module-C9zgeg52.js";
 const p = ({
   navigateToPrevious: b,
   navigateToNext: u,
@@ -9,10 +9,10 @@ const p = ({
   locale: o,
   currentViewMode: r,
   mode: l,
-  setCurrentViewMode: h,
-  setIsOpen: v,
-  setSelectedDate: c,
-  onChange: d
+  setCurrentViewMode: d,
+  setIsOpen: h,
+  setSelectedDate: v,
+  onChange: c
 }) => /* @__PURE__ */ f("div", { className: `${i["navigator-input"]} ${i["auto-width"]}`, "data-testid": "date-navigator", children: [
   /* @__PURE__ */ n(
     "button",
@@ -20,22 +20,22 @@ const p = ({
       onClick: () => {
         if (b(), l === "single" && a) {
           let t;
-          r === "day" ? t = a.subtract(1, "month") : r === "month" ? t = a.subtract(1, "year") : t = a.subtract(12, "year"), c(t), d(t);
+          r === "day" ? t = a.subtract(1, "month") : r === "month" ? t = a.subtract(1, "year") : t = a.subtract(12, "year"), v(t), c(t);
         }
       },
       className: i["nav-button"],
       "aria-label": "Previous month",
       "data-testid": "nav-previous-button",
-      children: /* @__PURE__ */ n("div", { className: i.rotate, children: /* @__PURE__ */ n(s, { icon: "chevron-right", size: 24 }) })
+      children: /* @__PURE__ */ n("div", { className: i.rotate, children: /* @__PURE__ */ n(s, { icon: "chevron-right", size: 16 }) })
     }
   ),
-  /* @__PURE__ */ n("span", { className: i["nav-calendar-static"], "data-testid": "nav-calendar-icon", children: /* @__PURE__ */ n(s, { icon: "calendar", size: 16 }) }),
+  /* @__PURE__ */ n("span", { className: i["nav-calendar-static"], "data-testid": "nav-calendar-icon", children: /* @__PURE__ */ n(s, { icon: "calendar-days", size: 16 }) }),
   /* @__PURE__ */ n(
     "button",
     {
       className: i["nav-month-button"],
       onClick: () => {
-        h("month"), v(!0);
+        d("month"), h(!0);
       },
       "data-testid": "nav-month-button",
       children: a ? a.locale(o).format("MMM") : m.locale(o).format("MMM")
@@ -46,7 +46,7 @@ const p = ({
     {
       className: i["nav-year-button"],
       onClick: () => {
-        h("year"), v(!0);
+        d("year"), h(!0);
       },
       "data-testid": "nav-year-button",
       children: a ? a.locale(o).format("YYYY") : m.locale(o).format("YYYY")
@@ -58,13 +58,13 @@ const p = ({
       onClick: () => {
         if (u(), l === "single" && a) {
           let t;
-          r === "day" ? t = a.add(1, "month") : r === "month" ? t = a.add(1, "year") : t = a.add(12, "year"), c(t), d(t);
+          r === "day" ? t = a.add(1, "month") : r === "month" ? t = a.add(1, "year") : t = a.add(12, "year"), v(t), c(t);
         }
       },
       className: i["nav-button"],
       "aria-label": "Next month",
       "data-testid": "nav-next-button",
-      children: /* @__PURE__ */ n(s, { icon: "chevron-right", size: 24 })
+      children: /* @__PURE__ */ n(s, { icon: "chevron-right", size: 16 })
     }
   )
 ] });

package/dist/components/DatePicker/renderPeriodSelection.js

@@ -1,6 +1,6 @@
 import { jsx as m } from "react/jsx-runtime";
 import { d as Y } from "../../dayjs.min-ClQKmc--.js";
-import { s } from "../../DatePicker.module-CmT9Zbbu.js";
+import { s } from "../../DatePicker.module-C9zgeg52.js";
 const T = ({
   currentViewMode: d,
   currentMonth: i,