@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.
- package/cjs/foundation-css.cjs +92 -33
- package/cjs/src_tokens_mobile_components_accordion_accordion_json.foundation-css.cjs +1 -1
- package/cjs/src_tokens_mobile_components_anchor_anchor_json.foundation-css.cjs +1 -1
- package/cjs/src_tokens_mobile_components_bottomsheet_bottomsheet_json.foundation-css.cjs +1 -1
- package/cjs/src_tokens_mobile_components_button-group_button-group_json.foundation-css.cjs +1 -1
- package/cjs/src_tokens_mobile_components_button_button_json.foundation-css.cjs +1 -1
- package/cjs/src_tokens_mobile_components_calendar_calendar_json.foundation-css.cjs +1 -1
- package/cjs/src_tokens_mobile_components_camera_camera_json.foundation-css.cjs +1 -1
- package/cjs/src_tokens_mobile_components_cards_cards_json.foundation-css.cjs +1 -1
- package/cjs/src_tokens_mobile_components_carousel_carousel_json.foundation-css.cjs +1 -1
- package/cjs/src_tokens_mobile_components_container_container_json.foundation-css.cjs +1 -1
- package/cjs/src_tokens_mobile_components_fileupload_fileupload_json.foundation-css.cjs +1 -1
- package/cjs/src_tokens_mobile_components_form-controls_form-controls_json.foundation-css.cjs +1 -1
- package/cjs/src_tokens_mobile_components_label_label_json.foundation-css.cjs +1 -1
- package/cjs/src_tokens_mobile_components_list_list_json.foundation-css.cjs +1 -1
- package/cjs/src_tokens_mobile_components_lottie_lottie_json.foundation-css.cjs +1 -1
- package/cjs/src_tokens_mobile_components_modal-dialog_modal-dialog_json.foundation-css.cjs +1 -1
- package/cjs/src_tokens_mobile_components_nav_nav_json.foundation-css.cjs +1 -1
- package/cjs/src_tokens_mobile_components_navbar_navbar_json.foundation-css.cjs +1 -1
- package/cjs/src_tokens_mobile_components_navitem_navitem_json.foundation-css.cjs +14 -0
- package/cjs/src_tokens_mobile_components_panel-footer_panel-footer_json.foundation-css.cjs +14 -0
- package/cjs/src_tokens_mobile_components_panel_panel_json.foundation-css.cjs +1 -1
- package/cjs/src_tokens_mobile_components_picture_picture_json.foundation-css.cjs +1 -1
- package/cjs/src_tokens_mobile_components_popover_popover_json.foundation-css.cjs +1 -1
- package/cjs/src_tokens_mobile_components_search_search_json.foundation-css.cjs +1 -1
- package/cjs/src_tokens_mobile_components_switch_switch_json.foundation-css.cjs +1 -1
- package/cjs/src_tokens_mobile_components_tabbar_tabbar_json.foundation-css.cjs +1 -1
- package/cjs/src_tokens_mobile_components_tabs_tabs_json.foundation-css.cjs +1 -1
- package/cjs/src_tokens_mobile_components_tile_tile_json.foundation-css.cjs +1 -1
- package/cjs/src_tokens_mobile_components_toggle_toggle_json.foundation-css.cjs +1 -1
- package/cjs/src_tokens_mobile_components_webview_webview_json.foundation-css.cjs +1 -1
- package/cjs/src_tokens_web_components_button_button_json.foundation-css.cjs +1 -1
- package/cjs/src_tokens_web_components_calendar_calendar_json.foundation-css.cjs +1 -1
- package/cjs/src_tokens_web_components_cards_cards_json.foundation-css.cjs +1 -1
- package/cjs/src_tokens_web_components_checkbox_checkbox_json.foundation-css.cjs +1 -1
- package/cjs/src_tokens_web_components_data-table_data-table_json.foundation-css.cjs +1 -1
- package/cjs/src_tokens_web_components_dropdown-menu_dropdown-menu_json.foundation-css.cjs +1 -1
- package/cjs/src_tokens_web_components_form-controls_form-controls_json.foundation-css.cjs +1 -1
- package/cjs/src_tokens_web_components_iconbutton-toggleable_iconbutton-toggleable_json.foundation-css.cjs +14 -0
- package/cjs/src_tokens_web_components_page-content_page-content_json.foundation-css.cjs +1 -1
- package/cjs/src_tokens_web_components_page-left-nav_page-left-nav_json.foundation-css.cjs +1 -1
- package/cjs/src_tokens_web_components_page-right-nav_page-right-nav_json.foundation-css.cjs +1 -1
- package/cjs/src_tokens_web_components_popover_popover_json.foundation-css.cjs +1 -1
- package/cjs/src_tokens_web_components_progress-circle_progress-circle_json.foundation-css.cjs +1 -1
- package/cjs/src_tokens_web_components_rating_rating_json.foundation-css.cjs +1 -1
- package/cjs/src_tokens_web_components_slider_slider_json.foundation-css.cjs +14 -0
- package/cjs/src_tokens_web_components_switch_switch_json.foundation-css.cjs +1 -1
- package/cjs/src_tokens_web_components_tabs_tabs_json.foundation-css.cjs +1 -1
- package/foundation/foundation.css +669 -179
- package/foundation/foundation.min.css +1 -1
- package/native_mobile.index.d.ts +20 -0
- package/native_mobile.index.js +29 -3
- package/native_mobile.index.js.map +1 -1
- package/npm-shrinkwrap.json +44 -50
- package/package-lock.json +44 -50
- package/package.json +8 -7
- package/src/styles/mobile/components/advanced/carousel.less +10 -0
- package/src/styles/mobile/components/advanced/webview.less +6 -2
- package/src/styles/mobile/components/basic/anchor.less +2 -2
- package/src/styles/mobile/components/basic/bottomsheet.less +6 -0
- package/src/styles/mobile/components/basic/button.less +17 -5
- package/src/styles/mobile/components/basic/buttongroup.less +22 -6
- package/src/styles/mobile/components/basic/label.less +150 -15
- package/src/styles/mobile/components/basic/lottie.less +6 -3
- package/src/styles/mobile/components/basic/picture.less +9 -0
- package/src/styles/mobile/components/basic/search.less +21 -2
- package/src/styles/mobile/components/container/panel/panel-footer.less +13 -1
- package/src/styles/mobile/components/container/panel.less +31 -34
- package/src/styles/mobile/components/container/tabs/tab-header.less +11 -5
- package/src/styles/mobile/components/container/tabs.less +2 -0
- package/src/styles/mobile/components/container.less +16 -4
- package/src/styles/mobile/components/data/card.less +4 -1
- package/src/styles/mobile/components/data/form.less +75 -30
- package/src/styles/mobile/components/data/list.less +10 -45
- package/src/styles/mobile/components/device/camera.less +4 -3
- package/src/styles/mobile/components/dialogs/dialog.less +56 -12
- package/src/styles/mobile/components/input/calendar.less +0 -1
- package/src/styles/mobile/components/input/fileupload.less +1 -0
- package/src/styles/mobile/components/input/switch.less +8 -0
- package/src/styles/mobile/components/input/toggle.less +2 -0
- package/src/styles/mobile/components/navigation/appnavbar.less +12 -4
- package/src/styles/mobile/components/navigation/navitem.less +78 -17
- package/src/styles/mobile/components/navigation/popover.less +19 -4
- package/src/styles/mobile/components/page/tabbar.less +13 -2
- package/src/styles/mobile/components/tokens.light.css +206 -383
- package/src/styles/mobile/components/variables/carousel.variant.less +8 -0
- package/src/styles/mobile/components/variables/container.variant.less +26 -3
- package/src/styles/mobile/components/variables/form-controls.variant.less +8 -2
- package/src/styles/mobile/components/variables/label.variant.less +35 -4
- package/src/styles/mobile/components/variables/navitem.variant.less +14 -0
- package/src/styles/mobile/components/variables/panel.variant.less +16 -8
- package/src/styles/mobile/components/variables/picture.variant.less +2 -2
- package/src/styles/mobile/components/variables/switch.variant.less +6 -1
- package/src/styles/mobile/components/variables/tabs.variant.less +6 -2
- package/src/styles/mobile/components/variables/toggle.variant.less +8 -0
- package/src/styles/mobile/studio/advanced/styles.less +1 -0
- package/src/styles/mobile/studio/advanced/webview.less +7 -0
- package/src/styles/mobile/studio/basic/button-group.less +3 -1
- package/src/styles/mobile/studio/basic/label.less +22 -7
- package/src/styles/mobile/studio/basic/message.less +6 -0
- package/src/styles/mobile/studio/basic/picture.less +6 -0
- package/src/styles/mobile/studio/basic/search.less +8 -0
- package/src/styles/mobile/studio/container/container.less +10 -3
- package/src/styles/mobile/studio/container/linearlayout.less +8 -0
- package/src/styles/mobile/studio/container/panel.less +3 -7
- package/src/styles/mobile/studio/container/styles.less +2 -1
- package/src/styles/mobile/studio/container/tabs.less +8 -7
- package/src/styles/mobile/studio/data/list.less +22 -0
- package/src/styles/mobile/studio/dialogs/base-dialog.less +152 -3
- package/src/styles/mobile/studio/input/form.less +61 -26
- package/src/styles/mobile/studio/input/switch.less +2 -1
- package/src/styles/mobile/studio/layouts/appnavbar.less +12 -5
- package/src/styles/mobile/studio/layouts/page-content.less +1 -1
- package/src/styles/mobile/studio/layouts/tabbar.less +10 -2
- package/src/styles/mobile/studio/navigation/nav.less +19 -1
- package/src/styles/mobile/studio/navigation/popover.less +32 -1
- package/src/tokens/mobile/components/accordion/accordion.json +1 -29
- package/src/tokens/mobile/components/anchor/anchor.json +18 -0
- package/src/tokens/mobile/components/bottomsheet/bottomsheet.json +39 -5
- package/src/tokens/mobile/components/button/button.json +1 -3
- package/src/tokens/mobile/components/button-group/button-group.json +25 -41
- package/src/tokens/mobile/components/calendar/calendar.json +0 -8
- package/src/tokens/mobile/components/camera/camera.json +34 -8
- package/src/tokens/mobile/components/cards/cards.json +34 -8
- package/src/tokens/mobile/components/carousel/carousel.json +74 -2
- package/src/tokens/mobile/components/container/container.json +144 -14
- package/src/tokens/mobile/components/fileupload/fileupload.json +1 -1
- package/src/tokens/mobile/components/form-controls/form-controls.json +200 -56
- package/src/tokens/mobile/components/label/label.json +219 -21
- package/src/tokens/mobile/components/list/list.json +45 -135
- package/src/tokens/mobile/components/lottie/lottie.json +40 -7
- package/src/tokens/mobile/components/modal-dialog/modal-dialog.json +116 -54
- package/src/tokens/mobile/components/nav/nav.json +38 -83
- package/src/tokens/mobile/components/navbar/navbar.json +61 -0
- package/src/tokens/mobile/components/navitem/navitem.json +521 -0
- package/src/tokens/mobile/components/panel/panel.json +114 -84
- package/src/tokens/mobile/components/panel-footer/panel-footer.json +116 -0
- package/src/tokens/mobile/components/picture/picture.json +2 -6
- package/src/tokens/mobile/components/popover/popover.json +102 -18
- package/src/tokens/mobile/components/search/search.json +133 -9
- package/src/tokens/mobile/components/switch/switch.json +47 -2
- package/src/tokens/mobile/components/tabbar/tabbar.json +29 -11
- package/src/tokens/mobile/components/tabs/tabs.json +72 -32
- package/src/tokens/mobile/components/tile/tile.json +18 -2
- package/src/tokens/mobile/components/toggle/toggle.json +68 -0
- package/src/tokens/mobile/components/webview/webview.json +45 -4
- package/src/tokens/mobile/global/box-shadow/box-shadow.json +6 -0
- package/src/tokens/mobile/global/font/font.json +33 -0
- package/src/tokens/mobile/global/opacity/opacity.json +2 -3
- package/src/tokens/web/components/button/button.json +1 -1
- package/src/tokens/web/components/calendar/Token.Readme.md +55 -22
- package/src/tokens/web/components/calendar/calendar.json +422 -152
- package/src/tokens/web/components/cards/cards.json +5 -5
- package/src/tokens/web/components/checkbox/Token.Readme.md +1 -0
- package/src/tokens/web/components/checkbox/checkbox.json +8 -0
- package/src/tokens/web/components/data-table/data-table.json +27 -2
- package/src/tokens/web/components/dropdown-menu/dropdown-menu.json +2 -2
- package/src/tokens/web/components/form-controls/Token.Readme.md +1 -0
- package/src/tokens/web/components/form-controls/form-controls.json +19 -2
- package/src/tokens/web/components/iconbutton-toggleable/Readme.md +17 -0
- package/src/tokens/web/components/iconbutton-toggleable/Token.Readme.md +19 -0
- package/src/tokens/web/components/iconbutton-toggleable/iconbutton-toggleable.json +557 -0
- package/src/tokens/web/components/page-content/page-content.json +1 -1
- package/src/tokens/web/components/page-left-nav/page-left-nav.json +1 -1
- package/src/tokens/web/components/page-right-nav/Readme.md +4 -4
- package/src/tokens/web/components/page-right-nav/page-right-nav.json +4 -4
- package/src/tokens/web/components/popover/Token.Readme.md +3 -2
- package/src/tokens/web/components/popover/popover.json +26 -16
- package/src/tokens/web/components/progress-circle/Token.Readme.md +6 -1
- package/src/tokens/web/components/progress-circle/progress-circle.json +40 -0
- package/src/tokens/web/components/rating/rating.json +2 -2
- package/src/tokens/web/components/slider/Token.Readme.md +24 -0
- package/src/tokens/web/components/slider/slider.json +153 -0
- package/src/tokens/web/components/switch/switch.json +1 -1
- package/src/tokens/web/components/tabs/Token.Readme.md +4 -0
- package/src/tokens/web/components/tabs/tabs.json +33 -1
- package/src/tokens/web/global/elevation/elevation.json +5 -5
- package/src/utils/style-dictionary-utils.js +25 -40
- package/src/utils/style-dictionary-utils.js.map +1 -1
- package/web.index.js +21 -2
- package/web.index.js.map +1 -1
- package/cjs/src_tokens_mobile_components_page-layout_page-layout_json.foundation-css.cjs +0 -14
- package/cjs/src_tokens_mobile_components_pagination_pagination_json.foundation-css.cjs +0 -14
- package/cjs/src_tokens_mobile_components_richtext-editor_richtext-editor_json.foundation-css.cjs +0 -14
- package/src/styles/mobile/components/variables/button-group.variant.less +0 -7
- package/src/tokens/mobile/components/page-layout/page-layout.json +0 -738
- package/src/tokens/mobile/components/pagination/pagination.json +0 -250
- 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
|
-
|
|
31
|
-
let
|
|
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 &&
|
|
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 =
|
|
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 (
|
|
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,
|
|
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] =
|
|
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 =
|
|
174
|
-
const hasVariants =
|
|
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
|
-
|
|
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
|
-
|
|
179
|
+
mappingStore[appearance] ?? (mappingStore[appearance] = []);
|
|
192
180
|
mappingStore[appearance].push(token);
|
|
193
181
|
}
|
|
194
182
|
}
|
|
195
183
|
if (key) {
|
|
196
|
-
|
|
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
|
-
|
|
205
|
-
const
|
|
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(
|
|
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(
|
|
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
|
-
? `${
|
|
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 =
|
|
224
|
-
const appearanceMeta =
|
|
209
|
+
const meta = dictionary.unfilteredTokens?.[component]?.meta;
|
|
210
|
+
const appearanceMeta = meta?.appearances?.[appearance];
|
|
225
211
|
const defaultBase = `.${component}-${appearance}`;
|
|
226
|
-
const rootMappingSelector =
|
|
227
|
-
const appearanceMappingSelector =
|
|
212
|
+
const rootMappingSelector = meta?.mapping?.selector?.[platform] || `.${component}`;
|
|
213
|
+
const appearanceMappingSelector = appearanceMeta?.mapping?.selector?.[platform] || defaultBase;
|
|
228
214
|
const getCombinedVariantSelector = () => {
|
|
229
|
-
|
|
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":";;;;;;;;;;;AACA,sEAAsE;AACtE,uFAAuF;AACvF,6EAA6E;AAC7E,SAAS,iBAAiB,CAAC,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,OAAO;IACvD,mCAAmC;IACnC,MAAM,SAAS,GAAG,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC,YAAY,EAAE,EAAE,CAAC,CAAC;IACtD,IAAI,OAAO,EAAE,CAAC;QACZ,OAAO,4BAA4B,SAAS,8BAA8B,OAAO,IAAI,CAAC;IACxF,CAAC;SAAM,IAAI,QAAQ,EAAE,CAAC;QACpB,OAAO,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,KAAK,EAAE,cAAc,SAAS,OAAO,QAAQ,GAAG,CAAC,CAAC;IAC9E,CAAC;SAAM,CAAC;QACN,OAAO,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,KAAK,EAAE,SAAS,SAAS,GAAG,CAAC,CAAC;IAC1D,CAAC;AACH,CAAC;AAED,uGAAuG;AACvG,SAAS,sBAAsB,CAAC,KAAK,EAAE,gBAAgB,EAAE,cAAc,EAAE,aAAa;;IACpF,IAAI,QAAQ,GAAG,MAAA,MAAA,KAAK,CAAC,QAAQ,0CAAE,UAAU,0CAAE,QAAQ,CAAC;IACpD,IAAI,OAAO,GAAG,MAAA,MAAA,KAAK,CAAC,QAAQ,0CAAE,UAAU,0CAAE,OAAO,CAAC;IAElD,iDAAiD;IACjD,QAAQ,GAAG,2BAA2B,CAAC,QAAQ,EAAE,gBAAgB,EAAE,cAAc,EAAE,aAAa,CAAC,CAAC;IAClG,OAAO,GAAG,2BAA2B,CAAC,OAAO,EAAE,gBAAgB,EAAE,cAAc,EAAE,aAAa,CAAC,CAAC;IAEhG,OAAO,EAAE,QAAQ,EAAE,OAAO,EAAE,CAAC;AAC/B,CAAC;AAED,kEAAkE;AAClE,SAAS,2BAA2B,CAAC,SAAS,EAAE,gBAAgB,EAAE,cAAc,EAAE,aAAa;IAC7F,IAAI,SAAS,IAAI,cAAc,CAAC,SAAS,EAAE,gBAAgB,CAAC,EAAE,CAAC;QAC7D,MAAM,IAAI,GAAG,aAAa,CAAC,SAAS,EAAE,gBAAgB,CAAC,CAAC;QACxD,IAAI,CAAC,OAAO,CAAC,GAAG,CAAC,EAAE;YACjB,qDAAqD;YACrD,SAAS,GAAG,SAAS,GAAG,CAAC,IAAI,GAAG,CAAC;QACnC,CAAC,CAAC,CAAC;IACL,CAAC;IACD,OAAO,SAAS,CAAC;AACnB,CAAC;AAGD,MAAM,sBAAsB,GAAG,CAAC,cAAc,EAAE,aAAa,EAAE,EAAE,EAAE,EAAE,CAAC,CAAC;IACrE,IAAI,EAAE,yBAAyB;IAC/B,MAAM,EAAE,UAAU,EAAE,UAAU,EAAE,OAAO,EAAE;QACvC,MAAM,EAAE,QAAQ,EAAE,eAAe,EAAE,GAAG,OAAO,CAAC;QAC9C,yCAAyC;QACzC,MAAM,SAAS,GAAG,CAAC,yBAAyB,EAAE,wBAAwB,CAAC,CAAC;QAExE,oCAAoC;QACpC,MAAM,SAAS,GAAG,UAAU,CAAC,SAAS;aACnC,GAAG,CAAC,CAAC,KAAK,EAAE,EAAE;;YACb,mCAAmC;YACnC,MAAM,SAAS,GAAG,KAAK,CAAC,IAAI,CAAC,OAAO,CAAC,YAAY,EAAE,EAAE,CAAC,CAAC;YACvD,IAAI,KAAK,GAAG,sBAAsB,CAAC,KAAK,EAAE,UAAU,EAAE,cAAc,EAAE,aAAa,CAAC,CAAC;YAErF,0EAA0E;YAC1E,IAAI,eAAe,KAAI,MAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,UAAU,0CAAE,WAAW,CAAA,EAAE,CAAC;gBACtD,MAAM,QAAQ,GAAG,KAAK,CAAC,IAAI;qBACxB,KAAK,CAAC,CAAC,CAAC,CAAC,2CAA2C;qBACpD,MAAM,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,KAAK,SAAS,CAAC,CAAC,mBAAmB;qBACpD,IAAI,CAAC,GAAG,CAAC,CAAC;gBAEb,gEAAgE;gBAChE,IAAI,eAAe,GAAG,MAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,UAAU,0CAAE,WAAW,CACjD,OAAO,CAAC,KAAK,EAAE,KAAK,EACpB,OAAO,CAAC,cAAc,EAAE,MAAM,EAC9B,IAAI,EAAE,CAAC;gBAEV,SAAS,CAAC,IAAI,CAAC,KAAK,QAAQ,MAAM,eAAe,IAAI,CAAC,CAAC;YACzD,CAAC;YAED,OAAO,KAAK,SAAS,KAAK,KAAK,GAAG,CAAC;QACrC,CAAC,CAAC;aACD,IAAI,CAAC,IAAI,CAAC,CAAC;QAEd,4CAA4C;QAC5C,IAAI,eAAe,IAAI,SAAS,CAAC,MAAM,GAAG,CAAC,IAAI,EAAE,EAAE,CAAC;YAClD,SAAS,CAAC,OAAO,CACf,qDAAqD,EACrD,EAAE,EACF,yBAAyB,EACzB,EAAE,EACF,iDAAiD,EACjD,EAAE,CACH,CAAC;YACF,EAAE,CAAC,aAAa,CAAC,eAAe,EAAE,SAAS,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE,MAAM,CAAC,CAAC;YAChE,OAAO,CAAC,GAAG,CAAC,sCAAsC,eAAe,EAAE,CAAC,CAAC;QACvE,CAAC;QAED,sDAAsD;QACtD,OAAO,QAAQ,IAAI,QAAQ,CAAC,IAAI,EAAE;YAChC,CAAC,CAAC,GAAG,QAAQ,OAAO,SAAS,OAAO,CAAE,mBAAmB;YACzD,CAAC,CAAC,GAAG,SAAS,IAAI,CAAC,CAAE,kCAAkC;IAC3D,CAAC;CACF,CACA,CAAC;AAGF,SAAS,sBAAsB,CAAC,KAAK,EAAE,UAAU,EAAE,cAAc,EAAE,aAAa;IAC9E,IAAI,KAAK,GAAG,MAAM,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC;IAChC,uCAAuC;IACvC,IAAI,cAAc,CAAC,KAAK,CAAC,QAAQ,CAAC,KAAK,EAAE,UAAU,CAAC,gBAAgB,CAAC,EAAE,CAAC;QACtE,MAAM,IAAI,GAAG,aAAa,CAAC,KAAK,CAAC,QAAQ,CAAC,KAAK,EAAE,UAAU,CAAC,gBAAgB,CAAC,CAAC;QAE9E,IAAI,CAAC,OAAO,CAAC,CAAC,GAAG,EAAE,EAAE;YACnB,kDAAkD;YAClD,MAAM,EAAE,QAAQ,EAAE,OAAO,EAAE,GAAG,sBAAsB,CAAC,KAAK,EAAE,UAAU,CAAC,gBAAgB,EAAE,cAAc,EAAE,aAAa,CAAC,CAAC;YACxH,iDAAiD;YACjD,KAAK,GAAG,iBAAiB,CAAC,KAAK,EAAE,GAAG,EAAE,QAAQ,EAAE,OAAO,CAAC,CAAC;QAC3D,CAAC,CAAC,CAAC;IACL,CAAC;SAAM,CAAC;QACN,KAAK,GAAG,KAAK,CAAC,QAAQ,CAAC,KAAK,IAAI,KAAK,CAAC,KAAK,CAAA;IAC7C,CAAC;IACD,OAAO,KAAK,CAAC;AACf,CAAC;AAED,MAAM,0BAA0B,GAAG,CAAC,cAAc,EAAE,aAAa,EAAE,QAAQ,EAAE,OAAO,GAAG,EAAE,EAAE,EAAE,CAAC,CAAC;IAC7F,IAAI,EAAE,wBAAwB;IAC9B,MAAM,EAAE,UAAU,EAA6B;YAA7B,EAAE,UAAU,EAAE,IAAI,OAAW,EAAN,IAAI,cAA3B,sBAA6B,CAAF;QAC3C,MAAM,gBAAgB,GAAG,MAAM,CAAC,IAAI,CAAC,UAAU,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC;QAC3D,IAAI,CAAC,gBAAgB,EAAE,CAAC;YACtB,OAAO,CAAC,IAAI,CAAC,kEAAkE,IAAI,CAAC,WAAW,EAAE,CAAC,CAAC;YACnG,OAAO,EAAE,CAAC;QACZ,CAAC;QAED,MAAM,eAAe,GAAG,wBAAwB,CAAC,UAAU,EAAE,gBAAgB,EAAE,QAAQ,CAAC,CAAC;QACzF,MAAM,SAAS,GAAG,MAAM,CAAC,MAAM,CAAC,eAAe,CAAC,CAAC,GAAG,CAAC,KAAK,CAAC,EAAE,CAC3D,yBAAyB,CAAC,KAAK,EAAE,UAAU,EAAE,cAAc,EAAE,aAAa,EAAE,QAAQ,CAAC,CACtF,CAAC;QAEF,4BAA4B;QAC5B,MAAM,gBAAgB,GAAG,OAAO,CAAC,uBAAuB,CAAC;QACzD,IAAI,gBAAgB,EAAE,CAAC;YACrB,gBAAgB,CACd,gBAAgB,EAChB,eAAe,EACf,QAAQ,EACR,UAAU,oBACN,IAAI,CAAC,OAAO,EACjB,CAAC;QACJ,CAAC;QACD,gCAAgC;QAEhC,OAAO,SAAS,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;IAChC,CAAC;CACF,CAAC,CAAC;AAEH,MAAM,wBAAwB,GAAG,CAAC,UAAU,EAAE,gBAAgB,EAAE,QAAQ,EAAE,EAAE;IAC1E,MAAM,MAAM,GAAG,EAAE,CAAC;IAClB,MAAM,QAAQ,GAAG,QAAQ,KAAK,QAAQ,CAAC;IACvC,MAAM,YAAY,GAAG,EAAE,CAAC;IAExB,UAAU,CAAC,SAAS,CAAC,OAAO,CAAC,CAAC,KAAK,EAAE,EAAE;;QACrC,MAAM,IAAI,GAAG,KAAK,CAAC,IAAI,CAAC;QACxB,MAAM,eAAe,GAAG,IAAI,CAAC,OAAO,CAAC,aAAa,CAAC,CAAC;QACpD,MAAM,iBAAiB,GAAG,IAAI,CAAC,OAAO,CAAC,eAAe,CAAC,CAAC;QACxD,MAAM,UAAU,GAAG,IAAI,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC;QAC1C,MAAM,OAAO,GAAG,UAAU,KAAK,CAAC,CAAC,CAAC;QAClC,MAAM,KAAK,GAAG,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,UAAU,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC;QAEpD,MAAM,UAAU,GAAG,eAAe,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,eAAe,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC;QAC7E,MAAM,SAAS,GAAG,iBAAiB,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,iBAAiB,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC;QAChF,MAAM,OAAO,GAAG,iBAAiB,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,iBAAiB,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC;QAE9E,MAAM,cAAc,GAAG,UAAU,IAAI,SAAS,IAAI,OAAO,CAAC;QAC1D,MAAM,iBAAiB,GAAG,eAAe,KAAK,CAAC,CAAC,IAAI,IAAI,CAAC,CAAC,CAAC,KAAK,SAAS,CAAC;QAC1E,MAAM,mBAAmB,GAAG,eAAe,KAAK,CAAC,CAAC,IAAI,IAAI,CAAC,eAAe,GAAG,CAAC,CAAC,KAAK,SAAS,CAAC;QAE9F,IAAI,GAAG,EAAE,IAAI,EAAE,KAAK,CAAC;QAErB,IAAI,cAAc,EAAE,CAAC;YACnB,GAAG,GAAG,GAAG,gBAAgB,IAAI,UAAU,IAAI,SAAS,IAAI,OAAO,GAAG,OAAO,CAAC,CAAC,CAAC,IAAI,KAAK,EAAE,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC;YAC/F,IAAI,GAAG,OAAO,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,SAAS,CAAC;YAC7C,KAAK,GAAG;gBACN,IAAI;gBACJ,SAAS,EAAE,gBAAgB;gBAC3B,UAAU;gBACV,SAAS;gBACT,OAAO;gBACP,KAAK;aACN,CAAC;YACF,IAAI,CAAC,MAAM,CAAC,GAAG,CAAC,EAAE,CAAC;gBACjB,MAAM,CAAC,GAAG,CAAC,mCAAQ,KAAK,KAAE,MAAM,EAAE,EAAE,GAAE,CAAC;gBAEvC,IAAI,QAAQ,IAAI,YAAY,CAAC,UAAU,CAAC,EAAE,CAAC;oBACzC,MAAM,CAAC,GAAG,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,GAAG,YAAY,CAAC,UAAU,CAAC,CAAC,CAAC;gBACvD,CAAC;YACH,CAAC;QACH,CAAC;aAAM,IAAI,iBAAiB,EAAE,CAAC;YAC7B,GAAG,GAAG,GAAG,gBAAgB,WAAW,OAAO,CAAC,CAAC,CAAC,IAAI,KAAK,EAAE,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC;YACjE,IAAI,GAAG,OAAO,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,SAAS,CAAC;YAC7C,KAAK,GAAG;gBACN,IAAI;gBACJ,SAAS,EAAE,gBAAgB;gBAC3B,UAAU,EAAE,SAAS;gBACrB,KAAK;gBACL,aAAa,EAAE,IAAI;aACpB,CAAC;QACJ,CAAC;aAAM,IAAI,mBAAmB,EAAE,CAAC;YAC/B,MAAM,aAAa,GAAG,MAAA,MAAA,MAAA,UAAU,CAAC,MAAM,0CAAG,gBAAgB,CAAC,0CAAE,WAAW,0CAAG,UAAU,CAAC,CAAC;YACvF,MAAM,WAAW,GAAG,CAAA,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAE,aAAa,KAAI,MAAM,CAAC,IAAI,CAAC,aAAa,CAAC,aAAa,CAAC,CAAC,MAAM,GAAG,CAAC,CAAC;YACxG,gFAAgF;YAChF,IAAI,QAAQ,IAAI,WAAW,IAAI,CAAC,OAAO,EAAE,CAAC;gBACxC,MAAA,YAAY,CAAC,UAAU,qCAAvB,YAAY,CAAC,UAAU,IAAM,EAAE,EAAC;gBAChC,YAAY,CAAC,UAAU,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;gBACrC,OAAO,CAAC,yCAAyC;YACnD,CAAC;YACD,wDAAwD;YACxD,GAAG,GAAG,GAAG,gBAAgB,IAAI,UAAU,WAAW,OAAO,CAAC,CAAC,CAAC,IAAI,KAAK,EAAE,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC;YAC/E,IAAI,GAAG,OAAO,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,SAAS,CAAC;YAC7C,KAAK,GAAG;gBACN,IAAI;gBACJ,SAAS,EAAE,gBAAgB;gBAC3B,UAAU;gBACV,KAAK;aACN,CAAC;YAEF,IAAI,QAAQ,IAAI,CAAC,OAAO,EAAE,CAAC;gBACzB,MAAA,YAAY,CAAC,UAAU,qCAAvB,YAAY,CAAC,UAAU,IAAM,EAAE,EAAC;gBAChC,YAAY,CAAC,UAAU,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;YACvC,CAAC;QACH,CAAC;QAED,IAAI,GAAG,EAAE,CAAC;YACR,MAAA,MAAM,CAAC,GAAG,qCAAV,MAAM,CAAC,GAAG,oCAAW,KAAK,KAAE,MAAM,EAAE,EAAE,KAAG;YACzC,MAAM,CAAC,GAAG,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;QACjC,CAAC;IACH,CAAC,CAAC,CAAC;IAEH,OAAO,MAAM,CAAC;AAChB,CAAC,CAAC;AAEF,8DAA8D;AAC9D,MAAM,gBAAgB,GAAG,CAAC,UAAU,EAAE,SAAS,EAAE,UAAU,EAAE,KAAK,EAAE,SAAS,EAAE,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,aAAa,EAAE,EAAE;;IACvH,MAAM,IAAI,GAAG,MAAA,MAAA,UAAU,CAAC,gBAAgB,0CAAG,SAAS,CAAC,0CAAE,IAAI,CAAC;IAC5D,MAAM,cAAc,GAAG,MAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,WAAW,0CAAG,UAAU,CAAC,CAAC;IACvD,MAAM,SAAS,GAAG,EAAE,CAAC;IAErB,IAAI,IAAI,KAAK,eAAe,EAAE,CAAC;QAC7B,SAAS,CAAC,IAAI,CACZ,MAAA,MAAA,MAAA,MAAA,MAAA,MAAA,cAAc,aAAd,cAAc,uBAAd,cAAc,CAAE,aAAa,0CAAG,SAAS,CAAC,0CAAG,OAAO,CAAC,0CAAE,MAAM,0CAAG,KAAK,CAAC,0CAAE,QAAQ,0CAAG,QAAQ,CAAC,CAC7F,CAAC;IACJ,CAAC;IAED,IAAI,IAAI,KAAK,eAAe,IAAI,IAAI,KAAK,eAAe,EAAE,CAAC;QACzD,SAAS,CAAC,IAAI,CACZ,MAAA,MAAA,MAAA,MAAA,cAAc,aAAd,cAAc,uBAAd,cAAc,CAAE,OAAO,0CAAE,MAAM,0CAAG,KAAK,CAAC,0CAAE,QAAQ,0CAAG,QAAQ,CAAC,EAC9D,MAAA,MAAA,MAAA,MAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,OAAO,0CAAE,MAAM,0CAAG,KAAK,CAAC,0CAAE,QAAQ,0CAAG,QAAQ,CAAC,CACrD,CAAC;IACJ,CAAC;IACD,MAAM,QAAQ,GACZ,CAAC,QAAQ,KAAK,QAAQ,IAAI,CAAC,IAAI,KAAK,eAAe,IAAI,CAAC,IAAI,IAAI,eAAe,IAAI,CAAC,aAAa,CAAC,CAAC;QACjG,CAAC,CAAC,GAAG,MAAA,MAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,OAAO,0CAAE,QAAQ,0CAAG,QAAQ,CAAC,GAAG,SAAS,CAAC,IAAI,CAAC,OAAO,CAAC,EAAE;QACpE,CAAC,CAAC,SAAS,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC,IAAI,IAAI,KAAK,EAAE,CAAC;IAE9C,gEAAgE;IAChE,OAAO,QAAQ,CAAC;AAClB,CAAC,CAAC;AAEF,MAAM,oBAAoB,GAAG,CAAC,KAAK,EAAE,UAAU,EAAE,QAAQ,EAAE,EAAE;;IAC3D,MAAM,EAAE,SAAS,EAAE,UAAU,EAAE,IAAI,EAAE,SAAS,EAAE,OAAO,EAAE,KAAK,EAAE,aAAa,EAAE,GAAG,KAAK,CAAC;IAExF,MAAM,IAAI,GAAG,MAAA,MAAA,UAAU,CAAC,gBAAgB,0CAAG,SAAS,CAAC,0CAAE,IAAI,CAAC;IAC5D,MAAM,cAAc,GAAG,MAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,WAAW,0CAAG,UAAU,CAAC,CAAC;IAEvD,MAAM,WAAW,GAAG,IAAI,SAAS,IAAI,UAAU,EAAE,CAAC;IAClD,MAAM,mBAAmB,GAAG,CAAA,MAAA,MAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,OAAO,0CAAE,QAAQ,0CAAG,QAAQ,CAAC,KAAI,IAAI,SAAS,EAAE,CAAC;IACnF,MAAM,yBAAyB,GAAG,CAAA,MAAA,MAAA,cAAc,aAAd,cAAc,uBAAd,cAAc,CAAE,OAAO,0CAAE,QAAQ,0CAAG,QAAQ,CAAC,KAAI,WAAW,CAAC;IAE/F,MAAM,0BAA0B,GAAG,GAAG,EAAE;;QACtC,MAAM,QAAQ,GAAG,MAAA,MAAA,MAAA,MAAA,cAAc,aAAd,cAAc,uBAAd,cAAc,CAAE,aAAa,0CAAG,SAAS,CAAC,0CAAG,OAAO,CAAC,0CAAE,QAAQ,0CAAG,QAAQ,CAAC,CAAC;QAC7F,IAAI,QAAQ,KAAK,QAAQ,EAAE,CAAC;YAC1B,OAAO,QAAQ,IAAI,GAAG;gBACpB,yBAAyB,IAAI,CAAC,SAAS,EAAE,UAAU,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC;gBAC9E,OAAO;aACR,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC;QAChC,CAAC;QACD,OAAO,QAAQ;YACb,CAAC,CAAC,eAAe,CAAC,QAAQ,EAAE,yBAAyB,EAAE,QAAQ,CAAC;YAChE,CAAC,CAAC,eAAe,CAAC,QAAQ,EAAE,yBAAyB,EAAE,IAAI,SAAS,IAAI,OAAO,EAAE,CAAC,CAAC;IACvF,CAAC,CAAC;IAEF,MAAM,uBAAuB,GAAG,GAAG,EAAE,CACnC,gBAAgB,CAAC,UAAU,EAAE,SAAS,EAAE,UAAU,EAAE,KAAK,EAAE,SAAS,EAAE,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,aAAa,CAAC,CAAC;IAEhH,QAAQ,IAAI,EAAE,CAAC;QACb,KAAK,SAAS;YACZ,OAAO,aAAa,CAAC,CAAC,CAAC,mBAAmB,CAAC,CAAC,CAAC,yBAAyB,CAAC;QAEzE,KAAK,SAAS;YACZ,OAAO,0BAA0B,EAAE,CAAC;QAEtC,KAAK,eAAe;YAClB,OAAO,aAAa;gBAClB,CAAC,CAAC,eAAe,CAAC,QAAQ,EAAE,mBAAmB,EAAE,uBAAuB,EAAE,CAAC;gBAC3E,CAAC,CAAC,eAAe,CAAC,QAAQ,EAAE,yBAAyB,EAAE,uBAAuB,EAAE,CAAC,CAAC;QAEtF,KAAK,eAAe;YAClB,OAAO,eAAe,CAAC,QAAQ,EAAE,0BAA0B,EAAE,EAAE,uBAAuB,EAAE,CAAC,CAAC;QAE5F;YACE,OAAO,EAAE,CAAC;IACd,CAAC;AACH,CAAC,CAAC;AAEF,MAAM,eAAe,GAAG,CAAC,QAAQ,EAAE,aAAa,EAAE,cAAc,GAAG,CAAC,EAAE,CAAC,EAAE,EAAE;IACzE,IAAI,QAAQ,IAAI,KAAK,EAAE,CAAC;QACtB,MAAM,KAAK,GAAG,aAAa,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC;QACvD,MAAM,MAAM,GAAG,cAAc,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC;QAEzD,MAAM,MAAM,GAAG,EAAE,CAAC;QAClB,KAAK,MAAM,IAAI,IAAI,KAAK,EAAE,CAAC;YACzB,KAAK,MAAM,KAAK,IAAI,MAAM,EAAE,CAAC;gBAC3B,MAAM,CAAC,IAAI,CAAC,GAAG,IAAI,GAAG,KAAK,EAAE,CAAC,CAAC;YACjC,CAAC;QACH,CAAC;QACD,OAAO,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;IAC1B,CAAC;SAAM,CAAC;QACN,OAAO,GAAG,aAAa,GAAG,cAAc,EAAE,CAAA;IAC5C,CAAC;AACH,CAAC,CAAC;AAGF,iEAAiE;AACjE,kBAAkB;AAClB,+BAA+B;AAC/B,gDAAgD;AAChD,GAAG;AACH,MAAM,yBAAyB,GAAG,CAAC,KAAK,EAAE,UAAU,EAAE,cAAc,EAAE,aAAa,EAAE,QAAQ,EAAE,EAAE;IAC/F,MAAM,EAAE,MAAM,EAAE,SAAS,EAAE,UAAU,EAAE,SAAS,EAAE,OAAO,EAAE,GAAG,KAAK,CAAC;IAEpE,IAAI,QAAQ,GAAG,oBAAoB,CAAC,KAAK,EAAE,UAAU,EAAE,QAAQ,CAAC,CAAC;IACjE,IAAI,QAAQ,KAAK,KAAK,IAAI,QAAQ,EAAE,CAAC;QACnC,QAAQ,GAAG,QAAQ;aAChB,KAAK,CAAC,GAAG,CAAC;aACV,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,UAAU,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,WAAW,CAAC,EAAE,CAAC;aACtD,IAAI,CAAC,IAAI,CAAC,CAAC;IAChB,CAAC;IACD,IAAI,CAAC,QAAQ;QAAE,OAAO,EAAE,CAAC;IAEzB,MAAM,QAAQ,GAAG,MAAM;SACpB,GAAG,CAAC,CAAC,KAAK,EAAE,EAAE;QACb,MAAM,KAAK,GAAG,sBAAsB,CAAC,KAAK,EAAE,UAAU,EAAE,cAAc,EAAE,aAAa,CAAC,CAAC;QACvF,MAAM,QAAQ,GAAG,mBAAmB,CAAC,KAAK,CAAC,IAAI,EAAE,SAAS,EAAE,UAAU,EAAE,SAAS,EAAE,OAAO,CAAC,CAAC;QAC5F,MAAM,UAAU,GAAG,QAAQ,SAAS,GAAG,QAAQ,CAAC,CAAC,CAAC,IAAI,QAAQ,EAAE,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,OAAO,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC;QAC3F,OAAO,KAAK,UAAU,KAAK,KAAK,GAAG,CAAC;IACtC,CAAC,CAAC;SACD,IAAI,CAAC,IAAI,CAAC,CAAC;IAGd,IAAI,QAAQ,KAAK,KAAK,EAAE,CAAC;QAEvB,OAAO,GAAG,QAAQ,OAAO,QAAQ,KAAK,CAAC;IAEzC,CAAC;SAAM,CAAC;QACN,MAAM,SAAS,GAAG,QAAQ,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,IAAI,EAAE,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC;QAEzE,qHAAqH;QACrH,IAAI,SAAS,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC;YACzB,MAAM,aAAa,GAAG,SAAS,CAAC,CAAC,CAAC,CAAC;YACnC,MAAM,mBAAmB,GAAG,aAAa,CAAC,IAAI,CAAC,aAAa,CAAC,CAAC;YAC9D,IAAI,mBAAmB,EAAE,CAAC;gBACxB,uFAAuF;gBACvF,MAAM,SAAS,GAAG,aAAa,CAAC,KAAK,CAAC,eAAe,CAAC,CAAC;gBACvD,MAAM,YAAY,GAAG,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC;gBAEnD,kDAAkD;gBAClD,SAAS,CAAC,OAAO,CAAC,CAAC,QAAQ,EAAE,CAAC,EAAE,EAAE;oBAChC,IAAI,YAAY,IAAI,CAAC,QAAQ,CAAC,UAAU,CAAC,YAAY,CAAC,EAAE,CAAC;wBACvD,SAAS,CAAC,CAAC,CAAC,GAAG,GAAG,YAAY,GAAG,QAAQ,EAAE,CAAC;oBAC9C,CAAC;gBACH,CAAC,CAAC,CAAC;YAEL,CAAC;QAEH,CAAC;QAED,OAAO,GAAG,SAAS,CAAC,IAAI,CAAC,KAAK,CAAC,OAAO,QAAQ,KAAK,CAAC;IACtD,CAAC;AACH,CAAC,CAAC;AAGF;;;;;;;;;;GAUG;AACH,MAAM,mBAAmB,GAAG,CAAC,SAAS,EAAE,gBAAgB,EAAE,UAAU,EAAE,SAAS,EAAE,OAAO,EAAE,EAAE;IAC1F,MAAM,UAAU,GAAG,SAAS,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC;IAC/C,MAAM,SAAS,GAAG,UAAU,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,UAAU,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC;IAEvE,2DAA2D;IAC3D,MAAM,cAAc,GAAG,IAAI,GAAG,CAAC;QAC7B,gBAAgB;QAChB,aAAa;QACb,UAAU;QACV,SAAS;QACT,QAAQ;QACR,SAAS;QACT,eAAe;QACf,SAAS;QACT,OAAO;KACR,CAAC,CAAC;IAEH,uFAAuF;IACvF,MAAM,QAAQ,GAAG,CAAC,OAAO,EAAE,EAAE,CAC3B,OAAO,CAAC,OAAO,CAAC,iBAAiB,EAAE,GAAG,CAAC,CAAC,OAAO,CAAC,UAAU,EAAE,EAAE,CAAC,CAAC,IAAI,EAAE,CAAC;IAEzE,8CAA8C;IAC9C,MAAM,YAAY,GAAG,SAAS;SAC3B,MAAM,CAAC,OAAO,CAAC,EAAE,CAAC,OAAO,IAAI,CAAC,cAAc,CAAC,GAAG,CAAC,OAAO,CAAC,CAAC;SAC1D,GAAG,CAAC,QAAQ,CAAC;SACb,IAAI,CAAC,GAAG,CAAC,CAAC;IAEb,OAAO,YAAY,CAAC;AACtB,CAAC,CAAC;AAEF,OAAO,EAAE,sBAAsB,EAAE,0BAA0B,EAAE,oBAAoB,EAAE,CAAC","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:
|
|
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:
|
|
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
|
-
}]);
|
package/cjs/src_tokens_mobile_components_richtext-editor_richtext-editor_json.foundation-css.cjs
DELETED
|
@@ -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
|
-
}]);
|