@salutejs/plasma-new-hope 0.343.0-canary.2365.19818549048.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 +13 -12
- 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/Loader/Loader.css +6 -14
- package/cjs/components/Loader/Loader.js +6 -16
- package/cjs/components/Loader/Loader.js.map +1 -1
- package/cjs/components/Loader/Loader.styles.js +51 -1
- package/cjs/components/Loader/Loader.styles.js.map +1 -1
- package/cjs/components/Loader/{Loader.styles_ju7bog.css → Loader.styles_xzuvzj.css} +3 -0
- package/cjs/components/Pagination/Pagination.css +9 -9
- package/cjs/components/Pagination/Pagination.styles.js +7 -7
- package/cjs/components/Pagination/Pagination.styles.js.map +1 -1
- package/{es/components/Pagination/Pagination.styles_wrarr1.css → cjs/components/Pagination/Pagination.styles_qhyqps.css} +1 -1
- package/cjs/components/Tree/Tree.css +7 -7
- package/cjs/components/Tree/Tree.js +5 -12
- package/cjs/components/Tree/Tree.js.map +1 -1
- package/cjs/components/Tree/Tree.styles.js +19 -3
- package/cjs/components/Tree/Tree.styles.js.map +1 -1
- package/cjs/components/Tree/Tree.styles_1n6h7n6.css +8 -0
- package/cjs/components/Tree/Tree.tokens.js +8 -2
- package/cjs/components/Tree/Tree.tokens.js.map +1 -1
- package/cjs/index.css +22 -19
- package/emotion/cjs/components/Combobox/ComboboxNew/Combobox.js +13 -12
- package/emotion/cjs/components/Combobox/ComboboxNew/Combobox.styles.js +17 -17
- package/emotion/cjs/components/Loader/Loader.js +6 -16
- package/emotion/cjs/components/Loader/Loader.styles.js +38 -5
- package/emotion/cjs/components/Pagination/Pagination.styles.js +18 -18
- package/emotion/cjs/components/Tree/Tree.js +5 -12
- package/emotion/cjs/components/Tree/Tree.styles.js +22 -16
- package/emotion/cjs/components/Tree/Tree.tokens.js +8 -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/cjs/examples/components/Tree/Tree.config.js +5 -5
- package/emotion/es/components/Combobox/ComboboxNew/Combobox.js +13 -12
- package/emotion/es/components/Combobox/ComboboxNew/Combobox.styles.js +17 -17
- package/emotion/es/components/Loader/Loader.js +7 -17
- package/emotion/es/components/Loader/Loader.styles.js +29 -5
- package/emotion/es/components/Pagination/Pagination.styles.js +18 -18
- package/emotion/es/components/Tree/Tree.js +5 -12
- package/emotion/es/components/Tree/Tree.styles.js +22 -16
- package/emotion/es/components/Tree/Tree.tokens.js +8 -2
- package/emotion/es/examples/components/Combobox/Combobox.js +0 -7
- 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/emotion/es/examples/components/Tree/Tree.config.js +5 -5
- package/es/components/Combobox/ComboboxNew/Combobox.js +14 -13
- 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/Loader/Loader.css +6 -14
- package/es/components/Loader/Loader.js +7 -17
- package/es/components/Loader/Loader.js.map +1 -1
- package/es/components/Loader/Loader.styles.js +49 -2
- package/es/components/Loader/Loader.styles.js.map +1 -1
- package/es/components/Loader/{Loader.styles_ju7bog.css → Loader.styles_xzuvzj.css} +3 -0
- package/es/components/Pagination/Pagination.css +9 -9
- package/es/components/Pagination/Pagination.styles.js +7 -7
- package/es/components/Pagination/Pagination.styles.js.map +1 -1
- package/{cjs/components/Pagination/Pagination.styles_wrarr1.css → es/components/Pagination/Pagination.styles_qhyqps.css} +1 -1
- package/es/components/Tree/Tree.css +7 -7
- package/es/components/Tree/Tree.js +5 -12
- package/es/components/Tree/Tree.js.map +1 -1
- package/es/components/Tree/Tree.styles.js +19 -3
- package/es/components/Tree/Tree.styles.js.map +1 -1
- package/es/components/Tree/Tree.styles_1n6h7n6.css +8 -0
- package/es/components/Tree/Tree.tokens.js +8 -2
- package/es/components/Tree/Tree.tokens.js.map +1 -1
- package/es/index.css +22 -19
- package/package.json +6 -15
- package/styled-components/cjs/components/Combobox/ComboboxNew/Combobox.js +13 -12
- package/styled-components/cjs/components/Combobox/ComboboxNew/Combobox.styles.js +10 -10
- package/styled-components/cjs/components/Loader/Loader.js +6 -16
- package/styled-components/cjs/components/Loader/Loader.styles.js +45 -2
- package/styled-components/cjs/components/Pagination/Pagination.styles.js +14 -13
- package/styled-components/cjs/components/Tree/Tree.js +5 -12
- package/styled-components/cjs/components/Tree/Tree.styles.js +26 -12
- package/styled-components/cjs/components/Tree/Tree.tokens.js +8 -2
- package/styled-components/cjs/examples/components/Combobox/Combobox.js +15 -0
- package/styled-components/cjs/examples/components/Tree/Tree.config.js +34 -10
- package/styled-components/es/components/Combobox/ComboboxNew/Combobox.js +13 -12
- package/styled-components/es/components/Combobox/ComboboxNew/Combobox.styles.js +10 -10
- package/styled-components/es/components/Loader/Loader.js +7 -17
- package/styled-components/es/components/Loader/Loader.styles.js +36 -2
- package/styled-components/es/components/Pagination/Pagination.styles.js +14 -13
- package/styled-components/es/components/Tree/Tree.js +5 -12
- package/styled-components/es/components/Tree/Tree.styles.js +26 -12
- package/styled-components/es/components/Tree/Tree.tokens.js +8 -2
- package/styled-components/es/examples/components/Tree/Tree.config.js +34 -10
- 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/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.d.ts.map +1 -1
- package/types/components/Loader/Loader.styles.d.ts +10 -2
- package/types/components/Loader/Loader.styles.d.ts.map +1 -1
- 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/Pagination.styles.d.ts.map +1 -1
- 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.d.ts.map +1 -1
- package/types/components/Tree/Tree.styles.d.ts +4 -2
- package/types/components/Tree/Tree.styles.d.ts.map +1 -1
- package/types/components/Tree/Tree.tokens.d.ts +8 -2
- package/types/components/Tree/Tree.tokens.d.ts.map +1 -1
- 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
- package/types/examples/components/Tree/Tree.config.d.ts.map +1 -1
- package/cjs/components/Tree/Tree.styles_ihv9l0.css +0 -8
- package/es/components/Tree/Tree.styles_ihv9l0.css +0 -8
|
@@ -40,8 +40,14 @@ var treeTokens = {
|
|
|
40
40
|
itemHeight: '--plasma-tree-item-height',
|
|
41
41
|
itemTop: '--plasma-tree-item-top',
|
|
42
42
|
itemBottom: '--plasma-tree-item-bottom',
|
|
43
|
-
|
|
44
|
-
|
|
43
|
+
itemPaddingTop: '--plasma-tree-item-padding-top',
|
|
44
|
+
itemPaddingRight: '--plasma-tree-item-padding-right',
|
|
45
|
+
itemPaddingBottom: '--plasma-tree-item-padding-bottom',
|
|
46
|
+
itemPaddingLeft: '--plasma-tree-item-padding-left',
|
|
47
|
+
itemPaddingTightTop: '--plasma-tree-item-padding-tight-top',
|
|
48
|
+
itemPaddingTightRight: '--plasma-tree-item-padding-tight-right',
|
|
49
|
+
itemPaddingTightBottom: '--plasma-tree-item-padding-tight-bottom',
|
|
50
|
+
itemPaddingTightLeft: '--plasma-tree-item-padding-tight-left',
|
|
45
51
|
itemIndent: '--plasma-tree-item-indent',
|
|
46
52
|
itemBorderRadius: '--plasma-tree-item-border-radius',
|
|
47
53
|
iconFolderMargin: '--plasma-tree-icon-folder-margin',
|
|
@@ -1,16 +1 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
-
Object.defineProperty(exports, "__esModule", {
|
|
3
|
-
value: true
|
|
4
|
-
});
|
|
5
|
-
Object.defineProperty(exports, "Combobox", {
|
|
6
|
-
enumerable: true,
|
|
7
|
-
get: function() {
|
|
8
|
-
return Combobox;
|
|
9
|
-
}
|
|
10
|
-
});
|
|
11
|
-
var _engines = require("../../../engines");
|
|
12
|
-
var _ = require("../../..");
|
|
13
|
-
var _Comboboxconfig = require("./Combobox.config");
|
|
14
|
-
var mergedConfig = (0, _engines.mergeConfig)(_.comboboxNewConfig, _Comboboxconfig.config);
|
|
15
|
-
var ComboboxComponent = (0, _engines.component)(mergedConfig);
|
|
16
|
-
var Combobox = ComboboxComponent;
|
|
@@ -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);
|