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
- { "SidebarPanel": "_SidebarPanel_4uwco_1", "SidebarPanel__header": "_SidebarPanel__header_4uwco_5", "SidebarPanel__header__title": "_SidebarPanel__header__title_4uwco_30", "SidebarPanel__header__chevron": "_SidebarPanel__header__chevron_4uwco_36", "SidebarPanel__content": "_SidebarPanel__content_4uwco_42", "SidebarPanel__content--no-padding": "_SidebarPanel__content--no-padding_4uwco_47" }
1
+ { "SidebarPanel": "_SidebarPanel_q32h5_1", "SidebarPanel__header": "_SidebarPanel__header_q32h5_5", "SidebarPanel__header__title": "_SidebarPanel__header__title_q32h5_30", "SidebarPanel__header__chevron": "_SidebarPanel__header__chevron_q32h5_36", "SidebarPanel__content": "_SidebarPanel__content_q32h5_42", "SidebarPanel__content--no-padding": "_SidebarPanel__content--no-padding_q32h5_47" }
@@ -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" }
@@ -22,7 +22,7 @@ var styles_module_css_json_1 = __importDefault(require("./styles.module.css.json
22
22
  * display: 'flex',
23
23
  * justifyContent: 'center',
24
24
  * alignItems: 'center',
25
- * background: 'var(--light-bg-color)',
25
+ * background: 'var(--color--surface-muted)',
26
26
  * height: '150px',
27
27
  * }}
28
28
  * >
@@ -53,7 +53,7 @@ var styles_module_css_json_1 = __importDefault(require("./styles.module.css.json
53
53
  * display: 'flex',
54
54
  * justifyContent: 'center',
55
55
  * alignItems: 'center',
56
- * background: 'var(--light-bg-color)',
56
+ * background: 'var(--color--surface-muted)',
57
57
  * height: '150px',
58
58
  * }}
59
59
  * >
@@ -82,7 +82,7 @@ var styles_module_css_json_1 = __importDefault(require("./styles.module.css.json
82
82
  * display: 'flex',
83
83
  * justifyContent: 'center',
84
84
  * alignItems: 'center',
85
- * background: 'var(--light-bg-color)',
85
+ * background: 'var(--color--surface-muted)',
86
86
  * height: '150px',
87
87
  * }}
88
88
  * >
@@ -1 +1 @@
1
- { "Toolbar": "_Toolbar_1cwb8_1" }
1
+ { "Toolbar": "_Toolbar_50246_1" }
@@ -1 +1 @@
1
- { "tooltip": "_tooltip_3z5rn_1" }
1
+ { "tooltip": "_tooltip_m9vka_1" }
@@ -104,8 +104,8 @@ var React = __importStar(require("react"));
104
104
  * display: 'flex',
105
105
  * gap: 'var(--spacing-xs)',
106
106
  * padding: 'var(--spacing-s)',
107
- * borderRadius: 'var(--border-radius-m)',
108
- * backgroundColor: 'var(--light-bg-color)'
107
+ * borderRadius: '4px',
108
+ * backgroundColor: 'var(--color--surface-muted)'
109
109
  * }}>
110
110
  * <Tooltip>
111
111
  * <TooltipTrigger>
@@ -76,7 +76,7 @@ function calculateSizes(_a) {
76
76
  * Main content
77
77
  * </div>
78
78
  * </div>
79
- * <div style={{ display: 'flex', flexDirection: 'column', height: '100%', borderLeft: '1px solid var(--border-color)' }}>
79
+ * <div style={{ display: 'flex', flexDirection: 'column', height: '100%', borderLeft: '1px solid var(--color--border)' }}>
80
80
  * <Toolbar>
81
81
  * <ToolbarStack stackSize="l">
82
82
  * <ToolbarTitle>Secondary</ToolbarTitle>
@@ -123,7 +123,7 @@ function calculateSizes(_a) {
123
123
  * Sidebar
124
124
  * </div>
125
125
  * </div>
126
- * <div style={{ display: 'flex', flexDirection: 'column', height: '100%', borderLeft: '1px solid var(--border-color)' }}>
126
+ * <div style={{ display: 'flex', flexDirection: 'column', height: '100%', borderLeft: '1px solid var(--color--border)' }}>
127
127
  * <Toolbar>
128
128
  * <ToolbarStack stackSize="l">
129
129
  * <ToolbarTitle>Primary</ToolbarTitle>
@@ -183,7 +183,7 @@ function calculateSizes(_a) {
183
183
  * display: 'flex',
184
184
  * flexDirection: 'column',
185
185
  * height: '100%',
186
- * borderLeft: '1px solid var(--border-color)',
186
+ * borderLeft: '1px solid var(--color--border)',
187
187
  * }}
188
188
  * >
189
189
  * <Toolbar>
@@ -248,7 +248,7 @@ function calculateSizes(_a) {
248
248
  * display: 'flex',
249
249
  * flexDirection: 'column',
250
250
  * height: '100%',
251
- * borderLeft: '1px solid var(--border-color)',
251
+ * borderLeft: '1px solid var(--color--border)',
252
252
  * }}
253
253
  * >
254
254
  * <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" }
@@ -18,9 +18,131 @@ function camelToDash(str) {
18
18
  }
19
19
  return str.replace(/[A-Z]/g, function (m) { return "-".concat(m.toLowerCase()); });
20
20
  }
21
+ /**
22
+ * Maps camelCase semantic token keys to their CSS custom property names
23
+ * (without the `--` prefix). The CSS names preserve the double-dash
24
+ * namespace separators used by the host application.
25
+ */
26
+ var semanticTokenCssNames = {
27
+ /* --- Standalone --- */
28
+ colorSurface: 'color--surface',
29
+ colorSurfaceHover: 'color--surface-hover',
30
+ colorSurfaceMuted: 'color--surface-muted',
31
+ colorInk: 'color--ink',
32
+ colorInkSubtle: 'color--ink-subtle',
33
+ colorInkHover: 'color--ink-hover',
34
+ colorInkMuted: 'color--ink-muted',
35
+ colorInkPlaceholder: 'color--ink-placeholder',
36
+ colorInkPrimary: 'color--ink-primary',
37
+ colorInkAccent: 'color--ink-accent',
38
+ colorInkDisabled: 'color--ink-disabled',
39
+ colorBorder: 'color--border',
40
+ colorBorderHover: 'color--border-hover',
41
+ /* --- Context: raised --- */
42
+ colorRaisedSurface: 'color--raised--surface',
43
+ colorRaisedSurfaceHover: 'color--raised--surface-hover',
44
+ colorRaisedSurfaceActive: 'color--raised--surface-active',
45
+ /* --- Context: primary --- */
46
+ colorPrimarySurface: 'color--primary--surface',
47
+ colorPrimarySurfaceHover: 'color--primary--surface-hover',
48
+ colorPrimarySurfaceActive: 'color--primary--surface-active',
49
+ colorPrimarySurfaceMuted: 'color--primary--surface-muted',
50
+ colorPrimaryInk: 'color--primary--ink',
51
+ colorPrimaryBorder: 'color--primary--border',
52
+ /* --- Context: tinted --- */
53
+ colorTintedSurface: 'color--tinted--surface',
54
+ colorTintedSurfaceHover: 'color--tinted--surface-hover',
55
+ colorTintedSurfaceActive: 'color--tinted--surface-active',
56
+ colorTintedInk: 'color--tinted--ink',
57
+ /* --- Context: accent --- */
58
+ colorAccentSurface: 'color--accent--surface',
59
+ colorAccentInk: 'color--accent--ink',
60
+ /* --- Context: selected --- */
61
+ colorSelectedSurface: 'color--selected--surface',
62
+ colorSelectedInk: 'color--selected--ink',
63
+ colorSelectedBorder: 'color--selected--border',
64
+ /* --- Context: disabled --- */
65
+ colorDisabledSurface: 'color--disabled--surface',
66
+ colorDisabledInk: 'color--disabled--ink',
67
+ /* --- Context: danger --- */
68
+ colorDangerSurface: 'color--danger--surface',
69
+ colorDangerInk: 'color--danger--ink',
70
+ /* --- Context: enterprise --- */
71
+ colorEnterpriseSurface: 'color--enterprise--surface',
72
+ /* --- Context: focus --- */
73
+ colorFocusBorder: 'color--focus--border',
74
+ colorFocusOutline: 'color--focus--outline',
75
+ /* --- Feedback --- */
76
+ colorFeedbackFailInk: 'color--feedback-fail--ink',
77
+ colorFeedbackFailBorder: 'color--feedback-fail--border',
78
+ colorFeedbackFailOutline: 'color--feedback-fail--outline',
79
+ colorFeedbackWarningInk: 'color--feedback-warning--ink',
80
+ colorFeedbackWarningSurface: 'color--feedback-warning--surface',
81
+ colorFeedbackSuccessInk: 'color--feedback-success--ink',
82
+ colorFeedbackWarningBorder: 'color--feedback-warning--border',
83
+ colorFeedbackSuccessBorder: 'color--feedback-success--border',
84
+ /* --- Context: highlight --- */
85
+ colorHighlightSurface: 'color--highlight--surface',
86
+ /* --- Diffs --- */
87
+ colorDiffAddedSurface: 'color--diff-added--surface',
88
+ colorDiffRemovedSurface: 'color--diff-removed--surface',
89
+ colorDiffChangedSurface: 'color--diff-changed--surface',
90
+ colorDiffAddedSurfaceSubtle: 'color--diff-added--surface-subtle',
91
+ colorDiffRemovedSurfaceSubtle: 'color--diff-removed--surface-subtle',
92
+ colorDiffChangedSurfaceSubtle: 'color--diff-changed--surface-subtle',
93
+ colorDiffAddedOutlineSubtle: 'color--diff-added--outline-subtle',
94
+ colorDiffRemovedOutlineSubtle: 'color--diff-removed--outline-subtle',
95
+ colorDiffChangedOutlineSubtle: 'color--diff-changed--outline-subtle',
96
+ colorDiffChangedBorder: 'color--diff-changed--border',
97
+ colorDiffChangedBorderNegative: 'color--diff-changed--border-negative',
98
+ /* --- Status --- */
99
+ colorStatusDraftInk: 'color--status-draft--ink',
100
+ colorStatusOutdatedInk: 'color--status-outdated--ink',
101
+ colorStatusPublishedInk: 'color--status-published--ink',
102
+ /* --- Backdrop --- */
103
+ colorBackdropSurface: 'color--backdrop--surface',
104
+ colorBackdropInk: 'color--backdrop--ink',
105
+ /* --- Overlay --- */
106
+ colorOverlaySurface: 'color--overlay--surface',
107
+ colorOverlaySurfaceSubtle: 'color--overlay--surface-subtle',
108
+ colorOverlayInk: 'color--overlay--ink',
109
+ /* --- Stacked --- */
110
+ colorStackedSurfaceBase: 'color--stacked--surface-base',
111
+ colorStackedSurface: 'color--stacked--surface',
112
+ colorStackedSurfaceRaised: 'color--stacked--surface-raised',
113
+ colorStackedInk: 'color--stacked--ink',
114
+ colorStackedInkSubtle: 'color--stacked--ink-subtle',
115
+ colorStackedBorder: 'color--stacked--border',
116
+ colorStackedSurfaceHover: 'color--stacked--surface-hover',
117
+ colorStackedSurfaceTranslucent: 'color--stacked--surface-translucent',
118
+ colorStackedSurfaceButton: 'color--stacked--surface-button',
119
+ colorStackedSurfaceButtonActive: 'color--stacked--surface-button-active',
120
+ /* --- Progress --- */
121
+ colorProgressTrack: 'color--progress--track',
122
+ colorProgressFill: 'color--progress--fill',
123
+ colorProgressFillHover: 'color--progress--fill-hover',
124
+ /* --- Tooltip --- */
125
+ colorTooltipSurface: 'color--tooltip--surface',
126
+ colorTooltipSurfaceHover: 'color--tooltip--surface-hover',
127
+ colorTooltipInk: 'color--tooltip--ink',
128
+ colorTooltipInkSubtle: 'color--tooltip--ink-subtle',
129
+ /* --- Code --- */
130
+ colorCodeSurface: 'color--code--surface',
131
+ colorCodeInk: 'color--code--ink',
132
+ /* --- Shadows --- */
133
+ colorShadowSubtle: 'color--shadow-subtle',
134
+ colorShadow: 'color--shadow',
135
+ colorShadowStrong: 'color--shadow-strong',
136
+ /* --- Scrollbar --- */
137
+ colorScrollbar: 'color--scrollbar',
138
+ /* --- Shadow composites --- */
139
+ shadowElevated: 'shadow--elevated',
140
+ shadowFloat: 'shadow--float',
141
+ shadowAmbient: 'shadow--ambient',
142
+ };
21
143
  function generateStyleFromCtx(ctx, noBodyPadding) {
22
144
  if (noBodyPadding === void 0) { noBodyPadding = false; }
23
- return __assign({ padding: noBodyPadding
145
+ return __assign(__assign({ padding: noBodyPadding
24
146
  ? undefined
25
147
  : ctx.bodyPadding.map(function (p) { return "".concat(p, "px"); }).join(' ') }, Object.fromEntries(Object.entries(ctx.theme).flatMap(function (_a) {
26
148
  var _b;
@@ -32,7 +154,16 @@ function generateStyleFromCtx(ctx, noBodyPadding) {
32
154
  ((_b = v.match(/rgb\((\d+, \d+, \d+)\)/)) === null || _b === void 0 ? void 0 : _b[1]) || undefined,
33
155
  ],
34
156
  ];
35
- })));
157
+ }))), (ctx.semanticColorTokensTheme
158
+ ? Object.fromEntries(Object.entries(ctx.semanticColorTokensTheme).map(function (_a) {
159
+ var _b;
160
+ var k = _a[0], v = _a[1];
161
+ return [
162
+ "--".concat((_b = semanticTokenCssNames[k]) !== null && _b !== void 0 ? _b : camelToDash(k)),
163
+ v,
164
+ ];
165
+ }))
166
+ : undefined));
36
167
  }
37
168
  exports.generateStyleFromCtx = generateStyleFromCtx;
38
169
  //# 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,SAAgB,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;AAlBD,oDAkBC"}
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/generateStyleFromCtx/index.ts"],"names":[],"mappings":"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"}
package/dist/cjs/icons.js CHANGED
@@ -7,49 +7,49 @@ exports.SidebarFlipIcon = exports.ChevronsRightIcon = exports.ChevronsLeftIcon =
7
7
  var react_1 = __importDefault(require("react"));
8
8
  function BackIcon(_a) {
9
9
  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;
10
- return (react_1.default.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 256 512", width: width, height: height, style: style, className: className },
10
+ return (react_1.default.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "currentColor", viewBox: "0 0 256 512", width: width, height: height, style: style, className: className },
11
11
  react_1.default.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" })));
12
12
  }
13
13
  exports.BackIcon = BackIcon;
14
14
  function SidebarLeftArrowIcon(_a) {
15
15
  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;
16
- return (react_1.default.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 448 512", width: width, height: height, style: style, className: className },
16
+ return (react_1.default.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "currentColor", viewBox: "0 0 448 512", width: width, height: height, style: style, className: className },
17
17
  react_1.default.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" })));
18
18
  }
19
19
  exports.SidebarLeftArrowIcon = SidebarLeftArrowIcon;
20
20
  function SidebarRightArrowIcon(_a) {
21
21
  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;
22
- return (react_1.default.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 448 512", width: width, height: height, style: style, className: className },
22
+ return (react_1.default.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "currentColor", viewBox: "0 0 448 512", width: width, height: height, style: style, className: className },
23
23
  react_1.default.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" })));
24
24
  }
25
25
  exports.SidebarRightArrowIcon = SidebarRightArrowIcon;
26
26
  function CaretDownIcon(_a) {
27
27
  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;
28
- return (react_1.default.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 320 512", width: width, height: height, style: style, className: className },
28
+ return (react_1.default.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "currentColor", viewBox: "0 0 320 512", width: width, height: height, style: style, className: className },
29
29
  react_1.default.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" })));
30
30
  }
31
31
  exports.CaretDownIcon = CaretDownIcon;
32
32
  function CaretUpIcon(_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_1.default.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 320 512", width: width, height: height, style: style, className: className },
34
+ return (react_1.default.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "currentColor", viewBox: "0 0 320 512", width: width, height: height, style: style, className: className },
35
35
  react_1.default.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" })));
36
36
  }
37
37
  exports.CaretUpIcon = CaretUpIcon;
38
38
  function ChevronsLeftIcon(_a) {
39
39
  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;
40
- return (react_1.default.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 512 512", width: width, height: height, style: style, className: className },
40
+ return (react_1.default.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "currentColor", viewBox: "0 0 512 512", width: width, height: height, style: style, className: className },
41
41
  react_1.default.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" })));
42
42
  }
43
43
  exports.ChevronsLeftIcon = ChevronsLeftIcon;
44
44
  function ChevronsRightIcon(_a) {
45
45
  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;
46
- return (react_1.default.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 512 512", width: width, height: height, style: style, className: className },
46
+ return (react_1.default.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "currentColor", viewBox: "0 0 512 512", width: width, height: height, style: style, className: className },
47
47
  react_1.default.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" })));
48
48
  }
49
49
  exports.ChevronsRightIcon = ChevronsRightIcon;
50
50
  function SidebarFlipIcon(_a) {
51
51
  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;
52
- return (react_1.default.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 512 512", width: width, height: height, style: style, className: className },
52
+ return (react_1.default.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "currentColor", viewBox: "0 0 512 512", width: width, height: height, style: style, className: className },
53
53
  react_1.default.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" })));
54
54
  }
55
55
  exports.SidebarFlipIcon = SidebarFlipIcon;
@@ -1 +1 @@
1
- {"version":3,"file":"icons.js","sourceRoot":"","sources":["../../src/icons.tsx"],"names":[],"mappings":";;;;;;AAAA,gDAAkD;AASlD,SAAgB,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,uCACE,KAAK,EAAC,4BAA4B,EAClC,OAAO,EAAC,aAAa,EACrB,KAAK,EAAE,KAAK,EACZ,MAAM,EAAE,MAAM,EACd,KAAK,EAAE,KAAK,EACZ,SAAS,EAAE,SAAS;QAEpB,wCAAM,CAAC,EAAC,+QAA+Q,GAAG,CACtR,CACP,CAAC;AACJ,CAAC;AAlBD,4BAkBC;AAED,SAAgB,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,uCACE,KAAK,EAAC,4BAA4B,EAClC,OAAO,EAAC,aAAa,EACrB,KAAK,EAAE,KAAK,EACZ,MAAM,EAAE,MAAM,EACd,KAAK,EAAE,KAAK,EACZ,SAAS,EAAE,SAAS;QAEpB,wCAAM,CAAC,EAAC,yUAAyU,GAAG,CAChV,CACP,CAAC;AACJ,CAAC;AAlBD,oDAkBC;AAED,SAAgB,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,uCACE,KAAK,EAAC,4BAA4B,EAClC,OAAO,EAAC,aAAa,EACrB,KAAK,EAAE,KAAK,EACZ,MAAM,EAAE,MAAM,EACd,KAAK,EAAE,KAAK,EACZ,SAAS,EAAE,SAAS;QAEpB,wCAAM,CAAC,EAAC,4UAA4U,GAAG,CACnV,CACP,CAAC;AACJ,CAAC;AAlBD,sDAkBC;AAED,SAAgB,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,uCACE,KAAK,EAAC,4BAA4B,EAClC,OAAO,EAAC,aAAa,EACrB,KAAK,EAAE,KAAK,EACZ,MAAM,EAAE,MAAM,EACd,KAAK,EAAE,KAAK,EACZ,SAAS,EAAE,SAAS;QAEpB,wCAAM,CAAC,EAAC,yHAAyH,GAAG,CAChI,CACP,CAAC;AACJ,CAAC;AAlBD,sCAkBC;AAED,SAAgB,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,uCACE,KAAK,EAAC,4BAA4B,EAClC,OAAO,EAAC,aAAa,EACrB,KAAK,EAAE,KAAK,EACZ,MAAM,EAAE,MAAM,EACd,KAAK,EAAE,KAAK,EACZ,SAAS,EAAE,SAAS;QAEpB,wCAAM,CAAC,EAAC,kKAAkK,GAAG,CACzK,CACP,CAAC;AACJ,CAAC;AAlBD,kCAkBC;AAED,SAAgB,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,uCACE,KAAK,EAAC,4BAA4B,EAClC,OAAO,EAAC,aAAa,EACrB,KAAK,EAAE,KAAK,EACZ,MAAM,EAAE,MAAM,EACd,KAAK,EAAE,KAAK,EACZ,SAAS,EAAE,SAAS;QAEpB,wCAAM,CAAC,EAAC,qSAAqS,GAAG,CAC5S,CACP,CAAC;AACJ,CAAC;AAlBD,4CAkBC;AAED,SAAgB,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,uCACE,KAAK,EAAC,4BAA4B,EAClC,OAAO,EAAC,aAAa,EACrB,KAAK,EAAE,KAAK,EACZ,MAAM,EAAE,MAAM,EACd,KAAK,EAAE,KAAK,EACZ,SAAS,EAAE,SAAS;QAEpB,wCAAM,CAAC,EAAC,oSAAoS,GAAG,CAC3S,CACP,CAAC;AACJ,CAAC;AAlBD,8CAkBC;AAED,SAAgB,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,uCACE,KAAK,EAAC,4BAA4B,EAClC,OAAO,EAAC,aAAa,EACrB,KAAK,EAAE,KAAK,EACZ,MAAM,EAAE,MAAM,EACd,KAAK,EAAE,KAAK,EACZ,SAAS,EAAE,SAAS;QAEpB,wCAAM,CAAC,EAAC,ybAAyb,GAAG,CAChc,CACP,CAAC;AACJ,CAAC;AAlBD,0CAkBC"}
1
+ {"version":3,"file":"icons.js","sourceRoot":"","sources":["../../src/icons.tsx"],"names":[],"mappings":"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"}
@@ -1 +1 @@
1
- { "button": "_button_474wk_1", "disabled": "_disabled_474wk_30", "buttonType-muted": "_buttonType-muted_474wk_34", "buttonType-primary": "_buttonType-primary_474wk_50", "buttonType-negative": "_buttonType-negative_474wk_71", "buttonSize-xxs": "_buttonSize-xxs_474wk_88", "buttonSize-xs": "_buttonSize-xs_474wk_93", "buttonSize-s": "_buttonSize-s_474wk_98", "buttonSize-m": "_buttonSize-m_474wk_103", "buttonSize-l": "_buttonSize-l_474wk_108", "buttonSize-xl": "_buttonSize-xl_474wk_113", "fullWidth": "_fullWidth_474wk_118", "button__leftIcon": "_button__leftIcon_474wk_124", "button__rightIcon": "_button__rightIcon_474wk_125" }
1
+ { "button": "_button_1kk5u_1", "disabled": "_disabled_1kk5u_30", "buttonType-muted": "_buttonType-muted_1kk5u_34", "buttonType-primary": "_buttonType-primary_1kk5u_50", "buttonType-negative": "_buttonType-negative_1kk5u_71", "buttonSize-xxs": "_buttonSize-xxs_1kk5u_88", "buttonSize-xs": "_buttonSize-xs_1kk5u_93", "buttonSize-s": "_buttonSize-s_1kk5u_98", "buttonSize-m": "_buttonSize-m_1kk5u_103", "buttonSize-l": "_buttonSize-l_1kk5u_108", "buttonSize-xl": "_buttonSize-xl_1kk5u_113", "fullWidth": "_fullWidth_1kk5u_118", "button__leftIcon": "_button__leftIcon_1kk5u_124", "button__rightIcon": "_button__rightIcon_1kk5u_125" }
@@ -1 +1 @@
1
- { "Button": "_Button_1h1w1_1", "Button--s": "_Button--s_1h1w1_32", "Button--disabled": "_Button--disabled_1h1w1_36", "Button--selected": "_Button--selected_1h1w1_45" }
1
+ { "Button": "_Button_9ae1c_1", "Button--s": "_Button--s_9ae1c_30", "Button--disabled": "_Button--disabled_9ae1c_34", "Button--selected": "_Button--selected_9ae1c_43" }
@@ -1 +1 @@
1
- { "Group": "_Group_10mj4_1" }
1
+ { "Group": "_Group_1b5yn_1" }