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

package/package-lock.json

@@ -1,12 +1,12 @@
 {
     "name": "@wavemaker/foundation-css",
-    "version": "11.14.3-rc.6401",
+    "version": "11.15.0-2.247",
     "lockfileVersion": 3,
     "requires": true,
     "packages": {
         "": {
             "name": "@wavemaker/foundation-css",
-            "version": "11.14.3-rc.6401",
+            "version": "11.15.0-2.247",
             "license": "ISC",
             "dependencies": {
                 "chroma-js": "^3.1.2"
@@ -665,12 +665,12 @@
             "license": "MIT"
         },
         "node_modules/@types/node": {
-            "version": "25.2.1",
-            "integrity": "sha512-CPrnr8voK8vC6eEtyRzvMpgp3VyVRhgclonE7qYi6P9sXwYb59ucfrnmFBTaP0yUi8Gk4yZg/LlTJULGxvTNsg==",
+            "version": "25.3.2",
+            "integrity": "sha512-RpV6r/ij22zRRdyBPcxDeKAzH43phWVKEjL2iksqo1Vz3CuBUrgmPpPhALKiRfU7OMCmeeO9vECBMsV0hMTG8Q==",
             "dev": true,
             "license": "MIT",
             "dependencies": {
-                "undici-types": "~7.16.0"
+                "undici-types": "~7.18.0"
             }
         },
         "node_modules/@webassemblyjs/ast": {
@@ -882,13 +882,10 @@
             "license": "BSD-2-Clause"
         },
         "node_modules/@zip.js/zip.js": {
-            "version": "2.8.17",
-            "integrity": "sha512-3UdSsm9D9wy8+Oclimd3W9mWqiGptbrL7kBxAdXr/FLN2FSmNnAiyRol93heAffLGDzNwY5nnvDEjMmo8JbeeA==",
+            "version": "2.8.21",
+            "integrity": "sha512-fkyzXISE3IMrstDO1AgPkJCx14MYHP/suIGiAovEYEuBjq3mffsuL6aMV7ohOSjW4rXtuACuUfpA3GtITgdtYg==",
             "dev": true,
             "license": "BSD-3-Clause",
-            "dependencies": {
-                "web-worker": "^1.5.0"
-            },
             "engines": {
                 "bun": ">=0.7.0",
                 "deno": ">=1.0.0",
@@ -896,8 +893,8 @@
             }
         },
         "node_modules/acorn": {
-            "version": "8.15.0",
-            "integrity": "sha512-NZyJarBfL7nWwIq+FDL6Zp/yHEhePMNnnJ0y3qfieCrmNvYct8uvtiV41UvlSe6apAfk0fY1FbWx+NwfmpvtTg==",
+            "version": "8.16.0",
+            "integrity": "sha512-UVJyE9MttOsBQIDKw1skb9nAwQuR5wuGD3+82K6JgJlm/Y+KI92oNsMNGZCYdDsVtRHSak0pcV5Dno5+4jh9sw==",
             "dev": true,
             "license": "MIT",
             "bin": {
@@ -920,8 +917,8 @@
             }
         },
         "node_modules/acorn-walk": {
-            "version": "8.3.4",
-            "integrity": "sha512-ueEepnujpqee2o5aIYnvHU6C0A42MNdsIDeqy5BydrkuC5R1ZuUFnm27EeFJGoEHJQgn3uleRvmTXaJgfXbt4g==",
+            "version": "8.3.5",
+            "integrity": "sha512-HEHNfbars9v4pgpW6SO1KSPkfoS0xVOM/9UzkJltjlsHZmJasxg8aXkuZa7SMf8vKGIBhpUsPluQSqhJFCqebw==",
             "dev": true,
             "license": "MIT",
             "dependencies": {
@@ -932,8 +929,8 @@
             }
         },
         "node_modules/ajv": {
-            "version": "8.17.1",
-            "integrity": "sha512-B/gBuNg5SiMTrPkC+A2+cW0RszwxYmn6VYxB/inlBStS5nx6xHIt/ehKRhIMhqusl7a8LjQoZnjCs5vhwxOQ1g==",
+            "version": "8.18.0",
+            "integrity": "sha512-PlXPeEWMXMZ7sPYOHqmDyCJzcfNrUr3fGNKtezX14ykXOEIvyK81d+qydx89KY5O71FKMPaQ2vBfBFI5NHR63A==",
             "dev": true,
             "license": "MIT",
             "dependencies": {
@@ -1061,12 +1058,15 @@
             "license": "MIT"
         },
         "node_modules/baseline-browser-mapping": {
-            "version": "2.9.19",
-            "integrity": "sha512-ipDqC8FrAl/76p2SSWKSI+H9tFwm7vYqXQrItCuiVPt26Km0jS+NzSsBWAaBusvSbQcfJG+JitdMm+wZAgTYqg==",
+            "version": "2.10.0",
+            "integrity": "sha512-lIyg0szRfYbiy67j9KN8IyeD7q7hcmqnJ1ddWmNt19ItGpNN64mnllmxUNFIOdOm6by97jlL6wfpTTJrmnjWAA==",
             "dev": true,
             "license": "Apache-2.0",
             "bin": {
-                "baseline-browser-mapping": "dist/cli.js"
+                "baseline-browser-mapping": "dist/cli.cjs"
+            },
+            "engines": {
+                "node": ">=6.0.0"
             }
         },
         "node_modules/brace-expansion": {
@@ -1201,8 +1201,8 @@
             }
         },
         "node_modules/caniuse-lite": {
-            "version": "1.0.30001769",
-            "integrity": "sha512-BCfFL1sHijQlBGWBMuJyhZUhzo7wer5sVj9hqekB/7xn0Ypy+pER/edCYQm4exbXj4WiySGp40P8UuTh6w1srg==",
+            "version": "1.0.30001774",
+            "integrity": "sha512-DDdwPGz99nmIEv216hKSgLD+D4ikHQHjBC/seF98N9CPqRX4M5mSxT9eTV6oyisnJcuzxtZy4n17yKKQYmYQOA==",
             "dev": true,
             "funding": [
                 {
@@ -1539,8 +1539,8 @@
             "license": "MIT"
         },
         "node_modules/electron-to-chromium": {
-            "version": "1.5.286",
-            "integrity": "sha512-9tfDXhJ4RKFNerfjdCcZfufu49vg620741MNs26a9+bhLThdB+plgMeou98CAaHu/WATj2iHOOHTp1hWtABj2A==",
+            "version": "1.5.302",
+            "integrity": "sha512-sM6HAN2LyK82IyPBpznDRqlTQAtuSaO+ShzFiWTvoMJLHyZ+Y39r8VMfHzwbU8MVBzQ4Wdn85+wlZl2TLGIlwg==",
             "dev": true,
             "license": "ISC"
         },
@@ -2655,12 +2655,12 @@
             }
         },
         "node_modules/minimatch": {
-            "version": "9.0.5",
-            "integrity": "sha512-G6T0ZX48xgozx7587koeX9Ys2NYy6Gmv//P89sEte9V9whIapMNF4idKxnW2QtCcLiTWlb/wfCabAtAFWhhBow==",
+            "version": "9.0.9",
+            "integrity": "sha512-OBwBN9AL4dqmETlpS2zasx+vTeWclWzkblfZk7KTA5j3jeOONz/tRCnZomUyvNg83wL5Zv9Ss6HMJXAgL8R2Yg==",
             "dev": true,
             "license": "ISC",
             "dependencies": {
-                "brace-expansion": "^2.0.1"
+                "brace-expansion": "^2.0.2"
             },
             "engines": {
                 "node": ">=16 || 14 >=14.17"
@@ -2679,10 +2679,10 @@
             }
         },
         "node_modules/minipass": {
-            "version": "7.1.2",
-            "integrity": "sha512-qOOzS1cBTWYF4BH8fVePDBOO9iptMnGUEZwNc/cMWnTV2nVLZ7VoNWEPHkYczZA0pdoA7dl6e7FL659nX9S2aw==",
+            "version": "7.1.3",
+            "integrity": "sha512-tEBHqDnIoM/1rXME1zgka9g6Q2lcoCkxHLuc7ODJ5BxbP5d4c2Z5cGgtXAku59200Cx7diuHTOYfSBD8n6mm8A==",
             "dev": true,
-            "license": "ISC",
+            "license": "BlueOak-1.0.0",
             "engines": {
                 "node": ">=16 || 14 >=14.17"
             }
@@ -3135,8 +3135,8 @@
             "license": "MIT"
         },
         "node_modules/qs": {
-            "version": "6.14.1",
-            "integrity": "sha512-4EK3+xJl8Ts67nLYNwqw/dsFVnCf+qR7RgXSK9jEEm9unao3njwMDdmsdvoKBKHzxd7tCYz5e5M+SnMjdtXGQQ==",
+            "version": "6.15.0",
+            "integrity": "sha512-mAZTtNCeetKMH+pSjrb76NAM8V9a05I9aBZOHztWy/UqcJdQYNsf59vrRKWnojAT9Y+GbIvoTBC++CPHqpDBhQ==",
             "dev": true,
             "license": "BSD-3-Clause",
             "dependencies": {
@@ -3555,12 +3555,12 @@
             }
         },
         "node_modules/strip-ansi": {
-            "version": "7.1.2",
-            "integrity": "sha512-gmBGslpoQJtgnMAvOVqGZpEz9dyoKTCzy2nfz/n8aIFhN/jCE/rCmcxabB6jOOHV+0WNnylOxaxBQPSvcWklhA==",
+            "version": "7.2.0",
+            "integrity": "sha512-yDPMNjp4WyfYBkHnjIRLfca1i6KMyGCtsVgoKe/z1+6vukgaENdgGBZt+ZmKPc4gavvEZ5OgHfHdrazhgNyG7w==",
             "dev": true,
             "license": "MIT",
             "dependencies": {
-                "ansi-regex": "^6.0.1"
+                "ansi-regex": "^6.2.2"
             },
             "engines": {
                 "node": ">=12"
@@ -3669,8 +3669,8 @@
             }
         },
         "node_modules/tar": {
-            "version": "7.5.7",
-            "integrity": "sha512-fov56fJiRuThVFXD6o6/Q354S7pnWMJIVlDBYijsTNx6jKSE4pvrDTs6lUnmGvNyfJwFQQwWy3owKz1ucIhveQ==",
+            "version": "7.5.9",
+            "integrity": "sha512-BTLcK0xsDh2+PUe9F6c2TlRp4zOOBMTkoQHQIWSIzI0R7KG46uEwq4OPk2W7bZcprBMsuaeFsqwYr7pjh6CuHg==",
             "dev": true,
             "license": "BlueOak-1.0.0",
             "dependencies": {
@@ -3958,8 +3958,8 @@
             }
         },
         "node_modules/undici-types": {
-            "version": "7.16.0",
-            "integrity": "sha512-Zz+aZWSj8LE6zoxD+xrjh4VfkIG8Ya6LvYkZqtUQGJPZjYl53ypCaUwWqo7eI0x66KBGeRo+mlBEkMSeSZ38Nw==",
+            "version": "7.18.2",
+            "integrity": "sha512-AsuCzffGHJybSaRrmr5eHr81mwJU3kjw6M+uprWvCXiNeN9SOGwQ3Jn8jb8m3Z6izVgknn1R0FTCEAP2QrLY/w==",
             "dev": true,
             "license": "MIT"
         },
@@ -4047,15 +4047,9 @@
                 "node": ">=10.13.0"
             }
         },
-        "node_modules/web-worker": {
-            "version": "1.5.0",
-            "integrity": "sha512-RiMReJrTAiA+mBjGONMnjVDP2u3p9R1vkcGz6gDIrOMT3oGuYwX2WRMYI9ipkphSuE5XKEhydbhNEJh4NY9mlw==",
-            "dev": true,
-            "license": "Apache-2.0"
-        },
         "node_modules/webpack": {
-            "version": "5.105.0",
-            "integrity": "sha512-gX/dMkRQc7QOMzgTe6KsYFM7DxeIONQSui1s0n/0xht36HvrgbxtM1xBlgx596NbpHuQU8P7QpKwrZYwUX48nw==",
+            "version": "5.105.3",
+            "integrity": "sha512-LLBBA4oLmT7sZdHiYE/PeVuifOxYyE2uL/V+9VQP7YSYdJU7bSf7H8bZRRxW8kEPMkmVjnrXmoR3oejIdX0xbg==",
             "dev": true,
             "license": "MIT",
             "dependencies": {
@@ -4065,7 +4059,7 @@
                 "@webassemblyjs/ast": "^1.14.1",
                 "@webassemblyjs/wasm-edit": "^1.14.1",
                 "@webassemblyjs/wasm-parser": "^1.14.1",
-                "acorn": "^8.15.0",
+                "acorn": "^8.16.0",
                 "acorn-import-phases": "^1.0.3",
                 "browserslist": "^4.28.1",
                 "chrome-trace-event": "^1.0.2",
@@ -4083,7 +4077,7 @@
                 "tapable": "^2.3.0",
                 "terser-webpack-plugin": "^5.3.16",
                 "watchpack": "^2.5.1",
-                "webpack-sources": "^3.3.3"
+                "webpack-sources": "^3.3.4"
             },
             "bin": {
                 "webpack": "bin/webpack.js"
@@ -4158,8 +4152,8 @@
             }
         },
         "node_modules/webpack-sources": {
-            "version": "3.3.3",
-            "integrity": "sha512-yd1RBzSGanHkitROoPFd6qsrxt+oFhg/129YzheDGqeustzX0vTZJZsSsQjVQC4yzBQ56K55XU8gaNCtIzOnTg==",
+            "version": "3.3.4",
+            "integrity": "sha512-7tP1PdV4vF+lYPnkMR0jMY5/la2ub5Fc/8VQrrU+lXkiM6C4TjVfGw7iKfyhnTQOsD+6Q/iKw0eFciziRgD58Q==",
             "dev": true,
             "license": "MIT",
             "engines": {

package/package.json

@@ -1,9 +1,15 @@
 {
   "name": "@wavemaker/foundation-css",
-  "version": "11.14.3-rc.6401",
+  "version": "11.15.0-2.247",
   "description": "Foundation of CSS used in WaveMaker with custom widgets.",
-  "main": "foundation.css",
   "type": "module",
+  "main": "foundation.css",
+  "types": "dist/styles/index.d.ts",
+  "style": "foundation.css",
+  "exports": {
+    "import": "./index",
+    "require": "./cjs/foundation-css.cjs"
+  },
   "scripts": {
     "build": "npm run clean && npm run build:style-dist &&  tsc  && npm run build:cjs  && npm run compile-css && npm run minify-css && npm run copy-fonts && npm run copy-tokens && npm run copy-mobile-styles && npm run copy-mobile-variants && npm run copy-mobile-studio-styles && node ./scripts/build.js post-build",
     "build:style-dist": "node scripts/style-dictionary/build-web.js && node scripts/style-dictionary/build-mobile.js",
@@ -38,10 +44,5 @@
   "license": "ISC",
   "dependencies": {
     "chroma-js": "^3.1.2"
-  },
-  "style": "foundation.css",
-  "exports": {
-    "import": "./index",
-    "require": "./cjs/foundation-css.cjs"
   }
 }

package/src/styles/mobile/components/advanced/carousel.less

@@ -17,6 +17,8 @@
 }
 
 .app-carousel-active-slide {
+    padding-left: var(--wm-carousel-slide-padding-horizontal);
+    padding-right: var(--wm-carousel-slide-padding-horizontal);
 }
 .app-carousel-prev-btn {
 }
@@ -99,6 +101,14 @@
 .app-carousel-active-dot {
     opacity: var(--wm-carousel-dots-opacity);
     background-color: var(--wm-carousel-dots-background);
+    width: var(--wm-carousel-dots-width);
+    height: var(--wm-carousel-dots-height);
+    border-radius: var(--wm-carousel-dots-border-radius);
+    border-color: var(--wm-carousel-dots-border-color);
+    margin-left: var(--wm-carousel-dots-margin-left);
+    margin-right: var(--wm-carousel-dots-margin-right);
+    background-color: var(--wm-carousel-dots-background);
+    border-width: var(--wm-carousel-dots-border-width);
 }
 
 .app-carousel-skeleton {

package/src/styles/mobile/components/advanced/webview.less

@@ -1,3 +1,7 @@
-.app-webview-container {
-    min-height: var(--wm-webview-container-min-height);
+.app-webview {
+  background-color: var(--wm-webview-background-color);
+  padding-right: var(--wm-webview-padding-right);
+  padding-left: var(--wm-webview-padding-left);
+  padding-bottom: var(--wm-webview-padding-bottom);
+  padding-top: var(--wm-webview-padding-top);
 }

package/src/styles/mobile/components/basic/anchor.less

@@ -5,8 +5,8 @@
 
 .app-anchor-text {
     color: var(--wm-anchor-color);
-    padding-left: var(--wm-space-2);
-    padding-right: var(--wm-space-2);
+    padding-left: var(--wm-anchor-text-padding-left);
+    padding-right: var(--wm-anchor-text-padding-right);
     font-size: var(--wm-anchor-font-size);
     font-family: var(--wm-anchor-font-family);
     font-weight: var(--wm-anchor-font-weight);

package/src/styles/mobile/components/basic/bottomsheet.less

@@ -8,6 +8,12 @@
     border-top-left-radius: var(--wm-bottomsheet-border-radius); 
     margin-left: var(--wm-bottomsheet-margin-left); 
     margin-right: var(--wm-bottomsheet-margin-right); 
+    border-top-width: var(--wm-bottomsheet-border-width-top); 
+    border-bottom-width: var(--wm-bottomsheet-border-width-bottom); 
+    border-left-width: var(--wm-bottomsheet-border-width-left); 
+    border-right-width: var(--wm-bottomsheet-border-width-right); 
+    border-color: var(--wm-bottomsheet-border-color);
+    border-style: var(--wm-bottomsheet-border-style);
 }
 
 .app-bottomsheet-draghandle-container {

package/src/styles/mobile/components/basic/button.less

@@ -9,7 +9,6 @@
     border-radius: var(--wm-btn-radius);
     ripple-color: var(--wm-btn-ripple-color);
     box-shadow: var(--wm-btn-shadow);
-    align-self: flex-start;
     flex-direction: column;
     overflow: hidden;
     min-width: var(--wm-btn-min-width);
@@ -51,16 +50,20 @@
     padding-right: var(--wm-space-0);
     padding-top: var(--wm-space-0);
     padding-bottom: var(--wm-space-0);
-    min-width: var(--wm-btn-icon-size);
-    width: var(--wm-btn-icon-size);
-    height: var(--wm-btn-icon-size);
-    font-size: var(--wm-btn-icon-size);
 }
 
 .app-button-icon .app-icon{
     color: var(--wm-btn-color);
 }
 
+.app-button-icon .app-icon-shape {
+    min-width: var(--wm-btn-icon-size);
+    width: var(--wm-btn-icon-size);
+    height: var(--wm-btn-icon-size);
+    font-size: var(--wm-btn-icon-size);
+    line-height: var(--wm-btn-icon-size);
+}
+
 .app-button-skeleton {
     width: var(--wm-btn-skeleton-width);
     height: var(--wm-btn-skeleton-height);
@@ -70,4 +73,13 @@
     width: 100%;
 }
 
+.app-button-disabled .app-button {
+    color: var(--wm-btn-color);
+    background-color: var(--wm-btn-background);
+    border-color: var(--wm-btn-border-color);
+    opacity: var(--wm-btn-opacity);
+    cursor: var(--wm-btn-cursor);
+    box-shadow: var(--wm-btn-shadow);
+}
+
 @import (optional) url('../variables/button.variant.less');

package/src/styles/mobile/components/basic/buttongroup.less

@@ -1,12 +1,13 @@
-
 .app-buttongroup {
   flex-direction: row;
   border-radius: var(--wm-button-group-radius);
+  border-width:  var(--wm-button-group-border-width);
+  border-style: var(--wm-button-group-border-style);
+  border-color: var(--wm-button-group-border-color);
 }
 
 .btn-group-child-vertical {
   align-self: stretch;
-  flex-grow: 0;
 }
 
 .btn-group-vertical.app-buttongroup {
@@ -16,18 +17,33 @@
 
 .btn-group-child {
   background-color: var(--wm-btn-background);
+  border-top-width: var(--wm-btn-border-width);
+  border-bottom-width: var(--wm-btn-border-width);
+  border-left-width: var(--wm-btn-border-width);
+  border-right-width: var(--wm-btn-border-width);
+  border-color: var(--wm-btn-border-color);
 }
 
 .btn-group-first-child {
   background-color: var(--wm-btn-background);
-  border-top-left-radius: 0;
-  border-bottom-left-radius: 0;
+  border-top-width: var(--wm-btn-border-width);
+  border-bottom-width: var(--wm-btn-border-width);
+  border-left-width: var(--wm-btn-border-width);
+  border-right-width: var(--wm-btn-border-width);
+  border-color: var(--wm-btn-border-color);
+  border-top-left-radius: var(--wm-btn-radius);
+  border-bottom-left-radius: var(--wm-btn-radius);
 }
 
 .btn-group-last-child {
   background-color: var(--wm-btn-background);
-  border-top-right-radius: 0;
-  border-bottom-right-radius: 0;
+  border-top-width: var(--wm-btn-border-width);
+  border-bottom-width: var(--wm-btn-border-width);
+  border-left-width: var(--wm-btn-border-width);
+  border-right-width: var(--wm-btn-border-width);
+  border-color: var(--wm-btn-border-color);
+  border-top-right-radius: var(--wm-btn-radius);
+  border-bottom-right-radius: var(--wm-btn-radius);
 }
 
 .app-buttongroup-skeleton {