@alphakits/ui 2.4.3 → 2.4.5

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.
Files changed (41) hide show
  1. package/dist/calendar/component.js +32 -31
  2. package/dist/calendar/components/months-table/component.js +22 -23
  3. package/dist/calendar/components/months-table/index.css +1 -1
  4. package/dist/calendar/components/months-table/index.module.css.js +4 -6
  5. package/dist/calendar/components/select-button/index.css +1 -1
  6. package/dist/calendar/index.css +1 -1
  7. package/dist/calendar-input/component.js +124 -121
  8. package/dist/checkbox-lists/mock.data.d.ts +81 -0
  9. package/dist/checkbox-lists/mock.data.js +207 -0
  10. package/dist/collapsable-row/fixtures.data.d.ts +99 -0
  11. package/dist/collapsable-row/fixtures.data.js +196 -0
  12. package/dist/confirm-popup/component.d.ts +21 -0
  13. package/dist/confirm-popup/component.js +138 -0
  14. package/dist/confirm-popup/index.css +1 -0
  15. package/dist/confirm-popup/index.d.ts +1 -0
  16. package/dist/confirm-popup/index.js +6 -0
  17. package/dist/confirm-popup/index.module.css.js +23 -0
  18. package/dist/form/component.js +16 -16
  19. package/dist/form/templates/filters-form/index.js +17 -17
  20. package/dist/form/templates/rest-form/form.d.ts +1 -1
  21. package/dist/form/templates/rest-form/form.js +72 -67
  22. package/dist/form/templates/rest-form/index.d.ts +1 -0
  23. package/dist/index.d.ts +1 -0
  24. package/dist/index.js +298 -293
  25. package/dist/modal/components/modals/modal.js +50 -40
  26. package/dist/modal/hooks/use-modal.js +11 -11
  27. package/dist/modal/types.d.ts +2 -1
  28. package/dist/popover/component.js +72 -55
  29. package/dist/radio-groups/mock.data.d.ts +9 -0
  30. package/dist/radio-groups/mock.data.js +82 -0
  31. package/dist/select/components/base-select/component.js +73 -73
  32. package/dist/select/utils.js +23 -23
  33. package/dist/theme-provider/default-themes.d.ts +4 -0
  34. package/dist/theme-provider/default-themes.js +4 -0
  35. package/dist/toast-plate/component.js +47 -46
  36. package/dist/toast-plate/index.css +1 -1
  37. package/dist/toast-plate/index.module.css.js +26 -24
  38. package/dist/utils/index.js +26 -25
  39. package/dist/utils/show-toast/index.d.ts +1 -0
  40. package/dist/utils/show-toast/index.js +17 -9
  41. package/package.json +9 -27
package/dist/calendar/component.js CHANGED
@@ -1,4 +1,4 @@
1
- import { jsxs as P, jsx as y } from "react/jsx-runtime";
1
+ import { jsxs as P, jsx as M } from "react/jsx-runtime";
2
2
  import se from "classnames";
3
3
  import { forwardRef as ae, useState as S, useMemo as o, useCallback as a } from "react";
4
4
  import { startOfMonth as D, isSameDay as le } from "../utils/date/index.js";
@@ -14,48 +14,48 @@ const me = ce, Pe = ae(
14
14
  className: b,
15
15
  defaultView: Y = "days",
16
16
  value: n,
17
- month: i,
17
+ month: d,
18
18
  defaultMonth: p = Date.now(),
19
- minDate: d,
20
- maxDate: h,
19
+ minDate: h,
20
+ maxDate: f,
21
21
  selectedFrom: l,
22
22
  selectedTo: V,
23
23
  offDays: j,
24
24
  events: R,
25
- onChange: f,
25
+ onChange: w,
26
26
  onMonthChange: B,
27
27
  onYearChange: E,
28
28
  locale: H = "en",
29
29
  shortNames: L = !0,
30
30
  dataTestId: O
31
31
  }, T) => {
32
- const [e, w] = S(Y), [U, W] = S(!1), m = me[H], r = o(() => n ? new Date(n) : void 0, [n]), q = o(
32
+ const [e, c] = S(Y), [U, W] = S(!1), m = me[H], r = o(() => n ? new Date(n) : void 0, [n]), q = o(
33
33
  () => D(
34
34
  r ?? (l != null ? new Date(l) : new Date(p))
35
35
  ),
36
36
  // eslint-disable-next-line react-hooks/exhaustive-deps
37
37
  [p, l, r]
38
38
  ), z = o(
39
- () => i ? new Date(i) : void 0,
40
- [i]
41
- ), G = o(
42
39
  () => d ? new Date(d) : void 0,
43
40
  [d]
44
- ), I = o(
41
+ ), G = o(
45
42
  () => h ? new Date(h) : void 0,
46
43
  [h]
44
+ ), I = o(
45
+ () => f ? new Date(f) : void 0,
46
+ [f]
47
47
  ), {
48
- activeMonth: c,
48
+ activeMonth: i,
49
49
  activeYear: J,
50
50
  weeks: k,
51
51
  months: K,
52
52
  canSetPrevMonth: Q,
53
53
  canSetNextMonth: X,
54
- setMonthByDate: M,
54
+ setMonthByDate: y,
55
55
  setPrevMonth: v,
56
56
  setNextMonth: x,
57
- setNextYear: C,
58
- setPrevYear: u,
57
+ setNextYear: u,
58
+ setPrevYear: C,
59
59
  highlighted: Z,
60
60
  getDayProps: _,
61
61
  getMonthProps: $,
@@ -69,13 +69,13 @@ const me = ce, Pe = ae(
69
69
  selected: r,
70
70
  offDays: j,
71
71
  events: R,
72
- onChange: f,
72
+ onChange: w,
73
73
  onMonthChange: B,
74
74
  onYearChange: E,
75
- setView: w
75
+ setView: c
76
76
  }), N = a(
77
77
  (t) => {
78
- w(e === t ? "days" : t);
78
+ c(e === t ? "days" : t);
79
79
  },
80
80
  [e]
81
81
  ), s = o(() => {
@@ -85,19 +85,20 @@ const me = ce, Pe = ae(
85
85
  () => !r || !le(r, s),
86
86
  [r, s]
87
87
  ), te = a(() => {
88
- w("days"), M(D(s)), f?.(s.getTime());
89
- }, [f, M, s]), oe = a(() => {
90
- e === "days" ? v() : u();
91
- }, [v, e, u]), ne = a(() => {
92
- e === "days" ? x() : C();
93
- }, [x, e, C]), re = a(() => {
88
+ c("days"), y(D(s)), w?.(s.getTime());
89
+ }, [w, y, s]), oe = a(() => {
90
+ e === "days" ? v() : C();
91
+ }, [v, e, C]), ne = a(() => {
92
+ e === "days" ? x() : u();
93
+ }, [x, e, u]), re = a(() => {
94
94
  N("months");
95
95
  }, [N]);
96
96
  return A(() => {
97
97
  W(!1);
98
98
  }, [e]), A(() => {
99
- const t = n != null && D(new Date(n));
100
- t && t.getTime() !== c.getTime() && M(t);
99
+ if (n == null) return;
100
+ const t = D(new Date(n));
101
+ t.getTime() !== i.getTime() && y(t), e !== "days" && c("days");
101
102
  }, [n]), /* @__PURE__ */ P(
102
103
  "div",
103
104
  {
@@ -107,10 +108,10 @@ const me = ce, Pe = ae(
107
108
  }),
108
109
  "data-test-id": O,
109
110
  children: [
110
- /* @__PURE__ */ y(
111
+ /* @__PURE__ */ M(
111
112
  de,
112
113
  {
113
- month: we(c, m, !1),
114
+ month: we(i, m, !1),
114
115
  onTodayClick: te,
115
116
  showToday: ee,
116
117
  year: J.getFullYear().toString(),
@@ -124,22 +125,22 @@ const me = ce, Pe = ae(
124
125
  }
125
126
  ),
126
127
  /* @__PURE__ */ P("div", { className: g.container, children: [
127
- e === "days" && /* @__PURE__ */ y(
128
+ e === "days" && /* @__PURE__ */ M(
128
129
  ie,
129
130
  {
130
131
  locale: m,
131
132
  weeks: k,
132
- activeMonth: c,
133
+ activeMonth: i,
133
134
  selectedFrom: l,
134
135
  selectedTo: V,
135
136
  getDayProps: _,
136
137
  highlighted: Z
137
138
  }
138
139
  ),
139
- e === "months" && /* @__PURE__ */ y(
140
+ e === "months" && /* @__PURE__ */ M(
140
141
  he,
141
142
  {
142
- selectedMonth: c,
143
+ selectedMonth: i,
143
144
  selectedLocale: m,
144
145
  shortNames: L,
145
146
  months: K,
package/dist/calendar/components/months-table/component.js CHANGED
@@ -1,33 +1,32 @@
1
1
  import { jsx as l } from "react/jsx-runtime";
2
- import { useCallback as n, createElement as f } from "react";
3
- import { FlexColumns as p } from "../../../flex-columns/component.js";
4
- import { isSameMonth as u, isThisMonth as c } from "../../../utils/date/index.js";
5
- import { capitalize as d } from "../../../utils/string.js";
6
- import { monthName as b } from "../../utils.js";
7
- import { SelectButton as g } from "../select-button/component.js";
8
- import r from "./index.module.css.js";
9
- const C = ({
10
- selectedMonth: e,
11
- months: o = [],
12
- getMonthProps: m,
13
- selectedLocale: a,
2
+ import { useCallback as s, createElement as n } from "react";
3
+ import { FlexColumns as f } from "../../../flex-columns/component.js";
4
+ import { isSameMonth as p, isThisMonth as u } from "../../../utils/date/index.js";
5
+ import { capitalize as c } from "../../../utils/string.js";
6
+ import { monthName as d } from "../../utils.js";
7
+ import { SelectButton as b } from "../select-button/component.js";
8
+ import g from "./index.module.css.js";
9
+ const M = ({
10
+ selectedMonth: r,
11
+ months: t = [],
12
+ getMonthProps: o,
13
+ selectedLocale: m,
14
14
  shortNames: i
15
15
  }) => {
16
- const s = n(
17
- (t) => e && u(e, t.date) ? "selected" : c(t.date) ? "outlined" : "default",
18
- [e]
16
+ const a = s(
17
+ (e) => r && p(r, e.date) ? "selected" : u(e.date) ? "outlined" : "default",
18
+ [r]
19
19
  );
20
- return /* @__PURE__ */ l(p, { columns: 3, gc: 0, gr: 8, className: r.monthsTable, children: o.map((t) => /* @__PURE__ */ f(
21
- g,
20
+ return /* @__PURE__ */ l(f, { columns: 3, gc: 0, gr: 8, className: g.monthsTable, children: t.map((e) => /* @__PURE__ */ n(
21
+ b,
22
22
  {
23
- ...m(t),
24
- key: t.date.getMonth(),
25
- className: r.button,
26
- view: s(t)
23
+ ...o(e),
24
+ key: e.date.getMonth(),
25
+ view: a(e)
27
26
  },
28
- d(b(t.date, a, i))
27
+ c(d(e.date, m, i))
29
28
  )) });
30
29
  };
31
30
  export {
32
- C as MonthsTable
31
+ M as MonthsTable
33
32
  };
package/dist/calendar/components/months-table/index.css CHANGED
@@ -1 +1 @@
1
- :root{--text-primary-color: var(--color-text-primary);--text-secondary-color: var(--color-text-secondary);--text-tertiary-color: var(--color-text-tertiary);--border-radius: 4px;--focus-color: var(--color-border-link);--font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Helvetica, sans-serif;--disabled-cursor: not-allowed;--arrow-transform: rotate(180deg)}:root{--shadow-info-block: 0px 4px 4px rgba(0, 0, 0, .25);--shadow-xs: 0 0 4px rgba(11, 31, 53, .02), 0 2px 4px rgba(11, 31, 53, .04);--shadow-s: 0 0 8px rgba(11, 31, 53, .04), 0 4px 8px rgba(11, 31, 53, .08);--shadow-m: 0 0 16px rgba(11, 31, 53, .08), 0 8px 16px rgba(11, 31, 53, .16);--shadow-l: 0 0 24px rgba(11, 31, 53, .12), 0 12px 24px rgba(11, 31, 53, .24);--shadow-xl: 0 0 32px rgba(11, 31, 53, .16), 0 16px 32px rgba(11, 31, 53, .32);--shadow-xs-hard: 0 0 4px rgba(11, 31, 53, .02), 0 2px 4px rgba(11, 31, 53, .04), 0 2px 4px rgba(11, 31, 53, .16);--shadow-s-hard: 0 0 8px rgba(11, 31, 53, .04), 0 4px 8px rgba(11, 31, 53, .08), 0 4px 8px rgba(11, 31, 53, .16);--shadow-m-hard: 0 0 16px rgba(11, 31, 53, .08), 0 8px 16px rgba(11, 31, 53, .16), 0 8px 16px rgba(11, 31, 53, .16);--shadow-l-hard: 0 0 24px rgba(11, 31, 53, .12), 0 12px 24px rgba(11, 31, 53, .24), 0 12px 24px rgba(11, 31, 53, .16);--shadow-xl-hard: 0 0 32px rgba(11, 31, 53, .16), 0 16px 32px rgba(11, 31, 53, .32), 0 16px 32px rgba(11, 31, 53, .16);--shadow-xs-up: 0 0 4px rgba(11, 31, 53, .02), 0 -2px 4px rgba(11, 31, 53, .04);--shadow-s-up: 0 0 8px rgba(11, 31, 53, .04), 0 -4px 8px rgba(11, 31, 53, .08);--shadow-m-up: 0 0 16px rgba(11, 31, 53, .08), 0 -8px 16px rgba(11, 31, 53, .16);--shadow-l-up: 0 0 24px rgba(11, 31, 53, .12), 0 -12px 24px rgba(11, 31, 53, .24);--shadow-xl-up: 0 0 32px rgba(11, 31, 53, .16), 0 -16px 32px rgba(11, 31, 53, .32);--shadow-xs-hard-up: 0 0 4px rgba(11, 31, 53, .02), 0 -2px 4px rgba(11, 31, 53, .04), 0 -2px 4px rgba(11, 31, 53, .16);--shadow-s-hard-up: 0 0 8px rgba(11, 31, 53, .04), 0 -4px 8px rgba(11, 31, 53, .08), 0 -4px 8px rgba(11, 31, 53, .16);--shadow-m-hard-up: 0 0 16px rgba(11, 31, 53, .08), 0 -8px 16px rgba(11, 31, 53, .16), 0 -8px 16px rgba(11, 31, 53, .16);--shadow-l-hard-up: 0 0 24px rgba(11, 31, 53, .12), 0 -12px 24px rgba(11, 31, 53, .24), 0 -12px 24px rgba(11, 31, 53, .16);--shadow-xl-hard-up: 0 0 32px rgba(11, 31, 53, .16), 0 -16px 32px rgba(11, 31, 53, .32), 0 -16px 32px rgba(11, 31, 53, .16)}:root{--radius-s: 8px;--radius-m: 12px;--radius-l: 16px;--radius-circle: 50%}:root{--gap-2xs: 4px;--gap-xs: 8px;--gap-s: 12px;--gap-m: 16px;--gap-l: 20px;--gap-xl: 24px;--gap-xxl: 28px;--gap-2xl: 32px;--gap-3xl: 40px;--gap-4xl: 48px;--gap-5xl: 64px;--gap-6xl: 72px;--gap-7xl: 96px;--gap-8xl: 128px;--gap-2xs-neg: -4px;--gap-xs-neg: -8px;--gap-s-neg: -12px;--gap-m-neg: -16px;--gap-l-neg: -20px;--gap-xl-neg: -24px;--gap-2xl-neg: -32px;--gap-3xl-neg: -40px;--gap-4xl-neg: -48px;--gap-5xl-neg: -64px;--gap-6xl-neg: -72px;--gap-7xl-neg: -96px;--gap-8xl-neg: -128px}:root{--font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif}:root{--calendar-width: 248px;--calendar-height: 264px;--calendar-selector-button-width: 82px;--calendar-selector-button-gap: 3px;--calendar-selector-button-outline-border-color: var(--color-border-key);--calendar-arrow-background: url(https://alfabank.st/icons/icon_arrow-left_m_black.svg);--calendar-select-icon-background: url(https://alfabank.st/icons/icon_arrow-select_m_black.svg);--calendar-header-paddings: 0 var(--gap-xs) var(--gap-xs);--calendar-month-only-header-paddings: var(--gap-m) var(--gap-2xl) var(--gap-s);--calendar-month-only-header-font-family: var(--font-family-system);--calendar-month-only-header-font-size: 16px;--calendar-month-only-header-font-weight: 400;--calendar-day-size: 40px;--calendar-day-border-radius: 4px;--calendar-today-border-color: var(--color-border-key);--calendar-highlighted-color: var(--color-text-primary);--calendar-highlighted-background: var(--color-bg-accent-light);--calendar-range-background: color-mix(in srgb, var(--color-graphic-accent) 90%, white);--calendar-range-color: var(--color-text-primary);--calendar-selected-background: var(--color-bg-accent-light);--calendar-disabled-color: var(--color-text-tertiary);--calendar-disabled-background: transparent;--calendar-marker-background: var(--color-graphic-accent);--calendar-marker-background-past: var(--color-graphic-negative)}.monthsTable_Eq4J{width:var(--calendar-width);margin:auto 0}.button_XgrJ{width:var(--calendar-selector-button-width)}.button_XgrJ:nth-last-child(-n+3){margin-bottom:0}
1
+ :root{--text-primary-color: var(--color-text-primary);--text-secondary-color: var(--color-text-secondary);--text-tertiary-color: var(--color-text-tertiary);--border-radius: 4px;--focus-color: var(--color-border-link);--font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Helvetica, sans-serif;--disabled-cursor: not-allowed;--arrow-transform: rotate(180deg)}:root{--shadow-info-block: 0px 4px 4px rgba(0, 0, 0, .25);--shadow-xs: 0 0 4px rgba(11, 31, 53, .02), 0 2px 4px rgba(11, 31, 53, .04);--shadow-s: 0 0 8px rgba(11, 31, 53, .04), 0 4px 8px rgba(11, 31, 53, .08);--shadow-m: 0 0 16px rgba(11, 31, 53, .08), 0 8px 16px rgba(11, 31, 53, .16);--shadow-l: 0 0 24px rgba(11, 31, 53, .12), 0 12px 24px rgba(11, 31, 53, .24);--shadow-xl: 0 0 32px rgba(11, 31, 53, .16), 0 16px 32px rgba(11, 31, 53, .32);--shadow-xs-hard: 0 0 4px rgba(11, 31, 53, .02), 0 2px 4px rgba(11, 31, 53, .04), 0 2px 4px rgba(11, 31, 53, .16);--shadow-s-hard: 0 0 8px rgba(11, 31, 53, .04), 0 4px 8px rgba(11, 31, 53, .08), 0 4px 8px rgba(11, 31, 53, .16);--shadow-m-hard: 0 0 16px rgba(11, 31, 53, .08), 0 8px 16px rgba(11, 31, 53, .16), 0 8px 16px rgba(11, 31, 53, .16);--shadow-l-hard: 0 0 24px rgba(11, 31, 53, .12), 0 12px 24px rgba(11, 31, 53, .24), 0 12px 24px rgba(11, 31, 53, .16);--shadow-xl-hard: 0 0 32px rgba(11, 31, 53, .16), 0 16px 32px rgba(11, 31, 53, .32), 0 16px 32px rgba(11, 31, 53, .16);--shadow-xs-up: 0 0 4px rgba(11, 31, 53, .02), 0 -2px 4px rgba(11, 31, 53, .04);--shadow-s-up: 0 0 8px rgba(11, 31, 53, .04), 0 -4px 8px rgba(11, 31, 53, .08);--shadow-m-up: 0 0 16px rgba(11, 31, 53, .08), 0 -8px 16px rgba(11, 31, 53, .16);--shadow-l-up: 0 0 24px rgba(11, 31, 53, .12), 0 -12px 24px rgba(11, 31, 53, .24);--shadow-xl-up: 0 0 32px rgba(11, 31, 53, .16), 0 -16px 32px rgba(11, 31, 53, .32);--shadow-xs-hard-up: 0 0 4px rgba(11, 31, 53, .02), 0 -2px 4px rgba(11, 31, 53, .04), 0 -2px 4px rgba(11, 31, 53, .16);--shadow-s-hard-up: 0 0 8px rgba(11, 31, 53, .04), 0 -4px 8px rgba(11, 31, 53, .08), 0 -4px 8px rgba(11, 31, 53, .16);--shadow-m-hard-up: 0 0 16px rgba(11, 31, 53, .08), 0 -8px 16px rgba(11, 31, 53, .16), 0 -8px 16px rgba(11, 31, 53, .16);--shadow-l-hard-up: 0 0 24px rgba(11, 31, 53, .12), 0 -12px 24px rgba(11, 31, 53, .24), 0 -12px 24px rgba(11, 31, 53, .16);--shadow-xl-hard-up: 0 0 32px rgba(11, 31, 53, .16), 0 -16px 32px rgba(11, 31, 53, .32), 0 -16px 32px rgba(11, 31, 53, .16)}:root{--radius-s: 8px;--radius-m: 12px;--radius-l: 16px;--radius-circle: 50%}:root{--gap-2xs: 4px;--gap-xs: 8px;--gap-s: 12px;--gap-m: 16px;--gap-l: 20px;--gap-xl: 24px;--gap-xxl: 28px;--gap-2xl: 32px;--gap-3xl: 40px;--gap-4xl: 48px;--gap-5xl: 64px;--gap-6xl: 72px;--gap-7xl: 96px;--gap-8xl: 128px;--gap-2xs-neg: -4px;--gap-xs-neg: -8px;--gap-s-neg: -12px;--gap-m-neg: -16px;--gap-l-neg: -20px;--gap-xl-neg: -24px;--gap-2xl-neg: -32px;--gap-3xl-neg: -40px;--gap-4xl-neg: -48px;--gap-5xl-neg: -64px;--gap-6xl-neg: -72px;--gap-7xl-neg: -96px;--gap-8xl-neg: -128px}:root{--font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif}:root{--calendar-width: 248px;--calendar-height: 264px;--calendar-selector-button-width: 82px;--calendar-selector-button-gap: 3px;--calendar-selector-button-outline-border-color: var(--color-border-key);--calendar-arrow-background: url(https://alfabank.st/icons/icon_arrow-left_m_black.svg);--calendar-select-icon-background: url(https://alfabank.st/icons/icon_arrow-select_m_black.svg);--calendar-header-paddings: 0 var(--gap-xs) var(--gap-xs);--calendar-month-only-header-paddings: var(--gap-m) var(--gap-2xl) var(--gap-s);--calendar-month-only-header-font-family: var(--font-family-system);--calendar-month-only-header-font-size: 16px;--calendar-month-only-header-font-weight: 400;--calendar-day-size: 40px;--calendar-day-border-radius: 4px;--calendar-today-border-color: var(--color-border-key);--calendar-highlighted-color: var(--color-text-primary);--calendar-highlighted-background: var(--color-bg-accent-light);--calendar-range-background: color-mix(in srgb, var(--color-graphic-accent) 90%, white);--calendar-range-color: var(--color-text-primary);--calendar-selected-background: var(--color-bg-accent-light);--calendar-disabled-color: var(--color-text-tertiary);--calendar-disabled-background: transparent;--calendar-marker-background: var(--color-graphic-accent);--calendar-marker-background-past: var(--color-graphic-negative)}.monthsTable_Eq4J{width:224px;margin:0 auto;box-sizing:border-box}.monthsTable_Eq4J>*{min-width:0!important}
package/dist/calendar/components/months-table/index.module.css.js CHANGED
@@ -1,11 +1,9 @@
1
1
  import * as __css from './index.css';
2
2
  export const __cssModule = __css;
3
- const t = "monthsTable_Eq4J", o = "button_XgrJ", n = {
4
- monthsTable: t,
5
- button: o
3
+ const s = "monthsTable_Eq4J", t = {
4
+ monthsTable: s
6
5
  };
7
6
  export {
8
- o as button,
9
- n as default,
10
- t as monthsTable
7
+ t as default,
8
+ s as monthsTable
11
9
  };
package/dist/calendar/components/select-button/index.css CHANGED
@@ -1 +1 @@
1
- :root{--text-primary-color: var(--color-text-primary);--text-secondary-color: var(--color-text-secondary);--text-tertiary-color: var(--color-text-tertiary);--border-radius: 4px;--focus-color: var(--color-border-link);--font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Helvetica, sans-serif;--disabled-cursor: not-allowed;--arrow-transform: rotate(180deg)}:root{--shadow-info-block: 0px 4px 4px rgba(0, 0, 0, .25);--shadow-xs: 0 0 4px rgba(11, 31, 53, .02), 0 2px 4px rgba(11, 31, 53, .04);--shadow-s: 0 0 8px rgba(11, 31, 53, .04), 0 4px 8px rgba(11, 31, 53, .08);--shadow-m: 0 0 16px rgba(11, 31, 53, .08), 0 8px 16px rgba(11, 31, 53, .16);--shadow-l: 0 0 24px rgba(11, 31, 53, .12), 0 12px 24px rgba(11, 31, 53, .24);--shadow-xl: 0 0 32px rgba(11, 31, 53, .16), 0 16px 32px rgba(11, 31, 53, .32);--shadow-xs-hard: 0 0 4px rgba(11, 31, 53, .02), 0 2px 4px rgba(11, 31, 53, .04), 0 2px 4px rgba(11, 31, 53, .16);--shadow-s-hard: 0 0 8px rgba(11, 31, 53, .04), 0 4px 8px rgba(11, 31, 53, .08), 0 4px 8px rgba(11, 31, 53, .16);--shadow-m-hard: 0 0 16px rgba(11, 31, 53, .08), 0 8px 16px rgba(11, 31, 53, .16), 0 8px 16px rgba(11, 31, 53, .16);--shadow-l-hard: 0 0 24px rgba(11, 31, 53, .12), 0 12px 24px rgba(11, 31, 53, .24), 0 12px 24px rgba(11, 31, 53, .16);--shadow-xl-hard: 0 0 32px rgba(11, 31, 53, .16), 0 16px 32px rgba(11, 31, 53, .32), 0 16px 32px rgba(11, 31, 53, .16);--shadow-xs-up: 0 0 4px rgba(11, 31, 53, .02), 0 -2px 4px rgba(11, 31, 53, .04);--shadow-s-up: 0 0 8px rgba(11, 31, 53, .04), 0 -4px 8px rgba(11, 31, 53, .08);--shadow-m-up: 0 0 16px rgba(11, 31, 53, .08), 0 -8px 16px rgba(11, 31, 53, .16);--shadow-l-up: 0 0 24px rgba(11, 31, 53, .12), 0 -12px 24px rgba(11, 31, 53, .24);--shadow-xl-up: 0 0 32px rgba(11, 31, 53, .16), 0 -16px 32px rgba(11, 31, 53, .32);--shadow-xs-hard-up: 0 0 4px rgba(11, 31, 53, .02), 0 -2px 4px rgba(11, 31, 53, .04), 0 -2px 4px rgba(11, 31, 53, .16);--shadow-s-hard-up: 0 0 8px rgba(11, 31, 53, .04), 0 -4px 8px rgba(11, 31, 53, .08), 0 -4px 8px rgba(11, 31, 53, .16);--shadow-m-hard-up: 0 0 16px rgba(11, 31, 53, .08), 0 -8px 16px rgba(11, 31, 53, .16), 0 -8px 16px rgba(11, 31, 53, .16);--shadow-l-hard-up: 0 0 24px rgba(11, 31, 53, .12), 0 -12px 24px rgba(11, 31, 53, .24), 0 -12px 24px rgba(11, 31, 53, .16);--shadow-xl-hard-up: 0 0 32px rgba(11, 31, 53, .16), 0 -16px 32px rgba(11, 31, 53, .32), 0 -16px 32px rgba(11, 31, 53, .16)}:root{--radius-s: 8px;--radius-m: 12px;--radius-l: 16px;--radius-circle: 50%}:root{--gap-2xs: 4px;--gap-xs: 8px;--gap-s: 12px;--gap-m: 16px;--gap-l: 20px;--gap-xl: 24px;--gap-xxl: 28px;--gap-2xl: 32px;--gap-3xl: 40px;--gap-4xl: 48px;--gap-5xl: 64px;--gap-6xl: 72px;--gap-7xl: 96px;--gap-8xl: 128px;--gap-2xs-neg: -4px;--gap-xs-neg: -8px;--gap-s-neg: -12px;--gap-m-neg: -16px;--gap-l-neg: -20px;--gap-xl-neg: -24px;--gap-2xl-neg: -32px;--gap-3xl-neg: -40px;--gap-4xl-neg: -48px;--gap-5xl-neg: -64px;--gap-6xl-neg: -72px;--gap-7xl-neg: -96px;--gap-8xl-neg: -128px}:root{--font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif}:root{--calendar-width: 248px;--calendar-height: 264px;--calendar-selector-button-width: 82px;--calendar-selector-button-gap: 3px;--calendar-selector-button-outline-border-color: var(--color-border-key);--calendar-arrow-background: url(https://alfabank.st/icons/icon_arrow-left_m_black.svg);--calendar-select-icon-background: url(https://alfabank.st/icons/icon_arrow-select_m_black.svg);--calendar-header-paddings: 0 var(--gap-xs) var(--gap-xs);--calendar-month-only-header-paddings: var(--gap-m) var(--gap-2xl) var(--gap-s);--calendar-month-only-header-font-family: var(--font-family-system);--calendar-month-only-header-font-size: 16px;--calendar-month-only-header-font-weight: 400;--calendar-day-size: 40px;--calendar-day-border-radius: 4px;--calendar-today-border-color: var(--color-border-key);--calendar-highlighted-color: var(--color-text-primary);--calendar-highlighted-background: var(--color-bg-accent-light);--calendar-range-background: color-mix(in srgb, var(--color-graphic-accent) 90%, white);--calendar-range-color: var(--color-text-primary);--calendar-selected-background: var(--color-bg-accent-light);--calendar-disabled-color: var(--color-text-tertiary);--calendar-disabled-background: transparent;--calendar-marker-background: var(--color-graphic-accent);--calendar-marker-background-past: var(--color-graphic-negative)}.button_baxa{font-weight:700;font-size:13px;line-height:20px;height:40px;position:relative;padding:0;background-color:transparent;border-radius:4px}.button_baxa:not(.disabled_KuR4):hover{background-color:var(--color-bg-tertiary);color:var(--color-text-primary)}.button_baxa>*{flex-grow:1}.filled_bjlb{background-color:var(--color-bg-tertiary)}.filled_bjlb:not(.disabled_KuR4):hover{background-color:color-mix(in srgb,var(--color-bg-tertiary) 93%,black)}.outlined_uO-j{border:1px solid var(--calendar-selector-button-outline-border-color)}.selected_iwjD:not(.disabled_KuR4):hover{background-color:var(--color-bg-primary-inverted);color:var(--color-text-primary-inverted)}
1
+ :root{--text-primary-color: var(--color-text-primary);--text-secondary-color: var(--color-text-secondary);--text-tertiary-color: var(--color-text-tertiary);--border-radius: 4px;--focus-color: var(--color-border-link);--font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Helvetica, sans-serif;--disabled-cursor: not-allowed;--arrow-transform: rotate(180deg)}:root{--shadow-info-block: 0px 4px 4px rgba(0, 0, 0, .25);--shadow-xs: 0 0 4px rgba(11, 31, 53, .02), 0 2px 4px rgba(11, 31, 53, .04);--shadow-s: 0 0 8px rgba(11, 31, 53, .04), 0 4px 8px rgba(11, 31, 53, .08);--shadow-m: 0 0 16px rgba(11, 31, 53, .08), 0 8px 16px rgba(11, 31, 53, .16);--shadow-l: 0 0 24px rgba(11, 31, 53, .12), 0 12px 24px rgba(11, 31, 53, .24);--shadow-xl: 0 0 32px rgba(11, 31, 53, .16), 0 16px 32px rgba(11, 31, 53, .32);--shadow-xs-hard: 0 0 4px rgba(11, 31, 53, .02), 0 2px 4px rgba(11, 31, 53, .04), 0 2px 4px rgba(11, 31, 53, .16);--shadow-s-hard: 0 0 8px rgba(11, 31, 53, .04), 0 4px 8px rgba(11, 31, 53, .08), 0 4px 8px rgba(11, 31, 53, .16);--shadow-m-hard: 0 0 16px rgba(11, 31, 53, .08), 0 8px 16px rgba(11, 31, 53, .16), 0 8px 16px rgba(11, 31, 53, .16);--shadow-l-hard: 0 0 24px rgba(11, 31, 53, .12), 0 12px 24px rgba(11, 31, 53, .24), 0 12px 24px rgba(11, 31, 53, .16);--shadow-xl-hard: 0 0 32px rgba(11, 31, 53, .16), 0 16px 32px rgba(11, 31, 53, .32), 0 16px 32px rgba(11, 31, 53, .16);--shadow-xs-up: 0 0 4px rgba(11, 31, 53, .02), 0 -2px 4px rgba(11, 31, 53, .04);--shadow-s-up: 0 0 8px rgba(11, 31, 53, .04), 0 -4px 8px rgba(11, 31, 53, .08);--shadow-m-up: 0 0 16px rgba(11, 31, 53, .08), 0 -8px 16px rgba(11, 31, 53, .16);--shadow-l-up: 0 0 24px rgba(11, 31, 53, .12), 0 -12px 24px rgba(11, 31, 53, .24);--shadow-xl-up: 0 0 32px rgba(11, 31, 53, .16), 0 -16px 32px rgba(11, 31, 53, .32);--shadow-xs-hard-up: 0 0 4px rgba(11, 31, 53, .02), 0 -2px 4px rgba(11, 31, 53, .04), 0 -2px 4px rgba(11, 31, 53, .16);--shadow-s-hard-up: 0 0 8px rgba(11, 31, 53, .04), 0 -4px 8px rgba(11, 31, 53, .08), 0 -4px 8px rgba(11, 31, 53, .16);--shadow-m-hard-up: 0 0 16px rgba(11, 31, 53, .08), 0 -8px 16px rgba(11, 31, 53, .16), 0 -8px 16px rgba(11, 31, 53, .16);--shadow-l-hard-up: 0 0 24px rgba(11, 31, 53, .12), 0 -12px 24px rgba(11, 31, 53, .24), 0 -12px 24px rgba(11, 31, 53, .16);--shadow-xl-hard-up: 0 0 32px rgba(11, 31, 53, .16), 0 -16px 32px rgba(11, 31, 53, .32), 0 -16px 32px rgba(11, 31, 53, .16)}:root{--radius-s: 8px;--radius-m: 12px;--radius-l: 16px;--radius-circle: 50%}:root{--gap-2xs: 4px;--gap-xs: 8px;--gap-s: 12px;--gap-m: 16px;--gap-l: 20px;--gap-xl: 24px;--gap-xxl: 28px;--gap-2xl: 32px;--gap-3xl: 40px;--gap-4xl: 48px;--gap-5xl: 64px;--gap-6xl: 72px;--gap-7xl: 96px;--gap-8xl: 128px;--gap-2xs-neg: -4px;--gap-xs-neg: -8px;--gap-s-neg: -12px;--gap-m-neg: -16px;--gap-l-neg: -20px;--gap-xl-neg: -24px;--gap-2xl-neg: -32px;--gap-3xl-neg: -40px;--gap-4xl-neg: -48px;--gap-5xl-neg: -64px;--gap-6xl-neg: -72px;--gap-7xl-neg: -96px;--gap-8xl-neg: -128px}:root{--font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif}:root{--calendar-width: 248px;--calendar-height: 264px;--calendar-selector-button-width: 82px;--calendar-selector-button-gap: 3px;--calendar-selector-button-outline-border-color: var(--color-border-key);--calendar-arrow-background: url(https://alfabank.st/icons/icon_arrow-left_m_black.svg);--calendar-select-icon-background: url(https://alfabank.st/icons/icon_arrow-select_m_black.svg);--calendar-header-paddings: 0 var(--gap-xs) var(--gap-xs);--calendar-month-only-header-paddings: var(--gap-m) var(--gap-2xl) var(--gap-s);--calendar-month-only-header-font-family: var(--font-family-system);--calendar-month-only-header-font-size: 16px;--calendar-month-only-header-font-weight: 400;--calendar-day-size: 40px;--calendar-day-border-radius: 4px;--calendar-today-border-color: var(--color-border-key);--calendar-highlighted-color: var(--color-text-primary);--calendar-highlighted-background: var(--color-bg-accent-light);--calendar-range-background: color-mix(in srgb, var(--color-graphic-accent) 90%, white);--calendar-range-color: var(--color-text-primary);--calendar-selected-background: var(--color-bg-accent-light);--calendar-disabled-color: var(--color-text-tertiary);--calendar-disabled-background: transparent;--calendar-marker-background: var(--color-graphic-accent);--calendar-marker-background-past: var(--color-graphic-negative)}.button_baxa{font-weight:700;font-size:13px;line-height:20px;box-sizing:border-box;width:100%;min-width:0;height:40px;position:relative;padding:0;background-color:transparent;border-radius:4px;justify-content:center;text-align:center}.button_baxa:not(.disabled_KuR4):hover{background-color:var(--color-bg-tertiary);color:var(--color-text-primary)}.button_baxa>*{flex-grow:0}.filled_bjlb{background-color:var(--color-bg-tertiary)}.filled_bjlb:not(.disabled_KuR4):hover{background-color:color-mix(in srgb,var(--color-bg-tertiary) 93%,black)}.outlined_uO-j{border:1px solid var(--calendar-selector-button-outline-border-color)}.selected_iwjD{background-color:var(--calendar-selected-background);color:var(--calendar-highlighted-color)}.selected_iwjD:not(.disabled_KuR4):hover{background-color:var(--calendar-selected-background);color:var(--calendar-highlighted-color)}
package/dist/calendar/index.css CHANGED
@@ -1 +1 @@
1
- :root{--text-primary-color: var(--color-text-primary);--text-secondary-color: var(--color-text-secondary);--text-tertiary-color: var(--color-text-tertiary);--border-radius: 4px;--focus-color: var(--color-border-link);--font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Helvetica, sans-serif;--disabled-cursor: not-allowed;--arrow-transform: rotate(180deg)}:root{--shadow-info-block: 0px 4px 4px rgba(0, 0, 0, .25);--shadow-xs: 0 0 4px rgba(11, 31, 53, .02), 0 2px 4px rgba(11, 31, 53, .04);--shadow-s: 0 0 8px rgba(11, 31, 53, .04), 0 4px 8px rgba(11, 31, 53, .08);--shadow-m: 0 0 16px rgba(11, 31, 53, .08), 0 8px 16px rgba(11, 31, 53, .16);--shadow-l: 0 0 24px rgba(11, 31, 53, .12), 0 12px 24px rgba(11, 31, 53, .24);--shadow-xl: 0 0 32px rgba(11, 31, 53, .16), 0 16px 32px rgba(11, 31, 53, .32);--shadow-xs-hard: 0 0 4px rgba(11, 31, 53, .02), 0 2px 4px rgba(11, 31, 53, .04), 0 2px 4px rgba(11, 31, 53, .16);--shadow-s-hard: 0 0 8px rgba(11, 31, 53, .04), 0 4px 8px rgba(11, 31, 53, .08), 0 4px 8px rgba(11, 31, 53, .16);--shadow-m-hard: 0 0 16px rgba(11, 31, 53, .08), 0 8px 16px rgba(11, 31, 53, .16), 0 8px 16px rgba(11, 31, 53, .16);--shadow-l-hard: 0 0 24px rgba(11, 31, 53, .12), 0 12px 24px rgba(11, 31, 53, .24), 0 12px 24px rgba(11, 31, 53, .16);--shadow-xl-hard: 0 0 32px rgba(11, 31, 53, .16), 0 16px 32px rgba(11, 31, 53, .32), 0 16px 32px rgba(11, 31, 53, .16);--shadow-xs-up: 0 0 4px rgba(11, 31, 53, .02), 0 -2px 4px rgba(11, 31, 53, .04);--shadow-s-up: 0 0 8px rgba(11, 31, 53, .04), 0 -4px 8px rgba(11, 31, 53, .08);--shadow-m-up: 0 0 16px rgba(11, 31, 53, .08), 0 -8px 16px rgba(11, 31, 53, .16);--shadow-l-up: 0 0 24px rgba(11, 31, 53, .12), 0 -12px 24px rgba(11, 31, 53, .24);--shadow-xl-up: 0 0 32px rgba(11, 31, 53, .16), 0 -16px 32px rgba(11, 31, 53, .32);--shadow-xs-hard-up: 0 0 4px rgba(11, 31, 53, .02), 0 -2px 4px rgba(11, 31, 53, .04), 0 -2px 4px rgba(11, 31, 53, .16);--shadow-s-hard-up: 0 0 8px rgba(11, 31, 53, .04), 0 -4px 8px rgba(11, 31, 53, .08), 0 -4px 8px rgba(11, 31, 53, .16);--shadow-m-hard-up: 0 0 16px rgba(11, 31, 53, .08), 0 -8px 16px rgba(11, 31, 53, .16), 0 -8px 16px rgba(11, 31, 53, .16);--shadow-l-hard-up: 0 0 24px rgba(11, 31, 53, .12), 0 -12px 24px rgba(11, 31, 53, .24), 0 -12px 24px rgba(11, 31, 53, .16);--shadow-xl-hard-up: 0 0 32px rgba(11, 31, 53, .16), 0 -16px 32px rgba(11, 31, 53, .32), 0 -16px 32px rgba(11, 31, 53, .16)}:root{--radius-s: 8px;--radius-m: 12px;--radius-l: 16px;--radius-circle: 50%}:root{--gap-2xs: 4px;--gap-xs: 8px;--gap-s: 12px;--gap-m: 16px;--gap-l: 20px;--gap-xl: 24px;--gap-xxl: 28px;--gap-2xl: 32px;--gap-3xl: 40px;--gap-4xl: 48px;--gap-5xl: 64px;--gap-6xl: 72px;--gap-7xl: 96px;--gap-8xl: 128px;--gap-2xs-neg: -4px;--gap-xs-neg: -8px;--gap-s-neg: -12px;--gap-m-neg: -16px;--gap-l-neg: -20px;--gap-xl-neg: -24px;--gap-2xl-neg: -32px;--gap-3xl-neg: -40px;--gap-4xl-neg: -48px;--gap-5xl-neg: -64px;--gap-6xl-neg: -72px;--gap-7xl-neg: -96px;--gap-8xl-neg: -128px}:root{--font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif}:root{--calendar-width: 248px;--calendar-height: 264px;--calendar-selector-button-width: 82px;--calendar-selector-button-gap: 3px;--calendar-selector-button-outline-border-color: var(--color-border-key);--calendar-arrow-background: url(https://alfabank.st/icons/icon_arrow-left_m_black.svg);--calendar-select-icon-background: url(https://alfabank.st/icons/icon_arrow-select_m_black.svg);--calendar-header-paddings: 0 var(--gap-xs) var(--gap-xs);--calendar-month-only-header-paddings: var(--gap-m) var(--gap-2xl) var(--gap-s);--calendar-month-only-header-font-family: var(--font-family-system);--calendar-month-only-header-font-size: 16px;--calendar-month-only-header-font-weight: 400;--calendar-day-size: 40px;--calendar-day-border-radius: 4px;--calendar-today-border-color: var(--color-border-key);--calendar-highlighted-color: var(--color-text-primary);--calendar-highlighted-background: var(--color-bg-accent-light);--calendar-range-background: color-mix(in srgb, var(--color-graphic-accent) 90%, white);--calendar-range-color: var(--color-text-primary);--calendar-selected-background: var(--color-bg-accent-light);--calendar-disabled-color: var(--color-text-tertiary);--calendar-disabled-background: transparent;--calendar-marker-background: var(--color-graphic-accent);--calendar-marker-background-past: var(--color-graphic-negative)}.container_3PFv{display:flex;flex-direction:column;align-items:center;padding-bottom:var(--gap-xs);box-sizing:border-box;flex-grow:1;overflow:hidden}
1
+ :root{--text-primary-color: var(--color-text-primary);--text-secondary-color: var(--color-text-secondary);--text-tertiary-color: var(--color-text-tertiary);--border-radius: 4px;--focus-color: var(--color-border-link);--font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Helvetica, sans-serif;--disabled-cursor: not-allowed;--arrow-transform: rotate(180deg)}:root{--shadow-info-block: 0px 4px 4px rgba(0, 0, 0, .25);--shadow-xs: 0 0 4px rgba(11, 31, 53, .02), 0 2px 4px rgba(11, 31, 53, .04);--shadow-s: 0 0 8px rgba(11, 31, 53, .04), 0 4px 8px rgba(11, 31, 53, .08);--shadow-m: 0 0 16px rgba(11, 31, 53, .08), 0 8px 16px rgba(11, 31, 53, .16);--shadow-l: 0 0 24px rgba(11, 31, 53, .12), 0 12px 24px rgba(11, 31, 53, .24);--shadow-xl: 0 0 32px rgba(11, 31, 53, .16), 0 16px 32px rgba(11, 31, 53, .32);--shadow-xs-hard: 0 0 4px rgba(11, 31, 53, .02), 0 2px 4px rgba(11, 31, 53, .04), 0 2px 4px rgba(11, 31, 53, .16);--shadow-s-hard: 0 0 8px rgba(11, 31, 53, .04), 0 4px 8px rgba(11, 31, 53, .08), 0 4px 8px rgba(11, 31, 53, .16);--shadow-m-hard: 0 0 16px rgba(11, 31, 53, .08), 0 8px 16px rgba(11, 31, 53, .16), 0 8px 16px rgba(11, 31, 53, .16);--shadow-l-hard: 0 0 24px rgba(11, 31, 53, .12), 0 12px 24px rgba(11, 31, 53, .24), 0 12px 24px rgba(11, 31, 53, .16);--shadow-xl-hard: 0 0 32px rgba(11, 31, 53, .16), 0 16px 32px rgba(11, 31, 53, .32), 0 16px 32px rgba(11, 31, 53, .16);--shadow-xs-up: 0 0 4px rgba(11, 31, 53, .02), 0 -2px 4px rgba(11, 31, 53, .04);--shadow-s-up: 0 0 8px rgba(11, 31, 53, .04), 0 -4px 8px rgba(11, 31, 53, .08);--shadow-m-up: 0 0 16px rgba(11, 31, 53, .08), 0 -8px 16px rgba(11, 31, 53, .16);--shadow-l-up: 0 0 24px rgba(11, 31, 53, .12), 0 -12px 24px rgba(11, 31, 53, .24);--shadow-xl-up: 0 0 32px rgba(11, 31, 53, .16), 0 -16px 32px rgba(11, 31, 53, .32);--shadow-xs-hard-up: 0 0 4px rgba(11, 31, 53, .02), 0 -2px 4px rgba(11, 31, 53, .04), 0 -2px 4px rgba(11, 31, 53, .16);--shadow-s-hard-up: 0 0 8px rgba(11, 31, 53, .04), 0 -4px 8px rgba(11, 31, 53, .08), 0 -4px 8px rgba(11, 31, 53, .16);--shadow-m-hard-up: 0 0 16px rgba(11, 31, 53, .08), 0 -8px 16px rgba(11, 31, 53, .16), 0 -8px 16px rgba(11, 31, 53, .16);--shadow-l-hard-up: 0 0 24px rgba(11, 31, 53, .12), 0 -12px 24px rgba(11, 31, 53, .24), 0 -12px 24px rgba(11, 31, 53, .16);--shadow-xl-hard-up: 0 0 32px rgba(11, 31, 53, .16), 0 -16px 32px rgba(11, 31, 53, .32), 0 -16px 32px rgba(11, 31, 53, .16)}:root{--radius-s: 8px;--radius-m: 12px;--radius-l: 16px;--radius-circle: 50%}:root{--gap-2xs: 4px;--gap-xs: 8px;--gap-s: 12px;--gap-m: 16px;--gap-l: 20px;--gap-xl: 24px;--gap-xxl: 28px;--gap-2xl: 32px;--gap-3xl: 40px;--gap-4xl: 48px;--gap-5xl: 64px;--gap-6xl: 72px;--gap-7xl: 96px;--gap-8xl: 128px;--gap-2xs-neg: -4px;--gap-xs-neg: -8px;--gap-s-neg: -12px;--gap-m-neg: -16px;--gap-l-neg: -20px;--gap-xl-neg: -24px;--gap-2xl-neg: -32px;--gap-3xl-neg: -40px;--gap-4xl-neg: -48px;--gap-5xl-neg: -64px;--gap-6xl-neg: -72px;--gap-7xl-neg: -96px;--gap-8xl-neg: -128px}:root{--font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif}:root{--calendar-width: 248px;--calendar-height: 264px;--calendar-selector-button-width: 82px;--calendar-selector-button-gap: 3px;--calendar-selector-button-outline-border-color: var(--color-border-key);--calendar-arrow-background: url(https://alfabank.st/icons/icon_arrow-left_m_black.svg);--calendar-select-icon-background: url(https://alfabank.st/icons/icon_arrow-select_m_black.svg);--calendar-header-paddings: 0 var(--gap-xs) var(--gap-xs);--calendar-month-only-header-paddings: var(--gap-m) var(--gap-2xl) var(--gap-s);--calendar-month-only-header-font-family: var(--font-family-system);--calendar-month-only-header-font-size: 16px;--calendar-month-only-header-font-weight: 400;--calendar-day-size: 40px;--calendar-day-border-radius: 4px;--calendar-today-border-color: var(--color-border-key);--calendar-highlighted-color: var(--color-text-primary);--calendar-highlighted-background: var(--color-bg-accent-light);--calendar-range-background: color-mix(in srgb, var(--color-graphic-accent) 90%, white);--calendar-range-color: var(--color-text-primary);--calendar-selected-background: var(--color-bg-accent-light);--calendar-disabled-color: var(--color-text-tertiary);--calendar-disabled-background: transparent;--calendar-marker-background: var(--color-graphic-accent);--calendar-marker-background-past: var(--color-graphic-negative)}.component_SJQw{width:var(--calendar-width);box-sizing:border-box;outline:none}.container_3PFv{display:flex;flex-direction:column;align-items:center;padding-bottom:var(--gap-xs);box-sizing:border-box;flex-grow:1;overflow:hidden}
package/dist/calendar-input/component.js CHANGED
@@ -1,178 +1,181 @@
1
- import { jsx as l, jsxs as O } from "react/jsx-runtime";
2
- import ue from "classnames";
3
- import de, { forwardRef as fe, useState as W, useRef as u, useCallback as t, useEffect as me } from "react";
4
- import T from "react-merge-refs";
5
- import { Calendar as he } from "../calendar/component.js";
6
- import { dateInLimits as ve } from "../calendar/utils.js";
7
- import { MaskedInput as ye } from "../masked-input/component.js";
8
- import { Popover as Re } from "../popover/component.js";
9
- import { formatDate as H } from "../utils/format-date/index.js";
1
+ import { jsx as c, jsxs as q } from "react/jsx-runtime";
2
+ import ye from "classnames";
3
+ import Re, { forwardRef as Te, useState as C, useEffect as z, useRef as d, useCallback as n } from "react";
4
+ import k from "react-merge-refs";
5
+ import { Calendar as ge } from "../calendar/component.js";
6
+ import { dateInLimits as we } from "../calendar/utils.js";
7
+ import { MaskedInput as De } from "../masked-input/component.js";
8
+ import { Popover as Ie } from "../popover/component.js";
9
+ import { formatDate as G } from "../utils/format-date/index.js";
10
10
  import "../toast-notifier/component.js";
11
- import p from "./index.module.css.js";
12
- import { parseDateString as I, isCompleteDateInput as ge, DATE_MASK as we, SUPPORTS_INPUT_TYPE_DATE as De, NATIVE_DATE_FORMAT as Te } from "./utils.js";
13
- const be = fe(
11
+ import u from "./index.module.css.js";
12
+ import { isCompleteDateInput as A, parseDateString as E, DATE_MASK as Ne, SUPPORTS_INPUT_TYPE_DATE as Ce, NATIVE_DATE_FORMAT as ke } from "./utils.js";
13
+ const xe = Te(
14
14
  ({
15
- block: L = !1,
16
- className: Y,
17
- inputClassName: q,
18
- defaultOpen: N = !1,
19
- defaultMonth: C,
20
- defaultValue: d = "",
21
- calendarPosition: k = "popover",
22
- value: s,
23
- dataTestId: z,
24
- minDate: f,
25
- required: G,
26
- maxDate: m,
27
- calendarProps: A = {},
28
- preventFlip: J,
29
- mobileMode: E = "popover",
30
- wrapperRef: Q = null,
31
- disabled: M,
32
- onChange: h,
33
- onInputChange: v,
34
- onCalendarChange: y,
35
- readOnly: S,
36
- ...X
37
- }, _) => {
38
- s = s?.split("-").length ? s.split("-").reverse().join(".") : s;
39
- const R = s === void 0, K = De && E === "native", P = E === "input", Z = k === "static" && !P, $ = k === "popover" && !K && !P, [i, a] = W(!1), [ee, te] = W(d), g = R ? ee : s, w = g ? I(g).getTime() : void 0, V = ve(w, f, m), D = M || S, b = u(null), j = u(null), ne = u(null), o = u(null), oe = t((e) => {
15
+ block: J = !1,
16
+ className: Q,
17
+ inputClassName: X,
18
+ defaultOpen: M = !1,
19
+ defaultMonth: V,
20
+ defaultValue: f = "",
21
+ calendarPosition: S = "popover",
22
+ value: l,
23
+ dataTestId: Z,
24
+ minDate: m,
25
+ required: $,
26
+ maxDate: h,
27
+ calendarProps: _ = {},
28
+ preventFlip: ee,
29
+ mobileMode: K = "popover",
30
+ wrapperRef: te = null,
31
+ disabled: P,
32
+ onChange: v,
33
+ onInputChange: y,
34
+ onCalendarChange: R,
35
+ readOnly: b,
36
+ ...ne
37
+ }, j) => {
38
+ const oe = l && l.includes("-") ? l.split("-").reverse().join(".") : l, T = l === void 0, F = Ce && K === "native", U = K === "input", re = S === "static" && !U, ae = S === "popover" && !F && !U, [i, a] = C(!1), [se, ce] = C(f), p = T ? se : oe ?? "", [g, w] = C(p);
39
+ z(() => {
40
+ w(p);
41
+ }, [p]);
42
+ const D = g && A(g) ? g : p, I = D && A(D) ? E(D).getTime() : void 0, x = we(I, m, h), N = P || b, B = d(null), O = d(null), le = d(null), r = d(null), ie = n((e) => {
40
43
  e.key === "Escape" && a(!1);
41
- }, []), re = t(() => {
44
+ }, []), pe = n(() => {
42
45
  i || a(!0);
43
- }, [i]), se = t(
46
+ }, [i]), ue = n(
44
47
  (e) => {
45
- a(!0), !i && e.target.tagName !== "INPUT" && o.current && o.current.focus();
48
+ a(!0), !i && e.target.tagName !== "INPUT" && r.current && r.current.focus();
46
49
  },
47
50
  [i]
48
- ), ae = t((e) => {
49
- o.current && o.current.contains(e.relatedTarget) === !1 && a(!1);
50
- }, []), ce = t((e) => {
51
- ["ArrowDown", "ArrowUp"].includes(e.key) && o.current && (e.preventDefault(), o.current.focus());
52
- }, []), c = t(
53
- (e, n, r, B = "input", pe = !0) => {
54
- B === "input" && e && v && v(e, { value: n, date: r }), B === "calendar" && y && y(r.getTime()), pe && (R && te(n), h && h(e, {
55
- date: r,
56
- value: n.split(".").reverse().join("-")
51
+ ), de = n((e) => {
52
+ r.current && r.current.contains(e.relatedTarget) === !1 && a(!1);
53
+ }, []), fe = n((e) => {
54
+ ["ArrowDown", "ArrowUp"].includes(e.key) && r.current && (e.preventDefault(), r.current.focus());
55
+ }, []), s = n(
56
+ (e, t, o, Y = "input", ve = !0) => {
57
+ Y === "input" && e && y && y(e, { value: t, date: o }), Y === "calendar" && R && R(o.getTime()), ve && (T && ce(t), v && v(e, {
58
+ date: o,
59
+ value: t ? t.split(".").reverse().join("-") : ""
57
60
  }));
58
61
  },
59
- [y, h, v, R]
60
- ), le = t(
62
+ [R, v, y, T]
63
+ ), me = n(
61
64
  (e) => {
62
- const n = e.target.value, r = I(n);
63
- c(e, n, r, "input", ge(n));
65
+ const t = e.target.value, o = E(t);
66
+ w(t), s(e, t, o, "input", A(t));
64
67
  },
65
- [c]
66
- ), ie = t(
68
+ [s]
69
+ ), he = n(
67
70
  (e) => {
68
- const n = I(e.target.value, Te), r = e.target.value === "" ? "" : H(n, { format: "dd.MM.yyyy" });
69
- c(e, r, n);
71
+ const t = E(e.target.value, ke), o = e.target.value === "" ? "" : G(t, { format: "dd.MM.yyyy" });
72
+ w(o), s(e, o, t);
70
73
  },
71
- [c]
72
- ), F = t(
74
+ [s]
75
+ ), W = n(
73
76
  (e) => {
74
- c(
77
+ s(
75
78
  null,
76
- H(e, { format: "dd.MM.yyyy" }),
79
+ G(e, { format: "dd.MM.yyyy" }),
77
80
  new Date(e),
78
81
  "calendar"
79
82
  ), a(!1);
80
83
  },
81
- [c]
82
- ), U = t((e) => {
84
+ [s]
85
+ ), H = n((e) => {
83
86
  e.preventDefault();
84
87
  }, []);
85
- me(() => {
86
- a(N);
87
- }, [N]);
88
- const x = t(
88
+ z(() => {
89
+ a(M);
90
+ }, [M]);
91
+ const L = n(
89
92
  () => (
90
93
  // eslint-disable-next-line jsx-a11y/no-static-element-interactions
91
- /* @__PURE__ */ l("div", { onMouseDown: U, children: /* @__PURE__ */ l(
92
- he,
94
+ /* @__PURE__ */ c("div", { onMouseDown: H, children: /* @__PURE__ */ c(
95
+ ge,
93
96
  {
94
- ...A,
95
- ref: o,
96
- defaultMonth: C,
97
- value: V ? w : void 0,
98
- onChange: F,
99
- minDate: f,
100
- maxDate: m
97
+ ..._,
98
+ ref: r,
99
+ defaultMonth: V,
100
+ value: x ? I : void 0,
101
+ onChange: W,
102
+ minDate: m,
103
+ maxDate: h
101
104
  }
102
105
  ) })
103
106
  ),
104
107
  [
105
- A,
106
- w,
107
- C,
108
- F,
109
- U,
108
+ _,
109
+ I,
110
110
  V,
111
- m,
112
- f
111
+ W,
112
+ H,
113
+ x,
114
+ h,
115
+ m
113
116
  ]
114
117
  );
115
118
  return (
116
119
  // eslint-disable-next-line jsx-a11y/no-static-element-interactions
117
- /* @__PURE__ */ O(
120
+ /* @__PURE__ */ q(
118
121
  "div",
119
122
  {
120
- ref: ne,
121
- className: ue(p.component, Y, {
122
- [p.block]: L
123
+ ref: le,
124
+ className: ye(u.component, Q, {
125
+ [u.block]: J
123
126
  }),
124
127
  tabIndex: -1,
125
- onKeyDown: D ? void 0 : oe,
126
- onClick: D ? void 0 : re,
127
- onFocus: D ? void 0 : se,
128
- onBlur: ae,
129
- "data-test-id": z,
128
+ onKeyDown: N ? void 0 : ie,
129
+ onClick: N ? void 0 : pe,
130
+ onFocus: N ? void 0 : ue,
131
+ onBlur: de,
132
+ "data-test-id": Z,
130
133
  children: [
131
- /* @__PURE__ */ l(
132
- ye,
134
+ /* @__PURE__ */ c(
135
+ De,
133
136
  {
134
- ...X,
135
- ref: T([_, b]),
136
- wrapperRef: T([Q, j]),
137
- className: q,
138
- value: g,
139
- required: G,
140
- defaultValue: d,
141
- disabled: M,
142
- readOnly: S,
143
- mask: we,
144
- rightAddons: /* @__PURE__ */ O(de.Fragment, { children: [
145
- /* @__PURE__ */ l("span", { className: p.calendarIcon }),
146
- K && /* @__PURE__ */ l(
137
+ ...ne,
138
+ ref: k([j, B]),
139
+ wrapperRef: k([te, O]),
140
+ className: X,
141
+ value: p,
142
+ required: $,
143
+ defaultValue: f,
144
+ disabled: P,
145
+ readOnly: b,
146
+ mask: Ne,
147
+ rightAddons: /* @__PURE__ */ q(Re.Fragment, { children: [
148
+ /* @__PURE__ */ c("span", { className: u.calendarIcon }),
149
+ F && /* @__PURE__ */ c(
147
150
  "input",
148
151
  {
149
152
  type: "date",
150
- ref: T([_, b]),
151
- defaultValue: d,
152
- onChange: ie,
153
- className: p.nativeInput
153
+ ref: k([j, B]),
154
+ defaultValue: f,
155
+ onChange: he,
156
+ className: u.nativeInput
154
157
  }
155
158
  )
156
159
  ] }),
157
- onKeyDown: ce,
158
- onChange: le,
160
+ onKeyDown: fe,
161
+ onChange: me,
159
162
  block: !0,
160
163
  inputMode: "numeric",
161
164
  pattern: "[0-9\\.]*"
162
165
  }
163
166
  ),
164
- Z && x(),
165
- $ && /* @__PURE__ */ l(
166
- Re,
167
+ re && L(),
168
+ ae && /* @__PURE__ */ c(
169
+ Ie,
167
170
  {
168
171
  open: i,
169
- anchorElement: j.current,
170
- popperClassName: p.calendarContainer,
172
+ anchorElement: O.current,
173
+ popperClassName: u.calendarContainer,
171
174
  position: "bottom-start",
172
175
  offset: [0, 8],
173
176
  withTransition: !1,
174
- preventFlip: J,
175
- children: x()
177
+ preventFlip: ee,
178
+ children: L()
176
179
  }
177
180
  )
178
181
  ]
@@ -182,5 +185,5 @@ const be = fe(
182
185
  }
183
186
  );
184
187
  export {
185
- be as CalendarInput
188
+ xe as CalendarInput
186
189
  };