@box/blueprint-web 12.20.0 → 12.20.2

package/dist/lib-esm/index.css

@@ -6829,7 +6829,7 @@ div[data-radix-popper-content-wrapper]:has([role=menu]):has([data-state=open]):h
   min-width:160px;
 }
 
-.bp_switch_module_option--f04fd{
+.bp_switch_module_option--5c4b0{
   display:flex;
   flex-direction:column;
   font-family:var(--body-default-font-family);
@@ -6841,26 +6841,38 @@ div[data-radix-popper-content-wrapper]:has([role=menu]):has([data-state=open]):h
           text-decoration:var(--body-default-text-decoration);
   text-transform:var(--body-default-text-case);
 }
-.bp_switch_module_option--f04fd .bp_switch_module_label--f04fd{
+.bp_switch_module_option--5c4b0 .bp_switch_module_label--5c4b0{
   cursor:pointer;
   display:inline-flex;
   flex-direction:row;
   width:-moz-fit-content;
   width:fit-content;
 }
-.bp_switch_module_option--f04fd .bp_switch_module_label--f04fd.bp_switch_module_rightAlign--f04fd{
+.bp_switch_module_option--5c4b0 .bp_switch_module_label--5c4b0.bp_switch_module_rightAlign--5c4b0{
   flex-direction:row-reverse;
   justify-content:space-between;
   width:unset;
 }
-.bp_switch_module_option--f04fd .bp_switch_module_description--f04fd{
+.bp_switch_module_option--5c4b0 .bp_switch_module_description--5c4b0{
   margin-left:calc(var(--space-3) + var(--size-10));
 }
-.bp_switch_module_option--f04fd .bp_switch_module_description--f04fd.bp_switch_module_rightAlign--f04fd{
+.bp_switch_module_option--5c4b0 .bp_switch_module_description--5c4b0.bp_switch_module_rightAlign--5c4b0{
   margin-left:unset;
   margin-right:calc(var(--space-3) + var(--size-10));
 }
-.bp_switch_module_option--f04fd .bp_switch_module_switch--f04fd{
+.bp_switch_module_option--5c4b0 .bp_switch_module_thumb--5c4b0{
+  background-color:var(--surface-switch-surface);
+  border:var(--border-1) solid var(--border-switch-border);
+  border-radius:var(--size-10);
+  box-shadow:var(--dropshadow-3);
+  box-sizing:border-box;
+  display:block;
+  height:var(--size-5);
+  transition:transform .4s;
+  width:var(--size-5);
+  will-change:transform;
+}
+.bp_switch_module_option--5c4b0 .bp_switch_module_switch--5c4b0{
   all:unset;
   align-items:center;
   background-color:var(--surface-switch-surface-off);
@@ -6874,35 +6886,23 @@ div[data-radix-popper-content-wrapper]:has([role=menu]):has([data-state=open]):h
   width:var(--size-10);
   will-change:transition;
 }
-.bp_switch_module_option--f04fd .bp_switch_module_switch--f04fd.bp_switch_module_rightAlign--f04fd{
+.bp_switch_module_option--5c4b0 .bp_switch_module_switch--5c4b0.bp_switch_module_rightAlign--5c4b0{
   margin-left:var(--space-10);
   margin-right:unset;
 }
-.bp_switch_module_option--f04fd .bp_switch_module_switch--f04fd:focus-visible{
+.bp_switch_module_option--5c4b0 .bp_switch_module_switch--5c4b0:focus-visible{
   box-shadow:0 0 0 var(--border-1, 1px) var(--background-background), 0 0 0 var(--border-3) var(--outline-focus-on-light);
 }
-.bp_switch_module_option--f04fd .bp_switch_module_switch--f04fd[data-state=checked]{
+.bp_switch_module_option--5c4b0 .bp_switch_module_switch--5c4b0[aria-checked=true]{
   background-color:var(--surface-switch-surface-on);
 }
-.bp_switch_module_option--f04fd .bp_switch_module_thumb--f04fd{
-  background-color:var(--surface-switch-surface);
-  border:var(--border-1) solid var(--border-switch-border);
-  border-radius:var(--size-10);
-  box-shadow:var(--dropshadow-3);
-  box-sizing:border-box;
-  display:block;
-  height:var(--size-5);
-  transition:transform .4s;
-  width:var(--size-5);
-  will-change:transform;
-}
-.bp_switch_module_option--f04fd .bp_switch_module_thumb--f04fd[data-state=checked]{
+.bp_switch_module_option--5c4b0 .bp_switch_module_switch--5c4b0[aria-checked=true] .bp_switch_module_thumb--5c4b0{
   transform:translateX(calc(var(--size-10)/2));
 }
-.bp_switch_module_option--f04fd.bp_switch_module_disabled--f04fd .bp_switch_module_label--f04fd{
+.bp_switch_module_option--5c4b0.bp_switch_module_disabled--5c4b0 .bp_switch_module_label--5c4b0{
   cursor:default;
 }
-.bp_switch_module_option--f04fd.bp_switch_module_disabled--f04fd .bp_switch_module_switch--f04fd{
+.bp_switch_module_option--5c4b0.bp_switch_module_disabled--5c4b0 .bp_switch_module_switch--5c4b0{
   opacity:60%;
 }
 

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

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

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@box/blueprint-web",
-    "version": "12.20.0",
+    "version": "12.20.2",
     "type": "module",
     "license": "SEE LICENSE IN LICENSE",
     "publishConfig": {
@@ -47,7 +47,7 @@
     "dependencies": {
         "@ariakit/react": "0.4.15",
         "@ariakit/react-core": "0.4.15",
-        "@box/blueprint-web-assets": "^4.55.0",
+        "@box/blueprint-web-assets": "^4.56.0",
         "@internationalized/date": "^3.7.0",
         "@radix-ui/react-accordion": "1.1.2",
         "@radix-ui/react-checkbox": "1.0.4",
@@ -77,7 +77,7 @@
         "type-fest": "^3.2.0"
     },
     "devDependencies": {
-        "@box/storybook-utils": "^0.13.8",
+        "@box/storybook-utils": "^0.13.9",
         "@types/react": "^18.0.0",
         "@types/react-dom": "^18.0.0",
         "react": "^18.3.0",