datocms-react-ui 2.1.3 → 3.0.0-alpha.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/dist/cjs/Button/styles.module.css.json +1 -1
- package/dist/cjs/ButtonGroup/Button/styles.module.css.json +1 -1
- package/dist/cjs/ButtonGroup/Group/styles.module.css.json +1 -1
- package/dist/cjs/Canvas/index.js +67 -264
- package/dist/cjs/Canvas/index.js.map +1 -1
- package/dist/cjs/Canvas/styles.module.css.json +1 -1
- package/dist/cjs/ContextInspector/styles.module.css.json +1 -1
- package/dist/cjs/Dropdown/styles.module.css.json +1 -1
- package/dist/cjs/FieldError/styles.module.css.json +1 -1
- package/dist/cjs/FieldHint/styles.module.css.json +1 -1
- package/dist/cjs/FormLabel/styles.module.css.json +1 -1
- package/dist/cjs/HotKey/styles.module.css.json +1 -1
- package/dist/cjs/Section/styles.module.css.json +1 -1
- package/dist/cjs/SelectInput/index.js +36 -20
- package/dist/cjs/SelectInput/index.js.map +1 -1
- package/dist/cjs/SidebarPanel/index.js +4 -11
- package/dist/cjs/SidebarPanel/index.js.map +1 -1
- package/dist/cjs/SidebarPanel/styles.module.css.json +1 -1
- package/dist/cjs/Spinner/styles.module.css.json +1 -1
- package/dist/cjs/SplitView/SplitViewSash/styles.module.css.json +1 -1
- package/dist/cjs/SwitchField/styles.module.css.json +1 -1
- package/dist/cjs/SwitchInput/styles.module.css.json +1 -1
- package/dist/cjs/TextInput/styles.module.css.json +1 -1
- package/dist/cjs/TextareaInput/styles.module.css.json +1 -1
- package/dist/cjs/Toolbar/Button/styles.module.css.json +1 -1
- package/dist/cjs/Toolbar/Toolbar/index.js +3 -3
- package/dist/cjs/Toolbar/Toolbar/styles.module.css.json +1 -1
- package/dist/cjs/Tooltip/TooltipContent/styles.module.css.json +1 -1
- package/dist/cjs/Tooltip/TooltipDelayGroup/index.js +2 -2
- package/dist/cjs/VerticalSplit/index.js +4 -4
- package/dist/cjs/VerticalSplit/styles.module.css.json +1 -1
- package/dist/cjs/generateStyleFromCtx/index.js +133 -2
- package/dist/cjs/generateStyleFromCtx/index.js.map +1 -1
- package/dist/cjs/icons.js +8 -8
- package/dist/cjs/icons.js.map +1 -1
- package/dist/esm/Button/styles.module.css.json +1 -1
- package/dist/esm/ButtonGroup/Button/styles.module.css.json +1 -1
- package/dist/esm/ButtonGroup/Group/styles.module.css.json +1 -1
- package/dist/esm/Canvas/index.d.ts +67 -264
- package/dist/esm/Canvas/index.js +67 -264
- package/dist/esm/Canvas/index.js.map +1 -1
- package/dist/esm/Canvas/styles.module.css.json +1 -1
- package/dist/esm/ContextInspector/styles.module.css.json +1 -1
- package/dist/esm/Dropdown/styles.module.css.json +1 -1
- package/dist/esm/FieldError/styles.module.css.json +1 -1
- package/dist/esm/FieldHint/styles.module.css.json +1 -1
- package/dist/esm/FormLabel/styles.module.css.json +1 -1
- package/dist/esm/HotKey/styles.module.css.json +1 -1
- package/dist/esm/Section/styles.module.css.json +1 -1
- package/dist/esm/SelectInput/index.js +36 -20
- package/dist/esm/SelectInput/index.js.map +1 -1
- package/dist/esm/SidebarPanel/index.d.ts +2 -2
- package/dist/esm/SidebarPanel/index.js +4 -11
- package/dist/esm/SidebarPanel/index.js.map +1 -1
- package/dist/esm/SidebarPanel/styles.module.css.json +1 -1
- package/dist/esm/Spinner/styles.module.css.json +1 -1
- package/dist/esm/SplitView/SplitViewSash/styles.module.css.json +1 -1
- package/dist/esm/SwitchField/styles.module.css.json +1 -1
- package/dist/esm/SwitchInput/styles.module.css.json +1 -1
- package/dist/esm/TextInput/styles.module.css.json +1 -1
- package/dist/esm/TextareaInput/styles.module.css.json +1 -1
- package/dist/esm/Toolbar/Button/styles.module.css.json +1 -1
- package/dist/esm/Toolbar/Toolbar/index.d.ts +3 -3
- package/dist/esm/Toolbar/Toolbar/index.js +3 -3
- package/dist/esm/Toolbar/Toolbar/styles.module.css.json +1 -1
- package/dist/esm/Tooltip/TooltipContent/styles.module.css.json +1 -1
- package/dist/esm/Tooltip/TooltipDelayGroup/index.d.ts +2 -2
- package/dist/esm/Tooltip/TooltipDelayGroup/index.js +2 -2
- package/dist/esm/VerticalSplit/index.d.ts +4 -4
- package/dist/esm/VerticalSplit/index.js +4 -4
- package/dist/esm/VerticalSplit/styles.module.css.json +1 -1
- package/dist/esm/generateStyleFromCtx/index.js +133 -2
- package/dist/esm/generateStyleFromCtx/index.js.map +1 -1
- package/dist/esm/icons.js +8 -8
- package/dist/esm/icons.js.map +1 -1
- package/dist/types/Canvas/index.d.ts +67 -264
- package/dist/types/SidebarPanel/index.d.ts +2 -2
- package/dist/types/Toolbar/Toolbar/index.d.ts +3 -3
- package/dist/types/Tooltip/TooltipDelayGroup/index.d.ts +2 -2
- package/dist/types/VerticalSplit/index.d.ts +4 -4
- package/package.json +3 -3
- package/src/Button/styles.module.css +19 -19
- package/src/Button/styles.module.css.json +1 -1
- package/src/ButtonGroup/Button/styles.module.css +15 -17
- package/src/ButtonGroup/Button/styles.module.css.json +1 -1
- package/src/ButtonGroup/Group/styles.module.css +1 -1
- package/src/ButtonGroup/Group/styles.module.css.json +1 -1
- package/src/Canvas/index.tsx +67 -264
- package/src/Canvas/styles.module.css +75 -16
- package/src/Canvas/styles.module.css.json +1 -1
- package/src/ContextInspector/styles.module.css +10 -10
- package/src/ContextInspector/styles.module.css.json +1 -1
- package/src/Dropdown/styles.module.css +30 -28
- package/src/Dropdown/styles.module.css.json +1 -1
- package/src/FieldError/styles.module.css +1 -1
- package/src/FieldError/styles.module.css.json +1 -1
- package/src/FieldHint/styles.module.css +1 -1
- package/src/FieldHint/styles.module.css.json +1 -1
- package/src/FormLabel/styles.module.css +2 -2
- package/src/FormLabel/styles.module.css.json +1 -1
- package/src/HotKey/styles.module.css +1 -1
- package/src/HotKey/styles.module.css.json +1 -1
- package/src/Section/styles.module.css +8 -8
- package/src/Section/styles.module.css.json +1 -1
- package/src/SelectInput/index.tsx +47 -26
- package/src/SidebarPanel/index.tsx +4 -29
- package/src/SidebarPanel/styles.module.css +6 -6
- package/src/SidebarPanel/styles.module.css.json +1 -1
- package/src/Spinner/styles.module.css +1 -1
- package/src/Spinner/styles.module.css.json +1 -1
- package/src/SplitView/SplitViewSash/styles.module.css +7 -7
- package/src/SplitView/SplitViewSash/styles.module.css.json +1 -1
- package/src/SwitchField/styles.module.css +1 -1
- package/src/SwitchField/styles.module.css.json +1 -1
- package/src/SwitchInput/styles.module.css +16 -13
- package/src/SwitchInput/styles.module.css.json +1 -1
- package/src/TextInput/styles.module.css +13 -11
- package/src/TextInput/styles.module.css.json +1 -1
- package/src/TextareaInput/styles.module.css +13 -11
- package/src/TextareaInput/styles.module.css.json +1 -1
- package/src/Toolbar/Button/styles.module.css +4 -4
- package/src/Toolbar/Button/styles.module.css.json +1 -1
- package/src/Toolbar/Toolbar/index.tsx +3 -3
- package/src/Toolbar/Toolbar/styles.module.css +2 -2
- package/src/Toolbar/Toolbar/styles.module.css.json +1 -1
- package/src/Tooltip/TooltipContent/styles.module.css +2 -2
- package/src/Tooltip/TooltipContent/styles.module.css.json +1 -1
- package/src/Tooltip/TooltipDelayGroup/index.tsx +2 -2
- package/src/VerticalSplit/index.tsx +4 -4
- package/src/VerticalSplit/styles.module.css +7 -11
- package/src/VerticalSplit/styles.module.css.json +1 -1
- package/src/generateStyleFromCtx/index.ts +153 -0
- package/src/icons.tsx +8 -0
- package/styles.css +29 -1
- package/types.json +388 -388
|
@@ -1 +1 @@
|
|
|
1
|
-
{ "Spinner--inline": "_Spinner--
|
|
1
|
+
{ "Spinner--inline": "_Spinner--inline_1u42l_1", "Spinner--centered": "_Spinner--centered_1u42l_7", "Spinner__bar": "_Spinner__bar_1u42l_13", "Spinner__spin": "_Spinner__spin_1u42l_1" }
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{ "SplitViewSash": "
|
|
1
|
+
{ "SplitViewSash": "_SplitViewSash_5k1ng_1", "SplitViewSash--dragging": "_SplitViewSash--dragging_5k1ng_15", "SplitViewSash__content": "_SplitViewSash__content_5k1ng_19", "SplitViewSash--no-resize": "_SplitViewSash--no-resize_5k1ng_24", "SplitViewSash--vertical": "_SplitViewSash--vertical_5k1ng_28", "SplitViewSash--horizontal": "_SplitViewSash--horizontal_5k1ng_32", "SplitViewSash__content__button": "_SplitViewSash__content__button_5k1ng_46" }
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{ "switchField__flex": "
|
|
1
|
+
{ "switchField__flex": "_switchField__flex_ietsf_1", "switchField__switchInput": "_switchField__switchInput_ietsf_6", "switchField__label": "_switchField__label_ietsf_10", "switchField__below": "_switchField__below_ietsf_22" }
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{ "switchInput__inner": "
|
|
1
|
+
{ "switchInput__inner": "_switchInput__inner_190is_1", "switchInput": "_switchInput_190is_1", "switchInput__off": "_switchInput__off_190is_1", "switchInput__on": "_switchInput__on_190is_1", "switchInput__checked": "_switchInput__checked_190is_50", "switchInput__disabled": "_switchInput__disabled_190is_63", "none": "_none_190is_1" }
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{ "TextInput": "
|
|
1
|
+
{ "TextInput": "_TextInput_it0d0_1", "TextInput--monospaced": "_TextInput--monospaced_it0d0_32", "TextInput--disabled": "_TextInput--disabled_it0d0_37", "TextInput--error": "_TextInput--error_it0d0_43" }
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{ "TextareaInput": "
|
|
1
|
+
{ "TextareaInput": "_TextareaInput_3v51p_1", "TextareaInput--monospaced": "_TextareaInput--monospaced_3v51p_32", "TextareaInput--disabled": "_TextareaInput--disabled_3v51p_37", "TextareaInput--error": "_TextareaInput--error_3v51p_43" }
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{ "Button": "
|
|
1
|
+
{ "Button": "_Button_36kvr_1" }
|
|
@@ -19,7 +19,7 @@ export declare type ToolbarProps = {
|
|
|
19
19
|
* display: 'flex',
|
|
20
20
|
* justifyContent: 'center',
|
|
21
21
|
* alignItems: 'center',
|
|
22
|
-
* background: 'var(--
|
|
22
|
+
* background: 'var(--color--surface-muted)',
|
|
23
23
|
* height: '150px',
|
|
24
24
|
* }}
|
|
25
25
|
* >
|
|
@@ -50,7 +50,7 @@ export declare type ToolbarProps = {
|
|
|
50
50
|
* display: 'flex',
|
|
51
51
|
* justifyContent: 'center',
|
|
52
52
|
* alignItems: 'center',
|
|
53
|
-
* background: 'var(--
|
|
53
|
+
* background: 'var(--color--surface-muted)',
|
|
54
54
|
* height: '150px',
|
|
55
55
|
* }}
|
|
56
56
|
* >
|
|
@@ -79,7 +79,7 @@ export declare type ToolbarProps = {
|
|
|
79
79
|
* display: 'flex',
|
|
80
80
|
* justifyContent: 'center',
|
|
81
81
|
* alignItems: 'center',
|
|
82
|
-
* background: 'var(--
|
|
82
|
+
* background: 'var(--color--surface-muted)',
|
|
83
83
|
* height: '150px',
|
|
84
84
|
* }}
|
|
85
85
|
* >
|
|
@@ -16,7 +16,7 @@ import s from './styles.module.css.json';
|
|
|
16
16
|
* display: 'flex',
|
|
17
17
|
* justifyContent: 'center',
|
|
18
18
|
* alignItems: 'center',
|
|
19
|
-
* background: 'var(--
|
|
19
|
+
* background: 'var(--color--surface-muted)',
|
|
20
20
|
* height: '150px',
|
|
21
21
|
* }}
|
|
22
22
|
* >
|
|
@@ -47,7 +47,7 @@ import s from './styles.module.css.json';
|
|
|
47
47
|
* display: 'flex',
|
|
48
48
|
* justifyContent: 'center',
|
|
49
49
|
* alignItems: 'center',
|
|
50
|
-
* background: 'var(--
|
|
50
|
+
* background: 'var(--color--surface-muted)',
|
|
51
51
|
* height: '150px',
|
|
52
52
|
* }}
|
|
53
53
|
* >
|
|
@@ -76,7 +76,7 @@ import s from './styles.module.css.json';
|
|
|
76
76
|
* display: 'flex',
|
|
77
77
|
* justifyContent: 'center',
|
|
78
78
|
* alignItems: 'center',
|
|
79
|
-
* background: 'var(--
|
|
79
|
+
* background: 'var(--color--surface-muted)',
|
|
80
80
|
* height: '150px',
|
|
81
81
|
* }}
|
|
82
82
|
* >
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{ "Toolbar": "
|
|
1
|
+
{ "Toolbar": "_Toolbar_50246_1" }
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{ "tooltip": "
|
|
1
|
+
{ "tooltip": "_tooltip_m9vka_1" }
|
|
@@ -87,8 +87,8 @@ export declare type TooltipDelayGroupProps = {
|
|
|
87
87
|
* display: 'flex',
|
|
88
88
|
* gap: 'var(--spacing-xs)',
|
|
89
89
|
* padding: 'var(--spacing-s)',
|
|
90
|
-
* borderRadius: '
|
|
91
|
-
* backgroundColor: 'var(--
|
|
90
|
+
* borderRadius: '4px',
|
|
91
|
+
* backgroundColor: 'var(--color--surface-muted)'
|
|
92
92
|
* }}>
|
|
93
93
|
* <Tooltip>
|
|
94
94
|
* <TooltipTrigger>
|
|
@@ -78,8 +78,8 @@ import * as React from 'react';
|
|
|
78
78
|
* display: 'flex',
|
|
79
79
|
* gap: 'var(--spacing-xs)',
|
|
80
80
|
* padding: 'var(--spacing-s)',
|
|
81
|
-
* borderRadius: '
|
|
82
|
-
* backgroundColor: 'var(--
|
|
81
|
+
* borderRadius: '4px',
|
|
82
|
+
* backgroundColor: 'var(--color--surface-muted)'
|
|
83
83
|
* }}>
|
|
84
84
|
* <Tooltip>
|
|
85
85
|
* <TooltipTrigger>
|
|
@@ -36,7 +36,7 @@ export declare type VerticalSplitProps = {
|
|
|
36
36
|
* Main content
|
|
37
37
|
* </div>
|
|
38
38
|
* </div>
|
|
39
|
-
* <div style={{ display: 'flex', flexDirection: 'column', height: '100%', borderLeft: '1px solid var(--border
|
|
39
|
+
* <div style={{ display: 'flex', flexDirection: 'column', height: '100%', borderLeft: '1px solid var(--color--border)' }}>
|
|
40
40
|
* <Toolbar>
|
|
41
41
|
* <ToolbarStack stackSize="l">
|
|
42
42
|
* <ToolbarTitle>Secondary</ToolbarTitle>
|
|
@@ -83,7 +83,7 @@ export declare type VerticalSplitProps = {
|
|
|
83
83
|
* Sidebar
|
|
84
84
|
* </div>
|
|
85
85
|
* </div>
|
|
86
|
-
* <div style={{ display: 'flex', flexDirection: 'column', height: '100%', borderLeft: '1px solid var(--border
|
|
86
|
+
* <div style={{ display: 'flex', flexDirection: 'column', height: '100%', borderLeft: '1px solid var(--color--border)' }}>
|
|
87
87
|
* <Toolbar>
|
|
88
88
|
* <ToolbarStack stackSize="l">
|
|
89
89
|
* <ToolbarTitle>Primary</ToolbarTitle>
|
|
@@ -143,7 +143,7 @@ export declare type VerticalSplitProps = {
|
|
|
143
143
|
* display: 'flex',
|
|
144
144
|
* flexDirection: 'column',
|
|
145
145
|
* height: '100%',
|
|
146
|
-
* borderLeft: '1px solid var(--border
|
|
146
|
+
* borderLeft: '1px solid var(--color--border)',
|
|
147
147
|
* }}
|
|
148
148
|
* >
|
|
149
149
|
* <Toolbar>
|
|
@@ -208,7 +208,7 @@ export declare type VerticalSplitProps = {
|
|
|
208
208
|
* display: 'flex',
|
|
209
209
|
* flexDirection: 'column',
|
|
210
210
|
* height: '100%',
|
|
211
|
-
* borderLeft: '1px solid var(--border
|
|
211
|
+
* borderLeft: '1px solid var(--color--border)',
|
|
212
212
|
* }}
|
|
213
213
|
* >
|
|
214
214
|
* <Toolbar>
|
|
@@ -47,7 +47,7 @@ function calculateSizes(_a) {
|
|
|
47
47
|
* Main content
|
|
48
48
|
* </div>
|
|
49
49
|
* </div>
|
|
50
|
-
* <div style={{ display: 'flex', flexDirection: 'column', height: '100%', borderLeft: '1px solid var(--border
|
|
50
|
+
* <div style={{ display: 'flex', flexDirection: 'column', height: '100%', borderLeft: '1px solid var(--color--border)' }}>
|
|
51
51
|
* <Toolbar>
|
|
52
52
|
* <ToolbarStack stackSize="l">
|
|
53
53
|
* <ToolbarTitle>Secondary</ToolbarTitle>
|
|
@@ -94,7 +94,7 @@ function calculateSizes(_a) {
|
|
|
94
94
|
* Sidebar
|
|
95
95
|
* </div>
|
|
96
96
|
* </div>
|
|
97
|
-
* <div style={{ display: 'flex', flexDirection: 'column', height: '100%', borderLeft: '1px solid var(--border
|
|
97
|
+
* <div style={{ display: 'flex', flexDirection: 'column', height: '100%', borderLeft: '1px solid var(--color--border)' }}>
|
|
98
98
|
* <Toolbar>
|
|
99
99
|
* <ToolbarStack stackSize="l">
|
|
100
100
|
* <ToolbarTitle>Primary</ToolbarTitle>
|
|
@@ -154,7 +154,7 @@ function calculateSizes(_a) {
|
|
|
154
154
|
* display: 'flex',
|
|
155
155
|
* flexDirection: 'column',
|
|
156
156
|
* height: '100%',
|
|
157
|
-
* borderLeft: '1px solid var(--border
|
|
157
|
+
* borderLeft: '1px solid var(--color--border)',
|
|
158
158
|
* }}
|
|
159
159
|
* >
|
|
160
160
|
* <Toolbar>
|
|
@@ -219,7 +219,7 @@ function calculateSizes(_a) {
|
|
|
219
219
|
* display: 'flex',
|
|
220
220
|
* flexDirection: 'column',
|
|
221
221
|
* height: '100%',
|
|
222
|
-
* borderLeft: '1px solid var(--border
|
|
222
|
+
* borderLeft: '1px solid var(--color--border)',
|
|
223
223
|
* }}
|
|
224
224
|
* >
|
|
225
225
|
* <Toolbar>
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{ "VerticalSplitPane__expand": "
|
|
1
|
+
{ "VerticalSplitPane__expand": "_VerticalSplitPane__expand_1j6ko_1", "VerticalSplitPane__expand--left": "_VerticalSplitPane__expand--left_1j6ko_22", "VerticalSplitPane__expand--right": "_VerticalSplitPane__expand--right_1j6ko_25", "VerticalSplitPaneOverlay": "_VerticalSplitPaneOverlay_1j6ko_42", "VerticalSplitPaneOverlay__primary": "_VerticalSplitPaneOverlay__primary_1j6ko_54", "VerticalSplitPaneOverlay__primary--left": "_VerticalSplitPaneOverlay__primary--left_1j6ko_63", "VerticalSplitPaneOverlay__primary--right": "_VerticalSplitPaneOverlay__primary--right_1j6ko_67", "VerticalSplitPaneOverlay__secondary": "_VerticalSplitPaneOverlay__secondary_1j6ko_71", "VerticalSplitPaneOverlay__secondary--left": "_VerticalSplitPaneOverlay__secondary--left_1j6ko_79", "VerticalSplitPaneOverlay__secondary--right": "_VerticalSplitPaneOverlay__secondary--right_1j6ko_83", "VerticalSplitPaneOverlay__sash": "_VerticalSplitPaneOverlay__sash_1j6ko_87" }
|
|
@@ -15,9 +15,131 @@ function camelToDash(str) {
|
|
|
15
15
|
}
|
|
16
16
|
return str.replace(/[A-Z]/g, function (m) { return "-".concat(m.toLowerCase()); });
|
|
17
17
|
}
|
|
18
|
+
/**
|
|
19
|
+
* Maps camelCase semantic token keys to their CSS custom property names
|
|
20
|
+
* (without the `--` prefix). The CSS names preserve the double-dash
|
|
21
|
+
* namespace separators used by the host application.
|
|
22
|
+
*/
|
|
23
|
+
var semanticTokenCssNames = {
|
|
24
|
+
/* --- Standalone --- */
|
|
25
|
+
colorSurface: 'color--surface',
|
|
26
|
+
colorSurfaceHover: 'color--surface-hover',
|
|
27
|
+
colorSurfaceMuted: 'color--surface-muted',
|
|
28
|
+
colorInk: 'color--ink',
|
|
29
|
+
colorInkSubtle: 'color--ink-subtle',
|
|
30
|
+
colorInkHover: 'color--ink-hover',
|
|
31
|
+
colorInkMuted: 'color--ink-muted',
|
|
32
|
+
colorInkPlaceholder: 'color--ink-placeholder',
|
|
33
|
+
colorInkPrimary: 'color--ink-primary',
|
|
34
|
+
colorInkAccent: 'color--ink-accent',
|
|
35
|
+
colorInkDisabled: 'color--ink-disabled',
|
|
36
|
+
colorBorder: 'color--border',
|
|
37
|
+
colorBorderHover: 'color--border-hover',
|
|
38
|
+
/* --- Context: raised --- */
|
|
39
|
+
colorRaisedSurface: 'color--raised--surface',
|
|
40
|
+
colorRaisedSurfaceHover: 'color--raised--surface-hover',
|
|
41
|
+
colorRaisedSurfaceActive: 'color--raised--surface-active',
|
|
42
|
+
/* --- Context: primary --- */
|
|
43
|
+
colorPrimarySurface: 'color--primary--surface',
|
|
44
|
+
colorPrimarySurfaceHover: 'color--primary--surface-hover',
|
|
45
|
+
colorPrimarySurfaceActive: 'color--primary--surface-active',
|
|
46
|
+
colorPrimarySurfaceMuted: 'color--primary--surface-muted',
|
|
47
|
+
colorPrimaryInk: 'color--primary--ink',
|
|
48
|
+
colorPrimaryBorder: 'color--primary--border',
|
|
49
|
+
/* --- Context: tinted --- */
|
|
50
|
+
colorTintedSurface: 'color--tinted--surface',
|
|
51
|
+
colorTintedSurfaceHover: 'color--tinted--surface-hover',
|
|
52
|
+
colorTintedSurfaceActive: 'color--tinted--surface-active',
|
|
53
|
+
colorTintedInk: 'color--tinted--ink',
|
|
54
|
+
/* --- Context: accent --- */
|
|
55
|
+
colorAccentSurface: 'color--accent--surface',
|
|
56
|
+
colorAccentInk: 'color--accent--ink',
|
|
57
|
+
/* --- Context: selected --- */
|
|
58
|
+
colorSelectedSurface: 'color--selected--surface',
|
|
59
|
+
colorSelectedInk: 'color--selected--ink',
|
|
60
|
+
colorSelectedBorder: 'color--selected--border',
|
|
61
|
+
/* --- Context: disabled --- */
|
|
62
|
+
colorDisabledSurface: 'color--disabled--surface',
|
|
63
|
+
colorDisabledInk: 'color--disabled--ink',
|
|
64
|
+
/* --- Context: danger --- */
|
|
65
|
+
colorDangerSurface: 'color--danger--surface',
|
|
66
|
+
colorDangerInk: 'color--danger--ink',
|
|
67
|
+
/* --- Context: enterprise --- */
|
|
68
|
+
colorEnterpriseSurface: 'color--enterprise--surface',
|
|
69
|
+
/* --- Context: focus --- */
|
|
70
|
+
colorFocusBorder: 'color--focus--border',
|
|
71
|
+
colorFocusOutline: 'color--focus--outline',
|
|
72
|
+
/* --- Feedback --- */
|
|
73
|
+
colorFeedbackFailInk: 'color--feedback-fail--ink',
|
|
74
|
+
colorFeedbackFailBorder: 'color--feedback-fail--border',
|
|
75
|
+
colorFeedbackFailOutline: 'color--feedback-fail--outline',
|
|
76
|
+
colorFeedbackWarningInk: 'color--feedback-warning--ink',
|
|
77
|
+
colorFeedbackWarningSurface: 'color--feedback-warning--surface',
|
|
78
|
+
colorFeedbackSuccessInk: 'color--feedback-success--ink',
|
|
79
|
+
colorFeedbackWarningBorder: 'color--feedback-warning--border',
|
|
80
|
+
colorFeedbackSuccessBorder: 'color--feedback-success--border',
|
|
81
|
+
/* --- Context: highlight --- */
|
|
82
|
+
colorHighlightSurface: 'color--highlight--surface',
|
|
83
|
+
/* --- Diffs --- */
|
|
84
|
+
colorDiffAddedSurface: 'color--diff-added--surface',
|
|
85
|
+
colorDiffRemovedSurface: 'color--diff-removed--surface',
|
|
86
|
+
colorDiffChangedSurface: 'color--diff-changed--surface',
|
|
87
|
+
colorDiffAddedSurfaceSubtle: 'color--diff-added--surface-subtle',
|
|
88
|
+
colorDiffRemovedSurfaceSubtle: 'color--diff-removed--surface-subtle',
|
|
89
|
+
colorDiffChangedSurfaceSubtle: 'color--diff-changed--surface-subtle',
|
|
90
|
+
colorDiffAddedOutlineSubtle: 'color--diff-added--outline-subtle',
|
|
91
|
+
colorDiffRemovedOutlineSubtle: 'color--diff-removed--outline-subtle',
|
|
92
|
+
colorDiffChangedOutlineSubtle: 'color--diff-changed--outline-subtle',
|
|
93
|
+
colorDiffChangedBorder: 'color--diff-changed--border',
|
|
94
|
+
colorDiffChangedBorderNegative: 'color--diff-changed--border-negative',
|
|
95
|
+
/* --- Status --- */
|
|
96
|
+
colorStatusDraftInk: 'color--status-draft--ink',
|
|
97
|
+
colorStatusOutdatedInk: 'color--status-outdated--ink',
|
|
98
|
+
colorStatusPublishedInk: 'color--status-published--ink',
|
|
99
|
+
/* --- Backdrop --- */
|
|
100
|
+
colorBackdropSurface: 'color--backdrop--surface',
|
|
101
|
+
colorBackdropInk: 'color--backdrop--ink',
|
|
102
|
+
/* --- Overlay --- */
|
|
103
|
+
colorOverlaySurface: 'color--overlay--surface',
|
|
104
|
+
colorOverlaySurfaceSubtle: 'color--overlay--surface-subtle',
|
|
105
|
+
colorOverlayInk: 'color--overlay--ink',
|
|
106
|
+
/* --- Stacked --- */
|
|
107
|
+
colorStackedSurfaceBase: 'color--stacked--surface-base',
|
|
108
|
+
colorStackedSurface: 'color--stacked--surface',
|
|
109
|
+
colorStackedSurfaceRaised: 'color--stacked--surface-raised',
|
|
110
|
+
colorStackedInk: 'color--stacked--ink',
|
|
111
|
+
colorStackedInkSubtle: 'color--stacked--ink-subtle',
|
|
112
|
+
colorStackedBorder: 'color--stacked--border',
|
|
113
|
+
colorStackedSurfaceHover: 'color--stacked--surface-hover',
|
|
114
|
+
colorStackedSurfaceTranslucent: 'color--stacked--surface-translucent',
|
|
115
|
+
colorStackedSurfaceButton: 'color--stacked--surface-button',
|
|
116
|
+
colorStackedSurfaceButtonActive: 'color--stacked--surface-button-active',
|
|
117
|
+
/* --- Progress --- */
|
|
118
|
+
colorProgressTrack: 'color--progress--track',
|
|
119
|
+
colorProgressFill: 'color--progress--fill',
|
|
120
|
+
colorProgressFillHover: 'color--progress--fill-hover',
|
|
121
|
+
/* --- Tooltip --- */
|
|
122
|
+
colorTooltipSurface: 'color--tooltip--surface',
|
|
123
|
+
colorTooltipSurfaceHover: 'color--tooltip--surface-hover',
|
|
124
|
+
colorTooltipInk: 'color--tooltip--ink',
|
|
125
|
+
colorTooltipInkSubtle: 'color--tooltip--ink-subtle',
|
|
126
|
+
/* --- Code --- */
|
|
127
|
+
colorCodeSurface: 'color--code--surface',
|
|
128
|
+
colorCodeInk: 'color--code--ink',
|
|
129
|
+
/* --- Shadows --- */
|
|
130
|
+
colorShadowSubtle: 'color--shadow-subtle',
|
|
131
|
+
colorShadow: 'color--shadow',
|
|
132
|
+
colorShadowStrong: 'color--shadow-strong',
|
|
133
|
+
/* --- Scrollbar --- */
|
|
134
|
+
colorScrollbar: 'color--scrollbar',
|
|
135
|
+
/* --- Shadow composites --- */
|
|
136
|
+
shadowElevated: 'shadow--elevated',
|
|
137
|
+
shadowFloat: 'shadow--float',
|
|
138
|
+
shadowAmbient: 'shadow--ambient',
|
|
139
|
+
};
|
|
18
140
|
export function generateStyleFromCtx(ctx, noBodyPadding) {
|
|
19
141
|
if (noBodyPadding === void 0) { noBodyPadding = false; }
|
|
20
|
-
return __assign({ padding: noBodyPadding
|
|
142
|
+
return __assign(__assign({ padding: noBodyPadding
|
|
21
143
|
? undefined
|
|
22
144
|
: ctx.bodyPadding.map(function (p) { return "".concat(p, "px"); }).join(' ') }, Object.fromEntries(Object.entries(ctx.theme).flatMap(function (_a) {
|
|
23
145
|
var _b;
|
|
@@ -29,6 +151,15 @@ export function generateStyleFromCtx(ctx, noBodyPadding) {
|
|
|
29
151
|
((_b = v.match(/rgb\((\d+, \d+, \d+)\)/)) === null || _b === void 0 ? void 0 : _b[1]) || undefined,
|
|
30
152
|
],
|
|
31
153
|
];
|
|
32
|
-
})))
|
|
154
|
+
}))), (ctx.semanticColorTokensTheme
|
|
155
|
+
? Object.fromEntries(Object.entries(ctx.semanticColorTokensTheme).map(function (_a) {
|
|
156
|
+
var _b;
|
|
157
|
+
var k = _a[0], v = _a[1];
|
|
158
|
+
return [
|
|
159
|
+
"--".concat((_b = semanticTokenCssNames[k]) !== null && _b !== void 0 ? _b : camelToDash(k)),
|
|
160
|
+
v,
|
|
161
|
+
];
|
|
162
|
+
}))
|
|
163
|
+
: undefined));
|
|
33
164
|
}
|
|
34
165
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/generateStyleFromCtx/index.ts"],"names":[],"mappings":";;;;;;;;;;;AAGA,SAAS,WAAW,CAAC,GAAW;IAC9B,IAAI,GAAG,KAAK,GAAG,CAAC,WAAW,EAAE,EAAE;QAC7B,OAAO,GAAG,CAAC;KACZ;IACD,OAAO,GAAG,CAAC,OAAO,CAAC,QAAQ,EAAE,UAAC,CAAC,IAAK,OAAA,WAAI,CAAC,CAAC,WAAW,EAAE,CAAE,EAArB,CAAqB,CAAC,CAAC;AAC7D,CAAC;AAED,MAAM,UAAU,oBAAoB,CAClC,GAAY,EACZ,aAAqB;IAArB,8BAAA,EAAA,qBAAqB;IAErB,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/generateStyleFromCtx/index.ts"],"names":[],"mappings":"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"}
|
package/dist/esm/icons.js
CHANGED
|
@@ -1,42 +1,42 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
export function BackIcon(_a) {
|
|
3
3
|
var _b = _a.width, width = _b === void 0 ? '1em' : _b, _c = _a.height, height = _c === void 0 ? '1em' : _c, style = _a.style, className = _a.className;
|
|
4
|
-
return (React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 256 512", width: width, height: height, style: style, className: className },
|
|
4
|
+
return (React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "currentColor", viewBox: "0 0 256 512", width: width, height: height, style: style, className: className },
|
|
5
5
|
React.createElement("path", { d: "M238.475 475.535l7.071-7.07c4.686-4.686 4.686-12.284 0-16.971L50.053 256 245.546 60.506c4.686-4.686 4.686-12.284 0-16.971l-7.071-7.07c-4.686-4.686-12.284-4.686-16.97 0L10.454 247.515c-4.686 4.686-4.686 12.284 0 16.971l211.051 211.05c4.686 4.686 12.284 4.686 16.97-.001z" })));
|
|
6
6
|
}
|
|
7
7
|
export function SidebarLeftArrowIcon(_a) {
|
|
8
8
|
var _b = _a.width, width = _b === void 0 ? '1em' : _b, _c = _a.height, height = _c === void 0 ? '1em' : _c, style = _a.style, className = _a.className;
|
|
9
|
-
return (React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 448 512", width: width, height: height, style: style, className: className },
|
|
9
|
+
return (React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "currentColor", viewBox: "0 0 448 512", width: width, height: height, style: style, className: className },
|
|
10
10
|
React.createElement("path", { d: "M152 412.5L3.5 264.5c-4.7-4.7-4.7-12.3 0-17L152 99.5c4.7-4.7 12.3-4.7 17 0l7.1 7.1c4.7 4.7 4.7 12.3 0 17L60.1 239H372c6.6 0 12 5.4 12 12v10c0 6.6-5.4 12-12 12H60.1L176 388.4c4.7 4.7 4.7 12.3 0 17l-7.1 7.1c-4.6 4.7-12.2 4.7-16.9 0zM436 64h-8c-6.6 0-12 5.4-12 12v360c0 6.6 5.4 12 12 12h8c6.6 0 12-5.4 12-12V76c0-6.6-5.4-12-12-12z" })));
|
|
11
11
|
}
|
|
12
12
|
export function SidebarRightArrowIcon(_a) {
|
|
13
13
|
var _b = _a.width, width = _b === void 0 ? '1em' : _b, _c = _a.height, height = _c === void 0 ? '1em' : _c, style = _a.style, className = _a.className;
|
|
14
|
-
return (React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 448 512", width: width, height: height, style: style, className: className },
|
|
14
|
+
return (React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "currentColor", viewBox: "0 0 448 512", width: width, height: height, style: style, className: className },
|
|
15
15
|
React.createElement("path", { d: "M296 99.5l148.5 148c4.7 4.7 4.7 12.3 0 17L296 412.5c-4.7 4.7-12.3 4.7-17 0l-7.1-7.1c-4.7-4.7-4.7-12.3 0-17l116-115.4H76c-6.6 0-12-5.4-12-12v-10c0-6.6 5.4-12 12-12h311.9L272 123.6c-4.7-4.7-4.7-12.3 0-17l7.1-7.1c4.6-4.7 12.2-4.7 16.9 0zM12 448h8c6.6 0 12-5.4 12-12V76c0-6.6-5.4-12-12-12h-8C5.4 64 0 69.4 0 76v360c0 6.6 5.4 12 12 12z" })));
|
|
16
16
|
}
|
|
17
17
|
export function CaretDownIcon(_a) {
|
|
18
18
|
var _b = _a.width, width = _b === void 0 ? '1em' : _b, _c = _a.height, height = _c === void 0 ? '1em' : _c, style = _a.style, className = _a.className;
|
|
19
|
-
return (React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 320 512", width: width, height: height, style: style, className: className },
|
|
19
|
+
return (React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "currentColor", viewBox: "0 0 320 512", width: width, height: height, style: style, className: className },
|
|
20
20
|
React.createElement("path", { d: "M31.3 192h257.3c17.8 0 26.7 21.5 14.1 34.1L174.1 354.8c-7.8 7.8-20.5 7.8-28.3 0L17.2 226.1C4.6 213.5 13.5 192 31.3 192z" })));
|
|
21
21
|
}
|
|
22
22
|
export function CaretUpIcon(_a) {
|
|
23
23
|
var _b = _a.width, width = _b === void 0 ? '1em' : _b, _c = _a.height, height = _c === void 0 ? '1em' : _c, style = _a.style, className = _a.className;
|
|
24
|
-
return (React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 320 512", width: width, height: height, style: style, className: className },
|
|
24
|
+
return (React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "currentColor", viewBox: "0 0 320 512", width: width, height: height, style: style, className: className },
|
|
25
25
|
React.createElement("path", { d: "M288.662 352H31.338c-17.818 0-26.741-21.543-14.142-34.142l128.662-128.662c7.81-7.81 20.474-7.81 28.284 0l128.662 128.662c12.6 12.599 3.676 34.142-14.142 34.142z" })));
|
|
26
26
|
}
|
|
27
27
|
export function ChevronsLeftIcon(_a) {
|
|
28
28
|
var _b = _a.width, width = _b === void 0 ? '1em' : _b, _c = _a.height, height = _c === void 0 ? '1em' : _c, style = _a.style, className = _a.className;
|
|
29
|
-
return (React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 512 512", width: width, height: height, style: style, className: className },
|
|
29
|
+
return (React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "currentColor", viewBox: "0 0 512 512", width: width, height: height, style: style, className: className },
|
|
30
30
|
React.createElement("path", { d: "M47 239c-9.4 9.4-9.4 24.6 0 33.9L239 465c9.4 9.4 24.6 9.4 33.9 0s9.4-24.6 0-33.9L97.9 256 273 81c9.4-9.4 9.4-24.6 0-33.9s-24.6-9.4-33.9 0L47 239zM431 47L239 239c-9.4 9.4-9.4 24.6 0 33.9L431 465c9.4 9.4 24.6 9.4 33.9 0s9.4-24.6 0-33.9l-175-175L465 81c9.4-9.4 9.4-24.6 0-33.9s-24.6-9.4-33.9 0z" })));
|
|
31
31
|
}
|
|
32
32
|
export function ChevronsRightIcon(_a) {
|
|
33
33
|
var _b = _a.width, width = _b === void 0 ? '1em' : _b, _c = _a.height, height = _c === void 0 ? '1em' : _c, style = _a.style, className = _a.className;
|
|
34
|
-
return (React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 512 512", width: width, height: height, style: style, className: className },
|
|
34
|
+
return (React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "currentColor", viewBox: "0 0 512 512", width: width, height: height, style: style, className: className },
|
|
35
35
|
React.createElement("path", { d: "M465 239c9.4 9.4 9.4 24.6 0 33.9L273 465c-9.4 9.4-24.6 9.4-33.9 0s-9.4-24.6 0-33.9l175-175L239 81c-9.4-9.4-9.4-24.6 0-33.9s24.6-9.4 33.9 0L465 239zM81 47L273 239c9.4 9.4 9.4 24.6 0 33.9L81 465c-9.4 9.4-24.6 9.4-33.9 0s-9.4-24.6 0-33.9l175-175L47 81c-9.4-9.4-9.4-24.6 0-33.9s24.6-9.4 33.9 0z" })));
|
|
36
36
|
}
|
|
37
37
|
export function SidebarFlipIcon(_a) {
|
|
38
38
|
var _b = _a.width, width = _b === void 0 ? '1em' : _b, _c = _a.height, height = _c === void 0 ? '1em' : _c, style = _a.style, className = _a.className;
|
|
39
|
-
return (React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 512 512", width: width, height: height, style: style, className: className },
|
|
39
|
+
return (React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "currentColor", viewBox: "0 0 512 512", width: width, height: height, style: style, className: className },
|
|
40
40
|
React.createElement("path", { d: "M288 80V432H64c-8.8 0-16-7.2-16-16V96c0-8.8 7.2-16 16-16H288zM512 96c0-35.3-28.7-64-64-64H64C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96zm-64 24c0 13.3-10.7 24-24 24H376c-13.3 0-24-10.7-24-24s10.7-24 24-24h48c13.3 0 24 10.7 24 24zm-24 72c13.3 0 24 10.7 24 24s-10.7 24-24 24H376c-13.3 0-24-10.7-24-24s10.7-24 24-24h48zm24 120c0 13.3-10.7 24-24 24H376c-13.3 0-24-10.7-24-24s10.7-24 24-24h48c13.3 0 24 10.7 24 24z" })));
|
|
41
41
|
}
|
|
42
42
|
//# sourceMappingURL=icons.js.map
|
package/dist/esm/icons.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"icons.js","sourceRoot":"","sources":["../../src/icons.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA6B,MAAM,OAAO,CAAC;AASlD,MAAM,UAAU,QAAQ,CAAC,EAKb;QAJV,aAAa,EAAb,KAAK,mBAAG,KAAK,KAAA,EACb,cAAc,EAAd,MAAM,mBAAG,KAAK,KAAA,EACd,KAAK,WAAA,EACL,SAAS,eAAA;IAET,OAAO,CACL,6BACE,KAAK,EAAC,4BAA4B,EAClC,OAAO,EAAC,aAAa,EACrB,KAAK,EAAE,KAAK,EACZ,MAAM,EAAE,MAAM,EACd,KAAK,EAAE,KAAK,EACZ,SAAS,EAAE,SAAS;QAEpB,8BAAM,CAAC,EAAC,+QAA+Q,GAAG,CACtR,CACP,CAAC;AACJ,CAAC;AAED,MAAM,UAAU,oBAAoB,CAAC,EAKzB;QAJV,aAAa,EAAb,KAAK,mBAAG,KAAK,KAAA,EACb,cAAc,EAAd,MAAM,mBAAG,KAAK,KAAA,EACd,KAAK,WAAA,EACL,SAAS,eAAA;IAET,OAAO,CACL,6BACE,KAAK,EAAC,4BAA4B,EAClC,OAAO,EAAC,aAAa,EACrB,KAAK,EAAE,KAAK,EACZ,MAAM,EAAE,MAAM,EACd,KAAK,EAAE,KAAK,EACZ,SAAS,EAAE,SAAS;QAEpB,8BAAM,CAAC,EAAC,yUAAyU,GAAG,CAChV,CACP,CAAC;AACJ,CAAC;AAED,MAAM,UAAU,qBAAqB,CAAC,EAK1B;QAJV,aAAa,EAAb,KAAK,mBAAG,KAAK,KAAA,EACb,cAAc,EAAd,MAAM,mBAAG,KAAK,KAAA,EACd,KAAK,WAAA,EACL,SAAS,eAAA;IAET,OAAO,CACL,6BACE,KAAK,EAAC,4BAA4B,EAClC,OAAO,EAAC,aAAa,EACrB,KAAK,EAAE,KAAK,EACZ,MAAM,EAAE,MAAM,EACd,KAAK,EAAE,KAAK,EACZ,SAAS,EAAE,SAAS;QAEpB,8BAAM,CAAC,EAAC,4UAA4U,GAAG,CACnV,CACP,CAAC;AACJ,CAAC;AAED,MAAM,UAAU,aAAa,CAAC,EAKlB;QAJV,aAAa,EAAb,KAAK,mBAAG,KAAK,KAAA,EACb,cAAc,EAAd,MAAM,mBAAG,KAAK,KAAA,EACd,KAAK,WAAA,EACL,SAAS,eAAA;IAET,OAAO,CACL,6BACE,KAAK,EAAC,4BAA4B,EAClC,OAAO,EAAC,aAAa,EACrB,KAAK,EAAE,KAAK,EACZ,MAAM,EAAE,MAAM,EACd,KAAK,EAAE,KAAK,EACZ,SAAS,EAAE,SAAS;QAEpB,8BAAM,CAAC,EAAC,yHAAyH,GAAG,CAChI,CACP,CAAC;AACJ,CAAC;AAED,MAAM,UAAU,WAAW,CAAC,EAKhB;QAJV,aAAa,EAAb,KAAK,mBAAG,KAAK,KAAA,EACb,cAAc,EAAd,MAAM,mBAAG,KAAK,KAAA,EACd,KAAK,WAAA,EACL,SAAS,eAAA;IAET,OAAO,CACL,6BACE,KAAK,EAAC,4BAA4B,EAClC,OAAO,EAAC,aAAa,EACrB,KAAK,EAAE,KAAK,EACZ,MAAM,EAAE,MAAM,EACd,KAAK,EAAE,KAAK,EACZ,SAAS,EAAE,SAAS;QAEpB,8BAAM,CAAC,EAAC,kKAAkK,GAAG,CACzK,CACP,CAAC;AACJ,CAAC;AAED,MAAM,UAAU,gBAAgB,CAAC,EAKrB;QAJV,aAAa,EAAb,KAAK,mBAAG,KAAK,KAAA,EACb,cAAc,EAAd,MAAM,mBAAG,KAAK,KAAA,EACd,KAAK,WAAA,EACL,SAAS,eAAA;IAET,OAAO,CACL,6BACE,KAAK,EAAC,4BAA4B,EAClC,OAAO,EAAC,aAAa,EACrB,KAAK,EAAE,KAAK,EACZ,MAAM,EAAE,MAAM,EACd,KAAK,EAAE,KAAK,EACZ,SAAS,EAAE,SAAS;QAEpB,8BAAM,CAAC,EAAC,qSAAqS,GAAG,CAC5S,CACP,CAAC;AACJ,CAAC;AAED,MAAM,UAAU,iBAAiB,CAAC,EAKtB;QAJV,aAAa,EAAb,KAAK,mBAAG,KAAK,KAAA,EACb,cAAc,EAAd,MAAM,mBAAG,KAAK,KAAA,EACd,KAAK,WAAA,EACL,SAAS,eAAA;IAET,OAAO,CACL,6BACE,KAAK,EAAC,4BAA4B,EAClC,OAAO,EAAC,aAAa,EACrB,KAAK,EAAE,KAAK,EACZ,MAAM,EAAE,MAAM,EACd,KAAK,EAAE,KAAK,EACZ,SAAS,EAAE,SAAS;QAEpB,8BAAM,CAAC,EAAC,oSAAoS,GAAG,CAC3S,CACP,CAAC;AACJ,CAAC;AAED,MAAM,UAAU,eAAe,CAAC,EAKpB;QAJV,aAAa,EAAb,KAAK,mBAAG,KAAK,KAAA,EACb,cAAc,EAAd,MAAM,mBAAG,KAAK,KAAA,EACd,KAAK,WAAA,EACL,SAAS,eAAA;IAET,OAAO,CACL,6BACE,KAAK,EAAC,4BAA4B,EAClC,OAAO,EAAC,aAAa,EACrB,KAAK,EAAE,KAAK,EACZ,MAAM,EAAE,MAAM,EACd,KAAK,EAAE,KAAK,EACZ,SAAS,EAAE,SAAS;QAEpB,8BAAM,CAAC,EAAC,ybAAyb,GAAG,CAChc,CACP,CAAC;AACJ,CAAC"}
|
|
1
|
+
{"version":3,"file":"icons.js","sourceRoot":"","sources":["../../src/icons.tsx"],"names":[],"mappings":"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"}
|