@nimbus-ds/styles 4.5.0-rc.1 → 4.6.0-rc.1

package/CHANGELOG.md

@@ -2,6 +2,17 @@
 
 Nimbus Styles deprive all styles needed to build nimbus components.
 
+## 2022-10-11
+
+### 🎉 New features
+
+- Added new style pack for box component. ([#38](https://github.com/TiendaNube/nimbus-design-system/pull/38) by [@juniorconquista](https://github.com/juniorconquista))
+- Added new breakpoint tokens to theme base. ([#38](https://github.com/TiendaNube/nimbus-design-system/pull/38) by [@juniorconquista](https://github.com/juniorconquista))
+
+### 📚 3rd party library updates
+
+- Added `rainbow-sprinkles@0.13.0`. ([#38](https://github.com/TiendaNube/nimbus-design-system/pull/38) by [@juniorconquista](https://github.com/juniorconquista))
+
 ## 2022-10-06
 
 ### 🎉 New features
@@ -31,7 +42,7 @@ Nimbus Styles deprive all styles needed to build nimbus components.
 
 - Added new style pack for tooltip component. ([#34](https://github.com/TiendaNube/nimbus-design-system/pull/34) by [@juniorconquista](https://github.com/juniorconquista))
 
-## 2022-09-29
+## 2022-09-30
 
 ### 🎉 New features
 
@@ -99,7 +110,7 @@ Nimbus Styles deprive all styles needed to build nimbus components.
 - Global theme contract created. ([#23](https://github.com/TiendaNube/nimbus-design-system/pull/23) by [@juniorconquista](https://github.com/juniorconquista))
 - Added new `textAlign` sprinkle pack. ([#23](https://github.com/TiendaNube/nimbus-design-system/pull/23) by [@juniorconquista](https://github.com/juniorconquista))
 - Added new `textAlign` sprinkle in `Title` package. ([#23](https://github.com/TiendaNube/nimbus-design-system/pull/23) by [@juniorconquista](https://github.com/juniorconquista))
-- Added new `textAlign`, `size`, `lineHeight`, and `bold` sprinkle in `Text` package. ([#23](https://github.com/TiendaNube/nimbus-design-system/pull/23) by [@juniorconquista](https://github.com/juniorconquista))
+- Added new `textAlign`, `fontSize`, `lineHeight`, and `fontWeight` sprinkle in `Text` package. ([#23](https://github.com/TiendaNube/nimbus-design-system/pull/23) by [@juniorconquista](https://github.com/juniorconquista))
 
 ### 💡 Others
 

package/dist/index.css

@@ -1,6 +1,6 @@
-/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
-  !*** css ../../node_modules/css-loader/dist/cjs.js!./node_modules/@vanilla-extract/webpack-plugin/virtualFileLoader/dist/vanilla-extract-webpack-plugin-virtualFileLoader.cjs.js?{"fileName":"src/themes/base.css.ts.vanilla.css","source":"#H4sIAAAAAAAAE4WWTW/jNhCG7/0VAnrYLmAFIvWd3naLRQ7tougeeimwoCRKVqyvSLKTbNH/3iFlkRJJSXEcIJ7nJYfvjDl67Nt2tP79ybJsO22rth/sri9r0r/bw7XPSUq/fy+Clzd8cR6tnzNK85z+ukM/lcW5gvc4yxDIQpKkeWiUlc1Ie5KO5U1shEHhOEGSRkeKp/ZG+1nmcplHY/dI9mdPh4Fms9DjQpeGnlE40rfx9/Z1pn1O49Q3b8No5sGMBxx3KIpX+HBNU0hC9TjkHuc0x3u05nHEPc7DNDTKDB7HPK00CpMjxcpjwmWx6x/KFI8TLgw9z5yh4nHKad913U166XHGcRQjZ4W/kr4pm0L1mALNHM7oHq15nDMZOBwSo8zgcQEK5rBjTmvL4zPImMPHMsXjknUBOLwhVDx+Bpo5vEMvPb4AzhxW8Iw0Be1ViytucUYVi9ew5nDNHQ5JmJpUBoMbbjCk5B4IVv623F9Q4QOVYm/H7d3SKe6+cHcBRlvw0tyem+uo5jb0OvakshOSXoq+vTYil4FZxX+MAqUcI6MRe+3Rv5UDSSp53iuoaEgjGu+ptCreWFHyDGXYKDOU8RUUSZjAjDhSrOr4BjLiEJcERzKlkO8gjEiUxWa3WXFUL36wctIABe6mZFF8xEal67m+G27iy/IjNiMdwl4Tn7fN+IXUZfVup7QBTXNNhF0I5uNn/ulX+PRk2aTrKmoP78NI65P1qSqbyx8k/cb//wIrnay/2qQd25P14YlWNzqWKbG+0iv9cLJIX5LqZA2kgeuV9mUuE/hW/qB20maQA+nGsm1EAjBpnYfQ72ltohMyyFw9hkab7Fl7WoDxinR4LEc44hkJDMYq3sSwwGCeogfD5nfQFWDEQLxNeoKMGYl2UF+gZO8sgcASk0d/U2aL3dPiWhHR8wgmozffEguspll5rQUFA9E3UElbiY5GMAbFpICWoYIxFDxXM1QFq5oXqkMqrVf9rNi/UGilhzGHH8y5aPV/XraJDsr6X1gCu4vKDqjWTaWjsgPqw3PJNmhU24YzydpXKEYvqwbDy+neLAxvBO++SMgvzsm6/z6gjycenxk1jv2Pq7W7tlteqah73Jffl3fZ9o5x/9XydZuRSiz+cs9d/FHVTnRfH2/s73jz+h1J2VOK7Ir+kR9PmncnZC8MjNABWddx+XWdw7I+13XZZyASwG3ZbCJDR8RfWePqCyCZIow0V4/LDGFyuaYVZJIwqDw9LnLEMJk8wwpYZIlhFulx55+TaGqMmZGrRoVrbZC1wK5aCx4Xx8SeUgkeFt9F7CvjZYoLF3CwqhMPyuRC5Rs3xYVBOFKqyMOhCMfKPTDFpX9kVWMejEUwYQXWfZHepkoHTHFpXKZcbXdAOkdXDTJFpTG50h5TXJ69WDXHFJVHOyutMRVNJl+uGoNHV23xvNEWS+bCGFc7IV4yFWMCbR13ydTqQLr3yJLR7tO6ZUMNeprSbDWxMNyq8KxeDwYuJ4MYUxiuR+SbuaGSz38Ybjpvh5MXLoZrK5h2/u9/HOqhKIoRAAA="}!./node_modules/@vanilla-extract/webpack-plugin/extracted.js ***!
-  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
+/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
+  !*** css ../../node_modules/css-loader/dist/cjs.js!./node_modules/@vanilla-extract/webpack-plugin/virtualFileLoader/dist/vanilla-extract-webpack-plugin-virtualFileLoader.cjs.js?{"fileName":"src/themes/base.css.ts.vanilla.css","source":"#H4sIAAAAAAAAE4WWTW/jNhCG7/0VAnrYLmAFIvXp9LZbLHJoF0X30EuBBSVRsmJ9hZI/skX/e4e0RUokJcdxgHielxy+M+bomXXd6Pz7k+O4btbVHRvcnlUNYe/ucGIFyej372X0dsVH79n5Oae0KOivG/RLVR5qeI+TDIEsJmlWxFZZ1Y6UkWysznIjDArPi9IseaR46c6UTTJfyAK69x/J/mR0GGg+CQMh9GkcWIUjvY6/d5eJDgWNs9C+Dae5BxMeCdyjaL/Ah1OWQRK6x7HwuKAF3qINjxPhcRFnsVVm8Xgv0sqSOH2kWHhMhGzvhw9lmsepEMZBYM9Q8zgTdOj7/io99zgXONojb4FfCGurttQ9pkBzh3O6RRseF1wGDsfEKrN4XIKCO+zZ01rz+AAy7vBjmeZxxbsAHF4Rah6/As0d3qDnHh8B5w5reE7akjLd4lpYnFPN4iVsONwIh2MSZzaVxeBWGAwp+Q8EC3874S+o8AOVZm8v7F3Tae6+CXcBRmvw3FwmzPV0c1t6Ghmp3ZRkx5J1p1bmMnCrxI9VoJVj5DTiry36t2ogaa3OewIVjWlC91sqo4pnXpQiRzm2yixlvIAijVOYEY8UizpeQUY84pPokUwr5DsIE5Lke7vbvDi6Fz94OWmEIn9VMis+4qPSD/zQj1fxefkRn5Ee4a8bX3Tt+IU0Vf3uZrQFTXtKpV0I5uNn8elX+HTnuKTva+oO78NIm53zqa7a4x8k+yb+/wIr7Zy/urQbu53z4YXWZzpWGXG+0hP9sHMIq0i9cwbSwvVKWVWoBL5VP6ibdjnkQPqx6lqZAExa7ykOGW1sdEoGlWvA0WSVPRhPCzBekQmP1QhHPCCJwVjFqxiWGMxT9GTZ/A76Ekw4iNfJQJJ7TqINNJQo2TpLJLHU5tHflNviMlqeaiJ7HsFkDKZbYoY1NK9OjaRgIIYWKu1q2dEIxqCcFNAyVDKWghd6hrpgUfNSd0inzaofNPtnCqP0MObwkz0Xo/6v8zYxQVX/I09gc1HVAfWyqUxUdUDz8FyqDVrdtuFA8u4CxWCqajC8vP7qYHgjeLMyJb94O+f++4Q+7kR8YvQ4Dj8u1u67fn6lov55W35f3ufbe9b9F8s3XU5qufjbPXf5R1d7yX19vLK/F0zr9yTjTymqK9izOJ4y706oXhg4YQKqruP86zqFVX1Oy7JPQCKB87zZZIaejF9445oLIJUijDTfjKsMYXL5thVUkjCoAjMuc8QwmQLLClhmiWEWmXHvn51saoy5kYtGhWttULXAvl4LEZfHxIFWCRGW30UcauPlFpcu4GhRJxFUycXaN+4WlwbhRKuiCMcyvNfugVtc+UcWNRbBvQymvMCmL8rbTOuAW1wZl2tX2x1QztFFg9yiyphCa49bXJ29XDTHLaqOdtBa41Y0lXy1aAwRXbTF60pbzJkjZ3zjhHjO1JyJjHX8OdPoA+neI3PGuE+bjg816GlK88XEwnCrwrN6M1i4ggxyTGG4HlFo54ZaPf9huOmCDU5duBiurUjtnDJKjn0Hj67udZDMIO5Ng2jkVMBwc0UxtjB1KRl+fXk44NB//wNw8mC/9REAAA=="}!./node_modules/@vanilla-extract/webpack-plugin/extracted.js ***!
+  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
 :root {
   --colors-primary-surface__g6qx2k0: #deeffe;
   --colors-primary-surfaceHighlight__g6qx2k1: #7abcf7;
@@ -102,6 +102,9 @@
   --motion-speed-fast__g6qx2k2p: 150ms;
   --motion-speed-slow__g6qx2k2q: 450ms;
   --motion-speed-slower__g6qx2k2r: 600ms;
+  --breakpoint-xs__g6qx2k2s: 0px;
+  --breakpoint-md__g6qx2k2t: 672px;
+  --breakpoint-lg__g6qx2k2u: 1024px;
 }
 /*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
   !*** css ../../node_modules/css-loader/dist/cjs.js!./node_modules/@vanilla-extract/webpack-plugin/virtualFileLoader/dist/vanilla-extract-webpack-plugin-virtualFileLoader.cjs.js?{"fileName":"src/packages/badge/badge.style.css.ts.vanilla.css","source":"#H4sIAAAAAAAAE7WTu1LDMBBF+3yFSyiUyYM8gJ6hoKOgYSYjS2tHiSwbSU5iGP4dSbGMyNhxKFLqau/uWet6GGOawvtQ6YrDarVe3pHdfhR9DaKIMlVwXD1ECYfDoxEwZ6lATEOmHiICQoO08qZUmiUVIrlRhA6v9ozqtWnAtL+16hpYujZ1o+FyMZOQWS1jAtXVoVxgSplIjRjtsLxBSBWYGAGNV6t0/nGYbMfy1hbG+QEp9ulq41xSkMhIxxt3kpiyUtnuTXPOBCAPc2xvpTenGDs1O+FCs1w0wxI3LDG72GngbVZ4Ned20/TXlOCM8Sq0PTkF2W8msShjaGwTY/seDP88UCFZhmXlH2rsHirGZJvKvBTUfGWeS9/eHRSqPUiVMsEEns123G7YDHJ455waDtravGPeQqZKQkApTza5hKz2dJItO8m885SMtpDtsRQmF55seglZ7ekkSzrJvPOUbNtCRrFIQXqwu0vAjpZOrqyTqzaeYskWLAGlySL3XLNLuGqP6/+S75tsjTqBvOO3sTep/uDP/8PUPqE/8sEes/7EL66FFGY9QCL9UV9eCykMeYC06c34/bWIgngHQB/96cbXIjr3R3z/AMR7cot3BwAA"}!./node_modules/@vanilla-extract/webpack-plugin/extracted.js ***!
@@ -160,142 +163,6 @@
   background-color: var(--colors-neutral-background__g6qx2ks);
   color: var(--colors-neutral-textLow__g6qx2k10);
 }
-/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
-  !*** css ../../node_modules/css-loader/dist/cjs.js!./node_modules/@vanilla-extract/webpack-plugin/virtualFileLoader/dist/vanilla-extract-webpack-plugin-virtualFileLoader.cjs.js?{"fileName":"src/packages/button/button.style.css.ts.vanilla.css","source":"#H4sIAAAAAAAAE71Wu27bMBTd8xUa64GCLbtBoKxFkaFDgQ5dCgSUSMlMKFLlw7ZS9N9L0pJsS7JJu0FGXt5zz7kvSnGmleLsVyxVQ/Hzc7l4aB7UPPpzF0WIyJrCJo0KinePxgApKRkgClcyjXLMFBbW/KKlIkUDcm4sTB1f1RAhwso02kDxCQBZw9wcQWKI7n/vkteFnA2uVv2VmtkIa0zKtYmZxIvks8CVtW0JUmsji6iO01pLWA95Fn0w4YIVxhts24h7V2v66Swg4xT1AOwAlDAM1icAa+oBqAEZlLhHlQcaSd7wMckPc55ArA6IAlaENseYr84CbD0FZDo7wBIHyznlogO4gwQMa+NMgcI79Y1ve8TcITIuEBZAQES0aeI87mqa8Z2V7JrVOhnTEaQt+jye3y97jLtxo5NGklOCjsyXxBE7IDBXZNOntN1npIW0qJqTboZs6pIowllqJpC2AStuLabTGCNTOam6OEk9i7Cp8OPd37t4erpTM9kwoxi5MfcV8Uvr3BG8nQiFWvEJqlqQCoqmo1w4pgzmr6XgmqEBXes9VZZk5impF3spv4OiDiNnAdmka77B4uqcniyqI1rekNgogF/pHni11O8CS3no+eoGsRMh/HJPJvOs4K59UosC5ng4oTpUbYt/Mq8ZtS9a/1gEaS14ruVe6Dt3EUFWOhfHlFwuxt55av6Zrw4+6DusziCVkM0ZqzqpGL8+qxHeKzNkbcY8g5Gvr1c6EcGr9WN2ptV6bmWqEKVBG3NL+9rkOqZlWCnOfoX/6wt+5T+JN5eQlZlQdVK03Q1pjQL4lYZszQTTYOibG8ROhPDL/ZjFGeBHm7MJ0hq0OkFd/AdZhh5V8wwAAA=="}!./node_modules/@vanilla-extract/webpack-plugin/extracted.js ***!
-  \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
-.button\.style__g18y8t0 {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  padding: var(--spacing-2__g6qx2k1s) var(--spacing-4__g6qx2k1t);
-  height: 2.125rem;
-  width: fit-content;
-  gap: var(--spacing-1__g6qx2k1r);
-  font-weight: var(--fontWeight-bold__g6qx2k1e);
-  line-height: var(--lineWeight-body-base__g6qx2k1g);
-  font-size: var(--fontSize-body-base__g6qx2k14);
-  font-family: var(--fontFamily-centranube__g6qx2k12);
-  color: var(--colors-neutral-textLow__g6qx2k10);
-  border-radius: 0.5rem;
-  box-sizing: border-box;
-  border-width: 0.063rem;
-  border-style: solid;
-  border-color: var(--colors-neutral-interactive__g6qx2kw);
-  cursor: pointer;
-  transition: all var(--motion-speed-fast__g6qx2k2p) ease;
-}
-.button\.style__g18y8t0:disabled {
-  color: var(--colors-neutral-textDisabled__g6qx2kz);
-  cursor: auto;
-}
-.button\.style_primary__g18y8t1 {
-  background: var(--colors-primary-interactive__g6qx2k2);
-  border-color: var(--colors-primary-interactive__g6qx2k2);
-  color: var(--colors-neutral-background__g6qx2ks);
-}
-.button\.style_primary__g18y8t1:hover {
-  background: var(--colors-primary-interactiveHover__g6qx2k3);
-  border-color: var(--colors-primary-interactiveHover__g6qx2k3);
-}
-.button\.style_primary__g18y8t1:active {
-  background: var(--colors-primary-interactivePressed__g6qx2k4);
-  border-color: var(--colors-primary-interactivePressed__g6qx2k4);
-}
-.button\.style_primary__g18y8t1:disabled {
-  background: var(--colors-neutral-surfaceDisabled__g6qx2ku);
-  border-color: var(--colors-primary-surfaceHighlight__g6qx2k1);
-}
-.button\.style_primary__g18y8t1:focus {
-  border-color: var(--colors-primary-interactiveHover__g6qx2k3);
-}
-.button\.style_danger__g18y8t2 {
-  background: var(--colors-danger-interactive__g6qx2kn);
-  border-color: var(--colors-danger-interactive__g6qx2kn);
-  color: var(--colors-neutral-background__g6qx2ks);
-}
-.button\.style_danger__g18y8t2:hover {
-  background: var(--colors-danger-interactiveHover__g6qx2ko);
-  border-color: var(--colors-danger-interactiveHover__g6qx2ko);
-}
-.button\.style_danger__g18y8t2:active {
-  background: var(--colors-danger-interactivePressed__g6qx2kp);
-  border-color: var(--colors-danger-interactivePressed__g6qx2kp);
-}
-.button\.style_danger__g18y8t2:disabled {
-  background: var(--colors-neutral-surfaceDisabled__g6qx2ku);
-  border-color: var(--colors-danger-surfaceHighlight__g6qx2km);
-}
-.button\.style_danger__g18y8t2:focus {
-  border-color: var(--colors-danger-interactiveHover__g6qx2ko);
-}
-.button\.style_neutral__g18y8t3 {
-  background: var(--colors-neutral-interactive__g6qx2kw);
-  border-color: var(--colors-neutral-interactive__g6qx2kw);
-  color: var(--colors-neutral-textLow__g6qx2k10);
-}
-.button\.style_neutral__g18y8t3:hover {
-  background: var(--colors-neutral-interactiveHover__g6qx2kx);
-  border-color: var(--colors-neutral-interactiveHover__g6qx2kx);
-}
-.button\.style_neutral__g18y8t3:active {
-  background: var(--colors-neutral-interactivePressed__g6qx2ky);
-  border-color: var(--colors-neutral-interactivePressed__g6qx2ky);
-}
-.button\.style_neutral__g18y8t3:disabled {
-  background: var(--colors-neutral-surfaceDisabled__g6qx2ku);
-  border-color: var(--colors-neutral-surfaceHighlight__g6qx2kv);
-}
-.button\.style_neutral__g18y8t3:focus {
-  border-color: var(--colors-neutral-interactiveHover__g6qx2kx);
-}
-/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
-  !*** css ../../node_modules/css-loader/dist/cjs.js!./node_modules/@vanilla-extract/webpack-plugin/virtualFileLoader/dist/vanilla-extract-webpack-plugin-virtualFileLoader.cjs.js?{"fileName":"src/packages/checkbox/checkbox.style.css.ts.vanilla.css","source":"#H4sIAAAAAAAAE61Sy26DMBC85yt8bA5GQKpIJdd+RiVk7AW2ODb1Iwmq2m8vRqASKSWoynFnXzOzG/EaeFPoy1tkXSchzxNeN0XyEpPPDSECbStZl5FSwuXQA0xipSg6ONqMcFAOTIDPKFzdV6GjXPegcgGtWJuREzNPlNqWcVQVTfK82n9c0iYx21DSaosOtcqIAckcnuCw+dpEf7FKBla/TaywWnoHYZQ+gSmlPmekRiFADVhY63r+cYhqwKp2YzBSjhf3pcO+sTQxcJyPmeK1Jr1767DsJofmqVs2EFJoI8DQiWkU73fjyjEzkM1I7wGKGWyYQG+XrV8Qvbs+vdJq+SjP1/WF1LxZbIgJqta7bMiDIN/kzgEKxpvKaK9Eb57UZpI2BJa2Bo/MdBSDnYwH+yat6Xbmyz96V6johbNCPkCGAu8Mk9R6UzIOr+PciY6/J2XqvyHlvE7KqoOs/ZsH/8Ha9xvf9QfmH4xk2QQAAA=="}!./node_modules/@vanilla-extract/webpack-plugin/extracted.js ***!
-  \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
-.checkbox\.style__1chkb190 {
-  display: flex;
-  align-items: center;
-  width: fit-content;
-  gap: var(--spacing-1__g6qx2k1r);
-  position: relative;
-}
-.checkbox\.style__1chkb191 {
-  position: absolute;
-  overflow: hidden;
-  opacity: 0;
-  height: 0;
-  width: 0;
-}
-.checkbox\.style__1chkb192 {
-  width: 1rem;
-  height: 1rem;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  position: relative;
-  border-width: 0.063rem;
-  border-style: solid;
-  border-radius: var(--spacing-1__g6qx2k1r);
-}
-.checkbox\.style__1chkb193 {
-  display: none;
-}
-.checkbox\.style__1chkb194 {
-  display: block;
-}
-.checkbox\.style__1chkb190 input:checked ~ .checkbox\.style__1chkb192 {
-  background-color: var(--colors-primary-interactive__g6qx2k2);
-  border-color: var(--colors-primary-interactive__g6qx2k2);
-}
-.checkbox\.style__1chkb190 input:disabled ~ .checkbox\.style__1chkb192 {
-  background-color: var(--colors-neutral-surfaceDisabled__g6qx2ku);
-  border-color: var(--colors-neutral-interactive__g6qx2kw);
-}
-.checkbox\.style__1chkb190 input:checked ~ .checkbox\.style__1chkb192 .checkbox\.style__1chkb193 {
-  display: block;
-}
-.checkbox\.style__1chkb190 input:checked ~ .checkbox\.style__1chkb192 .checkbox\.style__1chkb194 {
-  display: none;
-}
 /*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
   !*** css ../../node_modules/css-loader/dist/cjs.js!./node_modules/@vanilla-extract/webpack-plugin/virtualFileLoader/dist/vanilla-extract-webpack-plugin-virtualFileLoader.cjs.js?{"fileName":"src/sprinkles/colors.css.ts.vanilla.css","source":"#H4sIAAAAAAAAE52Yy3LaQBBF93wFy2QBZQmMH1kmCy+yyAe4ihJCCIGQYCSeqfx7bGtKaHpm+qGFyxt3n4u5d6r6juMyL1U1//o136tsF6nr+7g6qlUUJ/N5MNtMw0nwMPw7GA6//uh1eIrUt9GoGRzpkVE7kc4Ol3D78P3H4N9gjG5/y9J1/vFTt5iAi+mMNrwA42VFnagorrPT/ROFJMqYaighk/JWnhLVoiYSlB5teBMm749KqipZtsSphNgON8wpxqyTS/27PLegRxLUTjTbH6ntn99su37GWt+MNPtnjv3VMY4/PqLt6ifvej0CXf3E2G67+pmLsVz9jPFcrn4hUQ5XvzAppqsjCcpwdcTkQVcvJETg6gXGhK6OSRBwdUxtN1y9ZK3vunrp2H+OVJEVqe3qxLtej0BXJ4zttqtXXIzl6hXGc7k6JVEOV6dMiunqtQRluHrN5EFXZxIicHWGMaGrNyQIuHpDbTdcvWWt77p669i/jIo0Ubapc+/2ZgJ6Oqd325beMSGWo3cIzWXoggI5/FzwGKadSwHIcHPJo0Ez7wU84OU9QoRWPlAY4OQDsdswsuIs7/pYObYXybFWUf4+XkTxNlXlsbj/kyovQE+NukMNo8IYMCw1CQBpqRnbf2VVtMg73/WRS7lPNrQjg2aH88TFWek8YTxXPM8kypHPM5NiBvQiQRkJvTB5MKJXCRFk9IoxP2NhmeRG0syxhnOjON3HADlOu4zOcxC4rlNjv/EgIGdpF9B9EgLzHr3n+ad58cDk6rP0/vcj7PhBb26K6bi+Jz3gxCXuVeHKnb5bmQLI+5zDNtOo71m5AORq56iAGdWHr1wHest7lViJepLg0QsfZZope5ZC/Xc/pHobAH0wE1BWG0AxHXmLesCJjsCrwpm3hUQA2Rxw2CBvcU8BSJ/AUWHlbdlTB9oyeJVYeUskeLR7QJlm3lZSqL+RgFRvN6FPeQLK6ikopiNv6x5wor3wqnDmLZMIIDsNDhvkbdNTANJ0cFRYedv21IH2H14lVt5yCR5tRVCmmbedFOrvSiDV15roooFgchoUgugIWylHE72KT4MzansBnmxbGGQQtEM/PNLBMDRYMVP9VKDNjE+HFbJKAEf7GoxoRqwWIv0tDmRifY5uQggst9vxkq1wnyRYtPGhmNZZrysSGRvvgSgNjifm0kME0Q55VTgfmatEANkZcdjgmbn1FIA0SRwV8KEJH3rqQPslrxJn0xQGEg1064TSuw9dyOpseFUUCjXeupBV1uD91H/5rq5a/SEAAA=="}!./node_modules/@vanilla-extract/webpack-plugin/extracted.js ***!
   \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@@ -527,6 +394,358 @@
 .colors_backgroundColor_neutral\.textHigh__16j423123 {
   background-color: var(--colors-neutral-textHigh__g6qx2k11);
 }
+/*!********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
+  !*** css ../../node_modules/css-loader/dist/cjs.js!./node_modules/@vanilla-extract/webpack-plugin/virtualFileLoader/dist/vanilla-extract-webpack-plugin-virtualFileLoader.cjs.js?{"fileName":"src/packages/box/box.sprinkle.css.ts.vanilla.css","source":"#H4sIAAAAAAAAE62WQXOaUBSF9/kVLJsFGUFNYrrJtNuu0s5005kMCgIN8Ahgounkv1cFcs97cPEaXb/vnDv6LvDdp4Efe1a5KIIgs7zMt76kcWa/xn4V3VmjfH1p/buwrKu5Wv+5KvMizp6S4HF/bK/Lx8dklrsqHu8hy2piL17xxbZNaHT5dQu9d9uiIA6jCshZU1cftH0d7JornKvCD4oHz49XJfDLprY+tov9edvOZBbDM34bvzHRR2j/R38iZgd4i6ewUKvM/64SVUCkaId8EPZih3wMYpNq+NeY+Fr/NfqQ3sSKG5B7vh9nIaBOuzTNUVvcQ7Kb07C/VI74TC+2K5Ub5UaAXaQG/6aqSqWYWBoj5nvCmNKNsdvUJH4ES1xwJzHGJNtzY4gZYfep4R+Mh8gpjBkFPnNciF2k1CvC7fsD0HaJ6pO2uMuxq1Oj+pW5Y60Vr7gXZzeopjs35c70fv1+uRC7R3XAuCp3qc/Ay+0PsOtT4+YtuYk+QLtZJsK/jvbP+89qkwR2qZLYx5TSXxTljrqz9pigLlNZgG1Fb9uOEpRFse8HuFjuqreu5gSFvldGgfZr172FNScp3O6NVjge9RfuOaZwsSrK7ZvXW1UKm9rHoj6+s3bnww25irMqwHf4+NooaZC65/3iflAZrm/cQWlI/XbOhJcGgpwD0kCkNyQNhN2IpIH4UCwNlPEl0kB4KpQGSvyVSgNFyiOlgZK5RBoI3wilgRIvh6QB1mEyLA1AspsDDgC4J5IGCLCLpH/9IREeIQ0QY7cJDQD4VCgNEGH3Sfv+Q6AUSwOE2EVqvk+AboakATh2dcgCiHYnAmkAnN0g7fsPAU8sDRBi9wgcAPBQJA0QYNcHDQD4VCgNEOFfRx1pgFR+ujRAW3kGaYC6l7NIAxRuziINVDh2TpMGaJp8Whqg5OYUaXBG7mTQGpKwHTTlrYEg94A1EDkfsgbCbkXWQHwktgbKBBJrIDwTWgMlnqTWQJHqSGug5LPEGgh/E1oDJV4PWQOhznTYGoBkNwckAPC5yBogwC6S/vmHRHSENUCM3SZUAOAzoTVAhN0nTQAgUImtAULsIrVfQELfhqwBOHZ1SAPgXTIVWAPg7AZpAgCBudgaIMTuEUgA4JHIGiDArg8qAPCZ0Bogwr+OOtYAqefTrQHaqjNYA9S9nsUaoPDtLNZAhWP3NGuApumnrQFKbget4T+lcipdnRgAAA=="}!./node_modules/@vanilla-extract/webpack-plugin/extracted.js ***!
+  \********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
+@media screen and (min-width: 0px) {
+  .box\.sprinkle_width-xs__l9p2oi3 {
+    width: var(--width-xs__l9p2oi0);
+  }
+  .box\.sprinkle_height-xs__l9p2oi9 {
+    height: var(--height-xs__l9p2oi6);
+  }
+  .box\.sprinkle_borderRadius-xs__l9p2oif {
+    border-radius: var(--borderRadius-xs__l9p2oic);
+  }
+  .box\.sprinkle_borderWidth-xs__l9p2oil {
+    border-width: var(--borderWidth-xs__l9p2oii);
+  }
+  .box\.sprinkle_backgroundColor-xs__l9p2oir {
+    background-color: var(--backgroundColor-xs__l9p2oio);
+  }
+  .box\.sprinkle_borderColor-xs__l9p2oix {
+    border-color: var(--borderColor-xs__l9p2oiu);
+  }
+  .box\.sprinkle_padding-xs__l9p2oi13 {
+    padding: var(--padding-xs__l9p2oi10);
+  }
+  .box\.sprinkle_paddingTop-xs__l9p2oi19 {
+    padding-top: var(--paddingTop-xs__l9p2oi16);
+  }
+  .box\.sprinkle_paddingBottom-xs__l9p2oi1f {
+    padding-bottom: var(--paddingBottom-xs__l9p2oi1c);
+  }
+  .box\.sprinkle_paddingLeft-xs__l9p2oi1l {
+    padding-left: var(--paddingLeft-xs__l9p2oi1i);
+  }
+  .box\.sprinkle_paddingRight-xs__l9p2oi1r {
+    padding-right: var(--paddingRight-xs__l9p2oi1o);
+  }
+  .box\.sprinkle_margin-xs__l9p2oi1x {
+    margin: var(--margin-xs__l9p2oi1u);
+  }
+  .box\.sprinkle_marginTop-xs__l9p2oi23 {
+    margin-top: var(--marginTop-xs__l9p2oi20);
+  }
+  .box\.sprinkle_marginBottom-xs__l9p2oi29 {
+    margin-bottom: var(--marginBottom-xs__l9p2oi26);
+  }
+  .box\.sprinkle_marginLeft-xs__l9p2oi2f {
+    margin-left: var(--marginLeft-xs__l9p2oi2c);
+  }
+  .box\.sprinkle_marginRight-xs__l9p2oi2l {
+    margin-right: var(--marginRight-xs__l9p2oi2i);
+  }
+  .box\.sprinkle_borderStyle-solid-xs__l9p2oi2o {
+    border-style: solid;
+  }
+  .box\.sprinkle_borderStyle-none-xs__l9p2oi2r {
+    border-style: none;
+  }
+  .box\.sprinkle_borderStyle-hidden-xs__l9p2oi2u {
+    border-style: hidden;
+  }
+  .box\.sprinkle_borderStyle-dashed-xs__l9p2oi2x {
+    border-style: dashed;
+  }
+  .box\.sprinkle_borderStyle-dotted-xs__l9p2oi30 {
+    border-style: dotted;
+  }
+  .box\.sprinkle_cursor-auto-xs__l9p2oi33 {
+    cursor: auto;
+  }
+  .box\.sprinkle_cursor-pointer-xs__l9p2oi36 {
+    cursor: pointer;
+  }
+}
+@media screen and (min-width: 672px) {
+  .box\.sprinkle_width-md__l9p2oi4 {
+    width: var(--width-md__l9p2oi1);
+  }
+  .box\.sprinkle_height-md__l9p2oia {
+    height: var(--height-md__l9p2oi7);
+  }
+  .box\.sprinkle_borderRadius-md__l9p2oig {
+    border-radius: var(--borderRadius-md__l9p2oid);
+  }
+  .box\.sprinkle_borderWidth-md__l9p2oim {
+    border-width: var(--borderWidth-md__l9p2oij);
+  }
+  .box\.sprinkle_backgroundColor-md__l9p2ois {
+    background-color: var(--backgroundColor-md__l9p2oip);
+  }
+  .box\.sprinkle_borderColor-md__l9p2oiy {
+    border-color: var(--borderColor-md__l9p2oiv);
+  }
+  .box\.sprinkle_padding-md__l9p2oi14 {
+    padding: var(--padding-md__l9p2oi11);
+  }
+  .box\.sprinkle_paddingTop-md__l9p2oi1a {
+    padding-top: var(--paddingTop-md__l9p2oi17);
+  }
+  .box\.sprinkle_paddingBottom-md__l9p2oi1g {
+    padding-bottom: var(--paddingBottom-md__l9p2oi1d);
+  }
+  .box\.sprinkle_paddingLeft-md__l9p2oi1m {
+    padding-left: var(--paddingLeft-md__l9p2oi1j);
+  }
+  .box\.sprinkle_paddingRight-md__l9p2oi1s {
+    padding-right: var(--paddingRight-md__l9p2oi1p);
+  }
+  .box\.sprinkle_margin-md__l9p2oi1y {
+    margin: var(--margin-md__l9p2oi1v);
+  }
+  .box\.sprinkle_marginTop-md__l9p2oi24 {
+    margin-top: var(--marginTop-md__l9p2oi21);
+  }
+  .box\.sprinkle_marginBottom-md__l9p2oi2a {
+    margin-bottom: var(--marginBottom-md__l9p2oi27);
+  }
+  .box\.sprinkle_marginLeft-md__l9p2oi2g {
+    margin-left: var(--marginLeft-md__l9p2oi2d);
+  }
+  .box\.sprinkle_marginRight-md__l9p2oi2m {
+    margin-right: var(--marginRight-md__l9p2oi2j);
+  }
+  .box\.sprinkle_borderStyle-solid-md__l9p2oi2p {
+    border-style: solid;
+  }
+  .box\.sprinkle_borderStyle-none-md__l9p2oi2s {
+    border-style: none;
+  }
+  .box\.sprinkle_borderStyle-hidden-md__l9p2oi2v {
+    border-style: hidden;
+  }
+  .box\.sprinkle_borderStyle-dashed-md__l9p2oi2y {
+    border-style: dashed;
+  }
+  .box\.sprinkle_borderStyle-dotted-md__l9p2oi31 {
+    border-style: dotted;
+  }
+  .box\.sprinkle_cursor-auto-md__l9p2oi34 {
+    cursor: auto;
+  }
+  .box\.sprinkle_cursor-pointer-md__l9p2oi37 {
+    cursor: pointer;
+  }
+}
+@media screen and (min-width: 1024px) {
+  .box\.sprinkle_width-lg__l9p2oi5 {
+    width: var(--width-lg__l9p2oi2);
+  }
+  .box\.sprinkle_height-lg__l9p2oib {
+    height: var(--height-lg__l9p2oi8);
+  }
+  .box\.sprinkle_borderRadius-lg__l9p2oih {
+    border-radius: var(--borderRadius-lg__l9p2oie);
+  }
+  .box\.sprinkle_borderWidth-lg__l9p2oin {
+    border-width: var(--borderWidth-lg__l9p2oik);
+  }
+  .box\.sprinkle_backgroundColor-lg__l9p2oit {
+    background-color: var(--backgroundColor-lg__l9p2oiq);
+  }
+  .box\.sprinkle_borderColor-lg__l9p2oiz {
+    border-color: var(--borderColor-lg__l9p2oiw);
+  }
+  .box\.sprinkle_padding-lg__l9p2oi15 {
+    padding: var(--padding-lg__l9p2oi12);
+  }
+  .box\.sprinkle_paddingTop-lg__l9p2oi1b {
+    padding-top: var(--paddingTop-lg__l9p2oi18);
+  }
+  .box\.sprinkle_paddingBottom-lg__l9p2oi1h {
+    padding-bottom: var(--paddingBottom-lg__l9p2oi1e);
+  }
+  .box\.sprinkle_paddingLeft-lg__l9p2oi1n {
+    padding-left: var(--paddingLeft-lg__l9p2oi1k);
+  }
+  .box\.sprinkle_paddingRight-lg__l9p2oi1t {
+    padding-right: var(--paddingRight-lg__l9p2oi1q);
+  }
+  .box\.sprinkle_margin-lg__l9p2oi1z {
+    margin: var(--margin-lg__l9p2oi1w);
+  }
+  .box\.sprinkle_marginTop-lg__l9p2oi25 {
+    margin-top: var(--marginTop-lg__l9p2oi22);
+  }
+  .box\.sprinkle_marginBottom-lg__l9p2oi2b {
+    margin-bottom: var(--marginBottom-lg__l9p2oi28);
+  }
+  .box\.sprinkle_marginLeft-lg__l9p2oi2h {
+    margin-left: var(--marginLeft-lg__l9p2oi2e);
+  }
+  .box\.sprinkle_marginRight-lg__l9p2oi2n {
+    margin-right: var(--marginRight-lg__l9p2oi2k);
+  }
+  .box\.sprinkle_borderStyle-solid-lg__l9p2oi2q {
+    border-style: solid;
+  }
+  .box\.sprinkle_borderStyle-none-lg__l9p2oi2t {
+    border-style: none;
+  }
+  .box\.sprinkle_borderStyle-hidden-lg__l9p2oi2w {
+    border-style: hidden;
+  }
+  .box\.sprinkle_borderStyle-dashed-lg__l9p2oi2z {
+    border-style: dashed;
+  }
+  .box\.sprinkle_borderStyle-dotted-lg__l9p2oi32 {
+    border-style: dotted;
+  }
+  .box\.sprinkle_cursor-auto-lg__l9p2oi35 {
+    cursor: auto;
+  }
+  .box\.sprinkle_cursor-pointer-lg__l9p2oi38 {
+    cursor: pointer;
+  }
+}
+/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
+  !*** css ../../node_modules/css-loader/dist/cjs.js!./node_modules/@vanilla-extract/webpack-plugin/virtualFileLoader/dist/vanilla-extract-webpack-plugin-virtualFileLoader.cjs.js?{"fileName":"src/packages/button/button.style.css.ts.vanilla.css","source":"#H4sIAAAAAAAAE71Wu27bMBTd8xUa64GCLbtBoKxFkaFDgQ5dCgSUSMlMKFLlw7ZS9N9L0pJsS7JJu0FGXt5zz7kvSnGmleLsVyxVQ/Hzc7l4aB7UPPpzF0WIyJrCJo0KinePxgApKRkgClcyjXLMFBbW/KKlIkUDcm4sTB1f1RAhwso02kDxCQBZw9wcQWKI7n/vkteFnA2uVv2VmtkIa0zKtYmZxIvks8CVtW0JUmsji6iO01pLWA95Fn0w4YIVxhts24h7V2v66Swg4xT1AOwAlDAM1icAa+oBqAEZlLhHlQcaSd7wMckPc55ArA6IAlaENseYr84CbD0FZDo7wBIHyznlogO4gwQMa+NMgcI79Y1ve8TcITIuEBZAQES0aeI87mqa8Z2V7JrVOhnTEaQt+jye3y97jLtxo5NGklOCjsyXxBE7IDBXZNOntN1npIW0qJqTboZs6pIowllqJpC2AStuLabTGCNTOam6OEk9i7Cp8OPd37t4erpTM9kwoxi5MfcV8Uvr3BG8nQiFWvEJqlqQCoqmo1w4pgzmr6XgmqEBXes9VZZk5impF3spv4OiDiNnAdmka77B4uqcniyqI1rekNgogF/pHni11O8CS3no+eoGsRMh/HJPJvOs4K59UosC5ng4oTpUbYt/Mq8ZtS9a/1gEaS14ruVe6Dt3EUFWOhfHlFwuxt55av6Zrw4+6DusziCVkM0ZqzqpGL8+qxHeKzNkbcY8g5Gvr1c6EcGr9WN2ptV6bmWqEKVBG3NL+9rkOqZlWCnOfoX/6wt+5T+JN5eQlZlQdVK03Q1pjQL4lYZszQTTYOibG8ROhPDL/ZjFGeBHm7MJ0hq0OkFd/AdZhh5V8wwAAA=="}!./node_modules/@vanilla-extract/webpack-plugin/extracted.js ***!
+  \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
+.button\.style__g18y8t0 {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  padding: var(--spacing-2__g6qx2k1s) var(--spacing-4__g6qx2k1t);
+  height: 2.125rem;
+  width: fit-content;
+  gap: var(--spacing-1__g6qx2k1r);
+  font-weight: var(--fontWeight-bold__g6qx2k1e);
+  line-height: var(--lineWeight-body-base__g6qx2k1g);
+  font-size: var(--fontSize-body-base__g6qx2k14);
+  font-family: var(--fontFamily-centranube__g6qx2k12);
+  color: var(--colors-neutral-textLow__g6qx2k10);
+  border-radius: 0.5rem;
+  box-sizing: border-box;
+  border-width: 0.063rem;
+  border-style: solid;
+  border-color: var(--colors-neutral-interactive__g6qx2kw);
+  cursor: pointer;
+  transition: all var(--motion-speed-fast__g6qx2k2p) ease;
+}
+.button\.style__g18y8t0:disabled {
+  color: var(--colors-neutral-textDisabled__g6qx2kz);
+  cursor: auto;
+}
+.button\.style_primary__g18y8t1 {
+  background: var(--colors-primary-interactive__g6qx2k2);
+  border-color: var(--colors-primary-interactive__g6qx2k2);
+  color: var(--colors-neutral-background__g6qx2ks);
+}
+.button\.style_primary__g18y8t1:hover {
+  background: var(--colors-primary-interactiveHover__g6qx2k3);
+  border-color: var(--colors-primary-interactiveHover__g6qx2k3);
+}
+.button\.style_primary__g18y8t1:active {
+  background: var(--colors-primary-interactivePressed__g6qx2k4);
+  border-color: var(--colors-primary-interactivePressed__g6qx2k4);
+}
+.button\.style_primary__g18y8t1:disabled {
+  background: var(--colors-neutral-surfaceDisabled__g6qx2ku);
+  border-color: var(--colors-primary-surfaceHighlight__g6qx2k1);
+}
+.button\.style_primary__g18y8t1:focus {
+  border-color: var(--colors-primary-interactiveHover__g6qx2k3);
+}
+.button\.style_danger__g18y8t2 {
+  background: var(--colors-danger-interactive__g6qx2kn);
+  border-color: var(--colors-danger-interactive__g6qx2kn);
+  color: var(--colors-neutral-background__g6qx2ks);
+}
+.button\.style_danger__g18y8t2:hover {
+  background: var(--colors-danger-interactiveHover__g6qx2ko);
+  border-color: var(--colors-danger-interactiveHover__g6qx2ko);
+}
+.button\.style_danger__g18y8t2:active {
+  background: var(--colors-danger-interactivePressed__g6qx2kp);
+  border-color: var(--colors-danger-interactivePressed__g6qx2kp);
+}
+.button\.style_danger__g18y8t2:disabled {
+  background: var(--colors-neutral-surfaceDisabled__g6qx2ku);
+  border-color: var(--colors-danger-surfaceHighlight__g6qx2km);
+}
+.button\.style_danger__g18y8t2:focus {
+  border-color: var(--colors-danger-interactiveHover__g6qx2ko);
+}
+.button\.style_neutral__g18y8t3 {
+  background: var(--colors-neutral-interactive__g6qx2kw);
+  border-color: var(--colors-neutral-interactive__g6qx2kw);
+  color: var(--colors-neutral-textLow__g6qx2k10);
+}
+.button\.style_neutral__g18y8t3:hover {
+  background: var(--colors-neutral-interactiveHover__g6qx2kx);
+  border-color: var(--colors-neutral-interactiveHover__g6qx2kx);
+}
+.button\.style_neutral__g18y8t3:active {
+  background: var(--colors-neutral-interactivePressed__g6qx2ky);
+  border-color: var(--colors-neutral-interactivePressed__g6qx2ky);
+}
+.button\.style_neutral__g18y8t3:disabled {
+  background: var(--colors-neutral-surfaceDisabled__g6qx2ku);
+  border-color: var(--colors-neutral-surfaceHighlight__g6qx2kv);
+}
+.button\.style_neutral__g18y8t3:focus {
+  border-color: var(--colors-neutral-interactiveHover__g6qx2kx);
+}
+/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
+  !*** css ../../node_modules/css-loader/dist/cjs.js!./node_modules/@vanilla-extract/webpack-plugin/virtualFileLoader/dist/vanilla-extract-webpack-plugin-virtualFileLoader.cjs.js?{"fileName":"src/packages/checkbox/checkbox.style.css.ts.vanilla.css","source":"#H4sIAAAAAAAAE61Sy26DMBC85yt8bA5GQKpIJdd+RiVk7AW2ODb1Iwmq2m8vRqASKSWoynFnXzOzG/EaeFPoy1tkXSchzxNeN0XyEpPPDSECbStZl5FSwuXQA0xipSg6ONqMcFAOTIDPKFzdV6GjXPegcgGtWJuREzNPlNqWcVQVTfK82n9c0iYx21DSaosOtcqIAckcnuCw+dpEf7FKBla/TaywWnoHYZQ+gSmlPmekRiFADVhY63r+cYhqwKp2YzBSjhf3pcO+sTQxcJyPmeK1Jr1767DsJofmqVs2EFJoI8DQiWkU73fjyjEzkM1I7wGKGWyYQG+XrV8Qvbs+vdJq+SjP1/WF1LxZbIgJqta7bMiDIN/kzgEKxpvKaK9Eb57UZpI2BJa2Bo/MdBSDnYwH+yat6Xbmyz96V6johbNCPkCGAu8Mk9R6UzIOr+PciY6/J2XqvyHlvE7KqoOs/ZsH/8Ha9xvf9QfmH4xk2QQAAA=="}!./node_modules/@vanilla-extract/webpack-plugin/extracted.js ***!
+  \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
+.checkbox\.style__1chkb190 {
+  display: flex;
+  align-items: center;
+  width: fit-content;
+  gap: var(--spacing-1__g6qx2k1r);
+  position: relative;
+}
+.checkbox\.style__1chkb191 {
+  position: absolute;
+  overflow: hidden;
+  opacity: 0;
+  height: 0;
+  width: 0;
+}
+.checkbox\.style__1chkb192 {
+  width: 1rem;
+  height: 1rem;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  position: relative;
+  border-width: 0.063rem;
+  border-style: solid;
+  border-radius: var(--spacing-1__g6qx2k1r);
+}
+.checkbox\.style__1chkb193 {
+  display: none;
+}
+.checkbox\.style__1chkb194 {
+  display: block;
+}
+.checkbox\.style__1chkb190 input:checked ~ .checkbox\.style__1chkb192 {
+  background-color: var(--colors-primary-interactive__g6qx2k2);
+  border-color: var(--colors-primary-interactive__g6qx2k2);
+}
+.checkbox\.style__1chkb190 input:disabled ~ .checkbox\.style__1chkb192 {
+  background-color: var(--colors-neutral-surfaceDisabled__g6qx2ku);
+  border-color: var(--colors-neutral-interactive__g6qx2kw);
+}
+.checkbox\.style__1chkb190 input:checked ~ .checkbox\.style__1chkb192 .checkbox\.style__1chkb193 {
+  display: block;
+}
+.checkbox\.style__1chkb190 input:checked ~ .checkbox\.style__1chkb192 .checkbox\.style__1chkb194 {
+  display: none;
+}
 /*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
   !*** css ../../node_modules/css-loader/dist/cjs.js!./node_modules/@vanilla-extract/webpack-plugin/virtualFileLoader/dist/vanilla-extract-webpack-plugin-virtualFileLoader.cjs.js?{"fileName":"src/packages/checkbox/checkbox.sprinkle.css.ts.vanilla.css","source":"LmNoZWNrYm94XC5zcHJpbmtsZV9ib3JkZXJDb2xvcl9wcmltYXJ5XC5pbnRlcmFjdGl2ZV9fd3M5amFpMCB7CiAgYm9yZGVyLWNvbG9yOiB2YXIoLS1jb2xvcnMtcHJpbWFyeS1pbnRlcmFjdGl2ZV9fZzZxeDJrMik7Cn0KLmNoZWNrYm94XC5zcHJpbmtsZV9ib3JkZXJDb2xvcl9kYW5nZXJcLmludGVyYWN0aXZlX193czlqYWkxIHsKICBib3JkZXItY29sb3I6IHZhcigtLWNvbG9ycy1kYW5nZXItaW50ZXJhY3RpdmVfX2c2cXgya24pOwp9Ci5jaGVja2JveFwuc3ByaW5rbGVfYm9yZGVyQ29sb3JfbmV1dHJhbFwuaW50ZXJhY3RpdmVfX3dzOWphaTIgewogIGJvcmRlci1jb2xvcjogdmFyKC0tY29sb3JzLW5ldXRyYWwtaW50ZXJhY3RpdmVfX2c2cXgya3cpOwp9Ci5jaGVja2JveFwuc3ByaW5rbGVfY3Vyc29yX3BvaW50ZXJfX3dzOWphaTMgewogIGN1cnNvcjogcG9pbnRlcjsKfQouY2hlY2tib3hcLnNwcmlua2xlX2N1cnNvcl9hdXRvX193czlqYWk0IHsKICBjdXJzb3I6IGF1dG87Cn0="}!./node_modules/@vanilla-extract/webpack-plugin/extracted.js ***!
   \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/