@salutejs/plasma-new-hope 0.272.0-canary.1781.13399946146.0 → 0.272.1-canary.1785.13402487738.0
Sign up to get free protection for your applications and to get access to all the features.
- package/cjs/components/Calendar/Calendar.tokens.js +2 -0
- package/cjs/components/Calendar/Calendar.tokens.js.map +1 -1
- package/cjs/components/Calendar/CalendarBase/CalendarBase.css +4 -4
- package/cjs/components/Calendar/CalendarDouble/CalendarDouble.css +4 -4
- package/cjs/components/Calendar/ui/CalendarDays/CalendarDays.css +4 -4
- package/cjs/components/Calendar/ui/CalendarMonths/CalendarMonths.css +4 -4
- package/cjs/components/Calendar/ui/CalendarQuarters/CalendarQuarters.css +4 -4
- package/cjs/components/Calendar/ui/CalendarYears/CalendarYears.css +4 -4
- package/cjs/components/Calendar/ui/DateStructureItem/DateStructureItem.css +4 -4
- package/cjs/components/Calendar/ui/DateStructureItem/DateStructureItem.js +1 -1
- package/cjs/components/Calendar/ui/DateStructureItem/DateStructureItem.js.map +1 -1
- package/cjs/components/Calendar/ui/DateStructureItem/DateStructureItem.styles.js +14 -7
- package/cjs/components/Calendar/ui/DateStructureItem/DateStructureItem.styles.js.map +1 -1
- package/cjs/components/Calendar/ui/DateStructureItem/{DateStructureItem.styles_1nxfztn.css → DateStructureItem.styles_1hkk03u.css} +1 -1
- package/cjs/components/Checkbox/Checkbox.css +9 -10
- package/cjs/components/Checkbox/Checkbox.js +2 -2
- package/cjs/components/Checkbox/Checkbox.js.map +1 -1
- package/cjs/components/Checkbox/Checkbox.styles.js +6 -12
- package/cjs/components/Checkbox/Checkbox.styles.js.map +1 -1
- package/cjs/components/Checkbox/Checkbox.styles_16ay1rj.css +7 -0
- package/cjs/components/Checkbox/Checkbox.tokens.js +1 -1
- package/cjs/components/Checkbox/Checkbox.tokens.js.map +1 -1
- package/cjs/components/Checkbox/variations/_disabled/base.js +1 -1
- package/cjs/components/Checkbox/variations/_disabled/base_1krdtt6.css +1 -0
- package/cjs/components/Checkbox/variations/_view/base.js +1 -1
- package/cjs/components/Checkbox/variations/_view/base_x252cy.css +1 -0
- package/cjs/components/Combobox/ComboboxNew/Combobox.css +9 -10
- package/cjs/components/Combobox/ComboboxNew/ui/Inner/Inner.css +9 -10
- package/cjs/components/Combobox/ComboboxNew/ui/VirtualList/VirtualList.css +9 -10
- package/cjs/components/DatePicker/DatePicker.tokens.js +3 -1
- package/cjs/components/DatePicker/DatePicker.tokens.js.map +1 -1
- package/cjs/components/DatePicker/DatePickerBase.styles.js +1 -1
- package/cjs/components/DatePicker/DatePickerBase.styles.js.map +1 -1
- package/cjs/components/DatePicker/DatePickerBase.styles_1jm7rc0.css +2 -0
- package/cjs/components/DatePicker/RangeDate/RangeDate.css +8 -8
- package/cjs/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.css +6 -6
- package/cjs/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.styles.js +1 -1
- package/cjs/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.styles_r5ataz.css +2 -0
- package/cjs/components/DatePicker/SingleDate/SingleDate.css +6 -6
- package/cjs/components/Pagination/Pagination.css +9 -10
- package/cjs/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.css +9 -10
- package/cjs/components/Radiobox/Radiobox.css +9 -10
- package/cjs/components/Radiobox/Radiobox.js +2 -2
- package/cjs/components/Radiobox/Radiobox.js.map +1 -1
- package/cjs/components/Radiobox/Radiobox.styles.js +1 -1
- package/cjs/components/Radiobox/Radiobox.styles.js.map +1 -1
- package/cjs/components/Radiobox/{Radiobox.styles_8cwqg9.css → Radiobox.styles_vikocp.css} +1 -1
- package/cjs/components/Radiobox/Radiobox.tokens.js +1 -1
- package/cjs/components/Radiobox/Radiobox.tokens.js.map +1 -1
- package/cjs/components/Select/Select.css +9 -10
- package/cjs/components/Select/ui/Inner/Inner.css +9 -10
- package/cjs/components/Select/ui/Inner/ui/Item/Item.css +9 -10
- package/cjs/components/Steps/Steps.css +9 -9
- package/cjs/components/Steps/Steps.tokens.js +1 -0
- package/cjs/components/Steps/Steps.tokens.js.map +1 -1
- package/cjs/components/Steps/ui/StepItem/StepItem.css +9 -9
- package/cjs/components/Steps/ui/StepItem/StepItem.styles.js +1 -1
- package/cjs/components/Steps/ui/StepItem/StepItem.styles.js.map +1 -1
- package/cjs/components/Steps/ui/StepItem/StepItem.styles_c6jhr1.css +9 -0
- package/cjs/index.css +28 -29
- package/emotion/cjs/components/Calendar/Calendar.tokens.js +2 -0
- package/emotion/cjs/components/Calendar/ui/DateStructureItem/DateStructureItem.js +1 -1
- package/emotion/cjs/components/Calendar/ui/DateStructureItem/DateStructureItem.styles.js +13 -7
- package/emotion/cjs/components/Checkbox/Checkbox.js +2 -2
- package/emotion/cjs/components/Checkbox/Checkbox.styles.js +9 -13
- package/emotion/cjs/components/Checkbox/Checkbox.tokens.js +1 -1
- package/emotion/cjs/components/DatePicker/DatePicker.tokens.js +3 -1
- package/emotion/cjs/components/DatePicker/DatePickerBase.styles.js +3 -3
- package/emotion/cjs/components/Radiobox/Radiobox.js +2 -2
- package/emotion/cjs/components/Radiobox/Radiobox.styles.js +3 -3
- package/emotion/cjs/components/Radiobox/Radiobox.tokens.js +1 -1
- package/emotion/cjs/components/Steps/Steps.tokens.js +1 -0
- package/emotion/cjs/components/Steps/ui/StepItem/StepItem.styles.js +10 -10
- package/emotion/cjs/examples/plasma_b2c/components/Calendar/CalendarBase.config.js +5 -5
- package/emotion/cjs/examples/plasma_b2c/components/Calendar/CalendarDouble.config.js +5 -5
- package/emotion/cjs/examples/plasma_b2c/components/Checkbox/Checkbox.config.js +12 -12
- package/emotion/cjs/examples/plasma_b2c/components/DatePicker/DatePicker.config.js +7 -7
- package/emotion/cjs/examples/plasma_b2c/components/DatePicker/DatePicker.stories.tsx +1 -1
- package/emotion/cjs/examples/plasma_b2c/components/Radiobox/Radiobox.config.js +12 -12
- package/emotion/cjs/examples/plasma_web/components/Calendar/CalendarBase.config.js +5 -5
- package/emotion/cjs/examples/plasma_web/components/Calendar/CalendarDouble.config.js +5 -5
- package/emotion/cjs/examples/plasma_web/components/Checkbox/Checkbox.config.js +12 -12
- package/emotion/cjs/examples/plasma_web/components/DatePicker/DatePicker.config.js +7 -7
- package/emotion/cjs/examples/plasma_web/components/Radiobox/Radiobox.config.js +12 -12
- package/emotion/es/components/Calendar/Calendar.tokens.js +2 -0
- package/emotion/es/components/Calendar/ui/DateStructureItem/DateStructureItem.js +1 -1
- package/emotion/es/components/Calendar/ui/DateStructureItem/DateStructureItem.styles.js +13 -7
- package/emotion/es/components/Checkbox/Checkbox.js +3 -3
- package/emotion/es/components/Checkbox/Checkbox.styles.js +8 -12
- package/emotion/es/components/Checkbox/Checkbox.tokens.js +1 -1
- package/emotion/es/components/DatePicker/DatePicker.tokens.js +3 -1
- package/emotion/es/components/DatePicker/DatePickerBase.styles.js +3 -3
- package/emotion/es/components/Radiobox/Radiobox.js +3 -3
- package/emotion/es/components/Radiobox/Radiobox.styles.js +3 -3
- package/emotion/es/components/Radiobox/Radiobox.tokens.js +1 -1
- package/emotion/es/components/Steps/Steps.tokens.js +1 -0
- package/emotion/es/components/Steps/ui/StepItem/StepItem.styles.js +10 -10
- package/emotion/es/examples/plasma_b2c/components/Calendar/CalendarBase.config.js +5 -5
- package/emotion/es/examples/plasma_b2c/components/Calendar/CalendarDouble.config.js +5 -5
- package/emotion/es/examples/plasma_b2c/components/Checkbox/Checkbox.config.js +12 -12
- package/emotion/es/examples/plasma_b2c/components/DatePicker/DatePicker.config.js +7 -7
- package/emotion/es/examples/plasma_b2c/components/DatePicker/DatePicker.stories.tsx +1 -1
- package/emotion/es/examples/plasma_b2c/components/Radiobox/Radiobox.config.js +12 -12
- package/emotion/es/examples/plasma_web/components/Calendar/CalendarBase.config.js +5 -5
- package/emotion/es/examples/plasma_web/components/Calendar/CalendarDouble.config.js +5 -5
- package/emotion/es/examples/plasma_web/components/Checkbox/Checkbox.config.js +12 -12
- package/emotion/es/examples/plasma_web/components/DatePicker/DatePicker.config.js +7 -7
- package/emotion/es/examples/plasma_web/components/Radiobox/Radiobox.config.js +12 -12
- package/es/components/Calendar/Calendar.tokens.js +2 -0
- package/es/components/Calendar/Calendar.tokens.js.map +1 -1
- package/es/components/Calendar/CalendarBase/CalendarBase.css +4 -4
- package/es/components/Calendar/CalendarDouble/CalendarDouble.css +4 -4
- package/es/components/Calendar/ui/CalendarDays/CalendarDays.css +4 -4
- package/es/components/Calendar/ui/CalendarMonths/CalendarMonths.css +4 -4
- package/es/components/Calendar/ui/CalendarQuarters/CalendarQuarters.css +4 -4
- package/es/components/Calendar/ui/CalendarYears/CalendarYears.css +4 -4
- package/es/components/Calendar/ui/DateStructureItem/DateStructureItem.css +4 -4
- package/es/components/Calendar/ui/DateStructureItem/DateStructureItem.js +1 -1
- package/es/components/Calendar/ui/DateStructureItem/DateStructureItem.js.map +1 -1
- package/es/components/Calendar/ui/DateStructureItem/DateStructureItem.styles.js +14 -7
- package/es/components/Calendar/ui/DateStructureItem/DateStructureItem.styles.js.map +1 -1
- package/es/components/Calendar/ui/DateStructureItem/{DateStructureItem.styles_1nxfztn.css → DateStructureItem.styles_1hkk03u.css} +1 -1
- package/es/components/Checkbox/Checkbox.css +9 -10
- package/es/components/Checkbox/Checkbox.js +3 -3
- package/es/components/Checkbox/Checkbox.js.map +1 -1
- package/es/components/Checkbox/Checkbox.styles.js +7 -12
- package/es/components/Checkbox/Checkbox.styles.js.map +1 -1
- package/es/components/Checkbox/Checkbox.styles_16ay1rj.css +7 -0
- package/es/components/Checkbox/Checkbox.tokens.js +1 -1
- package/es/components/Checkbox/Checkbox.tokens.js.map +1 -1
- package/es/components/Checkbox/variations/_disabled/base.js +1 -1
- package/es/components/Checkbox/variations/_disabled/base_1krdtt6.css +1 -0
- package/es/components/Checkbox/variations/_view/base.js +1 -1
- package/es/components/Checkbox/variations/_view/base_x252cy.css +1 -0
- package/es/components/Combobox/ComboboxNew/Combobox.css +9 -10
- package/es/components/Combobox/ComboboxNew/ui/Inner/Inner.css +9 -10
- package/es/components/Combobox/ComboboxNew/ui/VirtualList/VirtualList.css +9 -10
- package/es/components/DatePicker/DatePicker.tokens.js +3 -1
- package/es/components/DatePicker/DatePicker.tokens.js.map +1 -1
- package/es/components/DatePicker/DatePickerBase.styles.js +1 -1
- package/es/components/DatePicker/DatePickerBase.styles.js.map +1 -1
- package/es/components/DatePicker/DatePickerBase.styles_1jm7rc0.css +2 -0
- package/es/components/DatePicker/RangeDate/RangeDate.css +8 -8
- package/es/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.css +6 -6
- package/es/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.styles.js +1 -1
- package/es/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.styles_r5ataz.css +2 -0
- package/es/components/DatePicker/SingleDate/SingleDate.css +6 -6
- package/es/components/Pagination/Pagination.css +9 -10
- package/es/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.css +9 -10
- package/es/components/Radiobox/Radiobox.css +9 -10
- package/es/components/Radiobox/Radiobox.js +3 -3
- package/es/components/Radiobox/Radiobox.js.map +1 -1
- package/es/components/Radiobox/Radiobox.styles.js +1 -1
- package/es/components/Radiobox/Radiobox.styles.js.map +1 -1
- package/es/components/Radiobox/{Radiobox.styles_8cwqg9.css → Radiobox.styles_vikocp.css} +1 -1
- package/es/components/Radiobox/Radiobox.tokens.js +1 -1
- package/es/components/Radiobox/Radiobox.tokens.js.map +1 -1
- package/es/components/Select/Select.css +9 -10
- package/es/components/Select/ui/Inner/Inner.css +9 -10
- package/es/components/Select/ui/Inner/ui/Item/Item.css +9 -10
- package/es/components/Steps/Steps.css +9 -9
- package/es/components/Steps/Steps.tokens.js +1 -0
- package/es/components/Steps/Steps.tokens.js.map +1 -1
- package/es/components/Steps/ui/StepItem/StepItem.css +9 -9
- package/es/components/Steps/ui/StepItem/StepItem.styles.js +1 -1
- package/es/components/Steps/ui/StepItem/StepItem.styles.js.map +1 -1
- package/es/components/Steps/ui/StepItem/StepItem.styles_c6jhr1.css +9 -0
- package/es/index.css +28 -29
- package/package.json +2 -2
- package/styled-components/cjs/components/Calendar/Calendar.tokens.js +2 -0
- package/styled-components/cjs/components/Calendar/ui/DateStructureItem/DateStructureItem.js +1 -1
- package/styled-components/cjs/components/Calendar/ui/DateStructureItem/DateStructureItem.styles.js +11 -5
- package/styled-components/cjs/components/Checkbox/Checkbox.js +2 -2
- package/styled-components/cjs/components/Checkbox/Checkbox.styles.js +7 -10
- package/styled-components/cjs/components/Checkbox/Checkbox.tokens.js +1 -1
- package/styled-components/cjs/components/DatePicker/DatePicker.tokens.js +3 -1
- package/styled-components/cjs/components/DatePicker/DatePickerBase.styles.js +1 -1
- package/styled-components/cjs/components/Radiobox/Radiobox.js +2 -2
- package/styled-components/cjs/components/Radiobox/Radiobox.styles.js +1 -1
- package/styled-components/cjs/components/Radiobox/Radiobox.tokens.js +1 -1
- package/styled-components/cjs/components/Steps/Steps.tokens.js +1 -0
- package/styled-components/cjs/components/Steps/ui/StepItem/StepItem.styles.js +2 -2
- package/styled-components/cjs/examples/plasma_b2c/components/Calendar/CalendarBase.config.js +1 -1
- package/styled-components/cjs/examples/plasma_b2c/components/Calendar/CalendarDouble.config.js +1 -1
- package/styled-components/cjs/examples/plasma_b2c/components/Checkbox/Checkbox.config.js +2 -2
- package/styled-components/cjs/examples/plasma_b2c/components/DatePicker/DatePicker.config.js +1 -1
- package/styled-components/cjs/examples/plasma_b2c/components/DatePicker/DatePicker.stories.tsx +1 -1
- package/styled-components/cjs/examples/plasma_b2c/components/Radiobox/Radiobox.config.js +2 -2
- package/styled-components/cjs/examples/plasma_web/components/Calendar/CalendarBase.config.js +1 -1
- package/styled-components/cjs/examples/plasma_web/components/Calendar/CalendarDouble.config.js +1 -1
- package/styled-components/cjs/examples/plasma_web/components/Checkbox/Checkbox.config.js +2 -2
- package/styled-components/cjs/examples/plasma_web/components/DatePicker/DatePicker.config.js +1 -1
- package/styled-components/cjs/examples/plasma_web/components/Radiobox/Radiobox.config.js +2 -2
- package/styled-components/es/components/Calendar/Calendar.tokens.js +2 -0
- package/styled-components/es/components/Calendar/ui/DateStructureItem/DateStructureItem.js +1 -1
- package/styled-components/es/components/Calendar/ui/DateStructureItem/DateStructureItem.styles.js +11 -5
- package/styled-components/es/components/Checkbox/Checkbox.js +3 -3
- package/styled-components/es/components/Checkbox/Checkbox.styles.js +6 -9
- package/styled-components/es/components/Checkbox/Checkbox.tokens.js +1 -1
- package/styled-components/es/components/DatePicker/DatePicker.tokens.js +3 -1
- package/styled-components/es/components/DatePicker/DatePickerBase.styles.js +1 -1
- package/styled-components/es/components/Radiobox/Radiobox.js +3 -3
- package/styled-components/es/components/Radiobox/Radiobox.styles.js +1 -1
- package/styled-components/es/components/Radiobox/Radiobox.tokens.js +1 -1
- package/styled-components/es/components/Steps/Steps.tokens.js +1 -0
- package/styled-components/es/components/Steps/ui/StepItem/StepItem.styles.js +2 -2
- package/styled-components/es/examples/plasma_b2c/components/Calendar/CalendarBase.config.js +1 -1
- package/styled-components/es/examples/plasma_b2c/components/Calendar/CalendarDouble.config.js +1 -1
- package/styled-components/es/examples/plasma_b2c/components/Checkbox/Checkbox.config.js +2 -2
- package/styled-components/es/examples/plasma_b2c/components/DatePicker/DatePicker.config.js +1 -1
- package/styled-components/es/examples/plasma_b2c/components/DatePicker/DatePicker.stories.tsx +1 -1
- package/styled-components/es/examples/plasma_b2c/components/Radiobox/Radiobox.config.js +2 -2
- package/styled-components/es/examples/plasma_web/components/Calendar/CalendarBase.config.js +1 -1
- package/styled-components/es/examples/plasma_web/components/Calendar/CalendarDouble.config.js +1 -1
- package/styled-components/es/examples/plasma_web/components/Checkbox/Checkbox.config.js +2 -2
- package/styled-components/es/examples/plasma_web/components/DatePicker/DatePicker.config.js +1 -1
- package/styled-components/es/examples/plasma_web/components/Radiobox/Radiobox.config.js +2 -2
- package/types/components/Calendar/Calendar.tokens.d.ts +2 -0
- package/types/components/Calendar/Calendar.tokens.d.ts.map +1 -1
- package/types/components/Calendar/ui/DateStructureItem/DateStructureItem.styles.d.ts.map +1 -1
- package/types/components/Checkbox/Checkbox.d.ts.map +1 -1
- package/types/components/Checkbox/Checkbox.styles.d.ts +0 -1
- package/types/components/Checkbox/Checkbox.styles.d.ts.map +1 -1
- package/types/components/Checkbox/Checkbox.tokens.d.ts +1 -1
- package/types/components/DatePicker/DatePicker.tokens.d.ts +2 -0
- package/types/components/DatePicker/DatePicker.tokens.d.ts.map +1 -1
- package/types/components/DatePicker/DatePickerBase.styles.d.ts.map +1 -1
- package/types/components/Radiobox/Radiobox.d.ts.map +1 -1
- package/types/components/Radiobox/Radiobox.tokens.d.ts +1 -1
- package/types/components/Steps/Steps.tokens.d.ts +1 -0
- package/types/components/Steps/Steps.tokens.d.ts.map +1 -1
- package/types/components/Steps/ui/StepItem/StepItem.styles.d.ts.map +1 -1
- package/types/examples/plasma_b2c/components/Calendar/CalendarBase.config.d.ts.map +1 -1
- package/types/examples/plasma_b2c/components/Calendar/CalendarDouble.config.d.ts.map +1 -1
- package/types/examples/plasma_b2c/components/DatePicker/DatePicker.config.d.ts.map +1 -1
- package/types/examples/plasma_web/components/Calendar/CalendarBase.config.d.ts.map +1 -1
- package/types/examples/plasma_web/components/Calendar/CalendarDouble.config.d.ts.map +1 -1
- package/types/examples/plasma_web/components/DatePicker/DatePicker.config.d.ts.map +1 -1
- package/cjs/components/Checkbox/Checkbox.styles_tc2l94.css +0 -8
- package/cjs/components/Checkbox/variations/_disabled/base_1kd28bo.css +0 -1
- package/cjs/components/Checkbox/variations/_view/base_1xk2qu8.css +0 -1
- package/cjs/components/DatePicker/DatePickerBase.styles_1vzl5em.css +0 -2
- package/cjs/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.styles_k7d8e5.css +0 -2
- package/cjs/components/Steps/ui/StepItem/StepItem.styles_acxstj.css +0 -9
- package/es/components/Checkbox/Checkbox.styles_tc2l94.css +0 -8
- package/es/components/Checkbox/variations/_disabled/base_1kd28bo.css +0 -1
- package/es/components/Checkbox/variations/_view/base_1xk2qu8.css +0 -1
- package/es/components/DatePicker/DatePickerBase.styles_1vzl5em.css +0 -2
- package/es/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.styles_k7d8e5.css +0 -2
- package/es/components/Steps/ui/StepItem/StepItem.styles_acxstj.css +0 -9
@@ -1,4 +1,4 @@
|
|
1
|
-
import './DateStructureItem.
|
1
|
+
import './DateStructureItem.styles_1hkk03u.css';
|
2
2
|
import { styled } from '@linaria/react';
|
3
3
|
import { tokens } from '../../Calendar.tokens.js';
|
4
4
|
|
@@ -22,12 +22,19 @@ var _exp21 = function _exp21() {
|
|
22
22
|
return isDayInCurrentMonth ? "var(".concat(tokens.calendarContentPrimaryColor, ")") : "var(".concat(tokens.calendarContentSecondaryColor, ")");
|
23
23
|
};
|
24
24
|
};
|
25
|
+
var _exp36 = function _exp36() {
|
26
|
+
return function (_ref3) {
|
27
|
+
var isDayInCurrentMonth = _ref3.isDayInCurrentMonth;
|
28
|
+
return isDayInCurrentMonth ? "var(".concat(tokens.calendarContentPrimaryDisabledColor, ")") : "var(".concat(tokens.calendarContentSecondaryDisabledColor, ")");
|
29
|
+
};
|
30
|
+
};
|
25
31
|
var StyledItemRoot = /*#__PURE__*/styled('div')({
|
26
32
|
name: "StyledItemRoot",
|
27
33
|
"class": "s1k1xcqq",
|
28
34
|
propsAsIs: false,
|
29
35
|
vars: {
|
30
|
-
"s1k1xcqq-0": [/*#__PURE__*/_exp21()]
|
36
|
+
"s1k1xcqq-0": [/*#__PURE__*/_exp21()],
|
37
|
+
"s1k1xcqq-1": [/*#__PURE__*/_exp36()]
|
31
38
|
}
|
32
39
|
});
|
33
40
|
var StyledEvents = /*#__PURE__*/styled('div')({
|
@@ -35,10 +42,10 @@ var StyledEvents = /*#__PURE__*/styled('div')({
|
|
35
42
|
"class": "s1wqrord",
|
36
43
|
propsAsIs: false
|
37
44
|
});
|
38
|
-
var
|
39
|
-
return function (
|
40
|
-
var
|
41
|
-
color =
|
45
|
+
var _exp42 = function _exp42() {
|
46
|
+
return function (_ref4) {
|
47
|
+
var _ref4$color = _ref4.color,
|
48
|
+
color = _ref4$color === void 0 ? 'var(--plasma-colors-accent)' : _ref4$color;
|
42
49
|
return color;
|
43
50
|
};
|
44
51
|
};
|
@@ -47,7 +54,7 @@ var StyledEvent = /*#__PURE__*/styled('div')({
|
|
47
54
|
"class": "s1cvvf5",
|
48
55
|
propsAsIs: false,
|
49
56
|
vars: {
|
50
|
-
"s1cvvf5-0": [/*#__PURE__*/
|
57
|
+
"s1cvvf5-0": [/*#__PURE__*/_exp42()]
|
51
58
|
}
|
52
59
|
});
|
53
60
|
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"DateStructureItem.styles.js","sources":["../../../../../src/components/Calendar/ui/DateStructureItem/DateStructureItem.styles.ts"],"sourcesContent":["import { styled } from '@linaria/react';\nimport { FocusProps } from '@salutejs/plasma-core';\n\nimport type { DateStructureProps } from '../../Calendar.types';\nimport { classes, innerTokens, tokens } from '../../Calendar.tokens';\nimport { addFocus } from '../../../../mixins';\nimport { addActive, addSelected, flexCenter } from '../../mixins';\n\nconst inRange = () => `\n &:before {\n content: '';\n z-index: -1;\n position: absolute;\n width: 100%;\n height: calc(100% - 0.125rem);\n background: var(${tokens.calendarRangeBackground});\n }\n`;\n\nconst sideInRange = () => `\n &:before {\n content: '';\n z-index: -1;\n position: absolute;\n width: 0.75rem;\n height: calc(100% - 0.125rem);\n background: var(${tokens.calendarRangeBackground});\n }\n`;\n\nexport const StyledItem = styled.div<{ offset: number }>`\n border-radius: calc(var(${innerTokens.dateStructureBorderRadius}) - 0.125rem);\n\n ${String(flexCenter)};\n\n &.${String(classes.inRange)} {\n ${inRange()};\n }\n\n &.${String(classes.sideInRange)} {\n ${sideInRange()};\n }\n\n &.${String(classes.sideLeft)} {\n &:before {\n left: ${({ offset }) => `${offset}px`};\n }\n }\n\n &.${String(classes.sideRight)} {\n &:before {\n right: ${({ offset }) => `${offset}px`};\n }\n }\n`;\n\nconst disabledItem = () => `\n cursor: not-allowed;\n opacity: var(${tokens.calendarDisabledOpacity});\n`;\n\nconst disabledCurrentItem = () => `\n ${disabledItem()};\n`;\n\nexport const StyledItemRoot = styled.div<DateStructureProps & FocusProps>`\n font-family: var(${innerTokens.dateStructureFontFamily});\n font-size: var(${innerTokens.dateStructureFontSize});\n font-style: var(${innerTokens.dateStructureFontStyle});\n font-weight: var(${innerTokens.dateStructureFontWeight});\n letter-spacing: var(${innerTokens.dateStructureFontLetterSpacing});\n line-height: var(${innerTokens.dateStructureFontLineHeight});\n\n position: relative;\n box-sizing: border-box;\n\n min-width: var(${innerTokens.dateStructureWidth});\n min-height: var(${innerTokens.dateStructureHeight});\n\n border-radius: var(${innerTokens.dateStructureBorderRadius});\n\n ${String(flexCenter)};\n\n color: ${({ isDayInCurrentMonth }) =>\n isDayInCurrentMonth\n ? `var(${tokens.calendarContentPrimaryColor})`\n : `var(${tokens.calendarContentSecondaryColor})`};\n\n &.${String(classes.selectableItem)} {\n ${addSelected({\n minWidth: `calc(var(${innerTokens.dateStructureWidth}) - 0.25rem)`,\n minHeight: `calc(var(${innerTokens.dateStructureHeight}) - 0.25rem)`,\n selectedFontWeight: `var(${innerTokens.dateStructureSelectedFontWeight})`,\n selectedBackground: `var(${tokens.calendarSelectedItemBackground})`,\n selectedColor: `var(${tokens.calendarSelectedItemColor})`,\n selectableBackgroundHover: `var(${tokens.calendarSelectableItemBackgroundHover})`,\n currentBorderColor: `var(${tokens.calendarCurrentItemBorderColor})`,\n currentBorderWidth: `var(${tokens.calendarCurrentItemBorderWidth})`,\n activeBackground: `var(${tokens.calendarActiveItemBackground})`,\n activeColor: `var(${tokens.calendarActiveItemColor})`,\n })};\n\n ${addFocus({\n outlineSize: '0.063rem',\n outlineOffset: '-0.125rem',\n outlineColor: `var(${tokens.calendarOutlineFocusColor})`,\n outlineRadius: `calc(var(${innerTokens.dateStructureBorderRadius}) + 0.125rem)`,\n })};\n\n &.${classes.currentItem} {\n ${addFocus({\n outlineSize: '0.063rem',\n outlineOffset: '-0.1875rem',\n outlineColor: `var(${tokens.calendarOutlineFocusColor})`,\n outlineRadius: `calc(var(${innerTokens.dateStructureBorderRadius}) + 0.125rem)`,\n })};\n }\n }\n\n &.${classes.dayInCurrentMonth}:not(.${classes.disabled}) {\n ${addActive({\n activeBackground: `var(${tokens.calendarActiveItemBackground})`,\n activeColor: `var(${tokens.calendarActiveItemColor})`,\n activeFontWeight: `var(${innerTokens.dateStructureSelectedFontWeight})`,\n })};\n }\n\n &.${classes.dayOfWeek} {\n color: var(${tokens.calendarDayOfWeekColor});\n }\n\n &.${classes.disabled} {\n ${disabledItem()};\n }\n\n &.${classes.disabledCurrent} {\n ${disabledCurrentItem()};\n }\n\n &.${classes.currentItem} {\n & > .${classes.inRange}:before {\n width: calc(100% + 2px);\n height: 100%;\n }\n\n & > .${classes.sideRight}:before {\n width: 100%;\n right: -1px;\n left: unset;\n }\n\n & > .${classes.sideLeft}:before {\n width: 100%;\n left: -1px;\n right: unset;\n }\n }\n`;\n\nexport const StyledEvents = styled.div`\n display: flex;\n\n position: absolute;\n bottom: 0.25rem;\n`;\n\nexport const StyledEvent = styled.div<{ color?: string }>`\n margin: 0 0.063rem;\n\n width: 0.188rem;\n height: 0.188rem;\n border-radius: 50%;\n\n background-color: ${({ color = 'var(--plasma-colors-accent)' }) => color};\n`;\n"],"names":["_exp10","_ref","offset","StyledItem","styled","name","class","propsAsIs","vars","_exp21","_ref2","isDayInCurrentMonth","concat","tokens","calendarContentPrimaryColor","calendarContentSecondaryColor","StyledItemRoot","StyledEvents","
|
1
|
+
{"version":3,"file":"DateStructureItem.styles.js","sources":["../../../../../src/components/Calendar/ui/DateStructureItem/DateStructureItem.styles.ts"],"sourcesContent":["import { styled } from '@linaria/react';\nimport { FocusProps } from '@salutejs/plasma-core';\n\nimport type { DateStructureProps } from '../../Calendar.types';\nimport { classes, innerTokens, tokens } from '../../Calendar.tokens';\nimport { addFocus } from '../../../../mixins';\nimport { addActive, addSelected, flexCenter } from '../../mixins';\n\nconst inRange = () => `\n &:before {\n content: '';\n z-index: -1;\n position: absolute;\n width: 100%;\n height: calc(100% - 0.125rem);\n background: var(${tokens.calendarRangeBackground});\n }\n`;\n\nconst sideInRange = () => `\n &:before {\n content: '';\n z-index: -1;\n position: absolute;\n width: 0.75rem;\n height: calc(100% - 0.125rem);\n background: var(${tokens.calendarRangeBackground});\n }\n`;\n\nexport const StyledItem = styled.div<{ offset: number }>`\n border-radius: calc(var(${innerTokens.dateStructureBorderRadius}) - 0.125rem);\n\n ${String(flexCenter)};\n\n &.${String(classes.inRange)} {\n ${inRange()};\n }\n\n &.${String(classes.sideInRange)} {\n ${sideInRange()};\n }\n\n &.${String(classes.sideLeft)} {\n &:before {\n left: ${({ offset }) => `${offset}px`};\n }\n }\n\n &.${String(classes.sideRight)} {\n &:before {\n right: ${({ offset }) => `${offset}px`};\n }\n }\n`;\n\nconst disabledItem = () => `\n cursor: not-allowed;\n opacity: var(${tokens.calendarDisabledOpacity});\n`;\n\nconst disabledCurrentItem = () => `\n ${disabledItem()};\n`;\n\nexport const StyledItemRoot = styled.div<DateStructureProps & FocusProps>`\n font-family: var(${innerTokens.dateStructureFontFamily});\n font-size: var(${innerTokens.dateStructureFontSize});\n font-style: var(${innerTokens.dateStructureFontStyle});\n font-weight: var(${innerTokens.dateStructureFontWeight});\n letter-spacing: var(${innerTokens.dateStructureFontLetterSpacing});\n line-height: var(${innerTokens.dateStructureFontLineHeight});\n\n position: relative;\n box-sizing: border-box;\n\n min-width: var(${innerTokens.dateStructureWidth});\n min-height: var(${innerTokens.dateStructureHeight});\n\n border-radius: var(${innerTokens.dateStructureBorderRadius});\n\n ${String(flexCenter)};\n\n color: ${({ isDayInCurrentMonth }) =>\n isDayInCurrentMonth\n ? `var(${tokens.calendarContentPrimaryColor})`\n : `var(${tokens.calendarContentSecondaryColor})`};\n\n &.${String(classes.selectableItem)} {\n ${addSelected({\n minWidth: `calc(var(${innerTokens.dateStructureWidth}) - 0.25rem)`,\n minHeight: `calc(var(${innerTokens.dateStructureHeight}) - 0.25rem)`,\n selectedFontWeight: `var(${innerTokens.dateStructureSelectedFontWeight})`,\n selectedBackground: `var(${tokens.calendarSelectedItemBackground})`,\n selectedColor: `var(${tokens.calendarSelectedItemColor})`,\n selectableBackgroundHover: `var(${tokens.calendarSelectableItemBackgroundHover})`,\n currentBorderColor: `var(${tokens.calendarCurrentItemBorderColor})`,\n currentBorderWidth: `var(${tokens.calendarCurrentItemBorderWidth})`,\n activeBackground: `var(${tokens.calendarActiveItemBackground})`,\n activeColor: `var(${tokens.calendarActiveItemColor})`,\n })};\n\n ${addFocus({\n outlineSize: '0.063rem',\n outlineOffset: '-0.125rem',\n outlineColor: `var(${tokens.calendarOutlineFocusColor})`,\n outlineRadius: `calc(var(${innerTokens.dateStructureBorderRadius}) + 0.125rem)`,\n })};\n\n &.${classes.currentItem} {\n ${addFocus({\n outlineSize: '0.063rem',\n outlineOffset: '-0.1875rem',\n outlineColor: `var(${tokens.calendarOutlineFocusColor})`,\n outlineRadius: `calc(var(${innerTokens.dateStructureBorderRadius}) + 0.125rem)`,\n })};\n }\n }\n\n &.${classes.dayInCurrentMonth}:not(.${classes.disabled}) {\n ${addActive({\n activeBackground: `var(${tokens.calendarActiveItemBackground})`,\n activeColor: `var(${tokens.calendarActiveItemColor})`,\n activeFontWeight: `var(${innerTokens.dateStructureSelectedFontWeight})`,\n })};\n }\n\n &.${classes.dayOfWeek} {\n color: var(${tokens.calendarDayOfWeekColor});\n }\n\n &.${classes.disabled} {\n color: ${({ isDayInCurrentMonth }) =>\n isDayInCurrentMonth\n ? `var(${tokens.calendarContentPrimaryDisabledColor})`\n : `var(${tokens.calendarContentSecondaryDisabledColor})`};\n ${disabledItem()};\n }\n\n &.${classes.disabledCurrent} {\n color: ${({ isDayInCurrentMonth }) =>\n isDayInCurrentMonth\n ? `var(${tokens.calendarContentPrimaryDisabledColor})`\n : `var(${tokens.calendarContentSecondaryDisabledColor})`};\n ${disabledCurrentItem()};\n }\n\n &.${classes.currentItem} {\n & > .${classes.inRange}:before {\n width: calc(100% + 2px);\n height: 100%;\n }\n\n & > .${classes.sideRight}:before {\n width: 100%;\n right: -1px;\n left: unset;\n }\n\n & > .${classes.sideLeft}:before {\n width: 100%;\n left: -1px;\n right: unset;\n }\n }\n`;\n\nexport const StyledEvents = styled.div`\n display: flex;\n\n position: absolute;\n bottom: 0.25rem;\n`;\n\nexport const StyledEvent = styled.div<{ color?: string }>`\n margin: 0 0.063rem;\n\n width: 0.188rem;\n height: 0.188rem;\n border-radius: 50%;\n\n background-color: ${({ color = 'var(--plasma-colors-accent)' }) => color};\n`;\n"],"names":["_exp10","_ref","offset","StyledItem","styled","name","class","propsAsIs","vars","_exp21","_ref2","isDayInCurrentMonth","concat","tokens","calendarContentPrimaryColor","calendarContentSecondaryColor","_exp36","_ref3","calendarContentPrimaryDisabledColor","calendarContentSecondaryDisabledColor","StyledItemRoot","StyledEvents","_exp42","_ref4","_ref4$color","color","StyledEvent"],"mappings":";;;AAIqE,IAAAA,MAAA,GAHnDA,SAGmDA,MAAAA,GAAA;AAAA,EAAA,OA+ChD,UAAAC,IAAA,EAAA;AAAA,IAAA,IAAGC,MAAAA,GAAAA,IAAAA,CAAAA,MAAAA,CAAAA;IAAAA,OAAAA,EAAAA,CAAAA,MAAAA,CAAgBA,MAAO,EAAA,IAAA,CAAA,CAAA;GAAG,CAAA;AAAA,CAAA,CAAA;AArB3C,IAAMC,UAAU,gBAAGC,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,YAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAAC,EAAAA,IAAA,EAAA;AAAA,IAAA,YAAA,EAAA,cAqBXR,MAA6B,EAAA,CAAA;AAAA,GAAA;AAAA,CAGjD,EAAA;AAAC,IAAAS,MAAA,GArDgBA,SAqDhBA,MAAAA,GAAA;AAAA,EAAA,OA6BW,UAAAC,KAAA,EAAA;AAAA,IAAA,IAAGC,mBAAAA,GAAAA,KAAAA,CAAAA,mBAAAA,CAAAA;AAAAA,IAAAA,OACRA,mBAAmB,GAAA,MAAA,CAAAC,MAAA,CACNC,MAAM,CAACC,2BAA4B,EAAA,GAAA,CAAA,GAAA,MAAA,CAAAF,MAAA,CACnCC,MAAM,CAACE,6BAA8B,EAAE,GAAA,CAAA,CAAA;AAAA,GAAA,CAAA;AAAA,CAAA,CAAA;AAAA,IAAAC,MAAA,GArF1CA,SAqF0CA,MAAAA,GAAA;AAAA,EAAA,OAsD3C,UAAAC,KAAA,EAAA;AAAA,IAAA,IAAGN,mBAAAA,GAAAA,KAAAA,CAAAA,mBAAAA,CAAAA;AAAAA,IAAAA,OACRA,mBAAmB,GAAA,MAAA,CAAAC,MAAA,CACNC,MAAM,CAACK,mCAAoC,EAAA,GAAA,CAAA,GAAA,MAAA,CAAAN,MAAA,CAC3CC,MAAM,CAACM,qCAAsC,EAAE,GAAA,CAAA,CAAA;AAAA,GAAA,CAAA;AAAA,CAAA,CAAA;AA9EjE,IAAMC,cAAc,gBAAGhB,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,gBAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAAC,EAAAA,IAAA,EAAA;AAAA,IAAA,YAAA,EAAA,cAkBvBC,MAG+C,EAAA,CAAA;AAAA,IAAA,YAAA,EAAA,cAsD3CO,MAGuD,EAAA,CAAA;AAAA,GAAA;AAAA,CAsBvE,EAAA;AAEM,IAAMK,YAAY,gBAAGjB,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,cAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAKjC,EAAA;AAAC,IAAAe,MAAA,GA3KgBA,SA2KhBA,MAAAA,GAAA;AAAA,EAAA,OASsB,UAAAC,KAAA,EAAA;AAAA,IAAA,IAAAC,WAAA,GAAAD,KAAA,CAAGE,KAAK;AAALA,MAAAA,KAAK,GAAAD,WAAA,KAAG,KAAA,CAAA,GAAA,6BAAA,GAAAA,WAAA,CAAA;AAAA,IAAA,OAAoCC,KAAK,CAAA;AAAA,GAAA,CAAA;AAAA,CAAA,CAAA;AAPrE,IAAMC,WAAW,gBAAGtB,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,aAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAAC,EAAAA,IAAA,EAAA;AAAA,IAAA,WAAA,EAAA,cAOTc,MAAoD,EAAA,CAAA;AAAA,GAAA;AAAA,CAC3E;;;;"}
|
@@ -1,4 +1,4 @@
|
|
1
1
|
.s140bov1{border-radius:calc(var(--plasma-calendar-date-structure-border-radius) - 0.125rem);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}.s140bov1.item-in-range:before{content:'';z-index:-1;position:absolute;width:100%;height:calc(100% - 0.125rem);background:var(--plasma-calendar-range-background);}.s140bov1.item-side-in-range:before{content:'';z-index:-1;position:absolute;width:0.75rem;height:calc(100% - 0.125rem);background:var(--plasma-calendar-range-background);}.s140bov1.item-side-left:before{left:var(--s140bov1-0);}.s140bov1.item-side-right:before{right:var(--s140bov1-0);}
|
2
|
-
.s1k1xcqq{font-family:var(--plasma-calendar-date-structure-font-family);font-size:var(--plasma-calendar-date-structure-font-size);font-style:var(--plasma-calendar-date-structure-font-style);font-weight:var(--plasma-calendar-date-structure-font-weight);-webkit-letter-spacing:var(--plasma-calendar-date-structure-font-letter-spacing);-moz-letter-spacing:var(--plasma-calendar-date-structure-font-letter-spacing);-ms-letter-spacing:var(--plasma-calendar-date-structure-font-letter-spacing);letter-spacing:var(--plasma-calendar-date-structure-font-letter-spacing);line-height:var(--plasma-calendar-date-structure-line-height);position:relative;box-sizing:border-box;min-width:var(--plasma-calendar-date-structure-width);min-height:var(--plasma-calendar-date-structure-height);border-radius:var(--plasma-calendar-date-structure-border-radius);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:var(--s1k1xcqq-0);}.s1k1xcqq.item-selectable{outline:none;cursor:pointer;position:relative;}.s1k1xcqq.item-selectable:hover{background-color:var(--plasma-calendar-selectable-item-bg-hover);}.s1k1xcqq.item-selectable.item-hovered,.s1k1xcqq.item-selectable.item-hovered:hover{background-color:var(--plasma-calendar-selected-item-background);color:var(--plasma-calendar-selected-item-color);cursor:pointer;font-weight:var(--plasma-calendar-date-structure-selected-font-weight);}.s1k1xcqq.item-selectable.item-selected:not(.item-current){border:0;background-color:var(--plasma-calendar-selected-item-background);color:var(--plasma-calendar-selected-item-color);cursor:default;font-weight:var(--plasma-calendar-date-structure-selected-font-weight);}.s1k1xcqq.item-selectable.item-current{border:var(--plasma-calendar-current-item-border-width) solid var(--plasma-calendar-current-item-border-color);}.s1k1xcqq.item-selectable.item-current.item-selected{background-color:initial;color:var(--plasma-calendar-selected-item-color);font-weight:var(--plasma-calendar-date-structure-selected-font-weight);}.s1k1xcqq.item-selectable.item-current.item-selected > div:first-of-type{background-color:var(--plasma-calendar-selected-item-background);min-width:calc(var(--plasma-calendar-date-structure-width) - 0.25rem);min-height:calc(var(--plasma-calendar-date-structure-height) - 0.25rem);}.s1k1xcqq.item-selectable::before{content:'';position:absolute;top:-0.125rem;left:-0.125rem;right:-0.125rem;bottom:-0.125rem;z-index:1;display:block;box-sizing:content-box;border:0.063rem solid transparent;border-radius:calc(var(--plasma-calendar-date-structure-border-radius) + 0.125rem);-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.s1k1xcqq.item-selectable.focus-visible:focus::before,.s1k1xcqq.item-selectable[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.063rem var(--plasma-calendar-outline-focus-color);}.s1k1xcqq.item-selectable.item-current{position:relative;}.s1k1xcqq.item-selectable.item-current::before{content:'';position:absolute;top:-0.1875rem;left:-0.1875rem;right:-0.1875rem;bottom:-0.1875rem;z-index:1;display:block;box-sizing:content-box;border:0.063rem solid transparent;border-radius:calc(var(--plasma-calendar-date-structure-border-radius) + 0.125rem);-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.s1k1xcqq.item-selectable.item-current.focus-visible:focus::before,.s1k1xcqq.item-selectable.item-current[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.063rem var(--plasma-calendar-outline-focus-color);}.s1k1xcqq.day-in-current-month:not(.item-disabled):active{background-color:var(--plasma-calendar-active-item-bg);color:var(--plasma-calendar-active-item-color);font-weight:var(--plasma-calendar-date-structure-selected-font-weight);}.s1k1xcqq.day-of-week{color:var(--plasma-calendar-day-of-the-week-color);}.s1k1xcqq.item-disabled{cursor:not-allowed;opacity:var(--plasma-calendar-disabled-opacity);}.s1k1xcqq.item-disabled-current{cursor:not-allowed;opacity:var(--plasma-calendar-disabled-opacity);}.s1k1xcqq.item-current > .item-in-range:before{width:calc(100% + 2px);height:100%;}.s1k1xcqq.item-current > .item-side-right:before{width:100%;right:-1px;left:unset;}.s1k1xcqq.item-current > .item-side-left:before{width:100%;left:-1px;right:unset;}
|
2
|
+
.s1k1xcqq{font-family:var(--plasma-calendar-date-structure-font-family);font-size:var(--plasma-calendar-date-structure-font-size);font-style:var(--plasma-calendar-date-structure-font-style);font-weight:var(--plasma-calendar-date-structure-font-weight);-webkit-letter-spacing:var(--plasma-calendar-date-structure-font-letter-spacing);-moz-letter-spacing:var(--plasma-calendar-date-structure-font-letter-spacing);-ms-letter-spacing:var(--plasma-calendar-date-structure-font-letter-spacing);letter-spacing:var(--plasma-calendar-date-structure-font-letter-spacing);line-height:var(--plasma-calendar-date-structure-line-height);position:relative;box-sizing:border-box;min-width:var(--plasma-calendar-date-structure-width);min-height:var(--plasma-calendar-date-structure-height);border-radius:var(--plasma-calendar-date-structure-border-radius);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:var(--s1k1xcqq-0);}.s1k1xcqq.item-selectable{outline:none;cursor:pointer;position:relative;}.s1k1xcqq.item-selectable:hover{background-color:var(--plasma-calendar-selectable-item-bg-hover);}.s1k1xcqq.item-selectable.item-hovered,.s1k1xcqq.item-selectable.item-hovered:hover{background-color:var(--plasma-calendar-selected-item-background);color:var(--plasma-calendar-selected-item-color);cursor:pointer;font-weight:var(--plasma-calendar-date-structure-selected-font-weight);}.s1k1xcqq.item-selectable.item-selected:not(.item-current){border:0;background-color:var(--plasma-calendar-selected-item-background);color:var(--plasma-calendar-selected-item-color);cursor:default;font-weight:var(--plasma-calendar-date-structure-selected-font-weight);}.s1k1xcqq.item-selectable.item-current{border:var(--plasma-calendar-current-item-border-width) solid var(--plasma-calendar-current-item-border-color);}.s1k1xcqq.item-selectable.item-current.item-selected{background-color:initial;color:var(--plasma-calendar-selected-item-color);font-weight:var(--plasma-calendar-date-structure-selected-font-weight);}.s1k1xcqq.item-selectable.item-current.item-selected > div:first-of-type{background-color:var(--plasma-calendar-selected-item-background);min-width:calc(var(--plasma-calendar-date-structure-width) - 0.25rem);min-height:calc(var(--plasma-calendar-date-structure-height) - 0.25rem);}.s1k1xcqq.item-selectable::before{content:'';position:absolute;top:-0.125rem;left:-0.125rem;right:-0.125rem;bottom:-0.125rem;z-index:1;display:block;box-sizing:content-box;border:0.063rem solid transparent;border-radius:calc(var(--plasma-calendar-date-structure-border-radius) + 0.125rem);-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.s1k1xcqq.item-selectable.focus-visible:focus::before,.s1k1xcqq.item-selectable[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.063rem var(--plasma-calendar-outline-focus-color);}.s1k1xcqq.item-selectable.item-current{position:relative;}.s1k1xcqq.item-selectable.item-current::before{content:'';position:absolute;top:-0.1875rem;left:-0.1875rem;right:-0.1875rem;bottom:-0.1875rem;z-index:1;display:block;box-sizing:content-box;border:0.063rem solid transparent;border-radius:calc(var(--plasma-calendar-date-structure-border-radius) + 0.125rem);-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.s1k1xcqq.item-selectable.item-current.focus-visible:focus::before,.s1k1xcqq.item-selectable.item-current[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.063rem var(--plasma-calendar-outline-focus-color);}.s1k1xcqq.day-in-current-month:not(.item-disabled):active{background-color:var(--plasma-calendar-active-item-bg);color:var(--plasma-calendar-active-item-color);font-weight:var(--plasma-calendar-date-structure-selected-font-weight);}.s1k1xcqq.day-of-week{color:var(--plasma-calendar-day-of-the-week-color);}.s1k1xcqq.item-disabled{color:var(--s1k1xcqq-1);cursor:not-allowed;opacity:var(--plasma-calendar-disabled-opacity);}.s1k1xcqq.item-disabled-current{color:var(--s1k1xcqq-1);cursor:not-allowed;opacity:var(--plasma-calendar-disabled-opacity);}.s1k1xcqq.item-current > .item-in-range:before{width:calc(100% + 2px);height:100%;}.s1k1xcqq.item-current > .item-side-right:before{width:100%;right:-1px;left:unset;}.s1k1xcqq.item-current > .item-side-left:before{width:100%;left:-1px;right:unset;}
|
3
3
|
.s1wqrord{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;position:absolute;bottom:0.25rem;}
|
4
4
|
.s1cvvf5{margin:0 0.063rem;width:0.188rem;height:0.188rem;border-radius:50%;background-color:var(--s1cvvf5-0);}
|
@@ -1,14 +1,13 @@
|
|
1
|
-
.
|
1
|
+
.base_x252cy_b17hdes8__856a05b7 input[type='checkbox']:indeterminate + .base_x252cy_s1u3nd7e__856a05b7 .base_x252cy_sft3zxv__856a05b7{border:none;background:var(--plasma-checkbox-fill-color);border-color:var(--plasma-checkbox-fill-color);}.base_x252cy_b17hdes8__856a05b7 input:checked + .base_x252cy_s1u3nd7e__856a05b7 .base_x252cy_sft3zxv__856a05b7{border:none;background:var(--plasma-checkbox-fill-color);border-color:var(--plasma-checkbox-fill-color);}
|
2
2
|
|
3
|
-
.
|
3
|
+
.base_1krdtt6_bxbqqc3__2d5e2cdd input:disabled + .base_1krdtt6_s1u3nd7e__2d5e2cdd{opacity:var(--plasma-checkbox-disabled-opacity);}.base_1krdtt6_bxbqqc3__2d5e2cdd input:disabled + .base_1krdtt6_s1u3nd7e__2d5e2cdd{cursor:not-allowed;}
|
4
4
|
|
5
5
|
.base_hr4zpz_b1y5wkm1__d6390059 .base_hr4zpz_checkboxTrigger__d6390059{position:relative;}.base_hr4zpz_b1y5wkm1__d6390059 .base_hr4zpz_checkboxTrigger__d6390059::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;z-index:1;display:block;box-sizing:content-box;border:0.125rem solid transparent;border-radius:var(--plasma-checkbox-trigger-border-radius);-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.base_hr4zpz_b1y5wkm1__d6390059 .base_hr4zpz_checkboxTrigger__d6390059.base_hr4zpz_focusVisible__d6390059:focus::before,.base_hr4zpz_b1y5wkm1__d6390059 .base_hr4zpz_checkboxTrigger__d6390059[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.125rem transparent;}.base_hr4zpz_b1y5wkm1__d6390059 input[data-focus-visible-added] + label .base_hr4zpz_checkboxTrigger__d6390059{border-color:transparent;position:relative;}.base_hr4zpz_b1y5wkm1__d6390059 input[data-focus-visible-added] + label .base_hr4zpz_checkboxTrigger__d6390059::before{content:'';position:absolute;top:-0.125rem;left:-0.125rem;right:-0.125rem;bottom:-0.125rem;z-index:1;display:block;box-sizing:content-box;border:0.125rem solid transparent;border-radius:var(--plasma-checkbox-trigger-border-radius);-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.base_hr4zpz_b1y5wkm1__d6390059 input[data-focus-visible-added] + label .base_hr4zpz_checkboxTrigger__d6390059::before{box-shadow:0 0 0 0.125rem var(--plasma-checkbox-focus-color);}.base_hr4zpz_b1y5wkm1__d6390059 input[data-focus-visible-added]:checked + label .base_hr4zpz_checkboxTrigger__d6390059,.base_hr4zpz_b1y5wkm1__d6390059 input[type='checkbox'][data-focus-visible-added]:indeterminate + label .base_hr4zpz_checkboxTrigger__d6390059{position:relative;}.base_hr4zpz_b1y5wkm1__d6390059 input[data-focus-visible-added]:checked + label .base_hr4zpz_checkboxTrigger__d6390059::before,.base_hr4zpz_b1y5wkm1__d6390059 input[type='checkbox'][data-focus-visible-added]:indeterminate + label .base_hr4zpz_checkboxTrigger__d6390059::before{content:'';position:absolute;top:-0.125rem;left:-0.125rem;right:-0.125rem;bottom:-0.125rem;z-index:1;display:block;box-sizing:content-box;border:0.063rem solid transparent;border-radius:calc(var(--plasma-checkbox-trigger-border-radius) + 0.125rem);-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.base_hr4zpz_b1y5wkm1__d6390059 input[data-focus-visible-added]:checked + label .base_hr4zpz_checkboxTrigger__d6390059::before,.base_hr4zpz_b1y5wkm1__d6390059 input[type='checkbox'][data-focus-visible-added]:indeterminate + label .base_hr4zpz_checkboxTrigger__d6390059::before{box-shadow:0 0 0 0.063rem var(--plasma-checkbox-focus-color);}
|
6
6
|
|
7
|
-
.
|
8
|
-
.
|
9
|
-
.
|
10
|
-
.
|
11
|
-
.
|
12
|
-
.
|
13
|
-
.
|
14
|
-
.Checkbox_styles_tc2l94_s10clj68__882a2762{margin-top:var(--plasma-checkbox-description-margin-top);color:var(--plasma-checkbox-description-color);font-family:var(--plasma-checkbox-description-font-family);font-size:var(--plasma-checkbox-description-font-size);font-style:var(--plasma-checkbox-description-font-style);font-weight:var(--plasma-checkbox-description-font-weight);-webkit-letter-spacing:var(--plasma-checkbox-description-letter-spacing);-moz-letter-spacing:var(--plasma-checkbox-description-letter-spacing);-ms-letter-spacing:var(--plasma-checkbox-description-letter-spacing);letter-spacing:var(--plasma-checkbox-description-letter-spacing);line-height:var(--plasma-checkbox-description-line-height);}.Checkbox_styles_tc2l94_s10clj68__882a2762.Checkbox_styles_tc2l94_onlyDescription__882a2762{margin-top:0;}
|
7
|
+
.Checkbox_styles_16ay1rj_b1udywkg__57f51758{margin:var(--plasma-checkbox-margin);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:rgba(0,0,0,0);position:relative;-webkit-align-items:flex-start;-webkit-box-align:flex-start;-ms-flex-align:flex-start;align-items:flex-start;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}.Checkbox_styles_16ay1rj_b1udywkg__57f51758 .Checkbox_styles_16ay1rj_singleLine__57f51758{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
|
8
|
+
.Checkbox_styles_16ay1rj_s165w87d__57f51758{position:absolute;width:1px;height:1px;overflow:hidden;-webkit-clip:rect(0 0 0 0);clip:rect(0 0 0 0);}.Checkbox_styles_16ay1rj_s165w87d__57f51758:focus{outline:0 none;}
|
9
|
+
.Checkbox_styles_16ay1rj_sft3zxv__57f51758{margin:var(--plasma-checkbox-trigger-margin);width:var(--plasma-checkbox-trigger-size);height:var(--plasma-checkbox-trigger-size);border-radius:var(--plasma-checkbox-trigger-border-radius);position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;background:var(--plasma-checkbox-trigger-background-color);border:0.125rem solid var(--plasma-checkbox-trigger-border-color);box-sizing:border-box;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;-webkit-box-flex:0;-webkit-flex-grow:0;-ms-flex-positive:0;flex-grow:0;}input:not(:indeterminate) + label .Checkbox_styles_16ay1rj_sft3zxv__57f51758 div{-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0);-webkit-transition:-webkit-transform 0.15s ease-in-out;-webkit-transition:transform 0.15s ease-in-out;transition:transform 0.15s ease-in-out;}input:checked + label .Checkbox_styles_16ay1rj_sft3zxv__57f51758 div{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);}
|
10
|
+
.Checkbox_styles_16ay1rj_s1u3nd7e__57f51758{position:relative;-webkit-align-items:flex-start;-webkit-box-align:flex-start;-ms-flex-align:flex-start;align-items:flex-start;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;width:inherit;cursor:pointer;}.Checkbox_styles_16ay1rj_s1u3nd7e__57f51758 .Checkbox_styles_16ay1rj_singleLine__57f51758{width:100%;}
|
11
|
+
.Checkbox_styles_16ay1rj_shwv1in__57f51758{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;margin-top:var(--plasma-checkbox-content-top-offset);margin-left:var(--plasma-checkbox-content-left-offset);}
|
12
|
+
.Checkbox_styles_16ay1rj_s1my1ay__57f51758{font-family:var(--plasma-checkbox-label-font-family);font-size:var(--plasma-checkbox-label-font-size);font-style:var(--plasma-checkbox-label-font-style);font-weight:var(--plasma-checkbox-label-font-weight);-webkit-letter-spacing:var(--plasma-checkbox-label-letter-spacing);-moz-letter-spacing:var(--plasma-checkbox-label-letter-spacing);-ms-letter-spacing:var(--plasma-checkbox-label-letter-spacing);letter-spacing:var(--plasma-checkbox-label-letter-spacing);line-height:var(--plasma-checkbox-label-line-height);}
|
13
|
+
.Checkbox_styles_16ay1rj_s14u8fnn__57f51758{margin-top:var(--plasma-checkbox-description-margin-top);color:var(--plasma-checkbox-description-color);font-family:var(--plasma-checkbox-description-font-family);font-size:var(--plasma-checkbox-description-font-size);font-style:var(--plasma-checkbox-description-font-style);font-weight:var(--plasma-checkbox-description-font-weight);-webkit-letter-spacing:var(--plasma-checkbox-description-letter-spacing);-moz-letter-spacing:var(--plasma-checkbox-description-letter-spacing);-ms-letter-spacing:var(--plasma-checkbox-description-letter-spacing);letter-spacing:var(--plasma-checkbox-description-letter-spacing);line-height:var(--plasma-checkbox-description-line-height);}.Checkbox_styles_16ay1rj_s14u8fnn__57f51758.Checkbox_styles_16ay1rj_onlyDescription__57f51758{margin-top:0;}
|
@@ -7,7 +7,7 @@ import { base as base$1 } from './variations/_size/base.js';
|
|
7
7
|
import { base as base$3 } from './variations/_disabled/base.js';
|
8
8
|
import { base as base$4 } from './variations/_focused/base.js';
|
9
9
|
import { Indeterminate, Done } from './IconsSvg.js';
|
10
|
-
import { StyledInput, StyledContentWrapper,
|
10
|
+
import { StyledInput, StyledContentWrapper, StyledTrigger, StyledContent, StyledLabel, StyledDescription, base } from './Checkbox.styles.js';
|
11
11
|
import { classes } from './Checkbox.tokens.js';
|
12
12
|
|
13
13
|
var _Indeterminate, _Done;
|
@@ -66,9 +66,9 @@ var checkboxRoot = function checkboxRoot(Root) {
|
|
66
66
|
})), /*#__PURE__*/React.createElement(StyledContentWrapper, {
|
67
67
|
htmlFor: checkboxId,
|
68
68
|
className: singleLineClass
|
69
|
-
}, /*#__PURE__*/React.createElement(
|
69
|
+
}, /*#__PURE__*/React.createElement(StyledTrigger, {
|
70
70
|
className: classes.checkboxTrigger
|
71
|
-
}, indeterminate ? _Indeterminate || (_Indeterminate = /*#__PURE__*/React.createElement(Indeterminate, null)) : _Done || (_Done = /*#__PURE__*/React.createElement(Done, null)))
|
71
|
+
}, indeterminate ? _Indeterminate || (_Indeterminate = /*#__PURE__*/React.createElement(Indeterminate, null)) : _Done || (_Done = /*#__PURE__*/React.createElement(Done, null))), hasContent && /*#__PURE__*/React.createElement(StyledContent, {
|
72
72
|
className: singleLineClass
|
73
73
|
}, label && /*#__PURE__*/React.createElement(StyledLabel, {
|
74
74
|
className: singleLineClass,
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"Checkbox.js","sources":["../../../src/components/Checkbox/Checkbox.tsx"],"sourcesContent":["import React, { forwardRef, useEffect, useMemo, useRef } from 'react';\nimport { safeUseId, useForkRef, extractTextFrom } from '@salutejs/plasma-core';\n\nimport type { RootProps } from '../../engines/types';\nimport { cx } from '../../utils';\n\nimport { base as viewCSS } from './variations/_view/base';\nimport { base as sizeCSS } from './variations/_size/base';\nimport { base as disabledCSS } from './variations/_disabled/base';\nimport { base as focusedCSS } from './variations/_focused/base';\nimport { Done, Indeterminate } from './IconsSvg';\nimport {\n StyledContent,\n StyledContentWrapper,\n StyledDescription,\n StyledInput,\n StyledLabel,\n StyledTrigger,\n base,\n
|
1
|
+
{"version":3,"file":"Checkbox.js","sources":["../../../src/components/Checkbox/Checkbox.tsx"],"sourcesContent":["import React, { forwardRef, useEffect, useMemo, useRef } from 'react';\nimport { safeUseId, useForkRef, extractTextFrom } from '@salutejs/plasma-core';\n\nimport type { RootProps } from '../../engines/types';\nimport { cx } from '../../utils';\n\nimport { base as viewCSS } from './variations/_view/base';\nimport { base as sizeCSS } from './variations/_size/base';\nimport { base as disabledCSS } from './variations/_disabled/base';\nimport { base as focusedCSS } from './variations/_focused/base';\nimport { Done, Indeterminate } from './IconsSvg';\nimport {\n StyledContent,\n StyledContentWrapper,\n StyledDescription,\n StyledInput,\n StyledLabel,\n StyledTrigger,\n base,\n} from './Checkbox.styles';\nimport type { CheckboxProps } from './Checkbox.types';\nimport { classes } from './Checkbox.tokens';\n\nexport const checkboxRoot = (Root: RootProps<HTMLInputElement, CheckboxProps>) =>\n forwardRef<HTMLInputElement, CheckboxProps>((props, ref) => {\n const {\n size,\n view,\n focused,\n disabled,\n id,\n label,\n description,\n indeterminate,\n style,\n className,\n singleLine = false,\n 'aria-label': ariaLabelExternal,\n ...rest\n } = props;\n\n const inputRef = useRef<HTMLInputElement | null>(null);\n const forkRef = useForkRef(inputRef, ref);\n\n useEffect(() => {\n if (inputRef.current) {\n inputRef.current.indeterminate = Boolean(indeterminate);\n }\n }, [inputRef, indeterminate]);\n\n const uniqId = safeUseId();\n const uniqLabelId = `label-${uniqId}`;\n const uniqDescriptionId = `description-${uniqId}`;\n const checkboxId = id || `input-${uniqId}`;\n\n const ariaLabel = useMemo(() => ariaLabelExternal || extractTextFrom(label), [ariaLabelExternal, label]);\n const isLabelAriaHidden = typeof label === 'string';\n const canFocused = focused ? 0 : -1;\n const hasContent = label || description;\n const singleLineClass = singleLine ? classes.singleLine : undefined;\n const onlyDescriptionClass = !label && description ? classes.onlyDescription : undefined;\n\n return (\n <Root\n view={view}\n size={size}\n disabled={disabled}\n focused={focused}\n style={style}\n className={className}\n tabIndex={-1}\n >\n <StyledInput\n {...rest}\n id={checkboxId}\n ref={forkRef}\n type=\"checkbox\"\n disabled={disabled}\n aria-label={ariaLabel}\n aria-describedby={uniqDescriptionId}\n tabIndex={canFocused}\n />\n <StyledContentWrapper htmlFor={checkboxId} className={singleLineClass}>\n <StyledTrigger className={classes.checkboxTrigger}>\n {indeterminate ? <Indeterminate /> : <Done />}\n </StyledTrigger>\n {hasContent && (\n <StyledContent className={singleLineClass}>\n {label && (\n <StyledLabel\n className={singleLineClass}\n id={uniqLabelId}\n aria-hidden={isLabelAriaHidden}\n >\n {label}\n </StyledLabel>\n )}\n {description && (\n <StyledDescription\n className={cx(singleLineClass, onlyDescriptionClass)}\n id={uniqDescriptionId}\n >\n {description}\n </StyledDescription>\n )}\n </StyledContent>\n )}\n </StyledContentWrapper>\n </Root>\n );\n });\n\nexport const checkboxConfig = {\n name: 'Checkbox',\n tag: 'div',\n layout: checkboxRoot,\n base,\n variations: {\n size: {\n css: sizeCSS,\n },\n view: {\n css: viewCSS,\n },\n disabled: {\n css: disabledCSS,\n },\n focused: {\n css: focusedCSS,\n },\n },\n defaults: {\n size: 'm',\n view: 'accent',\n },\n};\n"],"names":["checkboxRoot","Root","forwardRef","props","ref","size","view","focused","disabled","id","label","description","indeterminate","style","className","_props$singleLine","singleLine","ariaLabelExternal","rest","_objectWithoutProperties","_excluded","inputRef","useRef","forkRef","useForkRef","useEffect","current","Boolean","uniqId","safeUseId","uniqLabelId","concat","uniqDescriptionId","checkboxId","ariaLabel","useMemo","extractTextFrom","isLabelAriaHidden","canFocused","hasContent","singleLineClass","classes","undefined","onlyDescriptionClass","onlyDescription","React","createElement","tabIndex","StyledInput","_extends","type","StyledContentWrapper","htmlFor","StyledTrigger","checkboxTrigger","_Indeterminate","Indeterminate","_Done","Done","StyledContent","StyledLabel","StyledDescription","cx","checkboxConfig","name","tag","layout","base","variations","css","sizeCSS","viewCSS","disabledCSS","focusedCSS","defaults"],"mappings":";;;;;;;;;;;;;;IAuBaA,YAAY,GAAG,SAAfA,YAAYA,CAAIC,IAAgD,EAAA;AAAA,EAAA,oBACzEC,UAAU,CAAkC,UAACC,KAAK,EAAEC,GAAG,EAAK;AACxD,IAAA,IACIC,IAAI,GAaJF,KAAK,CAbLE,IAAI;MACJC,IAAI,GAYJH,KAAK,CAZLG,IAAI;MACJC,OAAO,GAWPJ,KAAK,CAXLI,OAAO;MACPC,QAAQ,GAURL,KAAK,CAVLK,QAAQ;MACRC,EAAE,GASFN,KAAK,CATLM,EAAE;MACFC,KAAK,GAQLP,KAAK,CARLO,KAAK;MACLC,WAAW,GAOXR,KAAK,CAPLQ,WAAW;MACXC,aAAa,GAMbT,KAAK,CANLS,aAAa;MACbC,KAAK,GAKLV,KAAK,CALLU,KAAK;MACLC,SAAS,GAITX,KAAK,CAJLW,SAAS;MAAAC,iBAAA,GAITZ,KAAK,CAHLa,UAAU;AAAVA,MAAAA,UAAU,GAAAD,iBAAA,KAAG,KAAA,CAAA,GAAA,KAAK,GAAAA,iBAAA;MACJE,iBAAiB,GAE/Bd,KAAK,CAFL,YAAY,CAAA;AACTe,MAAAA,IAAI,GAAAC,wBAAA,CACPhB,KAAK,EAAAiB,SAAA,CAAA,CAAA;AAET,IAAA,IAAMC,QAAQ,GAAGC,MAAM,CAA0B,IAAI,CAAC,CAAA;AACtD,IAAA,IAAMC,OAAO,GAAGC,UAAU,CAACH,QAAQ,EAAEjB,GAAG,CAAC,CAAA;AAEzCqB,IAAAA,SAAS,CAAC,YAAM;MACZ,IAAIJ,QAAQ,CAACK,OAAO,EAAE;QAClBL,QAAQ,CAACK,OAAO,CAACd,aAAa,GAAGe,OAAO,CAACf,aAAa,CAAC,CAAA;AAC3D,OAAA;AACJ,KAAC,EAAE,CAACS,QAAQ,EAAET,aAAa,CAAC,CAAC,CAAA;AAE7B,IAAA,IAAMgB,MAAM,GAAGC,SAAS,EAAE,CAAA;AAC1B,IAAA,IAAMC,WAAW,GAAA,QAAA,CAAAC,MAAA,CAAYH,MAAM,CAAE,CAAA;AACrC,IAAA,IAAMI,iBAAiB,GAAA,cAAA,CAAAD,MAAA,CAAkBH,MAAM,CAAE,CAAA;AACjD,IAAA,IAAMK,UAAU,GAAGxB,EAAE,aAAAsB,MAAA,CAAaH,MAAM,CAAE,CAAA;IAE1C,IAAMM,SAAS,GAAGC,OAAO,CAAC,YAAA;AAAA,MAAA,OAAMlB,iBAAiB,IAAImB,eAAe,CAAC1B,KAAK,CAAC,CAAA;AAAA,KAAA,EAAE,CAACO,iBAAiB,EAAEP,KAAK,CAAC,CAAC,CAAA;AACxG,IAAA,IAAM2B,iBAAiB,GAAG,OAAO3B,KAAK,KAAK,QAAQ,CAAA;AACnD,IAAA,IAAM4B,UAAU,GAAG/B,OAAO,GAAG,CAAC,GAAG,CAAC,CAAC,CAAA;AACnC,IAAA,IAAMgC,UAAU,GAAG7B,KAAK,IAAIC,WAAW,CAAA;IACvC,IAAM6B,eAAe,GAAGxB,UAAU,GAAGyB,OAAO,CAACzB,UAAU,GAAG0B,SAAS,CAAA;IACnE,IAAMC,oBAAoB,GAAG,CAACjC,KAAK,IAAIC,WAAW,GAAG8B,OAAO,CAACG,eAAe,GAAGF,SAAS,CAAA;AAExF,IAAA,oBACIG,KAAA,CAAAC,aAAA,CAAC7C,IAAI,EAAA;AACDK,MAAAA,IAAI,EAAEA,IAAK;AACXD,MAAAA,IAAI,EAAEA,IAAK;AACXG,MAAAA,QAAQ,EAAEA,QAAS;AACnBD,MAAAA,OAAO,EAAEA,OAAQ;AACjBM,MAAAA,KAAK,EAAEA,KAAM;AACbC,MAAAA,SAAS,EAAEA,SAAU;AACrBiC,MAAAA,QAAQ,EAAE,CAAC,CAAA;KAEXF,eAAAA,KAAA,CAAAC,aAAA,CAACE,WAAW,EAAAC,QAAA,KACJ/B,IAAI,EAAA;AACRT,MAAAA,EAAE,EAAEwB,UAAW;AACf7B,MAAAA,GAAG,EAAEmB,OAAQ;AACb2B,MAAAA,IAAI,EAAC,UAAU;AACf1C,MAAAA,QAAQ,EAAEA,QAAS;AACnB,MAAA,YAAA,EAAY0B,SAAU;AACtB,MAAA,kBAAA,EAAkBF,iBAAkB;AACpCe,MAAAA,QAAQ,EAAET,UAAAA;AAAW,KAAA,CACxB,CAAC,eACFO,KAAA,CAAAC,aAAA,CAACK,oBAAoB,EAAA;AAACC,MAAAA,OAAO,EAAEnB,UAAW;AAACnB,MAAAA,SAAS,EAAE0B,eAAAA;AAAgB,KAAA,eAClEK,KAAA,CAAAC,aAAA,CAACO,aAAa,EAAA;MAACvC,SAAS,EAAE2B,OAAO,CAACa,eAAAA;AAAgB,KAAA,EAC7C1C,aAAa,GAAA2C,cAAA,KAAAA,cAAA,gBAAGV,KAAA,CAAAC,aAAA,CAACU,aAAa,EAAA,IAAE,CAAC,CAAA,GAAAC,KAAA,KAAAA,KAAA,gBAAGZ,KAAA,CAAAC,aAAA,CAACY,IAAI,MAAE,CAAC,CAClC,CAAC,EACfnB,UAAU,iBACPM,KAAA,CAAAC,aAAA,CAACa,aAAa,EAAA;AAAC7C,MAAAA,SAAS,EAAE0B,eAAAA;AAAgB,KAAA,EACrC9B,KAAK,iBACFmC,KAAA,CAAAC,aAAA,CAACc,WAAW,EAAA;AACR9C,MAAAA,SAAS,EAAE0B,eAAgB;AAC3B/B,MAAAA,EAAE,EAAEqB,WAAY;MAChB,aAAaO,EAAAA,iBAAAA;KAEZ3B,EAAAA,KACQ,CAChB,EACAC,WAAW,iBACRkC,KAAA,CAAAC,aAAA,CAACe,iBAAiB,EAAA;AACd/C,MAAAA,SAAS,EAAEgD,EAAE,CAACtB,eAAe,EAAEG,oBAAoB,CAAE;AACrDlC,MAAAA,EAAE,EAAEuB,iBAAAA;AAAkB,KAAA,EAErBrB,WACc,CAEZ,CAED,CACpB,CAAC,CAAA;AAEf,GAAC,CAAC,CAAA;AAAA,EAAA;AAEC,IAAMoD,cAAc,GAAG;AAC1BC,EAAAA,IAAI,EAAE,UAAU;AAChBC,EAAAA,GAAG,EAAE,KAAK;AACVC,EAAAA,MAAM,EAAElE,YAAY;AACpBmE,EAAAA,IAAI,EAAJA,IAAI;AACJC,EAAAA,UAAU,EAAE;AACR/D,IAAAA,IAAI,EAAE;AACFgE,MAAAA,GAAG,EAAEC,MAAAA;KACR;AACDhE,IAAAA,IAAI,EAAE;AACF+D,MAAAA,GAAG,EAAEE,MAAAA;KACR;AACD/D,IAAAA,QAAQ,EAAE;AACN6D,MAAAA,GAAG,EAAEG,MAAAA;KACR;AACDjE,IAAAA,OAAO,EAAE;AACL8D,MAAAA,GAAG,EAAEI,MAAAA;AACT,KAAA;GACH;AACDC,EAAAA,QAAQ,EAAE;AACNrE,IAAAA,IAAI,EAAE,GAAG;AACTC,IAAAA,IAAI,EAAE,QAAA;AACV,GAAA;AACJ;;;;"}
|
@@ -1,4 +1,4 @@
|
|
1
|
-
import './Checkbox.
|
1
|
+
import './Checkbox.styles_16ay1rj.css';
|
2
2
|
import { styled } from '@linaria/react';
|
3
3
|
|
4
4
|
var base = "b1udywkg";
|
@@ -7,36 +7,31 @@ var StyledInput = /*#__PURE__*/styled('input')({
|
|
7
7
|
"class": "s165w87d",
|
8
8
|
propsAsIs: false
|
9
9
|
});
|
10
|
-
var StyledTriggerWrapper = /*#__PURE__*/styled('div')({
|
11
|
-
name: "StyledTriggerWrapper",
|
12
|
-
"class": "sft3zxv",
|
13
|
-
propsAsIs: false
|
14
|
-
});
|
15
10
|
var StyledTrigger = /*#__PURE__*/styled('div')({
|
16
11
|
name: "StyledTrigger",
|
17
|
-
"class": "
|
12
|
+
"class": "sft3zxv",
|
18
13
|
propsAsIs: false
|
19
14
|
});
|
20
15
|
var StyledContentWrapper = /*#__PURE__*/styled('label')({
|
21
16
|
name: "StyledContentWrapper",
|
22
|
-
"class": "
|
17
|
+
"class": "s1u3nd7e",
|
23
18
|
propsAsIs: false
|
24
19
|
});
|
25
20
|
var StyledContent = /*#__PURE__*/styled('div')({
|
26
21
|
name: "StyledContent",
|
27
|
-
"class": "
|
22
|
+
"class": "shwv1in",
|
28
23
|
propsAsIs: false
|
29
24
|
});
|
30
25
|
var StyledLabel = /*#__PURE__*/styled('span')({
|
31
26
|
name: "StyledLabel",
|
32
|
-
"class": "
|
27
|
+
"class": "s1my1ay",
|
33
28
|
propsAsIs: false
|
34
29
|
});
|
35
30
|
var StyledDescription = /*#__PURE__*/styled('div')({
|
36
31
|
name: "StyledDescription",
|
37
|
-
"class": "
|
32
|
+
"class": "s14u8fnn",
|
38
33
|
propsAsIs: false
|
39
34
|
});
|
40
35
|
|
41
|
-
export { StyledContent, StyledContentWrapper, StyledDescription, StyledInput, StyledLabel, StyledTrigger,
|
36
|
+
export { StyledContent, StyledContentWrapper, StyledDescription, StyledInput, StyledLabel, StyledTrigger, base };
|
42
37
|
//# sourceMappingURL=Checkbox.styles.js.map
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"Checkbox.styles.js","sources":["../../../src/components/Checkbox/Checkbox.styles.ts"],"sourcesContent":["import { css } from '@linaria/core';\nimport { styled } from '@linaria/react';\n\nimport { applyEllipsis, applyNoUserSelect } from '../../mixins';\n\nimport { classes, tokens } from './Checkbox.tokens';\n\nexport const base = css`\n margin: var(${tokens.margin});\n\n ${applyNoUserSelect()};\n\n position: relative;\n align-items: flex-start;\n display: flex;\n\n .${classes.singleLine} {\n ${applyEllipsis()};\n }\n`;\n\nexport const StyledInput = styled.input`\n position: absolute;\n\n &:focus {\n outline: 0 none;\n }\n\n /* Спрятать от IE */\n width: 1px;\n height: 1px;\n overflow: hidden;\n clip: rect(0 0 0 0);\n`;\n\nexport const
|
1
|
+
{"version":3,"file":"Checkbox.styles.js","sources":["../../../src/components/Checkbox/Checkbox.styles.ts"],"sourcesContent":["import { css } from '@linaria/core';\nimport { styled } from '@linaria/react';\n\nimport { applyEllipsis, applyNoUserSelect } from '../../mixins';\n\nimport { classes, tokens } from './Checkbox.tokens';\n\nexport const base = css`\n margin: var(${tokens.margin});\n\n ${applyNoUserSelect()};\n\n position: relative;\n align-items: flex-start;\n display: flex;\n\n .${classes.singleLine} {\n ${applyEllipsis()};\n }\n`;\n\nexport const StyledInput = styled.input`\n position: absolute;\n\n &:focus {\n outline: 0 none;\n }\n\n /* Спрятать от IE */\n width: 1px;\n height: 1px;\n overflow: hidden;\n clip: rect(0 0 0 0);\n`;\n\nexport const StyledTrigger = styled.div`\n margin: var(${tokens.triggerMargin});\n\n width: var(${tokens.triggerSize});\n height: var(${tokens.triggerSize});\n border-radius: var(${tokens.triggerBorderRadius});\n\n position: relative;\n display: flex;\n align-items: center;\n justify-content: center;\n\n background: var(${tokens.triggerBackgroundColor});\n border: 0.125rem solid var(${tokens.triggerBorderColor});\n box-sizing: border-box;\n\n flex-shrink: 0;\n flex-grow: 0;\n\n input:not(:indeterminate) + label & div {\n transform: scale(0);\n transition: transform 0.15s ease-in-out;\n }\n\n input:checked + label & div {\n transform: scale(1);\n }\n`;\n\nexport const StyledContentWrapper = styled.label`\n position: relative;\n align-items: flex-start;\n display: flex;\n width: inherit;\n cursor: pointer;\n\n .${classes.singleLine} {\n width: 100%;\n }\n`;\n\nexport const StyledContent = styled.div`\n display: flex;\n flex-direction: column;\n\n margin-top: var(${tokens.contentTopOffset});\n margin-left: var(${tokens.contentLeftOffset});\n`;\n\nexport const StyledLabel = styled.span`\n font-family: var(${tokens.labelFontFamily});\n font-size: var(${tokens.labelFontSize});\n font-style: var(${tokens.labelFontStyle});\n font-weight: var(${tokens.labelFontWeight});\n letter-spacing: var(${tokens.labelLetterSpacing});\n line-height: var(${tokens.labelLineHeight});\n`;\n\nexport const StyledDescription = styled.div`\n margin-top: var(${tokens.descriptionMarginTop});\n color: var(${tokens.descriptionColor});\n\n font-family: var(${tokens.descriptionFontFamily});\n font-size: var(${tokens.descriptionFontSize});\n font-style: var(${tokens.descriptionFontStyle});\n font-weight: var(${tokens.descriptionFontWeight});\n letter-spacing: var(${tokens.descriptionLetterSpacing});\n line-height: var(${tokens.descriptionLineHeight});\n\n &.${classes.onlyDescription} {\n margin-top: 0;\n }\n`;\n"],"names":["base","StyledInput","styled","name","class","propsAsIs","StyledTrigger","StyledContentWrapper","StyledContent","StyledLabel","StyledDescription"],"mappings":";;AAOO,IAAMA,IAAI,GAYhB,WAAA;AAEM,IAAMC,WAAW,gBAAGC,MAAM,CAAA,OAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,aAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAYhC,EAAA;AAEM,IAAMC,aAAa,gBAAGJ,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,eAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CA2BlC,EAAA;AAEM,IAAME,oBAAoB,gBAAGL,MAAM,CAAA,OAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,sBAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAUzC,EAAA;AAEM,IAAMG,aAAa,gBAAGN,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,eAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAMlC,EAAA;AAEM,IAAMI,WAAW,gBAAGP,MAAM,CAAA,MAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,aAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAOhC,EAAA;AAEM,IAAMK,iBAAiB,gBAAGR,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,mBAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CActC;;;;"}
|
@@ -0,0 +1,7 @@
|
|
1
|
+
.b1udywkg{margin:var(--plasma-checkbox-margin);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:rgba(0,0,0,0);position:relative;-webkit-align-items:flex-start;-webkit-box-align:flex-start;-ms-flex-align:flex-start;align-items:flex-start;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}.b1udywkg .single-line{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
|
2
|
+
.s165w87d{position:absolute;width:1px;height:1px;overflow:hidden;-webkit-clip:rect(0 0 0 0);clip:rect(0 0 0 0);}.s165w87d:focus{outline:0 none;}
|
3
|
+
.sft3zxv{margin:var(--plasma-checkbox-trigger-margin);width:var(--plasma-checkbox-trigger-size);height:var(--plasma-checkbox-trigger-size);border-radius:var(--plasma-checkbox-trigger-border-radius);position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;background:var(--plasma-checkbox-trigger-background-color);border:0.125rem solid var(--plasma-checkbox-trigger-border-color);box-sizing:border-box;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;-webkit-box-flex:0;-webkit-flex-grow:0;-ms-flex-positive:0;flex-grow:0;}input:not(:indeterminate) + label .sft3zxv div{-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0);-webkit-transition:-webkit-transform 0.15s ease-in-out;-webkit-transition:transform 0.15s ease-in-out;transition:transform 0.15s ease-in-out;}input:checked + label .sft3zxv div{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);}
|
4
|
+
.s1u3nd7e{position:relative;-webkit-align-items:flex-start;-webkit-box-align:flex-start;-ms-flex-align:flex-start;align-items:flex-start;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;width:inherit;cursor:pointer;}.s1u3nd7e .single-line{width:100%;}
|
5
|
+
.shwv1in{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;margin-top:var(--plasma-checkbox-content-top-offset);margin-left:var(--plasma-checkbox-content-left-offset);}
|
6
|
+
.s1my1ay{font-family:var(--plasma-checkbox-label-font-family);font-size:var(--plasma-checkbox-label-font-size);font-style:var(--plasma-checkbox-label-font-style);font-weight:var(--plasma-checkbox-label-font-weight);-webkit-letter-spacing:var(--plasma-checkbox-label-letter-spacing);-moz-letter-spacing:var(--plasma-checkbox-label-letter-spacing);-ms-letter-spacing:var(--plasma-checkbox-label-letter-spacing);letter-spacing:var(--plasma-checkbox-label-letter-spacing);line-height:var(--plasma-checkbox-label-line-height);}
|
7
|
+
.s14u8fnn{margin-top:var(--plasma-checkbox-description-margin-top);color:var(--plasma-checkbox-description-color);font-family:var(--plasma-checkbox-description-font-family);font-size:var(--plasma-checkbox-description-font-size);font-style:var(--plasma-checkbox-description-font-style);font-weight:var(--plasma-checkbox-description-font-weight);-webkit-letter-spacing:var(--plasma-checkbox-description-letter-spacing);-moz-letter-spacing:var(--plasma-checkbox-description-letter-spacing);-ms-letter-spacing:var(--plasma-checkbox-description-letter-spacing);letter-spacing:var(--plasma-checkbox-description-letter-spacing);line-height:var(--plasma-checkbox-description-line-height);}.s14u8fnn.only-description{margin-top:0;}
|
@@ -5,7 +5,7 @@ var classes = {
|
|
5
5
|
};
|
6
6
|
var tokens = {
|
7
7
|
margin: '--plasma-checkbox-margin',
|
8
|
-
|
8
|
+
triggerMargin: '--plasma-checkbox-trigger-margin',
|
9
9
|
triggerSize: '--plasma-checkbox-trigger-size',
|
10
10
|
triggerBorderRadius: '--plasma-checkbox-trigger-border-radius',
|
11
11
|
contentTopOffset: '--plasma-checkbox-content-top-offset',
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"Checkbox.tokens.js","sources":["../../../src/components/Checkbox/Checkbox.tokens.ts"],"sourcesContent":["export const classes = {\n singleLine: 'single-line',\n checkboxTrigger: 'checkbox-trigger',\n onlyDescription: 'only-description',\n};\n\nexport const tokens = {\n margin: '--plasma-checkbox-margin',\n
|
1
|
+
{"version":3,"file":"Checkbox.tokens.js","sources":["../../../src/components/Checkbox/Checkbox.tokens.ts"],"sourcesContent":["export const classes = {\n singleLine: 'single-line',\n checkboxTrigger: 'checkbox-trigger',\n onlyDescription: 'only-description',\n};\n\nexport const tokens = {\n margin: '--plasma-checkbox-margin',\n triggerMargin: '--plasma-checkbox-trigger-margin',\n triggerSize: '--plasma-checkbox-trigger-size',\n triggerBorderRadius: '--plasma-checkbox-trigger-border-radius',\n contentTopOffset: '--plasma-checkbox-content-top-offset',\n contentLeftOffset: '--plasma-checkbox-content-left-offset',\n labelFontFamily: '--plasma-checkbox-label-font-family',\n labelFontSize: '--plasma-checkbox-label-font-size',\n labelFontStyle: '--plasma-checkbox-label-font-style',\n labelFontWeight: '--plasma-checkbox-label-font-weight',\n labelLetterSpacing: '--plasma-checkbox-label-letter-spacing',\n labelLineHeight: '--plasma-checkbox-label-line-height',\n descriptionMarginTop: '--plasma-checkbox-description-margin-top',\n descriptionOnlyMarginTop: '--plasma-checkbox-description-only-margin-top',\n descriptionFontFamily: '--plasma-checkbox-description-font-family',\n descriptionFontSize: '--plasma-checkbox-description-font-size',\n descriptionFontStyle: '--plasma-checkbox-description-font-style',\n descriptionFontWeight: '--plasma-checkbox-description-font-weight',\n descriptionLetterSpacing: '--plasma-checkbox-description-letter-spacing',\n descriptionLineHeight: '--plasma-checkbox-description-line-height',\n\n fillColor: '--plasma-checkbox-fill-color',\n iconColor: '--plasma-checkbox-icon-color',\n descriptionColor: '--plasma-checkbox-description-color',\n triggerBorderColor: '--plasma-checkbox-trigger-border-color',\n triggerBackgroundColor: '--plasma-checkbox-trigger-background-color',\n\n focusColor: '--plasma-checkbox-focus-color',\n disabledOpacity: '--plasma-checkbox-disabled-opacity',\n};\n"],"names":["classes","singleLine","checkboxTrigger","onlyDescription","tokens","margin","triggerMargin","triggerSize","triggerBorderRadius","contentTopOffset","contentLeftOffset","labelFontFamily","labelFontSize","labelFontStyle","labelFontWeight","labelLetterSpacing","labelLineHeight","descriptionMarginTop","descriptionOnlyMarginTop","descriptionFontFamily","descriptionFontSize","descriptionFontStyle","descriptionFontWeight","descriptionLetterSpacing","descriptionLineHeight","fillColor","iconColor","descriptionColor","triggerBorderColor","triggerBackgroundColor","focusColor","disabledOpacity"],"mappings":"AAAO,IAAMA,OAAO,GAAG;AACnBC,EAAAA,UAAU,EAAE,aAAa;AACzBC,EAAAA,eAAe,EAAE,kBAAkB;AACnCC,EAAAA,eAAe,EAAE,kBAAA;AACrB,EAAC;AAEM,IAAMC,MAAM,GAAG;AAClBC,EAAAA,MAAM,EAAE,0BAA0B;AAClCC,EAAAA,aAAa,EAAE,kCAAkC;AACjDC,EAAAA,WAAW,EAAE,gCAAgC;AAC7CC,EAAAA,mBAAmB,EAAE,yCAAyC;AAC9DC,EAAAA,gBAAgB,EAAE,sCAAsC;AACxDC,EAAAA,iBAAiB,EAAE,uCAAuC;AAC1DC,EAAAA,eAAe,EAAE,qCAAqC;AACtDC,EAAAA,aAAa,EAAE,mCAAmC;AAClDC,EAAAA,cAAc,EAAE,oCAAoC;AACpDC,EAAAA,eAAe,EAAE,qCAAqC;AACtDC,EAAAA,kBAAkB,EAAE,wCAAwC;AAC5DC,EAAAA,eAAe,EAAE,qCAAqC;AACtDC,EAAAA,oBAAoB,EAAE,0CAA0C;AAChEC,EAAAA,wBAAwB,EAAE,+CAA+C;AACzEC,EAAAA,qBAAqB,EAAE,2CAA2C;AAClEC,EAAAA,mBAAmB,EAAE,yCAAyC;AAC9DC,EAAAA,oBAAoB,EAAE,0CAA0C;AAChEC,EAAAA,qBAAqB,EAAE,2CAA2C;AAClEC,EAAAA,wBAAwB,EAAE,8CAA8C;AACxEC,EAAAA,qBAAqB,EAAE,2CAA2C;AAElEC,EAAAA,SAAS,EAAE,8BAA8B;AACzCC,EAAAA,SAAS,EAAE,8BAA8B;AACzCC,EAAAA,gBAAgB,EAAE,qCAAqC;AACvDC,EAAAA,kBAAkB,EAAE,wCAAwC;AAC5DC,EAAAA,sBAAsB,EAAE,4CAA4C;AAEpEC,EAAAA,UAAU,EAAE,+BAA+B;AAC3CC,EAAAA,eAAe,EAAE,oCAAA;AACrB;;;;"}
|
@@ -0,0 +1 @@
|
|
1
|
+
.bxbqqc3 input:disabled + .s1u3nd7e{opacity:var(--plasma-checkbox-disabled-opacity);}.bxbqqc3 input:disabled + .s1u3nd7e{cursor:not-allowed;}
|
@@ -0,0 +1 @@
|
|
1
|
+
.b17hdes8 input[type='checkbox']:indeterminate + .s1u3nd7e .sft3zxv{border:none;background:var(--plasma-checkbox-fill-color);border-color:var(--plasma-checkbox-fill-color);}.b17hdes8 input:checked + .s1u3nd7e .sft3zxv{border:none;background:var(--plasma-checkbox-fill-color);border-color:var(--plasma-checkbox-fill-color);}
|
@@ -1,17 +1,16 @@
|
|
1
|
-
.
|
1
|
+
.base_x252cy_b17hdes8__856a05b7 input[type='checkbox']:indeterminate + .base_x252cy_s1u3nd7e__856a05b7 .base_x252cy_sft3zxv__856a05b7{border:none;background:var(--plasma-checkbox-fill-color);border-color:var(--plasma-checkbox-fill-color);}.base_x252cy_b17hdes8__856a05b7 input:checked + .base_x252cy_s1u3nd7e__856a05b7 .base_x252cy_sft3zxv__856a05b7{border:none;background:var(--plasma-checkbox-fill-color);border-color:var(--plasma-checkbox-fill-color);}
|
2
2
|
|
3
|
-
.
|
3
|
+
.base_1krdtt6_bxbqqc3__2d5e2cdd input:disabled + .base_1krdtt6_s1u3nd7e__2d5e2cdd{opacity:var(--plasma-checkbox-disabled-opacity);}.base_1krdtt6_bxbqqc3__2d5e2cdd input:disabled + .base_1krdtt6_s1u3nd7e__2d5e2cdd{cursor:not-allowed;}
|
4
4
|
|
5
5
|
.base_hr4zpz_b1y5wkm1__d6390059 .base_hr4zpz_checkboxTrigger__d6390059{position:relative;}.base_hr4zpz_b1y5wkm1__d6390059 .base_hr4zpz_checkboxTrigger__d6390059::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;z-index:1;display:block;box-sizing:content-box;border:0.125rem solid transparent;border-radius:var(--plasma-checkbox-trigger-border-radius);-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.base_hr4zpz_b1y5wkm1__d6390059 .base_hr4zpz_checkboxTrigger__d6390059.base_hr4zpz_focusVisible__d6390059:focus::before,.base_hr4zpz_b1y5wkm1__d6390059 .base_hr4zpz_checkboxTrigger__d6390059[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.125rem transparent;}.base_hr4zpz_b1y5wkm1__d6390059 input[data-focus-visible-added] + label .base_hr4zpz_checkboxTrigger__d6390059{border-color:transparent;position:relative;}.base_hr4zpz_b1y5wkm1__d6390059 input[data-focus-visible-added] + label .base_hr4zpz_checkboxTrigger__d6390059::before{content:'';position:absolute;top:-0.125rem;left:-0.125rem;right:-0.125rem;bottom:-0.125rem;z-index:1;display:block;box-sizing:content-box;border:0.125rem solid transparent;border-radius:var(--plasma-checkbox-trigger-border-radius);-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.base_hr4zpz_b1y5wkm1__d6390059 input[data-focus-visible-added] + label .base_hr4zpz_checkboxTrigger__d6390059::before{box-shadow:0 0 0 0.125rem var(--plasma-checkbox-focus-color);}.base_hr4zpz_b1y5wkm1__d6390059 input[data-focus-visible-added]:checked + label .base_hr4zpz_checkboxTrigger__d6390059,.base_hr4zpz_b1y5wkm1__d6390059 input[type='checkbox'][data-focus-visible-added]:indeterminate + label .base_hr4zpz_checkboxTrigger__d6390059{position:relative;}.base_hr4zpz_b1y5wkm1__d6390059 input[data-focus-visible-added]:checked + label .base_hr4zpz_checkboxTrigger__d6390059::before,.base_hr4zpz_b1y5wkm1__d6390059 input[type='checkbox'][data-focus-visible-added]:indeterminate + label .base_hr4zpz_checkboxTrigger__d6390059::before{content:'';position:absolute;top:-0.125rem;left:-0.125rem;right:-0.125rem;bottom:-0.125rem;z-index:1;display:block;box-sizing:content-box;border:0.063rem solid transparent;border-radius:calc(var(--plasma-checkbox-trigger-border-radius) + 0.125rem);-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.base_hr4zpz_b1y5wkm1__d6390059 input[data-focus-visible-added]:checked + label .base_hr4zpz_checkboxTrigger__d6390059::before,.base_hr4zpz_b1y5wkm1__d6390059 input[type='checkbox'][data-focus-visible-added]:indeterminate + label .base_hr4zpz_checkboxTrigger__d6390059::before{box-shadow:0 0 0 0.063rem var(--plasma-checkbox-focus-color);}
|
6
6
|
|
7
|
-
.
|
8
|
-
.
|
9
|
-
.
|
10
|
-
.
|
11
|
-
.
|
12
|
-
.
|
13
|
-
.
|
14
|
-
.Checkbox_styles_tc2l94_s10clj68__882a2762{margin-top:var(--plasma-checkbox-description-margin-top);color:var(--plasma-checkbox-description-color);font-family:var(--plasma-checkbox-description-font-family);font-size:var(--plasma-checkbox-description-font-size);font-style:var(--plasma-checkbox-description-font-style);font-weight:var(--plasma-checkbox-description-font-weight);-webkit-letter-spacing:var(--plasma-checkbox-description-letter-spacing);-moz-letter-spacing:var(--plasma-checkbox-description-letter-spacing);-ms-letter-spacing:var(--plasma-checkbox-description-letter-spacing);letter-spacing:var(--plasma-checkbox-description-letter-spacing);line-height:var(--plasma-checkbox-description-line-height);}.Checkbox_styles_tc2l94_s10clj68__882a2762.Checkbox_styles_tc2l94_onlyDescription__882a2762{margin-top:0;}
|
7
|
+
.Checkbox_styles_16ay1rj_b1udywkg__57f51758{margin:var(--plasma-checkbox-margin);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:rgba(0,0,0,0);position:relative;-webkit-align-items:flex-start;-webkit-box-align:flex-start;-ms-flex-align:flex-start;align-items:flex-start;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}.Checkbox_styles_16ay1rj_b1udywkg__57f51758 .Checkbox_styles_16ay1rj_singleLine__57f51758{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
|
8
|
+
.Checkbox_styles_16ay1rj_s165w87d__57f51758{position:absolute;width:1px;height:1px;overflow:hidden;-webkit-clip:rect(0 0 0 0);clip:rect(0 0 0 0);}.Checkbox_styles_16ay1rj_s165w87d__57f51758:focus{outline:0 none;}
|
9
|
+
.Checkbox_styles_16ay1rj_sft3zxv__57f51758{margin:var(--plasma-checkbox-trigger-margin);width:var(--plasma-checkbox-trigger-size);height:var(--plasma-checkbox-trigger-size);border-radius:var(--plasma-checkbox-trigger-border-radius);position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;background:var(--plasma-checkbox-trigger-background-color);border:0.125rem solid var(--plasma-checkbox-trigger-border-color);box-sizing:border-box;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;-webkit-box-flex:0;-webkit-flex-grow:0;-ms-flex-positive:0;flex-grow:0;}input:not(:indeterminate) + label .Checkbox_styles_16ay1rj_sft3zxv__57f51758 div{-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0);-webkit-transition:-webkit-transform 0.15s ease-in-out;-webkit-transition:transform 0.15s ease-in-out;transition:transform 0.15s ease-in-out;}input:checked + label .Checkbox_styles_16ay1rj_sft3zxv__57f51758 div{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);}
|
10
|
+
.Checkbox_styles_16ay1rj_s1u3nd7e__57f51758{position:relative;-webkit-align-items:flex-start;-webkit-box-align:flex-start;-ms-flex-align:flex-start;align-items:flex-start;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;width:inherit;cursor:pointer;}.Checkbox_styles_16ay1rj_s1u3nd7e__57f51758 .Checkbox_styles_16ay1rj_singleLine__57f51758{width:100%;}
|
11
|
+
.Checkbox_styles_16ay1rj_shwv1in__57f51758{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;margin-top:var(--plasma-checkbox-content-top-offset);margin-left:var(--plasma-checkbox-content-left-offset);}
|
12
|
+
.Checkbox_styles_16ay1rj_s1my1ay__57f51758{font-family:var(--plasma-checkbox-label-font-family);font-size:var(--plasma-checkbox-label-font-size);font-style:var(--plasma-checkbox-label-font-style);font-weight:var(--plasma-checkbox-label-font-weight);-webkit-letter-spacing:var(--plasma-checkbox-label-letter-spacing);-moz-letter-spacing:var(--plasma-checkbox-label-letter-spacing);-ms-letter-spacing:var(--plasma-checkbox-label-letter-spacing);letter-spacing:var(--plasma-checkbox-label-letter-spacing);line-height:var(--plasma-checkbox-label-line-height);}
|
13
|
+
.Checkbox_styles_16ay1rj_s14u8fnn__57f51758{margin-top:var(--plasma-checkbox-description-margin-top);color:var(--plasma-checkbox-description-color);font-family:var(--plasma-checkbox-description-font-family);font-size:var(--plasma-checkbox-description-font-size);font-style:var(--plasma-checkbox-description-font-style);font-weight:var(--plasma-checkbox-description-font-weight);-webkit-letter-spacing:var(--plasma-checkbox-description-letter-spacing);-moz-letter-spacing:var(--plasma-checkbox-description-letter-spacing);-ms-letter-spacing:var(--plasma-checkbox-description-letter-spacing);letter-spacing:var(--plasma-checkbox-description-letter-spacing);line-height:var(--plasma-checkbox-description-line-height);}.Checkbox_styles_16ay1rj_s14u8fnn__57f51758.Checkbox_styles_16ay1rj_onlyDescription__57f51758{margin-top:0;}
|
15
14
|
|
16
15
|
.Indicator_styles_v8giip_b5hgwnm__ffd4472f{border-radius:100%;}
|
17
16
|
|
@@ -37,20 +37,19 @@
|
|
37
37
|
|
38
38
|
.Combobox_styles_20tcqj_s11cn92k__71ad1edf{--plasma-emptystate-border-radius:var(--plasma-combobox-new-textfield-border-radius);--plasma-emptystate-padding:var(--plasma-combobox-new-empty-state-padding);--plasma-emptystate-font-family:var(--plasma-combobox-new-textfield-font-family);--plasma-emptystate-font-size:var(--plasma-combobox-new-textfield-font-size);--plasma-emptystate-font-style:var(--plasma-combobox-new-textfield-font-style);--plasma-emptystate-font-weight:var(--plasma-combobox-new-textfield-font-weight);--plasma-emptystate-font-letter-spacing:var(--plasma-combobox-new-textfield-letter-spacing);--plasma-emptystate-font-line-height:var(--plasma-combobox-new-textfield-line-height);}
|
39
39
|
|
40
|
-
.
|
40
|
+
.base_x252cy_b17hdes8__856a05b7 input[type='checkbox']:indeterminate + .base_x252cy_s1u3nd7e__856a05b7 .base_x252cy_sft3zxv__856a05b7{border:none;background:var(--plasma-checkbox-fill-color);border-color:var(--plasma-checkbox-fill-color);}.base_x252cy_b17hdes8__856a05b7 input:checked + .base_x252cy_s1u3nd7e__856a05b7 .base_x252cy_sft3zxv__856a05b7{border:none;background:var(--plasma-checkbox-fill-color);border-color:var(--plasma-checkbox-fill-color);}
|
41
41
|
|
42
|
-
.
|
42
|
+
.base_1krdtt6_bxbqqc3__2d5e2cdd input:disabled + .base_1krdtt6_s1u3nd7e__2d5e2cdd{opacity:var(--plasma-checkbox-disabled-opacity);}.base_1krdtt6_bxbqqc3__2d5e2cdd input:disabled + .base_1krdtt6_s1u3nd7e__2d5e2cdd{cursor:not-allowed;}
|
43
43
|
|
44
44
|
.base_hr4zpz_b1y5wkm1__d6390059 .base_hr4zpz_checkboxTrigger__d6390059{position:relative;}.base_hr4zpz_b1y5wkm1__d6390059 .base_hr4zpz_checkboxTrigger__d6390059::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;z-index:1;display:block;box-sizing:content-box;border:0.125rem solid transparent;border-radius:var(--plasma-checkbox-trigger-border-radius);-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.base_hr4zpz_b1y5wkm1__d6390059 .base_hr4zpz_checkboxTrigger__d6390059.base_hr4zpz_focusVisible__d6390059:focus::before,.base_hr4zpz_b1y5wkm1__d6390059 .base_hr4zpz_checkboxTrigger__d6390059[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.125rem transparent;}.base_hr4zpz_b1y5wkm1__d6390059 input[data-focus-visible-added] + label .base_hr4zpz_checkboxTrigger__d6390059{border-color:transparent;position:relative;}.base_hr4zpz_b1y5wkm1__d6390059 input[data-focus-visible-added] + label .base_hr4zpz_checkboxTrigger__d6390059::before{content:'';position:absolute;top:-0.125rem;left:-0.125rem;right:-0.125rem;bottom:-0.125rem;z-index:1;display:block;box-sizing:content-box;border:0.125rem solid transparent;border-radius:var(--plasma-checkbox-trigger-border-radius);-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.base_hr4zpz_b1y5wkm1__d6390059 input[data-focus-visible-added] + label .base_hr4zpz_checkboxTrigger__d6390059::before{box-shadow:0 0 0 0.125rem var(--plasma-checkbox-focus-color);}.base_hr4zpz_b1y5wkm1__d6390059 input[data-focus-visible-added]:checked + label .base_hr4zpz_checkboxTrigger__d6390059,.base_hr4zpz_b1y5wkm1__d6390059 input[type='checkbox'][data-focus-visible-added]:indeterminate + label .base_hr4zpz_checkboxTrigger__d6390059{position:relative;}.base_hr4zpz_b1y5wkm1__d6390059 input[data-focus-visible-added]:checked + label .base_hr4zpz_checkboxTrigger__d6390059::before,.base_hr4zpz_b1y5wkm1__d6390059 input[type='checkbox'][data-focus-visible-added]:indeterminate + label .base_hr4zpz_checkboxTrigger__d6390059::before{content:'';position:absolute;top:-0.125rem;left:-0.125rem;right:-0.125rem;bottom:-0.125rem;z-index:1;display:block;box-sizing:content-box;border:0.063rem solid transparent;border-radius:calc(var(--plasma-checkbox-trigger-border-radius) + 0.125rem);-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.base_hr4zpz_b1y5wkm1__d6390059 input[data-focus-visible-added]:checked + label .base_hr4zpz_checkboxTrigger__d6390059::before,.base_hr4zpz_b1y5wkm1__d6390059 input[type='checkbox'][data-focus-visible-added]:indeterminate + label .base_hr4zpz_checkboxTrigger__d6390059::before{box-shadow:0 0 0 0.063rem var(--plasma-checkbox-focus-color);}
|
45
45
|
|
46
|
-
.
|
47
|
-
.
|
48
|
-
.
|
49
|
-
.
|
50
|
-
.
|
51
|
-
.
|
52
|
-
.
|
53
|
-
.Checkbox_styles_tc2l94_s10clj68__882a2762{margin-top:var(--plasma-checkbox-description-margin-top);color:var(--plasma-checkbox-description-color);font-family:var(--plasma-checkbox-description-font-family);font-size:var(--plasma-checkbox-description-font-size);font-style:var(--plasma-checkbox-description-font-style);font-weight:var(--plasma-checkbox-description-font-weight);-webkit-letter-spacing:var(--plasma-checkbox-description-letter-spacing);-moz-letter-spacing:var(--plasma-checkbox-description-letter-spacing);-ms-letter-spacing:var(--plasma-checkbox-description-letter-spacing);letter-spacing:var(--plasma-checkbox-description-letter-spacing);line-height:var(--plasma-checkbox-description-line-height);}.Checkbox_styles_tc2l94_s10clj68__882a2762.Checkbox_styles_tc2l94_onlyDescription__882a2762{margin-top:0;}
|
46
|
+
.Checkbox_styles_16ay1rj_b1udywkg__57f51758{margin:var(--plasma-checkbox-margin);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:rgba(0,0,0,0);position:relative;-webkit-align-items:flex-start;-webkit-box-align:flex-start;-ms-flex-align:flex-start;align-items:flex-start;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}.Checkbox_styles_16ay1rj_b1udywkg__57f51758 .Checkbox_styles_16ay1rj_singleLine__57f51758{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
|
47
|
+
.Checkbox_styles_16ay1rj_s165w87d__57f51758{position:absolute;width:1px;height:1px;overflow:hidden;-webkit-clip:rect(0 0 0 0);clip:rect(0 0 0 0);}.Checkbox_styles_16ay1rj_s165w87d__57f51758:focus{outline:0 none;}
|
48
|
+
.Checkbox_styles_16ay1rj_sft3zxv__57f51758{margin:var(--plasma-checkbox-trigger-margin);width:var(--plasma-checkbox-trigger-size);height:var(--plasma-checkbox-trigger-size);border-radius:var(--plasma-checkbox-trigger-border-radius);position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;background:var(--plasma-checkbox-trigger-background-color);border:0.125rem solid var(--plasma-checkbox-trigger-border-color);box-sizing:border-box;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;-webkit-box-flex:0;-webkit-flex-grow:0;-ms-flex-positive:0;flex-grow:0;}input:not(:indeterminate) + label .Checkbox_styles_16ay1rj_sft3zxv__57f51758 div{-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0);-webkit-transition:-webkit-transform 0.15s ease-in-out;-webkit-transition:transform 0.15s ease-in-out;transition:transform 0.15s ease-in-out;}input:checked + label .Checkbox_styles_16ay1rj_sft3zxv__57f51758 div{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);}
|
49
|
+
.Checkbox_styles_16ay1rj_s1u3nd7e__57f51758{position:relative;-webkit-align-items:flex-start;-webkit-box-align:flex-start;-ms-flex-align:flex-start;align-items:flex-start;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;width:inherit;cursor:pointer;}.Checkbox_styles_16ay1rj_s1u3nd7e__57f51758 .Checkbox_styles_16ay1rj_singleLine__57f51758{width:100%;}
|
50
|
+
.Checkbox_styles_16ay1rj_shwv1in__57f51758{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;margin-top:var(--plasma-checkbox-content-top-offset);margin-left:var(--plasma-checkbox-content-left-offset);}
|
51
|
+
.Checkbox_styles_16ay1rj_s1my1ay__57f51758{font-family:var(--plasma-checkbox-label-font-family);font-size:var(--plasma-checkbox-label-font-size);font-style:var(--plasma-checkbox-label-font-style);font-weight:var(--plasma-checkbox-label-font-weight);-webkit-letter-spacing:var(--plasma-checkbox-label-letter-spacing);-moz-letter-spacing:var(--plasma-checkbox-label-letter-spacing);-ms-letter-spacing:var(--plasma-checkbox-label-letter-spacing);letter-spacing:var(--plasma-checkbox-label-letter-spacing);line-height:var(--plasma-checkbox-label-line-height);}
|
52
|
+
.Checkbox_styles_16ay1rj_s14u8fnn__57f51758{margin-top:var(--plasma-checkbox-description-margin-top);color:var(--plasma-checkbox-description-color);font-family:var(--plasma-checkbox-description-font-family);font-size:var(--plasma-checkbox-description-font-size);font-style:var(--plasma-checkbox-description-font-style);font-weight:var(--plasma-checkbox-description-font-weight);-webkit-letter-spacing:var(--plasma-checkbox-description-letter-spacing);-moz-letter-spacing:var(--plasma-checkbox-description-letter-spacing);-ms-letter-spacing:var(--plasma-checkbox-description-letter-spacing);letter-spacing:var(--plasma-checkbox-description-letter-spacing);line-height:var(--plasma-checkbox-description-line-height);}.Checkbox_styles_16ay1rj_s14u8fnn__57f51758.Checkbox_styles_16ay1rj_onlyDescription__57f51758{margin-top:0;}
|
54
53
|
|
55
54
|
.Indicator_styles_v8giip_b5hgwnm__ffd4472f{border-radius:100%;}
|
56
55
|
|
@@ -1,17 +1,16 @@
|
|
1
|
-
.
|
1
|
+
.base_x252cy_b17hdes8__856a05b7 input[type='checkbox']:indeterminate + .base_x252cy_s1u3nd7e__856a05b7 .base_x252cy_sft3zxv__856a05b7{border:none;background:var(--plasma-checkbox-fill-color);border-color:var(--plasma-checkbox-fill-color);}.base_x252cy_b17hdes8__856a05b7 input:checked + .base_x252cy_s1u3nd7e__856a05b7 .base_x252cy_sft3zxv__856a05b7{border:none;background:var(--plasma-checkbox-fill-color);border-color:var(--plasma-checkbox-fill-color);}
|
2
2
|
|
3
|
-
.
|
3
|
+
.base_1krdtt6_bxbqqc3__2d5e2cdd input:disabled + .base_1krdtt6_s1u3nd7e__2d5e2cdd{opacity:var(--plasma-checkbox-disabled-opacity);}.base_1krdtt6_bxbqqc3__2d5e2cdd input:disabled + .base_1krdtt6_s1u3nd7e__2d5e2cdd{cursor:not-allowed;}
|
4
4
|
|
5
5
|
.base_hr4zpz_b1y5wkm1__d6390059 .base_hr4zpz_checkboxTrigger__d6390059{position:relative;}.base_hr4zpz_b1y5wkm1__d6390059 .base_hr4zpz_checkboxTrigger__d6390059::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;z-index:1;display:block;box-sizing:content-box;border:0.125rem solid transparent;border-radius:var(--plasma-checkbox-trigger-border-radius);-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.base_hr4zpz_b1y5wkm1__d6390059 .base_hr4zpz_checkboxTrigger__d6390059.base_hr4zpz_focusVisible__d6390059:focus::before,.base_hr4zpz_b1y5wkm1__d6390059 .base_hr4zpz_checkboxTrigger__d6390059[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.125rem transparent;}.base_hr4zpz_b1y5wkm1__d6390059 input[data-focus-visible-added] + label .base_hr4zpz_checkboxTrigger__d6390059{border-color:transparent;position:relative;}.base_hr4zpz_b1y5wkm1__d6390059 input[data-focus-visible-added] + label .base_hr4zpz_checkboxTrigger__d6390059::before{content:'';position:absolute;top:-0.125rem;left:-0.125rem;right:-0.125rem;bottom:-0.125rem;z-index:1;display:block;box-sizing:content-box;border:0.125rem solid transparent;border-radius:var(--plasma-checkbox-trigger-border-radius);-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.base_hr4zpz_b1y5wkm1__d6390059 input[data-focus-visible-added] + label .base_hr4zpz_checkboxTrigger__d6390059::before{box-shadow:0 0 0 0.125rem var(--plasma-checkbox-focus-color);}.base_hr4zpz_b1y5wkm1__d6390059 input[data-focus-visible-added]:checked + label .base_hr4zpz_checkboxTrigger__d6390059,.base_hr4zpz_b1y5wkm1__d6390059 input[type='checkbox'][data-focus-visible-added]:indeterminate + label .base_hr4zpz_checkboxTrigger__d6390059{position:relative;}.base_hr4zpz_b1y5wkm1__d6390059 input[data-focus-visible-added]:checked + label .base_hr4zpz_checkboxTrigger__d6390059::before,.base_hr4zpz_b1y5wkm1__d6390059 input[type='checkbox'][data-focus-visible-added]:indeterminate + label .base_hr4zpz_checkboxTrigger__d6390059::before{content:'';position:absolute;top:-0.125rem;left:-0.125rem;right:-0.125rem;bottom:-0.125rem;z-index:1;display:block;box-sizing:content-box;border:0.063rem solid transparent;border-radius:calc(var(--plasma-checkbox-trigger-border-radius) + 0.125rem);-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.base_hr4zpz_b1y5wkm1__d6390059 input[data-focus-visible-added]:checked + label .base_hr4zpz_checkboxTrigger__d6390059::before,.base_hr4zpz_b1y5wkm1__d6390059 input[type='checkbox'][data-focus-visible-added]:indeterminate + label .base_hr4zpz_checkboxTrigger__d6390059::before{box-shadow:0 0 0 0.063rem var(--plasma-checkbox-focus-color);}
|
6
6
|
|
7
|
-
.
|
8
|
-
.
|
9
|
-
.
|
10
|
-
.
|
11
|
-
.
|
12
|
-
.
|
13
|
-
.
|
14
|
-
.Checkbox_styles_tc2l94_s10clj68__882a2762{margin-top:var(--plasma-checkbox-description-margin-top);color:var(--plasma-checkbox-description-color);font-family:var(--plasma-checkbox-description-font-family);font-size:var(--plasma-checkbox-description-font-size);font-style:var(--plasma-checkbox-description-font-style);font-weight:var(--plasma-checkbox-description-font-weight);-webkit-letter-spacing:var(--plasma-checkbox-description-letter-spacing);-moz-letter-spacing:var(--plasma-checkbox-description-letter-spacing);-ms-letter-spacing:var(--plasma-checkbox-description-letter-spacing);letter-spacing:var(--plasma-checkbox-description-letter-spacing);line-height:var(--plasma-checkbox-description-line-height);}.Checkbox_styles_tc2l94_s10clj68__882a2762.Checkbox_styles_tc2l94_onlyDescription__882a2762{margin-top:0;}
|
7
|
+
.Checkbox_styles_16ay1rj_b1udywkg__57f51758{margin:var(--plasma-checkbox-margin);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:rgba(0,0,0,0);position:relative;-webkit-align-items:flex-start;-webkit-box-align:flex-start;-ms-flex-align:flex-start;align-items:flex-start;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}.Checkbox_styles_16ay1rj_b1udywkg__57f51758 .Checkbox_styles_16ay1rj_singleLine__57f51758{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
|
8
|
+
.Checkbox_styles_16ay1rj_s165w87d__57f51758{position:absolute;width:1px;height:1px;overflow:hidden;-webkit-clip:rect(0 0 0 0);clip:rect(0 0 0 0);}.Checkbox_styles_16ay1rj_s165w87d__57f51758:focus{outline:0 none;}
|
9
|
+
.Checkbox_styles_16ay1rj_sft3zxv__57f51758{margin:var(--plasma-checkbox-trigger-margin);width:var(--plasma-checkbox-trigger-size);height:var(--plasma-checkbox-trigger-size);border-radius:var(--plasma-checkbox-trigger-border-radius);position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;background:var(--plasma-checkbox-trigger-background-color);border:0.125rem solid var(--plasma-checkbox-trigger-border-color);box-sizing:border-box;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;-webkit-box-flex:0;-webkit-flex-grow:0;-ms-flex-positive:0;flex-grow:0;}input:not(:indeterminate) + label .Checkbox_styles_16ay1rj_sft3zxv__57f51758 div{-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0);-webkit-transition:-webkit-transform 0.15s ease-in-out;-webkit-transition:transform 0.15s ease-in-out;transition:transform 0.15s ease-in-out;}input:checked + label .Checkbox_styles_16ay1rj_sft3zxv__57f51758 div{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);}
|
10
|
+
.Checkbox_styles_16ay1rj_s1u3nd7e__57f51758{position:relative;-webkit-align-items:flex-start;-webkit-box-align:flex-start;-ms-flex-align:flex-start;align-items:flex-start;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;width:inherit;cursor:pointer;}.Checkbox_styles_16ay1rj_s1u3nd7e__57f51758 .Checkbox_styles_16ay1rj_singleLine__57f51758{width:100%;}
|
11
|
+
.Checkbox_styles_16ay1rj_shwv1in__57f51758{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;margin-top:var(--plasma-checkbox-content-top-offset);margin-left:var(--plasma-checkbox-content-left-offset);}
|
12
|
+
.Checkbox_styles_16ay1rj_s1my1ay__57f51758{font-family:var(--plasma-checkbox-label-font-family);font-size:var(--plasma-checkbox-label-font-size);font-style:var(--plasma-checkbox-label-font-style);font-weight:var(--plasma-checkbox-label-font-weight);-webkit-letter-spacing:var(--plasma-checkbox-label-letter-spacing);-moz-letter-spacing:var(--plasma-checkbox-label-letter-spacing);-ms-letter-spacing:var(--plasma-checkbox-label-letter-spacing);letter-spacing:var(--plasma-checkbox-label-letter-spacing);line-height:var(--plasma-checkbox-label-line-height);}
|
13
|
+
.Checkbox_styles_16ay1rj_s14u8fnn__57f51758{margin-top:var(--plasma-checkbox-description-margin-top);color:var(--plasma-checkbox-description-color);font-family:var(--plasma-checkbox-description-font-family);font-size:var(--plasma-checkbox-description-font-size);font-style:var(--plasma-checkbox-description-font-style);font-weight:var(--plasma-checkbox-description-font-weight);-webkit-letter-spacing:var(--plasma-checkbox-description-letter-spacing);-moz-letter-spacing:var(--plasma-checkbox-description-letter-spacing);-ms-letter-spacing:var(--plasma-checkbox-description-letter-spacing);letter-spacing:var(--plasma-checkbox-description-letter-spacing);line-height:var(--plasma-checkbox-description-line-height);}.Checkbox_styles_16ay1rj_s14u8fnn__57f51758.Checkbox_styles_16ay1rj_onlyDescription__57f51758{margin-top:0;}
|
15
14
|
|
16
15
|
.Indicator_styles_v8giip_b5hgwnm__ffd4472f{border-radius:100%;}
|
17
16
|
|
@@ -216,7 +216,9 @@ var tokens = {
|
|
216
216
|
calendarRangeBackground: '--plasma-date-picker-calendar__range-background',
|
217
217
|
calendarOutlineFocusColor: '--plasma-date-picker-calendar__outline-focus-color',
|
218
218
|
calendarContentPrimaryColor: '--plasma-date-picker-calendar__content-primary-color',
|
219
|
-
calendarContentSecondaryColor: '--plasma-date-picker-calendar__content-secondary-color'
|
219
|
+
calendarContentSecondaryColor: '--plasma-date-picker-calendar__content-secondary-color',
|
220
|
+
calendarContentPrimaryDisabledColor: '--plasma-date-picker-calendar__content-primary-disabled-color',
|
221
|
+
calendarContentSecondaryDisabledColor: '--plasma-date-picker-calendar__content-secondary-disabled-color'
|
220
222
|
};
|
221
223
|
|
222
224
|
export { classes, tokens };
|