@salutejs/plasma-new-hope 0.142.0-canary.1424.10791681494.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/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/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/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/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/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/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
@@ -3,7 +3,50 @@
|
|
3
3
|
Object.defineProperty(exports, "__esModule", {
|
4
4
|
value: true
|
5
5
|
});
|
6
|
-
exports.quarterDates = exports.offsetMap = exports.YEAR_RENDER_COUNT = exports.SHORT_MONTH_NAME = exports.SHORT_DAY_NAMES = exports.ROW_YEAR_STEP = exports.ROW_STEP = exports.ROW_QUARTER_STEP = exports.ROW_MONTH_STEP = exports.QUARTER_NAMES = exports.MONTH_NAMES = exports.FULL_DAY_NAMES = void 0;
|
6
|
+
exports.quarterDates = exports.offsetMap = exports.YEAR_RENDER_COUNT = exports.SHORT_MONTH_NAME = exports.SHORT_DAY_NAMES = exports.ROW_YEAR_STEP = exports.ROW_STEP = exports.ROW_QUARTER_STEP = exports.ROW_MONTH_STEP = exports.QUARTER_NAMES = exports.MONTH_NAMES = exports.MONTHS = exports.FULL_DAY_NAMES = void 0;
|
7
|
+
function _toArray(arr) { return _arrayWithHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableRest(); }
|
8
|
+
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."); }
|
9
|
+
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); }
|
10
|
+
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; }
|
11
|
+
function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
|
12
|
+
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
13
|
+
var LOCAL = {
|
14
|
+
ru: 'ru-RU',
|
15
|
+
eng: 'en-US'
|
16
|
+
};
|
17
|
+
var MONTHS = exports.MONTHS = /*#__PURE__*/Array.from({
|
18
|
+
length: 12
|
19
|
+
}, function (_, i) {
|
20
|
+
return i + 1;
|
21
|
+
});
|
22
|
+
var WEEKS = /*#__PURE__*/Array.from({
|
23
|
+
length: 7
|
24
|
+
}, function (_, i) {
|
25
|
+
return i + 1;
|
26
|
+
});
|
27
|
+
var callbackDayFormatter = function callbackDayFormatter(local, options) {
|
28
|
+
var dateFormatter = new Intl.DateTimeFormat(LOCAL[local], options);
|
29
|
+
return function (index) {
|
30
|
+
// INFO: Start for monday
|
31
|
+
var day = new Date(Date.UTC(2024, 0, index));
|
32
|
+
var _dateFormatter$format = dateFormatter.format(day),
|
33
|
+
_dateFormatter$format2 = _toArray(_dateFormatter$format),
|
34
|
+
first = _dateFormatter$format2[0],
|
35
|
+
rest = _dateFormatter$format2.slice(1);
|
36
|
+
return first.toUpperCase() + rest.join('');
|
37
|
+
};
|
38
|
+
};
|
39
|
+
var callbackMonthFormatter = function callbackMonthFormatter(local, options) {
|
40
|
+
var dateFormatter = new Intl.DateTimeFormat(LOCAL[local], options);
|
41
|
+
return function (month) {
|
42
|
+
var data = new Date(Date.UTC(2024, month - 1));
|
43
|
+
var _dateFormatter$format3 = dateFormatter.format(data),
|
44
|
+
_dateFormatter$format4 = _toArray(_dateFormatter$format3),
|
45
|
+
first = _dateFormatter$format4[0],
|
46
|
+
rest = _dateFormatter$format4.slice(1);
|
47
|
+
return first.toUpperCase() + rest.join('').replace('.', '');
|
48
|
+
};
|
49
|
+
};
|
7
50
|
var ROW_STEP = exports.ROW_STEP = 6;
|
8
51
|
var ROW_MONTH_STEP = exports.ROW_MONTH_STEP = 4;
|
9
52
|
var ROW_YEAR_STEP = exports.ROW_YEAR_STEP = 4;
|
@@ -34,7 +77,14 @@ var quarterDates = exports.quarterDates = {
|
|
34
77
|
day: 1
|
35
78
|
}
|
36
79
|
};
|
37
|
-
var SHORT_DAY_NAMES = exports.SHORT_DAY_NAMES =
|
80
|
+
var SHORT_DAY_NAMES = exports.SHORT_DAY_NAMES = {
|
81
|
+
ru: /*#__PURE__*/WEEKS.map( /*#__PURE__*/callbackDayFormatter('ru', {
|
82
|
+
weekday: 'short'
|
83
|
+
})),
|
84
|
+
eng: /*#__PURE__*/WEEKS.map( /*#__PURE__*/callbackDayFormatter('eng', {
|
85
|
+
weekday: 'short'
|
86
|
+
}))
|
87
|
+
};
|
38
88
|
var FULL_DAY_NAMES = exports.FULL_DAY_NAMES = {
|
39
89
|
Пн: 'Понедельник',
|
40
90
|
Вт: 'Вторник',
|
@@ -44,5 +94,19 @@ var FULL_DAY_NAMES = exports.FULL_DAY_NAMES = {
|
|
44
94
|
Сб: 'Суббота',
|
45
95
|
Вс: 'Воскресенье'
|
46
96
|
};
|
47
|
-
var SHORT_MONTH_NAME = exports.SHORT_MONTH_NAME =
|
48
|
-
|
97
|
+
var SHORT_MONTH_NAME = exports.SHORT_MONTH_NAME = {
|
98
|
+
ru: /*#__PURE__*/MONTHS.map( /*#__PURE__*/callbackMonthFormatter('ru', {
|
99
|
+
month: 'short'
|
100
|
+
})),
|
101
|
+
eng: /*#__PURE__*/MONTHS.map( /*#__PURE__*/callbackMonthFormatter('eng', {
|
102
|
+
month: 'short'
|
103
|
+
}))
|
104
|
+
};
|
105
|
+
var MONTH_NAMES = exports.MONTH_NAMES = {
|
106
|
+
ru: /*#__PURE__*/MONTHS.map( /*#__PURE__*/callbackMonthFormatter('ru', {
|
107
|
+
month: 'long'
|
108
|
+
})),
|
109
|
+
eng: /*#__PURE__*/MONTHS.map( /*#__PURE__*/callbackMonthFormatter('eng', {
|
110
|
+
month: 'long'
|
111
|
+
}))
|
112
|
+
};
|
@@ -13,13 +13,13 @@ var config = exports.config = {
|
|
13
13
|
},
|
14
14
|
variations: {
|
15
15
|
view: {
|
16
|
-
"default": /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--inverse-text-primary);", ":var(--surface-solid-default);", ":var(--text-primary);", ":var(--surface-transparent-secondary);"
|
17
|
-
accent: /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--on-dark-text-primary);", ":var(--surface-accent);", ":var(--text-accent);", ":var(--surface-transparent-accent);"
|
18
|
-
positive: /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--on-dark-text-primary);", ":var(--surface-positive);", ":var(--text-positive);", ":var(--surface-transparent-positive);"
|
19
|
-
warning: /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--on-dark-text-primary);", ":var(--surface-warning);", ":var(--text-warning);", ":var(--surface-transparent-warning);"
|
20
|
-
negative: /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--on-dark-text-primary);", ":var(--surface-negative);", ":var(--text-negative);", ":var(--surface-transparent-negative);"
|
21
|
-
dark: /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--on-dark-text-primary);", ":var(--on-light-surface-solid-default);", ":var(--on-dark-text-primary);", ":var(--on-light-surface-transparent-deep);"
|
22
|
-
light: /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--on-light-text-primary);", ":var(--on-dark-surface-solid-default);", ":var(--on-dark-text-primary);", ":var(--on-dark-surface-transparent-card);"
|
16
|
+
"default": /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--inverse-text-primary);", ":var(--surface-solid-default);", ":var(--text-primary);", ":var(--surface-transparent-secondary);"], _Badge.badgeTokens.color, _Badge.badgeTokens.background, _Badge.badgeTokens.colorTransparent, _Badge.badgeTokens.backgroundTransparent),
|
17
|
+
accent: /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--on-dark-text-primary);", ":var(--surface-accent);", ":var(--text-accent);", ":var(--surface-transparent-accent);"], _Badge.badgeTokens.color, _Badge.badgeTokens.background, _Badge.badgeTokens.colorTransparent, _Badge.badgeTokens.backgroundTransparent),
|
18
|
+
positive: /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--on-dark-text-primary);", ":var(--surface-positive);", ":var(--text-positive);", ":var(--surface-transparent-positive);"], _Badge.badgeTokens.color, _Badge.badgeTokens.background, _Badge.badgeTokens.colorTransparent, _Badge.badgeTokens.backgroundTransparent),
|
19
|
+
warning: /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--on-dark-text-primary);", ":var(--surface-warning);", ":var(--text-warning);", ":var(--surface-transparent-warning);"], _Badge.badgeTokens.color, _Badge.badgeTokens.background, _Badge.badgeTokens.colorTransparent, _Badge.badgeTokens.backgroundTransparent),
|
20
|
+
negative: /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--on-dark-text-primary);", ":var(--surface-negative);", ":var(--text-negative);", ":var(--surface-transparent-negative);"], _Badge.badgeTokens.color, _Badge.badgeTokens.background, _Badge.badgeTokens.colorTransparent, _Badge.badgeTokens.backgroundTransparent),
|
21
|
+
dark: /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--on-dark-text-primary);", ":var(--on-light-surface-solid-default);", ":var(--on-dark-text-primary);", ":var(--on-light-surface-transparent-deep);"], _Badge.badgeTokens.color, _Badge.badgeTokens.background, _Badge.badgeTokens.colorTransparent, _Badge.badgeTokens.backgroundTransparent),
|
22
|
+
light: /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--on-light-text-primary);", ":var(--on-dark-surface-solid-default);", ":var(--on-dark-text-primary);", ":var(--on-dark-surface-transparent-card);"], _Badge.badgeTokens.color, _Badge.badgeTokens.background, _Badge.badgeTokens.colorTransparent, _Badge.badgeTokens.backgroundTransparent)
|
23
23
|
},
|
24
24
|
size: {
|
25
25
|
l: /*#__PURE__*/(0, _styledComponents.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;"], _Badge.badgeTokens.borderRadius, _Badge.badgeTokens.height, _Badge.badgeTokens.paddingRight, _Badge.badgeTokens.paddingLeft, _Badge.badgeTokens.fontFamily, _Badge.badgeTokens.fontSize, _Badge.badgeTokens.fontStyle, _Badge.badgeTokens.fontWeight, _Badge.badgeTokens.letterSpacing, _Badge.badgeTokens.lineHeight, _Badge.badgeTokens.leftContentMarginLeft, _Badge.badgeTokens.leftContentMarginRight, _Badge.badgeTokens.rightContentMarginLeft, _Badge.badgeTokens.rightContentMarginRight),
|
@@ -31,9 +31,6 @@ var config = exports.config = {
|
|
31
31
|
},
|
32
32
|
transparent: {
|
33
33
|
"true": /*#__PURE__*/(0, _styledComponents.css)([""])
|
34
|
-
},
|
35
|
-
clear: {
|
36
|
-
"true": /*#__PURE__*/(0, _styledComponents.css)([""])
|
37
34
|
}
|
38
35
|
}
|
39
36
|
};
|
@@ -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
|
};
|
@@ -13,13 +13,13 @@ var config = exports.config = {
|
|
13
13
|
},
|
14
14
|
variations: {
|
15
15
|
view: {
|
16
|
-
"default": /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--inverse-text-primary);", ":var(--surface-solid-default);", ":var(--text-primary);", ":var(--surface-transparent-secondary);"
|
17
|
-
accent: /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--on-dark-text-primary);", ":var(--surface-accent);", ":var(--text-accent);", ":var(--surface-transparent-accent);"
|
18
|
-
positive: /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--on-dark-text-primary);", ":var(--surface-positive);", ":var(--text-positive);", ":var(--surface-transparent-positive);"
|
19
|
-
warning: /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--on-dark-text-primary);", ":var(--surface-warning);", ":var(--text-warning);", ":var(--surface-transparent-warning);"
|
20
|
-
negative: /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--on-dark-text-primary);", ":var(--surface-negative);", ":var(--text-negative);", ":var(--surface-transparent-negative);"
|
21
|
-
dark: /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--on-dark-text-primary);", ":var(--on-light-surface-solid-default);", ":var(--on-dark-text-primary);", ":var(--on-light-surface-transparent-deep);"
|
22
|
-
light: /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--on-light-text-primary);", ":var(--on-dark-surface-solid-default);", ":var(--on-dark-text-primary);", ":var(--on-dark-surface-transparent-card);"
|
16
|
+
"default": /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--inverse-text-primary);", ":var(--surface-solid-default);", ":var(--text-primary);", ":var(--surface-transparent-secondary);"], _Badge.badgeTokens.color, _Badge.badgeTokens.background, _Badge.badgeTokens.colorTransparent, _Badge.badgeTokens.backgroundTransparent),
|
17
|
+
accent: /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--on-dark-text-primary);", ":var(--surface-accent);", ":var(--text-accent);", ":var(--surface-transparent-accent);"], _Badge.badgeTokens.color, _Badge.badgeTokens.background, _Badge.badgeTokens.colorTransparent, _Badge.badgeTokens.backgroundTransparent),
|
18
|
+
positive: /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--on-dark-text-primary);", ":var(--surface-positive);", ":var(--text-positive);", ":var(--surface-transparent-positive);"], _Badge.badgeTokens.color, _Badge.badgeTokens.background, _Badge.badgeTokens.colorTransparent, _Badge.badgeTokens.backgroundTransparent),
|
19
|
+
warning: /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--on-dark-text-primary);", ":var(--surface-warning);", ":var(--text-warning);", ":var(--surface-transparent-warning);"], _Badge.badgeTokens.color, _Badge.badgeTokens.background, _Badge.badgeTokens.colorTransparent, _Badge.badgeTokens.backgroundTransparent),
|
20
|
+
negative: /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--on-dark-text-primary);", ":var(--surface-negative);", ":var(--text-negative);", ":var(--surface-transparent-negative);"], _Badge.badgeTokens.color, _Badge.badgeTokens.background, _Badge.badgeTokens.colorTransparent, _Badge.badgeTokens.backgroundTransparent),
|
21
|
+
dark: /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--on-dark-text-primary);", ":var(--on-light-surface-solid-default);", ":var(--on-dark-text-primary);", ":var(--on-light-surface-transparent-deep);"], _Badge.badgeTokens.color, _Badge.badgeTokens.background, _Badge.badgeTokens.colorTransparent, _Badge.badgeTokens.backgroundTransparent),
|
22
|
+
light: /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--on-light-text-primary);", ":var(--on-dark-surface-solid-default);", ":var(--on-dark-text-primary);", ":var(--on-dark-surface-transparent-card);"], _Badge.badgeTokens.color, _Badge.badgeTokens.background, _Badge.badgeTokens.colorTransparent, _Badge.badgeTokens.backgroundTransparent)
|
23
23
|
},
|
24
24
|
size: {
|
25
25
|
l: /*#__PURE__*/(0, _styledComponents.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;"], _Badge.badgeTokens.borderRadius, _Badge.badgeTokens.height, _Badge.badgeTokens.paddingRight, _Badge.badgeTokens.paddingLeft, _Badge.badgeTokens.fontFamily, _Badge.badgeTokens.fontSize, _Badge.badgeTokens.fontStyle, _Badge.badgeTokens.fontWeight, _Badge.badgeTokens.letterSpacing, _Badge.badgeTokens.lineHeight, _Badge.badgeTokens.leftContentMarginLeft, _Badge.badgeTokens.leftContentMarginRight, _Badge.badgeTokens.rightContentMarginLeft, _Badge.badgeTokens.rightContentMarginRight),
|
@@ -31,9 +31,6 @@ var config = exports.config = {
|
|
31
31
|
},
|
32
32
|
transparent: {
|
33
33
|
"true": /*#__PURE__*/(0, _styledComponents.css)([""])
|
34
|
-
},
|
35
|
-
clear: {
|
36
|
-
"true": /*#__PURE__*/(0, _styledComponents.css)([""])
|
37
34
|
}
|
38
35
|
}
|
39
36
|
};
|
@@ -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,4 +1,4 @@
|
|
1
|
-
var _excluded = ["children", "className", "text", "contentLeft", "contentRight", "size", "view", "pilled", "transparent"
|
1
|
+
var _excluded = ["children", "className", "text", "contentLeft", "contentRight", "size", "view", "pilled", "transparent"];
|
2
2
|
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
3
3
|
function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
|
4
4
|
function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
|
@@ -8,7 +8,6 @@ import { base as viewCSS } from './variations/_view/base';
|
|
8
8
|
import { base as sizeCSS } from './variations/_size/base';
|
9
9
|
import { base as pilledCSS } from './variations/_pilled/base';
|
10
10
|
import { base as transparentCSS } from './variations/_transparent/base';
|
11
|
-
import { base as clearCSS } from './variations/_clear/base';
|
12
11
|
import { StyledContentLeft, StyledContentMain, StyledContentRight, base } from './Badge.styles';
|
13
12
|
import { classes } from './Badge.tokens';
|
14
13
|
export var badgeRoot = function badgeRoot(Root) {
|
@@ -24,21 +23,17 @@ export var badgeRoot = function badgeRoot(Root) {
|
|
24
23
|
pilled = _props$pilled === void 0 ? false : _props$pilled,
|
25
24
|
_props$transparent = props.transparent,
|
26
25
|
transparent = _props$transparent === void 0 ? false : _props$transparent,
|
27
|
-
_props$clear = props.clear,
|
28
|
-
clear = _props$clear === void 0 ? false : _props$clear,
|
29
26
|
rest = _objectWithoutProperties(props, _excluded);
|
30
27
|
var pilledClass = pilled ? classes.badgePilled : undefined;
|
31
28
|
var transparentClass = transparent ? classes.badgeTransparent : undefined;
|
32
|
-
var clearClass = clear ? classes.badgeClear : undefined;
|
33
29
|
var txt = !text && typeof children === 'string' ? children : text;
|
34
30
|
return /*#__PURE__*/React.createElement(Root, _extends({
|
35
31
|
ref: ref,
|
36
|
-
className: cx(pilledClass, transparentClass,
|
32
|
+
className: cx(pilledClass, transparentClass, className),
|
37
33
|
view: view,
|
38
34
|
size: size,
|
39
35
|
pilled: pilled,
|
40
|
-
transparent: transparent
|
41
|
-
clear: clear
|
36
|
+
transparent: transparent
|
42
37
|
}, rest), contentLeft && /*#__PURE__*/React.createElement(StyledContentLeft, null, contentLeft), txt ? /*#__PURE__*/React.createElement(StyledContentMain, null, txt) : children, contentRight && /*#__PURE__*/React.createElement(StyledContentRight, null, contentRight));
|
43
38
|
});
|
44
39
|
};
|
@@ -61,10 +56,6 @@ export var badgeConfig = {
|
|
61
56
|
transparent: {
|
62
57
|
css: transparentCSS,
|
63
58
|
attrs: true
|
64
|
-
},
|
65
|
-
clear: {
|
66
|
-
css: clearCSS,
|
67
|
-
attrs: true
|
68
59
|
}
|
69
60
|
},
|
70
61
|
defaults: {
|
@@ -60,32 +60,41 @@ export function App() {
|
|
60
60
|
+ `"dark"` – темный badge;
|
61
61
|
+ `"light"` – светлый badge.
|
62
62
|
|
63
|
-
Так же на вид badge влияет свойства `transparent` и `clear`.
|
64
|
-
|
65
63
|
```tsx live
|
66
64
|
import React from 'react';
|
67
65
|
import { Badge } from '@salutejs/{{ package }}';
|
68
66
|
|
69
67
|
export function App() {
|
70
|
-
|
71
|
-
|
72
|
-
<
|
73
|
-
|
74
|
-
|
75
|
-
|
76
|
-
|
77
|
-
|
78
|
-
|
79
|
-
|
80
|
-
|
81
|
-
|
82
|
-
|
68
|
+
return (
|
69
|
+
<div>
|
70
|
+
<Badge text="Бейдж" size="l" view="primary" />
|
71
|
+
<Badge text="Бейдж" size="l" view="accent" />
|
72
|
+
<Badge text="Бейдж" size="l" view="positive" />
|
73
|
+
<Badge text="Бейдж" size="l" view="warning" />
|
74
|
+
<Badge text="Бейдж" size="l" view="negative" />
|
75
|
+
<Badge text="Бейдж" size="l" view="dark" />
|
76
|
+
<Badge text="Бейдж" size="l" view="light" />
|
77
|
+
</div>
|
78
|
+
);
|
79
|
+
}
|
80
|
+
```
|
83
81
|
|
82
|
+
Так же на вид badge влияет свойство `transparent`:
|
83
|
+
|
84
|
+
```tsx live
|
85
|
+
import React from 'react';
|
86
|
+
import { Badge } from '@salutejs/{{ package }}';
|
87
|
+
|
88
|
+
export function App() {
|
84
89
|
return (
|
85
|
-
<div
|
86
|
-
<
|
87
|
-
<
|
88
|
-
<
|
90
|
+
<div>
|
91
|
+
<Badge text="Бейдж" size="l" view="primary" transparent />
|
92
|
+
<Badge text="Бейдж" size="l" view="accent" transparent />
|
93
|
+
<Badge text="Бейдж" size="l" view="positive" transparent />
|
94
|
+
<Badge text="Бейдж" size="l" view="warning" transparent />
|
95
|
+
<Badge text="Бейдж" size="l" view="negative" transparent />
|
96
|
+
<Badge text="Бейдж" size="l" view="dark" transparent />
|
97
|
+
<Badge text="Бейдж" size="l" view="light" transparent />
|
89
98
|
</div>
|
90
99
|
);
|
91
100
|
}
|
@@ -1,14 +1,12 @@
|
|
1
1
|
export var classes = {
|
2
2
|
badgePilled: 'badge-pilled',
|
3
|
-
badgeTransparent: 'badge-transparent'
|
4
|
-
badgeClear: 'badge-clear'
|
3
|
+
badgeTransparent: 'badge-transparent'
|
5
4
|
};
|
6
5
|
export var tokens = {
|
7
6
|
background: '--plasma-badge-background',
|
8
7
|
color: '--plasma-badge-color',
|
9
8
|
backgroundTransparent: '--plasma-badge-background-transparent',
|
10
9
|
colorTransparent: '--plasma-badge-color-transparent',
|
11
|
-
colorClear: '--plasma-badge-color-clear',
|
12
10
|
borderRadius: '--plasma-badge-border-radius',
|
13
11
|
pilledBorderRadius: '--plasma-badge-pilled-border-radius',
|
14
12
|
height: '--plasma-badge-height',
|
@@ -1,4 +1,4 @@
|
|
1
|
-
var _excluded = ["value", "min", "max", "includeEdgeDates", "type", "eventList", "disabledList", "eventMonthList", "disabledMonthList", "eventQuarterList", "disabledQuarterList", "eventYearList", "disabledYearList", "onChangeValue"];
|
1
|
+
var _excluded = ["value", "min", "max", "includeEdgeDates", "type", "eventList", "disabledList", "eventMonthList", "disabledMonthList", "eventQuarterList", "disabledQuarterList", "eventYearList", "disabledYearList", "onChangeValue", "local"];
|
2
2
|
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
3
3
|
function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
|
4
4
|
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."); }
|
@@ -37,6 +37,8 @@ export var calendarBaseRoot = function calendarBaseRoot(Root) {
|
|
37
37
|
eventYearList = _ref.eventYearList,
|
38
38
|
disabledYearList = _ref.disabledYearList,
|
39
39
|
onChangeValue = _ref.onChangeValue,
|
40
|
+
_ref$local = _ref.local,
|
41
|
+
local = _ref$local === void 0 ? 'ru' : _ref$local,
|
40
42
|
rest = _objectWithoutProperties(_ref, _excluded);
|
41
43
|
var _useMemo = useMemo(function () {
|
42
44
|
return Array.isArray(externalValue) ? externalValue : [externalValue];
|
@@ -151,7 +153,8 @@ export var calendarBaseRoot = function calendarBaseRoot(Root) {
|
|
151
153
|
type: calendarState,
|
152
154
|
onPrev: handlePrev,
|
153
155
|
onNext: handleNext,
|
154
|
-
onUpdateCalendarState: handleUpdateCalendarState
|
156
|
+
onUpdateCalendarState: handleUpdateCalendarState,
|
157
|
+
local: local
|
155
158
|
}), calendarState === CalendarState.Days && /*#__PURE__*/React.createElement(CalendarDays, {
|
156
159
|
value: externalValue,
|
157
160
|
date: date,
|
@@ -166,7 +169,8 @@ export var calendarBaseRoot = function calendarBaseRoot(Root) {
|
|
166
169
|
onSetSelected: onSelectIndexes,
|
167
170
|
onHoverDay: setHoveredItem,
|
168
171
|
onKeyDown: handleKeyDown,
|
169
|
-
outerRefs: outerRefs
|
172
|
+
outerRefs: outerRefs,
|
173
|
+
local: local
|
170
174
|
}), calendarState === CalendarState.Months && /*#__PURE__*/React.createElement(CalendarMonths, {
|
171
175
|
value: externalValue,
|
172
176
|
date: date,
|
@@ -180,7 +184,8 @@ export var calendarBaseRoot = function calendarBaseRoot(Root) {
|
|
180
184
|
onSetSelected: onSelectIndexes,
|
181
185
|
onHoverMonth: setHoveredItem,
|
182
186
|
onKeyDown: onKeyDown,
|
183
|
-
outerRefs: outerRefs
|
187
|
+
outerRefs: outerRefs,
|
188
|
+
local: local
|
184
189
|
}), calendarState === CalendarState.Quarters && /*#__PURE__*/React.createElement(CalendarQuarters, {
|
185
190
|
value: externalValue,
|
186
191
|
date: date,
|
@@ -1,5 +1,5 @@
|
|
1
1
|
var _StyledSeparator, _StyledSeparator2, _StyledSeparator3, _StyledSeparator4;
|
2
|
-
var _excluded = ["value", "min", "max", "includeEdgeDates", "type", "eventList", "disabledList", "eventMonthList", "disabledMonthList", "eventQuarterList", "disabledQuarterList", "eventYearList", "disabledYearList", "onChangeValue"];
|
2
|
+
var _excluded = ["value", "min", "max", "includeEdgeDates", "type", "eventList", "disabledList", "eventMonthList", "disabledMonthList", "eventQuarterList", "disabledQuarterList", "eventYearList", "disabledYearList", "onChangeValue", "local"];
|
3
3
|
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
4
4
|
function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
|
5
5
|
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."); }
|
@@ -38,6 +38,8 @@ export var calendarDoubleRoot = function calendarDoubleRoot(Root) {
|
|
38
38
|
eventYearList = _ref.eventYearList,
|
39
39
|
disabledYearList = _ref.disabledYearList,
|
40
40
|
onChangeValue = _ref.onChangeValue,
|
41
|
+
_ref$local = _ref.local,
|
42
|
+
local = _ref$local === void 0 ? 'ru' : _ref$local,
|
41
43
|
rest = _objectWithoutProperties(_ref, _excluded);
|
42
44
|
var _useMemo = useMemo(function () {
|
43
45
|
return Array.isArray(externalValue) ? externalValue : [externalValue];
|
@@ -211,7 +213,8 @@ export var calendarDoubleRoot = function calendarDoubleRoot(Root) {
|
|
211
213
|
type: calendarState,
|
212
214
|
onPrev: handlePrev,
|
213
215
|
onNext: handleNext,
|
214
|
-
onUpdateCalendarState: handleUpdateCalendarState
|
216
|
+
onUpdateCalendarState: handleUpdateCalendarState,
|
217
|
+
local: local
|
215
218
|
}), /*#__PURE__*/React.createElement(StyledWrapper, null, calendarState === CalendarState.Days && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(CalendarDays, {
|
216
219
|
value: externalValue,
|
217
220
|
date: firstDate,
|
@@ -227,6 +230,7 @@ export var calendarDoubleRoot = function calendarDoubleRoot(Root) {
|
|
227
230
|
onSetSelected: onSelectIndexes,
|
228
231
|
onKeyDown: handleKeyDown,
|
229
232
|
outerRefs: outerRefs,
|
233
|
+
local: local,
|
230
234
|
isDouble: true
|
231
235
|
}), _StyledSeparator || (_StyledSeparator = /*#__PURE__*/React.createElement(StyledSeparator, null)), /*#__PURE__*/React.createElement(CalendarDays, {
|
232
236
|
value: externalValue,
|
@@ -243,6 +247,7 @@ export var calendarDoubleRoot = function calendarDoubleRoot(Root) {
|
|
243
247
|
onSetSelected: onSelectIndexes,
|
244
248
|
onKeyDown: handleKeyDown,
|
245
249
|
outerRefs: outerRefs,
|
250
|
+
local: local,
|
246
251
|
isDouble: true,
|
247
252
|
isSecond: true
|
248
253
|
})), calendarState === CalendarState.Months && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(CalendarMonths, {
|
@@ -259,6 +264,7 @@ export var calendarDoubleRoot = function calendarDoubleRoot(Root) {
|
|
259
264
|
onHoverMonth: setHoveredItem,
|
260
265
|
onKeyDown: handleKeyDown,
|
261
266
|
outerRefs: outerRefs,
|
267
|
+
local: local,
|
262
268
|
isDouble: true
|
263
269
|
}), _StyledSeparator2 || (_StyledSeparator2 = /*#__PURE__*/React.createElement(StyledSeparator, null)), /*#__PURE__*/React.createElement(CalendarMonths, {
|
264
270
|
value: externalValue,
|
@@ -274,6 +280,7 @@ export var calendarDoubleRoot = function calendarDoubleRoot(Root) {
|
|
274
280
|
onHoverMonth: setHoveredItem,
|
275
281
|
onKeyDown: handleKeyDown,
|
276
282
|
outerRefs: outerRefs,
|
283
|
+
local: local,
|
277
284
|
isDouble: true,
|
278
285
|
isSecond: true
|
279
286
|
})), calendarState === CalendarState.Quarters && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(CalendarQuarters, {
|
@@ -10,9 +10,11 @@ export var useMonths = function useMonths(_ref) {
|
|
10
10
|
eventList = _ref.eventList,
|
11
11
|
disabledList = _ref.disabledList,
|
12
12
|
min = _ref.min,
|
13
|
-
max = _ref.max
|
13
|
+
max = _ref.max,
|
14
|
+
_ref$local = _ref.local,
|
15
|
+
local = _ref$local === void 0 ? 'ru' : _ref$local;
|
14
16
|
return useMemo(function () {
|
15
|
-
var months = SHORT_MONTH_NAME.map(function (monthName, monthIndex) {
|
17
|
+
var months = SHORT_MONTH_NAME[local].map(function (monthName, monthIndex) {
|
16
18
|
return {
|
17
19
|
monthName: monthName,
|
18
20
|
monthIndex: monthIndex,
|
@@ -21,7 +23,7 @@ export var useMonths = function useMonths(_ref) {
|
|
21
23
|
return isSelectedMonth(date, monthIndex, v);
|
22
24
|
})) : isSelectedMonth(date, monthIndex, value),
|
23
25
|
inRange: Array.isArray(value) ? isDateInRange(date.year, monthIndex, 1, value) : false,
|
24
|
-
monthFullName: MONTH_NAMES[monthIndex],
|
26
|
+
monthFullName: MONTH_NAMES[local][monthIndex],
|
25
27
|
date: {
|
26
28
|
year: date.year,
|
27
29
|
monthIndex: monthIndex,
|
@@ -41,5 +43,5 @@ export var useMonths = function useMonths(_ref) {
|
|
41
43
|
return getMatrix(modifiedMonths, 3);
|
42
44
|
}
|
43
45
|
return getMatrix(months, 3);
|
44
|
-
}, [date, value, eventList, disabledList, max, min]);
|
46
|
+
}, [date, value, eventList, disabledList, max, min, local]);
|
45
47
|
};
|