@wavemaker/foundation-css 11.15.2-rc.64737 → 11.15.4-rc.250

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 (12) hide show
  1. package/cjs/src_tokens_mobile_components_popover_popover_json.foundation-css.cjs +1 -1
  2. package/cjs/src_tokens_mobile_components_tabbar_tabbar_json.foundation-css.cjs +1 -1
  3. package/npm-shrinkwrap.json +76 -49
  4. package/package-lock.json +76 -49
  5. package/package.json +1 -1
  6. package/src/styles/mobile/components/navigation/popover.less +1 -2
  7. package/src/styles/mobile/components/page/tabbar.less +9 -2
  8. package/src/styles/mobile/components/tokens.light.css +5 -1
  9. package/src/styles/mobile/components/variables/tabbar.variant.less +5 -0
  10. package/src/styles/mobile/studio/layouts/tabbar.less +9 -2
  11. package/src/tokens/mobile/components/popover/popover.json +0 -8
  12. package/src/tokens/mobile/components/tabbar/tabbar.json +82 -2
package/cjs/src_tokens_mobile_components_popover_popover_json.foundation-css.cjs CHANGED
@@ -7,7 +7,7 @@
7
7
  \***********************************************************/
8
8
  (module) {
9
9
 
10
- module.exports = /*#__PURE__*/JSON.parse('{"popover":{"meta":{"mapping":{"selector":{"mobile":".app-popover"}}},"mapping":{"left":{"value":"{space.1.value}","type":"space","attributes":{"subtype":"space","description":"Controls the left position offset of popovers (the distance from the left edge of the viewport or parent container). This determines how far from the left the popover appears. Acceptable units: px.<br>CSS variable: --wm-popover-left"}},"bottom":{"value":"{space.1.value}","type":"space","attributes":{"subtype":"space","description":"Controls the bottom position offset of popovers (the distance from the bottom edge of the viewport or parent container). This determines how far from the bottom the popover appears. Acceptable units: px.<br>CSS variable: --wm-popover-bottom"}},"width":{"value":"100%","type":"space","attributes":{"subtype":"space","description":"Controls the width of popovers. When set to 100%, the popover takes up the full width of its container. Acceptable units: %, px.<br>CSS variable: --wm-popover-width"}},"min-height":{"value":"240px","type":"space","attributes":{"subtype":"space","description":"Controls the minimum height of popover components (small overlay windows that appear when users hover or click on elements). This ensures the popover is always tall enough to be visible and properly displayed.<br>CSS variable: --wm-popover-min-height"}},"padding":{"value":"{space.0.value}","type":"space","attributes":{"subtype":"space","description":"Controls the padding inside popovers (top, right, bottom, left). Acceptable units: px.<br>CSS variable: --wm-popover-padding"}},"background-color":{"value":"{color.on-primary.@.value}","type":"color","attributes":{"subtype":"color","description":"Sets the background color of popover components (small overlay windows that appear when users hover or click on elements). This is the main background color that appears behind the popover content.<br>CSS variable: --wm-popover-background-color"}},"shadow":{"value":"{elevation.shadow.none.value}","type":"radius","attributes":{"subtype":"elevation","description":"Controls the drop shadow effect around popover components (small overlay windows that appear when users hover or click on elements). This creates a subtle shadow that makes the popover appear to float above the background, giving it depth and elevation.<br>CSS variable: --wm-popover-shadow"}},"radius":{"value":"{radius.none.value}","type":"radius","attributes":{"subtype":"radius","description":"Controls the corner rounding of popover components (small overlay windows that appear when users hover or click on elements). This makes the popover appear with rounded corners for a softer appearance.<br>CSS variable: --wm-popover-radius"}},"border":{"radius":{"value":"{radius.none.value}","type":"radius","attributes":{"subtype":"radius","description":"Controls the corner rounding of popovers (top-left, top-right, bottom-right, bottom-left).<br>CSS variable: --wm-popover-border-radius"}},"width":{"value":"{border.width.0.value}","type":"space","attributes":{"subtype":"border-width","description":"Controls the thickness of the border around popover. This determines how thick the outline appears around the popover. Acceptable units: px.<br>CSS variable: --wm-popover-border-width"}},"style":{"value":"{border.style.base.value}","type":"radius","attributes":{"subtype":"border-style","description":"Controls the style of the border around popover. \'solid\' creates a continuous line, \'dashed\' creates a dotted line, \'dotted\' creates small dots.<br>CSS variable: --wm-popover-border-style"}},"color":{"value":"{color.transparent.@.value}","type":"color","attributes":{"subtype":"color","description":"Sets the color of the border around popover. This determines the color of the outline that defines the popover.<br>CSS variable: --wm-popover-border-color"}}},"header":{"padding":{"value":"{space.3.value}","type":"space","attributes":{"subtype":"space","description":"Controls the internal spacing inside popover headers (top, right, bottom, left).<br>CSS variable: --wm-popover-header-padding"}},"color":{"value":"{color.on-surface.@.value}","type":"color","attributes":{"subtype":"color","description":"Sets the text color of popover headers (the top section of popover windows that contains the title). This determines what color the header text appears in, which should contrast well with the background for readability.<br>CSS variable: --wm-popover-header-color"}},"font-family":{"value":"{h5.font-family.value}","type":"font","attributes":{"subtype":"font-family","description":"Sets the typeface (font style) for popover headers (the top section of popover windows that contains the title). This determines whether the header text appears in Arial, Times New Roman, or other font styles.<br>CSS variable: --wm-popover-header-font-family"}},"font-weight":{"value":"{h5.font-weight.value}","type":"font","attributes":{"subtype":"font-weight","description":"Controls how thick or bold the popover headers appear (the top section of popover windows that contains the title). \'normal\' makes it regular weight, \'bold\' makes it thicker, and numbers (100-900) provide fine control over thickness.<br>CSS variable: --wm-popover-header-font-weight"}},"font-size":{"value":"{h5.font-size.value}","type":"font","attributes":{"subtype":"font-size","description":"Controls how large the popover headers appear (the top section of popover windows that contains the title). This affects the size of the header text that users see in the popover.<br>CSS variable: --wm-popover-header-font-size"}},"line-height":{"value":"{h5.line-height.value}","type":"font","attributes":{"subtype":"line-height","description":"Controls the vertical spacing between lines when popover headers wrap to multiple lines. This ensures proper spacing for the header text displayed in the popover.<br>CSS variable: --wm-popover-header-line-height"}},"letter-spacing":{"value":"{h5.letter-spacing.value}","type":"font","attributes":{"subtype":"letter-spacing","description":"Controls the horizontal spacing between individual characters in popover headers. This can help make the header text more readable and properly spaced.<br>CSS variable: --wm-popover-header-letter-spacing"}},"background-color":{"value":"{color.on-surface.@.value}","type":"color","attributes":{"subtype":"color","description":"Sets the background color of popover header. This determines what color the title background appears in.<br>CSS variable: --wm-popover-header-background-color"}}},"link":{"color":{"value":"{color.secondary.@.value}","type":"color","attributes":{"subtype":"color","description":"Sets the text color of popover caption. This determines what color the link text appears in.<br>CSS variable: --wm-popover-link-color"}},"background":{"color":{"value":"transparent","type":"color","attributes":{"subtype":"color","description":"Sets the background color of the popover text. When transparent, only the popover text is visible. When filled with a color, the text appears with a colored background.<br>CSS variable: --wm-popover-link-background-color"}}},"border":{"width":{"value":"{border.width.0.value}","type":"space","attributes":{"subtype":"border-width","description":"Controls the thickness of the border around popover. This determines how thick the outline appears around the popover. Acceptable units: px.<br>CSS variable: --wm-popover-link-border-width"}},"style":{"value":"{border.style.base.value}","type":"radius","attributes":{"subtype":"border-style","description":"Controls the style of the border around popover. \'solid\' creates a continuous line, \'dashed\' creates a dotted line, \'dotted\' creates small dots.<br>CSS variable: --wm-popover-link-border-style"}},"color":{"value":"{color.secondary.@.value}","type":"color","attributes":{"subtype":"color","description":"Sets the color of the border around popover. This determines the color of the outline that defines the popover.<br>CSS variable: --wm-popover-link-border-color"}},"radius":{"value":"{radius.none.value}","type":"radius","attributes":{"subtype":"radius","description":"Controls the corner rounding of link popover components. This makes the popover appear with rounded corners for a softer appearance.<br>CSS variable: --wm-popover-link-radius"}}},"padding":{"value":"{space.2.value}","type":"space","attributes":{"subtype":"space","description":"Controls the padding inside popover link wrapper (top, right, bottom, left). Acceptable units: px.<br>CSS variable: --wm-popover-link-padding"}},"font-size":{"value":"{body.medium.font-size.value}","type":"font","attributes":{"subtype":"font-size","description":"Controls the size of the text in popover caption. This affects how large the link text appears.<br>CSS variable: --wm-popover-link-font-size"}},"font-family":{"value":"{body.medium.font-family.value}","type":"font","attributes":{"subtype":"font-family","description":"Sets the typeface (font style) for popover caption text.<br>CSS variable: --wm-popover-link-font-family"}},"text-decoration":{"value":"none","type":"font","attributes":{"subtype":"text-decoration","description":"Controls the text decoration (underline, overline, line-through) for popover caption. \'none\' removes all decorations, \'underline\' adds an underline, \'overline\' adds a line above, and \'line-through\' adds a line through the text.<br>CSS variable: --wm-popover-link-text-decoration"}},"font-weight":{"value":"{body.medium.font-weight.value}","type":"font","attributes":{"subtype":"font-weight","description":"Controls how thick or bold the popover caption text appears.<br>CSS variable: --wm-popover-link-font-weight"}},"line-height":{"value":"{body.medium.line-height.value}","type":"font","attributes":{"subtype":"line-height","description":"Controls the vertical spacing between lines when popover caption text wraps to multiple lines.<br>CSS variable: --wm-popover-link-line-height"}},"letter-spacing":{"value":"{body.medium.letter-spacing.value}","type":"font","attributes":{"subtype":"letter-spacing","description":"Controls the horizontal spacing between individual characters in popover caption text.<br>CSS variable: --wm-popover-link-letter-spacing"}},"icon":{"size":{"value":"{icon.size.@.value}","type":"space","attributes":{"subtype":"icon-size","description":"Controls the size of icons in popover links.<br>CSS variable: --wm-popover-link-icon-size"}},"color":{"@":{"value":"{color.secondary.@.value}","type":"color","attributes":{"subtype":"color","description":"Sets the color of icons in popover links.<br>CSS variable: --wm-popover-link-icon-color"}}}},"height":{"value":"auto","type":"space","attributes":{"subtype":"space","description":"Controls the height of popovers link wrapper. When set to 100%, the popover takes up the full height of its container. Acceptable units: %, px.<br>CSS variable: --wm-popover-link-height"}},"width":{"value":"auto","type":"space","attributes":{"subtype":"space","description":"Controls the width of popovers link wrapper. When set to 100%, the popover takes up the full width of its container. Acceptable units: %, px.<br>CSS variable: --wm-popover-link-width"}},"min-height":{"value":"auto","type":"space","attributes":{"subtype":"space","description":"Controls the minimum height of popover components. This ensures the popover is always tall enough to be visible and properly displayed.<br>CSS variable: --wm-popover-link-min-height"}}},"content":{"border":{"width":{"value":"{border.width.0.value}","type":"space","attributes":{"subtype":"border-width","description":"Controls the thickness of the border around popover content. This determines how thick the outline appears around the popover. Acceptable units: px.<br>CSS variable: --wm-popover-content-border-width"}},"style":{"value":"{border.style.base.value}","type":"radius","attributes":{"subtype":"border-style","description":"Controls the style of the border around popover content. \'solid\' creates a continuous line, \'dashed\' creates a dotted line, \'dotted\' creates small dots.<br>CSS variable: --wm-popover-content-border-style"}},"color":{"value":"{color.transparent.@.value}","type":"color","attributes":{"subtype":"color","description":"Sets the color of the border around popover content. This determines the color of the outline that defines the popover.<br>CSS variable: --wm-popover-content-border-color"}},"radius":{"value":"{radius.none.value}","type":"radius","attributes":{"subtype":"radius","description":"Controls the corner rounding of link popover content. This makes the popover appear with rounded corners for a softer appearance.<br>CSS variable: --wm-popover-content-border-radius"}}},"background-color":{"value":"{color.transparent.@.value}","type":"color","attributes":{"subtype":"color","description":"Sets the background color of popover content (small overlay windows that appear when users hover or click on elements). This is the main background color that appears behind the popover content.<br>CSS variable: --wm-popover-content-background-color"}},"shadow":{"value":"{elevation.shadow.none.value}","type":"radius","attributes":{"subtype":"elevation","description":"Controls the drop shadow effect around popover content (small overlay windows that appear when users hover or click on elements). This creates a subtle shadow that makes the popover appear to float above the background, giving it depth and elevation.<br>CSS variable: --wm-popover-content-shadow"}}},"modal":{"content":{"shadow":{"value":"{elevation.shadow.none.value}","type":"radius","attributes":{"subtype":"elevation","description":"Controls the drop shadow effect around popover modal content (small overlay windows that appear when users hover or click on elements). This creates a subtle shadow that makes the popover appear to float above the background, giving it depth and elevation.<br>CSS variable: --wm-popover-modal-content-shadow"}}}}}}}');
10
+ module.exports = /*#__PURE__*/JSON.parse('{"popover":{"meta":{"mapping":{"selector":{"mobile":".app-popover"}}},"mapping":{"left":{"value":"{space.1.value}","type":"space","attributes":{"subtype":"space","description":"Controls the left position offset of popovers (the distance from the left edge of the viewport or parent container). This determines how far from the left the popover appears. Acceptable units: px.<br>CSS variable: --wm-popover-left"}},"bottom":{"value":"{space.1.value}","type":"space","attributes":{"subtype":"space","description":"Controls the bottom position offset of popovers (the distance from the bottom edge of the viewport or parent container). This determines how far from the bottom the popover appears. Acceptable units: px.<br>CSS variable: --wm-popover-bottom"}},"width":{"value":"100%","type":"space","attributes":{"subtype":"space","description":"Controls the width of popovers. When set to 100%, the popover takes up the full width of its container. Acceptable units: %, px.<br>CSS variable: --wm-popover-width"}},"min-height":{"value":"240px","type":"space","attributes":{"subtype":"space","description":"Controls the minimum height of popover components (small overlay windows that appear when users hover or click on elements). This ensures the popover is always tall enough to be visible and properly displayed.<br>CSS variable: --wm-popover-min-height"}},"padding":{"value":"{space.0.value}","type":"space","attributes":{"subtype":"space","description":"Controls the padding inside popovers (top, right, bottom, left). Acceptable units: px.<br>CSS variable: --wm-popover-padding"}},"background-color":{"value":"{color.on-primary.@.value}","type":"color","attributes":{"subtype":"color","description":"Sets the background color of popover components (small overlay windows that appear when users hover or click on elements). This is the main background color that appears behind the popover content.<br>CSS variable: --wm-popover-background-color"}},"shadow":{"value":"{elevation.shadow.none.value}","type":"radius","attributes":{"subtype":"elevation","description":"Controls the drop shadow effect around popover components (small overlay windows that appear when users hover or click on elements). This creates a subtle shadow that makes the popover appear to float above the background, giving it depth and elevation.<br>CSS variable: --wm-popover-shadow"}},"border":{"radius":{"value":"{radius.none.value}","type":"radius","attributes":{"subtype":"radius","description":"Controls the corner rounding of popovers (top-left, top-right, bottom-right, bottom-left).<br>CSS variable: --wm-popover-border-radius"}},"width":{"value":"{border.width.0.value}","type":"space","attributes":{"subtype":"border-width","description":"Controls the thickness of the border around popover. This determines how thick the outline appears around the popover. Acceptable units: px.<br>CSS variable: --wm-popover-border-width"}},"style":{"value":"{border.style.base.value}","type":"radius","attributes":{"subtype":"border-style","description":"Controls the style of the border around popover. \'solid\' creates a continuous line, \'dashed\' creates a dotted line, \'dotted\' creates small dots.<br>CSS variable: --wm-popover-border-style"}},"color":{"value":"{color.transparent.@.value}","type":"color","attributes":{"subtype":"color","description":"Sets the color of the border around popover. This determines the color of the outline that defines the popover.<br>CSS variable: --wm-popover-border-color"}}},"header":{"padding":{"value":"{space.3.value}","type":"space","attributes":{"subtype":"space","description":"Controls the internal spacing inside popover headers (top, right, bottom, left).<br>CSS variable: --wm-popover-header-padding"}},"color":{"value":"{color.on-surface.@.value}","type":"color","attributes":{"subtype":"color","description":"Sets the text color of popover headers (the top section of popover windows that contains the title). This determines what color the header text appears in, which should contrast well with the background for readability.<br>CSS variable: --wm-popover-header-color"}},"font-family":{"value":"{h5.font-family.value}","type":"font","attributes":{"subtype":"font-family","description":"Sets the typeface (font style) for popover headers (the top section of popover windows that contains the title). This determines whether the header text appears in Arial, Times New Roman, or other font styles.<br>CSS variable: --wm-popover-header-font-family"}},"font-weight":{"value":"{h5.font-weight.value}","type":"font","attributes":{"subtype":"font-weight","description":"Controls how thick or bold the popover headers appear (the top section of popover windows that contains the title). \'normal\' makes it regular weight, \'bold\' makes it thicker, and numbers (100-900) provide fine control over thickness.<br>CSS variable: --wm-popover-header-font-weight"}},"font-size":{"value":"{h5.font-size.value}","type":"font","attributes":{"subtype":"font-size","description":"Controls how large the popover headers appear (the top section of popover windows that contains the title). This affects the size of the header text that users see in the popover.<br>CSS variable: --wm-popover-header-font-size"}},"line-height":{"value":"{h5.line-height.value}","type":"font","attributes":{"subtype":"line-height","description":"Controls the vertical spacing between lines when popover headers wrap to multiple lines. This ensures proper spacing for the header text displayed in the popover.<br>CSS variable: --wm-popover-header-line-height"}},"letter-spacing":{"value":"{h5.letter-spacing.value}","type":"font","attributes":{"subtype":"letter-spacing","description":"Controls the horizontal spacing between individual characters in popover headers. This can help make the header text more readable and properly spaced.<br>CSS variable: --wm-popover-header-letter-spacing"}},"background-color":{"value":"{color.on-surface.@.value}","type":"color","attributes":{"subtype":"color","description":"Sets the background color of popover header. This determines what color the title background appears in.<br>CSS variable: --wm-popover-header-background-color"}}},"link":{"color":{"value":"{color.secondary.@.value}","type":"color","attributes":{"subtype":"color","description":"Sets the text color of popover caption. This determines what color the link text appears in.<br>CSS variable: --wm-popover-link-color"}},"background":{"color":{"value":"transparent","type":"color","attributes":{"subtype":"color","description":"Sets the background color of the popover text. When transparent, only the popover text is visible. When filled with a color, the text appears with a colored background.<br>CSS variable: --wm-popover-link-background-color"}}},"border":{"width":{"value":"{border.width.0.value}","type":"space","attributes":{"subtype":"border-width","description":"Controls the thickness of the border around popover. This determines how thick the outline appears around the popover. Acceptable units: px.<br>CSS variable: --wm-popover-link-border-width"}},"style":{"value":"{border.style.base.value}","type":"radius","attributes":{"subtype":"border-style","description":"Controls the style of the border around popover. \'solid\' creates a continuous line, \'dashed\' creates a dotted line, \'dotted\' creates small dots.<br>CSS variable: --wm-popover-link-border-style"}},"color":{"value":"{color.secondary.@.value}","type":"color","attributes":{"subtype":"color","description":"Sets the color of the border around popover. This determines the color of the outline that defines the popover.<br>CSS variable: --wm-popover-link-border-color"}},"radius":{"value":"{radius.none.value}","type":"radius","attributes":{"subtype":"radius","description":"Controls the corner rounding of link popover components. This makes the popover appear with rounded corners for a softer appearance.<br>CSS variable: --wm-popover-link-radius"}}},"padding":{"value":"{space.2.value}","type":"space","attributes":{"subtype":"space","description":"Controls the padding inside popover link wrapper (top, right, bottom, left). Acceptable units: px.<br>CSS variable: --wm-popover-link-padding"}},"font-size":{"value":"{body.medium.font-size.value}","type":"font","attributes":{"subtype":"font-size","description":"Controls the size of the text in popover caption. This affects how large the link text appears.<br>CSS variable: --wm-popover-link-font-size"}},"font-family":{"value":"{body.medium.font-family.value}","type":"font","attributes":{"subtype":"font-family","description":"Sets the typeface (font style) for popover caption text.<br>CSS variable: --wm-popover-link-font-family"}},"text-decoration":{"value":"none","type":"font","attributes":{"subtype":"text-decoration","description":"Controls the text decoration (underline, overline, line-through) for popover caption. \'none\' removes all decorations, \'underline\' adds an underline, \'overline\' adds a line above, and \'line-through\' adds a line through the text.<br>CSS variable: --wm-popover-link-text-decoration"}},"font-weight":{"value":"{body.medium.font-weight.value}","type":"font","attributes":{"subtype":"font-weight","description":"Controls how thick or bold the popover caption text appears.<br>CSS variable: --wm-popover-link-font-weight"}},"line-height":{"value":"{body.medium.line-height.value}","type":"font","attributes":{"subtype":"line-height","description":"Controls the vertical spacing between lines when popover caption text wraps to multiple lines.<br>CSS variable: --wm-popover-link-line-height"}},"letter-spacing":{"value":"{body.medium.letter-spacing.value}","type":"font","attributes":{"subtype":"letter-spacing","description":"Controls the horizontal spacing between individual characters in popover caption text.<br>CSS variable: --wm-popover-link-letter-spacing"}},"icon":{"size":{"value":"{icon.size.@.value}","type":"space","attributes":{"subtype":"icon-size","description":"Controls the size of icons in popover links.<br>CSS variable: --wm-popover-link-icon-size"}},"color":{"@":{"value":"{color.secondary.@.value}","type":"color","attributes":{"subtype":"color","description":"Sets the color of icons in popover links.<br>CSS variable: --wm-popover-link-icon-color"}}}},"height":{"value":"auto","type":"space","attributes":{"subtype":"space","description":"Controls the height of popovers link wrapper. When set to 100%, the popover takes up the full height of its container. Acceptable units: %, px.<br>CSS variable: --wm-popover-link-height"}},"width":{"value":"auto","type":"space","attributes":{"subtype":"space","description":"Controls the width of popovers link wrapper. When set to 100%, the popover takes up the full width of its container. Acceptable units: %, px.<br>CSS variable: --wm-popover-link-width"}},"min-height":{"value":"auto","type":"space","attributes":{"subtype":"space","description":"Controls the minimum height of popover components. This ensures the popover is always tall enough to be visible and properly displayed.<br>CSS variable: --wm-popover-link-min-height"}}},"content":{"border":{"width":{"value":"{border.width.0.value}","type":"space","attributes":{"subtype":"border-width","description":"Controls the thickness of the border around popover content. This determines how thick the outline appears around the popover. Acceptable units: px.<br>CSS variable: --wm-popover-content-border-width"}},"style":{"value":"{border.style.base.value}","type":"radius","attributes":{"subtype":"border-style","description":"Controls the style of the border around popover content. \'solid\' creates a continuous line, \'dashed\' creates a dotted line, \'dotted\' creates small dots.<br>CSS variable: --wm-popover-content-border-style"}},"color":{"value":"{color.transparent.@.value}","type":"color","attributes":{"subtype":"color","description":"Sets the color of the border around popover content. This determines the color of the outline that defines the popover.<br>CSS variable: --wm-popover-content-border-color"}},"radius":{"value":"{radius.none.value}","type":"radius","attributes":{"subtype":"radius","description":"Controls the corner rounding of link popover content. This makes the popover appear with rounded corners for a softer appearance.<br>CSS variable: --wm-popover-content-border-radius"}}},"background-color":{"value":"{color.transparent.@.value}","type":"color","attributes":{"subtype":"color","description":"Sets the background color of popover content (small overlay windows that appear when users hover or click on elements). This is the main background color that appears behind the popover content.<br>CSS variable: --wm-popover-content-background-color"}},"shadow":{"value":"{elevation.shadow.none.value}","type":"radius","attributes":{"subtype":"elevation","description":"Controls the drop shadow effect around popover content (small overlay windows that appear when users hover or click on elements). This creates a subtle shadow that makes the popover appear to float above the background, giving it depth and elevation.<br>CSS variable: --wm-popover-content-shadow"}}},"modal":{"content":{"shadow":{"value":"{elevation.shadow.none.value}","type":"radius","attributes":{"subtype":"elevation","description":"Controls the drop shadow effect around popover modal content (small overlay windows that appear when users hover or click on elements). This creates a subtle shadow that makes the popover appear to float above the background, giving it depth and elevation.<br>CSS variable: --wm-popover-modal-content-shadow"}}}}}}}');
11
11
 
12
12
  /***/ }
13
13
 
package/cjs/src_tokens_mobile_components_tabbar_tabbar_json.foundation-css.cjs CHANGED
@@ -7,7 +7,7 @@
7
7
  \*********************************************************/
8
8
  (module) {
9
9
 
10
- module.exports = /*#__PURE__*/JSON.parse('{"tabbar":{"meta":{"mapping":{"selector":{"mobile":".app-tabbar"},"states":{"active":{"selector":{"mobile":"-active-item, .app-tabbar-active-icon, .app-tabbar-active-label "}}}}},"mapping":{"height":{"value":"80px","type":"space","attributes":{"subtype":"space","description":"Controls the height of tabbar components (navigation bars with tabs at the bottom of the screen). This determines the vertical size of the tabbar. Acceptable units: px.<br>CSS variable: --wm-tabbar-height"}},"border":{"width":{"value":"{border.width.0.value}","type":"border","attributes":{"subtype":"space","description":"Controls the border width of tabbar (top, right, bottom, left). Acceptable units: %, px.<br>CSS variable: --wm-tabbar-border-width"}},"color":{"value":"{color.scrim.@.value}","type":"color","attributes":{"subtype":"color","description":"Sets the border color of tabbar. This determines what color the border of the tabbar menu appears in.<br>CSS variable: --wm-tabbar-border-color"}},"style":{"value":"{border.style.solid.value}","type":"radius","attributes":{"subtype":"border-style","description":"Sets the border style. Acceptable values: solid, dashed, dotted.<br>CSS variable: --wm-tabbar-border-style"}}},"box-shadow":{"value":"{elevation.shadow.1.value}","type":"radius","attributes":{"subtype":"elevation","description":"Controls the box shadow (elevation) of tabbar components. This determines the shadow depth and visual elevation of the tabbar above the content.<br>CSS variable: --wm-tabbar-box-shadow"}},"menu":{"background":{"value":"{color.surface.@.value}","type":"color","attributes":{"subtype":"color","description":"Sets the background color of tabbar menus (the container that holds tab items). This determines what color the background of the tabbar menu appears in.<br>CSS variable: --wm-tabbar-menu-background"}},"height":{"value":"100%","type":"space","attributes":{"subtype":"space","description":"Controls the height of tabbar menus. This determines the vertical size of the menu container. Acceptable units: %, px.<br>CSS variable: --wm-tabbar-menu-height"}}},"more-menu":{"width":{"value":"100%","type":"space","attributes":{"subtype":"space","description":"Controls the width of tabbar more menus (overflow menus that appear when there are too many tabs). This determines how wide the more menu appears relative to its container. Acceptable units: %, px.<br>CSS variable: --wm-tabbar-more-menu-width"}},"background":{"value":"{color.surface.@.value}","type":"color","attributes":{"subtype":"color","description":"Sets the background color of tabbar more menus. This determines what color the background of the more menu appears in.<br>CSS variable: --wm-tabbar-more-menu-background"}},"box-shadow":{"value":"{elevation.shadow.1.value}","type":"radius","attributes":{"subtype":"elevation","description":"Controls the box shadow (elevation) of tabbar more menus. This determines the shadow depth and visual elevation of the more menu above the content.<br>CSS variable: --wm-tabbar-more-menu-box-shadow"}}},"more-menu-row":{"width":{"value":"100%","type":"space","attributes":{"subtype":"space","description":"Controls the width of tabbar more menu rows (individual rows in the more menu). This determines how wide each row appears relative to its container. Acceptable units: %, px.<br>CSS variable: --wm-tabbar-more-menu-row-width"}},"padding":{"value":"{space.1.value} {space.0.value}","type":"space","attributes":{"subtype":"space","description":"Controls the padding (top/bottom, left/right) of tabbar more menu rows. This creates breathing room around each row. Acceptable units: px.<br>CSS variable: --wm-tabbar-more-menu-row-padding"}}},"item":{"min":{"height":{"value":"{space.8.value}","type":"space","attributes":{"subtype":"space","description":"Controls the minimum height of tabbar items (individual tabs in the tabbar). This determines the minimum vertical size of tab items. Acceptable units: px.<br>CSS variable: --wm-tabbar-item-min-height"}},"width":{"value":"{spacer.7.value}","type":"space","attributes":{"subtype":"space","description":"Controls the minimum width of tabbar items. This determines the minimum horizontal size of tab items. Acceptable units: px.<br>CSS variable: --wm-tabbar-item-min-width"}}},"border":{"radius":{"value":"0px","type":"radius","attributes":{"subtype":"radius","description":"Controls the border radius (rounded corners) of tabbar items. This determines how rounded the corners of tab items appear. Acceptable units: px.<br>CSS variable: --wm-tabbar-item-border-radius"}},"width":{"value":"{border.width.0.value}","type":"border","attributes":{"subtype":"space","description":"Controls the border width of tabbar items. This determines the minimum width horizontal size of tab items. Acceptable units: px.<br>CSS variable: --wm-tabbar-item-border-width"}}},"background":{"color":{"value":"transparent","type":"color","attributes":{"subtype":"color","description":"Sets the background color of tabbar items. This determines what color the background of tab items appears in.<br>CSS variable: --wm-tabbar-item-background-color"}}},"opacity":{"value":"1","type":"space","attributes":{"subtype":"opacity","description":"Controls the transparency of tabbar items. When set to 1, items are fully opaque. Lower values make items more transparent, higher values make them more opaque.<br>CSS variable: --wm-tabbar-item-opacity"}}},"icon":{"size":{"value":"{space.6.value}","type":"space","attributes":{"subtype":"icon-size","description":"Controls the size of tabbar icons (icons that appear in tab items). This affects how large the icons appear. Acceptable units: px.<br>CSS variable: --wm-tabbar-icon-size"}},"color":{"value":"{color.on-surface.variant.@.value}","type":"color","attributes":{"subtype":"color","description":"Sets the color of tabbar icons. This determines what color the icons appear in.<br>CSS variable: --wm-tabbar-icon-color"}},"padding":{"value":"{space.0.value}","type":"space","attributes":{"subtype":"space","description":"Controls the padding (top, right, bottom, left) of tabbar icons. This creates breathing room around icons. Acceptable units: px.<br>CSS variable: --wm-tabbar-icon-padding"}},"border-bottom-color":{"value":"{color.primary.@.value}","type":"color","attributes":{"subtype":"color","description":"Sets the bottom border color of tabbar icons. This determines what color the bottom border of icons appears in, typically matching the primary theme color.<br>CSS variable: --wm-tabbar-icon-border-bottom-color"}}},"text":{"font":{"size":{"value":"{label.medium.font-size.value}","type":"font","attributes":{"subtype":"font-size","description":"Controls the font size of tabbar text (labels that appear in tab items). This affects how large the text appears. Acceptable units: px.<br>CSS variable: --wm-tabbar-text-font-size"}},"family":{"value":"{label.large.font-family.value}","type":"font","attributes":{"subtype":"font-family","description":"Sets the font family of tabbar text. This determines which font is used for the text in tab items.<br>CSS variable: --wm-tabbar-text-font-family"}},"weight":{"value":"{font.weight.400.value}","type":"font","attributes":{"subtype":"font-weight","description":"Controls the font weight (boldness) of tabbar text. This affects how bold the text appears in tab items.<br>CSS variable: --wm-tabbar-text-font-weight"}}},"color":{"value":"{color.on-surface.variant.@.value}","type":"color","attributes":{"subtype":"color","description":"Sets the text color of tabbar labels. This determines what color the text in tab items appears in.<br>CSS variable: --wm-tabbar-text-color"}},"margin":{"top":{"value":"{space.rule.value}","type":"space","attributes":{"subtype":"space","description":"Controls the top margin (vertical spacing) of tabbar text. This creates spacing above the text. Acceptable units: px.<br>CSS variable: --wm-tabbar-text-margin-top"}}}},"states":{"active":{"item":{"border":{"radius":{"value":"50px","type":"radius","attributes":{"subtype":"radius","description":"Controls the border radius (rounded corners) of active tabbar items. This determines how rounded the corners of active tab items appear. Acceptable units: px.<br>CSS variable: --wm-tabbar-item-border-radius (active state)"}},"width":{"value":"{border.width.0.value}","type":"border","attributes":{"subtype":"space","description":"Controls the border width of tabbar items. This determines the minimum width horizontal size of tab items. Acceptable units: px.<br>CSS variable: --wm-tabbar-item-border-width(active state)"}}},"background":{"color":{"value":"{color.primary.container.@.value}","type":"color","attributes":{"subtype":"color","description":"Sets the background color of active tabbar items (tabs that are currently selected). This determines what color the background appears in for active items, typically matching the primary container theme color.<br>CSS variable: --wm-tabbar-item-background-color (active state)"}}},"margin":{"bottom":{"value":"-2","type":"space","attributes":{"subtype":"space","description":"Controls the bottom margin (vertical spacing) of active tabbar items. This creates spacing below active tab items. Acceptable units: px.<br>CSS variable: --wm-tabbar-item-margin-bottom (active state)"}}}},"icon":{"color":{"value":"{color.primary.@.value}","type":"color","attributes":{"subtype":"color","description":"Sets the color of active tabbar icons. This determines what color the icons appear in for active tabs, typically matching the primary theme color.<br>CSS variable: --wm-tabbar-icon-color (active state)"}}},"text":{"font":{"weight":{"value":"{font.weight.700.value}","type":"font","attributes":{"subtype":"font-weight","description":"Controls the font weight (boldness) of active tabbar text. This affects how bold the text appears in active tab items.<br>CSS variable: --wm-tabbar-text-font-weight (active state)"}}},"color":{"value":"{color.on-surface.variant.@.value}","type":"color","attributes":{"subtype":"color","description":"Sets the text color of active tabbar labels. This determines what color the text appears in for active tabs.<br>CSS variable: --wm-tabbar-text-color (active state)"}}}}}},"appearences":{}}}');
10
+ module.exports = /*#__PURE__*/JSON.parse('{"tabbar":{"meta":{"mapping":{"selector":{"mobile":".app-tabbar"},"states":{"active":{"selector":{"mobile":"-active-item, .app-tabbar-active-icon, .app-tabbar-active-label "}}}}},"mapping":{"height":{"value":"80px","type":"space","attributes":{"subtype":"space","description":"Controls the height of tabbar components (navigation bars with tabs at the bottom of the screen). This determines the vertical size of the tabbar. Acceptable units: px.<br>CSS variable: --wm-tabbar-height"}},"gap":{"value":"{space.0.value}","type":"space","attributes":{"subtype":"space","description":"Root tab bar gap (<code>mapping.gap</code>): spacing between direct children of the tab bar container (<code>.app-tabbar</code>) when it uses flex or grid layout. Acceptable units: px or space-token references.<br>CSS variable: --wm-tabbar-gap"}},"border":{"width":{"value":"{border.width.0.value}","type":"border","attributes":{"subtype":"space","description":"Controls the border width of tabbar (top, right, bottom, left). Acceptable units: %, px.<br>CSS variable: --wm-tabbar-border-width"}},"color":{"value":"{color.scrim.@.value}","type":"color","attributes":{"subtype":"color","description":"Sets the border color of tabbar. This determines what color the border of the tabbar menu appears in.<br>CSS variable: --wm-tabbar-border-color"}},"style":{"value":"{border.style.solid.value}","type":"radius","attributes":{"subtype":"border-style","description":"Sets the border style. Acceptable values: solid, dashed, dotted.<br>CSS variable: --wm-tabbar-border-style"}}},"box-shadow":{"value":"{elevation.shadow.1.value}","type":"radius","attributes":{"subtype":"elevation","description":"Controls the box shadow (elevation) of tabbar components. This determines the shadow depth and visual elevation of the tabbar above the content.<br>CSS variable: --wm-tabbar-box-shadow"}},"menu":{"background":{"value":"{color.surface.@.value}","type":"color","attributes":{"subtype":"color","description":"Sets the background color of tabbar menus (the container that holds tab items). This determines what color the background of the tabbar menu appears in.<br>CSS variable: --wm-tabbar-menu-background"}},"height":{"value":"100%","type":"space","attributes":{"subtype":"space","description":"Controls the height of tabbar menus. This determines the vertical size of the menu container. Acceptable units: %, px.<br>CSS variable: --wm-tabbar-menu-height"}}},"more-menu":{"width":{"value":"100%","type":"space","attributes":{"subtype":"space","description":"Controls the width of tabbar more menus (overflow menus that appear when there are too many tabs). This determines how wide the more menu appears relative to its container. Acceptable units: %, px.<br>CSS variable: --wm-tabbar-more-menu-width"}},"background":{"value":"{color.surface.@.value}","type":"color","attributes":{"subtype":"color","description":"Sets the background color of tabbar more menus. This determines what color the background of the more menu appears in.<br>CSS variable: --wm-tabbar-more-menu-background"}},"box-shadow":{"value":"{elevation.shadow.1.value}","type":"radius","attributes":{"subtype":"elevation","description":"Controls the box shadow (elevation) of tabbar more menus. This determines the shadow depth and visual elevation of the more menu above the content.<br>CSS variable: --wm-tabbar-more-menu-box-shadow"}}},"more-menu-row":{"width":{"value":"100%","type":"space","attributes":{"subtype":"space","description":"Controls the width of tabbar more menu rows (individual rows in the more menu). This determines how wide each row appears relative to its container. Acceptable units: %, px.<br>CSS variable: --wm-tabbar-more-menu-row-width"}},"padding":{"value":"{space.1.value} {space.0.value}","type":"space","attributes":{"subtype":"space","description":"Controls the padding (top/bottom, left/right) of tabbar more menu rows. This creates breathing room around each row. Acceptable units: px.<br>CSS variable: --wm-tabbar-more-menu-row-padding"}}},"item":{"min":{"height":{"value":"{space.8.value}","type":"space","attributes":{"subtype":"space","description":"Controls the minimum height of tabbar items (individual tabs in the tabbar). This determines the minimum vertical size of tab items. Acceptable units: px.<br>CSS variable: --wm-tabbar-item-min-height"}},"width":{"value":"{spacer.7.value}","type":"space","attributes":{"subtype":"space","description":"Controls the minimum width of tabbar items. This determines the minimum horizontal size of tab items. Acceptable units: px.<br>CSS variable: --wm-tabbar-item-min-width"}}},"border":{"radius":{"value":"0px","type":"radius","attributes":{"subtype":"radius","description":"Controls the border radius (rounded corners) of tabbar items. This determines how rounded the corners of tab items appear. Acceptable units: px.<br>CSS variable: --wm-tabbar-item-border-radius"}},"width":{"value":"{border.width.0.value}","type":"border","attributes":{"subtype":"space","description":"Controls the border width of tabbar items. This determines the minimum width horizontal size of tab items. Acceptable units: px.<br>CSS variable: --wm-tabbar-item-border-width"}},"color":{"value":"transparent","type":"color","attributes":{"subtype":"color","description":"Border color for each tab item in the default (inactive) state. <code>transparent</code> hides the stroke so layout relies on background and spacing.<br>CSS variable: --wm-tabbar-item-border-color"}},"style":{"value":"{border.style.solid.value}","type":"radius","attributes":{"subtype":"border-style","description":"How the tab item border is drawn when a stroke is visible: solid, dashed, dotted, etc., from shared border-style tokens.<br>CSS variable: --wm-tabbar-item-border-style"}}},"background":{"color":{"value":"transparent","type":"color","attributes":{"subtype":"color","description":"Sets the background color of tabbar items. This determines what color the background of tab items appears in.<br>CSS variable: --wm-tabbar-item-background-color"}}},"opacity":{"value":"1","type":"space","attributes":{"subtype":"opacity","description":"Controls the transparency of tabbar items. When set to 1, items are fully opaque. Lower values make items more transparent, higher values make them more opaque.<br>CSS variable: --wm-tabbar-item-opacity"}},"padding":{"value":"{space.0.value}","type":"space","attributes":{"subtype":"space","description":"Space inside each tab item (between the item edge and its icon/label content). Uses one token as uniform padding on all sides.<br>CSS variable: --wm-tabbar-item-padding"}},"gap":{"value":"{space.0.value}","type":"space","attributes":{"subtype":"space","description":"Gap for each tab bar item (<code>mapping.item.gap</code>): spacing between this item’s inner children only (nested under <code>item</code>), for example between the icon and the label inside the same tab. Acceptable units: px or space-token references.<br>CSS variable: --wm-tabbar-item-gap"}}},"icon":{"size":{"value":"{space.6.value}","type":"space","attributes":{"subtype":"icon-size","description":"Controls the size of tabbar icons (icons that appear in tab items). This affects how large the icons appear. Acceptable units: px.<br>CSS variable: --wm-tabbar-icon-size"}},"color":{"value":"{color.on-surface.variant.@.value}","type":"color","attributes":{"subtype":"color","description":"Sets the color of tabbar icons. This determines what color the icons appear in.<br>CSS variable: --wm-tabbar-icon-color"}},"padding":{"value":"{space.0.value}","type":"space","attributes":{"subtype":"space","description":"Controls the padding (top, right, bottom, left) of tabbar icons. This creates breathing room around icons. Acceptable units: px.<br>CSS variable: --wm-tabbar-icon-padding"}},"border-bottom-color":{"value":"{color.primary.@.value}","type":"color","attributes":{"subtype":"color","description":"Sets the bottom border color of tabbar icons. This determines what color the bottom border of icons appears in, typically matching the primary theme color.<br>CSS variable: --wm-tabbar-icon-border-bottom-color"}}},"text":{"font":{"size":{"value":"{label.medium.font-size.value}","type":"font","attributes":{"subtype":"font-size","description":"Controls the font size of tabbar text (labels that appear in tab items). This affects how large the text appears. Acceptable units: px.<br>CSS variable: --wm-tabbar-text-font-size"}},"family":{"value":"{label.large.font-family.value}","type":"font","attributes":{"subtype":"font-family","description":"Sets the font family of tabbar text. This determines which font is used for the text in tab items.<br>CSS variable: --wm-tabbar-text-font-family"}},"weight":{"value":"{font.weight.400.value}","type":"font","attributes":{"subtype":"font-weight","description":"Controls the font weight (boldness) of tabbar text. This affects how bold the text appears in tab items.<br>CSS variable: --wm-tabbar-text-font-weight"}}},"color":{"value":"{color.on-surface.variant.@.value}","type":"color","attributes":{"subtype":"color","description":"Sets the text color of tabbar labels. This determines what color the text in tab items appears in.<br>CSS variable: --wm-tabbar-text-color"}},"margin":{"top":{"value":"{space.rule.value}","type":"space","attributes":{"subtype":"space","description":"Controls the top margin (vertical spacing) of tabbar text. This creates spacing above the text. Acceptable units: px.<br>CSS variable: --wm-tabbar-text-margin-top"}}}},"states":{"active":{"item":{"border":{"radius":{"value":"50px","type":"radius","attributes":{"subtype":"radius","description":"Controls the border radius (rounded corners) of active tabbar items. This determines how rounded the corners of active tab items appear. Acceptable units: px.<br>CSS variable: --wm-tabbar-item-border-radius (active state)"}},"width":{"value":"{border.width.0.value}","type":"border","attributes":{"subtype":"space","description":"Border stroke width for the active tab item (same token scale as default state).<br>CSS variable: --wm-tabbar-item-border-width (active state)"}},"color":{"value":"transparent","type":"color","attributes":{"subtype":"color","description":"Border color on the active tab item (transparent so the primary container fill defines the shape).<br>CSS variable: --wm-tabbar-item-border-color (active state)"}},"style":{"value":"{border.style.solid.value}","type":"radius","attributes":{"subtype":"border-style","description":"Border line style for the active tab item.<br>CSS variable: --wm-tabbar-item-border-style (active state)"}}},"background":{"color":{"value":"{color.primary.container.@.value}","type":"color","attributes":{"subtype":"color","description":"Sets the background color of active tabbar items (tabs that are currently selected). This determines what color the background appears in for active items, typically matching the primary container theme color.<br>CSS variable: --wm-tabbar-item-background-color (active state)"}}},"padding":{"value":"{space.0.value}","type":"space","attributes":{"subtype":"space","description":"Inner padding for the selected tab item (uniform token); overrides inactive padding when active styles apply.<br>CSS variable: --wm-tabbar-item-padding (active state)"}},"gap":{"value":"{space.0.value}","type":"space","attributes":{"subtype":"space","description":"Gap for the active tab item (<code>states.active.item.gap</code>): same meaning as inactive <code>item.gap</code>—spacing between inner children of the selected tab only (nested under <code>states.active.item</code>). Acceptable units: px or space-token references.<br>CSS variable: --wm-tabbar-item-gap (active state)"}},"margin":{"bottom":{"value":"-2","type":"space","attributes":{"subtype":"space","description":"Controls the bottom margin (vertical spacing) of active tabbar items. This creates spacing below active tab items. Acceptable units: px.<br>CSS variable: --wm-tabbar-item-margin-bottom (active state)"}}}},"icon":{"color":{"value":"{color.primary.@.value}","type":"color","attributes":{"subtype":"color","description":"Icon tint when the tab is selected (primary brand color).<br>CSS variable: --wm-tabbar-icon-color (active state)"}},"padding":{"value":"{space.0.value}","type":"space","attributes":{"subtype":"space","description":"Controls the padding (top, right, bottom, left) of tabbar icons. This creates breathing room around icons. Acceptable units: px.<br>CSS variable: --wm-tabbar-icon-padding"}}},"text":{"font":{"weight":{"value":"{font.weight.700.value}","type":"font","attributes":{"subtype":"font-weight","description":"Controls the font weight (boldness) of active tabbar text. This affects how bold the text appears in active tab items.<br>CSS variable: --wm-tabbar-text-font-weight (active state)"}}},"color":{"value":"{color.on-surface.variant.@.value}","type":"color","attributes":{"subtype":"color","description":"Sets the text color of active tabbar labels. This determines what color the text appears in for active tabs.<br>CSS variable: --wm-tabbar-text-color (active state)"}}}}}},"appearences":{}}}');
11
11
 
12
12
  /***/ }
13
13
 
package/npm-shrinkwrap.json CHANGED
@@ -1,12 +1,12 @@
1
1
  {
2
2
  "name": "@wavemaker/foundation-css",
3
- "version": "11.15.2-rc.64737",
3
+ "version": "11.15.4-rc.250",
4
4
  "lockfileVersion": 3,
5
5
  "requires": true,
6
6
  "packages": {
7
7
  "": {
8
8
  "name": "@wavemaker/foundation-css",
9
- "version": "11.15.2-rc.64737",
9
+ "version": "11.15.4-rc.250",
10
10
  "license": "ISC",
11
11
  "dependencies": {
12
12
  "ajv": "8.17.1",
@@ -654,8 +654,8 @@
654
654
  }
655
655
  },
656
656
  "node_modules/@types/estree": {
657
- "version": "1.0.8",
658
- "integrity": "sha512-dWHzHa2WqEXI/O1E9OjrocMTKJl2mSrEolh1Iomrv6U+JuNwaHXsXx9bLu5gG7BUWFIN0skIQJQ/L1rIex4X6w==",
657
+ "version": "1.0.9",
658
+ "integrity": "sha512-GhdPgy1el4/ImP05X05Uw4cw2/M93BCUmnEvWZNStlCzEKME4Fkk+YpoA5OiHNQmoS7Cafb8Xa3Pya8m1Qrzeg==",
659
659
  "dev": true,
660
660
  "license": "MIT"
661
661
  },
@@ -666,12 +666,12 @@
666
666
  "license": "MIT"
667
667
  },
668
668
  "node_modules/@types/node": {
669
- "version": "25.6.0",
670
- "integrity": "sha512-+qIYRKdNYJwY3vRCZMdJbPLJAtGjQBudzZzdzwQYkEPQd+PJGixUL5QfvCLDaULoLv+RhT3LDkwEfKaAkgSmNQ==",
669
+ "version": "25.8.0",
670
+ "integrity": "sha512-TCFSk8IZh+iLX1xtksoBVtdmgL+1IX0fC9BeU4QqFSuNdN/K+HUlhqOzEmSYYpZUVsLYcPqc9KX+60iDuninSQ==",
671
671
  "dev": true,
672
672
  "license": "MIT",
673
673
  "dependencies": {
674
- "undici-types": "~7.19.0"
674
+ "undici-types": ">=7.24.0 <7.24.7"
675
675
  }
676
676
  },
677
677
  "node_modules/@webassemblyjs/ast": {
@@ -1058,8 +1058,8 @@
1058
1058
  "license": "MIT"
1059
1059
  },
1060
1060
  "node_modules/baseline-browser-mapping": {
1061
- "version": "2.10.20",
1062
- "integrity": "sha512-1AaXxEPfXT+GvTBJFuy4yXVHWJBXa4OdbIebGN/wX5DlsIkU0+wzGnd2lOzokSk51d5LUmqjgBLRLlypLUqInQ==",
1061
+ "version": "2.10.29",
1062
+ "integrity": "sha512-Asa2krT+XTPZINCS+2QcyS8WTkObE77RwkydwF7h6DmnKqbvlalz93m/dnphUyCa6SWSP51VgtEUf2FN+gelFQ==",
1063
1063
  "dev": true,
1064
1064
  "license": "Apache-2.0",
1065
1065
  "bin": {
@@ -1201,8 +1201,8 @@
1201
1201
  }
1202
1202
  },
1203
1203
  "node_modules/caniuse-lite": {
1204
- "version": "1.0.30001788",
1205
- "integrity": "sha512-6q8HFp+lOQtcf7wBK+uEenxymVWkGKkjFpCvw5W25cmMwEDU45p1xQFBQv8JDlMMry7eNxyBaR+qxgmTUZkIRQ==",
1204
+ "version": "1.0.30001792",
1205
+ "integrity": "sha512-hVLMUZFgR4JJ6ACt1uEESvQN1/dBVqPAKY0hgrV70eN3391K6juAfTjKZLKvOMsx8PxA7gsY1/tLMMTcfFLLpw==",
1206
1206
  "dev": true,
1207
1207
  "funding": [
1208
1208
  {
@@ -1542,8 +1542,8 @@
1542
1542
  "license": "MIT"
1543
1543
  },
1544
1544
  "node_modules/electron-to-chromium": {
1545
- "version": "1.5.340",
1546
- "integrity": "sha512-908qahOGocRMinT2nM3ajCEM99H4iPdv84eagPP3FfZy/1ZGeOy2CZYzjhms81ckOPCXPlW7LkY4XpxD8r1DrA==",
1545
+ "version": "1.5.357",
1546
+ "integrity": "sha512-NHlTIQDK8fmVwHwuIzmXYEJ1Ewq3D9wDNc0cWXxDGysP6Pb21giwGNkxiTifyKy/4SoPuN5l6GLP1W9Sv7zB2g==",
1547
1547
  "dev": true,
1548
1548
  "license": "ISC"
1549
1549
  },
@@ -1554,13 +1554,13 @@
1554
1554
  "license": "MIT"
1555
1555
  },
1556
1556
  "node_modules/enhanced-resolve": {
1557
- "version": "5.20.1",
1558
- "integrity": "sha512-Qohcme7V1inbAfvjItgw0EaxVX5q2rdVEZHRBrEQdRZTssLDGsL8Lwrznl8oQ/6kuTJONLaDcGjkNP247XEhcA==",
1557
+ "version": "5.21.3",
1558
+ "integrity": "sha512-QyL119InA+XXEkNLNTPCXPugSvOfhwv0JOlGNzvxs0hZaiHLNvXSpudUWsOlsXGWJh8G6ckCScEkVHfX3kw/2Q==",
1559
1559
  "dev": true,
1560
1560
  "license": "MIT",
1561
1561
  "dependencies": {
1562
1562
  "graceful-fs": "^4.2.4",
1563
- "tapable": "^2.3.0"
1563
+ "tapable": "^2.3.3"
1564
1564
  },
1565
1565
  "engines": {
1566
1566
  "node": ">=10.13.0"
@@ -1610,8 +1610,8 @@
1610
1610
  }
1611
1611
  },
1612
1612
  "node_modules/es-module-lexer": {
1613
- "version": "2.0.0",
1614
- "integrity": "sha512-5POEcUuZybH7IdmGsD8wlf0AI55wMecM9rVBTI/qEAy2c1kTOm3DjFYjrBdI2K3BaJjJYfYFeRtM0t9ssnRuxw==",
1613
+ "version": "2.1.0",
1614
+ "integrity": "sha512-n27zTYMjYu1aj4MjCWzSP7G9r75utsaoc8m61weK+W8JMBGGQybd43GstCXZ3WNmSFtGT9wi59qQTW6mhTR5LQ==",
1615
1615
  "dev": true,
1616
1616
  "license": "MIT"
1617
1617
  },
@@ -1717,8 +1717,8 @@
1717
1717
  "license": "MIT"
1718
1718
  },
1719
1719
  "node_modules/fast-uri": {
1720
- "version": "3.1.0",
1721
- "integrity": "sha512-iPeeDKJSWf4IEOasVVrknXpaBV0IApz/gp7S2bb7Z4Lljbl2MGJRqInZiUrQwV16cpzw/D3S5j5Julj/gT52AA==",
1720
+ "version": "3.1.2",
1721
+ "integrity": "sha512-rVjf7ArG3LTk+FS6Yw81V1DLuZl1bRbNrev6Tmd/9RaroeeRRJhAt7jg/6YFxbvAQXUCavSoZhPPj6oOx+5KjQ==",
1722
1722
  "funding": [
1723
1723
  {
1724
1724
  "type": "github",
@@ -1827,8 +1827,8 @@
1827
1827
  }
1828
1828
  },
1829
1829
  "node_modules/fs-extra": {
1830
- "version": "11.3.4",
1831
- "integrity": "sha512-CTXd6rk/M3/ULNQj8FBqBWHYBVYybQ3VPBw0xGKFe3tuH7ytT6ACnvzpIQ3UZtB8yvUKC2cXn1a+x+5EVQLovA==",
1830
+ "version": "11.3.5",
1831
+ "integrity": "sha512-eKpRKAovdpZtR1WopLHxlBWvAgPny3c4gX1G5Jhwmmw4XJj0ifSD5qB5TOo8hmA0wlRKDAOAhEE1yVPgs6Fgcg==",
1832
1832
  "dev": true,
1833
1833
  "license": "MIT",
1834
1834
  "dependencies": {
@@ -2164,12 +2164,12 @@
2164
2164
  }
2165
2165
  },
2166
2166
  "node_modules/is-core-module": {
2167
- "version": "2.16.1",
2168
- "integrity": "sha512-UfoeMA6fIJ8wTYFEUjelnaGI67v6+N7qXJEvQuIGa99l4xsCruSYOVSQ0uPANn4dAzm8lkYPaKLrrijLq7x23w==",
2167
+ "version": "2.16.2",
2168
+ "integrity": "sha512-evOr8xfXKxE6qSR0hSXL2r3sd7ALj8+7jQEUvPYcm5sgZFdJ+AYzT6yNmJenvIYQBgIGwfwz08sL8zoL7yq2BA==",
2169
2169
  "dev": true,
2170
2170
  "license": "MIT",
2171
2171
  "dependencies": {
2172
- "hasown": "^2.0.2"
2172
+ "hasown": "^2.0.3"
2173
2173
  },
2174
2174
  "engines": {
2175
2175
  "node": ">= 0.4"
@@ -2426,8 +2426,8 @@
2426
2426
  }
2427
2427
  },
2428
2428
  "node_modules/jsonfile": {
2429
- "version": "6.2.0",
2430
- "integrity": "sha512-FGuPw30AdOIUTRMC2OMRtQV+jkVj2cfPqSeWXv1NEAJ1qZ5zb1X6z1mFhbfOB/iy3ssJCD+3KuZ8r8C3uVFlAg==",
2429
+ "version": "6.2.1",
2430
+ "integrity": "sha512-zwOTdL3rFQ/lRdBnntKVOX6k5cKJwEc1HdilT71BWEu7J41gXIB2MRp+vxduPSwZJPWBxEzv4yH1wYLJGUHX4Q==",
2431
2431
  "dev": true,
2432
2432
  "license": "MIT",
2433
2433
  "dependencies": {
@@ -2502,8 +2502,8 @@
2502
2502
  }
2503
2503
  },
2504
2504
  "node_modules/loader-runner": {
2505
- "version": "4.3.1",
2506
- "integrity": "sha512-IWqP2SCPhyVFTBtRcgMHdzlf9ul25NwaFx4wCEH/KjAXuuHY4yNjvPXsBokp8jCB936PyWRaPKUNh8NvylLp2Q==",
2505
+ "version": "4.3.2",
2506
+ "integrity": "sha512-DFEqQ3ihfS9blba08cLfYf1NRAIEm+dDjic073DRDc3/JspI/8wYmtDsHwd3+4hwvdxSK7PGaElfTmm0awWJ4w==",
2507
2507
  "dev": true,
2508
2508
  "license": "MIT",
2509
2509
  "engines": {
@@ -2709,8 +2709,8 @@
2709
2709
  "license": "MIT"
2710
2710
  },
2711
2711
  "node_modules/node-releases": {
2712
- "version": "2.0.37",
2713
- "integrity": "sha512-1h5gKZCF+pO/o3Iqt5Jp7wc9rH3eJJ0+nh/CIoiRwjRxde/hAHyLPXYN4V3CqKAbiZPSeJFSWHmJsbkicta0Eg==",
2712
+ "version": "2.0.44",
2713
+ "integrity": "sha512-5WUyunoPMsvvEhS8AxHtRzP+oA8UCkJ7YRxatWKjngndhDGLiqEVAQKWjFAiAiuL8zMRGzGSJxFnLetoa43qGQ==",
2714
2714
  "dev": true,
2715
2715
  "license": "MIT"
2716
2716
  },
@@ -2940,8 +2940,8 @@
2940
2940
  }
2941
2941
  },
2942
2942
  "node_modules/patch-package/node_modules/semver": {
2943
- "version": "7.7.4",
2944
- "integrity": "sha512-vFKC2IEtQnVhpT78h1Yp8wzwrf8CM+MzKMHGJZfBtzhZNycRFnXsHk6E5TxIkkMsgNS7mdX3AGB7x2QM2di4lA==",
2943
+ "version": "7.8.0",
2944
+ "integrity": "sha512-AcM7dV/5ul4EekoQ29Agm5vri8JNqRyj39o0qpX6vDF2GZrtutZl5RwgD1XnZjiTAfncsJhMI48QQH3sN87YNA==",
2945
2945
  "dev": true,
2946
2946
  "license": "ISC",
2947
2947
  "bin": {
@@ -3624,8 +3624,8 @@
3624
3624
  }
3625
3625
  },
3626
3626
  "node_modules/tapable": {
3627
- "version": "2.3.2",
3628
- "integrity": "sha512-1MOpMXuhGzGL5TTCZFItxCc0AARf1EZFQkGqMm7ERKj8+Hgr5oLvJOVFcC+lRmR8hCe2S3jC4T5D7Vg/d7/fhA==",
3627
+ "version": "2.3.3",
3628
+ "integrity": "sha512-uxc/zpqFg6x7C8vOE7lh6Lbda8eEL9zmVm/PLeTPBRhh1xCgdWaQ+J1CUieGpIfm2HdtsUpRv+HshiasBMcc6A==",
3629
3629
  "dev": true,
3630
3630
  "license": "MIT",
3631
3631
  "engines": {
@@ -3637,8 +3637,8 @@
3637
3637
  }
3638
3638
  },
3639
3639
  "node_modules/tar": {
3640
- "version": "7.5.13",
3641
- "integrity": "sha512-tOG/7GyXpFevhXVh8jOPJrmtRpOTsYqUIkVdVooZYJS/z8WhfQUX8RJILmeuJNinGAMSu1veBr4asSHFt5/hng==",
3640
+ "version": "7.5.15",
3641
+ "integrity": "sha512-dzGK0boVlC4W5QFuQN1EFSl3bIDYsk7Tj40U6eIBnK2k/8ml7TZ5agbI5j5+qnoVcAA+rNtBml8SEiLxZpNqRQ==",
3642
3642
  "dev": true,
3643
3643
  "license": "BlueOak-1.0.0",
3644
3644
  "dependencies": {
@@ -3653,8 +3653,8 @@
3653
3653
  }
3654
3654
  },
3655
3655
  "node_modules/terser": {
3656
- "version": "5.46.1",
3657
- "integrity": "sha512-vzCjQO/rgUuK9sf8VJZvjqiqiHFaZLnOiimmUuOKODxWL8mm/xua7viT7aqX7dgPY60otQjUotzFMmCB4VdmqQ==",
3656
+ "version": "5.47.1",
3657
+ "integrity": "sha512-tPbLXTI6ohPASb/1YViL428oEHu6/qv1OxqYnfaonVCFHqx4+wCd95pHrQWsL5X4pl90CTyW9piSAsS2L0VoMw==",
3658
3658
  "dev": true,
3659
3659
  "license": "BSD-2-Clause",
3660
3660
  "dependencies": {
@@ -3671,8 +3671,8 @@
3671
3671
  }
3672
3672
  },
3673
3673
  "node_modules/terser-webpack-plugin": {
3674
- "version": "5.4.0",
3675
- "integrity": "sha512-Bn5vxm48flOIfkdl5CaD2+1CiUVbonWQ3KQPyP7/EuIl9Gbzq/gQFOzaMFUEgVjB1396tcK0SG8XcNJ/2kDH8g==",
3674
+ "version": "5.6.0",
3675
+ "integrity": "sha512-Eum+5ajkaOhf5KbM26osvv21kLD7BaGqQ1UA4Ami4arYwylmGUQTgHFpHDdmJod1q4QXa66p0to/FBKID+J1vA==",
3676
3676
  "dev": true,
3677
3677
  "license": "MIT",
3678
3678
  "dependencies": {
@@ -3692,12 +3692,39 @@
3692
3692
  "webpack": "^5.1.0"
3693
3693
  },
3694
3694
  "peerDependenciesMeta": {
3695
+ "@minify-html/node": {
3696
+ "optional": true
3697
+ },
3695
3698
  "@swc/core": {
3696
3699
  "optional": true
3697
3700
  },
3701
+ "@swc/css": {
3702
+ "optional": true
3703
+ },
3704
+ "@swc/html": {
3705
+ "optional": true
3706
+ },
3707
+ "clean-css": {
3708
+ "optional": true
3709
+ },
3710
+ "cssnano": {
3711
+ "optional": true
3712
+ },
3713
+ "csso": {
3714
+ "optional": true
3715
+ },
3698
3716
  "esbuild": {
3699
3717
  "optional": true
3700
3718
  },
3719
+ "html-minifier-terser": {
3720
+ "optional": true
3721
+ },
3722
+ "lightningcss": {
3723
+ "optional": true
3724
+ },
3725
+ "postcss": {
3726
+ "optional": true
3727
+ },
3701
3728
  "uglify-js": {
3702
3729
  "optional": true
3703
3730
  }
@@ -3830,8 +3857,8 @@
3830
3857
  }
3831
3858
  },
3832
3859
  "node_modules/ts-loader/node_modules/semver": {
3833
- "version": "7.7.4",
3834
- "integrity": "sha512-vFKC2IEtQnVhpT78h1Yp8wzwrf8CM+MzKMHGJZfBtzhZNycRFnXsHk6E5TxIkkMsgNS7mdX3AGB7x2QM2di4lA==",
3860
+ "version": "7.8.0",
3861
+ "integrity": "sha512-AcM7dV/5ul4EekoQ29Agm5vri8JNqRyj39o0qpX6vDF2GZrtutZl5RwgD1XnZjiTAfncsJhMI48QQH3sN87YNA==",
3835
3862
  "dev": true,
3836
3863
  "license": "ISC",
3837
3864
  "bin": {
@@ -3925,8 +3952,8 @@
3925
3952
  }
3926
3953
  },
3927
3954
  "node_modules/undici-types": {
3928
- "version": "7.19.2",
3929
- "integrity": "sha512-qYVnV5OEm2AW8cJMCpdV20CDyaN3g0AjDlOGf1OW4iaDEx8MwdtChUp4zu4H0VP3nDRF/8RKWH+IPp9uW0YGZg==",
3955
+ "version": "7.24.6",
3956
+ "integrity": "sha512-WRNW+sJgj5OBN4/0JpHFqtqzhpbnV0GuB+OozA9gCL7a993SmU+1JBZCzLNxYsbMfIeDL+lTsphD5jN5N+n0zg==",
3930
3957
  "dev": true,
3931
3958
  "license": "MIT"
3932
3959
  },
@@ -4118,8 +4145,8 @@
4118
4145
  }
4119
4146
  },
4120
4147
  "node_modules/webpack-sources": {
4121
- "version": "3.3.4",
4122
- "integrity": "sha512-7tP1PdV4vF+lYPnkMR0jMY5/la2ub5Fc/8VQrrU+lXkiM6C4TjVfGw7iKfyhnTQOsD+6Q/iKw0eFciziRgD58Q==",
4148
+ "version": "3.4.1",
4149
+ "integrity": "sha512-eACpxRN02yaawnt+uUNIF7Qje6A9zArxBbcAJjK1PK3S9Ycg5jIuJ8pW4q8EMnwNZCEGltcjkRx1QzOxOkKD8A==",
4123
4150
  "dev": true,
4124
4151
  "license": "MIT",
4125
4152
  "engines": {
@@ -4278,8 +4305,8 @@
4278
4305
  }
4279
4306
  },
4280
4307
  "node_modules/yaml": {
4281
- "version": "2.8.3",
4282
- "integrity": "sha512-AvbaCLOO2Otw/lW5bmh9d/WEdcDFdQp2Z2ZUH3pX9U2ihyUY0nvLv7J6TrWowklRGPYbB/IuIMfYgxaCPg5Bpg==",
4308
+ "version": "2.9.0",
4309
+ "integrity": "sha512-2AvhNX3mb8zd6Zy7INTtSpl1F15HW6Wnqj0srWlkKLcpYl/gMIMJiyuGq2KeI2YFxUPjdlB+3Lc10seMLtL4cA==",
4283
4310
  "dev": true,
4284
4311
  "license": "ISC",
4285
4312
  "bin": {
package/package-lock.json CHANGED
@@ -1,12 +1,12 @@
1
1
  {
2
2
  "name": "@wavemaker/foundation-css",
3
- "version": "11.15.2-rc.64737",
3
+ "version": "11.15.4-rc.250",
4
4
  "lockfileVersion": 3,
5
5
  "requires": true,
6
6
  "packages": {
7
7
  "": {
8
8
  "name": "@wavemaker/foundation-css",
9
- "version": "11.15.2-rc.64737",
9
+ "version": "11.15.4-rc.250",
10
10
  "license": "ISC",
11
11
  "dependencies": {
12
12
  "ajv": "8.17.1",
@@ -654,8 +654,8 @@
654
654
  }
655
655
  },
656
656
  "node_modules/@types/estree": {
657
- "version": "1.0.8",
658
- "integrity": "sha512-dWHzHa2WqEXI/O1E9OjrocMTKJl2mSrEolh1Iomrv6U+JuNwaHXsXx9bLu5gG7BUWFIN0skIQJQ/L1rIex4X6w==",
657
+ "version": "1.0.9",
658
+ "integrity": "sha512-GhdPgy1el4/ImP05X05Uw4cw2/M93BCUmnEvWZNStlCzEKME4Fkk+YpoA5OiHNQmoS7Cafb8Xa3Pya8m1Qrzeg==",
659
659
  "dev": true,
660
660
  "license": "MIT"
661
661
  },
@@ -666,12 +666,12 @@
666
666
  "license": "MIT"
667
667
  },
668
668
  "node_modules/@types/node": {
669
- "version": "25.6.0",
670
- "integrity": "sha512-+qIYRKdNYJwY3vRCZMdJbPLJAtGjQBudzZzdzwQYkEPQd+PJGixUL5QfvCLDaULoLv+RhT3LDkwEfKaAkgSmNQ==",
669
+ "version": "25.8.0",
670
+ "integrity": "sha512-TCFSk8IZh+iLX1xtksoBVtdmgL+1IX0fC9BeU4QqFSuNdN/K+HUlhqOzEmSYYpZUVsLYcPqc9KX+60iDuninSQ==",
671
671
  "dev": true,
672
672
  "license": "MIT",
673
673
  "dependencies": {
674
- "undici-types": "~7.19.0"
674
+ "undici-types": ">=7.24.0 <7.24.7"
675
675
  }
676
676
  },
677
677
  "node_modules/@webassemblyjs/ast": {
@@ -1058,8 +1058,8 @@
1058
1058
  "license": "MIT"
1059
1059
  },
1060
1060
  "node_modules/baseline-browser-mapping": {
1061
- "version": "2.10.20",
1062
- "integrity": "sha512-1AaXxEPfXT+GvTBJFuy4yXVHWJBXa4OdbIebGN/wX5DlsIkU0+wzGnd2lOzokSk51d5LUmqjgBLRLlypLUqInQ==",
1061
+ "version": "2.10.29",
1062
+ "integrity": "sha512-Asa2krT+XTPZINCS+2QcyS8WTkObE77RwkydwF7h6DmnKqbvlalz93m/dnphUyCa6SWSP51VgtEUf2FN+gelFQ==",
1063
1063
  "dev": true,
1064
1064
  "license": "Apache-2.0",
1065
1065
  "bin": {
@@ -1201,8 +1201,8 @@
1201
1201
  }
1202
1202
  },
1203
1203
  "node_modules/caniuse-lite": {
1204
- "version": "1.0.30001788",
1205
- "integrity": "sha512-6q8HFp+lOQtcf7wBK+uEenxymVWkGKkjFpCvw5W25cmMwEDU45p1xQFBQv8JDlMMry7eNxyBaR+qxgmTUZkIRQ==",
1204
+ "version": "1.0.30001792",
1205
+ "integrity": "sha512-hVLMUZFgR4JJ6ACt1uEESvQN1/dBVqPAKY0hgrV70eN3391K6juAfTjKZLKvOMsx8PxA7gsY1/tLMMTcfFLLpw==",
1206
1206
  "dev": true,
1207
1207
  "funding": [
1208
1208
  {
@@ -1542,8 +1542,8 @@
1542
1542
  "license": "MIT"
1543
1543
  },
1544
1544
  "node_modules/electron-to-chromium": {
1545
- "version": "1.5.340",
1546
- "integrity": "sha512-908qahOGocRMinT2nM3ajCEM99H4iPdv84eagPP3FfZy/1ZGeOy2CZYzjhms81ckOPCXPlW7LkY4XpxD8r1DrA==",
1545
+ "version": "1.5.357",
1546
+ "integrity": "sha512-NHlTIQDK8fmVwHwuIzmXYEJ1Ewq3D9wDNc0cWXxDGysP6Pb21giwGNkxiTifyKy/4SoPuN5l6GLP1W9Sv7zB2g==",
1547
1547
  "dev": true,
1548
1548
  "license": "ISC"
1549
1549
  },
@@ -1554,13 +1554,13 @@
1554
1554
  "license": "MIT"
1555
1555
  },
1556
1556
  "node_modules/enhanced-resolve": {
1557
- "version": "5.20.1",
1558
- "integrity": "sha512-Qohcme7V1inbAfvjItgw0EaxVX5q2rdVEZHRBrEQdRZTssLDGsL8Lwrznl8oQ/6kuTJONLaDcGjkNP247XEhcA==",
1557
+ "version": "5.21.3",
1558
+ "integrity": "sha512-QyL119InA+XXEkNLNTPCXPugSvOfhwv0JOlGNzvxs0hZaiHLNvXSpudUWsOlsXGWJh8G6ckCScEkVHfX3kw/2Q==",
1559
1559
  "dev": true,
1560
1560
  "license": "MIT",
1561
1561
  "dependencies": {
1562
1562
  "graceful-fs": "^4.2.4",
1563
- "tapable": "^2.3.0"
1563
+ "tapable": "^2.3.3"
1564
1564
  },
1565
1565
  "engines": {
1566
1566
  "node": ">=10.13.0"
@@ -1610,8 +1610,8 @@
1610
1610
  }
1611
1611
  },
1612
1612
  "node_modules/es-module-lexer": {
1613
- "version": "2.0.0",
1614
- "integrity": "sha512-5POEcUuZybH7IdmGsD8wlf0AI55wMecM9rVBTI/qEAy2c1kTOm3DjFYjrBdI2K3BaJjJYfYFeRtM0t9ssnRuxw==",
1613
+ "version": "2.1.0",
1614
+ "integrity": "sha512-n27zTYMjYu1aj4MjCWzSP7G9r75utsaoc8m61weK+W8JMBGGQybd43GstCXZ3WNmSFtGT9wi59qQTW6mhTR5LQ==",
1615
1615
  "dev": true,
1616
1616
  "license": "MIT"
1617
1617
  },
@@ -1717,8 +1717,8 @@
1717
1717
  "license": "MIT"
1718
1718
  },
1719
1719
  "node_modules/fast-uri": {
1720
- "version": "3.1.0",
1721
- "integrity": "sha512-iPeeDKJSWf4IEOasVVrknXpaBV0IApz/gp7S2bb7Z4Lljbl2MGJRqInZiUrQwV16cpzw/D3S5j5Julj/gT52AA==",
1720
+ "version": "3.1.2",
1721
+ "integrity": "sha512-rVjf7ArG3LTk+FS6Yw81V1DLuZl1bRbNrev6Tmd/9RaroeeRRJhAt7jg/6YFxbvAQXUCavSoZhPPj6oOx+5KjQ==",
1722
1722
  "funding": [
1723
1723
  {
1724
1724
  "type": "github",
@@ -1827,8 +1827,8 @@
1827
1827
  }
1828
1828
  },
1829
1829
  "node_modules/fs-extra": {
1830
- "version": "11.3.4",
1831
- "integrity": "sha512-CTXd6rk/M3/ULNQj8FBqBWHYBVYybQ3VPBw0xGKFe3tuH7ytT6ACnvzpIQ3UZtB8yvUKC2cXn1a+x+5EVQLovA==",
1830
+ "version": "11.3.5",
1831
+ "integrity": "sha512-eKpRKAovdpZtR1WopLHxlBWvAgPny3c4gX1G5Jhwmmw4XJj0ifSD5qB5TOo8hmA0wlRKDAOAhEE1yVPgs6Fgcg==",
1832
1832
  "dev": true,
1833
1833
  "license": "MIT",
1834
1834
  "dependencies": {
@@ -2164,12 +2164,12 @@
2164
2164
  }
2165
2165
  },
2166
2166
  "node_modules/is-core-module": {
2167
- "version": "2.16.1",
2168
- "integrity": "sha512-UfoeMA6fIJ8wTYFEUjelnaGI67v6+N7qXJEvQuIGa99l4xsCruSYOVSQ0uPANn4dAzm8lkYPaKLrrijLq7x23w==",
2167
+ "version": "2.16.2",
2168
+ "integrity": "sha512-evOr8xfXKxE6qSR0hSXL2r3sd7ALj8+7jQEUvPYcm5sgZFdJ+AYzT6yNmJenvIYQBgIGwfwz08sL8zoL7yq2BA==",
2169
2169
  "dev": true,
2170
2170
  "license": "MIT",
2171
2171
  "dependencies": {
2172
- "hasown": "^2.0.2"
2172
+ "hasown": "^2.0.3"
2173
2173
  },
2174
2174
  "engines": {
2175
2175
  "node": ">= 0.4"
@@ -2426,8 +2426,8 @@
2426
2426
  }
2427
2427
  },
2428
2428
  "node_modules/jsonfile": {
2429
- "version": "6.2.0",
2430
- "integrity": "sha512-FGuPw30AdOIUTRMC2OMRtQV+jkVj2cfPqSeWXv1NEAJ1qZ5zb1X6z1mFhbfOB/iy3ssJCD+3KuZ8r8C3uVFlAg==",
2429
+ "version": "6.2.1",
2430
+ "integrity": "sha512-zwOTdL3rFQ/lRdBnntKVOX6k5cKJwEc1HdilT71BWEu7J41gXIB2MRp+vxduPSwZJPWBxEzv4yH1wYLJGUHX4Q==",
2431
2431
  "dev": true,
2432
2432
  "license": "MIT",
2433
2433
  "dependencies": {
@@ -2502,8 +2502,8 @@
2502
2502
  }
2503
2503
  },
2504
2504
  "node_modules/loader-runner": {
2505
- "version": "4.3.1",
2506
- "integrity": "sha512-IWqP2SCPhyVFTBtRcgMHdzlf9ul25NwaFx4wCEH/KjAXuuHY4yNjvPXsBokp8jCB936PyWRaPKUNh8NvylLp2Q==",
2505
+ "version": "4.3.2",
2506
+ "integrity": "sha512-DFEqQ3ihfS9blba08cLfYf1NRAIEm+dDjic073DRDc3/JspI/8wYmtDsHwd3+4hwvdxSK7PGaElfTmm0awWJ4w==",
2507
2507
  "dev": true,
2508
2508
  "license": "MIT",
2509
2509
  "engines": {
@@ -2709,8 +2709,8 @@
2709
2709
  "license": "MIT"
2710
2710
  },
2711
2711
  "node_modules/node-releases": {
2712
- "version": "2.0.37",
2713
- "integrity": "sha512-1h5gKZCF+pO/o3Iqt5Jp7wc9rH3eJJ0+nh/CIoiRwjRxde/hAHyLPXYN4V3CqKAbiZPSeJFSWHmJsbkicta0Eg==",
2712
+ "version": "2.0.44",
2713
+ "integrity": "sha512-5WUyunoPMsvvEhS8AxHtRzP+oA8UCkJ7YRxatWKjngndhDGLiqEVAQKWjFAiAiuL8zMRGzGSJxFnLetoa43qGQ==",
2714
2714
  "dev": true,
2715
2715
  "license": "MIT"
2716
2716
  },
@@ -2940,8 +2940,8 @@
2940
2940
  }
2941
2941
  },
2942
2942
  "node_modules/patch-package/node_modules/semver": {
2943
- "version": "7.7.4",
2944
- "integrity": "sha512-vFKC2IEtQnVhpT78h1Yp8wzwrf8CM+MzKMHGJZfBtzhZNycRFnXsHk6E5TxIkkMsgNS7mdX3AGB7x2QM2di4lA==",
2943
+ "version": "7.8.0",
2944
+ "integrity": "sha512-AcM7dV/5ul4EekoQ29Agm5vri8JNqRyj39o0qpX6vDF2GZrtutZl5RwgD1XnZjiTAfncsJhMI48QQH3sN87YNA==",
2945
2945
  "dev": true,
2946
2946
  "license": "ISC",
2947
2947
  "bin": {
@@ -3624,8 +3624,8 @@
3624
3624
  }
3625
3625
  },
3626
3626
  "node_modules/tapable": {
3627
- "version": "2.3.2",
3628
- "integrity": "sha512-1MOpMXuhGzGL5TTCZFItxCc0AARf1EZFQkGqMm7ERKj8+Hgr5oLvJOVFcC+lRmR8hCe2S3jC4T5D7Vg/d7/fhA==",
3627
+ "version": "2.3.3",
3628
+ "integrity": "sha512-uxc/zpqFg6x7C8vOE7lh6Lbda8eEL9zmVm/PLeTPBRhh1xCgdWaQ+J1CUieGpIfm2HdtsUpRv+HshiasBMcc6A==",
3629
3629
  "dev": true,
3630
3630
  "license": "MIT",
3631
3631
  "engines": {
@@ -3637,8 +3637,8 @@
3637
3637
  }
3638
3638
  },
3639
3639
  "node_modules/tar": {
3640
- "version": "7.5.13",
3641
- "integrity": "sha512-tOG/7GyXpFevhXVh8jOPJrmtRpOTsYqUIkVdVooZYJS/z8WhfQUX8RJILmeuJNinGAMSu1veBr4asSHFt5/hng==",
3640
+ "version": "7.5.15",
3641
+ "integrity": "sha512-dzGK0boVlC4W5QFuQN1EFSl3bIDYsk7Tj40U6eIBnK2k/8ml7TZ5agbI5j5+qnoVcAA+rNtBml8SEiLxZpNqRQ==",
3642
3642
  "dev": true,
3643
3643
  "license": "BlueOak-1.0.0",
3644
3644
  "dependencies": {
@@ -3653,8 +3653,8 @@
3653
3653
  }
3654
3654
  },
3655
3655
  "node_modules/terser": {
3656
- "version": "5.46.1",
3657
- "integrity": "sha512-vzCjQO/rgUuK9sf8VJZvjqiqiHFaZLnOiimmUuOKODxWL8mm/xua7viT7aqX7dgPY60otQjUotzFMmCB4VdmqQ==",
3656
+ "version": "5.47.1",
3657
+ "integrity": "sha512-tPbLXTI6ohPASb/1YViL428oEHu6/qv1OxqYnfaonVCFHqx4+wCd95pHrQWsL5X4pl90CTyW9piSAsS2L0VoMw==",
3658
3658
  "dev": true,
3659
3659
  "license": "BSD-2-Clause",
3660
3660
  "dependencies": {
@@ -3671,8 +3671,8 @@
3671
3671
  }
3672
3672
  },
3673
3673
  "node_modules/terser-webpack-plugin": {
3674
- "version": "5.4.0",
3675
- "integrity": "sha512-Bn5vxm48flOIfkdl5CaD2+1CiUVbonWQ3KQPyP7/EuIl9Gbzq/gQFOzaMFUEgVjB1396tcK0SG8XcNJ/2kDH8g==",
3674
+ "version": "5.6.0",
3675
+ "integrity": "sha512-Eum+5ajkaOhf5KbM26osvv21kLD7BaGqQ1UA4Ami4arYwylmGUQTgHFpHDdmJod1q4QXa66p0to/FBKID+J1vA==",
3676
3676
  "dev": true,
3677
3677
  "license": "MIT",
3678
3678
  "dependencies": {
@@ -3692,12 +3692,39 @@
3692
3692
  "webpack": "^5.1.0"
3693
3693
  },
3694
3694
  "peerDependenciesMeta": {
3695
+ "@minify-html/node": {
3696
+ "optional": true
3697
+ },
3695
3698
  "@swc/core": {
3696
3699
  "optional": true
3697
3700
  },
3701
+ "@swc/css": {
3702
+ "optional": true
3703
+ },
3704
+ "@swc/html": {
3705
+ "optional": true
3706
+ },
3707
+ "clean-css": {
3708
+ "optional": true
3709
+ },
3710
+ "cssnano": {
3711
+ "optional": true
3712
+ },
3713
+ "csso": {
3714
+ "optional": true
3715
+ },
3698
3716
  "esbuild": {
3699
3717
  "optional": true
3700
3718
  },
3719
+ "html-minifier-terser": {
3720
+ "optional": true
3721
+ },
3722
+ "lightningcss": {
3723
+ "optional": true
3724
+ },
3725
+ "postcss": {
3726
+ "optional": true
3727
+ },
3701
3728
  "uglify-js": {
3702
3729
  "optional": true
3703
3730
  }
@@ -3830,8 +3857,8 @@
3830
3857
  }
3831
3858
  },
3832
3859
  "node_modules/ts-loader/node_modules/semver": {
3833
- "version": "7.7.4",
3834
- "integrity": "sha512-vFKC2IEtQnVhpT78h1Yp8wzwrf8CM+MzKMHGJZfBtzhZNycRFnXsHk6E5TxIkkMsgNS7mdX3AGB7x2QM2di4lA==",
3860
+ "version": "7.8.0",
3861
+ "integrity": "sha512-AcM7dV/5ul4EekoQ29Agm5vri8JNqRyj39o0qpX6vDF2GZrtutZl5RwgD1XnZjiTAfncsJhMI48QQH3sN87YNA==",
3835
3862
  "dev": true,
3836
3863
  "license": "ISC",
3837
3864
  "bin": {
@@ -3925,8 +3952,8 @@
3925
3952
  }
3926
3953
  },
3927
3954
  "node_modules/undici-types": {
3928
- "version": "7.19.2",
3929
- "integrity": "sha512-qYVnV5OEm2AW8cJMCpdV20CDyaN3g0AjDlOGf1OW4iaDEx8MwdtChUp4zu4H0VP3nDRF/8RKWH+IPp9uW0YGZg==",
3955
+ "version": "7.24.6",
3956
+ "integrity": "sha512-WRNW+sJgj5OBN4/0JpHFqtqzhpbnV0GuB+OozA9gCL7a993SmU+1JBZCzLNxYsbMfIeDL+lTsphD5jN5N+n0zg==",
3930
3957
  "dev": true,
3931
3958
  "license": "MIT"
3932
3959
  },
@@ -4118,8 +4145,8 @@
4118
4145
  }
4119
4146
  },
4120
4147
  "node_modules/webpack-sources": {
4121
- "version": "3.3.4",
4122
- "integrity": "sha512-7tP1PdV4vF+lYPnkMR0jMY5/la2ub5Fc/8VQrrU+lXkiM6C4TjVfGw7iKfyhnTQOsD+6Q/iKw0eFciziRgD58Q==",
4148
+ "version": "3.4.1",
4149
+ "integrity": "sha512-eACpxRN02yaawnt+uUNIF7Qje6A9zArxBbcAJjK1PK3S9Ycg5jIuJ8pW4q8EMnwNZCEGltcjkRx1QzOxOkKD8A==",
4123
4150
  "dev": true,
4124
4151
  "license": "MIT",
4125
4152
  "engines": {
@@ -4278,8 +4305,8 @@
4278
4305
  }
4279
4306
  },
4280
4307
  "node_modules/yaml": {
4281
- "version": "2.8.3",
4282
- "integrity": "sha512-AvbaCLOO2Otw/lW5bmh9d/WEdcDFdQp2Z2ZUH3pX9U2ihyUY0nvLv7J6TrWowklRGPYbB/IuIMfYgxaCPg5Bpg==",
4308
+ "version": "2.9.0",
4309
+ "integrity": "sha512-2AvhNX3mb8zd6Zy7INTtSpl1F15HW6Wnqj0srWlkKLcpYl/gMIMJiyuGq2KeI2YFxUPjdlB+3Lc10seMLtL4cA==",
4283
4310
  "dev": true,
4284
4311
  "license": "ISC",
4285
4312
  "bin": {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@wavemaker/foundation-css",
3
- "version": "11.15.2-rc.64737",
3
+ "version": "11.15.4-rc.250",
4
4
  "description": "Foundation of CSS used in WaveMaker with custom widgets.",
5
5
  "type": "module",
6
6
  "main": "foundation.css",
package/src/styles/mobile/components/navigation/popover.less CHANGED
@@ -25,7 +25,7 @@
25
25
  border-color: var(--wm-popover-link-border-color);
26
26
  border-width: var(--wm-popover-link-border-width);
27
27
  border-style: var(--wm-popover-link-border-style);
28
- border-radius: var(--wm-popover-link-radius);
28
+ border-radius: var(--wm-popover-link-border-radius);
29
29
  padding: var(--wm-popover-link-padding);
30
30
  width: var(--wm-popover-link-width);
31
31
  height: var(--wm-popover-link-height);
@@ -37,7 +37,6 @@
37
37
  bottom: var(--wm-popover-bottom);
38
38
  width: var(--wm-popover-width);
39
39
  min-height: var(--wm-popover-min-height);
40
- border-radius: var(--wm-popover-radius);
41
40
  box-shadow: var(--wm-popover-shadow);
42
41
  }
43
42
 
package/src/styles/mobile/components/page/tabbar.less CHANGED
@@ -1,5 +1,6 @@
1
1
  .app-tabbar {
2
2
  height: var(--wm-tabbar-height);
3
+ gap: var(--wm-tabbar-gap);
3
4
  box-shadow: var(--wm-tabbar-box-shadow);
4
5
  border-width: var(--wm-tabbar-border-width);
5
6
  border-style: var(--wm-tabbar-border-style);
@@ -31,10 +32,14 @@
31
32
  border-radius: var(--wm-tabbar-item-border-radius);
32
33
  border-width: var(--wm-tabbar-item-border-width);
33
34
  margin-bottom: var(--wm-space-0);
35
+ border-color: var(--wm-tabbar-item-border-color);
36
+ border-style: var(--wm-tabbar-item-border-style);
34
37
  opacity: var(--wm-tabbar-item-opacity);
35
38
  display: flex;
36
39
  justify-content: center;
37
40
  align-items: center;
41
+ padding: var(--wm-tabbar-item-padding);
42
+ gap: var(--wm-tabbar-item-gap);
38
43
  }
39
44
 
40
45
  .app-tabbar-active-item {
@@ -42,13 +47,15 @@
42
47
  margin-bottom: var(--wm-space-0);
43
48
  border-radius: var(--wm-tabbar-item-border-radius);
44
49
  border-width: var(--wm-tabbar-item-border-width);
50
+ border-color: var(--wm-tabbar-item-border-color);
51
+ border-style: var(--wm-tabbar-item-border-style);
45
52
  background-color: var(--wm-tabbar-item-background-color);
46
53
  display: flex;
47
54
  justify-content: center;
48
55
  align-items: center;
49
56
  height: auto;
50
- padding-top: var(--wm-spacer-1);
51
- padding-bottom: var(--wm-spacer-1);
57
+ padding: var(--wm-tabbar-item-padding);
58
+ gap: var(--wm-tabbar-item-gap);
52
59
  }
53
60
 
54
61
  .app-tabbar-item-icon .app-icon {
package/src/styles/mobile/components/tokens.light.css CHANGED
@@ -213,6 +213,7 @@
213
213
  --wm-tabbar-more-menu-width: 100%;
214
214
  --wm-tabbar-more-menu-row-width: 100%;
215
215
  --wm-tabbar-item-border-radius: 0px;
216
+ --wm-tabbar-item-border-color: transparent;
216
217
  --wm-tabbar-item-background-color: transparent;
217
218
  --wm-tabbar-item-opacity: 1;
218
219
  --wm-tabs-border-color: transparent;
@@ -904,7 +905,6 @@
904
905
  --wm-popover-padding: var(--wm-space-0);
905
906
  --wm-popover-background-color: var(--wm-color-on-primary);
906
907
  --wm-popover-shadow: var(--wm-elevation-shadow-none);
907
- --wm-popover-radius: var(--wm-radius-none);
908
908
  --wm-popover-border-radius: var(--wm-radius-none);
909
909
  --wm-popover-border-width: var(--wm-border-width-0);
910
910
  --wm-popover-border-color: var(--wm-color-transparent);
@@ -1036,6 +1036,7 @@
1036
1036
  --wm-switch-button-border-color: var(--wm-color-outline);
1037
1037
  --wm-switch-button-border-radius: var(--wm-radius-lg);
1038
1038
  --wm-switch-button-padding: var(--wm-space-0) var(--wm-space-4);
1039
+ --wm-tabbar-gap: var(--wm-space-0);
1039
1040
  --wm-tabbar-border-width: var(--wm-border-width-0);
1040
1041
  --wm-tabbar-border-color: var(--wm-color-scrim);
1041
1042
  --wm-tabbar-border-style: var(--wm-border-style-solid);
@@ -1045,6 +1046,9 @@
1045
1046
  --wm-tabbar-item-min-height: var(--wm-space-8);
1046
1047
  --wm-tabbar-item-min-width: var(--wm-spacer-7);
1047
1048
  --wm-tabbar-item-border-width: var(--wm-border-width-0);
1049
+ --wm-tabbar-item-border-style: var(--wm-border-style-solid);
1050
+ --wm-tabbar-item-padding: var(--wm-space-0);
1051
+ --wm-tabbar-item-gap: var(--wm-space-0);
1048
1052
  --wm-tabbar-icon-size: var(--wm-space-6);
1049
1053
  --wm-tabbar-icon-color: var(--wm-color-on-surface-variant);
1050
1054
  --wm-tabbar-icon-padding: var(--wm-space-0);
package/src/styles/mobile/components/variables/tabbar.variant.less CHANGED
@@ -3,9 +3,14 @@
3
3
  .app-tabbar-active-label {
4
4
  --wm-tabbar-item-border-radius: 50px;
5
5
  --wm-tabbar-item-border-width: var(--wm-border-width-0);
6
+ --wm-tabbar-item-border-color: transparent;
7
+ --wm-tabbar-item-border-style: var(--wm-border-style-solid);
6
8
  --wm-tabbar-item-background-color: var(--wm-color-primary-container);
9
+ --wm-tabbar-item-padding: var(--wm-space-0);
10
+ --wm-tabbar-item-gap: var(--wm-space-0);
7
11
  --wm-tabbar-item-margin-bottom: -2;
8
12
  --wm-tabbar-icon-color: var(--wm-color-primary);
13
+ --wm-tabbar-icon-padding: var(--wm-space-0);
9
14
  --wm-tabbar-text-font-weight: var(--wm-font-weight-700);
10
15
  --wm-tabbar-text-color: var(--wm-color-on-surface-variant);
11
16
  }
package/src/styles/mobile/studio/layouts/tabbar.less CHANGED
@@ -2,9 +2,12 @@
2
2
  position: relative;
3
3
  height: var(--wm-tabbar-height);
4
4
  padding: 4px;
5
+ gap: var(--wm-tabbar-gap);
6
+ box-shadow: var(--wm-tabbar-box-shadow);
5
7
  border-width: var(--wm-tabbar-border-width);
6
8
  border-style: var(--wm-tabbar-border-style);
7
9
  border-color: var(--wm-tabbar-border-color);
10
+ padding: var(--wm-space-1);
8
11
  .navbar-default {
9
12
  background-color: inherit;
10
13
  .tab-items {
@@ -13,14 +16,18 @@
13
16
  justify-content: center;
14
17
  align-content: center;
15
18
  padding-top: 10px;
16
- > li > a {
19
+ > li > a {
17
20
  min-height: var(--wm-tabbar-item-min-height);
18
21
  min-width: var(--wm-tabbar-item-min-width);
19
22
  background-color: var(--wm-tabbar-item-background-color);
20
23
  border-radius: var(--wm-tabbar-item-border-radius);
24
+ border-width: var(--wm-tabbar-item-border-width);
25
+ border-style: var(--wm-tabbar-item-border-style);
26
+ border-color: var(--wm-tabbar-item-border-color);
21
27
  opacity: var(--wm-tabbar-item-opacity);
28
+ gap: var(--wm-tabbar-item-gap);
22
29
  margin-bottom: var(--wm-space-0);
23
- padding: 0;
30
+ padding: var(--wm-tabbar-item-padding);
24
31
  height: auto;
25
32
  .app-icon {
26
33
  color: var(--wm-tabbar-icon-color);
package/src/tokens/mobile/components/popover/popover.json CHANGED
@@ -64,14 +64,6 @@
64
64
  "description": "Controls the drop shadow effect around popover components (small overlay windows that appear when users hover or click on elements). This creates a subtle shadow that makes the popover appear to float above the background, giving it depth and elevation.<br>CSS variable: --wm-popover-shadow"
65
65
  }
66
66
  },
67
- "radius": {
68
- "value": "{radius.none.value}",
69
- "type": "radius",
70
- "attributes": {
71
- "subtype": "radius",
72
- "description": "Controls the corner rounding of popover components (small overlay windows that appear when users hover or click on elements). This makes the popover appear with rounded corners for a softer appearance.<br>CSS variable: --wm-popover-radius"
73
- }
74
- },
75
67
  "border": {
76
68
  "radius": {
77
69
  "value": "{radius.none.value}",
package/src/tokens/mobile/components/tabbar/tabbar.json CHANGED
@@ -23,6 +23,14 @@
23
23
  "description": "Controls the height of tabbar components (navigation bars with tabs at the bottom of the screen). This determines the vertical size of the tabbar. Acceptable units: px.<br>CSS variable: --wm-tabbar-height"
24
24
  }
25
25
  },
26
+ "gap": {
27
+ "value": "{space.0.value}",
28
+ "type": "space",
29
+ "attributes": {
30
+ "subtype": "space",
31
+ "description": "Root tab bar gap (<code>mapping.gap</code>): spacing between direct children of the tab bar container (<code>.app-tabbar</code>) when it uses flex or grid layout. Acceptable units: px or space-token references.<br>CSS variable: --wm-tabbar-gap"
32
+ }
33
+ },
26
34
  "border": {
27
35
  "width": {
28
36
  "value": "{border.width.0.value}",
@@ -154,6 +162,22 @@
154
162
  "subtype": "space",
155
163
  "description": "Controls the border width of tabbar items. This determines the minimum width horizontal size of tab items. Acceptable units: px.<br>CSS variable: --wm-tabbar-item-border-width"
156
164
  }
165
+ },
166
+ "color": {
167
+ "value": "transparent",
168
+ "type": "color",
169
+ "attributes": {
170
+ "subtype": "color",
171
+ "description": "Border color for each tab item in the default (inactive) state. <code>transparent</code> hides the stroke so layout relies on background and spacing.<br>CSS variable: --wm-tabbar-item-border-color"
172
+ }
173
+ },
174
+ "style": {
175
+ "value": "{border.style.solid.value}",
176
+ "type": "radius",
177
+ "attributes": {
178
+ "subtype": "border-style",
179
+ "description": "How the tab item border is drawn when a stroke is visible: solid, dashed, dotted, etc., from shared border-style tokens.<br>CSS variable: --wm-tabbar-item-border-style"
180
+ }
157
181
  }
158
182
  },
159
183
  "background": {
@@ -173,6 +197,22 @@
173
197
  "subtype": "opacity",
174
198
  "description": "Controls the transparency of tabbar items. When set to 1, items are fully opaque. Lower values make items more transparent, higher values make them more opaque.<br>CSS variable: --wm-tabbar-item-opacity"
175
199
  }
200
+ },
201
+ "padding": {
202
+ "value": "{space.0.value}",
203
+ "type": "space",
204
+ "attributes": {
205
+ "subtype": "space",
206
+ "description": "Space inside each tab item (between the item edge and its icon/label content). Uses one token as uniform padding on all sides.<br>CSS variable: --wm-tabbar-item-padding"
207
+ }
208
+ },
209
+ "gap": {
210
+ "value": "{space.0.value}",
211
+ "type": "space",
212
+ "attributes": {
213
+ "subtype": "space",
214
+ "description": "Gap for each tab bar item (<code>mapping.item.gap</code>): spacing between this item’s inner children only (nested under <code>item</code>), for example between the icon and the label inside the same tab. Acceptable units: px or space-token references.<br>CSS variable: --wm-tabbar-item-gap"
215
+ }
176
216
  }
177
217
  },
178
218
  "icon": {
@@ -272,7 +312,23 @@
272
312
  "type": "border",
273
313
  "attributes": {
274
314
  "subtype": "space",
275
- "description": "Controls the border width of tabbar items. This determines the minimum width horizontal size of tab items. Acceptable units: px.<br>CSS variable: --wm-tabbar-item-border-width(active state)"
315
+ "description": "Border stroke width for the active tab item (same token scale as default state).<br>CSS variable: --wm-tabbar-item-border-width (active state)"
316
+ }
317
+ },
318
+ "color": {
319
+ "value": "transparent",
320
+ "type": "color",
321
+ "attributes": {
322
+ "subtype": "color",
323
+ "description": "Border color on the active tab item (transparent so the primary container fill defines the shape).<br>CSS variable: --wm-tabbar-item-border-color (active state)"
324
+ }
325
+ },
326
+ "style": {
327
+ "value": "{border.style.solid.value}",
328
+ "type": "radius",
329
+ "attributes": {
330
+ "subtype": "border-style",
331
+ "description": "Border line style for the active tab item.<br>CSS variable: --wm-tabbar-item-border-style (active state)"
276
332
  }
277
333
  }
278
334
  },
@@ -286,6 +342,22 @@
286
342
  }
287
343
  }
288
344
  },
345
+ "padding": {
346
+ "value": "{space.0.value}",
347
+ "type": "space",
348
+ "attributes": {
349
+ "subtype": "space",
350
+ "description": "Inner padding for the selected tab item (uniform token); overrides inactive padding when active styles apply.<br>CSS variable: --wm-tabbar-item-padding (active state)"
351
+ }
352
+ },
353
+ "gap": {
354
+ "value": "{space.0.value}",
355
+ "type": "space",
356
+ "attributes": {
357
+ "subtype": "space",
358
+ "description": "Gap for the active tab item (<code>states.active.item.gap</code>): same meaning as inactive <code>item.gap</code>—spacing between inner children of the selected tab only (nested under <code>states.active.item</code>). Acceptable units: px or space-token references.<br>CSS variable: --wm-tabbar-item-gap (active state)"
359
+ }
360
+ },
289
361
  "margin": {
290
362
  "bottom": {
291
363
  "value": "-2",
@@ -303,7 +375,15 @@
303
375
  "type": "color",
304
376
  "attributes": {
305
377
  "subtype": "color",
306
- "description": "Sets the color of active tabbar icons. This determines what color the icons appear in for active tabs, typically matching the primary theme color.<br>CSS variable: --wm-tabbar-icon-color (active state)"
378
+ "description": "Icon tint when the tab is selected (primary brand color).<br>CSS variable: --wm-tabbar-icon-color (active state)"
379
+ }
380
+ },
381
+ "padding": {
382
+ "value": "{space.0.value}",
383
+ "type": "space",
384
+ "attributes": {
385
+ "subtype": "space",
386
+ "description": "Controls the padding (top, right, bottom, left) of tabbar icons. This creates breathing room around icons. Acceptable units: px.<br>CSS variable: --wm-tabbar-icon-padding"
307
387
  }
308
388
  }
309
389
  },