@octavius2929-personal/design-system 1.2.0 → 1.4.0

package/dist/index.css

@@ -1523,8 +1523,17 @@
   text-align: right;
 }
 
-/* vanilla-extract-css-ns:src/components/button/use-styles.css.ts.vanilla.css?source=#H4sIAAAAAAAAA7VWyW7bMBS8-yt0KRAfGHhJ0lQ5Feiln9CTQYlPNGOKZLl4adF_L0RLtFZbynKzxeHMaN5i3zsDyNgTB7PRUtrNZqkSyzhfRH9nUUSYURyf4ogJzgSgjMPxZRZFmDMqELOQmzhKQVjQxeNXZyzLTiiVwoKw9SOKVRztsb5DyCicAjKrzQbWVDu9xPMCkUlhUYZzxk8V0j_KpZAVdOWRHKwF7XmYoBXYapzumKDowAjoQO78FQtHWyCEyaTO48gpBTrFBorDRGoCGmlMmDMV3fkbSrCBwJXPa_ADI3ZboSsKxy9oVUf7jOPISM5I8Th12kgdR0qyKqLDllk4pxNHQh40Vt564ZpZJkUcYc5LQeI0yrCxIZnlvDwBbAAxsQsnD_OX2b_Z_WClY5xatodYSHsXE2ZwwoHMff1rifmPHFv4dbe4f1THW6SZTJ1Be2ZYwsGTSWeLJoqjlTqegwhlTp0Jds8FK8FIZpkB6-_cEKyce60EpzuqpROkdK6wBmF98pIXwZfSFBmX2EvVVlCvWgNbVbKJp_N6OYW0CHMuD0Dadg37AxuTB8dLb1RhQmpN3DMbzZOHcJJepqagjqPlspuRF81JEF1dEV0H6qQl-hhOSEe0pzBelNMgun6T6FM4gY7ouiuaOc6D4kNze1VrqxzZ5WLxpX3dSgGbjHEO5GcxOyXRY6ebLn1jtRQ09MG5HM2GoUhhemmV58HW6qcb5zDeyj3ovunttZ07CyTIkGuWutBBR9_TYtUHU08D-tjDGkt19doNLqNIioqyhGWDTodIR5udkmAp5m8Etd0tb114j7ly5dWL-3XyMutrynd1XJ-rKYElxYYVOxBBCF8VahXneVICZdzFr32Qyz-icQbMvaFzjMwu3ni_Gt1KY-uJf5vaB7envEEwysOnVN3LtGLFn1LzUS_cdvIp73zeQj-woMVSKKWSAVbiYc0mFe9dmUOko81OyaUUa-5AectbFz48li136aT-KfUa_fP7I5IbMPeG6Bo7Q10ZpJbWtP_CY4MYNUhtJx_y1v8B76QdS64OAAA */
+/* vanilla-extract-css-ns:src/components/button/use-styles.css.ts.vanilla.css?source=#H4sIAAAAAAAAA71YyXLjNhC9-ytwSZV1gEuL7Xg4l0xNDsk1t5xUINGkYIEAB4tkJeV_TwEEIa5aPFZOEomHfo-vG00Cv23hkCtSgkZWA9bmwEGvdcXEer2oUsM4Z-jfO4Tmv_gfhIwiQudSlQlS0hAD9_PZ1zuE3u8QWsxPwFbPcwpFwL7fPbT4lJQm8s19hEpqZpgUCVLAiWE7cBMp0xUnhwQxwZkAnHN4c_cJZ4XAzECpE5SBMKDc7VerDcsPOJPCgDDtoYJUCdoRdY-xrkgGWC_Xa1gVyqoF8SJzKQzOScn4oUH6W6UUsoEuPZKDMaB8HCaKBmwUybZMFHjPKKgY3PopBt4MbnlkqwpURrR_ylQqCgorQpnVTbj6CqdEQ4xVzlrwPaNm06CbEJYf0VUb7Z1PkJacUXc7s0pLlaBKssai_YYZqN1JkJB7RSov3akOuSGcB0JqFc6JNtGZxSyMANGAmdjGkcfZ15P5T0jm8p0Iae4TyjRJOdCZr4qWY_4vJwb-vp8_PFVv54LmMrMa75hmKQcfTFrjiihBy-qtNiKmObM6yq0TFsBY5rkG4-ecIWyUe66UZNtCSStoUF4RBcJ45yV3xgfqAmubmmPWltDOWgfbZLKLr1dYk04hDSacyz3QvlwuCWWi-KuteuHFNpP3hHmFoSYw7EAY7YIK6EfT7B9Y6zJGWtarmFDaWhIjK6078hhHsuMadKETtFgMHfekJY2kqxOkqxg67ZE-xRE6IB1JsyflRSR9_BDpcxyBAelqSJpbziPjk2eMvbBpgqEBuCbcn26kgHXOOAf6p1uJIdDzoDaPVWiUFEWsqjod3fIrcEWKY-G9TBbqeLjLFCYbuQM11gtGZZfWAI009JSkIXRS0bfMvTiiqF8n-ImHdVr08nVoXF5gKZqQAZZPKp0KerHYaxwMZH5GZNue0zaEj4gLDbSd3JerW-NYUf5UxY2pusaw1PVrsQURichJol5yvlzlQLDbfTtEuvIzCmdC3AcqR8v8qI2PsxUbqU3bcXJtHZxf5Z0AF2m4SdY9Tc_W9CY5v-iB-0pu8sx1F_qdiMI1hUCVTUSlHtYtUvGzLXMq6MVir_ElkHV7oDynbQifXpY9ddd9UAa-Tv38-AznJsR9wLpOz6hOLKQeF9zEiIsWUl_J5z-1Bg6Z73KBI7-y8f4P746hxs9_Y4Ste6Qout--l50DnNvsj1L-wSiF4zHI5hbECEl3aGAOCZoP3K2YEK0ie-2di5BUS26NPzFgwm9K5-5_SVTB3Lg1sr0tgNJdbYAVGxMv6-T3dpQbILtD1PljFjbHmVVuVXx3hdIqHCOr0bVz-hyj3tAEirrjE8FK4p4NC1JCMn0g1QVTq0jtyPzhRXfHDCvdCUxuRVZDXNKI6oKYgToCzqR1p0RM5Eww5-z7f2WV8MAgEwAA */
+@keyframes use-styles_spin__1pbtilli {
+  0% {
+    transform: rotate(0);
+  }
+  100% {
+    transform: rotate(360deg);
+  }
+}
 .use-styles_root__1pbtill0 {
+  position: relative;
   display: inline-flex;
   align-items: center;
   justify-content: center;
@@ -1552,97 +1561,134 @@
   border-color: var(--border-subtle__e3grur2g);
   cursor: not-allowed;
 }
-.use-styles_size_sm__1pbtill1 {
+.use-styles_loadingRoot__1pbtill1 {
+  cursor: wait;
+  pointer-events: none;
+}
+.use-styles_size_sm__1pbtill2 {
   padding: var(--space-s2__e3grur1a) var(--space-s4__e3grur1c);
   font-size: 11px;
 }
-.use-styles_size_md__1pbtill2 {
+.use-styles_size_md__1pbtill3 {
   padding: var(--space-s3__e3grur1b) var(--space-s5__e3grur1d);
   font-size: 12px;
 }
-.use-styles_size_lg__1pbtill3 {
+.use-styles_size_lg__1pbtill4 {
   padding: var(--space-s3__e3grur1b) var(--space-s6__e3grur1e);
   font-size: 13px;
 }
-.use-styles_full__1pbtill4 {
+.use-styles_full__1pbtill5 {
   display: flex;
   width: 100%;
 }
-.use-styles_tone_filledInk__1pbtill5 {
+.use-styles_tone_filledInk__1pbtill6 {
   background: var(--fg-strong__e3grur2c);
   color: var(--bg-page__e3grur28);
   border-color: var(--fg-strong__e3grur2c);
 }
-.use-styles_tone_filledInk__1pbtill5:hover:not(:disabled) {
+.use-styles_tone_filledInk__1pbtill6:hover:not(:disabled) {
   background: var(--fg-muted__e3grur2d);
   border-color: var(--fg-muted__e3grur2d);
 }
-.use-styles_tone_filledAccent__1pbtill6 {
+.use-styles_tone_filledAccent__1pbtill7 {
   background: var(--accent-base__e3grur2j);
   color: var(--fg-onAccent__e3grur2f);
   border-color: var(--accent-base__e3grur2j);
 }
-.use-styles_tone_filledAccent__1pbtill6:hover:not(:disabled) {
+.use-styles_tone_filledAccent__1pbtill7:hover:not(:disabled) {
   background: var(--accent-hover__e3grur2k);
   border-color: var(--accent-hover__e3grur2k);
 }
-.use-styles_tone_outlineInk__1pbtill7 {
+.use-styles_tone_outlineInk__1pbtill8 {
   background: transparent;
   color: var(--fg-strong__e3grur2c);
   border-color: var(--fg-strong__e3grur2c);
 }
-.use-styles_tone_outlineInk__1pbtill7:hover:not(:disabled) {
+.use-styles_tone_outlineInk__1pbtill8:hover:not(:disabled) {
   background: var(--bg-sunken__e3grur2a);
 }
-.use-styles_tone_outlineAccent__1pbtill8 {
+.use-styles_tone_outlineAccent__1pbtill9 {
   background: transparent;
   color: var(--accent-text__e3grur2m);
   border-color: var(--accent-base__e3grur2j);
 }
-.use-styles_tone_outlineAccent__1pbtill8:hover:not(:disabled) {
+.use-styles_tone_outlineAccent__1pbtill9:hover:not(:disabled) {
   background: var(--accent-soft__e3grur2l);
 }
-.use-styles_tone_ghostInk__1pbtill9 {
+.use-styles_tone_ghostInk__1pbtilla {
   background: transparent;
   color: var(--fg-muted__e3grur2d);
   border-color: transparent;
 }
-.use-styles_tone_ghostInk__1pbtill9:hover:not(:disabled) {
+.use-styles_tone_ghostInk__1pbtilla:hover:not(:disabled) {
   background: var(--bg-sunken__e3grur2a);
 }
-.use-styles_tone_ghostAccent__1pbtilla {
+.use-styles_tone_ghostAccent__1pbtillb {
   background: transparent;
   color: var(--accent-text__e3grur2m);
   border-color: transparent;
 }
-.use-styles_tone_ghostAccent__1pbtilla:hover:not(:disabled) {
+.use-styles_tone_ghostAccent__1pbtillb:hover:not(:disabled) {
   background: var(--bg-sunken__e3grur2a);
 }
-.use-styles_tone_filledDanger__1pbtillb {
+.use-styles_tone_filledDanger__1pbtillc {
   background: var(--danger-base__e3grur2n);
   color: var(--fg-onAccent__e3grur2f);
   border-color: var(--danger-base__e3grur2n);
 }
-.use-styles_tone_filledDanger__1pbtillb:hover:not(:disabled) {
+.use-styles_tone_filledDanger__1pbtillc:hover:not(:disabled) {
   background: var(--danger-hover__e3grur2o);
   border-color: var(--danger-hover__e3grur2o);
 }
-.use-styles_tone_outlineDanger__1pbtillc {
+.use-styles_tone_outlineDanger__1pbtilld {
   background: transparent;
   color: var(--danger-text__e3grur2q);
   border-color: var(--danger-base__e3grur2n);
 }
-.use-styles_tone_outlineDanger__1pbtillc:hover:not(:disabled) {
+.use-styles_tone_outlineDanger__1pbtilld:hover:not(:disabled) {
   background: var(--danger-soft__e3grur2p);
 }
-.use-styles_tone_ghostDanger__1pbtilld {
+.use-styles_tone_ghostDanger__1pbtille {
   background: transparent;
   color: var(--danger-text__e3grur2q);
   border-color: transparent;
 }
-.use-styles_tone_ghostDanger__1pbtilld:hover:not(:disabled) {
+.use-styles_tone_ghostDanger__1pbtille:hover:not(:disabled) {
   background: var(--danger-soft__e3grur2p);
 }
+.use-styles_selected__1pbtillf {
+  background: var(--accent-soft__e3grur2l);
+  color: var(--accent-text__e3grur2m);
+  border-color: var(--accent-base__e3grur2j);
+}
+.use-styles_selected__1pbtillf:hover:not(:disabled) {
+  background: var(--accent-soft__e3grur2l);
+}
+.use-styles_content__1pbtillg {
+  display: inline-flex;
+  align-items: center;
+  gap: var(--space-s2__e3grur1a);
+}
+.use-styles_contentHidden__1pbtillh {
+  display: inline-flex;
+  align-items: center;
+  gap: var(--space-s2__e3grur1a);
+  opacity: 0;
+}
+.use-styles_spinner__1pbtillj {
+  position: absolute;
+  inset: 0;
+  margin: auto;
+  width: 1em;
+  height: 1em;
+  border: var(--border-heavy__e3grur1q) solid currentColor;
+  border-top-color: transparent;
+  border-radius: var(--radius-full__e3grur1n);
+  animation-name: use-styles_spin__1pbtilli;
+  animation-duration: 0.8s;
+  animation-timing-function: linear;
+  animation-iteration-count: infinite;
+}
 
 /* vanilla-extract-css-ns:src/components/divider/use-styles.css.ts.vanilla.css?source=LnVzZS1zdHlsZXNfcm9vdF9fMW43djd5ajAgewogIGJvcmRlcjogbm9uZTsKfQoudXNlLXN0eWxlc19ob3Jpem9udGFsX18xbjd2N3lqMSB7CiAgd2lkdGg6IDEwMCU7CiAgaGVpZ2h0OiAxcHg7CiAgYmFja2dyb3VuZDogdmFyKC0tYm9yZGVyLXN1YnRsZV9fZTNncnVyMmcpOwp9Ci51c2Utc3R5bGVzX3ZlcnRpY2FsX18xbjd2N3lqMiB7CiAgd2lkdGg6IDFweDsKICBhbGlnbi1zZWxmOiBzdHJldGNoOwogIGhlaWdodDogMTAwJTsKICBtaW4taGVpZ2h0OiAxZW07CiAgYmFja2dyb3VuZDogdmFyKC0tYm9yZGVyLXN1YnRsZV9fZTNncnVyMmcpOwp9Ci51c2Utc3R5bGVzX2xhYmVsbGVkX18xbjd2N3lqMyB7CiAgZGlzcGxheTogZmxleDsKICBhbGlnbi1pdGVtczogY2VudGVyOwogIGdhcDogdmFyKC0tc3BhY2UtczNfX2UzZ3J1cjFiKTsKICB3aWR0aDogMTAwJTsKICBiYWNrZ3JvdW5kOiB0cmFuc3BhcmVudDsKfQoudXNlLXN0eWxlc19saW5lX18xbjd2N3lqNCB7CiAgZmxleDogMTsKICBoZWlnaHQ6IDFweDsKICBiYWNrZ3JvdW5kOiB2YXIoLS1ib3JkZXItc3VidGxlX19lM2dydXIyZyk7Cn0KLnVzZS1zdHlsZXNfbGFiZWxfXzFuN3Y3eWo1IHsKICBmb250LWZhbWlseTogdmFyKC0tZm9udC1tb25vX19lM2dydXIyKTsKICBmb250LXNpemU6IHZhcigtLXRleHQtZXllYnJvdy1zaXplX19lM2dydXI0KTsKICBsZXR0ZXItc3BhY2luZzogdmFyKC0tdHJhY2tpbmctd2lkZXN0X19lM2dydXIxdik7CiAgdGV4dC10cmFuc2Zvcm06IHVwcGVyY2FzZTsKICBjb2xvcjogdmFyKC0tZmctc3VidGxlX19lM2dydXIyZSk7CiAgd2hpdGUtc3BhY2U6IG5vd3JhcDsKfQ */
 .use-styles_root__1n7v7yj0 {
@@ -1955,6 +2001,35 @@
   line-height: var(--text-body-lineHeight__e3grurt);
 }
 
+/* vanilla-extract-css-ns:src/components/radio-group/use-styles.css.ts.vanilla.css?source=LnVzZS1zdHlsZXNfcm9vdF9fbmZnaHJpMCB7CiAgZGlzcGxheTogaW5saW5lLWZsZXg7CiAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjsKICBnYXA6IHZhcigtLXNwYWNlLXMyX19lM2dydXIxYSk7Cn0KLnVzZS1zdHlsZXNfbGFiZWxfX25mZ2hyaTEgewogIGZvbnQtZmFtaWx5OiB2YXIoLS1mb250LW1vbm9fX2UzZ3J1cjIpOwogIGZvbnQtc2l6ZTogdmFyKC0tdGV4dC1jYXB0aW9uLXNpemVfX2UzZ3J1cjE0KTsKICBsaW5lLWhlaWdodDogdmFyKC0tdGV4dC1jYXB0aW9uLWxpbmVIZWlnaHRfX2UzZ3J1cjE1KTsKICBsZXR0ZXItc3BhY2luZzogdmFyKC0tdGV4dC1jYXB0aW9uLWxldHRlclNwYWNpbmdfX2UzZ3J1cjE3KTsKICB0ZXh0LXRyYW5zZm9ybTogdXBwZXJjYXNlOwogIGNvbG9yOiB2YXIoLS1mZy1zdWJ0bGVfX2UzZ3J1cjJlKTsKfQoudXNlLXN0eWxlc19saXN0X19uZmdocmkyIHsKICBkaXNwbGF5OiBmbGV4OwogIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47CiAgZ2FwOiB2YXIoLS1zcGFjZS1zM19fZTNncnVyMWIpOwp9Ci51c2Utc3R5bGVzX2xpc3RIb3Jpem9udGFsX19uZmdocmkzIHsKICBmbGV4LWRpcmVjdGlvbjogcm93OwogIGZsZXgtd3JhcDogd3JhcDsKICBjb2x1bW4tZ2FwOiB2YXIoLS1zcGFjZS1zNV9fZTNncnVyMWQpOwogIHJvdy1nYXA6IHZhcigtLXNwYWNlLXMzX19lM2dydXIxYik7Cn0KLnVzZS1zdHlsZXNfZGlzYWJsZWRfX25mZ2hyaTQgewogIGNvbG9yOiB2YXIoLS1mZy1zdWJ0bGVfX2UzZ3J1cjJlKTsKfQ */
+.use-styles_root__nfghri0 {
+  display: inline-flex;
+  flex-direction: column;
+  gap: var(--space-s2__e3grur1a);
+}
+.use-styles_label__nfghri1 {
+  font-family: var(--font-mono__e3grur2);
+  font-size: var(--text-caption-size__e3grur14);
+  line-height: var(--text-caption-lineHeight__e3grur15);
+  letter-spacing: var(--text-caption-letterSpacing__e3grur17);
+  text-transform: uppercase;
+  color: var(--fg-subtle__e3grur2e);
+}
+.use-styles_list__nfghri2 {
+  display: flex;
+  flex-direction: column;
+  gap: var(--space-s3__e3grur1b);
+}
+.use-styles_listHorizontal__nfghri3 {
+  flex-direction: row;
+  flex-wrap: wrap;
+  column-gap: var(--space-s5__e3grur1d);
+  row-gap: var(--space-s3__e3grur1b);
+}
+.use-styles_disabled__nfghri4 {
+  color: var(--fg-subtle__e3grur2e);
+}
+
 /* vanilla-extract-css-ns:src/components/switch/use-styles.css.ts.vanilla.css?source=#H4sIAAAAAAAAA6VUQW7bMBC8-xU8xihoWLLTFOyxl976BGElrSRCa1Llko7dIn8vREm04yRN0B65O9yZHQ64CYyS_ZmQC2etL4rMfe7x8LAVv1dC1JoHgrMS2pA2KBvC09eVEEC6NVJ7PLASFRqPbiy3MChxBHcnJQ9QoeS8KHDXuuAyWI-IxhovGzhoOi_IWPJ48gkakZUl6xKmleydNe2CyasJFByPqMHqScPTavPmRqoDvlO1ZigJ63VccBlgrJdAZB-xfpU8lJ4wkeP6lsk7qPpElcXZg2XttTVKOCTw-ojj6Edd-06JfT5EJzvUbeeVyOdzCVXfOhtMrYR3YHgAh8bHlnU1OjkPmLTNNRcu6rJhfYWO-pRgS7q-Kn_I3WU41DrwAp5OsglEidFEeJQ7b3xZY75WBydL4IuH-XruIDBKbfrU2U9JITxJ7pw2vRLb6DcH10CFXLD7YehcFNlPeABvtqqxVWB51KxLQvFJvPc0Nvgxz0rkw2nyJoWxCpyUhKhkBkvbNIw-3nn1-b91WPVYJ6o8Ul0_6N_sfj6wN7ZMg3Y3cYKSLQUf4-TtoES-uZ_SQ9h4JXbTYQ5Ktn-etOX8UWH_lQMg-rcAvLTj1t59dGXaGIK3I7WbVty9tWHZygHai4YvL5gISqTEcR854g_F-hcuY8bfSvIBiGI57b-N-8ewLG6_uDB2v8dmujZ-eE9_ABrXgO2KBQAA */
 .use-styles_root__1r6kem70 {
   display: inline-flex;