@pismo/marola 2.1.24 → 2.1.25
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/DatePicker.module-CnuDEiKF.js +44 -0
- package/dist/assets/DatePicker.css +1 -1
- package/dist/assets/DoubleInput.css +1 -0
- package/dist/assets/Toggle.css +1 -1
- package/dist/assets/Tooltip.css +1 -1
- package/dist/components/DatePicker/DatePicker.d.ts +17 -7
- package/dist/components/DatePicker/DatePicker.js +864 -855
- package/dist/components/DatePicker/DatePicker.stories.d.ts +17 -10
- package/dist/components/DatePicker/renderCalendarDays.js +1 -1
- package/dist/components/DatePicker/renderDualCalendarHeader.js +1 -1
- package/dist/components/DatePicker/renderHeader.js +1 -1
- package/dist/components/DatePicker/renderNavigatorInput.js +1 -1
- package/dist/components/DatePicker/renderPeriodSelection.js +1 -1
- package/dist/components/DoubleInput/DoubleInput.d.ts +21 -0
- package/dist/components/DoubleInput/DoubleInput.js +25 -0
- package/dist/components/DoubleInput/DoubleInput.stories.d.ts +21 -0
- package/dist/components/Toggle/Toggle.js +27 -27
- package/dist/components/Tooltip/Tooltip.d.ts +1 -1
- package/dist/components/Tooltip/Tooltip.js +230 -220
- package/dist/components/Tooltip/Tooltip.stories.d.ts +1 -1
- package/dist/main.d.ts +1 -0
- package/dist/main.js +137 -134
- package/package.json +1 -1
- package/dist/DatePicker.module-C9zgeg52.js +0 -46
- /package/dist/components/Typography/{typography.test.d.ts → Typography.test.d.ts} +0 -0
|
@@ -0,0 +1,44 @@
|
|
|
1
|
+
import './assets/DatePicker.css';const e = "_header_ends1_146", n = "_calendar_ends1_169", d = "_weekdayNames_ends1_174", a = "_days_ends1_175", _ = "_weekdayName_ends1_174", t = "_day_ends1_175", s = "_disabled_ends1_197", r = "_selected_ends1_197", o = "_faded_ends1_206", c = "_months_ends1_244", y = "_years_ends1_245", h = "_month_ends1_112", l = "_year_ends1_245", i = "_rotate_ends1_325", m = {
|
|
2
|
+
"datepicker-wrapper": "_datepicker-wrapper_ends1_79",
|
|
3
|
+
"datepicker-input-container": "_datepicker-input-container_ends1_88",
|
|
4
|
+
"datepicker-container": "_datepicker-container_ends1_96",
|
|
5
|
+
"range-mode": "_range-mode_ends1_109",
|
|
6
|
+
"month-header": "_month-header_ends1_112",
|
|
7
|
+
"month-header-row": "_month-header-row_ends1_123",
|
|
8
|
+
"nav-button": "_nav-button_ends1_135",
|
|
9
|
+
header: e,
|
|
10
|
+
calendar: n,
|
|
11
|
+
weekdayNames: d,
|
|
12
|
+
days: a,
|
|
13
|
+
weekdayName: _,
|
|
14
|
+
day: t,
|
|
15
|
+
disabled: s,
|
|
16
|
+
selected: r,
|
|
17
|
+
"range-start": "_range-start_ends1_197",
|
|
18
|
+
"range-end": "_range-end_ends1_197",
|
|
19
|
+
"range-selected": "_range-selected_ends1_197",
|
|
20
|
+
faded: o,
|
|
21
|
+
months: c,
|
|
22
|
+
years: y,
|
|
23
|
+
month: h,
|
|
24
|
+
year: l,
|
|
25
|
+
"today-footer": "_today-footer_ends1_284",
|
|
26
|
+
"today-button": "_today-button_ends1_290",
|
|
27
|
+
rotate: i,
|
|
28
|
+
"current-day": "_current-day_ends1_329",
|
|
29
|
+
"hovered-range": "_hovered-range_ends1_334",
|
|
30
|
+
"hovered-date": "_hovered-date_ends1_339",
|
|
31
|
+
"would-be-end-date": "_would-be-end-date_ends1_345",
|
|
32
|
+
"would-be-start-date": "_would-be-start-date_ends1_351",
|
|
33
|
+
"dual-calendar-container": "_dual-calendar-container_ends1_358",
|
|
34
|
+
"navigator-input": "_navigator-input_ends1_369",
|
|
35
|
+
"nav-month-button": "_nav-month-button_ends1_398",
|
|
36
|
+
"nav-year-button": "_nav-year-button_ends1_399",
|
|
37
|
+
"auto-width": "_auto-width_ends1_408",
|
|
38
|
+
"month-selector": "_month-selector_ends1_413",
|
|
39
|
+
"year-selector": "_year-selector_ends1_414",
|
|
40
|
+
"nav-calendar-static": "_nav-calendar-static_ends1_446"
|
|
41
|
+
};
|
|
42
|
+
export {
|
|
43
|
+
m as s
|
|
44
|
+
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
._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}
|
|
1
|
+
._u-typography-h1_ends1_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_ends1_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_ends1_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_ends1_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_ends1_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_ends1_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_ends1_43{margin:0;font-size:var(--base-font-size);font-weight:var(--base-weight);line-height:var(--base-line-height)}._u-typography-base--xxl_ends1_49{font-size:var(--base-font-size-xxl);line-height:var(--base-line-height-xxl)}._u-typography-base--xl_ends1_53{font-size:var(--base-font-size-xl);line-height:var(--base-line-height-xl)}._u-typography-base--lg_ends1_57{font-size:var(--base-font-size-lg);line-height:var(--base-line-height-lg)}._u-typography-base--sm_ends1_61{font-size:var(--base-font-size-sm);line-height:var(--base-line-height-sm)}._u-typography-base--bold_ends1_65{font-weight:var(--base-bold)}._u-typography-base--strikethrough_ends1_68{text-decoration:line-through}._u-typography-base--underlined_ends1_71{text-decoration:underline}._u-typography-base--strikethrough-underlined_ends1_74{text-decoration:underline line-through}._datepicker-wrapper_ends1_79{position:relative;display:inline-block;width:100%}._datepicker-wrapper_ends1_79 svg{color:#3f3d4b}._datepicker-input-container_ends1_88 input{font-size:.875rem!important;color:rgba(var(--gray-95-rgb),65%)}._datepicker-input-container_ends1_88 [id=double-input-separator]{margin-left:-1rem!important}._datepicker-container_ends1_96{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_ends1_1 .2s ease-in-out,_slideUp_ends1_1 .2s ease-in-out}._datepicker-container_ends1_96._range-mode_ends1_109{width:max-content}._datepicker-container_ends1_96._range-mode_ends1_109 ._month-headers_ends1_112{display:flex;justify-content:space-between;width:100%;margin-bottom:.625rem}._datepicker-container_ends1_96._range-mode_ends1_109 ._month-headers_ends1_112 ._month-header_ends1_112{flex:1;font-weight:700;text-align:center}._datepicker-container_ends1_96._range-mode_ends1_109 ._month-header-row_ends1_123{display:flex;align-items:center;justify-content:space-between;width:100%;margin-bottom:.625rem}._datepicker-container_ends1_96._range-mode_ends1_109 ._month-header-row_ends1_123 ._month-header_ends1_112{flex:1;font-weight:700;text-align:center}._datepicker-container_ends1_96._range-mode_ends1_109 ._month-header-row_ends1_123 ._nav-button_ends1_135{padding:.3125rem;font-size:1rem;cursor:pointer;background:none;border:none;transition:.2s ease}._datepicker-container_ends1_96._range-mode_ends1_109 ._month-header-row_ends1_123 ._nav-button_ends1_135:hover{color:var(--colors-brand-primary-color-primary)}._datepicker-container_ends1_96 ._header_ends1_146{width:100%}._header_ends1_146{display:flex;align-items:center;justify-content:space-between;padding-bottom:.625rem;font-weight:700}._header_ends1_146 button{padding:.3125rem;font-size:1rem;cursor:pointer;background:none;border:none;transition:.2s ease}._header_ends1_146 button:hover{color:var(--colors-brand-primary-color-primary)}._calendar_ends1_169{display:flex;flex-direction:column}._weekdayNames_ends1_174,._days_ends1_175{display:grid;grid-template-columns:repeat(7,auto);gap:0}._weekdayName_ends1_174,._day_ends1_175{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_ends1_174:hover:not(._disabled_ends1_197,._selected_ends1_197,._range-start_ends1_197,._range-end_ends1_197,._range-selected_ends1_197),._day_ends1_175:hover:not(._disabled_ends1_197,._selected_ends1_197,._range-start_ends1_197,._range-end_ends1_197,._range-selected_ends1_197){background-color:#fafafa}._weekdayName_ends1_174._selected_ends1_197,._day_ends1_175._selected_ends1_197{color:#fff;background:var(--colors-brand-primary-color-primary)}._weekdayName_ends1_174._faded_ends1_206:not(._disabled_ends1_197),._day_ends1_175._faded_ends1_206:not(._disabled_ends1_197){color:#3f3d4b40}._weekdayName_ends1_174._disabled_ends1_197,._day_ends1_175._disabled_ends1_197{color:#aaa;cursor:not-allowed}._weekdayName_ends1_174._range-selected_ends1_197:not(._range-start_ends1_197,._range-end_ends1_197),._day_ends1_175._range-selected_ends1_197:not(._range-start_ends1_197,._range-end_ends1_197){background:var(--colors-brand-primary-color-primary-bg);border-radius:0}._weekdayName_ends1_174._range-start_ends1_197,._day_ends1_175._range-start_ends1_197{color:#fff;background:var(--colors-brand-primary-color-primary);border-top-right-radius:0;border-bottom-right-radius:0}._weekdayName_ends1_174._range-end_ends1_197,._day_ends1_175._range-end_ends1_197{color:#fff;background:var(--colors-brand-primary-color-primary);border-top-left-radius:0;border-bottom-left-radius:0}._day_ends1_175{margin-bottom:.25rem;color:#3f3d4be0}._weekdayName_ends1_174{color:#3f3d4b73}._months_ends1_244,._years_ends1_245{display:grid;grid-template-columns:repeat(3,auto);gap:0}._months_ends1_244 ._month_ends1_112,._months_ends1_244 ._year_ends1_245,._years_ends1_245 ._month_ends1_112,._years_ends1_245 ._year_ends1_245{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_ends1_244 ._month_ends1_112:hover:not(._selected_ends1_197),._months_ends1_244 ._year_ends1_245:hover:not(._selected_ends1_197),._years_ends1_245 ._month_ends1_112:hover:not(._selected_ends1_197),._years_ends1_245 ._year_ends1_245:hover:not(._selected_ends1_197){background-color:#fafafa}._months_ends1_244 ._month_ends1_112._selected_ends1_197,._months_ends1_244 ._year_ends1_245._selected_ends1_197,._years_ends1_245 ._month_ends1_112._selected_ends1_197,._years_ends1_245 ._year_ends1_245._selected_ends1_197{color:#fff;background:var(--colors-brand-primary-color-primary)}._today-footer_ends1_284{display:flex;justify-content:center;margin-top:.625rem}._today-button_ends1_290{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_ends1_290:hover{background-color:#fafafa}@keyframes _fadeIn_ends1_1{0%{opacity:0}to{opacity:1}}@keyframes _slideUp_ends1_1{0%{transform:translateY(.625rem)}to{transform:translateY(0)}}._rotate_ends1_325{transform:rotate(180deg)}._current-day_ends1_329{background:none;border:.125rem solid var(--colors-brand-primary-color-primary)}._hovered-range_ends1_334:not(._range-start_ends1_197,._range-end_ends1_197){background:var(--colors-brand-primary-color-primary-bg);border-radius:0}._hovered-date_ends1_339{background:#c5eeff!important}._hovered-date_ends1_339:not(._range-start_ends1_197,._range-end_ends1_197){border-radius:0}._hovered-date_ends1_339._would-be-end-date_ends1_345{color:#fff;background:#1897f3cc!important;border-top-right-radius:.5rem;border-bottom-right-radius:.5rem}._hovered-date_ends1_339._would-be-start-date_ends1_351{color:#fff;background:#1897f3cc!important;border-top-left-radius:0;border-bottom-left-radius:0}._dual-calendar-container_ends1_358{display:flex;gap:2rem;justify-content:center;width:max-content}._dual-calendar-container_ends1_358 ._calendar_ends1_169{flex:0 0 auto;width:max-content}._navigator-input_ends1_369{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_ends1_369 ._nav-button_ends1_135{display:flex;align-items:center;justify-content:center;padding:.25rem;cursor:pointer;background:none;border:none}._navigator-input_ends1_369 ._nav-button_ends1_135:hover{background-color:#0000000d;border-radius:.25rem}._navigator-input_ends1_369 ._nav-calendar-icon_ends1_394{margin:0 .25rem;color:var(--icon-color, #666)}._navigator-input_ends1_369 ._nav-month-button_ends1_398,._navigator-input_ends1_369 ._nav-year-button_ends1_399{padding:0;margin:0 .125rem;font-size:.875rem;color:rgba(var(--gray-95-rgb),65%);cursor:pointer;background:none;border:none}._navigator-input_ends1_369._auto-width_ends1_408{width:fit-content;min-width:min-content}._month-selector_ends1_413,._year-selector_ends1_414{padding:0;font-size:inherit;font-weight:inherit;color:inherit;cursor:pointer;background:none;border:none}._month-selector_ends1_413:hover,._year-selector_ends1_414:hover{color:inherit;text-decoration:none;cursor:pointer;background:transparent;border:none;outline:none;box-shadow:none}._auto-width_ends1_408{display:inline-flex;align-items:center;width:auto}._nav-month-button_ends1_398,._nav-year-button_ends1_399{padding:0 .25rem;white-space:nowrap}._nav-calendar-static_ends1_446{display:inline-flex;align-items:center;justify-content:center;margin:0 .25rem;color:inherit;cursor:default}._nav-calendar-static_ends1_446 svg{pointer-events:none}._nav-calendar-static_ends1_446:hover,._nav-calendar-static_ends1_446:focus,._nav-calendar-static_ends1_446:active{color:inherit;cursor:default;background:transparent;outline:none;box-shadow:none}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
._container_49u1c_1{position:relative;display:flex;width:100%}._container_49u1c_1:hover *,._container_49u1c_1:focus *{border-color:var(--gray-75)}._container_49u1c_1:focus-within *{border-color:var(--accent)}._container_49u1c_1:focus-within *:hover,._container_49u1c_1:focus-within *:focus{border-color:var(--accent)}._left-input_49u1c_16>div>div{border-right:0;border-top-right-radius:0;border-bottom-right-radius:0}._right-input_49u1c_22>div>div{border-left:0;border-top-left-radius:0;border-bottom-left-radius:0}._separator_49u1c_28{display:flex;align-items:center;justify-content:center;min-width:1rem;border-top:solid .0625rem var(--gray-25);border-bottom:solid .0625rem var(--gray-25);transition:all .3s}
|
package/dist/assets/Toggle.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
._u-typography-
|
|
1
|
+
._u-typography-h1_jp9gu_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_jp9gu_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_jp9gu_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_jp9gu_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_jp9gu_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_jp9gu_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_jp9gu_43,._toggle__label_jp9gu_43{margin:0;font-size:var(--base-font-size);font-weight:var(--base-weight);line-height:var(--base-line-height)}._u-typography-base--xxl_jp9gu_49{font-size:var(--base-font-size-xxl);line-height:var(--base-line-height-xxl)}._u-typography-base--xl_jp9gu_53{font-size:var(--base-font-size-xl);line-height:var(--base-line-height-xl)}._u-typography-base--lg_jp9gu_57{font-size:var(--base-font-size-lg);line-height:var(--base-line-height-lg)}._u-typography-base--sm_jp9gu_61{font-size:var(--base-font-size-sm);line-height:var(--base-line-height-sm)}._u-typography-base--bold_jp9gu_65{font-weight:var(--base-bold)}._u-typography-base--strikethrough_jp9gu_68{text-decoration:line-through}._u-typography-base--underlined_jp9gu_71{text-decoration:underline}._u-typography-base--strikethrough-underlined_jp9gu_74{text-decoration:underline line-through}._toggle_jp9gu_43{position:relative;display:flex;gap:1rem;align-items:center;cursor:pointer}._toggle__toggle-el-wrapper_jp9gu_85{width:2.25rem;height:1.5rem}._toggle_jp9gu_43 ._input_jp9gu_89{position:absolute;top:0;left:0;z-index:1;width:100%;height:100%;margin:0;cursor:inherit;opacity:0}._toggle_jp9gu_43 ._thumb_jp9gu_100{position:relative;top:.375rem;left:.375rem;display:block;width:.75rem;height:.75rem;background-color:var(--gray-90);border-radius:.75rem;opacity:.4;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.12s;transition-property:all}._toggle_jp9gu_43 ._track_jp9gu_114{position:absolute;display:block;width:2.25rem;height:1.5rem;background:var(--white-100);border-radius:1.5rem;box-shadow:inset 0 0 0 .25rem var(--gray-50);opacity:.4}._toggle--focus-visible_jp9gu_124._toggle__toggle-el-wrapper_jp9gu_85 ._track_jp9gu_114{border:1px solid var(--black-100);opacity:1}._toggle--checked_jp9gu_128._toggle__toggle-el-wrapper_jp9gu_85 ._thumb_jp9gu_100{left:1.125rem;background-color:var(--accent);opacity:1}._toggle--checked_jp9gu_128._toggle__toggle-el-wrapper_jp9gu_85 ._track_jp9gu_114{background:var(--accent);box-shadow:none;opacity:.4}._toggle__label_jp9gu_43{color:var(--gray-75)}._toggle__toggle-el-wrapper_jp9gu_85:hover:not(._toggle--focus-visible_jp9gu_124,._toggle--checked_jp9gu_128,._toggle--disabled_jp9gu_141) ._track_jp9gu_114{border-color:var(--gray-90);opacity:1}._toggle__toggle-el-wrapper_jp9gu_85:hover:not(._toggle--focus-visible_jp9gu_124,._toggle--checked_jp9gu_128,._toggle--disabled_jp9gu_141) ._thumb_jp9gu_100{opacity:1}._toggle_jp9gu_43:has(._toggle__toggle-el-wrapper_jp9gu_85:hover:not(._toggle--focus-visible_jp9gu_124,._toggle--checked_jp9gu_128,._toggle--disabled_jp9gu_141)) ._toggle__label_jp9gu_43{color:var(--colors-neutral-text-color-text)}._toggle_jp9gu_43:has(._toggle--disabled_jp9gu_141) ._toggle__label_jp9gu_43{color:var(--gray-50)}._toggle_jp9gu_43:has(._toggle--disabled_jp9gu_141) ._track_jp9gu_114{border-color:#dbdae266}._toggle_jp9gu_43:has(._toggle--disabled_jp9gu_141) ._thumb_jp9gu_100{background-color:var(--gray-25);opacity:1}._toggle_jp9gu_43:has(._toggle--disabled_jp9gu_141) ._toggle--checked_jp9gu_128 ._toggle__label_jp9gu_43{font-weight:900;color:var(--accent)}._toggle_jp9gu_43:has(._toggle--disabled_jp9gu_141) ._toggle--checked_jp9gu_128 ._thumb_jp9gu_100{left:1.125rem;background-color:var(--accent);opacity:1}._toggle_jp9gu_43:has(._toggle--disabled_jp9gu_141) ._toggle--checked_jp9gu_128 ._track_jp9gu_114{background:var(--accent);box-shadow:none;opacity:.4}._toggle_jp9gu_43:has(._toggle--checked_jp9gu_128) ._toggle__label_jp9gu_43{font-weight:900;color:var(--accent)}._toggle_jp9gu_43:has(._toggle--focus-visible_jp9gu_124) ._toggle__label_jp9gu_43{color:var(--colors-neutral-text-color-text)}
|
package/dist/assets/Tooltip.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
._u-typography-
|
|
1
|
+
._u-typography-h1_1fhar_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_1fhar_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_1fhar_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_1fhar_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_1fhar_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_1fhar_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_1fhar_43{margin:0;font-size:var(--base-font-size);font-weight:var(--base-weight);line-height:var(--base-line-height)}._u-typography-base--xxl_1fhar_49{font-size:var(--base-font-size-xxl);line-height:var(--base-line-height-xxl)}._u-typography-base--xl_1fhar_53{font-size:var(--base-font-size-xl);line-height:var(--base-line-height-xl)}._u-typography-base--lg_1fhar_57{font-size:var(--base-font-size-lg);line-height:var(--base-line-height-lg)}._u-typography-base--sm_1fhar_61{font-size:var(--base-font-size-sm);line-height:var(--base-line-height-sm)}._u-typography-base--bold_1fhar_65{font-weight:var(--base-bold)}._u-typography-base--strikethrough_1fhar_68{text-decoration:line-through}._u-typography-base--underlined_1fhar_71{text-decoration:underline}._u-typography-base--strikethrough-underlined_1fhar_74{text-decoration:underline line-through}._tooltip_1fhar_79{position:relative;max-width:16.125rem;padding:.75rem;margin:.375rem;color:var(--white-100);background-color:#003e80;border-radius:var(--border-radius);box-shadow:0 6px 12px #0003}._tooltip_1fhar_79:after{position:absolute;width:0;height:0;content:"";border-style:solid}._tooltip--bottom_1fhar_96:after{bottom:100%;left:50%;border-color:transparent transparent #003e80 transparent;border-width:0 8px 8px;transform:translate(-50%)}._tooltip--top_1fhar_103:after{top:100%;left:50%;border-color:#003e80 transparent transparent transparent;border-width:8px 8px 0;transform:translate(-50%)}._tooltip--right_1fhar_110:after{top:50%;right:100%;border-color:transparent #003e80 transparent transparent;border-width:8px 8px 8px 0;transform:translateY(-50%)}._tooltip--left_1fhar_117:after{top:50%;left:100%;border-color:transparent transparent transparent #003e80;border-width:8px 0 8px 8px;transform:translateY(-50%)}._tooltip__container_1fhar_125{display:flex;flex-direction:column;gap:.25rem}._tooltip__title_1fhar_131{font-size:var(--base-font-size-lg);font-size:1rem;font-weight:var(--base-bold);line-height:var(--base-line-height-lg)}._tooltip__content_1fhar_138{flex-grow:1;font-size:var(--base-font-size);font-weight:var(--base-weight);line-height:var(--base-line-height)}._tooltip__footer_1fhar_145{padding-top:.75rem}._tooltip__footer-button_1fhar_149{width:100%;padding:.5rem;font-size:var(--base-font-size);font-weight:var(--base-bold);color:var(--white-100);text-align:center;cursor:pointer;background-color:inherit;border:1px solid var(--white-100);border-radius:var(--border-radius)}._tooltip__footer-button_1fhar_149:hover{background-color:#ffffff1a}._tooltip__footer-button_1fhar_149:focus{outline:none;box-shadow:0 0 0 2px #ffffff80}._tooltip__footer-link_1fhar_169{width:100%;padding:.5rem 0;font-size:1rem;font-weight:var(--font-weight-700);color:#fff;text-align:left;text-decoration:none;cursor:pointer}._tooltip--animation_1fhar_180._tooltip--anim-open_1fhar_180{animation:_tooltip--open-animation_1fhar_1 .3s ease-out both}._tooltip--animation_1fhar_180._tooltip--anim-close_1fhar_183{animation:_tooltip--close-animation_1fhar_1 .3s ease-out forwards}@keyframes _tooltip--open-animation_1fhar_1{0%{opacity:0;transform:translateY(-8px) scale(.95)}50%{opacity:1;transform:translateY(4px) scale(1.05)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes _tooltip--close-animation_1fhar_1{0%{filter:blur(0);opacity:1;transform:scale(1) rotate(0)}to{filter:blur(3px);opacity:0;transform:scale(1.2) rotate(4deg)}}
|
|
@@ -1,8 +1,5 @@
|
|
|
1
|
-
import { default as React } from 'react';
|
|
2
1
|
import { Dayjs } from 'dayjs';
|
|
3
|
-
type
|
|
4
|
-
/** Mode of the date picker, can be 'single' for single date selection or 'range' for date range selection */
|
|
5
|
-
mode: 'single' | 'range';
|
|
2
|
+
type DatePickerCommonProps = {
|
|
6
3
|
/** View mode of the date picker, can be 'day', 'month', or 'year' */
|
|
7
4
|
viewMode: 'day' | 'month' | 'year';
|
|
8
5
|
/** Locale for date formatting and localization support */
|
|
@@ -17,14 +14,27 @@ type DatePickerProps = {
|
|
|
17
14
|
maxDate?: Dayjs;
|
|
18
15
|
/** Function to disable specific dates */
|
|
19
16
|
disableDates?: (date: Dayjs) => boolean;
|
|
20
|
-
/** Test ID for the date picker component, useful for testing */
|
|
21
|
-
testid?: string;
|
|
22
17
|
/** Callback function triggered when a date or date range is selected */
|
|
23
18
|
onChange: (date: Dayjs | [Dayjs | null, Dayjs | null]) => void;
|
|
24
19
|
/** Popper placement */
|
|
25
20
|
placement?: 'bottom-start' | 'bottom' | 'bottom-end' | 'top-start' | 'top' | 'top-end';
|
|
26
21
|
/** Display as a compact navigator input instead of a standard input */
|
|
27
22
|
navigatorInput?: boolean;
|
|
23
|
+
/** CSS classes to be applied on the container element */
|
|
24
|
+
className?: string;
|
|
25
|
+
/** Id to be applied as `data-testid` on the container element */
|
|
26
|
+
'data-testid'?: string;
|
|
28
27
|
};
|
|
29
|
-
|
|
28
|
+
export type DatePickerProps = DatePickerCommonProps & ({
|
|
29
|
+
/** Mode of the date picker, can be 'single' for single date selection or 'range' for date range selection */
|
|
30
|
+
mode: 'single';
|
|
31
|
+
/** Initial value the date picker */
|
|
32
|
+
value?: Date;
|
|
33
|
+
} | {
|
|
34
|
+
/** Mode of the date picker, can be 'single' for single date selection or 'range' for date range selection */
|
|
35
|
+
mode: 'range';
|
|
36
|
+
/** Initial value the date picker */
|
|
37
|
+
values?: [Date, Date];
|
|
38
|
+
});
|
|
39
|
+
export declare const DatePicker: (props: DatePickerProps) => import("react/jsx-runtime").JSX.Element;
|
|
30
40
|
export default DatePicker;
|