@wavemaker/foundation-css 11.14.3-rc.6401 → 11.15.0-2.247

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 (188) hide show
  1. package/cjs/foundation-css.cjs +92 -33
  2. package/cjs/src_tokens_mobile_components_accordion_accordion_json.foundation-css.cjs +1 -1
  3. package/cjs/src_tokens_mobile_components_anchor_anchor_json.foundation-css.cjs +1 -1
  4. package/cjs/src_tokens_mobile_components_bottomsheet_bottomsheet_json.foundation-css.cjs +1 -1
  5. package/cjs/src_tokens_mobile_components_button-group_button-group_json.foundation-css.cjs +1 -1
  6. package/cjs/src_tokens_mobile_components_button_button_json.foundation-css.cjs +1 -1
  7. package/cjs/src_tokens_mobile_components_calendar_calendar_json.foundation-css.cjs +1 -1
  8. package/cjs/src_tokens_mobile_components_camera_camera_json.foundation-css.cjs +1 -1
  9. package/cjs/src_tokens_mobile_components_cards_cards_json.foundation-css.cjs +1 -1
  10. package/cjs/src_tokens_mobile_components_carousel_carousel_json.foundation-css.cjs +1 -1
  11. package/cjs/src_tokens_mobile_components_container_container_json.foundation-css.cjs +1 -1
  12. package/cjs/src_tokens_mobile_components_fileupload_fileupload_json.foundation-css.cjs +1 -1
  13. package/cjs/src_tokens_mobile_components_form-controls_form-controls_json.foundation-css.cjs +1 -1
  14. package/cjs/src_tokens_mobile_components_label_label_json.foundation-css.cjs +1 -1
  15. package/cjs/src_tokens_mobile_components_list_list_json.foundation-css.cjs +1 -1
  16. package/cjs/src_tokens_mobile_components_lottie_lottie_json.foundation-css.cjs +1 -1
  17. package/cjs/src_tokens_mobile_components_modal-dialog_modal-dialog_json.foundation-css.cjs +1 -1
  18. package/cjs/src_tokens_mobile_components_nav_nav_json.foundation-css.cjs +1 -1
  19. package/cjs/src_tokens_mobile_components_navbar_navbar_json.foundation-css.cjs +1 -1
  20. package/cjs/src_tokens_mobile_components_navitem_navitem_json.foundation-css.cjs +14 -0
  21. package/cjs/src_tokens_mobile_components_panel-footer_panel-footer_json.foundation-css.cjs +14 -0
  22. package/cjs/src_tokens_mobile_components_panel_panel_json.foundation-css.cjs +1 -1
  23. package/cjs/src_tokens_mobile_components_picture_picture_json.foundation-css.cjs +1 -1
  24. package/cjs/src_tokens_mobile_components_popover_popover_json.foundation-css.cjs +1 -1
  25. package/cjs/src_tokens_mobile_components_search_search_json.foundation-css.cjs +1 -1
  26. package/cjs/src_tokens_mobile_components_switch_switch_json.foundation-css.cjs +1 -1
  27. package/cjs/src_tokens_mobile_components_tabbar_tabbar_json.foundation-css.cjs +1 -1
  28. package/cjs/src_tokens_mobile_components_tabs_tabs_json.foundation-css.cjs +1 -1
  29. package/cjs/src_tokens_mobile_components_tile_tile_json.foundation-css.cjs +1 -1
  30. package/cjs/src_tokens_mobile_components_toggle_toggle_json.foundation-css.cjs +1 -1
  31. package/cjs/src_tokens_mobile_components_webview_webview_json.foundation-css.cjs +1 -1
  32. package/cjs/src_tokens_web_components_button_button_json.foundation-css.cjs +1 -1
  33. package/cjs/src_tokens_web_components_calendar_calendar_json.foundation-css.cjs +1 -1
  34. package/cjs/src_tokens_web_components_cards_cards_json.foundation-css.cjs +1 -1
  35. package/cjs/src_tokens_web_components_checkbox_checkbox_json.foundation-css.cjs +1 -1
  36. package/cjs/src_tokens_web_components_data-table_data-table_json.foundation-css.cjs +1 -1
  37. package/cjs/src_tokens_web_components_dropdown-menu_dropdown-menu_json.foundation-css.cjs +1 -1
  38. package/cjs/src_tokens_web_components_form-controls_form-controls_json.foundation-css.cjs +1 -1
  39. package/cjs/src_tokens_web_components_iconbutton-toggleable_iconbutton-toggleable_json.foundation-css.cjs +14 -0
  40. package/cjs/src_tokens_web_components_page-content_page-content_json.foundation-css.cjs +1 -1
  41. package/cjs/src_tokens_web_components_page-left-nav_page-left-nav_json.foundation-css.cjs +1 -1
  42. package/cjs/src_tokens_web_components_page-right-nav_page-right-nav_json.foundation-css.cjs +1 -1
  43. package/cjs/src_tokens_web_components_popover_popover_json.foundation-css.cjs +1 -1
  44. package/cjs/src_tokens_web_components_progress-circle_progress-circle_json.foundation-css.cjs +1 -1
  45. package/cjs/src_tokens_web_components_rating_rating_json.foundation-css.cjs +1 -1
  46. package/cjs/src_tokens_web_components_slider_slider_json.foundation-css.cjs +14 -0
  47. package/cjs/src_tokens_web_components_switch_switch_json.foundation-css.cjs +1 -1
  48. package/cjs/src_tokens_web_components_tabs_tabs_json.foundation-css.cjs +1 -1
  49. package/foundation/foundation.css +669 -179
  50. package/foundation/foundation.min.css +1 -1
  51. package/native_mobile.index.d.ts +20 -0
  52. package/native_mobile.index.js +29 -3
  53. package/native_mobile.index.js.map +1 -1
  54. package/npm-shrinkwrap.json +44 -50
  55. package/package-lock.json +44 -50
  56. package/package.json +8 -7
  57. package/src/styles/mobile/components/advanced/carousel.less +10 -0
  58. package/src/styles/mobile/components/advanced/webview.less +6 -2
  59. package/src/styles/mobile/components/basic/anchor.less +2 -2
  60. package/src/styles/mobile/components/basic/bottomsheet.less +6 -0
  61. package/src/styles/mobile/components/basic/button.less +17 -5
  62. package/src/styles/mobile/components/basic/buttongroup.less +22 -6
  63. package/src/styles/mobile/components/basic/label.less +150 -15
  64. package/src/styles/mobile/components/basic/lottie.less +6 -3
  65. package/src/styles/mobile/components/basic/picture.less +9 -0
  66. package/src/styles/mobile/components/basic/search.less +21 -2
  67. package/src/styles/mobile/components/container/panel/panel-footer.less +13 -1
  68. package/src/styles/mobile/components/container/panel.less +31 -34
  69. package/src/styles/mobile/components/container/tabs/tab-header.less +11 -5
  70. package/src/styles/mobile/components/container/tabs.less +2 -0
  71. package/src/styles/mobile/components/container.less +16 -4
  72. package/src/styles/mobile/components/data/card.less +4 -1
  73. package/src/styles/mobile/components/data/form.less +75 -30
  74. package/src/styles/mobile/components/data/list.less +10 -45
  75. package/src/styles/mobile/components/device/camera.less +4 -3
  76. package/src/styles/mobile/components/dialogs/dialog.less +56 -12
  77. package/src/styles/mobile/components/input/calendar.less +0 -1
  78. package/src/styles/mobile/components/input/fileupload.less +1 -0
  79. package/src/styles/mobile/components/input/switch.less +8 -0
  80. package/src/styles/mobile/components/input/toggle.less +2 -0
  81. package/src/styles/mobile/components/navigation/appnavbar.less +12 -4
  82. package/src/styles/mobile/components/navigation/navitem.less +78 -17
  83. package/src/styles/mobile/components/navigation/popover.less +19 -4
  84. package/src/styles/mobile/components/page/tabbar.less +13 -2
  85. package/src/styles/mobile/components/tokens.light.css +206 -383
  86. package/src/styles/mobile/components/variables/carousel.variant.less +8 -0
  87. package/src/styles/mobile/components/variables/container.variant.less +26 -3
  88. package/src/styles/mobile/components/variables/form-controls.variant.less +8 -2
  89. package/src/styles/mobile/components/variables/label.variant.less +35 -4
  90. package/src/styles/mobile/components/variables/navitem.variant.less +14 -0
  91. package/src/styles/mobile/components/variables/panel.variant.less +16 -8
  92. package/src/styles/mobile/components/variables/picture.variant.less +2 -2
  93. package/src/styles/mobile/components/variables/switch.variant.less +6 -1
  94. package/src/styles/mobile/components/variables/tabs.variant.less +6 -2
  95. package/src/styles/mobile/components/variables/toggle.variant.less +8 -0
  96. package/src/styles/mobile/studio/advanced/styles.less +1 -0
  97. package/src/styles/mobile/studio/advanced/webview.less +7 -0
  98. package/src/styles/mobile/studio/basic/button-group.less +3 -1
  99. package/src/styles/mobile/studio/basic/label.less +22 -7
  100. package/src/styles/mobile/studio/basic/message.less +6 -0
  101. package/src/styles/mobile/studio/basic/picture.less +6 -0
  102. package/src/styles/mobile/studio/basic/search.less +8 -0
  103. package/src/styles/mobile/studio/container/container.less +10 -3
  104. package/src/styles/mobile/studio/container/linearlayout.less +8 -0
  105. package/src/styles/mobile/studio/container/panel.less +3 -7
  106. package/src/styles/mobile/studio/container/styles.less +2 -1
  107. package/src/styles/mobile/studio/container/tabs.less +8 -7
  108. package/src/styles/mobile/studio/data/list.less +22 -0
  109. package/src/styles/mobile/studio/dialogs/base-dialog.less +152 -3
  110. package/src/styles/mobile/studio/input/form.less +61 -26
  111. package/src/styles/mobile/studio/input/switch.less +2 -1
  112. package/src/styles/mobile/studio/layouts/appnavbar.less +12 -5
  113. package/src/styles/mobile/studio/layouts/page-content.less +1 -1
  114. package/src/styles/mobile/studio/layouts/tabbar.less +10 -2
  115. package/src/styles/mobile/studio/navigation/nav.less +19 -1
  116. package/src/styles/mobile/studio/navigation/popover.less +32 -1
  117. package/src/tokens/mobile/components/accordion/accordion.json +1 -29
  118. package/src/tokens/mobile/components/anchor/anchor.json +18 -0
  119. package/src/tokens/mobile/components/bottomsheet/bottomsheet.json +39 -5
  120. package/src/tokens/mobile/components/button/button.json +1 -3
  121. package/src/tokens/mobile/components/button-group/button-group.json +25 -41
  122. package/src/tokens/mobile/components/calendar/calendar.json +0 -8
  123. package/src/tokens/mobile/components/camera/camera.json +34 -8
  124. package/src/tokens/mobile/components/cards/cards.json +34 -8
  125. package/src/tokens/mobile/components/carousel/carousel.json +74 -2
  126. package/src/tokens/mobile/components/container/container.json +144 -14
  127. package/src/tokens/mobile/components/fileupload/fileupload.json +1 -1
  128. package/src/tokens/mobile/components/form-controls/form-controls.json +200 -56
  129. package/src/tokens/mobile/components/label/label.json +219 -21
  130. package/src/tokens/mobile/components/list/list.json +45 -135
  131. package/src/tokens/mobile/components/lottie/lottie.json +40 -7
  132. package/src/tokens/mobile/components/modal-dialog/modal-dialog.json +116 -54
  133. package/src/tokens/mobile/components/nav/nav.json +38 -83
  134. package/src/tokens/mobile/components/navbar/navbar.json +61 -0
  135. package/src/tokens/mobile/components/navitem/navitem.json +521 -0
  136. package/src/tokens/mobile/components/panel/panel.json +114 -84
  137. package/src/tokens/mobile/components/panel-footer/panel-footer.json +116 -0
  138. package/src/tokens/mobile/components/picture/picture.json +2 -6
  139. package/src/tokens/mobile/components/popover/popover.json +102 -18
  140. package/src/tokens/mobile/components/search/search.json +133 -9
  141. package/src/tokens/mobile/components/switch/switch.json +47 -2
  142. package/src/tokens/mobile/components/tabbar/tabbar.json +29 -11
  143. package/src/tokens/mobile/components/tabs/tabs.json +72 -32
  144. package/src/tokens/mobile/components/tile/tile.json +18 -2
  145. package/src/tokens/mobile/components/toggle/toggle.json +68 -0
  146. package/src/tokens/mobile/components/webview/webview.json +45 -4
  147. package/src/tokens/mobile/global/box-shadow/box-shadow.json +6 -0
  148. package/src/tokens/mobile/global/font/font.json +33 -0
  149. package/src/tokens/mobile/global/opacity/opacity.json +2 -3
  150. package/src/tokens/web/components/button/button.json +1 -1
  151. package/src/tokens/web/components/calendar/Token.Readme.md +55 -22
  152. package/src/tokens/web/components/calendar/calendar.json +422 -152
  153. package/src/tokens/web/components/cards/cards.json +5 -5
  154. package/src/tokens/web/components/checkbox/Token.Readme.md +1 -0
  155. package/src/tokens/web/components/checkbox/checkbox.json +8 -0
  156. package/src/tokens/web/components/data-table/data-table.json +27 -2
  157. package/src/tokens/web/components/dropdown-menu/dropdown-menu.json +2 -2
  158. package/src/tokens/web/components/form-controls/Token.Readme.md +1 -0
  159. package/src/tokens/web/components/form-controls/form-controls.json +19 -2
  160. package/src/tokens/web/components/iconbutton-toggleable/Readme.md +17 -0
  161. package/src/tokens/web/components/iconbutton-toggleable/Token.Readme.md +19 -0
  162. package/src/tokens/web/components/iconbutton-toggleable/iconbutton-toggleable.json +557 -0
  163. package/src/tokens/web/components/page-content/page-content.json +1 -1
  164. package/src/tokens/web/components/page-left-nav/page-left-nav.json +1 -1
  165. package/src/tokens/web/components/page-right-nav/Readme.md +4 -4
  166. package/src/tokens/web/components/page-right-nav/page-right-nav.json +4 -4
  167. package/src/tokens/web/components/popover/Token.Readme.md +3 -2
  168. package/src/tokens/web/components/popover/popover.json +26 -16
  169. package/src/tokens/web/components/progress-circle/Token.Readme.md +6 -1
  170. package/src/tokens/web/components/progress-circle/progress-circle.json +40 -0
  171. package/src/tokens/web/components/rating/rating.json +2 -2
  172. package/src/tokens/web/components/slider/Token.Readme.md +24 -0
  173. package/src/tokens/web/components/slider/slider.json +153 -0
  174. package/src/tokens/web/components/switch/switch.json +1 -1
  175. package/src/tokens/web/components/tabs/Token.Readme.md +4 -0
  176. package/src/tokens/web/components/tabs/tabs.json +33 -1
  177. package/src/tokens/web/global/elevation/elevation.json +5 -5
  178. package/src/utils/style-dictionary-utils.js +25 -40
  179. package/src/utils/style-dictionary-utils.js.map +1 -1
  180. package/web.index.js +21 -2
  181. package/web.index.js.map +1 -1
  182. package/cjs/src_tokens_mobile_components_page-layout_page-layout_json.foundation-css.cjs +0 -14
  183. package/cjs/src_tokens_mobile_components_pagination_pagination_json.foundation-css.cjs +0 -14
  184. package/cjs/src_tokens_mobile_components_richtext-editor_richtext-editor_json.foundation-css.cjs +0 -14
  185. package/src/styles/mobile/components/variables/button-group.variant.less +0 -7
  186. package/src/tokens/mobile/components/page-layout/page-layout.json +0 -738
  187. package/src/tokens/mobile/components/pagination/pagination.json +0 -250
  188. package/src/tokens/mobile/components/richtext-editor/richtext-editor.json +0 -546
@@ -1,14 +1,3 @@
1
- var __rest = (this && this.__rest) || function (s, e) {
2
- var t = {};
3
- for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
4
- t[p] = s[p];
5
- if (s != null && typeof Object.getOwnPropertySymbols === "function")
6
- for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
7
- if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
8
- t[p[i]] = s[p[i]];
9
- }
10
- return t;
11
- };
12
1
  // If `opacity` exists, we apply a `color-mix` formula to blend colors
13
2
  // If `multiple` exists, we apply the `calc()` function to multiply the reference value
14
3
  // Otherwise, we simply replace the reference with its corresponding variable
@@ -27,9 +16,8 @@ function processTokenValue(value, refs, multiple, opacity) {
27
16
  }
28
17
  // Helper function to resolve references for both `multiple` and `opacity` and return the updated value
29
18
  function resolveTokenReferences(token, unfilteredTokens, usesReferences, getReferences) {
30
- var _a, _b, _c, _d;
31
- let multiple = (_b = (_a = token.original) === null || _a === void 0 ? void 0 : _a.attributes) === null || _b === void 0 ? void 0 : _b.multiple;
32
- let opacity = (_d = (_c = token.original) === null || _c === void 0 ? void 0 : _c.attributes) === null || _d === void 0 ? void 0 : _d.opacity;
19
+ let multiple = token.original?.attributes?.multiple;
20
+ let opacity = token.original?.attributes?.opacity;
33
21
  // Resolve references in `multiple` and `opacity`
34
22
  multiple = resolveAndReplaceReferences(multiple, unfilteredTokens, usesReferences, getReferences);
35
23
  opacity = resolveAndReplaceReferences(opacity, unfilteredTokens, usesReferences, getReferences);
@@ -55,18 +43,20 @@ const cssVarCalcMixFormatter = (usesReferences, getReferences, fs) => ({
55
43
  // Generate CSS variable definitions
56
44
  const variables = dictionary.allTokens
57
45
  .map((token) => {
58
- var _a, _b;
59
46
  // Remove `mapping` from token.name
60
47
  const cleanName = token.name.replace(/mapping-?/g, '');
61
48
  let value = getProcessedTokenValue(token, dictionary, usesReferences, getReferences);
62
49
  // Add to table if token has a description and table generation is enabled
63
- if (tokenReadmePath && ((_a = token === null || token === void 0 ? void 0 : token.attributes) === null || _a === void 0 ? void 0 : _a.description)) {
50
+ if (tokenReadmePath && token?.attributes?.description) {
64
51
  const pathName = token.path
65
52
  .slice(1) // ignore first key (btn, data-table etc.,)
66
53
  .filter(key => key !== 'mapping') // remove 'mapping'
67
54
  .join('.');
68
55
  // Keep full description but handle <br> tags properly for table
69
- let safeDescription = (_b = token === null || token === void 0 ? void 0 : token.attributes) === null || _b === void 0 ? void 0 : _b.description.replace(/\|/g, '\\|').replace(/<br\s*\/?>/gi, '<br>').trim();
56
+ let safeDescription = token?.attributes?.description
57
+ .replace(/\|/g, '\\|') // escape pipe characters
58
+ .replace(/<br\s*\/?>/gi, '<br>') // keep <br> tags as HTML for proper rendering
59
+ .trim();
70
60
  tableRows.push(`| ${pathName} | ${safeDescription} |`);
71
61
  }
72
62
  return `--${cleanName}: ${value};`;
@@ -103,8 +93,7 @@ function getProcessedTokenValue(token, dictionary, usesReferences, getReferences
103
93
  }
104
94
  const componentVariantsFormatter = (usesReferences, getReferences, platform, options = {}) => ({
105
95
  name: 'css/component-variants',
106
- format: function (_a) {
107
- var { dictionary, file } = _a, rest = __rest(_a, ["dictionary", "file"]);
96
+ format: function ({ dictionary, file, ...rest }) {
108
97
  const componentRootKey = Object.keys(dictionary.tokens)[0];
109
98
  if (!componentRootKey) {
110
99
  console.warn(`[Style Dictionary] Could not derive component name from source ${file.destination}`);
@@ -115,7 +104,7 @@ const componentVariantsFormatter = (usesReferences, getReferences, platform, opt
115
104
  // --- README GENERATION ---
116
105
  const generateReadmeFn = options.generateComponentReadme;
117
106
  if (generateReadmeFn) {
118
- generateReadmeFn(componentRootKey, groupedVariants, platform, dictionary, Object.assign({}, rest.options));
107
+ generateReadmeFn(componentRootKey, groupedVariants, platform, dictionary, { ...rest.options });
119
108
  }
120
109
  // --- END README GENERATION ---
121
110
  return cssBlocks.join('\n\n');
@@ -126,7 +115,6 @@ const groupTokensByVariantType = (dictionary, componentRootKey, platform) => {
126
115
  const isMobile = platform === 'mobile';
127
116
  const mappingStore = {};
128
117
  dictionary.allTokens.forEach((token) => {
129
- var _a, _b, _c, _d, _e, _f;
130
118
  const path = token.path;
131
119
  const appearanceIndex = path.indexOf('appearances');
132
120
  const variantGroupIndex = path.indexOf('variantGroups');
@@ -152,7 +140,7 @@ const groupTokensByVariantType = (dictionary, componentRootKey, platform) => {
152
140
  state,
153
141
  };
154
142
  if (!groups[key]) {
155
- groups[key] = Object.assign(Object.assign({}, group), { tokens: [] });
143
+ groups[key] = { ...group, tokens: [] };
156
144
  if (isMobile && mappingStore[appearance]) {
157
145
  groups[key].tokens.push(...mappingStore[appearance]);
158
146
  }
@@ -170,11 +158,11 @@ const groupTokensByVariantType = (dictionary, componentRootKey, platform) => {
170
158
  };
171
159
  }
172
160
  else if (isAppearanceMapping) {
173
- const appearanceDef = (_c = (_b = (_a = dictionary.tokens) === null || _a === void 0 ? void 0 : _a[componentRootKey]) === null || _b === void 0 ? void 0 : _b.appearances) === null || _c === void 0 ? void 0 : _c[appearance];
174
- const hasVariants = (appearanceDef === null || appearanceDef === void 0 ? void 0 : appearanceDef.variantGroups) && Object.keys(appearanceDef.variantGroups).length > 0;
161
+ const appearanceDef = dictionary.tokens?.[componentRootKey]?.appearances?.[appearance];
162
+ const hasVariants = appearanceDef?.variantGroups && Object.keys(appearanceDef.variantGroups).length > 0;
175
163
  // If mobile + variants exist, skip creating this class — mapping will be merged
176
164
  if (isMobile && hasVariants && !isState) {
177
- (_d = mappingStore[appearance]) !== null && _d !== void 0 ? _d : (mappingStore[appearance] = []);
165
+ mappingStore[appearance] ?? (mappingStore[appearance] = []);
178
166
  mappingStore[appearance].push(token);
179
167
  return; // skip adding mapping like .btn-outlined
180
168
  }
@@ -188,12 +176,12 @@ const groupTokensByVariantType = (dictionary, componentRootKey, platform) => {
188
176
  state,
189
177
  };
190
178
  if (isMobile && !isState) {
191
- (_e = mappingStore[appearance]) !== null && _e !== void 0 ? _e : (mappingStore[appearance] = []);
179
+ mappingStore[appearance] ?? (mappingStore[appearance] = []);
192
180
  mappingStore[appearance].push(token);
193
181
  }
194
182
  }
195
183
  if (key) {
196
- (_f = groups[key]) !== null && _f !== void 0 ? _f : (groups[key] = Object.assign(Object.assign({}, group), { tokens: [] }));
184
+ groups[key] ?? (groups[key] = { ...group, tokens: [] });
197
185
  groups[key].tokens.push(token);
198
186
  }
199
187
  });
@@ -201,33 +189,30 @@ const groupTokensByVariantType = (dictionary, componentRootKey, platform) => {
201
189
  };
202
190
  // output: a selector string based on the group type and state
203
191
  const getStateSelector = (dictionary, component, appearance, state, groupType, variant, type, platform, isRootMapping) => {
204
- var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u;
205
- const meta = (_b = (_a = dictionary.unfilteredTokens) === null || _a === void 0 ? void 0 : _a[component]) === null || _b === void 0 ? void 0 : _b.meta;
206
- const appearanceMeta = (_c = meta === null || meta === void 0 ? void 0 : meta.appearances) === null || _c === void 0 ? void 0 : _c[appearance];
192
+ const meta = dictionary.unfilteredTokens?.[component]?.meta;
193
+ const appearanceMeta = meta?.appearances?.[appearance];
207
194
  const selectors = [];
208
195
  if (type === 'state-variant') {
209
- selectors.push((_j = (_h = (_g = (_f = (_e = (_d = appearanceMeta === null || appearanceMeta === void 0 ? void 0 : appearanceMeta.variantGroups) === null || _d === void 0 ? void 0 : _d[groupType]) === null || _e === void 0 ? void 0 : _e[variant]) === null || _f === void 0 ? void 0 : _f.states) === null || _g === void 0 ? void 0 : _g[state]) === null || _h === void 0 ? void 0 : _h.selector) === null || _j === void 0 ? void 0 : _j[platform]);
196
+ selectors.push(appearanceMeta?.variantGroups?.[groupType]?.[variant]?.states?.[state]?.selector?.[platform]);
210
197
  }
211
198
  if (type === 'state-mapping' || type === 'state-variant') {
212
- selectors.push((_o = (_m = (_l = (_k = appearanceMeta === null || appearanceMeta === void 0 ? void 0 : appearanceMeta.mapping) === null || _k === void 0 ? void 0 : _k.states) === null || _l === void 0 ? void 0 : _l[state]) === null || _m === void 0 ? void 0 : _m.selector) === null || _o === void 0 ? void 0 : _o[platform], (_s = (_r = (_q = (_p = meta === null || meta === void 0 ? void 0 : meta.mapping) === null || _p === void 0 ? void 0 : _p.states) === null || _q === void 0 ? void 0 : _q[state]) === null || _r === void 0 ? void 0 : _r.selector) === null || _s === void 0 ? void 0 : _s[platform]);
199
+ selectors.push(appearanceMeta?.mapping?.states?.[state]?.selector?.[platform], meta?.mapping?.states?.[state]?.selector?.[platform]);
213
200
  }
214
201
  const selector = (platform === "mobile" && (type === "state-variant" || (type == "state-mapping" && !isRootMapping))
215
- ? `${(_u = (_t = meta === null || meta === void 0 ? void 0 : meta.mapping) === null || _t === void 0 ? void 0 : _t.selector) === null || _u === void 0 ? void 0 : _u[platform]}${selectors.find(Boolean)}`
202
+ ? `${meta?.mapping?.selector?.[platform]}${selectors.find(Boolean)}`
216
203
  : selectors.find(Boolean)) || `:${state}`;
217
204
  // Return the first defined selector or fallback to pseudo-class
218
205
  return selector;
219
206
  };
220
207
  const getSelectorFromGroup = (group, dictionary, platform) => {
221
- var _a, _b, _c, _d, _e, _f, _g;
222
208
  const { component, appearance, type, groupType, variant, state, isRootMapping } = group;
223
- const meta = (_b = (_a = dictionary.unfilteredTokens) === null || _a === void 0 ? void 0 : _a[component]) === null || _b === void 0 ? void 0 : _b.meta;
224
- const appearanceMeta = (_c = meta === null || meta === void 0 ? void 0 : meta.appearances) === null || _c === void 0 ? void 0 : _c[appearance];
209
+ const meta = dictionary.unfilteredTokens?.[component]?.meta;
210
+ const appearanceMeta = meta?.appearances?.[appearance];
225
211
  const defaultBase = `.${component}-${appearance}`;
226
- const rootMappingSelector = ((_e = (_d = meta === null || meta === void 0 ? void 0 : meta.mapping) === null || _d === void 0 ? void 0 : _d.selector) === null || _e === void 0 ? void 0 : _e[platform]) || `.${component}`;
227
- const appearanceMappingSelector = ((_g = (_f = appearanceMeta === null || appearanceMeta === void 0 ? void 0 : appearanceMeta.mapping) === null || _f === void 0 ? void 0 : _f.selector) === null || _g === void 0 ? void 0 : _g[platform]) || defaultBase;
212
+ const rootMappingSelector = meta?.mapping?.selector?.[platform] || `.${component}`;
213
+ const appearanceMappingSelector = appearanceMeta?.mapping?.selector?.[platform] || defaultBase;
228
214
  const getCombinedVariantSelector = () => {
229
- var _a, _b, _c, _d;
230
- const selector = (_d = (_c = (_b = (_a = appearanceMeta === null || appearanceMeta === void 0 ? void 0 : appearanceMeta.variantGroups) === null || _a === void 0 ? void 0 : _a[groupType]) === null || _b === void 0 ? void 0 : _b[variant]) === null || _c === void 0 ? void 0 : _c.selector) === null || _d === void 0 ? void 0 : _d[platform];
215
+ const selector = appearanceMeta?.variantGroups?.[groupType]?.[variant]?.selector?.[platform];
231
216
  if (platform === 'mobile') {
232
217
  return selector || `${[
233
218
  appearanceMappingSelector || [component, appearance].filter(Boolean).join('-'),
@@ -1 +1 @@
1
- {"version":3,"file":"style-dictionary-utils.js","sourceRoot":"./","sources":["src/utils/style-dictionary-utils.js"],"names":[],"mappings":"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","sourcesContent":["\n// If `opacity` exists, we apply a `color-mix` formula to blend colors\n// If `multiple` exists, we apply the `calc()` function to multiply the reference value\n// Otherwise, we simply replace the reference with its corresponding variable\nfunction processTokenValue(value, refs, multiple, opacity) {\n // Remove `mapping` from token.name\n const cleanName = refs.name.replace(/mapping-?/g, '');\n if (opacity) {\n return `color-mix(in srgb, var(--${cleanName}), transparent calc(100% - ${opacity}))`;\n } else if (multiple) {\n return value.replace(refs.value, `calc(var(--${cleanName}) * ${multiple})`);\n } else {\n return value.replace(refs.value, `var(--${cleanName})`);\n }\n}\n\n// Helper function to resolve references for both `multiple` and `opacity` and return the updated value\nfunction resolveTokenReferences(token, unfilteredTokens, usesReferences, getReferences) {\n let multiple = token.original?.attributes?.multiple;\n let opacity = token.original?.attributes?.opacity;\n\n // Resolve references in `multiple` and `opacity`\n multiple = resolveAndReplaceReferences(multiple, unfilteredTokens, usesReferences, getReferences);\n opacity = resolveAndReplaceReferences(opacity, unfilteredTokens, usesReferences, getReferences);\n\n return { multiple, opacity };\n}\n\n// Helper function to resolve references and return the token name\nfunction resolveAndReplaceReferences(attribute, unfilteredTokens, usesReferences, getReferences) {\n if (attribute && usesReferences(attribute, unfilteredTokens)) {\n const refs = getReferences(attribute, unfilteredTokens);\n refs.forEach(ref => {\n // Replace the reference with the resolved token name\n attribute = `var(--${ref.name})`;\n });\n }\n return attribute;\n}\n\n\nconst cssVarCalcMixFormatter = (usesReferences, getReferences, fs) => ({\n name: 'wm-calc-colormix-format',\n format: function ({ dictionary, options }) {\n const { selector, tokenReadmePath } = options;\n // Prepare Markdown table only if enabled\n const tableRows = ['| Token | Description |', '|-------|------------|'];\n \n // Generate CSS variable definitions\n const variables = dictionary.allTokens\n .map((token) => {\n // Remove `mapping` from token.name\n const cleanName = token.name.replace(/mapping-?/g, '');\n let value = getProcessedTokenValue(token, dictionary, usesReferences, getReferences);\n\n // Add to table if token has a description and table generation is enabled\n if (tokenReadmePath && token?.attributes?.description) {\n const pathName = token.path\n .slice(1) // ignore first key (btn, data-table etc.,)\n .filter(key => key !== 'mapping') // remove 'mapping'\n .join('.');\n\n // Keep full description but handle <br> tags properly for table\n let safeDescription = token?.attributes?.description\n .replace(/\\|/g, '\\\\|') // escape pipe characters\n .replace(/<br\\s*\\/?>/gi, '<br>') // keep <br> tags as HTML for proper rendering\n .trim();\n\n tableRows.push(`| ${pathName} | ${safeDescription} |`);\n }\n\n return `--${cleanName}: ${value};`;\n })\n .join(`\\n`);\n\n // Write the table if tokens has description\n if (tokenReadmePath && tableRows.length > 2 && fs) {\n tableRows.unshift(\n `<!-- AUTO-GENERATED FILE. Do not edit manually. -->`,\n ``,\n `# Token Reference Table`,\n ``,\n `This table lists all tokens for this component:`,\n ``\n );\n fs.writeFileSync(tokenReadmePath, tableRows.join('\\n'), 'utf8');\n console.log(`Token description table generated: ${tokenReadmePath}`);\n }\n\n // Return correctly formatted output based on selector\n return selector && selector.trim()\n ? `${selector} {\\n${variables}\\n}\\n` // Wrap in selector\n : `${variables}\\n`; // No selector, no closing bracket\n },\n}\n);\n\n\nfunction getProcessedTokenValue(token, dictionary, usesReferences, getReferences) {\n let value = String(token.value);\n // Checking if the token has references\n if (usesReferences(token.original.value, dictionary.unfilteredTokens)) {\n const refs = getReferences(token.original.value, dictionary.unfilteredTokens);\n\n refs.forEach((ref) => {\n // Resolve references for `multiple` and `opacity`\n const { multiple, opacity } = resolveTokenReferences(token, dictionary.unfilteredTokens, usesReferences, getReferences);\n // Process the value based on resolved references\n value = processTokenValue(value, ref, multiple, opacity);\n });\n } else {\n value = token.original.value || token.value\n }\n return value;\n}\n\nconst componentVariantsFormatter = (usesReferences, getReferences, platform, options = {}) => ({\n name: 'css/component-variants',\n format: function ({ dictionary, file, ...rest }) {\n const componentRootKey = Object.keys(dictionary.tokens)[0];\n if (!componentRootKey) {\n console.warn(`[Style Dictionary] Could not derive component name from source ${file.destination}`);\n return '';\n }\n\n const groupedVariants = groupTokensByVariantType(dictionary, componentRootKey, platform);\n const cssBlocks = Object.values(groupedVariants).map(group =>\n generateCssBlockFromGroup(group, dictionary, usesReferences, getReferences, platform)\n );\n\n // --- README GENERATION ---\n const generateReadmeFn = options.generateComponentReadme;\n if (generateReadmeFn) {\n generateReadmeFn(\n componentRootKey,\n groupedVariants,\n platform,\n dictionary,\n {...rest.options}\n );\n }\n // --- END README GENERATION ---\n\n return cssBlocks.join('\\n\\n');\n }\n});\n\nconst groupTokensByVariantType = (dictionary, componentRootKey, platform) => {\n const groups = {};\n const isMobile = platform === 'mobile';\n const mappingStore = {};\n\n dictionary.allTokens.forEach((token) => {\n const path = token.path;\n const appearanceIndex = path.indexOf('appearances');\n const variantGroupIndex = path.indexOf('variantGroups');\n const stateIndex = path.indexOf('states');\n const isState = stateIndex !== -1;\n const state = isState ? path[stateIndex + 1] : null;\n\n const appearance = appearanceIndex !== -1 ? path[appearanceIndex + 1] : null;\n const groupType = variantGroupIndex !== -1 ? path[variantGroupIndex + 1] : null;\n const variant = variantGroupIndex !== -1 ? path[variantGroupIndex + 2] : null;\n\n const isVariantToken = appearance && groupType && variant;\n const isTopLevelMapping = appearanceIndex === -1 && path[1] === 'mapping';\n const isAppearanceMapping = appearanceIndex !== -1 && path[appearanceIndex + 2] === 'mapping';\n\n let key, type, group;\n\n if (isVariantToken) {\n key = `${componentRootKey}-${appearance}-${groupType}-${variant}${isState ? `-${state}` : ''}`;\n type = isState ? 'state-variant' : 'variant';\n group = {\n type,\n component: componentRootKey,\n appearance,\n groupType,\n variant,\n state,\n };\n if (!groups[key]) {\n groups[key] = { ...group, tokens: [] };\n \n if (isMobile && mappingStore[appearance]) {\n groups[key].tokens.push(...mappingStore[appearance]);\n }\n } \n } else if (isTopLevelMapping) {\n key = `${componentRootKey}-mapping${isState ? `-${state}` : ''}`;\n type = isState ? 'state-mapping' : 'mapping';\n group = {\n type,\n component: componentRootKey,\n appearance: 'mapping',\n state,\n isRootMapping: true,\n };\n } else if (isAppearanceMapping) {\n const appearanceDef = dictionary.tokens?.[componentRootKey]?.appearances?.[appearance];\n const hasVariants = appearanceDef?.variantGroups && Object.keys(appearanceDef.variantGroups).length > 0;\n // If mobile + variants exist, skip creating this class — mapping will be merged\n if (isMobile && hasVariants && !isState) {\n mappingStore[appearance] ??= [];\n mappingStore[appearance].push(token);\n return; // skip adding mapping like .btn-outlined\n }\n // Else proceed to generate a separate class for mapping\n key = `${componentRootKey}-${appearance}-mapping${isState ? `-${state}` : ''}`;\n type = isState ? 'state-mapping' : 'mapping';\n group = {\n type,\n component: componentRootKey,\n appearance,\n state,\n };\n\n if (isMobile && !isState) {\n mappingStore[appearance] ??= [];\n mappingStore[appearance].push(token);\n }\n }\n\n if (key) {\n groups[key] ??= { ...group, tokens: [] };\n groups[key].tokens.push(token);\n }\n });\n\n return groups;\n};\n\n// output: a selector string based on the group type and state\nconst getStateSelector = (dictionary, component, appearance, state, groupType, variant, type, platform, isRootMapping) => {\n const meta = dictionary.unfilteredTokens?.[component]?.meta;\n const appearanceMeta = meta?.appearances?.[appearance];\n const selectors = [];\n\n if (type === 'state-variant') {\n selectors.push(\n appearanceMeta?.variantGroups?.[groupType]?.[variant]?.states?.[state]?.selector?.[platform]\n );\n }\n\n if (type === 'state-mapping' || type === 'state-variant') {\n selectors.push(\n appearanceMeta?.mapping?.states?.[state]?.selector?.[platform],\n meta?.mapping?.states?.[state]?.selector?.[platform]\n );\n }\n const selector =\n (platform === \"mobile\" && (type === \"state-variant\" || (type == \"state-mapping\" && !isRootMapping))\n ? `${meta?.mapping?.selector?.[platform]}${selectors.find(Boolean)}`\n : selectors.find(Boolean)) || `:${state}`;\n\n // Return the first defined selector or fallback to pseudo-class\n return selector;\n};\n\nconst getSelectorFromGroup = (group, dictionary, platform) => {\n const { component, appearance, type, groupType, variant, state, isRootMapping } = group;\n\n const meta = dictionary.unfilteredTokens?.[component]?.meta;\n const appearanceMeta = meta?.appearances?.[appearance];\n\n const defaultBase = `.${component}-${appearance}`;\n const rootMappingSelector = meta?.mapping?.selector?.[platform] || `.${component}`;\n const appearanceMappingSelector = appearanceMeta?.mapping?.selector?.[platform] || defaultBase;\n\n const getCombinedVariantSelector = () => {\n const selector = appearanceMeta?.variantGroups?.[groupType]?.[variant]?.selector?.[platform];\n if (platform === 'mobile') {\n return selector || `${[\n appearanceMappingSelector || [component, appearance].filter(Boolean).join('-'),\n variant\n ].filter(Boolean).join('-')}`;\n }\n return selector\n ? expandSelectors(platform, appearanceMappingSelector, selector)\n : expandSelectors(platform, appearanceMappingSelector, `.${component}-${variant}`);\n };\n\n const getStateSelectorWrapper = () =>\n getStateSelector(dictionary, component, appearance, state, groupType, variant, type, platform, isRootMapping);\n\n switch (type) {\n case 'mapping':\n return isRootMapping ? rootMappingSelector : appearanceMappingSelector;\n\n case 'variant':\n return getCombinedVariantSelector();\n\n case 'state-mapping':\n return isRootMapping\n ? expandSelectors(platform, rootMappingSelector, getStateSelectorWrapper())\n : expandSelectors(platform, appearanceMappingSelector, getStateSelectorWrapper());\n\n case 'state-variant':\n return expandSelectors(platform, getCombinedVariantSelector(), getStateSelectorWrapper());\n\n default:\n return '';\n }\n};\n\nconst expandSelectors = (platform, baseSelectors, stateSelectors = ['']) => {\n if (platform == \"web\") {\n const bases = baseSelectors.split(',').filter(Boolean);\n const states = stateSelectors.split(',').filter(Boolean);\n\n const combos = [];\n for (const base of bases) {\n for (const state of states) {\n combos.push(`${base}${state}`);\n }\n }\n return combos.join(',');\n } else {\n return `${baseSelectors}${stateSelectors}`\n }\n};\n\n\n// takes a group object and a dictionary, and returns a CSS block\n// Example output:\n// .btn-filled-status-primary {\n// --wm-btn-filled-status-primary-color: #fff;\n//}\nconst generateCssBlockFromGroup = (group, dictionary, usesReferences, getReferences, platform) => {\n const { tokens, component, appearance, groupType, variant } = group;\n\n let selector = getSelectorFromGroup(group, dictionary, platform);\n if (platform === 'web' && selector) {\n selector = selector\n .split(',')\n .map(s => s.startsWith('.wm-app') ? s : `.wm-app ${s}`)\n .join(', ');\n }\n if (!selector) return '';\n\n const cssProps = tokens\n .map((token) => {\n const value = getProcessedTokenValue(token, dictionary, usesReferences, getReferences);\n const baseProp = getBasePropertyName(token.path, component, appearance, groupType, variant);\n const cssVarName = `--wm-${component}${baseProp ? `-${baseProp}` : ''}`.replace(/-+$/, '');\n return ` ${cssVarName}: ${value};`;\n })\n .join('\\n');\n\n\n if (platform === 'web') {\n\n return `${selector} {\\n${cssProps}\\n}`;\n\n } else {\n const selectors = selector.split(',').map(s => s.trim()).filter(Boolean);\n\n //if there are multiple selectors extract custom variant from the first selector and apply it to subsequent selectors\n if (selectors.length > 1) {\n const firstSelector = selectors[0];\n const hasCustomAppearance = /^\\.[\\w-]+\\./.test(firstSelector);\n if (hasCustomAppearance) {\n // Extract base selector (e.g., \".btn-success\" from \".btn-success.app-button-disabled\")\n const baseMatch = firstSelector.match(/^(\\.[\\w-]+)\\./);\n const baseSelector = baseMatch ? baseMatch[1] : '';\n\n // Apply base selector to all subsequent selectors\n selectors.forEach((selector, i) => {\n if (baseSelector && !selector.startsWith(baseSelector)) {\n selectors[i] = `${baseSelector}${selector}`;\n }\n });\n\n }\n\n }\n\n return `${selectors.join(',\\n')} {\\n${cssProps}\\n}`;\n }\n};\n\n\n/**\n * Derives a clean CSS variable suffix from the token path.\n * Removes known structural segments like component name, appearance, state, variant, etc.\n *\n * @param tokenPath - The full token path array\n * @param componentRootKey - e.g., \"btn\"\n * @param appearance - e.g., \"filled\"\n * @param groupType - e.g., \"status\" or \"size\"\n * @param variant - e.g., \"primary\", \"lg\"\n * @returns A kebab-case string like \"color-background\" to append to --wm-btn\n */\nconst getBasePropertyName = (tokenPath, componentRootKey, appearance, groupType, variant) => {\n const stateIndex = tokenPath.indexOf('states');\n const stateName = stateIndex !== -1 ? tokenPath[stateIndex + 1] : null;\n\n // All known structural segments to exclude from final name\n const ignoreSegments = new Set([\n componentRootKey,\n 'appearances',\n appearance,\n 'mapping',\n 'states',\n stateName,\n 'variantGroups',\n groupType,\n variant\n ]);\n\n // Sanitize helper: removes illegal characters like @ and trims leading/trailing dashes\n const sanitize = (segment) =>\n segment.replace(/[^a-zA-Z0-9-_]/g, '-').replace(/^-+|-+$/g, '').trim();\n\n // Build property name from remaining segments\n const propertyName = tokenPath\n .filter(segment => segment && !ignoreSegments.has(segment))\n .map(sanitize)\n .join('-');\n\n return propertyName;\n};\n\nexport { cssVarCalcMixFormatter, componentVariantsFormatter, getSelectorFromGroup };\n\n"]}
1
+ {"version":3,"file":"style-dictionary-utils.js","sourceRoot":"./","sources":["src/utils/style-dictionary-utils.js"],"names":[],"mappings":"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","sourcesContent":["\n// If `opacity` exists, we apply a `color-mix` formula to blend colors\n// If `multiple` exists, we apply the `calc()` function to multiply the reference value\n// Otherwise, we simply replace the reference with its corresponding variable\nfunction processTokenValue(value, refs, multiple, opacity) {\n // Remove `mapping` from token.name\n const cleanName = refs.name.replace(/mapping-?/g, '');\n if (opacity) {\n return `color-mix(in srgb, var(--${cleanName}), transparent calc(100% - ${opacity}))`;\n } else if (multiple) {\n return value.replace(refs.value, `calc(var(--${cleanName}) * ${multiple})`);\n } else {\n return value.replace(refs.value, `var(--${cleanName})`);\n }\n}\n\n// Helper function to resolve references for both `multiple` and `opacity` and return the updated value\nfunction resolveTokenReferences(token, unfilteredTokens, usesReferences, getReferences) {\n let multiple = token.original?.attributes?.multiple;\n let opacity = token.original?.attributes?.opacity;\n\n // Resolve references in `multiple` and `opacity`\n multiple = resolveAndReplaceReferences(multiple, unfilteredTokens, usesReferences, getReferences);\n opacity = resolveAndReplaceReferences(opacity, unfilteredTokens, usesReferences, getReferences);\n\n return { multiple, opacity };\n}\n\n// Helper function to resolve references and return the token name\nfunction resolveAndReplaceReferences(attribute, unfilteredTokens, usesReferences, getReferences) {\n if (attribute && usesReferences(attribute, unfilteredTokens)) {\n const refs = getReferences(attribute, unfilteredTokens);\n refs.forEach(ref => {\n // Replace the reference with the resolved token name\n attribute = `var(--${ref.name})`;\n });\n }\n return attribute;\n}\n\n\nconst cssVarCalcMixFormatter = (usesReferences, getReferences, fs) => ({\n name: 'wm-calc-colormix-format',\n format: function ({ dictionary, options }) {\n const { selector, tokenReadmePath } = options;\n // Prepare Markdown table only if enabled\n const tableRows = ['| Token | Description |', '|-------|------------|'];\n \n // Generate CSS variable definitions\n const variables = dictionary.allTokens\n .map((token) => {\n // Remove `mapping` from token.name\n const cleanName = token.name.replace(/mapping-?/g, '');\n let value = getProcessedTokenValue(token, dictionary, usesReferences, getReferences);\n\n // Add to table if token has a description and table generation is enabled\n if (tokenReadmePath && token?.attributes?.description) {\n const pathName = token.path\n .slice(1) // ignore first key (btn, data-table etc.,)\n .filter(key => key !== 'mapping') // remove 'mapping'\n .join('.');\n\n // Keep full description but handle <br> tags properly for table\n let safeDescription = token?.attributes?.description\n .replace(/\\|/g, '\\\\|') // escape pipe characters\n .replace(/<br\\s*\\/?>/gi, '<br>') // keep <br> tags as HTML for proper rendering\n .trim();\n\n tableRows.push(`| ${pathName} | ${safeDescription} |`);\n }\n\n return `--${cleanName}: ${value};`;\n })\n .join(`\\n`);\n\n // Write the table if tokens has description\n if (tokenReadmePath && tableRows.length > 2 && fs) {\n tableRows.unshift(\n `<!-- AUTO-GENERATED FILE. Do not edit manually. -->`,\n ``,\n `# Token Reference Table`,\n ``,\n `This table lists all tokens for this component:`,\n ``\n );\n fs.writeFileSync(tokenReadmePath, tableRows.join('\\n'), 'utf8');\n console.log(`Token description table generated: ${tokenReadmePath}`);\n }\n\n // Return correctly formatted output based on selector\n return selector && selector.trim()\n ? `${selector} {\\n${variables}\\n}\\n` // Wrap in selector\n : `${variables}\\n`; // No selector, no closing bracket\n },\n}\n);\n\n\nfunction getProcessedTokenValue(token, dictionary, usesReferences, getReferences) {\n let value = String(token.value);\n // Checking if the token has references\n if (usesReferences(token.original.value, dictionary.unfilteredTokens)) {\n const refs = getReferences(token.original.value, dictionary.unfilteredTokens);\n\n refs.forEach((ref) => {\n // Resolve references for `multiple` and `opacity`\n const { multiple, opacity } = resolveTokenReferences(token, dictionary.unfilteredTokens, usesReferences, getReferences);\n // Process the value based on resolved references\n value = processTokenValue(value, ref, multiple, opacity);\n });\n } else {\n value = token.original.value || token.value\n }\n return value;\n}\n\nconst componentVariantsFormatter = (usesReferences, getReferences, platform, options = {}) => ({\n name: 'css/component-variants',\n format: function ({ dictionary, file, ...rest }) {\n const componentRootKey = Object.keys(dictionary.tokens)[0];\n if (!componentRootKey) {\n console.warn(`[Style Dictionary] Could not derive component name from source ${file.destination}`);\n return '';\n }\n\n const groupedVariants = groupTokensByVariantType(dictionary, componentRootKey, platform);\n const cssBlocks = Object.values(groupedVariants).map(group =>\n generateCssBlockFromGroup(group, dictionary, usesReferences, getReferences, platform)\n );\n\n // --- README GENERATION ---\n const generateReadmeFn = options.generateComponentReadme;\n if (generateReadmeFn) {\n generateReadmeFn(\n componentRootKey,\n groupedVariants,\n platform,\n dictionary,\n {...rest.options}\n );\n }\n // --- END README GENERATION ---\n\n return cssBlocks.join('\\n\\n');\n }\n});\n\nconst groupTokensByVariantType = (dictionary, componentRootKey, platform) => {\n const groups = {};\n const isMobile = platform === 'mobile';\n const mappingStore = {};\n\n dictionary.allTokens.forEach((token) => {\n const path = token.path;\n const appearanceIndex = path.indexOf('appearances');\n const variantGroupIndex = path.indexOf('variantGroups');\n const stateIndex = path.indexOf('states');\n const isState = stateIndex !== -1;\n const state = isState ? path[stateIndex + 1] : null;\n\n const appearance = appearanceIndex !== -1 ? path[appearanceIndex + 1] : null;\n const groupType = variantGroupIndex !== -1 ? path[variantGroupIndex + 1] : null;\n const variant = variantGroupIndex !== -1 ? path[variantGroupIndex + 2] : null;\n\n const isVariantToken = appearance && groupType && variant;\n const isTopLevelMapping = appearanceIndex === -1 && path[1] === 'mapping';\n const isAppearanceMapping = appearanceIndex !== -1 && path[appearanceIndex + 2] === 'mapping';\n\n let key, type, group;\n\n if (isVariantToken) {\n key = `${componentRootKey}-${appearance}-${groupType}-${variant}${isState ? `-${state}` : ''}`;\n type = isState ? 'state-variant' : 'variant';\n group = {\n type,\n component: componentRootKey,\n appearance,\n groupType,\n variant,\n state,\n };\n if (!groups[key]) {\n groups[key] = { ...group, tokens: [] };\n \n if (isMobile && mappingStore[appearance]) {\n groups[key].tokens.push(...mappingStore[appearance]);\n }\n } \n } else if (isTopLevelMapping) {\n key = `${componentRootKey}-mapping${isState ? `-${state}` : ''}`;\n type = isState ? 'state-mapping' : 'mapping';\n group = {\n type,\n component: componentRootKey,\n appearance: 'mapping',\n state,\n isRootMapping: true,\n };\n } else if (isAppearanceMapping) {\n const appearanceDef = dictionary.tokens?.[componentRootKey]?.appearances?.[appearance];\n const hasVariants = appearanceDef?.variantGroups && Object.keys(appearanceDef.variantGroups).length > 0;\n // If mobile + variants exist, skip creating this class — mapping will be merged\n if (isMobile && hasVariants && !isState) {\n mappingStore[appearance] ??= [];\n mappingStore[appearance].push(token);\n return; // skip adding mapping like .btn-outlined\n }\n // Else proceed to generate a separate class for mapping\n key = `${componentRootKey}-${appearance}-mapping${isState ? `-${state}` : ''}`;\n type = isState ? 'state-mapping' : 'mapping';\n group = {\n type,\n component: componentRootKey,\n appearance,\n state,\n };\n\n if (isMobile && !isState) {\n mappingStore[appearance] ??= [];\n mappingStore[appearance].push(token);\n }\n }\n\n if (key) {\n groups[key] ??= { ...group, tokens: [] };\n groups[key].tokens.push(token);\n }\n });\n\n return groups;\n};\n\n// output: a selector string based on the group type and state\nconst getStateSelector = (dictionary, component, appearance, state, groupType, variant, type, platform, isRootMapping) => {\n const meta = dictionary.unfilteredTokens?.[component]?.meta;\n const appearanceMeta = meta?.appearances?.[appearance];\n const selectors = [];\n\n if (type === 'state-variant') {\n selectors.push(\n appearanceMeta?.variantGroups?.[groupType]?.[variant]?.states?.[state]?.selector?.[platform]\n );\n }\n\n if (type === 'state-mapping' || type === 'state-variant') {\n selectors.push(\n appearanceMeta?.mapping?.states?.[state]?.selector?.[platform],\n meta?.mapping?.states?.[state]?.selector?.[platform]\n );\n }\n const selector =\n (platform === \"mobile\" && (type === \"state-variant\" || (type == \"state-mapping\" && !isRootMapping))\n ? `${meta?.mapping?.selector?.[platform]}${selectors.find(Boolean)}`\n : selectors.find(Boolean)) || `:${state}`;\n\n // Return the first defined selector or fallback to pseudo-class\n return selector;\n};\n\nconst getSelectorFromGroup = (group, dictionary, platform) => {\n const { component, appearance, type, groupType, variant, state, isRootMapping } = group;\n\n const meta = dictionary.unfilteredTokens?.[component]?.meta;\n const appearanceMeta = meta?.appearances?.[appearance];\n\n const defaultBase = `.${component}-${appearance}`;\n const rootMappingSelector = meta?.mapping?.selector?.[platform] || `.${component}`;\n const appearanceMappingSelector = appearanceMeta?.mapping?.selector?.[platform] || defaultBase;\n\n const getCombinedVariantSelector = () => {\n const selector = appearanceMeta?.variantGroups?.[groupType]?.[variant]?.selector?.[platform];\n if (platform === 'mobile') {\n return selector || `${[\n appearanceMappingSelector || [component, appearance].filter(Boolean).join('-'),\n variant\n ].filter(Boolean).join('-')}`;\n }\n return selector\n ? expandSelectors(platform, appearanceMappingSelector, selector)\n : expandSelectors(platform, appearanceMappingSelector, `.${component}-${variant}`);\n };\n\n const getStateSelectorWrapper = () =>\n getStateSelector(dictionary, component, appearance, state, groupType, variant, type, platform, isRootMapping);\n\n switch (type) {\n case 'mapping':\n return isRootMapping ? rootMappingSelector : appearanceMappingSelector;\n\n case 'variant':\n return getCombinedVariantSelector();\n\n case 'state-mapping':\n return isRootMapping\n ? expandSelectors(platform, rootMappingSelector, getStateSelectorWrapper())\n : expandSelectors(platform, appearanceMappingSelector, getStateSelectorWrapper());\n\n case 'state-variant':\n return expandSelectors(platform, getCombinedVariantSelector(), getStateSelectorWrapper());\n\n default:\n return '';\n }\n};\n\nconst expandSelectors = (platform, baseSelectors, stateSelectors = ['']) => {\n if (platform == \"web\") {\n const bases = baseSelectors.split(',').filter(Boolean);\n const states = stateSelectors.split(',').filter(Boolean);\n\n const combos = [];\n for (const base of bases) {\n for (const state of states) {\n combos.push(`${base}${state}`);\n }\n }\n return combos.join(',');\n } else {\n return `${baseSelectors}${stateSelectors}`\n }\n};\n\n\n// takes a group object and a dictionary, and returns a CSS block\n// Example output:\n// .btn-filled-status-primary {\n// --wm-btn-filled-status-primary-color: #fff;\n//}\nconst generateCssBlockFromGroup = (group, dictionary, usesReferences, getReferences, platform) => {\n const { tokens, component, appearance, groupType, variant } = group;\n\n let selector = getSelectorFromGroup(group, dictionary, platform);\n if (platform === 'web' && selector) {\n selector = selector\n .split(',')\n .map(s => s.startsWith('.wm-app') ? s : `.wm-app ${s}`)\n .join(', ');\n }\n if (!selector) return '';\n\n const cssProps = tokens\n .map((token) => {\n const value = getProcessedTokenValue(token, dictionary, usesReferences, getReferences);\n const baseProp = getBasePropertyName(token.path, component, appearance, groupType, variant);\n const cssVarName = `--wm-${component}${baseProp ? `-${baseProp}` : ''}`.replace(/-+$/, '');\n return ` ${cssVarName}: ${value};`;\n })\n .join('\\n');\n\n\n if (platform === 'web') {\n\n return `${selector} {\\n${cssProps}\\n}`;\n\n } else {\n const selectors = selector.split(',').map(s => s.trim()).filter(Boolean);\n\n //if there are multiple selectors extract custom variant from the first selector and apply it to subsequent selectors\n if (selectors.length > 1) {\n const firstSelector = selectors[0];\n const hasCustomAppearance = /^\\.[\\w-]+\\./.test(firstSelector);\n if (hasCustomAppearance) {\n // Extract base selector (e.g., \".btn-success\" from \".btn-success.app-button-disabled\")\n const baseMatch = firstSelector.match(/^(\\.[\\w-]+)\\./);\n const baseSelector = baseMatch ? baseMatch[1] : '';\n\n // Apply base selector to all subsequent selectors\n selectors.forEach((selector, i) => {\n if (baseSelector && !selector.startsWith(baseSelector)) {\n selectors[i] = `${baseSelector}${selector}`;\n }\n });\n\n }\n\n }\n\n return `${selectors.join(',\\n')} {\\n${cssProps}\\n}`;\n }\n};\n\n\n/**\n * Derives a clean CSS variable suffix from the token path.\n * Removes known structural segments like component name, appearance, state, variant, etc.\n *\n * @param tokenPath - The full token path array\n * @param componentRootKey - e.g., \"btn\"\n * @param appearance - e.g., \"filled\"\n * @param groupType - e.g., \"status\" or \"size\"\n * @param variant - e.g., \"primary\", \"lg\"\n * @returns A kebab-case string like \"color-background\" to append to --wm-btn\n */\nconst getBasePropertyName = (tokenPath, componentRootKey, appearance, groupType, variant) => {\n const stateIndex = tokenPath.indexOf('states');\n const stateName = stateIndex !== -1 ? tokenPath[stateIndex + 1] : null;\n\n // All known structural segments to exclude from final name\n const ignoreSegments = new Set([\n componentRootKey,\n 'appearances',\n appearance,\n 'mapping',\n 'states',\n stateName,\n 'variantGroups',\n groupType,\n variant\n ]);\n\n // Sanitize helper: removes illegal characters like @ and trims leading/trailing dashes\n const sanitize = (segment) =>\n segment.replace(/[^a-zA-Z0-9-_]/g, '-').replace(/^-+|-+$/g, '').trim();\n\n // Build property name from remaining segments\n const propertyName = tokenPath\n .filter(segment => segment && !ignoreSegments.has(segment))\n .map(sanitize)\n .join('-');\n\n return propertyName;\n};\n\nexport { cssVarCalcMixFormatter, componentVariantsFormatter, getSelectorFromGroup };\n\n"]}
package/web.index.js CHANGED
@@ -59,7 +59,7 @@ export const componentsList = {
59
59
  breadcrumb: {
60
60
  widgetTag: "wm-breadcrumb",
61
61
  key: "breadcrumb",
62
- columnWidth: 3,
62
+ columnWidth: 6,
63
63
  },
64
64
  button: {
65
65
  widgetTag: "wm-button",
@@ -99,7 +99,7 @@ export const componentsList = {
99
99
  chips: {
100
100
  widgetTag: "wm-chips",
101
101
  key: "chips",
102
- columnWidth: 3,
102
+ columnWidth: 6,
103
103
  },
104
104
  container: {
105
105
  widgetTag: "wm-container",
@@ -113,6 +113,7 @@ export const componentsList = {
113
113
  },
114
114
  "data-table": {
115
115
  key: "data-table",
116
+ widgetTag: "wm-table"
116
117
  },
117
118
  date: {
118
119
  widgetTag: "wm-date",
@@ -131,6 +132,7 @@ export const componentsList = {
131
132
  },
132
133
  "form-controls": {
133
134
  key: "form-controls",
135
+ widgetTag: "wm-form-controls",
134
136
  },
135
137
  "grid-layout": {
136
138
  key: "grid-layout",
@@ -140,6 +142,11 @@ export const componentsList = {
140
142
  key: "icon",
141
143
  columnWidth: 2,
142
144
  },
145
+ "iconbutton-toggleable": {
146
+ widgetTag: "wm-iconbutton-toggle",
147
+ key: "iconbutton-toggleable",
148
+ columnWidth: 8,
149
+ },
143
150
  label: {
144
151
  widgetTag: "wm-label",
145
152
  key: "label",
@@ -147,6 +154,7 @@ export const componentsList = {
147
154
  },
148
155
  list: {
149
156
  key: "list",
157
+ widgetTag: "wm-list"
150
158
  },
151
159
  message: {
152
160
  widgetTag: "wm-message",
@@ -170,10 +178,12 @@ export const componentsList = {
170
178
  columnWidth: 4,
171
179
  },
172
180
  "page-header": {
181
+ widgetTag: "wm-header",
173
182
  key: "page: header",
174
183
  displayName: "page: header",
175
184
  },
176
185
  "page-top-nav": {
186
+ widgetTag: "wm-top-nav",
177
187
  key: "page: top-nav",
178
188
  displayName: "page: top-nav",
179
189
  },
@@ -184,14 +194,17 @@ export const componentsList = {
184
194
  "page-left-nav": {
185
195
  key: "left-nav",
186
196
  displayName: "page: left-nav",
197
+ widgetTag: "wm-left-panel"
187
198
  },
188
199
  "page-right-nav": {
189
200
  key: "right-nav",
190
201
  displayName: "page: right-nav",
202
+ widgetTag: "wm-right-panel"
191
203
  },
192
204
  "page-footer": {
193
205
  key: "page: footer",
194
206
  displayName: "page: footer",
207
+ widgetTag: "wm-footer"
195
208
  },
196
209
  picture: {
197
210
  widgetTag: "wm-picture",
@@ -236,6 +249,11 @@ export const componentsList = {
236
249
  key: "search",
237
250
  columnWidth: 4,
238
251
  },
252
+ slider: {
253
+ widgetTag: "wm-slider",
254
+ key: "slider",
255
+ columnWidth: 8,
256
+ },
239
257
  spinner: {
240
258
  widgetTag: "wm-spinner",
241
259
  key: "spinner",
@@ -270,6 +288,7 @@ export const componentsList = {
270
288
  columnWidth: 2,
271
289
  },
272
290
  wizard: {
291
+ widgetTag: "wm-wizard",
273
292
  key: "wizard",
274
293
  },
275
294
  };
package/web.index.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"web.index.js","sourceRoot":"./","sources":["web.index.ts"],"names":[],"mappings":"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","sourcesContent":["// Primitives\nimport colorDefault from \"./src/tokens/web/global/colors/color.json\";\nimport colorLight from \"./src/tokens/web/global/colors/color.light.json\";\nimport colorDark from \"./src/tokens/web/global/colors/color.dark.json\";\nimport fontDefault from \"./src/tokens/web/global/font/font.json\";\nimport spacingDefault from \"./src/tokens/web/global/space/space.json\";\nimport radiusDefault from \"./src/tokens/web/global/radius/radius.json\";\nimport opacityDefault from \"./src/tokens/web/global/opacity/opacity.json\";\nimport elevationDefault from \"./src/tokens/web/global/elevation/elevation.json\";\nimport iconDefault from \"./src/tokens/web/global/icon/icon.json\";\nimport borderDefault from \"./src/tokens/web/global/border/border.json\";\nimport borderStyleDefault from \"./src/tokens/web/global/border-style/border-style.json\";\n\nexport interface TokenGroup {\n default: Record<string, any>;\n light?: Record<string, any>;\n dark?: Record<string, any>;\n [key: string]: Record<string, any> | undefined;\n}\n\n// Tokens Interface\nexport interface Tokens {\n color: TokenGroup;\n font: TokenGroup;\n space: TokenGroup;\n radius: TokenGroup;\n opacity: TokenGroup;\n elevation: TokenGroup;\n icon: TokenGroup;\n border: TokenGroup;\n borderStyle: TokenGroup;\n [key: string]: TokenGroup | undefined;\n}\n// Organized Tokens\nexport const tokens: Record<string, TokenGroup> = {\n color: {\n default: colorDefault,\n light: colorLight,\n dark: colorDark,\n },\n font: {\n default: fontDefault,\n },\n space: {\n default: spacingDefault,\n },\n radius: {\n default: radiusDefault,\n },\n opacity: {\n default: opacityDefault,\n },\n elevation: {\n default: elevationDefault,\n },\n icon: {\n default: iconDefault,\n },\n border: {\n default: borderDefault,\n },\n borderStyle: {\n default: borderStyleDefault,\n },\n};\n\nexport const componentsList: {} = {\n accordion: {\n widgetTag: \"wm-accordion\", \n key: \"accordion\",\n columnWidth: 5, \n },\n anchor: {\n widgetTag: \"wm-anchor\",\n key: \"anchor\",\n columnWidth: 3, \n },\n badge: {\n key: \"badge\", \n },\n breadcrumb: {\n widgetTag: \"wm-breadcrumb\", \n key: \"breadcrumb\",\n columnWidth: 3,\n },\n button: {\n widgetTag: \"wm-button\",\n key: \"button\",\n columnWidth: 3,\n },\n \"button-group\": {\n key: \"button-group\",\n widgetTag: \"wm-buttongroup\",\n columnWidth: 8,\n },\n calendar: {\n widgetTag: \"wm-calendar\", \n key: \"calendar\",\n columnWidth: 8, \n },\n cards: {\n widgetTag: \"wm-card\", \n key: \"cards\",\n columnWidth: 6, \n },\n carousel: {\n widgetTag: \"wm-carousel\", \n key: \"carousel\",\n columnWidth: 8, \n },\n checkbox: {\n widgetTag: \"wm-checkbox\",\n key: \"checkbox\",\n columnWidth: 3,\n },\n checkboxset: {\n widgetTag: \"wm-checkboxset\",\n key: \"checkboxset\",\n columnWidth: 5, \n },\n chips: {\n widgetTag: \"wm-chips\",\n key: \"chips\",\n columnWidth: 3,\n },\n container: {\n widgetTag: \"wm-container\",\n key: \"container\",\n columnWidth: 7,\n },\n currency: {\n widgetTag: \"wm-currency\",\n key: \"currency\",\n columnWidth: 6,\n },\n \"data-table\": {\n key: \"data-table\",\n },\n date: {\n widgetTag: \"wm-date\", \n key: \"date\",\n columnWidth: 4, \n },\n \"dropdown-menu\": {\n widgetTag: \"wm-menu\", \n columnWidth: 3, \n key: \"dropdown-menu\",\n },\n fileupload: {\n key: \"fileupload\",\n widgetTag: \"wm-fileupload\", \n columnWidth : 6, \n },\n \"form-controls\": {\n key: \"form-controls\",\n },\n \"grid-layout\": {\n key: \"grid-layout\",\n },\n icon: {\n widgetTag: \"wm-icon\",\n key: \"icon\",\n columnWidth: 2,\n },\n label: {\n widgetTag: \"wm-label\",\n key: \"label\",\n columnWidth: 2,\n },\n list: {\n key: \"list\",\n },\n message: {\n widgetTag: \"wm-message\",\n key: \"message\",\n columnWidth: 4,\n },\n \"modal-dialog\": {\n key: \"modal-dialog\",\n },\n nav:{\n widgetTag: \"wm-nav\",\n key: \"nav\",\n columnWidth: 4,\n },\n pagination: {\n key: \"pagination\",\n },\n panel: {\n widgetTag: \"wm-panel\",\n key: \"panel\",\n columnWidth: 4, \n },\n \"page-header\": {\n key: \"page: header\",\n displayName: \"page: header\",\n },\n \"page-top-nav\": {\n key: \"page: top-nav\",\n displayName: \"page: top-nav\",\n },\n \"page-content\": {\n key: \"page: content\",\n displayName: \"page: content\",\n },\n \"page-left-nav\": {\n key: \"left-nav\",\n displayName: \"page: left-nav\",\n },\n \"page-right-nav\": {\n key: \"right-nav\",\n displayName: \"page: right-nav\",\n },\n \"page-footer\": {\n key: \"page: footer\",\n displayName: \"page: footer\",\n },\n picture: {\n widgetTag: \"wm-picture\",\n key: \"picture\",\n columnWidth: 2,\n },\n popover: {\n widgetTag: \"wm-popover\",\n key: \"popover\",\n columnWidth: 5, \n },\n \"progress-bar\": {\n widgetTag: \"wm-progress-bar\",\n key: \"progress-bar\",\n columnWidth: 4,\n },\n \"progress-circle\": {\n widgetTag: \"wm-progress-circle\", \n key: \"progress-cicle\",\n columnWidth: 5, \n },\n radioset: {\n widgetTag: \"wm-radioset\",\n key: \"radioset\",\n columnWidth: 3,\n },\n rating: {\n widgetTag: \"wm-rating\", \n key: \"rating\",\n columnWidth: 4,\n },\n \"richtext-editor\": {\n widgetTag: \"wm-richtexteditor\",\n key: \"richtext-editor\",\n columnWidth: 8, \n },\n // scrollbar: {\n // key: \"scrollbar\",\n // },\n search: {\n widgetTag: \"wm-search\", \n key: \"search\",\n columnWidth: 4,\n },\n spinner: {\n widgetTag: \"wm-spinner\", \n key: \"spinner\",\n columnWidth: 3, \n },\n switch: {\n widgetTag: \"wm-switch\",\n key: \"switch\",\n columnWidth: 3,\n },\n tabs: {\n widgetTag: \"wm-tabs\", \n key: \"tabs\",\n columnWidth: 7, \n },\n tile: {\n widgetTag: \"wm-tile\",\n key: \"tile\",\n columnWidth: 4, \n },\n time: {\n widgetTag: \"wm-time\", \n key: \"time\",\n columnWidth: 4, \n },\n toast: {\n key: \"toast\",\n },\n toggle: {\n widgetTag : \"wm-toggle\",\n key: \"toggle\",\n columnWidth : 2, \n },\n wizard: {\n key: \"wizard\",\n },\n};\n \n \n \n "]}
1
+ {"version":3,"file":"web.index.js","sourceRoot":"./","sources":["web.index.ts"],"names":[],"mappings":"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","sourcesContent":["// Primitives\nimport colorDefault from \"./src/tokens/web/global/colors/color.json\";\nimport colorLight from \"./src/tokens/web/global/colors/color.light.json\";\nimport colorDark from \"./src/tokens/web/global/colors/color.dark.json\";\nimport fontDefault from \"./src/tokens/web/global/font/font.json\";\nimport spacingDefault from \"./src/tokens/web/global/space/space.json\";\nimport radiusDefault from \"./src/tokens/web/global/radius/radius.json\";\nimport opacityDefault from \"./src/tokens/web/global/opacity/opacity.json\";\nimport elevationDefault from \"./src/tokens/web/global/elevation/elevation.json\";\nimport iconDefault from \"./src/tokens/web/global/icon/icon.json\";\nimport borderDefault from \"./src/tokens/web/global/border/border.json\";\nimport borderStyleDefault from \"./src/tokens/web/global/border-style/border-style.json\";\n\nexport interface TokenGroup {\n default: Record<string, any>;\n light?: Record<string, any>;\n dark?: Record<string, any>;\n [key: string]: Record<string, any> | undefined;\n}\n\n// Tokens Interface\nexport interface Tokens {\n color: TokenGroup;\n font: TokenGroup;\n space: TokenGroup;\n radius: TokenGroup;\n opacity: TokenGroup;\n elevation: TokenGroup;\n icon: TokenGroup;\n border: TokenGroup;\n borderStyle: TokenGroup;\n [key: string]: TokenGroup | undefined;\n}\n// Organized Tokens\nexport const tokens: Record<string, TokenGroup> = {\n color: {\n default: colorDefault,\n light: colorLight,\n dark: colorDark,\n },\n font: {\n default: fontDefault,\n },\n space: {\n default: spacingDefault,\n },\n radius: {\n default: radiusDefault,\n },\n opacity: {\n default: opacityDefault,\n },\n elevation: {\n default: elevationDefault,\n },\n icon: {\n default: iconDefault,\n },\n border: {\n default: borderDefault,\n },\n borderStyle: {\n default: borderStyleDefault,\n },\n};\n\nexport const componentsList: {} = {\n accordion: {\n widgetTag: \"wm-accordion\", \n key: \"accordion\",\n columnWidth: 5, \n },\n anchor: {\n widgetTag: \"wm-anchor\",\n key: \"anchor\",\n columnWidth: 3, \n },\n badge: {\n key: \"badge\", \n },\n breadcrumb: {\n widgetTag: \"wm-breadcrumb\", \n key: \"breadcrumb\",\n columnWidth: 6,\n },\n button: {\n widgetTag: \"wm-button\",\n key: \"button\",\n columnWidth: 3,\n },\n \"button-group\": {\n key: \"button-group\",\n widgetTag: \"wm-buttongroup\",\n columnWidth: 8,\n },\n calendar: {\n widgetTag: \"wm-calendar\", \n key: \"calendar\",\n columnWidth: 8, \n },\n cards: {\n widgetTag: \"wm-card\", \n key: \"cards\",\n columnWidth: 6, \n },\n carousel: {\n widgetTag: \"wm-carousel\", \n key: \"carousel\",\n columnWidth: 8, \n },\n checkbox: {\n widgetTag: \"wm-checkbox\",\n key: \"checkbox\",\n columnWidth: 3,\n },\n checkboxset: {\n widgetTag: \"wm-checkboxset\",\n key: \"checkboxset\",\n columnWidth: 5, \n },\n chips: {\n widgetTag: \"wm-chips\",\n key: \"chips\",\n columnWidth: 6,\n },\n container: {\n widgetTag: \"wm-container\",\n key: \"container\",\n columnWidth: 7,\n },\n currency: {\n widgetTag: \"wm-currency\",\n key: \"currency\",\n columnWidth: 6,\n },\n \"data-table\": {\n key: \"data-table\",\n widgetTag: \"wm-table\"\n },\n date: {\n widgetTag: \"wm-date\", \n key: \"date\",\n columnWidth: 4, \n },\n \"dropdown-menu\": {\n widgetTag: \"wm-menu\", \n columnWidth: 3, \n key: \"dropdown-menu\",\n },\n fileupload: {\n key: \"fileupload\",\n widgetTag: \"wm-fileupload\", \n columnWidth : 6, \n },\n \"form-controls\": {\n key: \"form-controls\",\n widgetTag: \"wm-form-controls\", \n },\n \"grid-layout\": {\n key: \"grid-layout\",\n },\n icon: {\n widgetTag: \"wm-icon\",\n key: \"icon\",\n columnWidth: 2,\n },\n \"iconbutton-toggleable\": {\n widgetTag: \"wm-iconbutton-toggle\",\n key: \"iconbutton-toggleable\",\n columnWidth: 8,\n },\n label: {\n widgetTag: \"wm-label\",\n key: \"label\",\n columnWidth: 2,\n },\n list: {\n key: \"list\",\n widgetTag: \"wm-list\"\n },\n message: {\n widgetTag: \"wm-message\",\n key: \"message\",\n columnWidth: 4,\n },\n \"modal-dialog\": {\n key: \"modal-dialog\",\n },\n nav:{\n widgetTag: \"wm-nav\",\n key: \"nav\",\n columnWidth: 4,\n },\n pagination: {\n key: \"pagination\",\n },\n panel: {\n widgetTag: \"wm-panel\",\n key: \"panel\",\n columnWidth: 4, \n },\n \"page-header\": {\n widgetTag: \"wm-header\", \n key: \"page: header\",\n displayName: \"page: header\",\n },\n \"page-top-nav\": {\n widgetTag: \"wm-top-nav\", \n key: \"page: top-nav\",\n displayName: \"page: top-nav\",\n },\n \"page-content\": {\n key: \"page: content\",\n displayName: \"page: content\",\n },\n \"page-left-nav\": {\n key: \"left-nav\",\n displayName: \"page: left-nav\",\n widgetTag: \"wm-left-panel\"\n },\n \"page-right-nav\": {\n key: \"right-nav\",\n displayName: \"page: right-nav\",\n widgetTag: \"wm-right-panel\"\n },\n \"page-footer\": {\n key: \"page: footer\",\n displayName: \"page: footer\",\n widgetTag: \"wm-footer\" \n },\n picture: {\n widgetTag: \"wm-picture\",\n key: \"picture\",\n columnWidth: 2,\n },\n popover: {\n widgetTag: \"wm-popover\",\n key: \"popover\",\n columnWidth: 5, \n },\n \"progress-bar\": {\n widgetTag: \"wm-progress-bar\",\n key: \"progress-bar\",\n columnWidth: 4,\n },\n \"progress-circle\": {\n widgetTag: \"wm-progress-circle\", \n key: \"progress-cicle\",\n columnWidth: 5, \n },\n radioset: {\n widgetTag: \"wm-radioset\",\n key: \"radioset\",\n columnWidth: 3,\n },\n rating: {\n widgetTag: \"wm-rating\", \n key: \"rating\",\n columnWidth: 4,\n },\n \"richtext-editor\": {\n widgetTag: \"wm-richtexteditor\",\n key: \"richtext-editor\",\n columnWidth: 8, \n },\n // scrollbar: {\n // key: \"scrollbar\",\n // },\n search: {\n widgetTag: \"wm-search\", \n key: \"search\",\n columnWidth: 4,\n },\n slider : {\n widgetTag: \"wm-slider\",\n key: \"slider\",\n columnWidth: 8, \n },\n spinner: {\n widgetTag: \"wm-spinner\", \n key: \"spinner\",\n columnWidth: 3, \n },\n switch: {\n widgetTag: \"wm-switch\",\n key: \"switch\",\n columnWidth: 3,\n },\n tabs: {\n widgetTag: \"wm-tabs\", \n key: \"tabs\",\n columnWidth: 7, \n },\n tile: {\n widgetTag: \"wm-tile\",\n key: \"tile\",\n columnWidth: 4, \n },\n time: {\n widgetTag: \"wm-time\", \n key: \"time\",\n columnWidth: 4, \n },\n toast: {\n key: \"toast\",\n },\n toggle: {\n widgetTag : \"wm-toggle\",\n key: \"toggle\",\n columnWidth : 2, \n },\n wizard: {\n widgetTag: \"wm-wizard\", \n key: \"wizard\",\n },\n};\n \n \n \n "]}
@@ -1,14 +0,0 @@
1
- "use strict";
2
- (this["webpackChunk_wavemaker_foundation_css"] = this["webpackChunk_wavemaker_foundation_css"] || []).push([["src_tokens_mobile_components_page-layout_page-layout_json"],{
3
-
4
- /***/ "./src/tokens/mobile/components/page-layout/page-layout.json"
5
- /*!*******************************************************************!*\
6
- !*** ./src/tokens/mobile/components/page-layout/page-layout.json ***!
7
- \*******************************************************************/
8
- (module) {
9
-
10
- module.exports = /*#__PURE__*/JSON.parse('{"app":{"font-family":{"value":"{body.medium.font-family.value}","type":"font"},"font-size":{"value":"{body.medium.font-size.value}","type":"font"},"font-weight":{"value":"{body.medium.font-weight.value}","type":"font"},"line-height":{"value":"{body.medium.line-height.value}","type":"font"},"letter-spacing":{"value":"{body.medium.letter-spacing.value}","type":"font"},"font-smoothing":{"value":"antialiased","type":"font"},"background":{"value":"{color.surface.@.value}","type":"color"},"color":{"value":"{color.on-background.@.value}","type":"color"},"text":{"transform":{"value":"none","type":"radius"}},"margin":{"value":"0","type":"space"},"padding":{"value":"0","type":"space"}},"aside":{"panel":{"width":{"value":"220px","type":"space"},"background":{"value":"{color.surface.@.value}","type":"color"},"color":{"value":"{color.on-surface.variant.@.value}","type":"color"},"border":{"color":{"value":"{color.outline.variant.value}","type":"color"},"style":{"value":"solid","type":"radius"},"width":{"value":"0px 1px 0px 0px","type":"radius"},"radius":{"value":"{radius.none.value}","type":"radius"}},"shadow":{"value":"{elevation.shadow.none.value}","type":"radius"},"padding":{"top":{"value":"{space.5.value}","type":"space"},"right":{"value":"{space.0.value}","type":"space"},"bottom":{"value":"{space.0.value}","type":"space"},"left":{"value":"{space.0.value}","type":"space"}},"rail":{"width":{"value":"102px","type":"space"},"background":{"value":"{color.surface.@.value}","type":"color"},"color":{"value":"{color.on-surface.variant.@.value}","type":"color"},"border":{"color":{"value":"{color.outline.variant.value}","type":"color"},"style":{"value":"solid","type":"radius"},"width":{"value":"0px 1px 0px 0px","type":"radius"},"radius":{"value":"{radius.none.value}","type":"radius"}},"shadow":{"value":"{elevation.shadow.none.value}","type":"radius"},"padding":{"top":{"value":"{space.7.value}","type":"space"},"right":{"value":"{space.0.value}","type":"space"},"bottom":{"value":"{space.0.value}","type":"space"},"left":{"value":"{space.0.value}","type":"space"}}}},"nav":{"padding":{"value":"{space.0.value}","type":"space"},"background":{"value":"{aside.panel.background.value}","type":"color"},"color":{"value":"{aside.panel.color.value}","type":"color"},"gap":{"value":"{space.1.value}","type":"space"},"item":{"min":{"height":{"value":"56px","type":"space"}},"padding":{"value":"{space.2.value} {space.6.value}","type":"space"},"font-size":{"value":"{label.large.font-size.value}","type":"font"},"font-family":{"value":"{label.large.font-family.value}","type":"font"},"font-weight":{"value":"{label.large.font-weight.value}","type":"font"},"line-height":{"value":"{label.large.line-height.value}","type":"font"},"letter-spacing":{"value":"{label.large.letter-spacing.value}","type":"font"},"radius":{"value":"{radius.none.value}","type":"radius"},"icon":{"size":{"value":"{icon.size.@.value}","type":"space"},"width":{"value":"{icon.size.@.value}","type":"space"},"height":{"value":"{icon.size.@.value}","type":"space"},"background":{"@":{"value":"inherit","type":"color"},"active":{"value":"inherit","type":"color"}},"color":{"@":{"value":"inherit","type":"color"},"active":{"value":"inherit","type":"color"}}},"gap":{"value":"{space.2.value}","type":"space"},"color":{"@":{"value":"{aside.nav.color.value}","type":"color"},"active":{"value":"{color.secondary.@.value}","type":"color"}},"background":{"@":{"value":"none","type":"color"},"active":{"value":"linear-gradient(105.79deg, ~\\"color-mix(in srgb, {color.secondary.@.value}, transparent calc(100% - {opacity.hover.value}))\\" 44.21%, ~\\"color-mix(in srgb, {color.white.@.value}, transparent calc(100% - {opacity.hover.value}))\\" 103.73%)","type":"color"}},"state":{"layer":{"color":{"value":"{color.on-surface.@.value}","type":"color"},"opacity":{"hover":{"value":"{opacity.hover.value}","type":"radius"},"focus":{"value":"{opacity.focus.value}","type":"radius"},"active":{"value":"{opacity.active.value}","type":"radius"}}}},"caret":{"size":{"value":"{icon.size.sm.value}","type":"space"}},"indicator":{"width":{"value":"1px","type":"space"},"height":{"value":"100%","type":"space"},"position":{"top":{"value":"0","type":"space"},"right":{"value":"0","type":"space"},"bottom":{"value":"0","type":"space"},"left":{"value":"auto","type":"space"}},"radius":{"value":"0","type":"radius"},"color":{"@":{"value":"none","type":"color"},"active":{"value":"{color.secondary.@.value}","type":"color"}}}},"submenu":{"padding":{"value":"{space.0.value} {space.0.value} {space.0.value} {space.3.value}","type":"space"},"background":{"value":"{aside.nav.item.background.@.value}","type":"color"},"color":{"value":"{aside.nav.item.color.@.value}","type":"color"},"box":{"shadow":{"value":"none","type":"radius"}},"radius":{"value":"{radius.none.value} {radius.sm.value} {radius.sm.value} {radius.none.value}","type":"radius"},"item":{"min":{"height":{"value":"44px","type":"space"}},"padding":{"value":"{space.2.value} {space.6.value}","type":"space"},"font-size":{"value":"{label.large.font-size.value}","type":"font"},"font-family":{"value":"{label.large.font-family.value}","type":"font"},"font-weight":{"value":"{label.large.font-weight.value}","type":"font"},"line-height":{"value":"{label.large.line-height.value}","type":"font"},"letter-spacing":{"value":"{label.large.letter-spacing.value}","type":"font"},"radius":{"value":"{aside.nav.item.radius.value}","type":"radius"},"gap":{"value":"{space.2.value}","type":"space"},"color":{"@":{"value":"{aside.nav.submenu.color.value}","type":"color"},"active":{"value":"{color.on-secondary.container.@.value}","type":"color"}},"background":{"@":{"value":"{aside.nav.submenu.background.value}","type":"color"},"active":{"value":"{color.secondary.container.@.value}","type":"color"}}}},"rail":{"padding":{"value":"{space.0.value}","type":"space"},"background":{"value":"{aside.panel.rail.background.value}","type":"color"},"color":{"value":"{aside.panel.rail.color.value}","type":"color"},"gap":{"value":"{space.3.value}","type":"space"},"item":{"height":{"value":"90px","type":"space"},"padding":{"value":"{space.3.value} {space.0.value}","type":"space"},"font-size":{"value":"{label.medium.font-size.value}","type":"font"},"font-family":{"value":"{label.medium.font-family.value}","type":"font"},"font-weight":{"@":{"value":"{label.medium.font-weight.value}","type":"font"},"active":{"value":"{font.weight.600.value}","type":"font"}},"line-height":{"value":"{label.medium.line-height.value}","type":"font"},"letter-spacing":{"value":"{label.medium.letter-spacing.value}","type":"font"},"color":{"@":{"value":"{aside.nav.rail.color.value}","type":"color"},"active":{"value":"{color.secondary.@.value}","type":"color"}},"background":{"@":{"value":"{aside.nav.rail.background.value}","type":"color"},"active":{"value":"linear-gradient(105.79deg, ~\\"color-mix(in srgb, {color.secondary.@.value}, transparent calc(100% - {opacity.hover.value}))\\" 44.21%, ~\\"color-mix(in srgb, {color.white.@.value}, transparent calc(100% - {opacity.hover.value}))\\" 103.73%)","type":"color"}},"radius":{"value":"{radius.none.value}","type":"radius"},"gap":{"value":"{space.1.value}","type":"space"},"state":{"layer":{"color":{"value":"{color.on-surface.@.value}","type":"color"},"opacity":{"hover":{"value":"{opacity.hover.value}","type":"radius"},"focus":{"value":"{opacity.focus.value}","type":"radius"},"active":{"value":"{opacity.active.value}","type":"radius"}}}},"icon":{"size":{"value":"24px","type":"space"},"width":{"value":"40px","type":"space"},"height":{"value":"40px","type":"space"},"radius":{"@":{"value":"{radius.none.value}","type":"radius"},"active":{"value":"{radius.none.value}","type":"radius"}},"color":{"@":{"value":"{aside.nav.rail.item.color.@.value}","type":"color"},"active":{"value":"{aside.nav.rail.item.color.active.value}","type":"color"}},"background":{"@":{"value":"none","type":"color"},"active":{"value":"none","type":"color"}},"state":{"layer":{"color":{"value":"none","type":"color"},"opacity":{"hover":{"value":"{opacity.hover.value}","type":"radius"},"focus":{"value":"{opacity.focus.value}","type":"radius"},"active":{"value":"{opacity.active.value}","type":"radius"}}}}},"indicator":{"width":{"value":"{aside.nav.item.indicator.width.value}","type":"space"},"height":{"value":"{aside.nav.item.indicator.height.value}","type":"space"},"position":{"top":{"value":"{aside.nav.item.indicator.position.top.value}","type":"space"},"right":{"value":"{aside.nav.item.indicator.position.right.value}","type":"space"},"bottom":{"value":"{aside.nav.item.indicator.position.bottom.value}","type":"space"},"left":{"value":"{aside.nav.item.indicator.position.left.value}","type":"space"}},"radius":{"value":"{aside.nav.item.indicator.radius.value}","type":"radius"},"color":{"@":{"value":"{aside.nav.item.indicator.color.@.value}","type":"color"},"active":{"value":"{aside.nav.item.indicator.color.active.value}","type":"color"}}}},"submenu":{"padding":{"value":"{space.2.value}","type":"space"},"background":{"value":"{aside.nav.rail.background.value}","type":"color"},"color":{"value":"{aside.nav.rail.color.value}","type":"color"},"box":{"shadow":{"value":"{elevation.shadow.1.value}","type":"radius"}},"radius":{"value":"{aside.nav.submenu.radius.value}","type":"radius"},"width":{"value":"260px","type":"space"},"item":{"min":{"height":{"value":"44px","type":"space"}},"padding":{"value":"{space.2.value} {space.6.value}","type":"space"},"font-size":{"value":"{label.large.font-size.value}","type":"font"},"font-family":{"value":"{label.large.font-family.value}","type":"font"},"font-weight":{"value":"{label.large.font-weight.value}","type":"font"},"line-height":{"value":"{label.large.line-height.value}","type":"font"},"letter-spacing":{"value":"{label.large.letter-spacing.value}","type":"font"},"radius":{"value":"{aside.nav.rail.item.radius.value}","type":"radius"},"gap":{"value":"{space.2.value}","type":"space"},"color":{"@":{"value":"{aside.nav.rail.submenu.color.value}","type":"color"},"active":{"value":"{color.on-secondary.container.@.value}","type":"color"}},"background":{"@":{"value":"{aside.nav.rail.submenu.background.value}","type":"color"},"active":{"value":"{color.secondary.container.@.value}","type":"color"}}}}}},"right":{"nav":{"rail":{"submenu":{"radius":{"value":"{radius.sm.value} {radius.none.value} {radius.none.value} {radius.sm.value}","type":"radius"}}}}}}}');
11
-
12
- /***/ }
13
-
14
- }]);
@@ -1,14 +0,0 @@
1
- "use strict";
2
- (this["webpackChunk_wavemaker_foundation_css"] = this["webpackChunk_wavemaker_foundation_css"] || []).push([["src_tokens_mobile_components_pagination_pagination_json"],{
3
-
4
- /***/ "./src/tokens/mobile/components/pagination/pagination.json"
5
- /*!*****************************************************************!*\
6
- !*** ./src/tokens/mobile/components/pagination/pagination.json ***!
7
- \*****************************************************************/
8
- (module) {
9
-
10
- module.exports = /*#__PURE__*/JSON.parse('{"pagination":{"item":{"padding":{"value":"{space.1.value} {space.1.value}","type":"space"},"gap":{"@":{"value":"{space.1.value}","type":"space"}}},"page":{"item":{"link":{"color":{"value":"{color.on-surface.@.value}","type":"color"},"height":{"value":"32px","type":"space"},"width":{"value":"32px","type":"space"},"padding":{"value":"{space.2.value}","type":"space"},"radius":{"value":"{radius.xs.value}","type":"radius"},"active":{"background":{"value":"{color.primary.@.value}","type":"color"},"color":{"value":"{color.on-primary.@.value}","type":"color"},"font-weight":{"value":"{label.medium.font-weight.value}","type":"font"}},"hover":{"background":{"value":"{color.primary.container.@.value}","type":"color"}}},"icon":{"size":{"value":"{icon.size.sm.value}","type":"space"}},"totalcount":{"color":{"value":"{color.on-surface.@.value}","type":"color"}}}},"pager":{"link":{"elevation":{"value":"0px 1px 2px 0px rgba(0, 0, 0, 0.3), 0px 1px 3px 1px rgba(0, 0, 0, 0.15)","type":"radius"},"radius":{"value":"{radius.pill.value}","type":"radius"},"padding":{"value":"{space.2.value} {space.6.value}","type":"space"},"background":{"value":"transparent","type":"color"},"border":{"color":{"value":"{color.primary.@.value}","type":"color"},"width":{"value":"{border.width.base.value}","type":"space"},"style":{"value":"{border.style.base.value}","type":"radius"}},"min":{"width":{"value":"auto","type":"space"},"height":{"value":"32px","type":"space"}},"gap":{"value":"{space.2.value}","type":"space"},"color":{"value":"{color.on-surface.@.value}","type":"color"}},"previous":{"link":{"background":{"value":"transparent","type":"color"},"color":{"value":"{color.primary.@.value}","type":"color"}}},"next":{"link":{"color":{"value":"{color.on-primary.@.value}","type":"color"},"background":{"value":"{color.primary.@.value}","type":"color"}}},"state":{"previous":{"link":{"background":{"value":"{color.primary.@.value}","type":"color"},"focus":{"background":{"value":"{opacity.focus.value}","type":"radius"}},"hover":{"background":{"value":"{opacity.hover.value}","type":"radius"}},"active":{"background":{"value":"{opacity.active.value}","type":"radius"}}}},"next":{"link":{"focus":{"background":{"value":"{opacity.focus.value}","type":"radius"}},"hover":{"background":{"value":"{opacity.hover.value}","type":"radius"}},"active":{"background":{"value":"{opacity.active.value}","type":"radius"}},"background":{"value":"{color.on-primary.@.value}","type":"color"}}}},"gap":{"value":"{space.2.value}","type":"space"}},"pagecount":{"input":{"height":{"value":"32px","type":"space"},"width":{"value":"48px","type":"space"},"padding":{"value":"{space.1.value}","type":"space"}}}},"horizontal":{"page":{"slider":{"padding":{"value":"{space.1.value}","type":"space"},"gap":{"value":"{space.1.value}","type":"space"},"anchor":{"width":{"value":"32px","type":"space"},"icon":{"size":{"value":"{icon.size.sm.value}","type":"space"}}}}}}}');
11
-
12
- /***/ }
13
-
14
- }]);
@@ -1,14 +0,0 @@
1
- "use strict";
2
- (this["webpackChunk_wavemaker_foundation_css"] = this["webpackChunk_wavemaker_foundation_css"] || []).push([["src_tokens_mobile_components_richtext-editor_richtext-editor_json"],{
3
-
4
- /***/ "./src/tokens/mobile/components/richtext-editor/richtext-editor.json"
5
- /*!***************************************************************************!*\
6
- !*** ./src/tokens/mobile/components/richtext-editor/richtext-editor.json ***!
7
- \***************************************************************************/
8
- (module) {
9
-
10
- module.exports = /*#__PURE__*/JSON.parse('{"note":{"editor":{"toolbar":{"border":{"@":{"value":"{color.border.translucent.value}","type":"color"},"style":{"value":"{border.style.base.value}","type":"radius"},"width":{"value":"{border.width.base.value}","type":"space"},"gap":{"value":"{space.1.value}","type":"space"}},"background":{"value":"{color.white.@.value}","type":"color"},"padding":{"value":"{space.2.value}","type":"space"},"gap":{"value":"{space.3.value}","type":"space"}},"radius":{"value":"{radius.sm.value}","type":"radius"},"border":{"@":{"value":"{color.border.translucent.value}","type":"color"},"style":{"value":"{border.style.base.value}","type":"radius"},"width":{"value":"{border.width.base.value}","type":"space"}},"note":{"placeholder":{"pdding":{"value":"{space.3.value}","type":"space"}},"code":{"padding":{"value":"{space.3.value}","type":"space"},"background":{"value":"{color.on-warning.@.value}","type":"color"},"color":{"value":"{color.surface.@.value}","type":"color"},"font-size":{"value":"{body.medium.font-size.value}","type":"font"},"font-weight":{"value":"{body.medium.font-weight.value}","type":"font"},"font-family":{"value":"Menlo, Monaco, monospace, sans-serif","type":"font"}}},"btn":{"group":{"gap":{"value":"{space.2.value}","type":"space"}},"padding":{"value":"{space.1.value}","type":"space"},"min":{"height":{"value":"28px","type":"space"}},"width":{"value":"28px","type":"space"},"radius":{"value":"{radius.xs.value}","type":"radius"}},"dropdown":{"menu":{"background":{"value":"{color.surface.@.value}","type":"color"},"border":{"radius":{"value":"{radius.xs.value}","type":"radius"}},"box":{"shadow":{"value":"{elevation.shadow.2.value}","type":"radius"}},"width":{"value":"200px","type":"space"},"max":{"height":{"value":"250px","type":"space"}},"padding":{"value":"{space.2.value}","type":"space"},"item":{"font-family":{"value":"{body.large.font-family.value}","type":"font"},"font-size":{"value":"{body.large.font-size.value}","type":"font"},"font-weight":{"value":"{body.large.font-weight.value}","type":"font"},"line-height":{"value":"{body.large.line-height.value}","type":"font"},"letter-spacing":{"value":"{body.large.letter-spacing.value}","type":"font"},"color":{"value":"{color.on-surface.@.value}","type":"color"},"state":{"layer":{"opacity":{"focus":{"value":"{opacity.focus.value}","type":"radius"},"hover":{"value":"{opacity.hover.value}","type":"radius"},"active":{"value":"{opacity.active.value}","type":"radius"}}}}},"min":{"width":{"value":"180px","type":"space"}}}},"pre":{"border":{"color":{"value":"{color.secondary.fixed.@.value}","type":"color"},"width":{"value":"{border.width.base.value}","type":"space"}},"background":{"value":"{color.surface.@.value}","type":"color"},"padding":{"value":"{space.2.value}","type":"space"},"radius":{"value":"{radius.xs.value}","type":"radius"},"font-family":{"value":"{body.small.font-family.value}","type":"font"},"font-size":{"value":"{body.small.font-size.value}","type":"font"},"font-weight":{"value":"{body.small.font-weight.value}","type":"font"},"line-height":{"value":"{body.small.line-height.value}","type":"font"},"color":{"value":"{color.on-secondary.fixed.variant.value}","type":"color"}},"blockquote":{"border":{"color":{"value":"{color.primary.container.@.value}","type":"color"},"width":{"value":"4px","type":"space"},"hover":{"color":{"value":"{color.primary.@.value}","type":"color"}}},"margin":{"value":"{space.3.value}","type":"space"},"inline":{"padding":{"value":"{space.3.value}","type":"space"}},"block":{"padding":{"value":"{space.2.value}","type":"space"}}},"para":{"dropdown":{"padding":{"value":"{space.1.value}","type":"space"}}},"tooltip":{"border":{"color":{"value":"{color.black.@.value}","type":"color"}},"content":{"color":{"value":"{color.white.@.value}","type":"color"},"background":{"value":"{color.black.@.value}","type":"color"},"padding":{"value":"{space.1.value} {space.2.value}","type":"space"},"max":{"width":{"value":"200px","type":"space"}}},"arrow":{"border":{"width":{"value":"5px","type":"space"}},"margin":{"value":"{space.1.value}","type":"space"}},"radius":{"value":"{radius.xs.value}","type":"radius"},"font-size":{"value":"{body.medium.font-size.value}","type":"font"},"font-weight":{"value":"{body.medium.font-weight.value}","type":"font"},"font-family":{"value":"{body.medium.font-family.value}","type":"font"},"padding":{"value":"{space.1.value}","type":"space"},"margin":{"value":"{space.1.value}","type":"space"}},"color":{"btn":{"size":{"value":"16px","type":"space"}},"reset":{"background":{"value":"{color.white.@.value}","type":"color"}},"select":{"background":{"value":"{color.white.@.value}","type":"color"},"btn":{"width":{"value":"40px","type":"space"},"height":{"value":"14px","type":"space"},"min":{"height":{"value":"14px","type":"space"}}}},"dropdown":{"gap":{"value":"{space.3.value}","type":"space"},"padding":{"value":"{space.3.value}","type":"space"}},"palette":{"gap":{"xs":{"value":"{space.1.value}","type":"space"}}},"row":{"gap":{"value":"{space.1.value}","type":"space"}}},"palette":{"width":{"value":"160px","type":"space"},"gap":{"value":"{space.2.value}","type":"space"}},"dropzone":{"color":{"value":"{color.primary.@.value}","type":"color"},"background":{"value":"{color.white.@.value}","type":"color"},"hover":{"color":{"value":"{color.primary.container.@.value}","type":"color"}}},"td":{"border":{"color":{"value":"{color.border.translucent.value}","type":"color"},"width":{"value":"{border.width.base.value}","type":"space"},"style":{"value":"{border.style.base.value}","type":"radius"}},"padding":{"value":"{space.1.value}","type":"space"}},"popover":{"arrow":{"margin":{"value":"{space.2.value}","type":"space"},"background":{"value":"{color.white.@.value}","type":"color"}},"margin":{"value":"{space.1.value}","type":"space"},"background":{"value":"{color.white.@.value}","type":"color"},"radius":{"value":"{radius.xs.value}","type":"radius"},"padding":{"@":{"value":"{space.1.value}","type":"space"},"container":{"value":"{space.2.value}","type":"space"}},"content":{"color":{"value":"{color.black.@.value}","type":"color"},"background":{"value":"{color.white.@.value}","type":"color"},"min":{"width":{"value":"100px","type":"space"},"height":{"value":"30px","type":"space"}},"padding":{"value":"{space.1.value} {space.2.value}","type":"space"}},"border":{"value":"{color.outline.variant.value}","type":"color"},"btn":{"group":{"gap":{"value":"{space.2.value}","type":"space"}}}}},"editable":{"background":{"value":"{color.surface.container.low.@.value}","type":"color"},"padding":{"value":"{space.3.value}","type":"space"},"color":{"value":"{color.black.@.value}","type":"color"},"hr":{"color":{"value":"{color.inverse.on-surface.@.value}","type":"color"}}}}}');
11
-
12
- /***/ }
13
-
14
- }]);
@@ -1,7 +0,0 @@
1
- .app-buttongroup {
2
- --wm-button-group-radius: var(--wm-radius-sm);
3
- }
4
-
5
- .btn-group-vertical {
6
- --wm-button-group-radius: var(--wm-radius-xs);
7
- }