@salutejs/plasma-new-hope 0.142.0-canary.1424.10812555652.0 → 0.142.0-canary.1428.10806066547.0
Sign up to get free protection for your applications and to get access to all the features.
- package/cjs/_virtual/_rollupPluginBabelHelpers.js +4 -0
- package/cjs/_virtual/_rollupPluginBabelHelpers.js.map +1 -1
- package/cjs/components/Badge/Badge.css +0 -2
- package/cjs/components/Badge/Badge.js +3 -12
- package/cjs/components/Badge/Badge.js.map +1 -1
- package/cjs/components/Badge/Badge.tokens.js +1 -3
- package/cjs/components/Badge/Badge.tokens.js.map +1 -1
- package/cjs/components/Badge/variations/_pilled/base.js.map +1 -1
- package/cjs/components/Badge/variations/_transparent/base.js.map +1 -1
- package/cjs/components/Calendar/Calendar.types.js.map +1 -1
- package/cjs/components/Calendar/CalendarBase/CalendarBase.js +9 -4
- package/cjs/components/Calendar/CalendarBase/CalendarBase.js.map +1 -1
- package/cjs/components/Calendar/CalendarDouble/CalendarDouble.js +9 -2
- package/cjs/components/Calendar/CalendarDouble/CalendarDouble.js.map +1 -1
- package/cjs/components/Calendar/hooks/useMonths.js +6 -4
- package/cjs/components/Calendar/hooks/useMonths.js.map +1 -1
- package/cjs/components/Calendar/ui/CalendarDays/CalendarDays.js +3 -2
- package/cjs/components/Calendar/ui/CalendarDays/CalendarDays.js.map +1 -1
- package/cjs/components/Calendar/ui/CalendarHeader/CalendarHeader.js +4 -3
- package/cjs/components/Calendar/ui/CalendarHeader/CalendarHeader.js.map +1 -1
- package/cjs/components/Calendar/ui/CalendarMonths/CalendarMonths.js +4 -2
- package/cjs/components/Calendar/ui/CalendarMonths/CalendarMonths.js.map +1 -1
- package/cjs/components/Calendar/utils/calendarGridHelper.js +1 -1
- package/cjs/components/Calendar/utils/calendarGridHelper.js.map +1 -1
- package/cjs/components/Calendar/utils/constants.js +64 -3
- package/cjs/components/Calendar/utils/constants.js.map +1 -1
- package/cjs/index.css +0 -2
- package/emotion/cjs/components/Badge/Badge.js +3 -12
- package/emotion/cjs/components/Badge/Badge.template-doc.mdx +28 -19
- package/emotion/cjs/components/Badge/Badge.tokens.js +1 -3
- package/emotion/cjs/components/Badge/variations/_pilled/base.js +1 -1
- package/emotion/cjs/components/Badge/variations/_transparent/base.js +1 -1
- package/emotion/cjs/components/Calendar/CalendarBase/CalendarBase.js +9 -4
- package/emotion/cjs/components/Calendar/CalendarDouble/CalendarDouble.js +9 -2
- package/emotion/cjs/components/Calendar/hooks/useMonths.js +6 -4
- package/emotion/cjs/components/Calendar/ui/CalendarDays/CalendarDays.js +3 -2
- package/emotion/cjs/components/Calendar/ui/CalendarHeader/CalendarHeader.js +4 -3
- package/emotion/cjs/components/Calendar/ui/CalendarMonths/CalendarMonths.js +4 -2
- package/emotion/cjs/components/Calendar/utils/calendarGridHelper.js +1 -1
- package/emotion/cjs/components/Calendar/utils/constants.js +68 -4
- package/emotion/cjs/examples/plasma_b2c/components/Badge/Badge.config.js +12 -15
- package/emotion/cjs/examples/plasma_b2c/components/Badge/Badge.stories.tsx +6 -38
- package/emotion/cjs/examples/plasma_b2c/components/Calendar/Calendar.stories.tsx +9 -1
- package/emotion/cjs/examples/plasma_web/components/Badge/Badge.config.js +12 -15
- package/emotion/cjs/examples/plasma_web/components/Badge/Badge.stories.tsx +6 -39
- package/emotion/es/components/Badge/Badge.js +3 -12
- package/emotion/es/components/Badge/Badge.template-doc.mdx +28 -19
- package/emotion/es/components/Badge/Badge.tokens.js +1 -3
- package/emotion/es/components/Badge/variations/_pilled/base.js +1 -1
- package/emotion/es/components/Badge/variations/_transparent/base.js +1 -1
- package/emotion/es/components/Calendar/CalendarBase/CalendarBase.js +9 -4
- package/emotion/es/components/Calendar/CalendarDouble/CalendarDouble.js +9 -2
- package/emotion/es/components/Calendar/hooks/useMonths.js +6 -4
- package/emotion/es/components/Calendar/ui/CalendarDays/CalendarDays.js +3 -2
- package/emotion/es/components/Calendar/ui/CalendarHeader/CalendarHeader.js +4 -3
- package/emotion/es/components/Calendar/ui/CalendarMonths/CalendarMonths.js +4 -2
- package/emotion/es/components/Calendar/utils/calendarGridHelper.js +2 -2
- package/emotion/es/components/Calendar/utils/constants.js +67 -3
- package/emotion/es/examples/plasma_b2c/components/Badge/Badge.config.js +12 -15
- package/emotion/es/examples/plasma_b2c/components/Badge/Badge.stories.tsx +6 -38
- package/emotion/es/examples/plasma_b2c/components/Calendar/Calendar.stories.tsx +9 -1
- package/emotion/es/examples/plasma_web/components/Badge/Badge.config.js +12 -15
- package/emotion/es/examples/plasma_web/components/Badge/Badge.stories.tsx +6 -39
- package/es/_virtual/_rollupPluginBabelHelpers.js +4 -1
- package/es/_virtual/_rollupPluginBabelHelpers.js.map +1 -1
- package/es/components/Badge/Badge.css +0 -2
- package/es/components/Badge/Badge.js +3 -12
- package/es/components/Badge/Badge.js.map +1 -1
- package/es/components/Badge/Badge.tokens.js +1 -3
- package/es/components/Badge/Badge.tokens.js.map +1 -1
- package/es/components/Badge/variations/_pilled/base.js.map +1 -1
- package/es/components/Badge/variations/_transparent/base.js.map +1 -1
- package/es/components/Calendar/Calendar.types.js.map +1 -1
- package/es/components/Calendar/CalendarBase/CalendarBase.js +9 -4
- package/es/components/Calendar/CalendarBase/CalendarBase.js.map +1 -1
- package/es/components/Calendar/CalendarDouble/CalendarDouble.js +9 -2
- package/es/components/Calendar/CalendarDouble/CalendarDouble.js.map +1 -1
- package/es/components/Calendar/hooks/useMonths.js +6 -4
- package/es/components/Calendar/hooks/useMonths.js.map +1 -1
- package/es/components/Calendar/ui/CalendarDays/CalendarDays.js +3 -2
- package/es/components/Calendar/ui/CalendarDays/CalendarDays.js.map +1 -1
- package/es/components/Calendar/ui/CalendarHeader/CalendarHeader.js +4 -3
- package/es/components/Calendar/ui/CalendarHeader/CalendarHeader.js.map +1 -1
- package/es/components/Calendar/ui/CalendarMonths/CalendarMonths.js +4 -2
- package/es/components/Calendar/ui/CalendarMonths/CalendarMonths.js.map +1 -1
- package/es/components/Calendar/utils/calendarGridHelper.js +2 -2
- package/es/components/Calendar/utils/calendarGridHelper.js.map +1 -1
- package/es/components/Calendar/utils/constants.js +64 -4
- package/es/components/Calendar/utils/constants.js.map +1 -1
- package/es/index.css +0 -2
- package/package.json +2 -2
- package/styled-components/cjs/components/Badge/Badge.js +3 -12
- package/styled-components/cjs/components/Badge/Badge.template-doc.mdx +28 -19
- package/styled-components/cjs/components/Badge/Badge.tokens.js +1 -3
- package/styled-components/cjs/components/Badge/variations/_pilled/base.js +1 -1
- package/styled-components/cjs/components/Badge/variations/_transparent/base.js +1 -1
- package/styled-components/cjs/components/Calendar/CalendarBase/CalendarBase.js +9 -4
- package/styled-components/cjs/components/Calendar/CalendarDouble/CalendarDouble.js +9 -2
- package/styled-components/cjs/components/Calendar/hooks/useMonths.js +6 -4
- package/styled-components/cjs/components/Calendar/ui/CalendarDays/CalendarDays.js +3 -2
- package/styled-components/cjs/components/Calendar/ui/CalendarHeader/CalendarHeader.js +4 -3
- package/styled-components/cjs/components/Calendar/ui/CalendarMonths/CalendarMonths.js +4 -2
- package/styled-components/cjs/components/Calendar/utils/calendarGridHelper.js +1 -1
- package/styled-components/cjs/components/Calendar/utils/constants.js +68 -4
- package/styled-components/cjs/examples/plasma_b2c/components/Badge/Badge.config.js +7 -10
- package/styled-components/cjs/examples/plasma_b2c/components/Badge/Badge.stories.tsx +6 -38
- package/styled-components/cjs/examples/plasma_b2c/components/Calendar/Calendar.stories.tsx +9 -1
- package/styled-components/cjs/examples/plasma_web/components/Badge/Badge.config.js +7 -10
- package/styled-components/cjs/examples/plasma_web/components/Badge/Badge.stories.tsx +6 -39
- package/styled-components/es/components/Badge/Badge.js +3 -12
- package/styled-components/es/components/Badge/Badge.template-doc.mdx +28 -19
- package/styled-components/es/components/Badge/Badge.tokens.js +1 -3
- package/styled-components/es/components/Badge/variations/_pilled/base.js +1 -1
- package/styled-components/es/components/Badge/variations/_transparent/base.js +1 -1
- package/styled-components/es/components/Calendar/CalendarBase/CalendarBase.js +9 -4
- package/styled-components/es/components/Calendar/CalendarDouble/CalendarDouble.js +9 -2
- package/styled-components/es/components/Calendar/hooks/useMonths.js +6 -4
- package/styled-components/es/components/Calendar/ui/CalendarDays/CalendarDays.js +3 -2
- package/styled-components/es/components/Calendar/ui/CalendarHeader/CalendarHeader.js +4 -3
- package/styled-components/es/components/Calendar/ui/CalendarMonths/CalendarMonths.js +4 -2
- package/styled-components/es/components/Calendar/utils/calendarGridHelper.js +2 -2
- package/styled-components/es/components/Calendar/utils/constants.js +67 -3
- package/styled-components/es/examples/plasma_b2c/components/Badge/Badge.config.js +7 -10
- package/styled-components/es/examples/plasma_b2c/components/Badge/Badge.stories.tsx +6 -38
- package/styled-components/es/examples/plasma_b2c/components/Calendar/Calendar.stories.tsx +9 -1
- package/styled-components/es/examples/plasma_web/components/Badge/Badge.config.js +7 -10
- package/styled-components/es/examples/plasma_web/components/Badge/Badge.stories.tsx +6 -39
- package/types/components/Badge/Badge.d.ts +23 -7
- package/types/components/Badge/Badge.d.ts.map +1 -1
- package/types/components/Badge/Badge.tokens.d.ts +0 -2
- package/types/components/Badge/Badge.tokens.d.ts.map +1 -1
- package/types/components/Badge/Badge.types.d.ts +13 -52
- package/types/components/Badge/Badge.types.d.ts.map +1 -1
- package/types/components/Calendar/Calendar.types.d.ts +5 -0
- package/types/components/Calendar/Calendar.types.d.ts.map +1 -1
- package/types/components/Calendar/CalendarBase/CalendarBase.d.ts.map +1 -1
- package/types/components/Calendar/CalendarDouble/CalendarDouble.d.ts.map +1 -1
- package/types/components/Calendar/hooks/types.d.ts +2 -1
- package/types/components/Calendar/hooks/types.d.ts.map +1 -1
- package/types/components/Calendar/hooks/useMonths.d.ts +1 -1
- package/types/components/Calendar/hooks/useMonths.d.ts.map +1 -1
- package/types/components/Calendar/ui/CalendarDays/CalendarDays.d.ts.map +1 -1
- package/types/components/Calendar/ui/CalendarDays/CalendarDays.types.d.ts +2 -1
- package/types/components/Calendar/ui/CalendarDays/CalendarDays.types.d.ts.map +1 -1
- package/types/components/Calendar/ui/CalendarHeader/CalendarHeader.d.ts.map +1 -1
- package/types/components/Calendar/ui/CalendarHeader/CalendarHeader.types.d.ts +2 -1
- package/types/components/Calendar/ui/CalendarHeader/CalendarHeader.types.d.ts.map +1 -1
- package/types/components/Calendar/ui/CalendarMonths/CalendarMonths.d.ts.map +1 -1
- package/types/components/Calendar/ui/CalendarMonths/CalendarMonths.types.d.ts +2 -1
- package/types/components/Calendar/ui/CalendarMonths/CalendarMonths.types.d.ts.map +1 -1
- package/types/components/Calendar/utils/calendarGridHelper.d.ts.map +1 -1
- package/types/components/Calendar/utils/constants.d.ts +8 -5
- package/types/components/Calendar/utils/constants.d.ts.map +1 -1
- package/types/examples/plasma_b2c/components/Badge/Badge.config.d.ts +0 -3
- package/types/examples/plasma_b2c/components/Badge/Badge.config.d.ts.map +1 -1
- package/types/examples/plasma_b2c/components/Badge/Badge.d.ts +3 -32
- package/types/examples/plasma_b2c/components/Badge/Badge.d.ts.map +1 -1
- package/types/examples/plasma_web/components/Badge/Badge.config.d.ts +0 -3
- package/types/examples/plasma_web/components/Badge/Badge.config.d.ts.map +1 -1
- package/types/examples/plasma_web/components/Badge/Badge.d.ts +3 -32
- package/types/examples/plasma_web/components/Badge/Badge.d.ts.map +1 -1
- package/cjs/components/Badge/variations/_clear/base.js +0 -9
- package/cjs/components/Badge/variations/_clear/base.js.map +0 -1
- package/cjs/components/Badge/variations/_clear/base_oopyb7.css +0 -1
- package/emotion/cjs/components/Badge/variations/_clear/base.js +0 -9
- package/emotion/cjs/components/Badge/variations/_clear/tokens.json +0 -1
- package/emotion/es/components/Badge/variations/_clear/base.js +0 -3
- package/emotion/es/components/Badge/variations/_clear/tokens.json +0 -1
- package/es/components/Badge/variations/_clear/base.js +0 -5
- package/es/components/Badge/variations/_clear/base.js.map +0 -1
- package/es/components/Badge/variations/_clear/base_oopyb7.css +0 -1
- package/styled-components/cjs/components/Badge/variations/_clear/base.js +0 -9
- package/styled-components/cjs/components/Badge/variations/_clear/tokens.json +0 -1
- package/styled-components/es/components/Badge/variations/_clear/base.js +0 -3
- package/styled-components/es/components/Badge/variations/_clear/tokens.json +0 -1
- package/types/components/Badge/variations/_clear/base.d.ts +0 -2
- package/types/components/Badge/variations/_clear/base.d.ts.map +0 -1
@@ -34,7 +34,8 @@ export var CalendarDays = function CalendarDays(_ref) {
|
|
34
34
|
onChangeDay = _ref.onChangeDay,
|
35
35
|
onHoverDay = _ref.onHoverDay,
|
36
36
|
onSetSelected = _ref.onSetSelected,
|
37
|
-
onKeyDown = _ref.onKeyDown
|
37
|
+
onKeyDown = _ref.onKeyDown,
|
38
|
+
local = _ref.local;
|
38
39
|
var _useDays = useDays({
|
39
40
|
date: currentDate,
|
40
41
|
value: value,
|
@@ -105,7 +106,7 @@ export var CalendarDays = function CalendarDays(_ref) {
|
|
105
106
|
id: "withShift"
|
106
107
|
}, "\u0414\u043B\u044F \u043D\u0430\u0432\u0438\u0433\u0430\u0446\u0438\u0438 \u0442\u043E\u043B\u044C\u043A\u043E \u043F\u043E \u0434\u043E\u0441\u0442\u0443\u043F\u043D\u044B\u043C \u0434\u0430\u0442\u0430\u043C \u0443\u0434\u0435\u0440\u0436\u0438\u0432\u0430\u0439\u0442\u0435 \u043A\u043B\u0430\u0432\u0438\u0448\u0443 Shift.")), /*#__PURE__*/React.createElement(StyledFlex, {
|
107
108
|
role: "row"
|
108
|
-
}, SHORT_DAY_NAMES.map(function (name) {
|
109
|
+
}, SHORT_DAY_NAMES[local].map(function (name) {
|
109
110
|
return /*#__PURE__*/React.createElement(DateStructureItem, {
|
110
111
|
role: "columnheader",
|
111
112
|
"aria-label": FULL_DAY_NAMES[name],
|
@@ -20,7 +20,8 @@ export var CalendarHeader = function CalendarHeader(_ref) {
|
|
20
20
|
isDouble = _ref.isDouble,
|
21
21
|
onPrev = _ref.onPrev,
|
22
22
|
onNext = _ref.onNext,
|
23
|
-
onUpdateCalendarState = _ref.onUpdateCalendarState
|
23
|
+
onUpdateCalendarState = _ref.onUpdateCalendarState,
|
24
|
+
local = _ref.local;
|
24
25
|
var handleCalendarState = useCallback(function () {
|
25
26
|
var newSize = isDouble ? sizeMap.Months["double"] : sizeMap.Months.single;
|
26
27
|
if (type === CalendarState.Days) {
|
@@ -35,7 +36,7 @@ export var CalendarHeader = function CalendarHeader(_ref) {
|
|
35
36
|
return '';
|
36
37
|
}
|
37
38
|
if (type === CalendarState.Days) {
|
38
|
-
return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(StyledHeaderDate, null, MONTH_NAMES[date.monthIndex]), /*#__PURE__*/React.createElement(StyledHeaderDate, null, date.year, /*#__PURE__*/React.createElement(IconDisclosureDownFill, {
|
39
|
+
return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(StyledHeaderDate, null, MONTH_NAMES[local][date.monthIndex]), /*#__PURE__*/React.createElement(StyledHeaderDate, null, date.year, /*#__PURE__*/React.createElement(IconDisclosureDownFill, {
|
39
40
|
color: "inherit",
|
40
41
|
size: size === 'xs' ? 'xs' : 's'
|
41
42
|
})));
|
@@ -54,7 +55,7 @@ export var CalendarHeader = function CalendarHeader(_ref) {
|
|
54
55
|
}));
|
55
56
|
}
|
56
57
|
return '';
|
57
|
-
}, [type, startYear, size]);
|
58
|
+
}, [type, startYear, size, local]);
|
58
59
|
var currentCalendarType = getCalendarType(type);
|
59
60
|
var PreviousButton = useMemo(function () {
|
60
61
|
return /*#__PURE__*/React.createElement(StyledArrow, {
|
@@ -33,14 +33,16 @@ export var CalendarMonths = function CalendarMonths(_ref) {
|
|
33
33
|
onChangeMonth = _ref.onChangeMonth,
|
34
34
|
onHoverMonth = _ref.onHoverMonth,
|
35
35
|
onSetSelected = _ref.onSetSelected,
|
36
|
-
onKeyDown = _ref.onKeyDown
|
36
|
+
onKeyDown = _ref.onKeyDown,
|
37
|
+
local = _ref.local;
|
37
38
|
var _useMonths = useMonths({
|
38
39
|
date: currentDate,
|
39
40
|
value: value,
|
40
41
|
eventList: eventList,
|
41
42
|
disabledList: disabledList,
|
42
43
|
min: min,
|
43
|
-
max: max
|
44
|
+
max: max,
|
45
|
+
local: local
|
44
46
|
}),
|
45
47
|
_useMonths2 = _slicedToArray(_useMonths, 2),
|
46
48
|
months = _useMonths2[0],
|
@@ -9,7 +9,7 @@ function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len
|
|
9
9
|
function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
|
10
10
|
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
11
11
|
import { isSelectProcess } from './calendarRangeHelper';
|
12
|
-
import {
|
12
|
+
import { MONTHS, YEAR_RENDER_COUNT } from './constants';
|
13
13
|
export var getDaysInMonth = function getDaysInMonth(monthIndex, year) {
|
14
14
|
return new Date(year, monthIndex + 1, 0).getDate();
|
15
15
|
};
|
@@ -20,7 +20,7 @@ export var getStartYear = function getStartYear(year) {
|
|
20
20
|
return Math.floor(year / YEAR_RENDER_COUNT) * YEAR_RENDER_COUNT;
|
21
21
|
};
|
22
22
|
export var getNextDate = function getNextDate(currentYear, currentMonth) {
|
23
|
-
return currentMonth + 1 ===
|
23
|
+
return currentMonth + 1 === MONTHS.length ? [currentYear + 1, 0] : [currentYear, currentMonth + 1];
|
24
24
|
};
|
25
25
|
export var getPrevDate = function getPrevDate(currentYear, currentMonth) {
|
26
26
|
return currentMonth - 1 < 0 ? [currentYear - 1, 11] : [currentYear, currentMonth - 1];
|
@@ -1,3 +1,46 @@
|
|
1
|
+
function _toArray(arr) { return _arrayWithHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableRest(); }
|
2
|
+
function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
|
3
|
+
function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
|
4
|
+
function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
|
5
|
+
function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
|
6
|
+
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
7
|
+
var LOCAL = {
|
8
|
+
ru: 'ru-RU',
|
9
|
+
eng: 'en-US'
|
10
|
+
};
|
11
|
+
export var MONTHS = /*#__PURE__*/Array.from({
|
12
|
+
length: 12
|
13
|
+
}, function (_, i) {
|
14
|
+
return i + 1;
|
15
|
+
});
|
16
|
+
var WEEKS = /*#__PURE__*/Array.from({
|
17
|
+
length: 7
|
18
|
+
}, function (_, i) {
|
19
|
+
return i + 1;
|
20
|
+
});
|
21
|
+
var callbackDayFormatter = function callbackDayFormatter(local, options) {
|
22
|
+
var dateFormatter = new Intl.DateTimeFormat(LOCAL[local], options);
|
23
|
+
return function (index) {
|
24
|
+
// INFO: Start for monday
|
25
|
+
var day = new Date(Date.UTC(2024, 0, index));
|
26
|
+
var _dateFormatter$format = dateFormatter.format(day),
|
27
|
+
_dateFormatter$format2 = _toArray(_dateFormatter$format),
|
28
|
+
first = _dateFormatter$format2[0],
|
29
|
+
rest = _dateFormatter$format2.slice(1);
|
30
|
+
return first.toUpperCase() + rest.join('');
|
31
|
+
};
|
32
|
+
};
|
33
|
+
var callbackMonthFormatter = function callbackMonthFormatter(local, options) {
|
34
|
+
var dateFormatter = new Intl.DateTimeFormat(LOCAL[local], options);
|
35
|
+
return function (month) {
|
36
|
+
var data = new Date(Date.UTC(2024, month - 1));
|
37
|
+
var _dateFormatter$format3 = dateFormatter.format(data),
|
38
|
+
_dateFormatter$format4 = _toArray(_dateFormatter$format3),
|
39
|
+
first = _dateFormatter$format4[0],
|
40
|
+
rest = _dateFormatter$format4.slice(1);
|
41
|
+
return first.toUpperCase() + rest.join('').replace('.', '');
|
42
|
+
};
|
43
|
+
};
|
1
44
|
export var ROW_STEP = 6;
|
2
45
|
export var ROW_MONTH_STEP = 4;
|
3
46
|
export var ROW_YEAR_STEP = 4;
|
@@ -28,7 +71,14 @@ export var quarterDates = {
|
|
28
71
|
day: 1
|
29
72
|
}
|
30
73
|
};
|
31
|
-
export var SHORT_DAY_NAMES =
|
74
|
+
export var SHORT_DAY_NAMES = {
|
75
|
+
ru: /*#__PURE__*/WEEKS.map( /*#__PURE__*/callbackDayFormatter('ru', {
|
76
|
+
weekday: 'short'
|
77
|
+
})),
|
78
|
+
eng: /*#__PURE__*/WEEKS.map( /*#__PURE__*/callbackDayFormatter('eng', {
|
79
|
+
weekday: 'short'
|
80
|
+
}))
|
81
|
+
};
|
32
82
|
export var FULL_DAY_NAMES = {
|
33
83
|
Пн: 'Понедельник',
|
34
84
|
Вт: 'Вторник',
|
@@ -38,5 +88,19 @@ export var FULL_DAY_NAMES = {
|
|
38
88
|
Сб: 'Суббота',
|
39
89
|
Вс: 'Воскресенье'
|
40
90
|
};
|
41
|
-
export var SHORT_MONTH_NAME =
|
42
|
-
|
91
|
+
export var SHORT_MONTH_NAME = {
|
92
|
+
ru: /*#__PURE__*/MONTHS.map( /*#__PURE__*/callbackMonthFormatter('ru', {
|
93
|
+
month: 'short'
|
94
|
+
})),
|
95
|
+
eng: /*#__PURE__*/MONTHS.map( /*#__PURE__*/callbackMonthFormatter('eng', {
|
96
|
+
month: 'short'
|
97
|
+
}))
|
98
|
+
};
|
99
|
+
export var MONTH_NAMES = {
|
100
|
+
ru: /*#__PURE__*/MONTHS.map( /*#__PURE__*/callbackMonthFormatter('ru', {
|
101
|
+
month: 'long'
|
102
|
+
})),
|
103
|
+
eng: /*#__PURE__*/MONTHS.map( /*#__PURE__*/callbackMonthFormatter('eng', {
|
104
|
+
month: 'long'
|
105
|
+
}))
|
106
|
+
};
|
@@ -7,13 +7,13 @@ export var config = {
|
|
7
7
|
},
|
8
8
|
variations: {
|
9
9
|
view: {
|
10
|
-
"default": /*#__PURE__*/css(["", ":var(--inverse-text-primary);", ":var(--surface-solid-default);", ":var(--text-primary);", ":var(--surface-transparent-secondary);"
|
11
|
-
accent: /*#__PURE__*/css(["", ":var(--on-dark-text-primary);", ":var(--surface-accent);", ":var(--text-accent);", ":var(--surface-transparent-accent);"
|
12
|
-
positive: /*#__PURE__*/css(["", ":var(--on-dark-text-primary);", ":var(--surface-positive);", ":var(--text-positive);", ":var(--surface-transparent-positive);"
|
13
|
-
warning: /*#__PURE__*/css(["", ":var(--on-dark-text-primary);", ":var(--surface-warning);", ":var(--text-warning);", ":var(--surface-transparent-warning);"
|
14
|
-
negative: /*#__PURE__*/css(["", ":var(--on-dark-text-primary);", ":var(--surface-negative);", ":var(--text-negative);", ":var(--surface-transparent-negative);"
|
15
|
-
dark: /*#__PURE__*/css(["", ":var(--on-dark-text-primary);", ":var(--on-light-surface-solid-default);", ":var(--on-dark-text-primary);", ":var(--on-light-surface-transparent-deep);"
|
16
|
-
light: /*#__PURE__*/css(["", ":var(--on-light-text-primary);", ":var(--on-dark-surface-solid-default);", ":var(--on-dark-text-primary);", ":var(--on-dark-surface-transparent-card);"
|
10
|
+
"default": /*#__PURE__*/css(["", ":var(--inverse-text-primary);", ":var(--surface-solid-default);", ":var(--text-primary);", ":var(--surface-transparent-secondary);"], badgeTokens.color, badgeTokens.background, badgeTokens.colorTransparent, badgeTokens.backgroundTransparent),
|
11
|
+
accent: /*#__PURE__*/css(["", ":var(--on-dark-text-primary);", ":var(--surface-accent);", ":var(--text-accent);", ":var(--surface-transparent-accent);"], badgeTokens.color, badgeTokens.background, badgeTokens.colorTransparent, badgeTokens.backgroundTransparent),
|
12
|
+
positive: /*#__PURE__*/css(["", ":var(--on-dark-text-primary);", ":var(--surface-positive);", ":var(--text-positive);", ":var(--surface-transparent-positive);"], badgeTokens.color, badgeTokens.background, badgeTokens.colorTransparent, badgeTokens.backgroundTransparent),
|
13
|
+
warning: /*#__PURE__*/css(["", ":var(--on-dark-text-primary);", ":var(--surface-warning);", ":var(--text-warning);", ":var(--surface-transparent-warning);"], badgeTokens.color, badgeTokens.background, badgeTokens.colorTransparent, badgeTokens.backgroundTransparent),
|
14
|
+
negative: /*#__PURE__*/css(["", ":var(--on-dark-text-primary);", ":var(--surface-negative);", ":var(--text-negative);", ":var(--surface-transparent-negative);"], badgeTokens.color, badgeTokens.background, badgeTokens.colorTransparent, badgeTokens.backgroundTransparent),
|
15
|
+
dark: /*#__PURE__*/css(["", ":var(--on-dark-text-primary);", ":var(--on-light-surface-solid-default);", ":var(--on-dark-text-primary);", ":var(--on-light-surface-transparent-deep);"], badgeTokens.color, badgeTokens.background, badgeTokens.colorTransparent, badgeTokens.backgroundTransparent),
|
16
|
+
light: /*#__PURE__*/css(["", ":var(--on-light-text-primary);", ":var(--on-dark-surface-solid-default);", ":var(--on-dark-text-primary);", ":var(--on-dark-surface-transparent-card);"], badgeTokens.color, badgeTokens.background, badgeTokens.colorTransparent, badgeTokens.backgroundTransparent)
|
17
17
|
},
|
18
18
|
size: {
|
19
19
|
l: /*#__PURE__*/css(["", ":0.5rem;", ":1.75rem;", ":0.6875rem;", ":0.6875rem;", ":var(--plasma-typo-body-s-font-family);", ":var(--plasma-typo-body-s-font-size);", ":var(--plasma-typo-body-s-font-style);", ":var(--plasma-typo-body-s-font-weight);", ":var(--plasma-typo-body-s-letter-spacing);", ":var(--plasma-typo-body-s-line-height);", ":-0.0625rem;", ":0.25rem;", ":0.25rem;", ":-0.0625rem;"], badgeTokens.borderRadius, badgeTokens.height, badgeTokens.paddingRight, badgeTokens.paddingLeft, badgeTokens.fontFamily, badgeTokens.fontSize, badgeTokens.fontStyle, badgeTokens.fontWeight, badgeTokens.letterSpacing, badgeTokens.lineHeight, badgeTokens.leftContentMarginLeft, badgeTokens.leftContentMarginRight, badgeTokens.rightContentMarginLeft, badgeTokens.rightContentMarginRight),
|
@@ -25,9 +25,6 @@ export var config = {
|
|
25
25
|
},
|
26
26
|
transparent: {
|
27
27
|
"true": /*#__PURE__*/css([""])
|
28
|
-
},
|
29
|
-
clear: {
|
30
|
-
"true": /*#__PURE__*/css([""])
|
31
28
|
}
|
32
29
|
}
|
33
30
|
};
|
@@ -1,4 +1,4 @@
|
|
1
|
-
import React
|
1
|
+
import React from 'react';
|
2
2
|
import { disableProps } from '@salutejs/plasma-sb-utils';
|
3
3
|
import type { StoryObj, Meta } from '@storybook/react';
|
4
4
|
|
@@ -23,25 +23,13 @@ const meta: Meta<typeof Badge> = {
|
|
23
23
|
type: 'select',
|
24
24
|
},
|
25
25
|
},
|
26
|
-
pilled: {
|
27
|
-
control: { type: 'boolean' },
|
28
|
-
if: { arg: 'clear', truthy: false },
|
29
|
-
},
|
30
|
-
transparent: {
|
31
|
-
control: { type: 'boolean' },
|
32
|
-
if: { arg: 'clear', truthy: false },
|
33
|
-
},
|
34
26
|
...disableProps(['contentLeft', 'contentRight']),
|
35
27
|
},
|
36
28
|
};
|
37
29
|
|
38
30
|
export default meta;
|
39
31
|
|
40
|
-
type
|
41
|
-
enableContentLeft: boolean;
|
42
|
-
enableContentRight: boolean;
|
43
|
-
};
|
44
|
-
type Story = StoryObj<StoryProps>;
|
32
|
+
type Story = StoryObj<typeof Badge>;
|
45
33
|
|
46
34
|
const BellIcon = (props) => (
|
47
35
|
<svg width="100%" viewBox="0 0 24 24" fill="none" {...props}>
|
@@ -53,36 +41,16 @@ const BellIcon = (props) => (
|
|
53
41
|
);
|
54
42
|
|
55
43
|
export const Default: Story = {
|
56
|
-
argTypes: {
|
57
|
-
enableContentLeft: {
|
58
|
-
control: { type: 'boolean' },
|
59
|
-
if: { arg: 'enableContentRight', truthy: false },
|
60
|
-
},
|
61
|
-
enableContentRight: {
|
62
|
-
control: { type: 'boolean' },
|
63
|
-
if: { arg: 'enableContentLeft', truthy: false },
|
64
|
-
},
|
65
|
-
},
|
66
44
|
args: {
|
67
45
|
text: 'Hello',
|
68
46
|
view: 'default',
|
69
47
|
size: 'm',
|
70
|
-
enableContentLeft: false,
|
71
|
-
enableContentRight: false,
|
72
|
-
clear: false,
|
73
48
|
pilled: false,
|
74
49
|
transparent: false,
|
75
50
|
},
|
76
|
-
|
77
|
-
const iconSize = size === 'l' ? '1rem' : '0.75rem';
|
51
|
+
};
|
78
52
|
|
79
|
-
|
80
|
-
|
81
|
-
|
82
|
-
contentRight={enableContentRight ? <BellIcon width={iconSize} height={iconSize} /> : undefined}
|
83
|
-
size={size}
|
84
|
-
{...rest}
|
85
|
-
/>
|
86
|
-
);
|
87
|
-
},
|
53
|
+
export const WithIcon: Story = {
|
54
|
+
args: { ...Default.args },
|
55
|
+
render: (args) => <Badge contentLeft={<BellIcon width="1rem" height="1rem" />} {...args} />,
|
88
56
|
};
|
@@ -32,6 +32,12 @@ const meta: Meta<typeof CalendarBase> = {
|
|
32
32
|
type: 'inline-radio',
|
33
33
|
},
|
34
34
|
},
|
35
|
+
local: {
|
36
|
+
options: ['ru', 'eng'],
|
37
|
+
control: {
|
38
|
+
type: 'select',
|
39
|
+
},
|
40
|
+
},
|
35
41
|
},
|
36
42
|
};
|
37
43
|
|
@@ -75,7 +81,7 @@ const getBaseEvents = (type: 'days' | 'months' | 'quarters' | 'years', datesNumb
|
|
75
81
|
};
|
76
82
|
|
77
83
|
const StoryDefault = (args: CalendarProps) => {
|
78
|
-
const { isRange, isDouble, min, max, date, includeEdgeDates, size } = args;
|
84
|
+
const { isRange, isDouble, min, max, date, includeEdgeDates, size, local } = args;
|
79
85
|
const [value, setValue] = useState(new Date(2023, 10, 16));
|
80
86
|
const [valueRange, setValueRange] = useState<[Date, Date?]>([new Date(2023, 10, 16), new Date(2023, 10, 23)]);
|
81
87
|
|
@@ -97,6 +103,7 @@ const StoryDefault = (args: CalendarProps) => {
|
|
97
103
|
min={min}
|
98
104
|
max={max}
|
99
105
|
includeEdgeDates={includeEdgeDates}
|
106
|
+
local={local}
|
100
107
|
onChangeValue={(isRange ? handleOnRangeChange : handleOnChange) as (value: Date | [Date, Date?]) => void}
|
101
108
|
/>
|
102
109
|
);
|
@@ -110,6 +117,7 @@ export const Default: StoryObj<CalendarProps> = {
|
|
110
117
|
isRange: false,
|
111
118
|
includeEdgeDates: false,
|
112
119
|
size: 'm',
|
120
|
+
local: 'ru',
|
113
121
|
},
|
114
122
|
render: (args) => <StoryDefault {...args} />,
|
115
123
|
};
|
@@ -7,13 +7,13 @@ export var config = {
|
|
7
7
|
},
|
8
8
|
variations: {
|
9
9
|
view: {
|
10
|
-
"default": /*#__PURE__*/css(["", ":var(--inverse-text-primary);", ":var(--surface-solid-default);", ":var(--text-primary);", ":var(--surface-transparent-secondary);"
|
11
|
-
accent: /*#__PURE__*/css(["", ":var(--on-dark-text-primary);", ":var(--surface-accent);", ":var(--text-accent);", ":var(--surface-transparent-accent);"
|
12
|
-
positive: /*#__PURE__*/css(["", ":var(--on-dark-text-primary);", ":var(--surface-positive);", ":var(--text-positive);", ":var(--surface-transparent-positive);"
|
13
|
-
warning: /*#__PURE__*/css(["", ":var(--on-dark-text-primary);", ":var(--surface-warning);", ":var(--text-warning);", ":var(--surface-transparent-warning);"
|
14
|
-
negative: /*#__PURE__*/css(["", ":var(--on-dark-text-primary);", ":var(--surface-negative);", ":var(--text-negative);", ":var(--surface-transparent-negative);"
|
15
|
-
dark: /*#__PURE__*/css(["", ":var(--on-dark-text-primary);", ":var(--on-light-surface-solid-default);", ":var(--on-dark-text-primary);", ":var(--on-light-surface-transparent-deep);"
|
16
|
-
light: /*#__PURE__*/css(["", ":var(--on-light-text-primary);", ":var(--on-dark-surface-solid-default);", ":var(--on-dark-text-primary);", ":var(--on-dark-surface-transparent-card);"
|
10
|
+
"default": /*#__PURE__*/css(["", ":var(--inverse-text-primary);", ":var(--surface-solid-default);", ":var(--text-primary);", ":var(--surface-transparent-secondary);"], badgeTokens.color, badgeTokens.background, badgeTokens.colorTransparent, badgeTokens.backgroundTransparent),
|
11
|
+
accent: /*#__PURE__*/css(["", ":var(--on-dark-text-primary);", ":var(--surface-accent);", ":var(--text-accent);", ":var(--surface-transparent-accent);"], badgeTokens.color, badgeTokens.background, badgeTokens.colorTransparent, badgeTokens.backgroundTransparent),
|
12
|
+
positive: /*#__PURE__*/css(["", ":var(--on-dark-text-primary);", ":var(--surface-positive);", ":var(--text-positive);", ":var(--surface-transparent-positive);"], badgeTokens.color, badgeTokens.background, badgeTokens.colorTransparent, badgeTokens.backgroundTransparent),
|
13
|
+
warning: /*#__PURE__*/css(["", ":var(--on-dark-text-primary);", ":var(--surface-warning);", ":var(--text-warning);", ":var(--surface-transparent-warning);"], badgeTokens.color, badgeTokens.background, badgeTokens.colorTransparent, badgeTokens.backgroundTransparent),
|
14
|
+
negative: /*#__PURE__*/css(["", ":var(--on-dark-text-primary);", ":var(--surface-negative);", ":var(--text-negative);", ":var(--surface-transparent-negative);"], badgeTokens.color, badgeTokens.background, badgeTokens.colorTransparent, badgeTokens.backgroundTransparent),
|
15
|
+
dark: /*#__PURE__*/css(["", ":var(--on-dark-text-primary);", ":var(--on-light-surface-solid-default);", ":var(--on-dark-text-primary);", ":var(--on-light-surface-transparent-deep);"], badgeTokens.color, badgeTokens.background, badgeTokens.colorTransparent, badgeTokens.backgroundTransparent),
|
16
|
+
light: /*#__PURE__*/css(["", ":var(--on-light-text-primary);", ":var(--on-dark-surface-solid-default);", ":var(--on-dark-text-primary);", ":var(--on-dark-surface-transparent-card);"], badgeTokens.color, badgeTokens.background, badgeTokens.colorTransparent, badgeTokens.backgroundTransparent)
|
17
17
|
},
|
18
18
|
size: {
|
19
19
|
l: /*#__PURE__*/css(["", ":0.5rem;", ":1.75rem;", ":0.6875rem;", ":0.6875rem;", ":var(--plasma-typo-body-s-font-family);", ":var(--plasma-typo-body-s-font-size);", ":var(--plasma-typo-body-s-font-style);", ":var(--plasma-typo-body-s-font-weight);", ":var(--plasma-typo-body-s-letter-spacing);", ":var(--plasma-typo-body-s-line-height);", ":-0.0625rem;", ":0.25rem;", ":0.25rem;", ":-0.0625rem;"], badgeTokens.borderRadius, badgeTokens.height, badgeTokens.paddingRight, badgeTokens.paddingLeft, badgeTokens.fontFamily, badgeTokens.fontSize, badgeTokens.fontStyle, badgeTokens.fontWeight, badgeTokens.letterSpacing, badgeTokens.lineHeight, badgeTokens.leftContentMarginLeft, badgeTokens.leftContentMarginRight, badgeTokens.rightContentMarginLeft, badgeTokens.rightContentMarginRight),
|
@@ -25,9 +25,6 @@ export var config = {
|
|
25
25
|
},
|
26
26
|
transparent: {
|
27
27
|
"true": /*#__PURE__*/css([""])
|
28
|
-
},
|
29
|
-
clear: {
|
30
|
-
"true": /*#__PURE__*/css([""])
|
31
28
|
}
|
32
29
|
}
|
33
30
|
};
|
@@ -1,4 +1,4 @@
|
|
1
|
-
import React
|
1
|
+
import React from 'react';
|
2
2
|
import { disableProps } from '@salutejs/plasma-sb-utils';
|
3
3
|
import type { StoryObj, Meta } from '@storybook/react';
|
4
4
|
|
@@ -8,7 +8,6 @@ import { Badge } from './Badge';
|
|
8
8
|
|
9
9
|
const meta: Meta<typeof Badge> = {
|
10
10
|
title: 'plasma_web/Badge',
|
11
|
-
component: Badge,
|
12
11
|
decorators: [WithTheme],
|
13
12
|
argTypes: {
|
14
13
|
size: {
|
@@ -23,25 +22,13 @@ const meta: Meta<typeof Badge> = {
|
|
23
22
|
type: 'select',
|
24
23
|
},
|
25
24
|
},
|
26
|
-
pilled: {
|
27
|
-
control: { type: 'boolean' },
|
28
|
-
if: { arg: 'clear', truthy: false },
|
29
|
-
},
|
30
|
-
transparent: {
|
31
|
-
control: { type: 'boolean' },
|
32
|
-
if: { arg: 'clear', truthy: false },
|
33
|
-
},
|
34
25
|
...disableProps(['contentLeft', 'contentRight']),
|
35
26
|
},
|
36
27
|
};
|
37
28
|
|
38
29
|
export default meta;
|
39
30
|
|
40
|
-
type
|
41
|
-
enableContentLeft: boolean;
|
42
|
-
enableContentRight: boolean;
|
43
|
-
};
|
44
|
-
type Story = StoryObj<StoryProps>;
|
31
|
+
type Story = StoryObj<typeof Badge>;
|
45
32
|
|
46
33
|
const BellIcon = (props) => (
|
47
34
|
<svg width="100%" viewBox="0 0 24 24" fill="none" {...props}>
|
@@ -53,36 +40,16 @@ const BellIcon = (props) => (
|
|
53
40
|
);
|
54
41
|
|
55
42
|
export const Default: Story = {
|
56
|
-
argTypes: {
|
57
|
-
enableContentLeft: {
|
58
|
-
control: { type: 'boolean' },
|
59
|
-
if: { arg: 'enableContentRight', truthy: false },
|
60
|
-
},
|
61
|
-
enableContentRight: {
|
62
|
-
control: { type: 'boolean' },
|
63
|
-
if: { arg: 'enableContentLeft', truthy: false },
|
64
|
-
},
|
65
|
-
},
|
66
43
|
args: {
|
67
44
|
text: 'Hello',
|
68
45
|
view: 'default',
|
69
46
|
size: 'm',
|
70
|
-
enableContentLeft: false,
|
71
|
-
enableContentRight: false,
|
72
|
-
clear: false,
|
73
47
|
pilled: false,
|
74
48
|
transparent: false,
|
75
49
|
},
|
76
|
-
|
77
|
-
const iconSize = size === 'l' ? '1rem' : '0.75rem';
|
50
|
+
};
|
78
51
|
|
79
|
-
|
80
|
-
|
81
|
-
|
82
|
-
contentRight={enableContentRight ? <BellIcon width={iconSize} height={iconSize} /> : undefined}
|
83
|
-
size={size}
|
84
|
-
{...rest}
|
85
|
-
/>
|
86
|
-
);
|
87
|
-
},
|
52
|
+
export const WithIcon: Story = {
|
53
|
+
args: { ...Default.args },
|
54
|
+
render: (args) => <Badge contentLeft={<BellIcon width="1rem" height="1rem" />} {...args} />,
|
88
55
|
};
|
@@ -1,11 +1,31 @@
|
|
1
1
|
import React from 'react';
|
2
2
|
import type { RootProps } from '../../engines';
|
3
|
-
import type { BadgeProps
|
4
|
-
export declare const badgeRoot: (Root: RootProps<HTMLDivElement,
|
3
|
+
import type { BadgeProps } from './Badge.types';
|
4
|
+
export declare const badgeRoot: (Root: RootProps<HTMLDivElement, BadgeProps>) => React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & {
|
5
|
+
text?: string | undefined;
|
6
|
+
contentLeft?: React.ReactNode;
|
7
|
+
contentRight?: React.ReactNode;
|
8
|
+
pilled?: boolean | undefined;
|
9
|
+
transparent?: boolean | undefined;
|
10
|
+
size?: string | undefined;
|
11
|
+
view?: string | undefined;
|
12
|
+
} & {
|
13
|
+
children?: React.ReactNode;
|
14
|
+
} & React.RefAttributes<HTMLDivElement>>;
|
5
15
|
export declare const badgeConfig: {
|
6
16
|
name: string;
|
7
17
|
tag: string;
|
8
|
-
layout: (Root: RootProps<HTMLDivElement,
|
18
|
+
layout: (Root: RootProps<HTMLDivElement, BadgeProps>) => React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & {
|
19
|
+
text?: string | undefined;
|
20
|
+
contentLeft?: React.ReactNode;
|
21
|
+
contentRight?: React.ReactNode;
|
22
|
+
pilled?: boolean | undefined;
|
23
|
+
transparent?: boolean | undefined;
|
24
|
+
size?: string | undefined;
|
25
|
+
view?: string | undefined;
|
26
|
+
} & {
|
27
|
+
children?: React.ReactNode;
|
28
|
+
} & React.RefAttributes<HTMLDivElement>>;
|
9
29
|
base: import("@linaria/core").LinariaClassName;
|
10
30
|
variations: {
|
11
31
|
view: {
|
@@ -22,10 +42,6 @@ export declare const badgeConfig: {
|
|
22
42
|
css: import("@linaria/core").LinariaClassName;
|
23
43
|
attrs: boolean;
|
24
44
|
};
|
25
|
-
clear: {
|
26
|
-
css: import("@linaria/core").LinariaClassName;
|
27
|
-
attrs: boolean;
|
28
|
-
};
|
29
45
|
};
|
30
46
|
defaults: {
|
31
47
|
view: string;
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"Badge.d.ts","sourceRoot":"","sources":["../../../src/components/Badge/Badge.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAE1C,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;
|
1
|
+
{"version":3,"file":"Badge.d.ts","sourceRoot":"","sources":["../../../src/components/Badge/Badge.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAE1C,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAO/C,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAIhD,eAAO,MAAM,SAAS,SAAU,UAAU,cAAc,EAAE,UAAU,CAAC;;;;;;;;;;wCAkC/D,CAAC;AAEP,eAAO,MAAM,WAAW;;;mBApCQ,UAAU,cAAc,EAAE,UAAU,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA6DpE,CAAC"}
|
@@ -1,14 +1,12 @@
|
|
1
1
|
export declare const classes: {
|
2
2
|
badgePilled: string;
|
3
3
|
badgeTransparent: string;
|
4
|
-
badgeClear: string;
|
5
4
|
};
|
6
5
|
export declare const tokens: {
|
7
6
|
background: string;
|
8
7
|
color: string;
|
9
8
|
backgroundTransparent: string;
|
10
9
|
colorTransparent: string;
|
11
|
-
colorClear: string;
|
12
10
|
borderRadius: string;
|
13
11
|
pilledBorderRadius: string;
|
14
12
|
height: string;
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"Badge.tokens.d.ts","sourceRoot":"","sources":["../../../src/components/Badge/Badge.tokens.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,OAAO
|
1
|
+
{"version":3,"file":"Badge.tokens.d.ts","sourceRoot":"","sources":["../../../src/components/Badge/Badge.tokens.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,OAAO;;;CAGnB,CAAC;AAEF,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;CAyBlB,CAAC"}
|
@@ -1,50 +1,4 @@
|
|
1
1
|
import type { HTMLAttributes, PropsWithChildren, ReactNode } from 'react';
|
2
|
-
declare type ClearViewProps = {
|
3
|
-
/**
|
4
|
-
* view применяется с clear-токенами
|
5
|
-
* @default
|
6
|
-
* false
|
7
|
-
*/
|
8
|
-
clear?: true;
|
9
|
-
/**
|
10
|
-
* Компонент c округлым border-radius
|
11
|
-
* @default
|
12
|
-
* false
|
13
|
-
*/
|
14
|
-
pilled?: false;
|
15
|
-
/**
|
16
|
-
* view применяется с учетом прозрачности
|
17
|
-
* @default
|
18
|
-
* false
|
19
|
-
*/
|
20
|
-
transparent?: false;
|
21
|
-
} | {
|
22
|
-
/**
|
23
|
-
* Компонент c округлым border-radius
|
24
|
-
*/
|
25
|
-
pilled?: true;
|
26
|
-
/**
|
27
|
-
* view применяется с учетом прозрачности
|
28
|
-
*/
|
29
|
-
transparent?: boolean;
|
30
|
-
/**
|
31
|
-
* view применяется с clear-токенами
|
32
|
-
*/
|
33
|
-
clear?: false;
|
34
|
-
} | {
|
35
|
-
/**
|
36
|
-
* Компонент c округлым border-radius
|
37
|
-
*/
|
38
|
-
pilled?: boolean;
|
39
|
-
/**
|
40
|
-
* view применяется с учетом прозрачности
|
41
|
-
*/
|
42
|
-
transparent?: true;
|
43
|
-
/**
|
44
|
-
* view применяется с clear-токенами
|
45
|
-
*/
|
46
|
-
clear?: false;
|
47
|
-
};
|
48
2
|
declare type CustomBadgeProps = {
|
49
3
|
/**
|
50
4
|
* Текстовая надпись
|
@@ -58,6 +12,18 @@ declare type CustomBadgeProps = {
|
|
58
12
|
* Слот для контента справа, например `Icon`
|
59
13
|
*/
|
60
14
|
contentRight?: ReactNode;
|
15
|
+
/**
|
16
|
+
* Компонент c округлым border-radius
|
17
|
+
* @default
|
18
|
+
* false
|
19
|
+
*/
|
20
|
+
pilled?: boolean;
|
21
|
+
/**
|
22
|
+
* view применяется с учетом прозрачности
|
23
|
+
* @default
|
24
|
+
* false
|
25
|
+
*/
|
26
|
+
transparent?: boolean;
|
61
27
|
/**
|
62
28
|
* Размер Badge
|
63
29
|
* @default
|
@@ -71,11 +37,6 @@ declare type CustomBadgeProps = {
|
|
71
37
|
*/
|
72
38
|
view?: string;
|
73
39
|
} & PropsWithChildren;
|
74
|
-
export declare type BadgeProps = HTMLAttributes<HTMLDivElement> & CustomBadgeProps
|
75
|
-
export declare type BadgeRootProps = HTMLAttributes<HTMLDivElement> & CustomBadgeProps & {
|
76
|
-
pilled?: boolean;
|
77
|
-
transparent?: boolean;
|
78
|
-
clear?: boolean;
|
79
|
-
};
|
40
|
+
export declare type BadgeProps = HTMLAttributes<HTMLDivElement> & CustomBadgeProps;
|
80
41
|
export {};
|
81
42
|
//# sourceMappingURL=Badge.types.d.ts.map
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"Badge.types.d.ts","sourceRoot":"","sources":["../../../src/components/Badge/Badge.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,iBAAiB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAE1E,aAAK,
|
1
|
+
{"version":3,"file":"Badge.types.d.ts","sourceRoot":"","sources":["../../../src/components/Badge/Badge.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,iBAAiB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAE1E,aAAK,gBAAgB,GAAG;IACpB;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB;;OAEG;IACH,YAAY,CAAC,EAAE,SAAS,CAAC;IACzB;;;;OAIG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB;;;;OAIG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB;;;;OAIG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;;;OAIG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;CACjB,GAAG,iBAAiB,CAAC;AAEtB,oBAAY,UAAU,GAAG,cAAc,CAAC,cAAc,CAAC,GAAG,gBAAgB,CAAC"}
|
@@ -83,6 +83,7 @@ export declare type DateInfo = {
|
|
83
83
|
name: string;
|
84
84
|
fullValue: CalendarValueType;
|
85
85
|
};
|
86
|
+
export declare type LOCAL = 'ru' | 'eng';
|
86
87
|
export interface Calendar extends HTMLAttributes<HTMLDivElement> {
|
87
88
|
/**
|
88
89
|
* Выбранное значение.
|
@@ -144,6 +145,10 @@ export interface Calendar extends HTMLAttributes<HTMLDivElement> {
|
|
144
145
|
* Конечный тип отображения календаря: дни, месяца, года, кварталы.
|
145
146
|
*/
|
146
147
|
type?: CalendarStateType;
|
148
|
+
/**
|
149
|
+
* Choose calendar lang
|
150
|
+
*/
|
151
|
+
local?: LOCAL;
|
147
152
|
}
|
148
153
|
export declare type CalendarConfigProps = {
|
149
154
|
/**
|