npm - @wavemaker/foundation-css - Versions diffs - 11.14.2-rc.6311 → 11.14.4-rc.647538 - Mend

@wavemaker/foundation-css 11.14.2-rc.6311 → 11.14.4-rc.647538

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (397) hide show

package/src/utils/style-dictionary-utils.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"style-dictionary-utils.js","sourceRoot":"./","sources":["src/utils/style-dictionary-utils.js"],"names":[],"mappings":"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","sourcesContent":["\n// If `opacity` exists, we apply a `color-mix` formula to blend colors\n// If `multiple` exists, we apply the `calc()` function to multiply the reference value\n// Otherwise, we simply replace the reference with its corresponding variable\nfunction processTokenValue(value, refs, multiple, opacity) {\n // Remove `mapping` from token.name\n const cleanName = refs.name.replace(/mapping-?/g, '');\n if (opacity) {\n return `color-mix(in srgb, var(--${cleanName}), transparent calc(100% - ${opacity}))`;\n } else if (multiple) {\n return value.replace(refs.value, `calc(var(--${cleanName}) * ${multiple})`);\n } else {\n return value.replace(refs.value, `var(--${cleanName})`);\n }\n}\n\n// Helper function to resolve references for both `multiple` and `opacity` and return the updated value\nfunction resolveTokenReferences(token, unfilteredTokens, usesReferences, getReferences) {\n let multiple = token.original?.attributes?.multiple;\n let opacity = token.original?.attributes?.opacity;\n\n // Resolve references in `multiple` and `opacity`\n multiple = resolveAndReplaceReferences(multiple, unfilteredTokens, usesReferences, getReferences);\n opacity = resolveAndReplaceReferences(opacity, unfilteredTokens, usesReferences, getReferences);\n\n return { multiple, opacity };\n}\n\n// Helper function to resolve references and return the token name\nfunction resolveAndReplaceReferences(attribute, unfilteredTokens, usesReferences, getReferences) {\n if (attribute && usesReferences(attribute, unfilteredTokens)) {\n const refs = getReferences(attribute, unfilteredTokens);\n refs.forEach(ref => {\n // Replace the reference with the resolved token name\n attribute = `var(--${ref.name})`;\n });\n }\n return attribute;\n}\n\n\nconst cssVarCalcMixFormatter = (usesReferences, getReferences, fs) => ({\n name: 'wm-calc-colormix-format',\n format: function ({ dictionary, options }) {\n const { selector, tokenReadmePath } = options;\n // Prepare Markdown table only if enabled\n const tableRows = ['\| Token \| Description \|', '\|-------\|------------\|'];\n \n // Generate CSS variable definitions\n const variables = dictionary.allTokens\n .map((token) => {\n // Remove `mapping` from token.name\n const cleanName = token.name.replace(/mapping-?/g, '');\n let value = getProcessedTokenValue(token, dictionary, usesReferences, getReferences);\n\n // Add to table if token has a description and table generation is enabled\n if (tokenReadmePath && token?.attributes?.description) {\n const pathName = token.path\n .slice(1) // ignore first key (btn, data-table etc.,)\n .filter(key => key !== 'mapping') // remove 'mapping'\n .join('.');\n\n // Keep full description but handle <br> tags properly for table\n let safeDescription = token?.attributes?.description\n .replace(/\\\|/g, '\\\\\|') // escape pipe characters\n .replace(/<br\\s\\/?>/gi, '<br>') // keep <br> tags as HTML for proper rendering\n .trim();\n\n tableRows.push(`\| ${pathName} \| ${safeDescription} \|`);\n }\n\n return `--${cleanName}: ${value};`;\n })\n .join(`\\n`);\n\n // Write the table if tokens has description\n if (tokenReadmePath && tableRows.length > 2 && fs) {\n tableRows.unshift(\n `<!-- AUTO-GENERATED FILE. Do not edit manually. -->`,\n ``,\n `# Token Reference Table`,\n ``,\n `This table lists all tokens for this component:`,\n ``\n );\n fs.writeFileSync(tokenReadmePath, tableRows.join('\\n'), 'utf8');\n console.log(`Token description table generated: ${tokenReadmePath}`);\n }\n\n // Return correctly formatted output based on selector\n return selector && selector.trim()\n ? `${selector} {\\n${variables}\\n}\\n` // Wrap in selector\n : `${variables}\\n`; // No selector, no closing bracket\n },\n}\n);\n\n\nfunction getProcessedTokenValue(token, dictionary, usesReferences, getReferences) {\n let value = String(token.value);\n // Checking if the token has references\n if (usesReferences(token.original.value, dictionary.unfilteredTokens)) {\n const refs = getReferences(token.original.value, dictionary.unfilteredTokens);\n\n refs.forEach((ref) => {\n // Resolve references for `multiple` and `opacity`\n const { multiple, opacity } = resolveTokenReferences(token, dictionary.unfilteredTokens, usesReferences, getReferences);\n // Process the value based on resolved references\n value = processTokenValue(value, ref, multiple, opacity);\n });\n } else {\n value = token.original.value \|\| token.value\n }\n return value;\n}\n\nconst componentVariantsFormatter = (usesReferences, getReferences, platform, options = {}) => ({\n name: 'css/component-variants',\n format: function ({ dictionary, file, ...rest }) {\n const componentRootKey = Object.keys(dictionary.tokens)[0];\n if (!componentRootKey) {\n console.warn(`[Style Dictionary] Could not derive component name from source ${file.destination}`);\n return '';\n }\n\n const groupedVariants = groupTokensByVariantType(dictionary, componentRootKey, platform);\n const cssBlocks = Object.values(groupedVariants).map(group =>\n generateCssBlockFromGroup(group, dictionary, usesReferences, getReferences, platform)\n );\n\n // --- README GENERATION ---\n const generateReadmeFn = options.generateComponentReadme;\n if (generateReadmeFn) {\n generateReadmeFn(\n componentRootKey,\n groupedVariants,\n platform,\n dictionary,\n {...rest.options}\n );\n }\n // --- END README GENERATION ---\n\n return cssBlocks.join('\\n\\n');\n }\n});\n\nconst groupTokensByVariantType = (dictionary, componentRootKey, platform) => {\n const groups = {};\n const isMobile = platform === 'mobile';\n const mappingStore = {};\n\n dictionary.allTokens.forEach((token) => {\n const path = token.path;\n const appearanceIndex = path.indexOf('appearances');\n const variantGroupIndex = path.indexOf('variantGroups');\n const stateIndex = path.indexOf('states');\n const isState = stateIndex !== -1;\n const state = isState ? path[stateIndex + 1] : null;\n\n const appearance = appearanceIndex !== -1 ? path[appearanceIndex + 1] : null;\n const groupType = variantGroupIndex !== -1 ? path[variantGroupIndex + 1] : null;\n const variant = variantGroupIndex !== -1 ? path[variantGroupIndex + 2] : null;\n\n const isVariantToken = appearance && groupType && variant;\n const isTopLevelMapping = appearanceIndex === -1 && path[1] === 'mapping';\n const isAppearanceMapping = appearanceIndex !== -1 && path[appearanceIndex + 2] === 'mapping';\n\n let key, type, group;\n\n if (isVariantToken) {\n key = `${componentRootKey}-${appearance}-${groupType}-${variant}${isState ? `-${state}` : ''}`;\n type = isState ? 'state-variant' : 'variant';\n group = {\n type,\n component: componentRootKey,\n appearance,\n groupType,\n variant,\n state,\n };\n if (!groups[key]) {\n groups[key] = { ...group, tokens: [] };\n \n if (isMobile && mappingStore[appearance]) {\n groups[key].tokens.push(...mappingStore[appearance]);\n }\n } \n } else if (isTopLevelMapping) {\n key = `${componentRootKey}-mapping${isState ? `-${state}` : ''}`;\n type = isState ? 'state-mapping' : 'mapping';\n group = {\n type,\n component: componentRootKey,\n appearance: 'mapping',\n state,\n isRootMapping: true,\n };\n } else if (isAppearanceMapping) {\n const appearanceDef = dictionary.tokens?.[componentRootKey]?.appearances?.[appearance];\n const hasVariants = appearanceDef?.variantGroups && Object.keys(appearanceDef.variantGroups).length > 0;\n // If mobile + variants exist, skip creating this class — mapping will be merged\n if (isMobile && hasVariants && !isState) {\n mappingStore[appearance] ??= [];\n mappingStore[appearance].push(token);\n return; // skip adding mapping like .btn-outlined\n }\n // Else proceed to generate a separate class for mapping\n key = `${componentRootKey}-${appearance}-mapping${isState ? `-${state}` : ''}`;\n type = isState ? 'state-mapping' : 'mapping';\n group = {\n type,\n component: componentRootKey,\n appearance,\n state,\n };\n\n if (isMobile && !isState) {\n mappingStore[appearance] ??= [];\n mappingStore[appearance].push(token);\n }\n }\n\n if (key) {\n groups[key] ??= { ...group, tokens: [] };\n groups[key].tokens.push(token);\n }\n });\n\n return groups;\n};\n\n// output: a selector string based on the group type and state\nconst getStateSelector = (dictionary, component, appearance, state, groupType, variant, type, platform, isRootMapping) => {\n const meta = dictionary.unfilteredTokens?.[component]?.meta;\n const appearanceMeta = meta?.appearances?.[appearance];\n const selectors = [];\n\n if (type === 'state-variant') {\n selectors.push(\n appearanceMeta?.variantGroups?.[groupType]?.[variant]?.states?.[state]?.selector?.[platform]\n );\n }\n\n if (type === 'state-mapping' \|\| type === 'state-variant') {\n selectors.push(\n appearanceMeta?.mapping?.states?.[state]?.selector?.[platform],\n meta?.mapping?.states?.[state]?.selector?.[platform]\n );\n }\n const selector =\n (platform === \"mobile\" && (type === \"state-variant\" \|\| (type == \"state-mapping\" && !isRootMapping))\n ? `${meta?.mapping?.selector?.[platform]}${selectors.find(Boolean)}`\n : selectors.find(Boolean)) \|\| `:${state}`;\n\n // Return the first defined selector or fallback to pseudo-class\n return selector;\n};\n\nconst getSelectorFromGroup = (group, dictionary, platform) => {\n const { component, appearance, type, groupType, variant, state, isRootMapping } = group;\n\n const meta = dictionary.unfilteredTokens?.[component]?.meta;\n const appearanceMeta = meta?.appearances?.[appearance];\n\n const defaultBase = `.${component}-${appearance}`;\n const rootMappingSelector = meta?.mapping?.selector?.[platform] \|\| `.${component}`;\n const appearanceMappingSelector = appearanceMeta?.mapping?.selector?.[platform] \|\| defaultBase;\n\n const getCombinedVariantSelector = () => {\n const selector = appearanceMeta?.variantGroups?.[groupType]?.[variant]?.selector?.[platform];\n if (platform === 'mobile') {\n return selector \|\| `${[\n appearanceMappingSelector \|\| [component, appearance].filter(Boolean).join('-'),\n variant\n ].filter(Boolean).join('-')}`;\n }\n return selector\n ? expandSelectors(platform, appearanceMappingSelector, selector)\n : expandSelectors(platform, appearanceMappingSelector, `.${component}-${variant}`);\n };\n\n const getStateSelectorWrapper = () =>\n getStateSelector(dictionary, component, appearance, state, groupType, variant, type, platform, isRootMapping);\n\n switch (type) {\n case 'mapping':\n return isRootMapping ? rootMappingSelector : appearanceMappingSelector;\n\n case 'variant':\n return getCombinedVariantSelector();\n\n case 'state-mapping':\n return isRootMapping\n ? expandSelectors(platform, rootMappingSelector, getStateSelectorWrapper())\n : expandSelectors(platform, appearanceMappingSelector, getStateSelectorWrapper());\n\n case 'state-variant':\n return expandSelectors(platform, getCombinedVariantSelector(), getStateSelectorWrapper());\n\n default:\n return '';\n }\n};\n\nconst expandSelectors = (platform, baseSelectors, stateSelectors = ['']) => {\n if (platform == \"web\") {\n const bases = baseSelectors.split(',').filter(Boolean);\n const states = stateSelectors.split(',').filter(Boolean);\n\n const combos = [];\n for (const base of bases) {\n for (const state of states) {\n combos.push(`${base}${state}`);\n }\n }\n return combos.join(',');\n } else {\n return `${baseSelectors}${stateSelectors}`\n }\n};\n\n\n// takes a group object and a dictionary, and returns a CSS block\n// Example output:\n// .btn-filled-status-primary {\n// --wm-btn-filled-status-primary-color: #fff;\n//}\nconst generateCssBlockFromGroup = (group, dictionary, usesReferences, getReferences, platform) => {\n const { tokens, component, appearance, groupType, variant } = group;\n\n let selector = getSelectorFromGroup(group, dictionary, platform);\n if (platform === 'web' && selector) {\n selector = selector\n .split(',')\n .map(s => s.startsWith('.wm-app') ? s : `.wm-app ${s}`)\n .join(', ');\n }\n if (!selector) return '';\n\n const cssProps = tokens\n .map((token) => {\n const value = getProcessedTokenValue(token, dictionary, usesReferences, getReferences);\n const baseProp = getBasePropertyName(token.path, component, appearance, groupType, variant);\n const cssVarName = `--wm-${component}${baseProp ? `-${baseProp}` : ''}`.replace(/-+$/, '');\n return ` ${cssVarName}: ${value};`;\n })\n .join('\\n');\n\n\n if (platform === 'web') {\n\n return `${selector} {\\n${cssProps}\\n}`;\n\n } else {\n const selectors = selector.split(',').map(s => s.trim()).filter(Boolean);\n\n //if there are multiple selectors extract custom variant from the first selector and apply it to subsequent selectors\n if (selectors.length > 1) {\n const firstSelector = selectors[0];\n const hasCustomAppearance = /^\\.[\\w-]+\\./.test(firstSelector);\n if (hasCustomAppearance) {\n // Extract base selector (e.g., \".btn-success\" from \".btn-success.app-button-disabled\")\n const baseMatch = firstSelector.match(/^(\\.[\\w-]+)\\./);\n const baseSelector = baseMatch ? baseMatch[1] : '';\n\n // Apply base selector to all subsequent selectors\n selectors.forEach((selector, i) => {\n if (baseSelector && !selector.startsWith(baseSelector)) {\n selectors[i] = `${baseSelector}${selector}`;\n }\n });\n\n }\n\n }\n\n return `${selectors.join(',\\n')} {\\n${cssProps}\\n}`;\n }\n};\n\n\n/\n Derives a clean CSS variable suffix from the token path.\n * Removes known structural segments like component name, appearance, state, variant, etc.\n \n @param tokenPath - The full token path array\n * @param componentRootKey - e.g., \"btn\"\n * @param appearance - e.g., \"filled\"\n * @param groupType - e.g., \"status\" or \"size\"\n * @param variant - e.g., \"primary\", \"lg\"\n * @returns A kebab-case string like \"color-background\" to append to --wm-btn\n */\nconst getBasePropertyName = (tokenPath, componentRootKey, appearance, groupType, variant) => {\n const stateIndex = tokenPath.indexOf('states');\n const stateName = stateIndex !== -1 ? tokenPath[stateIndex + 1] : null;\n\n // All known structural segments to exclude from final name\n const ignoreSegments = new Set([\n componentRootKey,\n 'appearances',\n appearance,\n 'mapping',\n 'states',\n stateName,\n 'variantGroups',\n groupType,\n variant\n ]);\n\n // Sanitize helper: removes illegal characters like @ and trims leading/trailing dashes\n const sanitize = (segment) =>\n segment.replace(/[^a-zA-Z0-9-_]/g, '-').replace(/^-+\|-+$/g, '').trim();\n\n // Build property name from remaining segments\n const propertyName = tokenPath\n .filter(segment => segment && !ignoreSegments.has(segment))\n .map(sanitize)\n .join('-');\n\n return propertyName;\n};\n\nexport { cssVarCalcMixFormatter, componentVariantsFormatter, getSelectorFromGroup };\n\n"]}
1	+ {"version":3,"file":"style-dictionary-utils.js","sourceRoot":"./","sources":["src/utils/style-dictionary-utils.js"],"names":[],"mappings":"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","sourcesContent":["\n// If `opacity` exists, we apply a `color-mix` formula to blend colors\n// If `multiple` exists, we apply the `calc()` function to multiply the reference value\n// Otherwise, we simply replace the reference with its corresponding variable\nfunction processTokenValue(value, refs, multiple, opacity) {\n // Remove `mapping` from token.name\n const cleanName = refs.name.replace(/mapping-?/g, '');\n if (opacity) {\n return `color-mix(in srgb, var(--${cleanName}), transparent calc(100% - ${opacity}))`;\n } else if (multiple) {\n return value.replace(refs.value, `calc(var(--${cleanName}) * ${multiple})`);\n } else {\n return value.replace(refs.value, `var(--${cleanName})`);\n }\n}\n\n// Helper function to resolve references for both `multiple` and `opacity` and return the updated value\nfunction resolveTokenReferences(token, unfilteredTokens, usesReferences, getReferences) {\n let multiple = token.original?.attributes?.multiple;\n let opacity = token.original?.attributes?.opacity;\n\n // Resolve references in `multiple` and `opacity`\n multiple = resolveAndReplaceReferences(multiple, unfilteredTokens, usesReferences, getReferences);\n opacity = resolveAndReplaceReferences(opacity, unfilteredTokens, usesReferences, getReferences);\n\n return { multiple, opacity };\n}\n\n// Helper function to resolve references and return the token name\nfunction resolveAndReplaceReferences(attribute, unfilteredTokens, usesReferences, getReferences) {\n if (attribute && usesReferences(attribute, unfilteredTokens)) {\n const refs = getReferences(attribute, unfilteredTokens);\n refs.forEach(ref => {\n // Replace the reference with the resolved token name\n attribute = `var(--${ref.name})`;\n });\n }\n return attribute;\n}\n\n\nconst cssVarCalcMixFormatter = (usesReferences, getReferences) => ({\n name: 'wm-calc-colormix-format',\n format: function ({ dictionary, options }) {\n const { selector } = options;\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 return `--${cleanName}: ${value};`;\n })\n .join(`\\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 return `${selector} {\\n${cssProps}\\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/cjs/src_tokens_mobile_components_form-controls_form-controls_json.foundation-css.cjs DELETED Viewed

@@ -1,14 +0,0 @@
-"use strict";
-(this["webpackChunk_wavemaker_foundation_css"] = this["webpackChunk_wavemaker_foundation_css"] || []).push([["src_tokens_mobile_components_form-controls_form-controls_json"],{
-/***/ "./src/tokens/mobile/components/form-controls/form-controls.json":
-/*!***********************************************************************!*\
-  !*** ./src/tokens/mobile/components/form-controls/form-controls.json ***!
-  \***********************************************************************/
-/***/ ((module) => {
-module.exports = /*#__PURE__*/JSON.parse('{"form-controls":{"meta":{"mapping":{"selector":{"mobile":".app-input"},"states":{"focused":{"selector":{"mobile":"-focused"}},"disabled":{"selector":{"mobile":"-disabled"}}},"appearances":{}}},"mapping":{"opacity":{"value":"1px","type":"radius","attributes":{"subtype":"opacity","description":"Controls the transparency of form controls (input fields, text areas, select boxes, and other form elements where users enter data). A value of 1 means fully opaque (completely visible), while lower values make the form controls more transparent.<br>CSS variable: --wm-form-controls-opacity"}},"min-height":{"value":"48px","type":"space","attributes":{"subtype":"space","description":"Controls the minimum height of form controls (input fields, text areas, select boxes, and other form elements). This ensures form fields are always tall enough to be easily clickable and readable. Acceptable units: px, em, rem.<br>CSS variable: --wm-form-controls-min-height"}},"padding":{"vertical":{"value":"{space.2.value}","type":"space","attributes":{"subtype":"space","description":"Controls the internal vertical spacing inside form controls (the space between the form field content and its top/bottom borders). This creates breathing room around the text that users type in the form fields.<br>CSS variable: --wm-form-controls-padding-vertical"}},"horizontal":{"value":"{space.2.value}","type":"space","attributes":{"subtype":"space","description":"Controls the internal horizontal spacing inside form controls (the space between the form field content and its left/right borders). This creates breathing room around the text that users type in the form fields.<br>CSS variable: --wm-form-controls-padding-horizontal"}}},"border":{"color":{"value":"{color.outline.@.value}","type":"color","attributes":{"subtype":"color","description":"Sets the color of borders around form controls (input fields, text areas, select boxes, and other form elements). This determines what color the border lines appear in that outline the form fields.<br>CSS variable: --wm-form-controls-border-color"}},"radius":{"value":"{radius.sm.value}","type":"radius","attributes":{"subtype":"radius","description":"Controls the corner rounding of form controls (input fields, text areas, select boxes, and other form elements). This makes the form field corners slightly rounded for a softer appearance.<br>CSS variable: --wm-form-controls-border-radius"}},"style":{"value":"{border.style.base.value}","type":"style","attributes":{"subtype":"border-style","description":"Sets the visual style of borders around form controls (input fields, text areas, select boxes, and other form elements). \'solid\' creates a continuous line, \'dashed\' creates a broken line, \'dotted\' creates a dotted line, \'none\' removes borders completely.<br>CSS variable: --wm-form-controls-border-style"}},"width":{"value":"{border.width.base.value}","type":"space","attributes":{"subtype":"border-width","description":"Controls the thickness of borders around form controls (input fields, text areas, select boxes, and other form elements). This determines how thick the border lines appear around the form fields.<br>CSS variable: --wm-form-controls-border-width"}}},"placeholder":{"color":{"value":"{color.on-surface.@.value}","type":"color","attributes":{"subtype":"color","description":"Sets the color of placeholder text in form controls (the gray text that appears in empty input fields to show users what to enter, like \'Enter your name\' or \'Select an option\'). This determines what color the hint text appears in.<br>CSS variable: --wm-form-controls-placeholder-color"}}},"background":{"value":"{color.outline.variant.value}","type":"color","attributes":{"subtype":"color","description":"Sets the background color of form controls (input fields, text areas, select boxes, and other form elements where users enter data). This is the main background color that appears behind the form field content.<br>CSS variable: --wm-form-controls-background"}},"color":{"value":"{color.black.@.value}","type":"color"},"label":{"color":{"value":"{color.on-surface.@.value}","type":"color","attributes":{"subtype":"color","description":"Sets the text color of form control labels (the text labels that appear next to or above input fields to describe what information should be entered). This determines what color the label text appears in.<br>CSS variable: --wm-form-controls-label-color"}},"background":{"value":"{color.transparent.@.value}","type":"color","attributes":{"subtype":"color","description":"Sets the background color of form control labels (the text labels that appear next to or above input fields). When transparent, only the label text is visible. When filled with a color, the label appears with a colored background.<br>CSS variable: --wm-form-controls-label-background"}},"font":{"size":{"value":"{label.large.font-size.value}","type":"font","attributes":{"subtype":"font-size","description":"Controls how large form control labels appear (the text labels that appear next to or above input fields). This affects the size of the label text that users see.<br>CSS variable: --wm-form-controls-label-font-size"}},"weight":{"value":"{label.large.font-weight.value}","type":"font","attributes":{"subtype":"font-weight","description":"Controls how thick or bold form control labels appear (the text labels that appear next to or above input fields). \'normal\' makes it regular weight, \'bold\' makes it thicker, and numbers (100-900) provide fine control over thickness.<br>CSS variable: --wm-form-controls-label-font-weight"}},"family":{"value":"{label.large.font-family.value}","type":"font","attributes":{"subtype":"font-family","description":"Sets the typeface (font style) for form control labels (the text labels that appear next to or above input fields). This determines whether the label text appears in Arial, Times New Roman, or other font styles.<br>CSS variable: --wm-form-controls-label-font-family"}}},"margin":{"vertical":{"value":"{space.1.value}","type":"space","attributes":{"subtype":"space","description":"Controls the vertical spacing around form control labels (the space above and below the label text). This creates visual separation between labels and form fields.<br>CSS variable: --wm-form-controls-label-margin-vertical"}},"horizontal":{"value":"{space.1.value}","type":"space","attributes":{"subtype":"space","description":"Controls the horizontal spacing around form control labels (the space to the left and right of the label text). This creates visual separation between labels and form fields.<br>CSS variable: --wm-form-controls-label-margin-horizontal"}}}},"states":{"focused":{"border":{"color":{"value":"{color.primary.@.value}","type":"color","attributes":{"subtype":"color","description":"Sets the color of borders around form controls when they are in the focused state (when the user clicks or tabs into the form field). This determines what color the border appears in when the field is active and ready for input.<br>CSS variable: --wm-form-controls-border-color (focused state)"}},"width":{"value":"{border.width.base.value}","type":"space","attributes":{"subtype":"border-width","description":"Controls the thickness of borders around form controls when they are in the focused state (when the user clicks or tabs into the form field). This determines how thick the border lines appear when the field is active.<br>CSS variable: --wm-form-controls-border-width (focused state)"}}},"background":{"value":"{color.outline.variant.value}","type":"color","attributes":{"subtype":"color","description":"Sets the background color of form controls when they are in the focused state (when the user clicks or tabs into the form field). This is the background color that appears when the field is active and ready for input.<br>CSS variable: --wm-form-controls-background (focused state)"}},"color":{"value":"{color.black.@.value}","type":"color","attributes":{"subtype":"color","description":"Sets the text color of form controls when they are in the focused state (when the user clicks or tabs into the form field). This determines what color the text that users type appears in when the field is active.<br>CSS variable: --wm-form-controls-color (focused state)"}}},"disabled":{"border":{"color":{"value":"{color.shadow.@.value}","type":"color","attributes":{"subtype":"color","description":"Sets the color of borders around form controls when they are in the disabled state (when the form field is not interactive and users cannot enter data). This determines what color the border appears in when the field is disabled.<br>CSS variable: --wm-form-controls-border-color (disabled state)"}},"width":{"value":"{border.width.base.value}","type":"space","attributes":{"subtype":"border-width","description":"Controls the thickness of borders around form controls when they are in the disabled state (when the form field is not interactive). This determines how thick the border lines appear when the field is disabled.<br>CSS variable: --wm-form-controls-border-width (disabled state)"}}},"background":{"value":"{color.surface.dim.@.value}","type":"color","attributes":{"subtype":"color","description":"Sets the background color of form controls when they are in the disabled state (when the form field is not interactive and users cannot enter data). This is the background color that appears when the field is disabled.<br>CSS variable: --wm-form-controls-background (disabled state)"}},"color":{"value":"{color.scrim.@.value}","type":"color","attributes":{"subtype":"color","description":"Sets the text color of form controls when they are in the disabled state (when the form field is not interactive). This determines what color the text appears in when the field is disabled.<br>CSS variable: --wm-form-controls-color (disabled state)"}},"opacity":{"value":"0.67","type":"radius","attributes":{"subtype":"opacity","description":"Controls the transparency of form controls when they are in the disabled state (when the form field is not interactive). A value of 0.67 makes the form controls appear dimmed to indicate they are disabled. Lower values make them more transparent.<br>CSS variable: --wm-form-controls-opacity (disabled state)"}}}}},"appearances":{}}}');
-/***/ })
-}]);

package/cjs/src_tokens_mobile_components_form-wrapper_form-wrapper_json.foundation-css.cjs DELETED Viewed

@@ -1,14 +0,0 @@
-"use strict";
-(this["webpackChunk_wavemaker_foundation_css"] = this["webpackChunk_wavemaker_foundation_css"] || []).push([["src_tokens_mobile_components_form-wrapper_form-wrapper_json"],{
-/***/ "./src/tokens/mobile/components/form-wrapper/form-wrapper.json":
-/*!*********************************************************************!*\
-  !*** ./src/tokens/mobile/components/form-wrapper/form-wrapper.json ***!
-  \*********************************************************************/
-/***/ ((module) => {
-module.exports = /*#__PURE__*/JSON.parse('{"form":{"meta":{"mapping":{"selector":{"mobile":".app-form"}},"appearances":{}},"mapping":{"background":{"value":"{color.outline.variant.value}","type":"color","attributes":{"subtype":"color","description":"Sets the background color of form wrapper components (containers that wrap form elements with header, body, and footer sections). This is the main background color that appears behind the entire form wrapper.<br>CSS variable: --wm-form-background"}},"padding":{"value":"{space.3.value}","type":"space","attributes":{"subtype":"space","description":"Controls the internal spacing inside form wrapper components (the space between the form wrapper content and its borders). This creates breathing room around the entire form wrapper container.<br>CSS variable: --wm-form-padding"}},"margin":{"value":"{space.2.value}","type":"space","attributes":{"subtype":"space","description":"Controls the external spacing around form wrapper components (the space outside the form wrapper borders). This creates visual separation between the form wrapper and other elements on the page.<br>CSS variable: --wm-form-margin"}},"border":{"radius":{"value":"{radius.sm.value}","type":"radius","attributes":{"subtype":"radius","description":"Controls the corner rounding of form wrapper components (containers that wrap form elements). This makes the form wrapper corners slightly rounded for a softer appearance.<br>CSS variable: --wm-form-border-radius"}},"width":{"value":"{border.width.base.value}","type":"space","attributes":{"subtype":"border-width","description":"Controls the thickness of borders around form wrapper components (containers that wrap form elements). This determines how thick the border lines appear around the form wrapper.<br>CSS variable: --wm-form-border-width"}},"style":{"value":"{border.style.base.value}","type":"radius","attributes":{"subtype":"border-style","description":"Sets the visual style of borders around form wrapper components (containers that wrap form elements). \'solid\' creates a continuous line, \'dashed\' creates a broken line, \'dotted\' creates a dotted line.<br>CSS variable: --wm-form-border-style"}},"color":{"@":{"value":"{color.transparent.@.value}","type":"color","attributes":{"subtype":"color","description":"Sets the color of borders around form wrapper components (containers that wrap form elements). When transparent, borders are not visible. When filled with a color, the border appears with the specified color.<br>CSS variable: --wm-form-border-color"}}}},"header":{"padding":{"vertical":{"value":"{space.2.value}","type":"space","attributes":{"subtype":"space","description":"Controls the internal vertical spacing inside form wrapper headers (the top section that contains the form title and subtitle). This creates breathing room around the header content.<br>CSS variable: --wm-form-header-padding-vertical"}},"horizontal":{"value":"{space.2.value}","type":"space","attributes":{"subtype":"space","description":"Controls the internal horizontal spacing inside form wrapper headers (the top section that contains the form title and subtitle). This creates breathing room around the header content.<br>CSS variable: --wm-form-header-padding-horizontal"}}},"border":{"color":{"value":"{color.transparent.@.value}","type":"color","attributes":{"subtype":"color","description":"Sets the color of borders around form wrapper headers (the top section that contains the form title and subtitle). When transparent, borders are not visible. When filled with a color, the border appears with the specified color.<br>CSS variable: --wm-form-header-border-color"}},"radius":{"value":"{radius.sm.value}","type":"radius","attributes":{"subtype":"radius","description":"Controls the corner rounding of form wrapper headers (the top section that contains the form title and subtitle). This makes the header corners slightly rounded for a softer appearance.<br>CSS variable: --wm-form-header-border-radius"}},"style":{"value":"{border.style.base.value}","type":"radius","attributes":{"subtype":"border-style","description":"Sets the visual style of borders around form wrapper headers (the top section that contains the form title and subtitle). \'solid\' creates a continuous line, \'dashed\' creates a broken line, \'dotted\' creates a dotted line, \'none\' removes borders completely.<br>CSS variable: --wm-form-header-border-style"}},"width":{"value":"{border.width.base.value}","type":"space","attributes":{"subtype":"border-width","description":"Controls the thickness of borders around form wrapper headers (the top section that contains the form title and subtitle). This determines how thick the border lines appear around the header.<br>CSS variable: --wm-form-header-border-width"}}},"title":{"color":{"value":"{color.on-surface.@.value}","type":"color","attributes":{"subtype":"color","description":"Sets the text color of form wrapper header titles (the main heading text that appears at the top of the form). This determines what color the title text appears in.<br>CSS variable: --wm-form-header-title-color"}},"font":{"size":{"value":"{h4.font-size.value}","type":"font","attributes":{"subtype":"font-size","description":"Controls how large form wrapper header titles appear (the main heading text that appears at the top of the form). This affects the size of the title text that users see.<br>CSS variable: --wm-form-header-title-font-size"}},"weight":{"value":"{font.weight.700.value}","type":"font","attributes":{"subtype":"font-weight","description":"Controls how thick or bold form wrapper header titles appear (the main heading text that appears at the top of the form). \'normal\' makes it regular weight, \'bold\' makes it thicker, and numbers (100-900) provide fine control over thickness.<br>CSS variable: --wm-form-header-title-font-weight"}},"family":{"value":"{font.family.brand.value}","type":"font","attributes":{"subtype":"font-family","description":"Sets the typeface (font style) for form wrapper header titles (the main heading text that appears at the top of the form). This determines whether the title text appears in Arial, Times New Roman, or other font styles.<br>CSS variable: --wm-form-header-title-font-family"}}},"margin":{"vertical":{"value":"{space.1.value}","type":"space","attributes":{"subtype":"space","description":"Controls the vertical spacing around form wrapper header titles (the space above and below the title text). This creates visual separation between the title and other header elements.<br>CSS variable: --wm-form-header-title-margin-vertical"}},"horizontal":{"value":"{space.1.value}","type":"space","attributes":{"subtype":"space","description":"Controls the horizontal spacing around form wrapper header titles (the space to the left and right of the title text). This creates visual separation between the title and other header elements.<br>CSS variable: --wm-form-header-title-margin-horizontal"}}}},"sub-title":{"color":{"value":"{color.on-surface.variant.@.value}","type":"color","attributes":{"subtype":"color","description":"Sets the text color of form wrapper header subtitles (the secondary heading text that appears below the main title). This determines what color the subtitle text appears in.<br>CSS variable: --wm-form-header-sub-title-color"}},"font":{"size":{"value":"{h6.font-size.value}","type":"font","attributes":{"subtype":"font-size","description":"Controls how large form wrapper header subtitles appear (the secondary heading text that appears below the main title). This affects the size of the subtitle text that users see.<br>CSS variable: --wm-form-header-sub-title-font-size"}},"weight":{"value":"{font.weight.500.value}","type":"font","attributes":{"subtype":"font-weight","description":"Controls how thick or bold form wrapper header subtitles appear (the secondary heading text that appears below the main title). \'normal\' makes it regular weight, \'bold\' makes it thicker, and numbers (100-900) provide fine control over thickness.<br>CSS variable: --wm-form-header-sub-title-font-weight"}},"family":{"value":"{font.family.brand.value}","type":"font","attributes":{"subtype":"font-family","description":"Sets the typeface (font style) for form wrapper header subtitles (the secondary heading text that appears below the main title). This determines whether the subtitle text appears in Arial, Times New Roman, or other font styles.<br>CSS variable: --wm-form-header-sub-title-font-family"}}},"margin":{"vertical":{"value":"{space.1.value}","type":"space","attributes":{"subtype":"space","description":"Controls the vertical spacing around form wrapper header subtitles (the space above and below the subtitle text). This creates visual separation between the subtitle and other header elements.<br>CSS variable: --wm-form-header-sub-title-margin-vertical"}},"horizontal":{"value":"{space.1.value}","type":"space","attributes":{"subtype":"space","description":"Controls the horizontal spacing around form wrapper header subtitles (the space to the left and right of the subtitle text). This creates visual separation between the subtitle and other header elements.<br>CSS variable: --wm-form-header-sub-title-margin-horizontal"}}}},"background":{"value":"{color.transparent.@.value}","type":"color","attributes":{"subtype":"color","description":"Sets the background color of form wrapper headers (the top section that contains the form title and subtitle). When transparent, only the header content is visible. When filled with a color, the header appears with a colored background.<br>CSS variable: --wm-form-header-background"}}},"body":{"background":{"value":"{color.transparent.@.value}","type":"color","attributes":{"subtype":"color","description":"Sets the background color of form wrapper body sections (the main content area where form fields are displayed). When transparent, only the body content is visible. When filled with a color, the body appears with a colored background.<br>CSS variable: --wm-form-body-background"}},"padding":{"vertical":{"value":"{space.1.value}","type":"space","attributes":{"subtype":"space","description":"Controls the internal vertical spacing inside form wrapper body sections (the main content area where form fields are displayed). This creates breathing room around the body content.<br>CSS variable: --wm-form-body-padding-vertical"}},"horizontal":{"value":"{space.1.value}","type":"space","attributes":{"subtype":"space","description":"Controls the internal horizontal spacing inside form wrapper body sections (the main content area where form fields are displayed). This creates breathing room around the body content.<br>CSS variable: --wm-form-body-padding-horizontal"}}},"border":{"color":{"value":"{color.transparent.@.value}","type":"color","attributes":{"subtype":"color","description":"Sets the color of borders around form wrapper body sections (the main content area where form fields are displayed). When transparent, borders are not visible. When filled with a color, the border appears with the specified color.<br>CSS variable: --wm-form-body-border-color"}},"radius":{"value":"{radius.sm.value}","type":"radius","attributes":{"subtype":"radius","description":"Controls the corner rounding of form wrapper body sections (the main content area where form fields are displayed). This makes the body corners slightly rounded for a softer appearance.<br>CSS variable: --wm-form-body-border-radius"}},"style":{"value":"{border.style.base.value}","type":"style","attributes":{"subtype":"border-style","description":"Sets the visual style of borders around form wrapper body sections (the main content area where form fields are displayed). \'solid\' creates a continuous line, \'dashed\' creates a broken line, \'dotted\' creates a dotted line, \'none\' removes borders completely.<br>CSS variable: --wm-form-body-border-style"}},"width":{"value":"{border.width.base.value}","type":"space","attributes":{"subtype":"border-width","description":"Controls the thickness of borders around form wrapper body sections (the main content area where form fields are displayed). This determines how thick the border lines appear around the body.<br>CSS variable: --wm-form-body-border-width"}}}},"footer":{"background":{"value":"{color.transparent.@.value}","type":"color","attributes":{"subtype":"color","description":"Sets the background color of form wrapper footer sections (the bottom section that typically contains action buttons like Submit or Cancel). When transparent, only the footer content is visible. When filled with a color, the footer appears with a colored background.<br>CSS variable: --wm-form-footer-background"}},"border":{"color":{"value":"{color.transparent.@.value}","type":"color","attributes":{"subtype":"color","description":"Sets the color of borders around form wrapper footer sections (the bottom section that typically contains action buttons). When transparent, borders are not visible. When filled with a color, the border appears with the specified color.<br>CSS variable: --wm-form-footer-border-color"}},"radius":{"value":"{radius.sm.value}","type":"radius","attributes":{"subtype":"radius","description":"Controls the corner rounding of form wrapper footer sections (the bottom section that typically contains action buttons). This makes the footer corners slightly rounded for a softer appearance.<br>CSS variable: --wm-form-footer-border-radius"}},"style":{"value":"{border.style.base.value}","type":"radius","attributes":{"subtype":"border-style","description":"Sets the visual style of borders around form wrapper footer sections (the bottom section that typically contains action buttons). \'solid\' creates a continuous line, \'dashed\' creates a broken line, \'dotted\' creates a dotted line, \'none\' removes borders completely.<br>CSS variable: --wm-form-footer-border-style"}},"width":{"value":"{border.width.base.value}","type":"space","attributes":{"subtype":"border-width","description":"Controls the thickness of borders around form wrapper footer sections (the bottom section that typically contains action buttons). This determines how thick the border lines appear around the footer.<br>CSS variable: --wm-form-footer-border-width"}}},"padding":{"vertical":{"value":"{space.1.value}","type":"space","attributes":{"subtype":"space","description":"Controls the internal vertical spacing inside form wrapper footer sections (the bottom section that typically contains action buttons). This creates breathing room around the footer content.<br>CSS variable: --wm-form-footer-padding-vertical"}},"horizontal":{"value":"{space.1.value}","type":"space","attributes":{"subtype":"space","description":"Controls the internal horizontal spacing inside form wrapper footer sections (the bottom section that typically contains action buttons). This creates breathing room around the footer content.<br>CSS variable: --wm-form-footer-padding-horizontal"}}}}},"appearances":{}}}');
-/***/ })
-}]);

package/cjs/src_tokens_mobile_components_navbar_navbar_json.foundation-css.cjs DELETED Viewed

@@ -1,14 +0,0 @@
-"use strict";
-(this["webpackChunk_wavemaker_foundation_css"] = this["webpackChunk_wavemaker_foundation_css"] || []).push([["src_tokens_mobile_components_navbar_navbar_json"],{
-/***/ "./src/tokens/mobile/components/navbar/navbar.json":
-/*!*********************************************************!*\
-  !*** ./src/tokens/mobile/components/navbar/navbar.json ***!
-  \*********************************************************/
-/***/ ((module) => {
-module.exports = /*#__PURE__*/JSON.parse('{"navbar":{"meta":{"mapping":{"selector":{"mobile":".app-appnavbar"}}},"mapping":{"height":{"value":"80px","type":"space","attributes":{"subtype":"space","description":"Controls the height of navigation bars (top bars that contain navigation elements, icons, and content). This determines how tall the navbar appears. Acceptable units: px.<br>CSS variable: --wm-navbar-height"}},"background-color":{"value":"{color.surface.@.value}","type":"color","attributes":{"subtype":"color","description":"Sets the background color of navigation bars (top bars that contain navigation elements, icons, and content). This is the main background color that appears behind the navbar content.<br>CSS variable: --wm-navbar-background-color"}},"padding":{"left":{"value":"{space.3.value}","type":"space","attributes":{"subtype":"space","description":"Controls the left padding (horizontal spacing) inside navigation bars. This creates breathing room on the left side of the navbar content. Acceptable units: px.<br>CSS variable: --wm-navbar-padding-left"}},"right":{"value":"{space.3.value}","type":"space","attributes":{"subtype":"space","description":"Controls the right padding (horizontal spacing) inside navigation bars. This creates breathing room on the right side of the navbar content. Acceptable units: px.<br>CSS variable: --wm-navbar-padding-right"}},"top":{"value":"{space.3.value}","type":"space","attributes":{"subtype":"space","description":"Controls the top padding (vertical spacing) inside navigation bars. This creates breathing room above the navbar content. Acceptable units: px.<br>CSS variable: --wm-navbar-padding-top"}},"bottom":{"value":"{space.3.value}","type":"space","attributes":{"subtype":"space","description":"Controls the bottom padding (vertical spacing) inside navigation bars. This creates breathing room below the navbar content. Acceptable units: px.<br>CSS variable: --wm-navbar-padding-bottom"}}},"left-icon":{"color":{"value":"{color.on-surface.@.value}","type":"color","attributes":{"subtype":"color","description":"Sets the color of left icons in navigation bars (icons that appear on the left side of the navbar). This determines what color the left icons appear in.<br>CSS variable: --wm-navbar-left-icon-color"}},"size":{"value":"{icon.size.@.value}","type":"space","attributes":{"subtype":"icon-size","description":"Controls the size of left icons in navigation bars. This affects how large the left icons appear. Acceptable units: px.<br>CSS variable: --wm-navbar-left-icon-size"}}},"back-icon":{"color":{"value":"{color.on-surface.@.value}","type":"color","attributes":{"subtype":"color","description":"Sets the color of back icons in navigation bars (icons that navigate back to the previous screen). This determines what color the back icons appear in.<br>CSS variable: --wm-navbar-back-icon-color"}},"size":{"value":"{icon.size.@.value}","type":"space","attributes":{"subtype":"icon-size","description":"Controls the size of back icons in navigation bars. This affects how large the back icons appear. Acceptable units: px.<br>CSS variable: --wm-navbar-back-icon-size"}}},"menu-icon":{"color":{"value":"{color.on-surface.@.value}","type":"color","attributes":{"subtype":"color","description":"Sets the color of menu icons in navigation bars (icons that open navigation menus). This determines what color the menu icons appear in.<br>CSS variable: --wm-navbar-menu-icon-color"}},"size":{"value":"{icon.size.@.value}","type":"space","attributes":{"subtype":"icon-size","description":"Controls the size of menu icons in navigation bars. This affects how large the menu icons appear. Acceptable units: px.<br>CSS variable: --wm-navbar-menu-icon-size"}}},"popover-icon":{"color":{"value":"{color.on-surface.@.value}","type":"color","attributes":{"subtype":"color","description":"Sets the color of popover icons in navigation bars (icons that open popover menus). This determines what color the popover icons appear in.<br>CSS variable: --wm-navbar-popover-icon-color"}},"size":{"value":"{icon.size.@.value}","type":"space","attributes":{"subtype":"icon-size","description":"Controls the size of popover icons in navigation bars. This affects how large the popover icons appear. Acceptable units: px.<br>CSS variable: --wm-navbar-popover-icon-size"}}},"image":{"width":{"value":"32px","type":"space","attributes":{"subtype":"space","description":"Controls the width of images in navigation bars (logos or images that appear in the navbar). This determines how wide the navbar images appear. Acceptable units: px.<br>CSS variable: --wm-navbar-image-width"}},"height":{"value":"32px","type":"space","attributes":{"subtype":"space","description":"Controls the height of images in navigation bars (logos or images that appear in the navbar). This determines how tall the navbar images appear. Acceptable units: px.<br>CSS variable: --wm-navbar-image-height"}}},"content":{"color":{"value":"{color.on-surface.@.value}","type":"color","attributes":{"subtype":"color","description":"Sets the text color of navigation bar content (the main text that appears in the navbar). This determines what color the navbar content text appears in, which should contrast well with the background for readability.<br>CSS variable: --wm-navbar-content-color"}},"font":{"size":{"value":"{body.large.font-size.value}","type":"font","attributes":{"subtype":"font-size","description":"Controls the size of navigation bar content text. This affects how large the navbar content text appears.<br>CSS variable: --wm-navbar-content-font-size"}},"family":{"value":"{body.large.font-family.value}","type":"font","attributes":{"subtype":"font-family","description":"Sets the typeface (font style) for navigation bar content text. This determines whether the navbar content text appears in Arial, Times New Roman, or other font styles.<br>CSS variable: --wm-navbar-content-font-family"}},"weight":{"value":"{body.large.font-weight.value}","type":"font","attributes":{"subtype":"font-weight","description":"Controls how thick or bold navigation bar content text appears. \'normal\' makes it regular weight, \'bold\' makes it thicker, and numbers (100-900) provide fine control over thickness.<br>CSS variable: --wm-navbar-content-font-weight"}}}},"badge":{"background-color":{"value":"transparent","type":"color","attributes":{"subtype":"color","description":"Sets the background color of badges in navigation bars (small indicators that appear on navbar elements). When transparent, only the badge text is visible. When filled with a color, the badge appears with a colored background.<br>CSS variable: --wm-navbar-badge-background-color"}},"color":{"value":"{color.primary.@.value}","type":"color","attributes":{"subtype":"color","description":"Sets the text color of badges in navigation bars. This determines what color the badge text appears in, typically matching the primary theme color.<br>CSS variable: --wm-navbar-badge-color"}},"margin-left":{"value":"4px","type":"space","attributes":{"subtype":"space","description":"Controls the left margin (horizontal spacing) of badges in navigation bars. This creates spacing to the left of badges, separating them from adjacent content. Acceptable units: px.<br>CSS variable: --wm-navbar-badge-margin-left"}}},"anchor":{"padding":{"right":{"value":"0px","type":"space","attributes":{"subtype":"space","description":"Controls the right padding (horizontal spacing) inside navigation bar anchor elements (clickable links in the navbar). This creates breathing room on the right side of the anchor content. Acceptable units: px.<br>CSS variable: --wm-navbar-anchor-padding-right"}},"left":{"value":"0px","type":"space","attributes":{"subtype":"space","description":"Controls the left padding (horizontal spacing) inside navigation bar anchor elements. This creates breathing room on the left side of the anchor content. Acceptable units: px.<br>CSS variable: --wm-navbar-anchor-padding-left"}},"top":{"value":"0px","type":"space","attributes":{"subtype":"space","description":"Controls the top padding (vertical spacing) inside navigation bar anchor elements. This creates breathing room above the anchor content. Acceptable units: px.<br>CSS variable: --wm-navbar-anchor-padding-top"}},"bottom":{"value":"0px","type":"space","attributes":{"subtype":"space","description":"Controls the bottom padding (vertical spacing) inside navigation bar anchor elements. This creates breathing room below the anchor content. Acceptable units: px.<br>CSS variable: --wm-navbar-anchor-padding-bottom"}}},"text":{"color":{"value":"{color.on-surface.@.value}","type":"color","attributes":{"subtype":"color","description":"Sets the text color of navigation bar anchor text (clickable link text in the navbar). This determines what color the anchor text appears in, which should contrast well with the background for readability.<br>CSS variable: --wm-navbar-anchor-text-color"}},"font":{"size":{"value":"{body.large.font-size.value}","type":"font","attributes":{"subtype":"font-size","description":"Controls the size of navigation bar anchor text. This affects how large the anchor text appears.<br>CSS variable: --wm-navbar-anchor-text-font-size"}},"family":{"value":"{body.large.font-family.value}","type":"font","attributes":{"subtype":"font-family","description":"Sets the typeface (font style) for navigation bar anchor text. This determines whether the anchor text appears in Arial, Times New Roman, or other font styles.<br>CSS variable: --wm-navbar-anchor-text-font-family"}},"weight":{"value":"{body.large.font-weight.value}","type":"font","attributes":{"subtype":"font-weight","description":"Controls how thick or bold navigation bar anchor text appears. \'normal\' makes it regular weight, \'bold\' makes it thicker, and numbers (100-900) provide fine control over thickness.<br>CSS variable: --wm-navbar-anchor-text-font-weight"}}}},"icon":{"color":{"value":"{color.on-surface.@.value}","type":"color","attributes":{"subtype":"color","description":"Sets the color of icons in navigation bar anchor elements. This determines what color the anchor icons appear in.<br>CSS variable: --wm-navbar-anchor-icon-color"}},"size":{"value":"{icon.size.@.value}","type":"space","attributes":{"subtype":"icon-size","description":"Controls the size of icons in navigation bar anchor elements. This affects how large the anchor icons appear. Acceptable units: px.<br>CSS variable: --wm-navbar-anchor-icon-size"}}}},"button":{"color":{"value":"{color.on-surface.@.value}","type":"color","attributes":{"subtype":"color","description":"Sets the text color of buttons in navigation bars. This determines what color the button text appears in, which should contrast well with the background for readability.<br>CSS variable: --wm-navbar-button-color"}},"font":{"size":{"value":"{body.large.font-size.value}","type":"font","attributes":{"subtype":"font-size","description":"Controls the size of button text in navigation bars. This affects how large the button text appears.<br>CSS variable: --wm-navbar-button-font-size"}},"family":{"value":"{body.large.font-family.value}","type":"font","attributes":{"subtype":"font-family","description":"Sets the typeface (font style) for button text in navigation bars. This determines whether the button text appears in Arial, Times New Roman, or other font styles.<br>CSS variable: --wm-navbar-button-font-family"}},"weight":{"value":"{body.large.font-weight.value}","type":"font","attributes":{"subtype":"font-weight","description":"Controls how thick or bold button text in navigation bars appears. \'normal\' makes it regular weight, \'bold\' makes it thicker, and numbers (100-900) provide fine control over thickness.<br>CSS variable: --wm-navbar-button-font-weight"}}}}}}}');
-/***/ })
-}]);

package/src/styles/mobile/components/variables/form-controls.variant.less DELETED Viewed

@@ -1,14 +0,0 @@
-.app-input-focused {
-  --wm-form-controls-border-color: var(--wm-color-primary);
-  --wm-form-controls-border-width: var(--wm-border-width-base);
-  --wm-form-controls-background: var(--wm-color-outline-variant);
-  --wm-form-controls-color: var(--wm-color-black);
-}
-.app-input-disabled {
-  --wm-form-controls-border-color: var(--wm-color-shadow);
-  --wm-form-controls-border-width: var(--wm-border-width-base);
-  --wm-form-controls-background: var(--wm-color-surface-dim);
-  --wm-form-controls-color: var(--wm-color-scrim);
-  --wm-form-controls-opacity: 0.67;
-}

package/src/styles/mobile/studio/advanced/styles.less DELETED Viewed

	@@ -1,2 +0,0 @@
1	- @import url('./carousel.less');
2	- @import url('./login.less');

package/src/styles/mobile/studio/basic/icon.less DELETED Viewed

@@ -1,21 +0,0 @@
-.app-icon,
-.app-icon-wrapper {
-  position: relative;
-  display: inline-flex;
-  justify-content: center;
-  align-items: center;
-  padding: 0;
-  gap: var(--wm-icon-gap);
-  font-style: normal;
-  color: var(--wm-icon-color);
-  i {
-    font-style: normal;
-  }
-}
-.app-icon {
-  font-size: var(--wm-icon-font-size);
-  min-width: var(--wm-icon-min-width);
-  width: var(--wm-icon-width);
-  height: var(--wm-icon-height);
-}

package/src/styles/mobile/studio/basic/label.less DELETED Viewed

@@ -1,28 +0,0 @@
-.app-label {
-    &.h1,
-    &.h2,
-    &.h3,
-    &.h4,
-    &.h5,
-    &.h6 {
-        padding-left: var(--wm-label-padding-left);
-        padding-right: var(--wm-label-padding-right);
-        padding-top: var(--wm-label-padding-top);
-        padding-bottom: var(--wm-label-padding-bottom);
-        margin: var(--wm-label-margin);
-    }
-    border-radius: var(--wm-label-border-radius);
-    &.label-primary,
-    &.label-danger,
-    &.label-default,
-    &.label-success,
-    &.label-warning,
-    &.label-info {
-        padding-top: var(--wm-label-padding-top);
-        padding-bottom: var(--wm-label-padding-bottom);
-        padding-left: var(--wm-label-padding-left);
-        padding-right: var(--wm-label-padding-right);
-        margin: var(--wm-label-margin);
-    }
-}

package/src/styles/mobile/studio/basic/progress-bar.less DELETED Viewed

@@ -1,6 +0,0 @@
-.app-progress {
-    &-label {
-        display: none;
-    }
-}

package/src/styles/mobile/studio/basic/progress-circle.less DELETED Viewed

@@ -1,9 +0,0 @@
-.app-progress.circle {
-    background-color: transparent;
-    width: var(--wm-progress-circle-width) !important;
-    height: var(--wm-progress-circle-height) !important;
-    path {
-        stroke-linecap: butt;
-        stroke-width: 16px;
-    }
-}

package/src/styles/mobile/studio/basic/spinner.less DELETED Viewed

@@ -1,6 +0,0 @@
-.app-spinner {
-    .spinner-message {
-        background-color: inherit;
-        border-color: transparent;
-    }
-}

package/src/styles/mobile/studio/basic/styles.less DELETED Viewed

@@ -1,11 +0,0 @@
-@import url('./anchor.less');
-@import url('./button.less');
-@import url('./button-group.less');
-@import url('./icon.less');
-@import url('./label.less');
-@import url('./message.less');
-@import url('./picture.less');
-@import url('./progress-bar.less');
-@import url('./progress-circle.less');
-@import url('./search.less');
-@import url('./spinner.less');

package/src/styles/mobile/studio/container/accordion.less DELETED Viewed

@@ -1,26 +0,0 @@
-.app-accordion{
-    .panel-heading {
-        border-bottom-width: var(--wm-accordion-header-border-bottom-width);
-        display: flex;
-        flex-direction: row;
-        align-self: center;
-        .panel-title {
-            flex: 1;
-            align-self: center;
-        }
-        .panel-actions {
-            top: auto;
-            right: auto;
-            position: static;
-            .label {
-                border-style: solid;
-            }
-            .badge {
-                line-height: var(--wm-accordion-badge-height);
-            }
-        }
-    }
-    .panel-body {
-        padding: 0px;
-    }
-}

package/src/styles/mobile/studio/container/container.less DELETED Viewed

@@ -1,18 +0,0 @@
-.app-page-content .app-default-container {
-          border: 1px dotted rgba(168, 168, 168, .4) !important;
- }
- .app-container{
-    border-style: var(--wm-container-border-style);
-    box-shadow: var(--wm-container-box-shadow);
-    background-color: var(--wm-container-background-color);
-    padding-right: var(--wm-container-padding-right);
-    padding-left: var(--wm-container-padding-left);
-    padding-bottom: var(--wm-container-padding-bottom);
-    padding-top: var(--wm-container-padding-top);
-    border-radius: var(--wm-container-border-radius);
-    border-width: var(--wm-container-border-width);
-    border-color: var(--wm-container-border-color);
-    opacity: var(--wm-container-opacity);
- }

package/src/styles/mobile/studio/container/grid.less DELETED Viewed

@@ -1,8 +0,0 @@
-.app-grid-layout {
-    .table-header-row .app-label {
-        font-weight: bold;
-    }
-    .app-grid-column {
-        background-color: transparent;
-    }
-}

package/src/styles/mobile/studio/container/panel.less DELETED Viewed

@@ -1,46 +0,0 @@
-.app-panel {
-    .panel-heading {
-        background-color: var(--wm-panel-heading-background);
-        .app-icon.panel-icon {
-            font-size: 32px;
-        }
-        .heading {
-            font-size: var(--wm-panel-heading-font-size);
-            font-weight: var(--wm-panel-heading-font-weight);
-        }
-        .description {
-            font-size: var(--wm-panel-heading-description-font-size);
-        }
-        .panel-title {
-            display: flex;
-            align-content: center;
-            a {
-                flex: 1;
-                display: block;
-            }
-            .app-badge {
-                width: 24px;
-                height: 24px;
-                display: inline-block;
-                padding: 6px 4px;
-                border-radius: 24px;
-            }
-            .panel-actions {
-                display: block;
-                align-self: center;
-            }
-        }
-    }
-    .panel-content {
-        .panel-body {
-            padding: 0px;
-        }
-    }
-    .app-panel-footer {
-        min-height: 64px; //TODO Add styling tokens
-        margin-top: 8px; //TODO Add styling tokens
-        border-radius: 6px; //TODO Add styling tokens
-    }
-}

package/src/styles/mobile/studio/container/styles.less DELETED Viewed

@@ -1,6 +0,0 @@
-@import url('./accordion.less');
-@import url('./grid.less');
-@import url('./panel.less');
-@import url('./tabs.less');
-@import url('./wizard.less');
-@import url('./container.less');

package/src/styles/mobile/studio/container/tabs.less DELETED Viewed

@@ -1,113 +0,0 @@
-.app-tabs {
-    width: 100%;
-    display: flex;
-    flex-direction: column;
-    justify-content: flex-start;
-    background: var(--wm-tabs-background);
-    >.tabs-list {
-        position: absolute;
-        top: 0;
-        right: 0;
-        z-index: 121;
-        font-size: 0;
-        color: var(--wm-tabs-item-heading-text, #000);
-        background-color: var(--wm-tabs-background);
-        padding: var(--wm-tabs-border-width, 4px) 0;
-    }
-    >.nav-tabs {
-        display: flex;
-        align-items: stretch;
-        border-bottom: var(--wm-tabs-border-width) var(--wm-tabs-border-style) var(--wm-tabs-border-color);
-        >.tab-header {
-            display: inline-flex;
-            align-items: center;
-            margin: 0px;
-            background-color: var(--wm-tabs-item-heading-background);
-            .tab-heading {
-                background-color: transparent;
-                color: var(--wm-tabs-item-heading-text);
-                .app-icon {
-                    color: var(--wm-tabs-item-heading-icon);
-                }
-                display: flex;
-                justify-content: center;
-                align-items: center;
-                height: 100%;
-                min-height: var(--wm-tabs-item-heading-line-height);
-                padding: var(--wm-tabs-item-heading-padding, 8px);
-                font-size: var(--wm-tabs-item-heading-font-size);
-                font-weight: var(--wm-tabs-item-heading-font-weight);
-                line-height: var(--wm-tabs-item-heading-line-height);
-                &:after {
-                    content: "";
-                    position: absolute;
-                    bottom: 0;
-                    height: var(--wm-tabs-item-heading-indicator-height);
-                    width: 100%;
-                    background: var(--wm-tabs-item-heading-indicator-background);
-                    transform: scale(0);
-                    transition: all 0.2s ease-in-out;
-                }
-            }
-            &.active {
-                background-color: var(--wm-tabs-item-heading-background);
-                color: var(--wm-tabs-item-heading-text);
-                .app-icon {
-                    color: var(--wm-tabs-item-heading-icon);
-                }
-                .tab-heading {
-                    &:after {
-                        background: var(--wm-tabs-item-heading-indicator-background);
-                        transform: scale(1);
-                        transition: all 0.2s ease-in-out;
-                    }
-                }
-            }
-            &.disabled {
-                .tab-heading {
-                    opacity: 0.5;
-                    cursor: not-allowed;
-                    &:after {
-                        display: none;
-                    }
-                }
-            }
-        }
-    }
-    >.tab-content {
-        background: var(--wm-tabs-background);
-        padding: var(--wm-tabs-item-heading-padding, 8px);
-    }
-    .tab-pane {
-        .tab-body {
-            border-color: transparent;
-        }
-    }
-}
-.nav-tabs>li.active>a {
-    background-color: transparent;
-    border-color: transparent;
-}

package/src/styles/mobile/studio/container/tile.less DELETED Viewed

@@ -1,7 +0,0 @@
-.app-tile {
-}
-.h1.app-label.tile-template-text {
-    color: var(--wm-tile-color);
-}