@salutejs/plasma-new-hope 0.343.0-canary.2367.19851506127.0 → 0.343.0-canary.2368.19872331595.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/cjs/components/Combobox/ComboboxNew/Combobox.js +6 -5
- package/cjs/components/Combobox/ComboboxNew/Combobox.js.map +1 -1
- package/cjs/components/Combobox/ComboboxNew/Combobox.styles.js +6 -4
- package/cjs/components/Combobox/ComboboxNew/Combobox.styles.js.map +1 -1
- package/cjs/components/DateTimePicker/DateTimePicker.css +1 -1
- package/cjs/components/DateTimePicker/ui/Input/Input.css +1 -1
- package/cjs/components/DateTimePicker/ui/Input/Input.styles.js +1 -1
- package/cjs/components/DateTimePicker/ui/Input/Input.styles.js.map +1 -1
- package/cjs/components/DateTimePicker/ui/Input/{Input.styles_1vvloyr.css → Input.styles_lw80by.css} +1 -1
- package/cjs/index.css +1 -1
- package/emotion/cjs/components/Combobox/ComboboxNew/Combobox.js +6 -5
- package/emotion/cjs/components/Combobox/ComboboxNew/Combobox.styles.js +17 -17
- package/emotion/cjs/components/DateTimePicker/ui/Input/Input.styles.js +2 -2
- package/emotion/cjs/examples/components/Combobox/Combobox.js +0 -15
- package/emotion/cjs/examples/components/Tokens/Colors/Colors.styles.js +152 -55
- package/emotion/cjs/examples/components/Tokens/NumberTokens/NumberTokens.styles.js +72 -25
- package/emotion/cjs/examples/components/Tokens/Typography/Typography.styles.js +200 -75
- package/emotion/es/components/Combobox/ComboboxNew/Combobox.js +6 -5
- package/emotion/es/components/Combobox/ComboboxNew/Combobox.styles.js +17 -17
- package/emotion/es/components/DateTimePicker/ui/Input/Input.styles.js +2 -2
- package/emotion/es/examples/components/Tokens/Colors/Colors.styles.js +152 -55
- package/emotion/es/examples/components/Tokens/NumberTokens/NumberTokens.styles.js +72 -25
- package/emotion/es/examples/components/Tokens/Typography/Typography.styles.js +200 -75
- package/es/components/Combobox/ComboboxNew/Combobox.js +6 -5
- package/es/components/Combobox/ComboboxNew/Combobox.js.map +1 -1
- package/es/components/Combobox/ComboboxNew/Combobox.styles.js +6 -4
- package/es/components/Combobox/ComboboxNew/Combobox.styles.js.map +1 -1
- package/es/components/DateTimePicker/DateTimePicker.css +1 -1
- package/es/components/DateTimePicker/ui/Input/Input.css +1 -1
- package/es/components/DateTimePicker/ui/Input/Input.styles.js +1 -1
- package/es/components/DateTimePicker/ui/Input/Input.styles.js.map +1 -1
- package/es/components/DateTimePicker/ui/Input/{Input.styles_1vvloyr.css → Input.styles_lw80by.css} +1 -1
- package/es/index.css +1 -1
- package/package.json +6 -16
- package/styled-components/cjs/components/Combobox/ComboboxNew/Combobox.js +6 -5
- package/styled-components/cjs/components/Combobox/ComboboxNew/Combobox.styles.js +10 -10
- package/styled-components/cjs/components/DateTimePicker/ui/Input/Input.styles.js +2 -8
- package/styled-components/es/components/Combobox/ComboboxNew/Combobox.js +6 -5
- package/styled-components/es/components/Combobox/ComboboxNew/Combobox.styles.js +10 -10
- package/styled-components/es/components/DateTimePicker/ui/Input/Input.styles.js +2 -8
- package/styled-components/es/examples/components/Combobox/Combobox.js +7 -0
- package/types/components/Accordion/ui/AccordionItem/AccordionItem.styles.d.ts +2 -2
- package/types/components/Attach/ui/Button/Button.styles.d.ts +1 -1
- package/types/components/Attach/ui/Cell/Cell.styles.d.ts +1 -1
- package/types/components/Attach/ui/Dropdown/Dropdown.styles.d.ts +1 -1
- package/types/components/Attach/ui/IconButton/IconButton.styles.d.ts +2 -2
- package/types/components/Autocomplete/ui/TextField/TextField.styles.d.ts +1 -1
- package/types/components/Avatar/Avatar.styles.d.ts +2 -2
- package/types/components/Breadcrumbs/Breadcrumbs.styles.d.ts +1 -1
- package/types/components/Button/Button.styles.d.ts +1 -1
- package/types/components/Calendar/ui/CalendarHeader/CalendarHeader.styles.d.ts +4 -4
- package/types/components/Calendar/ui/EventTooltip/EventTooltip.styles.d.ts +1 -1
- package/types/components/Carousel/CarouselNew/Carousel.styles.d.ts +1 -1
- package/types/components/Combobox/ComboboxNew/Combobox.styles.d.ts +3 -2
- package/types/components/Combobox/ComboboxNew/Combobox.styles.d.ts.map +1 -1
- package/types/components/Combobox/ComboboxNew/Combobox.types.d.ts +4 -0
- package/types/components/Combobox/ComboboxNew/Combobox.types.d.ts.map +1 -1
- package/types/components/Combobox/ComboboxNew/ui/Inner/ui/Item/Item.styles.d.ts +5 -5
- package/types/components/Combobox/ComboboxNew/ui/Target/Target.styles.d.ts +1 -1
- package/types/components/Combobox/ComboboxNew/ui/TreeList/ui/Item/Item.styles.d.ts +6 -6
- package/types/components/Combobox/ComboboxOld/ui/ComboboxChip/ComboboxChip.styles.d.ts +1 -1
- package/types/components/Combobox/ComboboxOld/ui/ComboboxTarget/ComboboxTarget.styles.d.ts +1 -1
- package/types/components/DatePicker/RangeDate/RangeDate.styles.d.ts +2 -2
- package/types/components/DatePicker/SingleDate/SingleDate.styles.d.ts +6 -6
- package/types/components/DateTimePicker/ui/DateShortcut/DateShortcutList.styles.d.ts +1 -1
- package/types/components/DateTimePicker/ui/Input/Input.styles.d.ts +1 -1
- package/types/components/DateTimePicker/ui/Input/Input.styles.d.ts.map +1 -1
- package/types/components/Drawer/Drawer.styles.d.ts +1 -1
- package/types/components/Drawer/ui/DrawerHeader/DrawerHeader.d.ts +2 -2
- package/types/components/Dropdown/ui/DropdownItem/DropdownItem.styles.d.ts +2 -2
- package/types/components/Dropdown/ui/DropdownOld/Dropdown.styles.d.ts +1 -1
- package/types/components/EmptyState/EmptyState.styles.d.ts +1 -1
- package/types/components/InformationWrapper/InformationWrapper.styles.d.ts +1 -1
- package/types/components/LinkButton/LinkButton.styles.d.ts +1 -1
- package/types/components/List/ui/ListItem.styles.d.ts +1 -1
- package/types/components/Loader/Loader.styles.d.ts +2 -2
- package/types/components/NavigationDrawer/ui/MenuItem/MenuItem.styles.d.ts +2 -2
- package/types/components/NavigationDrawer/ui/Section/Section.styles.d.ts +1 -1
- package/types/components/Note/Note.styles.d.ts +1 -1
- package/types/components/Notification/Notification.styles.d.ts +3 -3
- package/types/components/NumberInput/ui/ActionButton/ActionButton.styles.d.ts +1 -1
- package/types/components/NumberInput/ui/Input/Input.styles.d.ts +1 -1
- package/types/components/Pagination/Pagination.styles.d.ts +7 -7
- package/types/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.styles.d.ts +1 -1
- package/types/components/PaginationDots/PaginationDots.d.ts +1 -1
- package/types/components/Panel/ui/PanelHeader/PanelHeader.styles.d.ts +1 -1
- package/types/components/Popup/Popup.styles.d.ts +1 -1
- package/types/components/Range/Range.styles.d.ts +1 -1
- package/types/components/Segment/ui/SegmentGroup/SegmentGroup.styles.d.ts +4 -4
- package/types/components/Select/ui/Inner/ui/Item/Item.styles.d.ts +5 -5
- package/types/components/Select/ui/Target/ui/Button/Button.styles.d.ts +2 -2
- package/types/components/Select/ui/Target/ui/Textfield/Textfield.styles.d.ts +1 -1
- package/types/components/Select/ui/TreeList/ui/Item/Item.styles.d.ts +6 -6
- package/types/components/Skeleton/LineSkeleton/LineSkeleton.d.ts +4 -4
- package/types/components/Skeleton/LineSkeleton/LineSkeleton.d.ts.map +1 -1
- package/types/components/Skeleton/RectSkeleton/RectSkeleton.d.ts +2 -2
- package/types/components/Skeleton/RectSkeleton/RectSkeleton.d.ts.map +1 -1
- package/types/components/Slider/components/Double/Double.styles.d.ts +1 -1
- package/types/components/Steps/ui/StepItem/StepItem.styles.d.ts +1 -1
- package/types/components/Table/Table.styles.d.ts +5 -5
- package/types/components/Table/ui/EditableCell/EditableCell.styles.d.ts +2 -2
- package/types/components/Table/ui/HeadCell/ui/Filter/Filter.styles.d.ts +4 -4
- package/types/components/Tabs/ui/horizontal/HorizontalIconTabItem/HorizontalIconTabItem.d.ts +2 -2
- package/types/components/Tabs/ui/horizontal/HorizontalIconTabItem/HorizontalIconTabItem.d.ts.map +1 -1
- package/types/components/Tabs/ui/vertical/VerticalIconTabItem/VerticalIconTabItem.d.ts +2 -2
- package/types/components/Tabs/ui/vertical/VerticalIconTabItem/VerticalIconTabItem.d.ts.map +1 -1
- package/types/components/Tabs/ui/vertical/VerticalTabs/VerticalTabs.d.ts +2 -2
- package/types/components/Tabs/ui/vertical/VerticalTabs/VerticalTabs.d.ts.map +1 -1
- package/types/components/TextArea/TextArea.styles.d.ts +2 -2
- package/types/components/TextField/TextField.styles.d.ts +1 -1
- package/types/components/TextField/ui/TextFieldChip/TextFieldChip.styles.d.ts +1 -1
- package/types/components/TimePicker/TimePicker.styles.d.ts +7 -7
- package/types/components/Toast/Toast.styles.d.ts +2 -2
- package/types/components/Toast/ToastNew/ToastNew.styles.d.ts +1 -1
- package/types/components/Tree/Tree.styles.d.ts +2 -2
- package/types/components/_Resizable/Resizable.styles.d.ts +1 -1
- package/types/examples/components/Autocomplete/Autocomplete.d.ts +40 -40
- package/types/examples/components/Autocomplete/Autocomplete.d.ts.map +1 -1
- package/types/examples/components/Avatar/Avatar.d.ts +1 -1
- package/types/examples/components/ButtonGroup/ButtonGroup.d.ts +1 -1
- package/types/examples/components/ButtonGroup/ButtonGroup.d.ts.map +1 -1
- package/types/examples/components/Calendar/Calendar.d.ts +1 -1
- package/types/examples/components/Calendar/Calendar.d.ts.map +1 -1
- package/types/examples/components/Carousel/Carousel.d.ts +3 -3
- package/types/examples/components/Carousel/Carousel.d.ts.map +1 -1
- package/types/examples/components/Chip/Chip.d.ts +3 -3
- package/types/examples/components/Chip/Chip.d.ts.map +1 -1
- package/types/examples/components/Combobox/Combobox.d.ts +36 -12
- package/types/examples/components/Combobox/Combobox.d.ts.map +1 -1
- package/types/examples/components/DatePicker/DatePicker.d.ts +1 -1
- package/types/examples/components/Divider/Divider.d.ts +1 -1
- package/types/examples/components/Divider/Divider.d.ts.map +1 -1
- package/types/examples/components/Drawer/Drawer.d.ts +1 -1
- package/types/examples/components/Dropdown/Dropdown.d.ts +5 -5
- package/types/examples/components/Dropdown/Dropdown.d.ts.map +1 -1
- package/types/examples/components/EmptyState/EmptyState.d.ts +1 -1
- package/types/examples/components/Flow/Flow.d.ts +1 -1
- package/types/examples/components/Grid/Grid.d.ts +1 -1
- package/types/examples/components/Grid/Grid.d.ts.map +1 -1
- package/types/examples/components/Image/Image.d.ts +1 -1
- package/types/examples/components/Indicator/Indicator.d.ts +1 -1
- package/types/examples/components/Modal/Modal.d.ts +2 -2
- package/types/examples/components/NumberFormat/NumberFormat.d.ts +8 -8
- package/types/examples/components/NumberFormat/NumberFormat.d.ts.map +1 -1
- package/types/examples/components/Pagination/Pagination.d.ts +1 -1
- package/types/examples/components/Pagination/Pagination.d.ts.map +1 -1
- package/types/examples/components/Panel/Panel.d.ts +1 -1
- package/types/examples/components/Popup/Popup.d.ts +1 -1
- package/types/examples/components/Popup/Popup.d.ts.map +1 -1
- package/types/examples/components/Progress/Progress.d.ts +1 -1
- package/types/examples/components/Progress/Progress.d.ts.map +1 -1
- package/types/examples/components/Range/Range.d.ts +3 -3
- package/types/examples/components/Range/Range.d.ts.map +1 -1
- package/types/examples/components/Segment/Segment.d.ts +1 -1
- package/types/examples/components/Segment/Segment.d.ts.map +1 -1
- package/types/examples/components/Select/Select.d.ts +2 -2
- package/types/examples/components/Sheet/Sheet.d.ts +1 -1
- package/types/examples/components/Sheet/Sheet.d.ts.map +1 -1
- package/types/examples/components/Slider/Slider.d.ts +2 -2
- package/types/examples/components/Steps/Steps.d.ts +1 -1
- package/types/examples/components/Switch/Switch.d.ts +2 -2
- package/types/examples/components/Switch/Switch.d.ts.map +1 -1
- package/types/examples/components/Tabs/Tabs.d.ts +2 -2
- package/types/examples/components/Tabs/Tabs.d.ts.map +1 -1
- package/types/examples/components/Tabs/TabsController.d.ts +1 -1
- package/types/examples/components/Tabs/TabsController.d.ts.map +1 -1
- package/types/examples/components/Tokens/Colors/Colors.styles.d.ts +16 -16
- package/types/examples/components/Tokens/Colors/Colors.styles.d.ts.map +1 -1
- package/types/examples/components/Tokens/NumberTokens/NumberTokens.styles.d.ts +6 -8
- package/types/examples/components/Tokens/NumberTokens/NumberTokens.styles.d.ts.map +1 -1
- package/types/examples/components/Tokens/Typography/Typography.styles.d.ts +20 -20
- package/types/examples/components/Tokens/Typography/Typography.styles.d.ts.map +1 -1
|
@@ -49,7 +49,7 @@ _export(exports, {
|
|
|
49
49
|
return TokenInfoWrapper;
|
|
50
50
|
}
|
|
51
51
|
});
|
|
52
|
-
var
|
|
52
|
+
var _styledcomponents = /*#__PURE__*/ _interop_require_default(require("styled-components"));
|
|
53
53
|
var _Accordion = require("../../Accordion/Accordion");
|
|
54
54
|
var _Segment = require("../../Segment/Segment");
|
|
55
55
|
var _Segment1 = require("../../../../components/Segment");
|
|
@@ -59,59 +59,156 @@ function _interop_require_default(obj) {
|
|
|
59
59
|
default: obj
|
|
60
60
|
};
|
|
61
61
|
}
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
}
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
}
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
var
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
}
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
|
|
109
|
-
|
|
110
|
-
|
|
111
|
-
|
|
112
|
-
|
|
113
|
-
|
|
62
|
+
function _tagged_template_literal(strings, raw) {
|
|
63
|
+
if (!raw) {
|
|
64
|
+
raw = strings.slice(0);
|
|
65
|
+
}
|
|
66
|
+
return Object.freeze(Object.defineProperties(strings, {
|
|
67
|
+
raw: {
|
|
68
|
+
value: Object.freeze(raw)
|
|
69
|
+
}
|
|
70
|
+
}));
|
|
71
|
+
}
|
|
72
|
+
function _templateObject() {
|
|
73
|
+
var data = _tagged_template_literal([
|
|
74
|
+
"\n width: 100%;\n"
|
|
75
|
+
]);
|
|
76
|
+
_templateObject = function _templateObject() {
|
|
77
|
+
return data;
|
|
78
|
+
};
|
|
79
|
+
return data;
|
|
80
|
+
}
|
|
81
|
+
function _templateObject1() {
|
|
82
|
+
var data = _tagged_template_literal([
|
|
83
|
+
"\n margin: -0.5rem auto 2.5rem auto;\n width: fit-content;\n\n position: relative;\n\n &:before {\n content: 'Подтема';\n position: absolute;\n top: 50%;\n transform: translate(-100%, -50%);\n left: -0.75rem;\n color: var(--text-tertiary);\n\n ",
|
|
84
|
+
";\n }\n"
|
|
85
|
+
]);
|
|
86
|
+
_templateObject1 = function _templateObject() {
|
|
87
|
+
return data;
|
|
88
|
+
};
|
|
89
|
+
return data;
|
|
90
|
+
}
|
|
91
|
+
function _templateObject2() {
|
|
92
|
+
var data = _tagged_template_literal([
|
|
93
|
+
"\n ",
|
|
94
|
+
": 1.75rem;\n ",
|
|
95
|
+
": 0.375rem 0.5rem;\n"
|
|
96
|
+
]);
|
|
97
|
+
_templateObject2 = function _templateObject() {
|
|
98
|
+
return data;
|
|
99
|
+
};
|
|
100
|
+
return data;
|
|
101
|
+
}
|
|
102
|
+
function _templateObject3() {
|
|
103
|
+
var data = _tagged_template_literal([
|
|
104
|
+
"\n display: grid;\n grid-template-columns: 16.75rem 9.938rem 2.375rem 3.813rem 9.313rem;\n grid-column-gap: 1.5rem;\n\n font-family: var(--plasma-typo-body-m-font-family);\n font-size: var(--plasma-typo-body-m-font-size);\n font-style: var(--plasma-typo-body-m-font-style);\n font-weight: var(--plasma-typo-body-m-font-weight);\n letter-spacing: var(--plasma-typo-body-m-letter-spacing);\n line-height: var(--plasma-typo-body-m-line-height);\n"
|
|
105
|
+
]);
|
|
106
|
+
_templateObject3 = function _templateObject() {
|
|
107
|
+
return data;
|
|
108
|
+
};
|
|
109
|
+
return data;
|
|
110
|
+
}
|
|
111
|
+
function _templateObject4() {
|
|
112
|
+
var data = _tagged_template_literal([
|
|
113
|
+
"\n color: var(--text-secondary);\n"
|
|
114
|
+
]);
|
|
115
|
+
_templateObject4 = function _templateObject() {
|
|
116
|
+
return data;
|
|
117
|
+
};
|
|
118
|
+
return data;
|
|
119
|
+
}
|
|
120
|
+
function _templateObject5() {
|
|
121
|
+
var data = _tagged_template_literal([
|
|
122
|
+
"\n color: var(--text-tertiary);\n transition: opacity 0.2s;\n\n &.color {\n display: flex;\n align-items: center;\n gap: 2.5rem;\n }\n\n &.hex {\n padding-left: 3.75rem;\n }\n"
|
|
123
|
+
]);
|
|
124
|
+
_templateObject5 = function _templateObject() {
|
|
125
|
+
return data;
|
|
126
|
+
};
|
|
127
|
+
return data;
|
|
128
|
+
}
|
|
129
|
+
function _templateObject6() {
|
|
130
|
+
var data = _tagged_template_literal([
|
|
131
|
+
"\n --plasma-accordion-item-padding: 0;\n --plasma-accordion-item-padding-vertical: 0;\n\n border-bottom: unset;\n width: 50.375rem;\n\n div > div > div > svg {\n color: var(--text-secondary);\n }\n\n .accordion-item-body {\n margin-bottom: 2.375rem;\n padding-top: 0.125rem;\n transition: margin-bottom 0.2s, padding-top 0.2s;\n }\n\n [aria-expanded] {\n margin-bottom: 1rem;\n }\n\n [aria-expanded='false'] {\n margin-bottom: 1.125rem;\n\n ",
|
|
132
|
+
" ",
|
|
133
|
+
" {\n opacity: 0;\n }\n }\n\n [aria-expanded='false'] + div > .accordion-item-body {\n margin: 0;\n padding: 0;\n }\n"
|
|
134
|
+
]);
|
|
135
|
+
_templateObject6 = function _templateObject() {
|
|
136
|
+
return data;
|
|
137
|
+
};
|
|
138
|
+
return data;
|
|
139
|
+
}
|
|
140
|
+
function _templateObject7() {
|
|
141
|
+
var data = _tagged_template_literal([
|
|
142
|
+
"\n display: flex;\n flex-direction: column;\n gap: 0.75rem;\n margin-top: -0.125rem;\n"
|
|
143
|
+
]);
|
|
144
|
+
_templateObject7 = function _templateObject() {
|
|
145
|
+
return data;
|
|
146
|
+
};
|
|
147
|
+
return data;
|
|
148
|
+
}
|
|
149
|
+
function _templateObject8() {
|
|
150
|
+
var data = _tagged_template_literal([
|
|
151
|
+
"\n display: flex;\n flex-direction: column;\n gap: 0.5rem;\n"
|
|
152
|
+
]);
|
|
153
|
+
_templateObject8 = function _templateObject() {
|
|
154
|
+
return data;
|
|
155
|
+
};
|
|
156
|
+
return data;
|
|
157
|
+
}
|
|
158
|
+
function _templateObject9() {
|
|
159
|
+
var data = _tagged_template_literal([
|
|
160
|
+
"\n display: flex;\n flex-direction: column;\n gap: 0.5rem;\n margin-bottom: 0.75rem;\n"
|
|
161
|
+
]);
|
|
162
|
+
_templateObject9 = function _templateObject() {
|
|
163
|
+
return data;
|
|
164
|
+
};
|
|
165
|
+
return data;
|
|
166
|
+
}
|
|
167
|
+
function _templateObject10() {
|
|
168
|
+
var data = _tagged_template_literal([
|
|
169
|
+
"\n color: var(--text-secondary);\n padding-left: 0.125rem;\n"
|
|
170
|
+
]);
|
|
171
|
+
_templateObject10 = function _templateObject() {
|
|
172
|
+
return data;
|
|
173
|
+
};
|
|
174
|
+
return data;
|
|
175
|
+
}
|
|
176
|
+
function _templateObject11() {
|
|
177
|
+
var data = _tagged_template_literal([
|
|
178
|
+
"\n color: var(--text-paragraph);\n\n cursor: default;\n\n &.copy {\n cursor: copy;\n }\n\n &.color {\n display: flex;\n align-items: center;\n gap: 2.5rem;\n }\n\n &.hex {\n padding-left: 3.75rem;\n }\n\n &.no-interaction {\n text-align: right;\n }\n\n &:not(.no-interaction):hover {\n color: var(--text-paragraph-hover);\n\n ",
|
|
179
|
+
" {\n color: var(--text-paragraph-hover);\n }\n }\n\n &:not(.no-interaction):active {\n color: var(--text-paragraph-active);\n\n ",
|
|
180
|
+
" {\n color: var(--text-secondary-active);\n }\n }\n\n &.state {\n padding-left: 1.5rem;\n color: var(--text-secondary);\n\n &:hover {\n color: var(--text-secondary);\n }\n\n &:active {\n color: var(--text-secondary-active);\n }\n }\n"
|
|
181
|
+
]);
|
|
182
|
+
_templateObject11 = function _templateObject() {
|
|
183
|
+
return data;
|
|
184
|
+
};
|
|
185
|
+
return data;
|
|
186
|
+
}
|
|
187
|
+
function _templateObject12() {
|
|
188
|
+
var data = _tagged_template_literal([
|
|
189
|
+
"\n width: 1.25rem;\n height: 1.25rem;\n border-radius: 50%;\n\n background: ",
|
|
190
|
+
";\n box-shadow: ",
|
|
191
|
+
";\n"
|
|
192
|
+
]);
|
|
193
|
+
_templateObject12 = function _templateObject() {
|
|
194
|
+
return data;
|
|
195
|
+
};
|
|
196
|
+
return data;
|
|
197
|
+
}
|
|
198
|
+
var ColorTokensWrapper = _styledcomponents.default.div(_templateObject());
|
|
199
|
+
var SubthemeSwitcher = _styledcomponents.default.div(_templateObject1(), _mixins.bodyXS);
|
|
200
|
+
var StyledSegmentItem = (0, _styledcomponents.default)(_Segment.SegmentItem)(_templateObject2(), _Segment1.segmentTokens.itemHeight, _Segment1.segmentTokens.itemPilledPadding);
|
|
201
|
+
var AccordionInfo = _styledcomponents.default.div(_templateObject3());
|
|
202
|
+
var Subcategory = _styledcomponents.default.div(_templateObject4());
|
|
203
|
+
var ColumnTitle = _styledcomponents.default.div(_templateObject5());
|
|
204
|
+
var StyledAccordionItem = (0, _styledcomponents.default)(_Accordion.AccordionItem)(_templateObject6(), AccordionInfo, ColumnTitle);
|
|
205
|
+
var TokenInfoWrapper = _styledcomponents.default.div(_templateObject7());
|
|
206
|
+
var ColorTokenDataWrapper = _styledcomponents.default.div(_templateObject8());
|
|
207
|
+
var StateDataWrapper = _styledcomponents.default.div(_templateObject9());
|
|
208
|
+
var OpacityPart = _styledcomponents.default.span(_templateObject10());
|
|
209
|
+
var TokenInfo = _styledcomponents.default.div(_templateObject11(), OpacityPart, OpacityPart);
|
|
210
|
+
var ColorCircle = _styledcomponents.default.div(_templateObject12(), function(props) {
|
|
114
211
|
return props.background || 'transparent';
|
|
115
|
-
},
|
|
212
|
+
}, function(props) {
|
|
116
213
|
return props.disableShadow ? 'none' : 'inset 0px 0px 0px 1px rgba(8, 8, 8, 0.12)';
|
|
117
|
-
}
|
|
214
|
+
});
|
|
@@ -28,33 +28,80 @@ _export(exports, {
|
|
|
28
28
|
return TokensWrapper;
|
|
29
29
|
}
|
|
30
30
|
});
|
|
31
|
-
var
|
|
31
|
+
var _styledcomponents = /*#__PURE__*/ _interop_require_default(require("styled-components"));
|
|
32
32
|
function _interop_require_default(obj) {
|
|
33
33
|
return obj && obj.__esModule ? obj : {
|
|
34
34
|
default: obj
|
|
35
35
|
};
|
|
36
36
|
}
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
}
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
}
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
var
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
37
|
+
function _tagged_template_literal(strings, raw) {
|
|
38
|
+
if (!raw) {
|
|
39
|
+
raw = strings.slice(0);
|
|
40
|
+
}
|
|
41
|
+
return Object.freeze(Object.defineProperties(strings, {
|
|
42
|
+
raw: {
|
|
43
|
+
value: Object.freeze(raw)
|
|
44
|
+
}
|
|
45
|
+
}));
|
|
46
|
+
}
|
|
47
|
+
function _templateObject() {
|
|
48
|
+
var data = _tagged_template_literal([
|
|
49
|
+
"\n margin-top: 1.5rem;\n margin-left: 3rem;\n\n display: flex;\n flex-direction: column;\n gap: 2rem;\n"
|
|
50
|
+
]);
|
|
51
|
+
_templateObject = function _templateObject() {
|
|
52
|
+
return data;
|
|
53
|
+
};
|
|
54
|
+
return data;
|
|
55
|
+
}
|
|
56
|
+
function _templateObject1() {
|
|
57
|
+
var data = _tagged_template_literal([
|
|
58
|
+
"\n margin: 0;\n font-family: var(--plasma-typo-h2-font-family);\n font-size: var(--plasma-typo-h2-font-size);\n font-style: var(--plasma-typo-h2-font-style);\n font-weight: var(--plasma-typo-h2-font-weight);\n letter-spacing: var(--plasma-typo-h2-letter-spacing);\n line-height: var(--plasma-typo-h2-line-height);\n"
|
|
59
|
+
]);
|
|
60
|
+
_templateObject1 = function _templateObject() {
|
|
61
|
+
return data;
|
|
62
|
+
};
|
|
63
|
+
return data;
|
|
64
|
+
}
|
|
65
|
+
function _templateObject2() {
|
|
66
|
+
var data = _tagged_template_literal([
|
|
67
|
+
"\n display: flex;\n flex-direction: column;\n gap: 1rem;\n"
|
|
68
|
+
]);
|
|
69
|
+
_templateObject2 = function _templateObject() {
|
|
70
|
+
return data;
|
|
71
|
+
};
|
|
72
|
+
return data;
|
|
73
|
+
}
|
|
74
|
+
function _templateObject3() {
|
|
75
|
+
var data = _tagged_template_literal([
|
|
76
|
+
"\n margin: 0;\n font-family: var(--plasma-typo-body-m-font-family);\n font-size: var(--plasma-typo-body-m-font-size);\n font-style: var(--plasma-typo-body-m-font-style);\n font-weight: var(--plasma-typo-body-m-font-weight);\n letter-spacing: var(--plasma-typo-body-m-letter-spacing);\n line-height: var(--plasma-typo-body-m-line-height);\n cursor: copy;\n\n color: var(--text-paragraph);\n\n &.value {\n text-align: end;\n }\n\n &:hover {\n color: var(--text-paragraph-hover);\n }\n\n &:active {\n color: var(--text-paragraph-active);\n }\n"
|
|
77
|
+
]);
|
|
78
|
+
_templateObject3 = function _templateObject() {
|
|
79
|
+
return data;
|
|
80
|
+
};
|
|
81
|
+
return data;
|
|
82
|
+
}
|
|
83
|
+
function _templateObject4() {
|
|
84
|
+
var data = _tagged_template_literal([
|
|
85
|
+
"\n display: grid;\n grid-template-columns: 16.75rem 3.813rem;\n column-gap: 1.5rem;\n row-gap: 0.75rem;\n"
|
|
86
|
+
]);
|
|
87
|
+
_templateObject4 = function _templateObject() {
|
|
88
|
+
return data;
|
|
89
|
+
};
|
|
90
|
+
return data;
|
|
91
|
+
}
|
|
92
|
+
function _templateObject5() {
|
|
93
|
+
var data = _tagged_template_literal([
|
|
94
|
+
"\n ",
|
|
95
|
+
" {\n color: var(--text-secondary);\n cursor: default;\n pointer-events: none;\n\n &:hover {\n color: var(--text-secondary);\n }\n\n &:active {\n color: var(--text-secondary);\n }\n }\n"
|
|
96
|
+
]);
|
|
97
|
+
_templateObject5 = function _templateObject() {
|
|
98
|
+
return data;
|
|
99
|
+
};
|
|
100
|
+
return data;
|
|
101
|
+
}
|
|
102
|
+
var TokensWrapper = _styledcomponents.default.div(_templateObject());
|
|
103
|
+
var TokensTitle = _styledcomponents.default.h2(_templateObject1());
|
|
104
|
+
var TokensDataWrapper = _styledcomponents.default.div(_templateObject2());
|
|
105
|
+
var TokenInfo = _styledcomponents.default.p(_templateObject3());
|
|
106
|
+
var TokenData = _styledcomponents.default.div(_templateObject4());
|
|
107
|
+
var TokenDataHeader = (0, _styledcomponents.default)(TokenData)(_templateObject5(), TokenInfo);
|