mimir-ui-kit 1.38.9 → 1.38.10
Sign up to get free protection for your applications and to get access to all the features.
- package/dist/assets/styles.css +1 -1
- package/dist/components/DatePicker/DatePicker.js +2 -1
- package/dist/components/DatePicker/DatePickerModal.js +1 -1
- package/dist/components/DatePicker/MonthPickerModal.js +1 -1
- package/dist/components/DatePicker/YearPickerModal.js +1 -1
- package/dist/styles.module-BlOA4RBL.js +28 -0
- package/package.json +1 -1
- package/dist/styles.module-CPvzaOtD.js +0 -27
package/dist/assets/styles.css
CHANGED
@@ -1 +1 @@
|
|
1
|
-
._input-field-group-
|
1
|
+
._input-field-group-datePicker_1ogw2_3{display:flex;flex-direction:column;gap:var(--mimir-space-2xs)}._input-field-group-datePicker_1ogw2_3 ._wrapper_1ogw2_8{--border-color: var(--citrine-100);position:relative;display:flex;align-items:center;border-radius:var(--mimir-control-radius-s)}._input-field-group-datePicker_1ogw2_3 ._wrapper_1ogw2_8 ._date-wrapper_1ogw2_15{position:relative;width:100%}._input-field-group-datePicker_1ogw2_3 ._wrapper_1ogw2_8 ._date-wrapper_1ogw2_15 ._input-wrapper_1ogw2_19{flex:1}._input-field-group-datePicker_1ogw2_3 ._wrapper_1ogw2_8 ._date-wrapper_1ogw2_15 ._input-wrapper_1ogw2_19 ._right-slot_1ogw2_22{padding-top:0;order:2}._input-field-group-datePicker_1ogw2_3 ._wrapper_1ogw2_8 ._date-wrapper_1ogw2_15 ._inputBorderControl_1ogw2_26{border:transparent}._input-field-group-datePicker_1ogw2_3 ._wrapper_1ogw2_8 ._date-wrapper_1ogw2_15:hover ._input-wrapper_1ogw2_19{background-color:var(--input-bg-color-hover)}._input-field-group-datePicker_1ogw2_3 ._wrapper_1ogw2_8 ._date-wrapper_1ogw2_15:before{position:absolute;top:0;right:45px;bottom:0;left:0;z-index:3;cursor:pointer;content:""}._input-field-group-datePicker_1ogw2_3 ._wrapper_1ogw2_8 ._date-wrapper_1ogw2_15._editable_1ogw2_39:before{display:none}._input-field-group-datePicker_1ogw2_3 ._wrapper_1ogw2_8 ._date-wrapper_1ogw2_15 svg{cursor:pointer}._input-field-group-datePicker_1ogw2_3 ._wrapper_1ogw2_8:has([data-error=true]){--border-color: var(--error-normal)}._input-field-group-datePicker_1ogw2_3 ._wrapper_1ogw2_8._active_1ogw2_48{border-bottom:1px solid var(--border-color)}._input-field-group-datePicker_1ogw2_3 ._textError_1ogw2_51{font-family:var(--mimir-font-inter);font-weight:var(--mimir-font-weight-text-regular);font-size:var(--mimir-size-text-s);line-height:var(--mimir-size-text-m);text-align:left;color:var(--gos-znak-diplomatic-background-color)}._input_1ogw2_3{padding-right:var(--mimir-space-3xl)}[data-disabled=true] ._date-wrapper_1ogw2_15:before{cursor:auto}[data-disabled=true] ._date-wrapper_1ogw2_15 ._input-wrapper_1ogw2_19{background:var(--black-20)}[data-disabled=true] ._date-wrapper_1ogw2_15 ._input-wrapper_1ogw2_19 label,[data-disabled=true] ._date-wrapper_1ogw2_15 ._input-wrapper_1ogw2_19 input{color:var(--white)}[data-disabled=true] ._button-wrapper_1ogw2_74 svg{color:var(--white);cursor:default;fill:var(--white)}._button-wrapper_1ogw2_74{position:absolute;top:0;right:0;z-index:2;display:flex;justify-content:center;width:44px;height:100%;max-height:var(--button-height-xxl)}._button_1ogw2_74{align-self:center;background-color:transparent;border-radius:var(--mimir-control-radius-s)}._calendar-block_1ogw2_98{position:absolute;z-index:var(--mimir-zindex-dropdown);display:flex;flex-direction:column;width:368px;max-height:none;padding:var(--mimir-space-m);font-weight:var(--mimir-font-weight-text-regular);font-size:var(--mimir-size-text-l);font-family:var(--mimir-font-inter);line-height:var(--mimir-line-height-text-2xs);text-align:center;text-overflow:ellipsis;background:var(--white);border-radius:var(--mimir-control-radius-s);box-shadow:0 0 #16172705,0 2px 4px #16172705,0 6px 6px #16172705,0 15px 9px #16172703;opacity:0;transition:height .5s ease-in;font-feature-settings:"zero";font-variant-numeric:slashed-zero}._calendar-block_1ogw2_98 ._h_1ogw2_120{display:flex;width:100%;color:var(--black-100)}._calendar-block_1ogw2_98 ._b_1ogw2_74{display:grid;grid-template-columns:repeat(7,1fr)}._calendar-block_1ogw2_98 ._d_1ogw2_15{display:flex;flex:1;gap:var(--mimir-space-2xs);align-items:center;justify-content:center;color:var(--black-100);font-size:var(--mimir-size-text-l);cursor:pointer}._calendar-block_1ogw2_98 ._m_1ogw2_142,._calendar-block_1ogw2_98 ._a_1ogw2_48,._calendar-block_1ogw2_98 ._prev_1ogw2_144{width:auto;height:48px;overflow:hidden}._calendar-block_1ogw2_98 ._m_1ogw2_142{display:flex;align-items:center;justify-content:center;color:var(--disabled);font-size:var(--mimir-size-text-l)}._calendar-block_1ogw2_98 ._orange_1ogw2_158{color:var(--citrine-100)}._calendar-block_1ogw2_98 ._a_1ogw2_48{color:var(--black-100);font-size:var(--mimir-size-text-l);border-radius:var(--mimir-control-radius-s)}._calendar-block_1ogw2_98 ._a_1ogw2_48:hover{background:var(--black-10)}._calendar-block_1ogw2_98 ._a_1ogw2_48:active{color:var(--white);background:var(--sapphire-100)}._calendar-block_1ogw2_98 ._current_1ogw2_175{background:var(--sapphire-10);border-radius:var(--mimir-control-radius-s)}._calendar-block_1ogw2_98 ._monthGrid_1ogw2_180{display:grid;grid-template-columns:repeat(3,1fr)}._icon-button_1ogw2_185{display:flex}
|
@@ -4,7 +4,7 @@ import { memo as V, forwardRef as tt, useState as N, useEffect as T } from "reac
|
|
4
4
|
import { MAX_DAY as st, MAX_MONTH as et, DATE_LENGTH as it } from "./constants.js";
|
5
5
|
import { DatePickerModal as rt } from "./DatePickerModal.js";
|
6
6
|
import { MonthPickerModal as ot } from "./MonthPickerModal.js";
|
7
|
-
import { c as e } from "../../styles.module-
|
7
|
+
import { c as e } from "../../styles.module-BlOA4RBL.js";
|
8
8
|
import { formatDatePart as L } from "./utils.js";
|
9
9
|
import { YearPickerModal as at } from "./YearPickerModal.js";
|
10
10
|
import { useClickOutside as ct } from "../../hooks/useClickOutside/useClickOutside.js";
|
@@ -135,6 +135,7 @@ const dt = {
|
|
135
135
|
addonType: "react-node",
|
136
136
|
addonContent: /* @__PURE__ */ a(C, { isActive: D })
|
137
137
|
},
|
138
|
+
rightSlotClassName: e["right-slot"],
|
138
139
|
onFocus: () => {
|
139
140
|
j && !w && m(!0);
|
140
141
|
},
|
@@ -3,7 +3,7 @@ import { c as x } from "../../index-DIxK0V-G.js";
|
|
3
3
|
import { useState as O } from "react";
|
4
4
|
import { week as Y, COUNT_WORK_DAYS as j } from "./constants.js";
|
5
5
|
import { useDatePickerPosition as z } from "./hooks.js";
|
6
|
-
import { c as o } from "../../styles.module-
|
6
|
+
import { c as o } from "../../styles.module-BlOA4RBL.js";
|
7
7
|
import { getUpdateDate as M } from "./utils.js";
|
8
8
|
import { Icon as G } from "../../icons/Icon.js";
|
9
9
|
import { formating as s } from "../../utils/index.js";
|
@@ -3,7 +3,7 @@ import { c as k } from "../../index-DIxK0V-G.js";
|
|
3
3
|
import { useState as $ } from "react";
|
4
4
|
import { months as x } from "./constants.js";
|
5
5
|
import { useDatePickerPosition as v } from "./hooks.js";
|
6
|
-
import { c as e } from "../../styles.module-
|
6
|
+
import { c as e } from "../../styles.module-BlOA4RBL.js";
|
7
7
|
import { Icon as B } from "../../icons/Icon.js";
|
8
8
|
import { formating as a } from "../../utils/index.js";
|
9
9
|
import { Button as b } from "../Button/Button.js";
|
@@ -2,7 +2,7 @@ import { jsxs as p, jsx as o } from "react/jsx-runtime";
|
|
2
2
|
import { c as v } from "../../index-DIxK0V-G.js";
|
3
3
|
import { useState as x } from "react";
|
4
4
|
import { useDatePickerPosition as Y } from "./hooks.js";
|
5
|
-
import { c as t } from "../../styles.module-
|
5
|
+
import { c as t } from "../../styles.module-BlOA4RBL.js";
|
6
6
|
import { formating as n } from "../../utils/index.js";
|
7
7
|
import { Button as y } from "../Button/Button.js";
|
8
8
|
const F = ({
|
@@ -0,0 +1,28 @@
|
|
1
|
+
import './assets/styles.css';const o = "_wrapper_1ogw2_8", t = "_inputBorderControl_1ogw2_26", _ = "_editable_1ogw2_39", r = "_active_1ogw2_48", n = "_textError_1ogw2_51", e = "_input_1ogw2_3", p = "_button_1ogw2_74", c = "_h_1ogw2_120", w = "_b_1ogw2_74", a = "_d_1ogw2_15", g = "_m_1ogw2_142", i = "_a_1ogw2_48", u = "_prev_1ogw2_144", s = "_orange_1ogw2_158", d = "_current_1ogw2_175", b = "_monthGrid_1ogw2_180", l = {
|
2
|
+
"input-field-group-datePicker": "_input-field-group-datePicker_1ogw2_3",
|
3
|
+
wrapper: o,
|
4
|
+
"date-wrapper": "_date-wrapper_1ogw2_15",
|
5
|
+
"input-wrapper": "_input-wrapper_1ogw2_19",
|
6
|
+
"right-slot": "_right-slot_1ogw2_22",
|
7
|
+
inputBorderControl: t,
|
8
|
+
editable: _,
|
9
|
+
active: r,
|
10
|
+
textError: n,
|
11
|
+
input: e,
|
12
|
+
"button-wrapper": "_button-wrapper_1ogw2_74",
|
13
|
+
button: p,
|
14
|
+
"calendar-block": "_calendar-block_1ogw2_98",
|
15
|
+
h: c,
|
16
|
+
b: w,
|
17
|
+
d: a,
|
18
|
+
m: g,
|
19
|
+
a: i,
|
20
|
+
prev: u,
|
21
|
+
orange: s,
|
22
|
+
current: d,
|
23
|
+
monthGrid: b,
|
24
|
+
"icon-button": "_icon-button_1ogw2_185"
|
25
|
+
};
|
26
|
+
export {
|
27
|
+
l as c
|
28
|
+
};
|
package/package.json
CHANGED
@@ -1,27 +0,0 @@
|
|
1
|
-
import './assets/styles.css';const t = "_textError_97gw7_7", _ = "_input_97gw7_2", r = "_inputBorderControl_97gw7_28", n = "_editable_97gw7_41", o = "_wrapper_97gw7_64", e = "_active_97gw7_74", p = "_button_97gw7_58", c = "_h_97gw7_118", w = "_b_97gw7_58", a = "_d_97gw7_24", g = "_m_97gw7_140", i = "_a_97gw7_74", u = "_prev_97gw7_142", d = "_orange_97gw7_156", s = "_current_97gw7_173", b = "_monthGrid_97gw7_178", l = {
|
2
|
-
"input-field-group-datePicker": "_input-field-group-datePicker_97gw7_2",
|
3
|
-
textError: t,
|
4
|
-
input: _,
|
5
|
-
"input-wrapper": "_input-wrapper_97gw7_20",
|
6
|
-
"date-wrapper": "_date-wrapper_97gw7_24",
|
7
|
-
inputBorderControl: r,
|
8
|
-
editable: n,
|
9
|
-
"button-wrapper": "_button-wrapper_97gw7_58",
|
10
|
-
wrapper: o,
|
11
|
-
active: e,
|
12
|
-
button: p,
|
13
|
-
"calendar-block": "_calendar-block_97gw7_96",
|
14
|
-
h: c,
|
15
|
-
b: w,
|
16
|
-
d: a,
|
17
|
-
m: g,
|
18
|
-
a: i,
|
19
|
-
prev: u,
|
20
|
-
orange: d,
|
21
|
-
current: s,
|
22
|
-
monthGrid: b,
|
23
|
-
"icon-button": "_icon-button_97gw7_183"
|
24
|
-
};
|
25
|
-
export {
|
26
|
-
l as c
|
27
|
-
};
|