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.
Files changed (135) hide show
  1. package/dist/cjs/Button/styles.module.css.json +1 -1
  2. package/dist/cjs/ButtonGroup/Button/styles.module.css.json +1 -1
  3. package/dist/cjs/ButtonGroup/Group/styles.module.css.json +1 -1
  4. package/dist/cjs/Canvas/index.js +67 -264
  5. package/dist/cjs/Canvas/index.js.map +1 -1
  6. package/dist/cjs/Canvas/styles.module.css.json +1 -1
  7. package/dist/cjs/ContextInspector/styles.module.css.json +1 -1
  8. package/dist/cjs/Dropdown/styles.module.css.json +1 -1
  9. package/dist/cjs/FieldError/styles.module.css.json +1 -1
  10. package/dist/cjs/FieldHint/styles.module.css.json +1 -1
  11. package/dist/cjs/FormLabel/styles.module.css.json +1 -1
  12. package/dist/cjs/HotKey/styles.module.css.json +1 -1
  13. package/dist/cjs/Section/styles.module.css.json +1 -1
  14. package/dist/cjs/SelectInput/index.js +36 -20
  15. package/dist/cjs/SelectInput/index.js.map +1 -1
  16. package/dist/cjs/SidebarPanel/index.js +4 -11
  17. package/dist/cjs/SidebarPanel/index.js.map +1 -1
  18. package/dist/cjs/SidebarPanel/styles.module.css.json +1 -1
  19. package/dist/cjs/Spinner/styles.module.css.json +1 -1
  20. package/dist/cjs/SplitView/SplitViewSash/styles.module.css.json +1 -1
  21. package/dist/cjs/SwitchField/styles.module.css.json +1 -1
  22. package/dist/cjs/SwitchInput/styles.module.css.json +1 -1
  23. package/dist/cjs/TextInput/styles.module.css.json +1 -1
  24. package/dist/cjs/TextareaInput/styles.module.css.json +1 -1
  25. package/dist/cjs/Toolbar/Button/styles.module.css.json +1 -1
  26. package/dist/cjs/Toolbar/Toolbar/index.js +3 -3
  27. package/dist/cjs/Toolbar/Toolbar/styles.module.css.json +1 -1
  28. package/dist/cjs/Tooltip/TooltipContent/styles.module.css.json +1 -1
  29. package/dist/cjs/Tooltip/TooltipDelayGroup/index.js +2 -2
  30. package/dist/cjs/VerticalSplit/index.js +4 -4
  31. package/dist/cjs/VerticalSplit/styles.module.css.json +1 -1
  32. package/dist/cjs/generateStyleFromCtx/index.js +133 -2
  33. package/dist/cjs/generateStyleFromCtx/index.js.map +1 -1
  34. package/dist/cjs/icons.js +8 -8
  35. package/dist/cjs/icons.js.map +1 -1
  36. package/dist/esm/Button/styles.module.css.json +1 -1
  37. package/dist/esm/ButtonGroup/Button/styles.module.css.json +1 -1
  38. package/dist/esm/ButtonGroup/Group/styles.module.css.json +1 -1
  39. package/dist/esm/Canvas/index.d.ts +67 -264
  40. package/dist/esm/Canvas/index.js +67 -264
  41. package/dist/esm/Canvas/index.js.map +1 -1
  42. package/dist/esm/Canvas/styles.module.css.json +1 -1
  43. package/dist/esm/ContextInspector/styles.module.css.json +1 -1
  44. package/dist/esm/Dropdown/styles.module.css.json +1 -1
  45. package/dist/esm/FieldError/styles.module.css.json +1 -1
  46. package/dist/esm/FieldHint/styles.module.css.json +1 -1
  47. package/dist/esm/FormLabel/styles.module.css.json +1 -1
  48. package/dist/esm/HotKey/styles.module.css.json +1 -1
  49. package/dist/esm/Section/styles.module.css.json +1 -1
  50. package/dist/esm/SelectInput/index.js +36 -20
  51. package/dist/esm/SelectInput/index.js.map +1 -1
  52. package/dist/esm/SidebarPanel/index.d.ts +2 -2
  53. package/dist/esm/SidebarPanel/index.js +4 -11
  54. package/dist/esm/SidebarPanel/index.js.map +1 -1
  55. package/dist/esm/SidebarPanel/styles.module.css.json +1 -1
  56. package/dist/esm/Spinner/styles.module.css.json +1 -1
  57. package/dist/esm/SplitView/SplitViewSash/styles.module.css.json +1 -1
  58. package/dist/esm/SwitchField/styles.module.css.json +1 -1
  59. package/dist/esm/SwitchInput/styles.module.css.json +1 -1
  60. package/dist/esm/TextInput/styles.module.css.json +1 -1
  61. package/dist/esm/TextareaInput/styles.module.css.json +1 -1
  62. package/dist/esm/Toolbar/Button/styles.module.css.json +1 -1
  63. package/dist/esm/Toolbar/Toolbar/index.d.ts +3 -3
  64. package/dist/esm/Toolbar/Toolbar/index.js +3 -3
  65. package/dist/esm/Toolbar/Toolbar/styles.module.css.json +1 -1
  66. package/dist/esm/Tooltip/TooltipContent/styles.module.css.json +1 -1
  67. package/dist/esm/Tooltip/TooltipDelayGroup/index.d.ts +2 -2
  68. package/dist/esm/Tooltip/TooltipDelayGroup/index.js +2 -2
  69. package/dist/esm/VerticalSplit/index.d.ts +4 -4
  70. package/dist/esm/VerticalSplit/index.js +4 -4
  71. package/dist/esm/VerticalSplit/styles.module.css.json +1 -1
  72. package/dist/esm/generateStyleFromCtx/index.js +133 -2
  73. package/dist/esm/generateStyleFromCtx/index.js.map +1 -1
  74. package/dist/esm/icons.js +8 -8
  75. package/dist/esm/icons.js.map +1 -1
  76. package/dist/types/Canvas/index.d.ts +67 -264
  77. package/dist/types/SidebarPanel/index.d.ts +2 -2
  78. package/dist/types/Toolbar/Toolbar/index.d.ts +3 -3
  79. package/dist/types/Tooltip/TooltipDelayGroup/index.d.ts +2 -2
  80. package/dist/types/VerticalSplit/index.d.ts +4 -4
  81. package/package.json +3 -3
  82. package/src/Button/styles.module.css +19 -19
  83. package/src/Button/styles.module.css.json +1 -1
  84. package/src/ButtonGroup/Button/styles.module.css +15 -17
  85. package/src/ButtonGroup/Button/styles.module.css.json +1 -1
  86. package/src/ButtonGroup/Group/styles.module.css +1 -1
  87. package/src/ButtonGroup/Group/styles.module.css.json +1 -1
  88. package/src/Canvas/index.tsx +67 -264
  89. package/src/Canvas/styles.module.css +75 -16
  90. package/src/Canvas/styles.module.css.json +1 -1
  91. package/src/ContextInspector/styles.module.css +10 -10
  92. package/src/ContextInspector/styles.module.css.json +1 -1
  93. package/src/Dropdown/styles.module.css +30 -28
  94. package/src/Dropdown/styles.module.css.json +1 -1
  95. package/src/FieldError/styles.module.css +1 -1
  96. package/src/FieldError/styles.module.css.json +1 -1
  97. package/src/FieldHint/styles.module.css +1 -1
  98. package/src/FieldHint/styles.module.css.json +1 -1
  99. package/src/FormLabel/styles.module.css +2 -2
  100. package/src/FormLabel/styles.module.css.json +1 -1
  101. package/src/HotKey/styles.module.css +1 -1
  102. package/src/HotKey/styles.module.css.json +1 -1
  103. package/src/Section/styles.module.css +8 -8
  104. package/src/Section/styles.module.css.json +1 -1
  105. package/src/SelectInput/index.tsx +47 -26
  106. package/src/SidebarPanel/index.tsx +4 -29
  107. package/src/SidebarPanel/styles.module.css +6 -6
  108. package/src/SidebarPanel/styles.module.css.json +1 -1
  109. package/src/Spinner/styles.module.css +1 -1
  110. package/src/Spinner/styles.module.css.json +1 -1
  111. package/src/SplitView/SplitViewSash/styles.module.css +7 -7
  112. package/src/SplitView/SplitViewSash/styles.module.css.json +1 -1
  113. package/src/SwitchField/styles.module.css +1 -1
  114. package/src/SwitchField/styles.module.css.json +1 -1
  115. package/src/SwitchInput/styles.module.css +16 -13
  116. package/src/SwitchInput/styles.module.css.json +1 -1
  117. package/src/TextInput/styles.module.css +13 -11
  118. package/src/TextInput/styles.module.css.json +1 -1
  119. package/src/TextareaInput/styles.module.css +13 -11
  120. package/src/TextareaInput/styles.module.css.json +1 -1
  121. package/src/Toolbar/Button/styles.module.css +4 -4
  122. package/src/Toolbar/Button/styles.module.css.json +1 -1
  123. package/src/Toolbar/Toolbar/index.tsx +3 -3
  124. package/src/Toolbar/Toolbar/styles.module.css +2 -2
  125. package/src/Toolbar/Toolbar/styles.module.css.json +1 -1
  126. package/src/Tooltip/TooltipContent/styles.module.css +2 -2
  127. package/src/Tooltip/TooltipContent/styles.module.css.json +1 -1
  128. package/src/Tooltip/TooltipDelayGroup/index.tsx +2 -2
  129. package/src/VerticalSplit/index.tsx +4 -4
  130. package/src/VerticalSplit/styles.module.css +7 -11
  131. package/src/VerticalSplit/styles.module.css.json +1 -1
  132. package/src/generateStyleFromCtx/index.ts +153 -0
  133. package/src/icons.tsx +8 -0
  134. package/styles.css +29 -1
  135. package/types.json +388 -388
@@ -1 +1 @@
1
- { "Spinner--inline": "_Spinner--inline_oumod_1", "Spinner--centered": "_Spinner--centered_oumod_7", "Spinner__bar": "_Spinner__bar_oumod_13", "Spinner__spin": "_Spinner__spin_oumod_1" }
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": "_SplitViewSash_tds51_1", "SplitViewSash--dragging": "_SplitViewSash--dragging_tds51_15", "SplitViewSash__content": "_SplitViewSash__content_tds51_19", "SplitViewSash--no-resize": "_SplitViewSash--no-resize_tds51_24", "SplitViewSash--vertical": "_SplitViewSash--vertical_tds51_28", "SplitViewSash--horizontal": "_SplitViewSash--horizontal_tds51_32", "SplitViewSash__content__button": "_SplitViewSash__content__button_tds51_46" }
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": "_switchField__flex_16z4j_1", "switchField__switchInput": "_switchField__switchInput_16z4j_6", "switchField__label": "_switchField__label_16z4j_10", "switchField__below": "_switchField__below_16z4j_22" }
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": "_switchInput__inner_1knbg_1", "switchInput": "_switchInput_1knbg_1", "switchInput__off": "_switchInput__off_1knbg_1", "switchInput__on": "_switchInput__on_1knbg_1", "switchInput__checked": "_switchInput__checked_1knbg_47", "switchInput__disabled": "_switchInput__disabled_1knbg_60", "none": "_none_1knbg_1" }
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": "_TextInput_x2oj2_1", "TextInput--monospaced": "_TextInput--monospaced_x2oj2_30", "TextInput--disabled": "_TextInput--disabled_x2oj2_35", "TextInput--error": "_TextInput--error_x2oj2_41" }
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": "_TextareaInput_1wnu9_1", "TextareaInput--monospaced": "_TextareaInput--monospaced_1wnu9_30", "TextareaInput--disabled": "_TextareaInput--disabled_1wnu9_35", "TextareaInput--error": "_TextareaInput--error_1wnu9_41" }
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": "_Button_fy6g6_1" }
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(--light-bg-color)',
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(--light-bg-color)',
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(--light-bg-color)',
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(--light-bg-color)',
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(--light-bg-color)',
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(--light-bg-color)',
79
+ * background: 'var(--color--surface-muted)',
80
80
  * height: '150px',
81
81
  * }}
82
82
  * >
@@ -1 +1 @@
1
- { "Toolbar": "_Toolbar_1cwb8_1" }
1
+ { "Toolbar": "_Toolbar_50246_1" }
@@ -1 +1 @@
1
- { "tooltip": "_tooltip_3z5rn_1" }
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: 'var(--border-radius-m)',
91
- * backgroundColor: 'var(--light-bg-color)'
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: 'var(--border-radius-m)',
82
- * backgroundColor: 'var(--light-bg-color)'
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-color)' }}>
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-color)' }}>
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-color)',
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-color)',
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-color)' }}>
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-color)' }}>
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-color)',
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-color)',
222
+ * borderLeft: '1px solid var(--color--border)',
223
223
  * }}
224
224
  * >
225
225
  * <Toolbar>
@@ -1 +1 @@
1
- { "VerticalSplitPane__expand": "_VerticalSplitPane__expand_80tii_1", "VerticalSplitPane__expand--left": "_VerticalSplitPane__expand--left_80tii_22", "VerticalSplitPane__expand--right": "_VerticalSplitPane__expand--right_80tii_25", "VerticalSplitPaneOverlay": "_VerticalSplitPaneOverlay_80tii_42", "VerticalSplitPaneOverlay__primary": "_VerticalSplitPaneOverlay__primary_80tii_58", "VerticalSplitPaneOverlay__primary--left": "_VerticalSplitPaneOverlay__primary--left_80tii_67", "VerticalSplitPaneOverlay__primary--right": "_VerticalSplitPaneOverlay__primary--right_80tii_71", "VerticalSplitPaneOverlay__secondary": "_VerticalSplitPaneOverlay__secondary_80tii_75", "VerticalSplitPaneOverlay__secondary--left": "_VerticalSplitPaneOverlay__secondary--left_80tii_83", "VerticalSplitPaneOverlay__secondary--right": "_VerticalSplitPaneOverlay__secondary--right_80tii_87", "VerticalSplitPaneOverlay__sash": "_VerticalSplitPaneOverlay__sash_80tii_91" }
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,kBACE,OAAO,EAAE,aAAa;YACpB,CAAC,CAAC,SAAS;YACX,CAAC,CAAC,GAAG,CAAC,WAAW,CAAC,GAAG,CAAC,UAAC,CAAC,IAAK,OAAA,UAAG,CAAC,OAAI,EAAR,CAAQ,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,IAC/C,MAAM,CAAC,WAAW,CACnB,MAAM,CAAC,OAAO,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC,OAAO,CAAC,UAAC,EAAM;;YAAL,CAAC,QAAA,EAAE,CAAC,QAAA;QAAM,OAAA;YAC5C,CAAC,YAAK,WAAW,CAAC,CAAC,CAAC,CAAE,EAAE,CAAC,CAAC;YAC1B;gBACE,YAAK,WAAW,CAAC,UAAG,CAAC,kBAAe,CAAC,CAAE;gBACvC,CAAA,MAAA,CAAC,CAAC,KAAK,CAAC,wBAAwB,CAAC,0CAAG,CAAC,CAAC,KAAI,SAAS;aACpD;SACF,CAAA;KAAA,CAAC,CACH,EACD;AACJ,CAAC"}
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
@@ -1 +1 @@
1
- {"version":3,"file":"icons.js","sourceRoot":"","sources":["../../src/icons.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"icons.js","sourceRoot":"","sources":["../../src/icons.tsx"],"names":[],"mappings":"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"}