@box/blueprint-web 12.92.2 → 12.92.3

package/dist/lib-esm/index.css

@@ -10088,7 +10088,7 @@ div[data-radix-popper-content-wrapper]:has([role=menu]):has([data-state=open]):h
 .bp_styles_module_dropdown--92246{
   min-width:var(--split-button-dropdown-min-width);
 }
-.bp_switch_module_option--4da80[data-modern=false]{
+.bp_switch_module_option--9f3e1[data-modern=false]{
   --switch-height:var(--size-5);
   --switch-margin-left:var(--space-10);
   --switch-margin-right:var(--space-3);
@@ -10108,6 +10108,7 @@ div[data-radix-popper-content-wrapper]:has([role=menu]):has([data-state=open]):h
   --thumb-border:var(--border-1) solid var(--border-switch-border);
   --thumb-radius:var(--size-10);
   --thumb-shadow:var(--dropshadow-3);
+  --thumb-transform:translateX(calc(var(--switch-width) - var(--thumb-width)));
   font-family:var(--body-default-font-family);
   font-size:var(--body-default-font-size);
   font-weight:var(--body-default-font-weight);
@@ -10118,7 +10119,7 @@ div[data-radix-popper-content-wrapper]:has([role=menu]):has([data-state=open]):h
   text-transform:var(--body-default-text-case);
 }
 
-.bp_switch_module_option--4da80[data-modern=true]{
+.bp_switch_module_option--9f3e1[data-modern=true]{
   --switch-height:var(--bp-size-060);
   --switch-margin-left:var(--bp-space-100);
   --switch-margin-right:var(--bp-space-030);
@@ -10128,17 +10129,17 @@ div[data-radix-popper-content-wrapper]:has([role=menu]):has([data-state=open]):h
   --switch-bg-on-hover:var(--bp-surface-switch-surface-on-hover);
   --switch-radius:var(--bp-size-100);
   --switch-padding-inline:var(--bp-space-005);
-  --switch-base-width:var(--bp-size-110);
-  --switch-width:calc(var(--switch-base-width) - var(--switch-padding-inline)*2);
+  --switch-width:var(--bp-size-110);
   --switch-outline:var(--bp-outline-focus-on-light);
   --switch-disabled-opacity:.6;
-  --description-margin:calc(var(--switch-margin-right) + var(--switch-base-width));
+  --description-margin:calc(var(--switch-margin-right) + var(--switch-width));
   --thumb-width:var(--bp-size-050);
   --thumb-height:var(--bp-size-050);
   --thumb-bg:var(--bp-surface-switch-surface);
   --thumb-border:none;
   --thumb-radius:var(--bp-size-100);
   --thumb-shadow:var(--dropshadow-3);
+  --thumb-transform:translateX(calc(var(--switch-width) - var(--thumb-width) - var(--switch-padding-inline)*2));
   font-family:var(--bp-font-font-family);
   font-size:var(--bp-font-size-05);
   font-style:normal;
@@ -10147,33 +10148,33 @@ div[data-radix-popper-content-wrapper]:has([role=menu]):has([data-state=open]):h
   line-height:var(--bp-font-line-height-04);
 }
 
-.bp_switch_module_option--4da80{
+.bp_switch_module_option--9f3e1{
   display:flex;
   flex-direction:column;
 }
-.bp_switch_module_option--4da80 .bp_switch_module_label--4da80{
+.bp_switch_module_option--9f3e1 .bp_switch_module_label--9f3e1{
   cursor:pointer;
   display:inline-flex;
   flex-direction:row;
   width:-moz-fit-content;
   width:fit-content;
 }
-.bp_switch_module_option--4da80 .bp_switch_module_label--4da80.bp_switch_module_rightAlign--4da80{
+.bp_switch_module_option--9f3e1 .bp_switch_module_label--9f3e1.bp_switch_module_rightAlign--9f3e1{
   flex-direction:row-reverse;
   justify-content:space-between;
   width:unset;
 }
-.bp_switch_module_option--4da80 .bp_switch_module_label--4da80:has(.bp_switch_module_switch--4da80:disabled){
+.bp_switch_module_option--9f3e1 .bp_switch_module_label--9f3e1:has(.bp_switch_module_switch--9f3e1:disabled){
   cursor:default;
 }
-.bp_switch_module_option--4da80 .bp_switch_module_description--4da80{
+.bp_switch_module_option--9f3e1 .bp_switch_module_description--9f3e1{
   margin-left:var(--description-margin);
 }
-.bp_switch_module_option--4da80 .bp_switch_module_description--4da80.bp_switch_module_rightAlign--4da80{
+.bp_switch_module_option--9f3e1 .bp_switch_module_description--9f3e1.bp_switch_module_rightAlign--9f3e1{
   margin-left:unset;
   margin-right:var(--description-margin);
 }
-.bp_switch_module_option--4da80 .bp_switch_module_thumb--4da80{
+.bp_switch_module_option--9f3e1 .bp_switch_module_thumb--9f3e1{
   background-color:var(--thumb-bg);
   border:var(--thumb-border);
   border-radius:var(--thumb-radius);
@@ -10185,11 +10186,12 @@ div[data-radix-popper-content-wrapper]:has([role=menu]):has([data-state=open]):h
   width:var(--thumb-width);
   will-change:transform;
 }
-.bp_switch_module_option--4da80 .bp_switch_module_switch--4da80{
+.bp_switch_module_option--9f3e1 .bp_switch_module_switch--9f3e1{
   all:unset;
   align-items:center;
   background-color:var(--switch-bg-off);
   border-radius:var(--switch-radius);
+  box-sizing:border-box;
   display:flex;
   flex-shrink:0;
   height:var(--switch-height);
@@ -10200,31 +10202,31 @@ div[data-radix-popper-content-wrapper]:has([role=menu]):has([data-state=open]):h
   width:var(--switch-width);
   will-change:transition;
 }
-.bp_switch_module_option--4da80 .bp_switch_module_switch--4da80:disabled{
+.bp_switch_module_option--9f3e1 .bp_switch_module_switch--9f3e1:disabled{
   opacity:var(--switch-disabled-opacity);
 }
-.bp_switch_module_option--4da80 .bp_switch_module_switch--4da80.bp_switch_module_rightAlign--4da80{
+.bp_switch_module_option--9f3e1 .bp_switch_module_switch--9f3e1.bp_switch_module_rightAlign--9f3e1{
   margin-left:var(--switch-margin-left);
   margin-right:unset;
 }
-.bp_switch_module_option--4da80 .bp_switch_module_switch--4da80:focus-visible{
+.bp_switch_module_option--9f3e1 .bp_switch_module_switch--9f3e1:focus-visible{
   background-color:var(--switch-bg-off-hover);
   box-shadow:0 0 0 var(--border-1, 1px) var(--background-background), 0 0 0 var(--border-3) var(--switch-outline);
 }
-.bp_switch_module_option--4da80 .bp_switch_module_switch--4da80:hover:not(:disabled){
+.bp_switch_module_option--9f3e1 .bp_switch_module_switch--9f3e1:hover:not(:disabled){
   background-color:var(--switch-bg-off-hover);
 }
-.bp_switch_module_option--4da80 .bp_switch_module_switch--4da80[aria-checked=true]{
+.bp_switch_module_option--9f3e1 .bp_switch_module_switch--9f3e1[aria-checked=true]{
   background-color:var(--switch-bg-on);
 }
-.bp_switch_module_option--4da80 .bp_switch_module_switch--4da80[aria-checked=true] .bp_switch_module_thumb--4da80{
-  transform:translateX(calc(var(--switch-width) - var(--thumb-width)));
+.bp_switch_module_option--9f3e1 .bp_switch_module_switch--9f3e1[aria-checked=true] .bp_switch_module_thumb--9f3e1{
+  transform:var(--thumb-transform);
 }
-.bp_switch_module_option--4da80 .bp_switch_module_switch--4da80[aria-checked=true]:focus-visible{
+.bp_switch_module_option--9f3e1 .bp_switch_module_switch--9f3e1[aria-checked=true]:focus-visible{
   background-color:var(--switch-bg-on-hover);
   box-shadow:0 0 0 var(--border-1, 1px) var(--background-background), 0 0 0 var(--border-3) var(--switch-outline);
 }
-.bp_switch_module_option--4da80 .bp_switch_module_switch--4da80[aria-checked=true]:hover:not(:disabled){
+.bp_switch_module_option--9f3e1 .bp_switch_module_switch--9f3e1[aria-checked=true]:hover:not(:disabled){
   background-color:var(--switch-bg-on-hover);
 }
 

package/dist/lib-esm/switch/switch.module.js

@@ -1,4 +1,4 @@
 import '../index.css';
-var styles = {"option":"bp_switch_module_option--4da80","label":"bp_switch_module_label--4da80","rightAlign":"bp_switch_module_rightAlign--4da80","switch":"bp_switch_module_switch--4da80","description":"bp_switch_module_description--4da80","thumb":"bp_switch_module_thumb--4da80"};
+var styles = {"option":"bp_switch_module_option--9f3e1","label":"bp_switch_module_label--9f3e1","rightAlign":"bp_switch_module_rightAlign--9f3e1","switch":"bp_switch_module_switch--9f3e1","description":"bp_switch_module_description--9f3e1","thumb":"bp_switch_module_thumb--9f3e1"};
 
 export { styles as default };

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@box/blueprint-web",
-    "version": "12.92.2",
+    "version": "12.92.3",
     "type": "module",
     "license": "SEE LICENSE IN LICENSE",
     "publishConfig": {