@m3-baseui/react-vanilla-extract 4.0.0 → 5.0.0

package/dist/index.css

@@ -336,10 +336,16 @@
   justify-content: center;
 }
 
-/* vanilla-extract-css-ns:src/components/icon-button/icon-button.css.ts.vanilla.css?source=#H4sIAAAAAAAAA81X227bMAx971cIfWqAqrNzaVMX2Ms-YygG2aZjrY7kibLbbNi_D5YTR5KTVF2DrY82ec6hSJGSbr7FT4sG9CIivy4IKYGvSp2Q2bR-ebj4fXGzN38m2K6M0zPPdZmQadT57DH9t4WJHcr52DymnHuUcw8zdSgXtyPz2ylnDuW9TzkbU_bJOZGsuUMZz3zO-Zhz7iVzlK2F8a4lcs2lSIiCimneQgfKOdYV2ySEi4oLoEUFhoxVfCUo17DGhGQgNKju9_cGNS82NJNCg9C2qUNSLBUXTwmJuj-pVDmohAgpjFbKsqeVko3IE6IVE1gzBULvXaliOW8wIS1TV5Suc4obpFiyGmjRVNWkc80ahVIlpJZ8J90gKIpQQab3apmsOje1Sq8cOvOfSkGxUQXLgLZMcSb0xLCbuEyeaK1kDUpvEpLKbmUsl8_X1iJ6puteyMPmjWJ9sh3ttXSsFEup9NwX1nzNxYoWjciOcwDDzgk1EzlT-cSteJKkUEgFpvJDsS4vH5yNwFKUVaNNurhA0E7hhmpwUYLi2i9h1qiufF92y5c1y3iXrqhXMeWh0ILQuC_Lfp3JDhGQo-nkb5JQyhaUk4ohRneHaaaBGm-fopBZg7TlyNMKgqkMyqP6mjPNaK0AEfLHYKotwI-LZV0Hv5OlDynnyNIK8sftmDhUN0d7Bwj091QOxxwd0QjzdqrUuza6m2cJmdUvBGXF82OTACGT3e7Z9ANgC6SyKExD-AP6dttSbx8uNombw1C2CflEopvZ0iM7VMb3Ud4ZDrvZjxDViq-H1L2qaXnbYm4yAlT98ONpmP7pNR9K4_8KZhmqPuxecyQzLkAFFuMI0g7iYxRm-ZEKc9-rb2828WvDZTtNQktycmjcv3toDCf727AmcXYgZxo4ZwrnybmzL715XY2v35Z1Pb5IW1ZxEitPYmvbuvCxPxysH7NysP4TAG3rnc-sbeut_2JpbOvowdLa1niUymfHHPncL4559HLZOOalj_4ZsIsOnx9xFDwst_01DDxa8lUJqEP684h4_E_EXx0O8TQ0Di5aUAhDTwWo7yBWJx5oX-dJ54R2rnMkVO-8B8Yp1T-XMR-gBBEAAA */
+/* vanilla-extract-css-ns:src/components/icon-button/icon-button.css.ts.vanilla.css?source=#H4sIAAAAAAAAA81Y0Y7bKhB9369AfepKZRvHzm6Wle7L_YyrqsJmHNPY4AvYu2nVf69sJ1nATkriSO1TlAznzJwZGIY8fI22qwbMaoF-3CFUAN8UhqB4Wb-93P28ezia_2PUUFwr0BrYl35xKhUDhRVlvNEEtVR9xLhiWO801gWtAeuKluW9S0RoZngLMxjQP0i3m57glTNTELRcdOG-hz98tzCRoy4ZmW-lLpqtLppQl3jqEi_8paNu9eibr1JXAeNN5Qa3vEzeJMUV-mJH37OvL75KX0nVBtzY4svkTTGM1Q1H6czRShx1UezLS24lL5ktLxnLS7yjNzpbq351LTU3XAqCFJS0i6IDMa7rku4I4qLkAnBeQk9GS74RmBuoNEEZCAOq-_lbow3PdziTwoAwtqlDYl0oLrYELV6OAgkSUvS-UpptN0o2ghFkFBW6pgqEeQnKRd705xShrFFaKoJqyQ-uGw0KayghM-_eMll2y9Qm_ejQ9b9jKbBuVE4zwC1VnApz37P3cfV5wrWSNSizIyiVnTLK5OsnS8TA9AntP_YS3G-DII-YNYoOlXACq6RjxbqQyiR-VIZXXGxw3ojsNAdQ3S3Steo-IM8hMxozyGlTGndDrQhJIZdq2JPHun748OLsGZpqWTamzywXGoxT42PhuChAceNXO2tUV-l_u9x0NlnTjHeZXQxe-kpiaEEY_V7Bd9XkgAjI2PL-bEoMFYwq5iehkC0oJxXHGN3NaKgB3K_2KXKZNRq3XPO0hGCqHuVRue0mmGoP8OMaWs5MliEkxjVNy0MLnK6b4_sACFzveZmOeXHCR9hqp0rD0sZ0rY-guH5DWpacnWoaGjLZ7Z7d0Cv2QCzzvD8Q_rXyuD9Sl_chm8TNYSjbPfqMFg_x2iObKuM8yqfhLrMO-wmiWvHqmLrf-rRW287cZAR49cOPwtyflzyVxT8UyzrU-XHv9nc35QJUYClOIO0g_oqyrP-isjxbEx5B0e8ay6GTOKPIzMbxPLtxIGemOY0dB2-HcaOWc5NgtoGD937YtJCV81xae51ejJ8bllWOp3XLWp_F_n8Wq2zrysdqB-vHbBys_-RpbOuTz9za1kf_sfhqW0dvxTfbGo1SuXPMC5_7u2MevdSihWNf-_AomvFwjpZzwPH1j74oCcTCm1F0kmE1m-FxjvinOeD1jMw9z9ZNZzOkV3edKLseyq6Hhv4_MQHNr4dubOih0_rnt5hYFPuLeMAlMz1gRt-C56n95XvxNHX20o62F89zl05xvscy1CMXLSgNx7s5wO8BYt3oE1e581-QE9qN5spQdzcdIM85_QUA34qV9BcAAA */
 ._1k5uet50 {
   height: 32px;
 }
+._1k5uet50[data-pressed] {
+  border-radius: var(--md-sys-shape-small);
+}
+._1k5uet50:active {
+  border-radius: var(--md-sys-shape-small);
+}
 ._1k5uet50 > svg {
   width: 20px;
   height: 20px;
@@ -347,6 +353,12 @@
 ._1k5uet51 {
   height: 40px;
 }
+._1k5uet51[data-pressed] {
+  border-radius: var(--md-sys-shape-small);
+}
+._1k5uet51:active {
+  border-radius: var(--md-sys-shape-small);
+}
 ._1k5uet51 > svg {
   width: 24px;
   height: 24px;
@@ -354,6 +366,12 @@
 ._1k5uet52 {
   height: 56px;
 }
+._1k5uet52[data-pressed] {
+  border-radius: var(--md-sys-shape-medium);
+}
+._1k5uet52:active {
+  border-radius: var(--md-sys-shape-medium);
+}
 ._1k5uet52 > svg {
   width: 24px;
   height: 24px;
@@ -361,6 +379,12 @@
 ._1k5uet53 {
   height: 96px;
 }
+._1k5uet53[data-pressed] {
+  border-radius: var(--md-sys-shape-large);
+}
+._1k5uet53:active {
+  border-radius: var(--md-sys-shape-large);
+}
 ._1k5uet53 > svg {
   width: 32px;
   height: 32px;
@@ -368,6 +392,12 @@
 ._1k5uet54 {
   height: 136px;
 }
+._1k5uet54[data-pressed] {
+  border-radius: var(--md-sys-shape-large);
+}
+._1k5uet54:active {
+  border-radius: var(--md-sys-shape-large);
+}
 ._1k5uet54 > svg {
   width: 40px;
   height: 40px;
@@ -387,9 +417,11 @@
   transition-property:
     box-shadow,
     background-color,
-    color;
+    color,
+    border-color,
+    border-radius;
   transition-duration: var(--md-sys-motion-duration-short4);
-  transition-timing-function: var(--md-sys-motion-easing-standard);
+  transition-timing-function: var(--md-sys-motion-easing-spring-effects-default);
 }
 ._1k5uet55::before {
   content: "";
@@ -443,11 +475,11 @@
   color: rgb(var(--md-sys-color-on-primary));
 }
 ._1k5uet57:disabled {
-  background: rgb(var(--md-sys-color-on-surface) / 0.12);
+  background: rgb(var(--md-sys-color-on-surface) / 0.1);
   color: rgb(var(--md-sys-color-on-surface) / 0.38);
 }
 ._1k5uet57[data-disabled] {
-  background: rgb(var(--md-sys-color-on-surface) / 0.12);
+  background: rgb(var(--md-sys-color-on-surface) / 0.1);
   color: rgb(var(--md-sys-color-on-surface) / 0.38);
 }
 ._1k5uet58 {
@@ -455,33 +487,30 @@
   color: rgb(var(--md-sys-color-on-secondary-container));
 }
 ._1k5uet58:disabled {
-  background: rgb(var(--md-sys-color-on-surface) / 0.12);
+  background: rgb(var(--md-sys-color-on-surface) / 0.1);
   color: rgb(var(--md-sys-color-on-surface) / 0.38);
 }
 ._1k5uet58[data-disabled] {
-  background: rgb(var(--md-sys-color-on-surface) / 0.12);
+  background: rgb(var(--md-sys-color-on-surface) / 0.1);
   color: rgb(var(--md-sys-color-on-surface) / 0.38);
 }
 ._1k5uet59 {
-  border: 1px solid rgb(var(--md-sys-color-outline));
+  border: 1px solid rgb(var(--md-sys-color-outline-variant));
   color: rgb(var(--md-sys-color-on-surface-variant));
 }
 ._1k5uet59:disabled {
   color: rgb(var(--md-sys-color-on-surface) / 0.38);
-  border-color: rgb(var(--md-sys-color-on-surface) / 0.12);
+  border-color: rgb(var(--md-sys-color-outline-variant));
 }
 ._1k5uet59[data-disabled] {
   color: rgb(var(--md-sys-color-on-surface) / 0.38);
-  border-color: rgb(var(--md-sys-color-on-surface) / 0.12);
+  border-color: rgb(var(--md-sys-color-outline-variant));
 }
 ._1k5uet5k {
-  width: 28px;
-}
-._1k5uet5l {
-  width: 32px;
+  border-radius: var(--md-sys-shape-full);
 }
 ._1k5uet5m {
-  width: 40px;
+  width: 28px;
 }
 ._1k5uet5n {
   width: 32px;
@@ -490,57 +519,114 @@
   width: 40px;
 }
 ._1k5uet5p {
-  width: 52px;
+  width: 32px;
 }
 ._1k5uet5q {
-  width: 48px;
+  width: 40px;
 }
 ._1k5uet5r {
-  width: 56px;
+  width: 52px;
 }
 ._1k5uet5s {
-  width: 72px;
+  width: 48px;
 }
 ._1k5uet5t {
-  width: 64px;
+  width: 56px;
 }
 ._1k5uet5u {
-  width: 96px;
+  width: 72px;
 }
 ._1k5uet5v {
-  width: 128px;
+  width: 64px;
 }
 ._1k5uet5w {
-  width: 104px;
+  width: 96px;
 }
 ._1k5uet5x {
-  width: 136px;
+  width: 128px;
 }
 ._1k5uet5y {
-  width: 184px;
+  width: 104px;
 }
 ._1k5uet5z {
-  color: rgb(var(--md-sys-color-primary));
+  width: 136px;
 }
 ._1k5uet510 {
-  background: rgb(var(--md-sys-color-surface-container-highest));
-  color: rgb(var(--md-sys-color-primary));
+  width: 184px;
 }
 ._1k5uet511 {
-  background: rgb(var(--md-sys-color-surface-container-highest));
-  color: rgb(var(--md-sys-color-on-surface-variant));
+  border-radius: var(--md-sys-shape-medium);
 }
 ._1k5uet512 {
+  border-radius: var(--md-sys-shape-medium);
+}
+._1k5uet513 {
+  border-radius: var(--md-sys-shape-large);
+}
+._1k5uet514 {
+  border-radius: var(--md-sys-shape-extra-large);
+}
+._1k5uet515 {
+  border-radius: var(--md-sys-shape-extra-large);
+}
+._1k5uet516 {
+  border-radius: var(--md-sys-shape-medium);
+}
+._1k5uet517 {
+  border-radius: var(--md-sys-shape-medium);
+}
+._1k5uet518 {
+  border-radius: var(--md-sys-shape-large);
+}
+._1k5uet519 {
+  border-radius: var(--md-sys-shape-extra-large);
+}
+._1k5uet51a {
+  border-radius: var(--md-sys-shape-extra-large);
+}
+._1k5uet51b {
+  border-radius: var(--md-sys-shape-full);
+}
+._1k5uet51c {
+  border-radius: var(--md-sys-shape-full);
+}
+._1k5uet51d {
+  border-radius: var(--md-sys-shape-full);
+}
+._1k5uet51e {
+  border-radius: var(--md-sys-shape-full);
+}
+._1k5uet51f {
+  border-radius: var(--md-sys-shape-full);
+}
+._1k5uet51g {
+  border-width: 2px;
+}
+._1k5uet51h {
+  border-width: 3px;
+}
+._1k5uet51i {
+  color: rgb(var(--md-sys-color-primary));
+}
+._1k5uet51j {
+  background: rgb(var(--md-sys-color-surface-container));
+  color: rgb(var(--md-sys-color-on-surface-variant));
+}
+._1k5uet51k {
+  background: rgb(var(--md-sys-color-secondary));
+  color: rgb(var(--md-sys-color-on-secondary));
+}
+._1k5uet51l {
   background: rgb(var(--md-sys-color-inverse-surface));
   color: rgb(var(--md-sys-color-inverse-on-surface));
   border-color: transparent;
 }
-._1k5uet512:disabled {
-  background: rgb(var(--md-sys-color-on-surface) / 0.12);
+._1k5uet51l:disabled {
+  background: rgb(var(--md-sys-color-on-surface) / 0.1);
   border-color: transparent;
 }
-._1k5uet512[data-disabled] {
-  background: rgb(var(--md-sys-color-on-surface) / 0.12);
+._1k5uet51l[data-disabled] {
+  background: rgb(var(--md-sys-color-on-surface) / 0.1);
   border-color: transparent;
 }