@octavius2929-personal/design-system 1.1.0 → 1.3.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 {