@genexus/mercury 0.12.7 → 0.12.9

package/dist/bundles/css/components/switch.css

@@ -0,0 +1 @@
+@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.switch-large,.switch-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:var(--mer-font__weight--regular);line-height:var(--mer-line-height--regular)}.switch-large::part(track),.switch-small::part(track){border-radius:var(--ch-switch-track-block-size);margin-inline-end:var(--mer-spacing--xs)}.switch-large::part(track disabled),.switch-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)}.switch-small{--ch-switch-track-block-size: 16px;--ch-switch-track-inline-size: 31px;--ch-switch-thumb-size: 9px}.switch-small::part(thumb unchecked){inset-inline-start:4px}.switch-small::part(thumb checked){inset-inline-start:calc(100% - var(--ch-switch-thumb-size) - 4px)}.switch-large{--ch-switch-track-block-size: 26px;--ch-switch-track-inline-size: 50px;--ch-switch-thumb-size: 16px}.switch-large::part(thumb unchecked){inset-inline-start:6px}.switch-large::part(thumb checked){inset-inline-start:calc(100% - var(--ch-switch-thumb-size) - 6px)}

package/dist/bundles/css/components/tree-view.css

@@ -1 +1 @@
-.tree-view::part(item__checkbox){--ch-checkbox__container-size: var(--control-tiny__size);--ch-checkbox__option-size: calc(var(--control-tiny__size) / 2);--ch-checkbox__image-size: var(--mer-icon__box--md);gap:var(--label__gap--inline)}.tree-view::part(item__checkbox):hover{--control__border-color: var(--control__border-color--hover)}.tree-view::part(item__checkbox-input){border-width:var(--control__border-width);border-style:var(--control__border-style);border-color:var(--control__border-color);border-radius:var(--control__border-radius)}.tree-view::part(item__checkbox-input):focus{outline:var(--focus__outline-width) var(--focus__outline-style) var(--focus__outline-color);outline-offset:var(--focus__outline-offset)}.tree-view::part(item__checkbox-option indeterminate){block-size:var(--mer-spacing--3xs)}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.tree-view{--tree-view-item__line-height: var(--mer-line-height--spaced);--ch-tree-view-item-custom-padding-inline-start: var(--mer-spacing--xs);--ch-tree-view-item-gap: var(--mer-spacing--xs);--ch-tree-view-item__checkbox-size: var(--mer-spacing--md);--ch-tree-view-item__expandable-button-size: var(--mer-spacing--md);--ch-tree-view-item__image-size: var(--mer-spacing--md);--ch-tree-view-item__background-image-size: var(--mer-icon__box--md);--ch-tree-view-item__line--inset-inline-end: 4px;--tree-view__min-inline-size: max-content;--tree-view-item-custom__padding-inline-end: var(--mer-spacing--2xs);--tree-view-item-dashed-line__border-color: var(--mer-text__on-surface);--tree-view-item-dashed-line__opacity: 0.3;--tree-view-item-header__padding-block: calc(var(--mer-spacing--3xs));--tree-view-item-downloading__inline-size: var(--mer-spacing--sm);--tree-view-item-downloading__block-size: var(--mer-spacing--sm);--tree-view-item-downloading__border: var(--mer-border__width--md) solid var(--mer-accent__primary--active);line-height:var(--item__line-height);font-size:var(--item__font-size);font-weight:var(--item__font-weight);--item__font-size: var(--item__font-size--small);line-height:var(--tree-view-item__line-height);min-inline-size:var(--tree-view__min-inline-size)}.tree-view::part(drag-preview){padding-inline:8px;background-color:var(--mer-surface__elevation--01);border-radius:10px;box-shadow:var(--mer-elevation__box-shadow--03);font-size:8px}.tree-view::part(item drag-enter){background-color:var(--tree-view-item__bg-color--hover);outline:var(--focus__outline-width) var(--focus__outline-style) var(--focus__outline-color);outline-offset:var(--focus__outline-offset)}.tree-view::part(drop)::after{background-color:var(--mer-color__primary--200)}.tree-view::part(item__header){background-color:var(--item__bg-color);border-color:var(--item__border-color);color:var(--item__color);border-radius:var(--item__border-radius);border:var(--item__border-width) var(--item__border-style) var(--item__border-color)}.tree-view::part(item__header):focus-visible{outline:var(--focus__outline-width) var(--focus__outline-style) var(--focus__outline-color);outline-offset:var(--focus__outline-offset)}.tree-view::part(item__header not-selected):hover{--item__bg-color: var(--item__bg-color--hover);--item__border-color: var(--item__border-color--hover);--item__color: var(--item__color--hover)}.tree-view::part(item__header selected){--item__bg-color: var(--item__bg-color--selected);--item__border-color: var(--item__border-color--selected);--item__color: var(--item__color--selected)}.tree-view::part(item__header selected):hover{--item__bg-color: var(--item__bg-color--selected-hover);--item__border-color: var(--item__border-color--selected-hover);--item__color: var(--item__color--selected-hover)}.tree-view::part(item__action){padding-block:var(--tree-view-item-header__padding-block)}.tree-view::part(item__line){border-color:var(--tree-view-item-dashed-line__border-color);opacity:var(--tree-view-item-dashed-line__opacity)}.tree-view::part(item__downloading){inline-size:var(--tree-view-item-downloading__inline-size);block-size:var(--tree-view-item-downloading__block-size);border:var(--tree-view-item-downloading__border);border-inline-start-color:rgba(0,0,0,0)}.tree-view{scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb__bg-color) var(--scrollbar-track__bg-color)}.tree-view::-webkit-scrollbar{width:var(--scrollbar__size);height:var(--scrollbar__size)}.tree-view::-webkit-scrollbar-track{background-color:var(--scrollbar-track__bg-color);border-radius:var(--scrollbar-track__border-radius)}.tree-view::-webkit-scrollbar-thumb{background-color:var(--scrollbar-thumb__bg-color);border-radius:var(--scrollbar-thumb__border-radius)}.tree-view::-webkit-scrollbar-corner{background:var(--scrollbar-corner__bg)}.tree-view::part(item__checkbox-input disabled){--control__border-color: var(--control__border-color--disabled)}.tree-view::part(item__checkbox-option disabled){--control__border-color: var(--control__border-color--disabled)}
+.tree-view::part(item__checkbox){--ch-checkbox__container-size: var(--control-tiny__size);--ch-checkbox__option-size: calc(var(--control-tiny__size) / 2);--ch-checkbox__image-size: var(--mer-icon__box--md);gap:var(--label__gap--inline)}.tree-view::part(item__checkbox):hover{--control__border-color: var(--control__border-color--hover)}.tree-view::part(item__checkbox-input){border-width:var(--control__border-width);border-style:var(--control__border-style);border-color:var(--control__border-color);border-radius:var(--control__border-radius)}.tree-view::part(item__checkbox-input):focus{outline:var(--focus__outline-width) var(--focus__outline-style) var(--focus__outline-color);outline-offset:var(--focus__outline-offset)}.tree-view::part(item__checkbox-option indeterminate){block-size:var(--mer-spacing--3xs)}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.tree-view{--tree-view-item__line-height: var(--mer-line-height--spaced);--ch-tree-view-item-custom-padding-inline-start: var(--mer-spacing--xs);--ch-tree-view-item-gap: var(--mer-spacing--xs);--ch-tree-view-item__checkbox-size: var(--mer-spacing--md);--ch-tree-view-item__expandable-button-size: var(--mer-spacing--md);--ch-tree-view-item__image-size: var(--mer-spacing--md);--ch-tree-view-item__background-image-size: var(--mer-icon__box--md);--ch-tree-view-item__line--inset-inline-end: 4px;--tree-view__min-inline-size: max-content;--tree-view-item-custom__padding-inline-end: var(--mer-spacing--2xs);--tree-view-item-dashed-line__border-color: var(--mer-text__on-surface);--tree-view-item-dashed-line__opacity: 0.3;--tree-view-item-header__padding-block: calc(var(--mer-spacing--3xs));--tree-view-item-downloading__inline-size: var(--mer-spacing--sm);--tree-view-item-downloading__block-size: var(--mer-spacing--sm);--tree-view-item-downloading__border: var(--mer-border__width--md) solid var(--mer-accent__primary--active);line-height:var(--item__line-height);font-size:var(--item__font-size);font-weight:var(--item__font-weight);--item__font-size: var(--item__font-size--small);line-height:var(--tree-view-item__line-height);min-inline-size:var(--tree-view__min-inline-size)}.tree-view::part(drag-preview){padding-inline:8px;background-color:var(--mer-surface__elevation--01);border-radius:10px;box-shadow:var(--mer-elevation__box-shadow--03);font-size:8px}.tree-view::part(item drag-enter){background-color:var(--tree-view-item__bg-color--hover);outline:var(--focus__outline-width) var(--focus__outline-style) var(--focus__outline-color);outline-offset:var(--focus__outline-offset)}.tree-view::part(drop)::after{background-color:var(--mer-color__primary--200)}.tree-view::part(item__header){min-inline-size:var(--tree-view__min-inline-size);background-color:var(--item__bg-color);border-color:var(--item__border-color);color:var(--item__color);border-radius:var(--item__border-radius);border:var(--item__border-width) var(--item__border-style) var(--item__border-color)}.tree-view::part(item__header):focus-visible{outline:var(--focus__outline-width) var(--focus__outline-style) var(--focus__outline-color);outline-offset:var(--focus__outline-offset)}.tree-view::part(item__header not-selected):hover{--item__bg-color: var(--item__bg-color--hover);--item__border-color: var(--item__border-color--hover);--item__color: var(--item__color--hover)}.tree-view::part(item__header selected){--item__bg-color: var(--item__bg-color--selected);--item__border-color: var(--item__border-color--selected);--item__color: var(--item__color--selected)}.tree-view::part(item__header selected):hover{--item__bg-color: var(--item__bg-color--selected-hover);--item__border-color: var(--item__border-color--selected-hover);--item__color: var(--item__color--selected-hover)}.tree-view::part(item__action){padding-block:var(--tree-view-item-header__padding-block)}.tree-view::part(item__line){border-color:var(--tree-view-item-dashed-line__border-color);opacity:var(--tree-view-item-dashed-line__opacity)}.tree-view::part(item__downloading){inline-size:var(--tree-view-item-downloading__inline-size);block-size:var(--tree-view-item-downloading__block-size);border:var(--tree-view-item-downloading__border);border-inline-start-color:rgba(0,0,0,0)}.tree-view{scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb__bg-color) var(--scrollbar-track__bg-color)}.tree-view::-webkit-scrollbar{width:var(--scrollbar__size);height:var(--scrollbar__size)}.tree-view::-webkit-scrollbar-track{background-color:var(--scrollbar-track__bg-color);border-radius:var(--scrollbar-track__border-radius)}.tree-view::-webkit-scrollbar-thumb{background-color:var(--scrollbar-thumb__bg-color);border-radius:var(--scrollbar-thumb__border-radius)}.tree-view::-webkit-scrollbar-corner{background:var(--scrollbar-corner__bg)}.tree-view::part(item__checkbox-input disabled){--control__border-color: var(--control__border-color--disabled)}.tree-view::part(item__checkbox-option disabled){--control__border-color: var(--control__border-color--disabled)}

package/dist/bundles/scss/components/switch.scss

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

package/dist/bundles.d.ts

@@ -203,11 +203,11 @@ export declare const getThemeBundles: (basePath: string) => [{
     readonly attachStyleSheet: boolean;
 }, {
     readonly name: BundleNames;
-    readonly url: `${string}components/toggle.css`;
+    readonly url: `${string}components/switch.css`;
     readonly attachStyleSheet?: undefined;
 } | {
     readonly name: BundleNames;
-    readonly url: `${string}components/toggle.css`;
+    readonly url: `${string}components/switch.css`;
     readonly attachStyleSheet: boolean;
 }, {
     readonly name: BundleNames;

package/dist/bundles.js

@@ -1 +1 @@
-"use strict";const n=(o,c,p=void 0)=>p===void 0?{name:c,url:`${o}${c}.css`}:{name:c,url:`${o}${c}.css`,attachStyleSheet:p};export const getThemeBundles=o=>[n(o,"components/accordion"),n(o,"components/button"),n(o,"components/chat"),n(o,"components/checkbox"),n(o,"components/code"),n(o,"components/combo-box"),n(o,"components/flexible-layout"),n(o,"components/dialog"),n(o,"components/dropdown"),n(o,"components/icon"),n(o,"components/edit"),n(o,"components/layout-splitter"),n(o,"components/list-box"),n(o,"components/markdown-viewer",!1),n(o,"components/navigation-list"),n(o,"components/pills"),n(o,"components/radio-group"),n(o,"components/segmented-control"),n(o,"components/sidebar"),n(o,"components/slider"),n(o,"components/tab"),n(o,"components/tabular-grid"),n(o,"components/ticket-list"),n(o,"components/toggle"),n(o,"components/tooltip"),n(o,"components/tree-view"),n(o,"components/widget"),n(o,"resets/box-sizing"),n(o,"utils/form"),n(o,"utils/elevation"),n(o,"utils/form--full"),n(o,"utils/layout"),n(o,"utils/spacing"),n(o,"utils/typography"),n(o,"chameleon/scrollbar")],getBundles=(o,c)=>c?o.map(p=>n(c,p)):o;
+"use strict";const n=(o,c,p=void 0)=>p===void 0?{name:c,url:`${o}${c}.css`}:{name:c,url:`${o}${c}.css`,attachStyleSheet:p};export const getThemeBundles=o=>[n(o,"components/accordion"),n(o,"components/button"),n(o,"components/chat"),n(o,"components/checkbox"),n(o,"components/code"),n(o,"components/combo-box"),n(o,"components/flexible-layout"),n(o,"components/dialog"),n(o,"components/dropdown"),n(o,"components/icon"),n(o,"components/edit"),n(o,"components/layout-splitter"),n(o,"components/list-box"),n(o,"components/markdown-viewer",!1),n(o,"components/navigation-list"),n(o,"components/pills"),n(o,"components/radio-group"),n(o,"components/segmented-control"),n(o,"components/sidebar"),n(o,"components/slider"),n(o,"components/tab"),n(o,"components/tabular-grid"),n(o,"components/ticket-list"),n(o,"components/switch"),n(o,"components/tooltip"),n(o,"components/tree-view"),n(o,"components/widget"),n(o,"resets/box-sizing"),n(o,"utils/form"),n(o,"utils/elevation"),n(o,"utils/form--full"),n(o,"utils/layout"),n(o,"utils/spacing"),n(o,"utils/typography"),n(o,"chameleon/scrollbar")],getBundles=(o,c)=>c?o.map(p=>n(c,p)):o;

package/dist/mercury.scss

@@ -10611,7 +10611,7 @@
   }
 }
 
-%toggle-basic {
+%switch-basic {
   --ch-switch-track__unchecked-background-color: var(
     --mer-color__neutral-gray--650
   );
@@ -10621,7 +10621,8 @@
   --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; // TODO: USE THE RIGHT TOKEN AND LINE-HEIGHT
+  font-weight: var(--mer-font__weight--regular);
+  line-height: var(--mer-line-height--regular);
 
   &__track {
     border-radius: var(--ch-switch-track-block-size);
@@ -10643,12 +10644,12 @@
 
   &__caption {
     &--checked {
-      font-weight: 600;
+      // Font weight shouldn't change, since it causes a subtle inline-size shift, moving surrounding elements.
     }
   }
 }
 
-%toggle-small {
+%switch-small {
   --ch-switch-track-block-size: 16px;
   --ch-switch-track-inline-size: 31px;
   --ch-switch-thumb-size: 9px;
@@ -10664,7 +10665,7 @@
   }
 }
 
-%toggle-large {
+%switch-large {
   --ch-switch-track-block-size: 26px;
   --ch-switch-track-inline-size: 50px;
   --ch-switch-thumb-size: 16px;
@@ -10680,77 +10681,77 @@
   }
 }
 
-@mixin toggle-small(
-  $toggle-selector: ".toggle-small",
-  $track-selector: ".toggle-small::part(track)",
-  $track--disabled-selector: ".toggle-small::part(track disabled)",
-  $thumb--unchecked-selector: ".toggle-small::part(thumb unchecked)",
-  $thumb--checked-selector: ".toggle-small::part(thumb checked)",
-  $caption--checked-selector: ".toggle-small::part(caption checked)",
+@mixin switch-small(
+  $switch-selector: ".switch-small",
+  $track-selector: ".switch-small::part(track)",
+  $track--disabled-selector: ".switch-small::part(track disabled)",
+  $thumb--unchecked-selector: ".switch-small::part(thumb unchecked)",
+  $thumb--checked-selector: ".switch-small::part(thumb checked)",
+  $caption--checked-selector: ".switch-small::part(caption checked)",
   $add--disabled: true
 ) {
-  #{$toggle-selector} {
-    @extend %toggle-basic;
-    @extend %toggle-small;
+  #{$switch-selector} {
+    @extend %switch-basic;
+    @extend %switch-small;
   }
 
   #{$track-selector} {
-    @extend %toggle-basic__track;
+    @extend %switch-basic__track;
   }
 
   @if $add--disabled {
     #{$track--disabled-selector} {
-      @extend %toggle-basic__track--disabled;
+      @extend %switch-basic__track--disabled;
     }
   }
 
   #{$thumb--unchecked-selector} {
-    @extend %toggle-small__thumb--unchecked;
+    @extend %switch-small__thumb--unchecked;
   }
 
   #{$thumb--checked-selector} {
-    @extend %toggle-small__thumb--checked;
+    @extend %switch-small__thumb--checked;
   }
 
   #{$caption--checked-selector} {
-    @extend %toggle-basic__caption--checked;
+    @extend %switch-basic__caption--checked;
   }
 }
 
-@mixin toggle-large(
-  $toggle-selector: ".toggle-large",
-  $track-selector: ".toggle-large::part(track)",
-  $track--disabled-selector: ".toggle-large::part(track disabled)",
-  $thumb--unchecked-selector: ".toggle-large::part(thumb unchecked)",
-  $thumb--checked-selector: ".toggle-large::part(thumb checked)",
-  $caption--checked-selector: ".toggle-large::part(caption checked)",
+@mixin switch-large(
+  $switch-selector: ".switch-large",
+  $track-selector: ".switch-large::part(track)",
+  $track--disabled-selector: ".switch-large::part(track disabled)",
+  $thumb--unchecked-selector: ".switch-large::part(thumb unchecked)",
+  $thumb--checked-selector: ".switch-large::part(thumb checked)",
+  $caption--checked-selector: ".switch-large::part(caption checked)",
   $add--disabled: true
 ) {
-  #{$toggle-selector} {
-    @extend %toggle-basic;
-    @extend %toggle-large;
+  #{$switch-selector} {
+    @extend %switch-basic;
+    @extend %switch-large;
   }
 
   #{$track-selector} {
-    @extend %toggle-basic__track;
+    @extend %switch-basic__track;
   }
 
   @if $add--disabled {
     #{$track--disabled-selector} {
-      @extend %toggle-basic__track--disabled;
+      @extend %switch-basic__track--disabled;
     }
   }
 
   #{$thumb--unchecked-selector} {
-    @extend %toggle-large__thumb--unchecked;
+    @extend %switch-large__thumb--unchecked;
   }
 
   #{$thumb--checked-selector} {
-    @extend %toggle-large__thumb--checked;
+    @extend %switch-large__thumb--checked;
   }
 
   #{$caption--checked-selector} {
-    @extend %toggle-basic__caption--checked;
+    @extend %switch-basic__caption--checked;
   }
 }
 
@@ -10880,6 +10881,7 @@
 }
 
 %tree-view-item__header {
+  min-inline-size: var(--tree-view__min-inline-size);
   @include item-colors-enabled();
   @include item-border-radius();
   @include item-border();
@@ -11194,7 +11196,7 @@
   $tab: true,
   $tabular-grid: true,
   $ticket-list: true,
-  $toggle: true,
+  $switch: true,
   $tooltip: true,
   $tree-view: true,
   $widget: true
@@ -22973,9 +22975,9 @@
     @include ticket-list();
   }
 
-  @if $toggle {
-    @include toggle-small();
-    @include toggle-large();
+  @if $switch {
+    @include switch-small();
+    @include switch-large();
   }
 
   @if $tooltip {
@@ -23061,7 +23063,7 @@
   $tab: false,
   $tabular-grid: false,
   $ticket-list: false,
-  $toggle: false,
+  $switch: false,
   $tooltip: false,
   $tree-view: false,
   $widget: false
@@ -23136,7 +23138,7 @@
     $tab: $tab,
     $tabular-grid: $tabular-grid,
     $ticket-list: $ticket-list,
-    $toggle: $toggle,
+    $switch: $switch,
     $tooltip: $tooltip,
     $tree-view: $tree-view,
     $widget: $widget

package/dist/types.d.ts

@@ -3,7 +3,7 @@ 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";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@genexus/mercury",
-  "version": "0.12.7",
+  "version": "0.12.9",
   "description": "Mercury is the design system designed for GeneXus IDE Web and GeneXus Next",
   "main": "./dist/index.js",
   "module": "./dist/index.js",

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);