@codeenvision/ui-webcomponents 1.0.6 → 1.0.9

package/dist/components/web-components/context-menu.js

@@ -77,6 +77,40 @@ const parseContextMenuItems = (wrapper) => {
     };
     return parseNodes(wrapper);
 };
+const parseLightDomContextMenuItems = (host) => {
+    const nodes = Array.from(host.children);
+    return nodes.flatMap((node) => {
+        if (node.matches("ce-context-menu-divider")) {
+            return [{ type: "divider", label: node.getAttribute("label") ?? undefined }];
+        }
+        if (node.matches("ce-context-menu-section")) {
+            return [
+                {
+                    type: "section",
+                    label: node.getAttribute("label") ?? undefined,
+                    description: node.getAttribute("description") ?? undefined,
+                    items: parseLightDomContextMenuItems(node),
+                },
+            ];
+        }
+        if (node.matches("ce-context-menu-item")) {
+            const icon = node.getAttribute("icon");
+            return [
+                {
+                    id: node.getAttribute("item-id") ?? node.getAttribute("id") ?? undefined,
+                    label: node.getAttribute("label") ?? node.textContent?.trim() ?? "",
+                    icon: icon ? `<ce-icon name="${escapeHtml(icon)}" size="16" aria-hidden="true"></ce-icon>` : undefined,
+                    shortcut: node.getAttribute("shortcut") ?? undefined,
+                    description: node.getAttribute("description") ?? undefined,
+                    disabled: node.hasAttribute("disabled"),
+                    variant: node.getAttribute("variant") ?? undefined,
+                    metadata: node.getAttribute("value") ? { value: node.getAttribute("value") } : undefined,
+                },
+            ];
+        }
+        return [];
+    });
+};
 const contextMenuComponent = {
     mount({ target, props, on }) {
         const host = target;
@@ -93,6 +127,9 @@ const contextMenuComponent = {
                 currentProps.theme = existingWrapper.classList.contains("ce-context-menu--dark") ? "dark" : "light";
             }
         }
+        else if (!Array.isArray(currentProps.items) || currentProps.items.length === 0) {
+            currentProps.items = parseLightDomContextMenuItems(host);
+        }
         let instance;
         const render = () => {
             if (!wrapper) {
@@ -158,6 +195,12 @@ const contextMenuComponent = {
         return `<div class="ce-context-menu${themeClass}" data-ce-component="context-menu" part="base" role="menu">${renderItems(items)}</div>`;
     },
 };
+const escapeHtml = (value) => value
+    .replace(/&/g, "&amp;")
+    .replace(/</g, "&lt;")
+    .replace(/>/g, "&gt;")
+    .replace(/"/g, "&quot;")
+    .replace(/'/g, "&#39;");
 export function registerContextMenuElement() {
     return defineComponentElement({
         tag: "ce-context-menu",

package/dist/components/web-components/context-menu.js.map

@@ -1 +1 @@
-{"version":3,"file":"context-menu.js","sourceRoot":"","sources":["../../../components/web-components/context-menu.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"context-menu.js","sourceRoot":"","sources":["../../../components/web-components/context-menu.ts"],"names":[],"mappings":"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"}

package/dist/styles/ce-webcomponents.css

@@ -327,7 +327,8 @@
   flex: 1 1 auto;
   min-width: 0;
 }
-.ce-accordion__indicator {
+.ce-accordion__header::after {
+  content: "";
   width: var(--ce-accordion-indicator-size, 0.6rem);
   height: var(--ce-accordion-indicator-size, 0.6rem);
   flex: 0 0 auto;
@@ -337,7 +338,7 @@
   transform: rotate(45deg);
   transition: transform var(--ce-accordion-indicator-transition, 160ms ease), opacity 160ms ease;
 }
-.ce-accordion__item.is-open .ce-accordion__indicator {
+.ce-accordion__item.is-open .ce-accordion__header::after {
   transform: rotate(-135deg);
   opacity: 1;
 }
@@ -447,12 +448,14 @@
 
 .ce-atmcard {
   display: grid;
-  inline-size: min(100%, var(--ce-atmcard-width, 320px));
+  grid-template-rows: auto 1fr auto auto;
+  grid-template-columns: minmax(0, 1fr) auto;
+  inline-size: min(100%, var(--ce-atmcard-width, 380px));
   max-inline-size: 100%;
-  min-inline-size: 0;
+  min-inline-size: min(100%, 280px);
   aspect-ratio: var(--ce-atmcard-aspect-ratio, 1.6/1);
-  border-radius: var(--ce-atmcard-radius, 16px);
-  padding: var(--ce-atmcard-padding, 1rem);
+  border-radius: var(--ce-atmcard-radius, 24px);
+  padding: var(--ce-atmcard-padding, clamp(1rem, 4vw, 1.35rem));
   color: var(--ce-atmcard-color, #0f172a);
   background: var(--ce-atmcard-bg, radial-gradient(circle at 30% 20%, rgba(37, 99, 235, 0.25), transparent 35%), radial-gradient(circle at 80% 10%, rgba(99, 102, 241, 0.25), transparent 35%), linear-gradient(135deg, #e0e7ff, #cbd5f5));
   border-width: var(--ce-atmcard-border-width, 0);
@@ -464,7 +467,7 @@
   isolation: var(--ce-atmcard-isolation, isolate);
   transition: var(--ce-atmcard-transition, box-shadow 0.25s ease, transform 0.25s ease);
   overflow: hidden;
-  gap: var(--ce-atmcard-gap, 0.35rem);
+  gap: var(--ce-atmcard-gap, 0.65rem);
   justify-self: stretch;
 }
 .ce-atmcard:hover {
@@ -504,6 +507,8 @@
   pointer-events: none;
 }
 .ce-atmcard__brand {
+  grid-column: 1/2;
+  grid-row: 1;
   font-weight: var(--ce-atmcard-brand-weight, 700);
   font-size: var(--ce-atmcard-brand-size, inherit);
   letter-spacing: var(--ce-atmcard-brand-letter-spacing, 0.02em);
@@ -511,11 +516,14 @@
   min-inline-size: 0;
 }
 .ce-atmcard__chip {
+  grid-column: 1/2;
+  grid-row: 2;
+  align-self: center;
   width: var(--ce-atmcard-chip-width, 52px);
   height: var(--ce-atmcard-chip-height, 38px);
   border-radius: var(--ce-atmcard-chip-radius, 6px);
   background: var(--ce-atmcard-chip-bg, linear-gradient(135deg, #facc15, #f59e0b));
-  margin-top: var(--ce-atmcard-chip-margin-top, 0.35rem);
+  margin-top: var(--ce-atmcard-chip-margin-top, 0);
   box-shadow: var(--ce-atmcard-chip-shadow, inset 0 0 0 2px rgba(0, 0, 0, 0.12));
   transition: var(--ce-atmcard-chip-transition, transform 0.2s ease);
 }
@@ -523,18 +531,22 @@
   transform: scale(1.01);
 }
 .ce-atmcard__number {
+  grid-column: 1/-1;
+  grid-row: 3;
   font-family: var(--ce-atmcard-number-font, "SFMono-Regular", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);
   font-size: clamp(0.95rem, 2.8vw, var(--ce-atmcard-number-size, 1.1rem));
   letter-spacing: clamp(0.05em, 0.18vw, var(--ce-atmcard-number-letter-spacing, 0.12em));
-  margin-top: var(--ce-atmcard-number-margin-top, 0.5rem);
+  margin-top: var(--ce-atmcard-number-margin-top, 0);
   color: var(--ce-atmcard-number-color, inherit);
   min-inline-size: 0;
   overflow-wrap: anywhere;
 }
 .ce-atmcard__meta {
+  grid-column: 1/-1;
+  grid-row: 4;
   display: flex;
   justify-content: space-between;
-  align-items: center;
+  align-items: end;
   gap: var(--ce-atmcard-meta-gap, 0.75rem);
   font-size: var(--ce-atmcard-meta-size, 0.8rem);
   text-transform: var(--ce-atmcard-meta-transform, uppercase);
@@ -558,9 +570,11 @@
   overflow-wrap: anywhere;
 }
 .ce-atmcard__logo {
-  position: absolute;
-  bottom: var(--ce-atmcard-logo-bottom, 0.75rem);
-  inset-inline-end: var(--ce-atmcard-logo-inline-end, var(--ce-atmcard-logo-right, 1rem));
+  grid-column: 2;
+  grid-row: 1;
+  align-self: start;
+  justify-self: end;
+  position: relative;
   min-width: var(--ce-atmcard-logo-min-width, 54px);
   min-height: var(--ce-atmcard-logo-min-height, 26px);
   padding: var(--ce-atmcard-logo-padding, 0.35rem 0.6rem);
@@ -576,15 +590,12 @@
 }
 .ce-atmcard__logo--visa {
   background: var(--ce-atmcard-logo-visa-bg, linear-gradient(135deg, #1d4ed8, #60a5fa));
-  content: "VISA";
 }
 .ce-atmcard__logo--mastercard {
   background: var(--ce-atmcard-logo-mastercard-bg, conic-gradient(from 0deg, #f59e0b 0deg 180deg, #ef4444 180deg 360deg));
-  content: "MC";
 }
 .ce-atmcard__logo--amex {
   background: var(--ce-atmcard-logo-amex-bg, linear-gradient(135deg, #0284c7, #38bdf8));
-  content: "AMEX";
 }
 .ce-atmcard--premium .ce-atmcard__logo, .ce-atmcard--premium--high-contrast .ce-atmcard__logo, .ce-atmcard--premium--dark .ce-atmcard__logo, .ce-atmcard--premium--light .ce-atmcard__logo {
   border: 1px solid rgba(255, 255, 255, 0.28);
@@ -1013,6 +1024,42 @@
   display: block;
   border-radius: inherit;
 }
+.ce-avatar__initials, .ce-avatar__icon {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  width: 100%;
+  height: 100%;
+  color: var(--ce-avatar-fallback-color, #ffffff);
+  background: var(--ce-avatar-fallback-bg, linear-gradient(135deg, #2563eb 0%, #0891b2 100%));
+}
+.ce-avatar__initials {
+  font-size: var(--ce-avatar-initials-size, 0.9em);
+  font-weight: var(--ce-avatar-initials-weight, 750);
+  letter-spacing: var(--ce-avatar-initials-tracking, 0.04em);
+}
+.ce-avatar__icon ce-icon, .ce-avatar__icon {
+  color: var(--ce-avatar-icon-color, #ffffff);
+}
+.ce-avatar__badge {
+  position: absolute;
+  top: var(--ce-avatar-badge-top, -0.18rem);
+  inset-inline-end: var(--ce-avatar-badge-end, -0.18rem);
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  min-width: var(--ce-avatar-badge-size, 1.1rem);
+  height: var(--ce-avatar-badge-size, 1.1rem);
+  padding: var(--ce-avatar-badge-padding, 0 0.2rem);
+  border-radius: var(--ce-avatar-badge-radius, 999px);
+  background: var(--ce-avatar-badge-bg, #ffffff);
+  color: var(--ce-avatar-badge-color, #0f172a);
+  border: var(--ce-avatar-badge-border, 2px solid var(--theme-surface, #ffffff));
+  box-shadow: var(--ce-avatar-badge-shadow, 0 6px 14px rgba(15, 23, 42, 0.18));
+  font-size: var(--ce-avatar-badge-font-size, 0.62rem);
+  line-height: 1;
+  z-index: 1;
+}
 .ce-avatar--sm {
   --ce-avatar-size: var(--ce-spacing-24, 1.5rem);
   --ce-avatar-font-size: var(--ce-typography-font-size-xs, 0.75rem);
@@ -1086,6 +1133,14 @@
   display: block;
   background-color: var(--ce-avatar-status-offline-bg, var(--gray));
 }
+.ce-avatar--status-focus::after, .ce-avatar--status-busy::after {
+  display: block;
+  background-color: var(--ce-avatar-status-focus-bg, #f59e0b);
+}
+.ce-avatar--status-away::after {
+  display: block;
+  background-color: var(--ce-avatar-status-away-bg, #f97316);
+}
 .ce-avatar__group {
   display: flex;
 }
@@ -19929,44 +19984,58 @@ ce-icon,
 .ce-radio-range__input {
   -webkit-appearance: var(--ce-radio-range-input-appearance, none);
   appearance: var(--ce-radio-range-input-appearance, none);
-  width: var(--ce-radio-range-input-size, 1.25rem);
-  height: var(--ce-radio-range-input-size, 1.25rem);
-  border-width: var(--ce-radio-range-input-border-width, 2px);
-  border-style: var(--ce-radio-range-input-border-style, solid);
-  border-color: var(--ce-radio-range-input-border, var(--border-color, #ccc));
-  border-radius: var(--ce-radio-range-input-radius, 50%);
+  box-sizing: border-box;
+  display: block;
+  flex: 0 0 auto;
+  width: var(--ce-radio-range-input-width, min(100%, 28rem));
+  height: var(--ce-radio-range-input-height, 1.5rem);
+  border: 0;
+  border-radius: var(--ce-radio-range-input-radius, 999px);
   margin: var(--ce-radio-range-input-margin, 0);
   cursor: var(--ce-radio-range-input-cursor, pointer);
-  transition: var(--ce-radio-range-input-transition, border-color 0.2s ease, background-color 0.2s ease);
-  background-color: var(--ce-radio-range-input-bg, var(--surface));
+  transition: var(--ce-radio-range-input-transition, filter 0.2s ease, box-shadow 0.2s ease);
+  background: transparent;
   position: var(--ce-radio-range-input-position, relative);
 }
-.ce-radio-range__input:checked {
-  border-color: var(--ce-radio-range-input-checked-border, var(--primary));
-  background-color: var(--ce-radio-range-input-checked-bg, var(--primary));
-}
-.ce-radio-range__input:checked::before {
-  content: var(--ce-radio-range-input-dot-content, "");
-  position: var(--ce-radio-range-input-dot-position, absolute);
-  top: var(--ce-radio-range-input-dot-top, 50%);
-  inset-inline-start: var(--ce-radio-range-input-dot-inline-start, var(--ce-radio-range-input-dot-left, 50%));
-  width: var(--ce-radio-range-input-dot-size, 0.5rem);
-  height: var(--ce-radio-range-input-dot-size, 0.5rem);
-  background-color: var(--ce-radio-range-input-dot-color, var(--text-light));
-  border-radius: var(--ce-radio-range-input-dot-radius, 50%);
-  transform: var(--ce-radio-range-input-dot-transform, translate(-50%, -50%));
+.ce-radio-range__input::-webkit-slider-runnable-track {
+  height: var(--ce-radio-range-track-height, 0.45rem);
+  border-radius: var(--ce-radio-range-track-radius, 999px);
+  background: var(--ce-radio-range-track-bg, linear-gradient(90deg, rgba(37, 99, 235, 0.24), rgba(14, 165, 233, 0.42)));
+}
+.ce-radio-range__input::-moz-range-track {
+  height: var(--ce-radio-range-track-height, 0.45rem);
+  border-radius: var(--ce-radio-range-track-radius, 999px);
+  background: var(--ce-radio-range-track-bg, linear-gradient(90deg, rgba(37, 99, 235, 0.24), rgba(14, 165, 233, 0.42)));
+}
+.ce-radio-range__input::-webkit-slider-thumb {
+  -webkit-appearance: none;
+  appearance: none;
+  width: var(--ce-radio-range-thumb-size, 1.35rem);
+  height: var(--ce-radio-range-thumb-size, 1.35rem);
+  margin-top: calc((var(--ce-radio-range-track-height, 0.45rem) - var(--ce-radio-range-thumb-size, 1.35rem)) / 2);
+  border-radius: 50%;
+  border: var(--ce-radio-range-thumb-border, 3px solid #ffffff);
+  background: var(--ce-radio-range-thumb-bg, linear-gradient(135deg, #2563eb, #0891b2));
+  box-shadow: var(--ce-radio-range-thumb-shadow, 0 8px 18px rgba(37, 99, 235, 0.3));
+}
+.ce-radio-range__input::-moz-range-thumb {
+  width: var(--ce-radio-range-thumb-size, 1.35rem);
+  height: var(--ce-radio-range-thumb-size, 1.35rem);
+  border-radius: 50%;
+  border: var(--ce-radio-range-thumb-border, 3px solid #ffffff);
+  background: var(--ce-radio-range-thumb-bg, linear-gradient(135deg, #2563eb, #0891b2));
+  box-shadow: var(--ce-radio-range-thumb-shadow, 0 8px 18px rgba(37, 99, 235, 0.3));
 }
 .ce-radio-range__input:hover {
-  border-color: var(--ce-radio-range-input-hover-border, var(--primary));
+  filter: var(--ce-radio-range-input-hover-filter, brightness(1.03));
 }
 .ce-radio-range__input:focus-visible {
   outline: none;
   box-shadow: var(--ce-radio-range-input-focus-shadow, 0 0 0 2px var(--focus-ring-soft, rgba(37, 99, 235, 0.24)), 0 0 0 3px var(--focus-ring-soft, rgba(37, 99, 235, 0.45)));
-  transform: var(--ce-radio-range-input-focus-transform, translateY(-1px));
+  transform: none;
 }
 .ce-radio-range__input:disabled {
-  background-color: var(--ce-radio-range-input-disabled-bg, var(--overlay));
-  border-color: var(--ce-radio-range-input-disabled-border, var(--border-color, #ccc));
+  opacity: 0.55;
   cursor: var(--ce-radio-range-input-disabled-cursor, not-allowed);
 }
 .ce-radio-range__label {
@@ -20064,17 +20133,10 @@ ce-icon,
 .ce-radio-range--premium, .ce-radio-range--premium--high-contrast, .ce-radio-range--premium--dark, .ce-radio-range--premium--light {
   --ce-radio-range-gap: var(--ce-spacing-12, 0.75rem);
   --ce-radio-range-item-label-color: color-mix(in srgb, #0f172a 80%, #2563eb 20%);
-  --ce-radio-range-input-border: color-mix(in srgb, #0f172a 12%, #2563eb 24%);
-  --ce-radio-range-input-bg: color-mix(in srgb, #ffffff 95%, #dbeafe 5%);
-  --ce-radio-range-input-dot-color: var(--text-light);
-  --ce-radio-range-input-checked-bg: linear-gradient(
-    130deg,
-    #2563eb,
-    #7c3aed
-  );
+  --ce-radio-range-track-bg: linear-gradient(90deg, rgba(37, 99, 235, 0.22), rgba(124, 58, 237, 0.42));
+  --ce-radio-range-thumb-bg: linear-gradient(130deg, #2563eb, #7c3aed);
   --ce-radio-range-input-transition:
-    border-color 0.24s ease,
-    background-color 0.24s ease,
+    filter 0.24s ease,
     box-shadow 0.24s ease;
 }
 .ce-radio-range--premium .ce-radio-range__item, .ce-radio-range--premium--high-contrast .ce-radio-range__item, .ce-radio-range--premium--dark .ce-radio-range__item, .ce-radio-range--premium--light .ce-radio-range__item {
@@ -20095,9 +20157,6 @@ ce-icon,
   transition: var(--ce-radio-range-input-transition);
   box-shadow: 0 4px 12px rgba(15, 23, 42, 0.1);
 }
-.ce-radio-range--premium .ce-radio-range__input:checked::before, .ce-radio-range--premium--high-contrast .ce-radio-range__input:checked::before, .ce-radio-range--premium--dark .ce-radio-range__input:checked::before, .ce-radio-range--premium--light .ce-radio-range__input:checked::before {
-  box-shadow: 0 0 0 4px color-mix(in srgb, #93c5fd 40%, transparent);
-}
 .ce-radio-range--premium .ce-radio-range__input:hover, .ce-radio-range--premium--high-contrast .ce-radio-range__input:hover, .ce-radio-range--premium--dark .ce-radio-range__input:hover, .ce-radio-range--premium--light .ce-radio-range__input:hover {
   box-shadow: 0 8px 20px rgba(30, 64, 175, 0.2);
 }
@@ -23495,7 +23554,7 @@ ce-icon,
   position: var(--ce-switch-control-position, relative);
   width: var(--ce-switch-control-width, 2.5rem);
   height: var(--ce-switch-control-height, 1.25rem);
-  border: var(--ce-switch-control-border, none);
+  border: var(--ce-switch-control-border, 0);
   padding: var(--ce-switch-control-padding, 0);
   margin: var(--ce-switch-control-margin, 0);
   background: var(--ce-switch-control-bg, transparent);
@@ -23514,7 +23573,9 @@ ce-icon,
   display: var(--ce-switch-slider-display, inline-block);
   width: var(--ce-switch-slider-width, 100%);
   height: var(--ce-switch-slider-height, 100%);
+  box-sizing: border-box;
   background-color: var(--ce-switch-slider-bg, var(--switch-track-off, #94a3b8));
+  box-shadow: var(--ce-switch-slider-shadow, inset 0 0 0 1px rgba(15, 23, 42, 0.08));
   border-radius: var(--ce-switch-slider-radius, var(--radius-full, 999px));
   transition: var(--ce-switch-slider-transition, background-color 0.2s ease, box-shadow 0.2s ease);
 }
@@ -23528,6 +23589,7 @@ ce-icon,
   transform: var(--ce-switch-thumb-transform, translate(0, -50%));
   background-color: var(--ce-switch-thumb-bg, var(--surface, #fff));
   border-radius: var(--ce-switch-thumb-radius, 50%);
+  box-sizing: border-box;
   box-shadow: var(--ce-switch-thumb-shadow, 0 2px 6px rgba(15, 23, 42, 0.25));
   transition: var(--ce-switch-thumb-transition, transform 0.2s ease, background-color 0.2s ease);
 }
@@ -23596,7 +23658,7 @@ ce-icon,
 .ce-switch--xs {
   --ce-switch-gap: var(--ce-spacing-4, 0.25rem);
   --ce-switch-control-width: calc(var(--ce-spacing-4, 0.25rem) * 7);
-  --ce-switch-control-height: var(--ce-spacing-8, 0.5rem);
+  --ce-switch-control-height: calc(var(--ce-spacing-4, 0.25rem) * 4);
   --ce-switch-thumb-size: calc(var(--ce-spacing-4, 0.25rem) * 3);
   --ce-switch-thumb-left: calc(var(--ce-spacing-4, 0.25rem) * 0.5);
   --ce-switch-checked-thumb-transform: translate(0.75rem, -50%);
@@ -23606,7 +23668,7 @@ ce-icon,
 .ce-switch--sm {
   --ce-switch-gap: var(--ce-spacing-8, 0.5rem);
   --ce-switch-control-width: calc(var(--ce-spacing-4, 0.25rem) * 8);
-  --ce-switch-control-height: var(--ce-spacing-12, 0.75rem);
+  --ce-switch-control-height: calc(var(--ce-spacing-4, 0.25rem) * 4.5);
   --ce-switch-thumb-size: calc(var(--ce-spacing-4, 0.25rem) * 3.5);
   --ce-switch-thumb-left: calc(var(--ce-spacing-4, 0.25rem) * 0.5);
   --ce-switch-checked-thumb-transform: translate(0.95rem, -50%);
@@ -23615,9 +23677,9 @@ ce-icon,
 }
 .ce-switch--md {
   --ce-switch-gap: var(--ce-spacing-12, 0.75rem);
-  --ce-switch-control-width: calc(var(--ce-spacing-4, 0.25rem) * 10);
-  --ce-switch-control-height: calc(var(--ce-spacing-4, 0.25rem) * 5);
-  --ce-switch-thumb-size: calc(var(--ce-spacing-4, 0.25rem) * 4);
+  --ce-switch-control-width: calc(var(--ce-spacing-4, 0.25rem) * 11);
+  --ce-switch-control-height: calc(var(--ce-spacing-4, 0.25rem) * 6);
+  --ce-switch-thumb-size: calc(var(--ce-spacing-4, 0.25rem) * 5);
   --ce-switch-thumb-left: calc(var(--ce-spacing-4, 0.25rem) * 0.5);
   --ce-switch-checked-thumb-transform: translate(1.25rem, -50%);
   --ce-switch-label-size: var(--ce-typography-font-size-md, 1rem);
@@ -23625,11 +23687,11 @@ ce-icon,
 }
 .ce-switch--lg {
   --ce-switch-gap: var(--ce-spacing-16, 1rem);
-  --ce-switch-control-width: calc(var(--ce-spacing-4, 0.25rem) * 12);
-  --ce-switch-control-height: var(--ce-spacing-24, 1.5rem);
-  --ce-switch-thumb-size: calc(var(--ce-spacing-4, 0.25rem) * 5);
+  --ce-switch-control-width: calc(var(--ce-spacing-4, 0.25rem) * 13);
+  --ce-switch-control-height: calc(var(--ce-spacing-4, 0.25rem) * 7);
+  --ce-switch-thumb-size: calc(var(--ce-spacing-4, 0.25rem) * 6);
   --ce-switch-thumb-left: calc(var(--ce-spacing-4, 0.25rem) * 0.5);
-  --ce-switch-checked-thumb-transform: translate(1.6rem, -50%);
+  --ce-switch-checked-thumb-transform: translate(1.5rem, -50%);
   --ce-switch-label-size: var(--ce-typography-font-size-lg, 1.125rem);
   --ce-switch-hint-size: var(--ce-typography-font-size-sm, 0.875rem);
 }