@genexus/mercury 0.12.8 → 0.13.0

package/dist/types.d.ts

@@ -3,10 +3,13 @@ export type MercuryBundleOptimized = MercuryBundleComponent | MercuryBundleCompo
 export type MercuryBundleFull = MercuryBundleComponent | MercuryBundleUtil | MercuryBundleUtilFormFull;
 export type MercuryBundleBase = "base/base" | "base/icons";
 export type MercuryBundleComponent = "components/accordion" | "components/chat" | "components/code" | "components/dialog" | "components/dropdown" | "components/flexible-layout" | "components/layout-splitter" | "components/list-box" | "components/markdown-viewer" | "components/navigation-list" | "components/pills" | "components/segmented-control" | "components/sidebar" | "components/tab" | "components/tabular-grid" | "components/ticket-list" | "components/tooltip" | "components/tree-view" | "components/widget";
-export type MercuryBundleComponentForm = "components/button" | "components/checkbox" | "components/combo-box" | "components/edit" | "components/icon" | "components/radio-group" | "components/slider" | "components/toggle";
+export type MercuryBundleComponentForm = "components/button" | "components/checkbox" | "components/combo-box" | "components/edit" | "components/icon" | "components/radio-group" | "components/slider" | "components/switch";
 export type MercuryBundleReset = "resets/box-sizing";
 export type MercuryBundleUtil = "utils/elevation" | "utils/form" | "utils/layout" | "utils/spacing" | "utils/typography" | "chameleon/scrollbar";
 export type MercuryBundleUtilFormFull = "utils/form--full";
+export type MercuryBundleMapping = {
+    [key in MercuryBundleComponent | MercuryBundleComponentForm | MercuryBundleReset | MercuryBundleUtil | MercuryBundleUtilFormFull]: `${key}-${string}` | key;
+};
 export type AssetsMetadata = {
     category: string;
     name: string;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@genexus/mercury",
-  "version": "0.12.8",
+  "version": "0.13.0",
   "description": "Mercury is the design system designed for GeneXus IDE Web and GeneXus Next",
   "main": "./dist/index.js",
   "module": "./dist/index.js",
@@ -9,6 +9,9 @@
     "dist/"
   ],
   "type": "module",
+  "bin": {
+    "mercury": "./dist/cli/mercury.js"
+  },
   "exports": {
     ".": {
       "import": {
@@ -16,6 +19,12 @@
         "default": "./dist/index.js"
       }
     },
+    "./MERCURY_ASSETS.js": {
+      "import": {
+        "types": "./dist/assets/MERCURY_ASSETS.d.ts",
+        "default": "./dist/assets/MERCURY_ASSETS.js"
+      }
+    },
     "./assets-manager.js": {
       "import": {
         "types": "./dist/assets-manager.d.ts",
@@ -40,8 +49,8 @@
     "build": "npm run build.js && npm run icons-svg && npm run icons-sass && npm run build.scss && npm run copy-tasks && npm run showcase.scss",
     "build.js": "tsc && esbuild dist/*.js --allow-overwrite --minify --outdir=dist && esbuild dist/assets/*.js --allow-overwrite --minify --outdir=dist/assets",
     "build-no-svg": "npm run build.js && npm run build.scss && npm run copy-tasks",
-    "build.scss": "scss-bundle -e ./src/mercury.scss -o dist/mercury.scss && npm run build.bundles && npm run copy-all.css",
-    "build.bundles": "fse copy --all --keepExisting --errorOnExist --dereference --preserveTimestamps --quiet src/bundles/scss dist/bundles/scss && sass --load-path=src --no-source-map --style compressed dist/bundles/scss:dist/bundles/css",
+    "build.scss": "scss-bundle -e ./src/mercury.scss -o dist/mercury.scss && npm run build.bundles",
+    "build.bundles": "node dist/cli/bundle.js",
     "start": "vite --port 5200 --open showcase/button.html",
     "validate.ci": "npm run build-no-svg",
     "icons-svg": "ssg-svg --srcDir=src/icons/svg-source --outDir=src/assets/icons/_generated/ --configFilePath=src/icons/svg-source/.config/color-states.json --showcaseDir=showcase/icons/ --showcaseBaseHref=../assets/icons/ --logDir=./log --objectFilePath=src/assets/MERCURY_ASSETS.ts --defaultColorType=on-surface",
@@ -57,6 +66,7 @@
     "@atao60/fse-cli": "^0.1.9",
     "@genexus/chameleon-controls-library": "6.0.0-next.55",
     "@genexus/svg-sass-generator": "1.1.24",
+    "@types/node": "~22.10.5",
     "chokidar": "^3.6.0",
     "chokidar-cli": "^3.0.0",
     "esbuild": "0.24.0",

package/dist/bundles/css/components/toggle.css

@@ -1 +0,0 @@
-@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.toggle-large,.toggle-small{--ch-switch-track__unchecked-background-color: var( --mer-color__neutral-gray--650 );--ch-switch-track__checked-background-color: var( --mer-color__tinted-primary--50 );--ch-switch-thumb__unchecked-background-color: var(--mer-icon__neutral);--ch-switch-thumb__checked-background-color: var(--mer-icon__neutral);--ch-switch-thumb__state-transition-duration: 150ms;font-weight:400}.toggle-large::part(track),.toggle-small::part(track){border-radius:var(--ch-switch-track-block-size);margin-inline-end:var(--mer-spacing--xs)}.toggle-large::part(track disabled),.toggle-small::part(track disabled){--ch-switch-track__unchecked-background-color: var( --mer-accent__primary--disabled );--ch-switch-track__checked-background-color: var( --mer-accent__primary--disabled );--ch-switch-thumb__unchecked-background-color: var( --mer-icon__on-disabled );--ch-switch-thumb__checked-background-color: var(--mer-icon__on-disabled)}.toggle-large::part(caption checked),.toggle-small::part(caption checked){font-weight:600}.toggle-small{--ch-switch-track-block-size: 16px;--ch-switch-track-inline-size: 31px;--ch-switch-thumb-size: 9px}.toggle-small::part(thumb unchecked){inset-inline-start:4px}.toggle-small::part(thumb checked){inset-inline-start:calc(100% - var(--ch-switch-thumb-size) - 4px)}.toggle-large{--ch-switch-track-block-size: 26px;--ch-switch-track-inline-size: 50px;--ch-switch-thumb-size: 16px}.toggle-large::part(thumb unchecked){inset-inline-start:6px}.toggle-large::part(thumb checked){inset-inline-start:calc(100% - var(--ch-switch-thumb-size) - 6px)}

package/dist/bundles/scss/components/toggle.scss

@@ -1,3 +0,0 @@
-@import "../../../mercury.scss";
-
-@include mercury-only($components: true, $toggle: true);