@octavius2929-personal/design-system 1.4.0 → 1.5.0

package/dist/index.css

@@ -1727,11 +1727,45 @@
   white-space: nowrap;
 }
 
-/* vanilla-extract-css-ns:src/components/avatar/use-styles.css.ts.vanilla.css?source=LnVzZS1zdHlsZXNfcm9vdF9fMW1uMXJtdTAgewogIGRpc3BsYXk6IGlubGluZS1mbGV4OwogIGFsaWduLWl0ZW1zOiBjZW50ZXI7CiAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7CiAgYm9yZGVyLXJhZGl1czogdmFyKC0tcmFkaXVzLWZ1bGxfX2UzZ3J1cjFuKTsKICBib3JkZXItd2lkdGg6IHZhcigtLWJvcmRlci1ydWxlX19lM2dydXIxcCk7CiAgYm9yZGVyLXN0eWxlOiBzb2xpZDsKICBib3JkZXItY29sb3I6IHZhcigtLWZnLXN0cm9uZ19fZTNncnVyMmMpOwogIGZvbnQtZmFtaWx5OiB2YXIoLS1mb250LWRpc3BsYXlfX2UzZ3J1cjApOwogIGZvbnQtd2VpZ2h0OiB2YXIoLS13ZWlnaHQtc2VtaWJvbGRfX2UzZ3J1cjF6KTsKICBsaW5lLWhlaWdodDogMTsKICBvdmVyZmxvdzogaGlkZGVuOwp9Ci51c2Utc3R5bGVzX3NpemVfc21fXzFtbjFybXUxIHsKICB3aWR0aDogMzJweDsKICBoZWlnaHQ6IDMycHg7CiAgZm9udC1zaXplOiAxNHB4Owp9Ci51c2Utc3R5bGVzX3NpemVfbWRfXzFtbjFybXUyIHsKICB3aWR0aDogNDBweDsKICBoZWlnaHQ6IDQwcHg7CiAgZm9udC1zaXplOiAxNnB4Owp9Ci51c2Utc3R5bGVzX3NpemVfbGdfXzFtbjFybXUzIHsKICB3aWR0aDogNTZweDsKICBoZWlnaHQ6IDU2cHg7CiAgZm9udC1zaXplOiAyMnB4Owp9Ci51c2Utc3R5bGVzX3ZhcmlhbnRfZGVmYXVsdF9fMW1uMXJtdTQgewogIGJhY2tncm91bmQ6IHRyYW5zcGFyZW50OwogIGNvbG9yOiB2YXIoLS1mZy1zdHJvbmdfX2UzZ3J1cjJjKTsKfQoudXNlLXN0eWxlc192YXJpYW50X2ZpbGxlZF9fMW1uMXJtdTUgewogIGJhY2tncm91bmQ6IHZhcigtLWZnLXN0cm9uZ19fZTNncnVyMmMpOwogIGNvbG9yOiB2YXIoLS1iZy1wYWdlX19lM2dydXIyOCk7Cn0 */
+/* vanilla-extract-css-ns:src/theme/styles/surfaces/index.css.ts.vanilla.css?source=LnN1cmZhY2VzX3NyT25seV9fMXFhN2F0bjAgewogIHBvc2l0aW9uOiBhYnNvbHV0ZTsKICB3aWR0aDogMXB4OwogIGhlaWdodDogMXB4OwogIHBhZGRpbmc6IDA7CiAgbWFyZ2luOiAtMXB4OwogIG92ZXJmbG93OiBoaWRkZW47CiAgY2xpcDogcmVjdCgwLCAwLCAwLCAwKTsKICB3aGl0ZS1zcGFjZTogbm93cmFwOwogIGJvcmRlcjogMDsKfQouc3VyZmFjZXNfcGFuZWxTdXJmYWNlX18xcWE3YXRuMSB7CiAgYmFja2dyb3VuZDogdmFyKC0tYmctc3VyZmFjZV9fZTNncnVyMjkpOwogIGJvcmRlci13aWR0aDogdmFyKC0tYm9yZGVyLWhhaXJfX2UzZ3J1cjFvKTsKICBib3JkZXItc3R5bGU6IHNvbGlkOwogIGJvcmRlci1jb2xvcjogdmFyKC0tYm9yZGVyLWRlZmF1bHRfX2UzZ3J1cjJoKTsKICBib3JkZXItcmFkaXVzOiB2YXIoLS1yYWRpdXMtYmFzZV9fZTNncnVyMW0pOwogIGJveC1zaGFkb3c6IHZhcigtLXNoYWRvdy1sZ19fZTNncnVyMjcpOwogIG92ZXJmbG93OiBoaWRkZW47Cn0KLnN1cmZhY2VzX2lua3lTdXJmYWNlX18xcWE3YXRuMiB7CiAgYmFja2dyb3VuZDogdmFyKC0tZmctc3Ryb25nX19lM2dydXIyYyk7CiAgY29sb3I6IHZhcigtLWJnLXBhZ2VfX2UzZ3J1cjI4KTsKICBib3gtc2hhZG93OiB2YXIoLS1zaGFkb3ctbGdfX2UzZ3J1cjI3KTsKfQ */
+.surfaces_srOnly__1qa7atn0 {
+  position: absolute;
+  width: 1px;
+  height: 1px;
+  padding: 0;
+  margin: -1px;
+  overflow: hidden;
+  clip: rect(0, 0, 0, 0);
+  white-space: nowrap;
+  border: 0;
+}
+.surfaces_panelSurface__1qa7atn1 {
+  background: var(--bg-surface__e3grur29);
+  border-width: var(--border-hair__e3grur1o);
+  border-style: solid;
+  border-color: var(--border-default__e3grur2h);
+  border-radius: var(--radius-base__e3grur1m);
+  box-shadow: var(--shadow-lg__e3grur27);
+  overflow: hidden;
+}
+.surfaces_inkySurface__1qa7atn2 {
+  background: var(--fg-strong__e3grur2c);
+  color: var(--bg-page__e3grur28);
+  box-shadow: var(--shadow-lg__e3grur27);
+}
+
+/* vanilla-extract-css-ns:src/components/avatar/use-styles.css.ts.vanilla.css?source=#H4sIAAAAAAAAA72Wz3LbIBDG734KLp1pD2QsJ3FT5THSuwaJRSJGrArIjtPpu3eEJSz0J006nR4XL79FH98uvmktUOvOCmxmEF2WJbVOTN1uyc8NIQ1a6STqlBhQzMkjPG4I4dI2ip1TIrWSGqhQ8PK4-bW5GcGO0rZMBVziccsbCWFKlppKB7VNSQHagemWn1vrpDjTArUD7cY_5fhCrXyVukxJjoaDoTl61klyV6Uk2W4_dWEFsqzcNe6TDeOytSk5MvOZ9hEVrVJZBrelaU2iv4zSe-gle0C0CkJ2M872EqTEopJ8tFygQjNAREmtM6jLAbErPEKgdlSwWqpzSO2WeumG7O01-dR_4SX5ElELtcxR8XDAV7_Bqx4k6VbwCEYoPKWkkpyDnt6jrFkJ4Rp3_hr_IDHmz1A4KmR3Yx1_yrTyFTJbB-rtmHq7a17G1CH239rtTEly18z85pk1D8y7MfNuGzOHeMzcrzBVGZj3Y-b9PmYO8Yi5282ZR2Yk0y7jIFirrv229-ycFYfSYKt5Spxh2jbMgHYd9x3uWa4kpFJwFebrrNDbhozq5iVtvB_6lIdZVT6aIQ-TGcJyi6p1foaYi2rbS384h3Uf_I8Z8e-GQAXsGJoy-fHRKfAuPZ8m7fItbsLYhpd4mTFqDxYxJi2XLPh2YIzaIY8Yk3ZY6ieO7jtqyNDfbOAUK460jrnWUjwEecySPB7JTt1s7IH8beCJGR2QdhWZt_aKhBUkZ7rsfMXs9RL1KhKFiL5crFCXbLFioMFrUefK2QlqZg6hbBk_xrnC4vD47oPMwU8Va2a3WsVFNGpY3xtpLaMxex-_MQ8ff8XXikaeeX5jVjlsusbylRUIF4L-jPv4Hdz_xT-NVVEnjjksqvobrZKVmcYJAAA */
 .use-styles_root__1mn1rmu0 {
+  position: relative;
+  display: inline-flex;
+}
+.use-styles_visual__1mn1rmu1 {
   display: inline-flex;
   align-items: center;
   justify-content: center;
+  box-sizing: border-box;
+  width: 100%;
+  height: 100%;
   border-radius: var(--radius-full__e3grur1n);
   border-width: var(--border-rule__e3grur1p);
   border-style: solid;
@@ -1741,29 +1775,95 @@
   line-height: 1;
   overflow: hidden;
 }
-.use-styles_size_sm__1mn1rmu1 {
+.use-styles_image__1mn1rmu2 {
+  width: 100%;
+  height: 100%;
+  object-fit: cover;
+}
+.use-styles_size_sm__1mn1rmu3 {
   width: 32px;
   height: 32px;
   font-size: 14px;
 }
-.use-styles_size_md__1mn1rmu2 {
+.use-styles_size_md__1mn1rmu4 {
   width: 40px;
   height: 40px;
   font-size: 16px;
 }
-.use-styles_size_lg__1mn1rmu3 {
+.use-styles_size_lg__1mn1rmu5 {
   width: 56px;
   height: 56px;
   font-size: 22px;
 }
-.use-styles_variant_default__1mn1rmu4 {
+.use-styles_variant_default__1mn1rmu6 {
   background: transparent;
   color: var(--fg-strong__e3grur2c);
 }
-.use-styles_variant_filled__1mn1rmu5 {
+.use-styles_variant_filled__1mn1rmu7 {
   background: var(--fg-strong__e3grur2c);
   color: var(--bg-page__e3grur28);
 }
+.use-styles_dot__1mn1rmu8 {
+  position: absolute;
+  right: 0;
+  bottom: 0;
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  box-sizing: border-box;
+  border-radius: var(--radius-full__e3grur1n);
+  border-width: var(--border-heavy__e3grur1q);
+  border-style: solid;
+  border-color: var(--bg-page__e3grur28);
+}
+.use-styles_dotSize_sm__1mn1rmu9 {
+  width: 10px;
+  height: 10px;
+}
+.use-styles_dotSize_md__1mn1rmua {
+  width: 12px;
+  height: 12px;
+}
+.use-styles_dotSize_lg__1mn1rmub {
+  width: 16px;
+  height: 16px;
+}
+.use-styles_dotTone_online__1mn1rmuc {
+  background: var(--status-ok__e3grur2r);
+}
+.use-styles_dotTone_away__1mn1rmud {
+  background: var(--status-warn__e3grur2s);
+}
+.use-styles_dotTone_busy__1mn1rmue {
+  background: var(--danger-base__e3grur2n);
+}
+.use-styles_dotTone_offline__1mn1rmuf {
+  background: var(--bg-page__e3grur28);
+  border-color: var(--border-strong__e3grur2i);
+}
+.use-styles_mark__1mn1rmug {
+  display: block;
+  background: var(--bg-page__e3grur28);
+}
+.use-styles_markShape_online__1mn1rmuh {
+  display: none;
+}
+.use-styles_markShape_busy__1mn1rmui {
+  width: 55%;
+  height: 18%;
+  border-radius: var(--radius-full__e3grur1n);
+}
+.use-styles_markShape_away__1mn1rmuj {
+  position: absolute;
+  top: 10%;
+  left: 10%;
+  width: 60%;
+  height: 60%;
+  border-radius: var(--radius-full__e3grur1n);
+}
+.use-styles_markShape_offline__1mn1rmuk {
+  display: none;
+}
 
 /* vanilla-extract-css-ns:src/components/badge/use-styles.css.ts.vanilla.css?source=LnVzZS1zdHlsZXNfcm9vdF9fMXdwZWk2cDAgewogIHBvc2l0aW9uOiByZWxhdGl2ZTsKICBkaXNwbGF5OiBpbmxpbmUtZmxleDsKfQoudXNlLXN0eWxlc19kb3RfXzF3cGVpNnAxIHsKICBwb3NpdGlvbjogYWJzb2x1dGU7CiAgdG9wOiBjYWxjKHZhcigtLXNwYWNlLXMzX19lM2dydXIxYikgKiAtMSk7CiAgcmlnaHQ6IGNhbGModmFyKC0tc3BhY2UtczNfX2UzZ3J1cjFiKSAqIC0xKTsKICBkaXNwbGF5OiBpbmxpbmUtZmxleDsKICBhbGlnbi1pdGVtczogY2VudGVyOwogIGp1c3RpZnktY29udGVudDogY2VudGVyOwogIGJveC1zaXppbmc6IGJvcmRlci1ib3g7CiAgbWluLXdpZHRoOiAxOHB4OwogIGhlaWdodDogMThweDsKICBwYWRkaW5nOiB2YXIoLS1zcGFjZS1zMF9fZTNncnVyMTgpIHZhcigtLXNwYWNlLXMxX19lM2dydXIxOSk7CiAgZm9udC1mYW1pbHk6IHZhcigtLWZvbnQtbW9ub19fZTNncnVyMik7CiAgZm9udC1zaXplOiAxMXB4OwogIGZvbnQtd2VpZ2h0OiB2YXIoLS13ZWlnaHQtc2VtaWJvbGRfX2UzZ3J1cjF6KTsKICBsaW5lLWhlaWdodDogMTsKICBsZXR0ZXItc3BhY2luZzogdmFyKC0tdHJhY2tpbmctd2lkZV9fZTNncnVyMXQpOwogIGNvbG9yOiB2YXIoLS1mZy1vbkFjY2VudF9fZTNncnVyMmYpOwogIGJvcmRlcjogdmFyKC0tYm9yZGVyLWhlYXZ5X19lM2dydXIxcSkgc29saWQgdmFyKC0tYmctcGFnZV9fZTNncnVyMjgpOwogIGJvcmRlci1yYWRpdXM6IHZhcigtLXJhZGl1cy1mdWxsX19lM2dydXIxbik7Cn0KLnVzZS1zdHlsZXNfdG9uZV9pbmtfXzF3cGVpNnAyIHsKICBiYWNrZ3JvdW5kOiB2YXIoLS1mZy1zdHJvbmdfX2UzZ3J1cjJjKTsKfQoudXNlLXN0eWxlc190b25lX2FjY2VudF9fMXdwZWk2cDMgewogIGJhY2tncm91bmQ6IHZhcigtLWFjY2VudC1iYXNlX19lM2dydXIyaik7Cn0 */
 .use-styles_root__1wpei6p0 {
@@ -1895,33 +1995,6 @@
   outline-offset: 2px;
 }
 
-/* vanilla-extract-css-ns:src/theme/styles/surfaces/index.css.ts.vanilla.css?source=LnN1cmZhY2VzX3NyT25seV9fMXFhN2F0bjAgewogIHBvc2l0aW9uOiBhYnNvbHV0ZTsKICB3aWR0aDogMXB4OwogIGhlaWdodDogMXB4OwogIHBhZGRpbmc6IDA7CiAgbWFyZ2luOiAtMXB4OwogIG92ZXJmbG93OiBoaWRkZW47CiAgY2xpcDogcmVjdCgwLCAwLCAwLCAwKTsKICB3aGl0ZS1zcGFjZTogbm93cmFwOwogIGJvcmRlcjogMDsKfQouc3VyZmFjZXNfcGFuZWxTdXJmYWNlX18xcWE3YXRuMSB7CiAgYmFja2dyb3VuZDogdmFyKC0tYmctc3VyZmFjZV9fZTNncnVyMjkpOwogIGJvcmRlci13aWR0aDogdmFyKC0tYm9yZGVyLWhhaXJfX2UzZ3J1cjFvKTsKICBib3JkZXItc3R5bGU6IHNvbGlkOwogIGJvcmRlci1jb2xvcjogdmFyKC0tYm9yZGVyLWRlZmF1bHRfX2UzZ3J1cjJoKTsKICBib3JkZXItcmFkaXVzOiB2YXIoLS1yYWRpdXMtYmFzZV9fZTNncnVyMW0pOwogIGJveC1zaGFkb3c6IHZhcigtLXNoYWRvdy1sZ19fZTNncnVyMjcpOwogIG92ZXJmbG93OiBoaWRkZW47Cn0KLnN1cmZhY2VzX2lua3lTdXJmYWNlX18xcWE3YXRuMiB7CiAgYmFja2dyb3VuZDogdmFyKC0tZmctc3Ryb25nX19lM2dydXIyYyk7CiAgY29sb3I6IHZhcigtLWJnLXBhZ2VfX2UzZ3J1cjI4KTsKICBib3gtc2hhZG93OiB2YXIoLS1zaGFkb3ctbGdfX2UzZ3J1cjI3KTsKfQ */
-.surfaces_srOnly__1qa7atn0 {
-  position: absolute;
-  width: 1px;
-  height: 1px;
-  padding: 0;
-  margin: -1px;
-  overflow: hidden;
-  clip: rect(0, 0, 0, 0);
-  white-space: nowrap;
-  border: 0;
-}
-.surfaces_panelSurface__1qa7atn1 {
-  background: var(--bg-surface__e3grur29);
-  border-width: var(--border-hair__e3grur1o);
-  border-style: solid;
-  border-color: var(--border-default__e3grur2h);
-  border-radius: var(--radius-base__e3grur1m);
-  box-shadow: var(--shadow-lg__e3grur27);
-  overflow: hidden;
-}
-.surfaces_inkySurface__1qa7atn2 {
-  background: var(--fg-strong__e3grur2c);
-  color: var(--bg-page__e3grur28);
-  box-shadow: var(--shadow-lg__e3grur27);
-}
-
 /* vanilla-extract-css-ns:src/components/checkbox/use-styles.css.ts.vanilla.css?source=LnVzZS1zdHlsZXNfcm9vdF9fOXpvZ2E5MCB7CiAgZGlzcGxheTogaW5saW5lLWZsZXg7CiAgYWxpZ24taXRlbXM6IGNlbnRlcjsKICBnYXA6IHZhcigtLXNwYWNlLXMyX19lM2dydXIxYSk7CiAgY3Vyc29yOiBwb2ludGVyOwogIGZvbnQtZmFtaWx5OiB2YXIoLS1mb250LXRleHRfX2UzZ3J1cjEpOwogIGZvbnQtc2l6ZTogdmFyKC0tdGV4dC1zbWFsbC1zaXplX19lM2dydXIxMCk7CiAgY29sb3I6IHZhcigtLWZnLXN0cm9uZ19fZTNncnVyMmMpOwp9Ci51c2Utc3R5bGVzX2JveF9fOXpvZ2E5MSB7CiAgd2lkdGg6IDE4cHg7CiAgaGVpZ2h0OiAxOHB4OwogIGJvcmRlci13aWR0aDogdmFyKC0tYm9yZGVyLXJ1bGVfX2UzZ3J1cjFwKTsKICBib3JkZXItc3R5bGU6IHNvbGlkOwogIGJvcmRlci1jb2xvcjogdmFyKC0tZmctc3Ryb25nX19lM2dydXIyYyk7CiAgYm9yZGVyLXJhZGl1czogdmFyKC0tcmFkaXVzLWJhc2VfX2UzZ3J1cjFtKTsKICBkaXNwbGF5OiBmbGV4OwogIGFsaWduLWl0ZW1zOiBjZW50ZXI7CiAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7CiAgZmxleC1zaHJpbms6IDA7CiAgdHJhbnNpdGlvbjogYWxsIHZhcigtLWR1ci1mYXN0X19lM2dydXIyMSkgdmFyKC0tZWFzZS1pbmtfX2UzZ3J1cjI0KTsKfQouc3VyZmFjZXNfc3JPbmx5X18xcWE3YXRuMDpmb2N1cy12aXNpYmxlICsgLnVzZS1zdHlsZXNfYm94X185em9nYTkxIHsKICBvdXRsaW5lOiAycHggc29saWQgdmFyKC0tZm9jdXNfX2UzZ3J1cjJ1KTsKICBvdXRsaW5lLW9mZnNldDogMnB4Owp9Ci51c2Utc3R5bGVzX2JveENoZWNrZWRfXzl6b2dhOTIgewogIGJhY2tncm91bmQ6IHZhcigtLWZnLXN0cm9uZ19fZTNncnVyMmMpOwp9Ci51c2Utc3R5bGVzX2NoZWNrX185em9nYTkzIHsKICBjb2xvcjogdmFyKC0tYmctcGFnZV9fZTNncnVyMjgpOwp9Ci51c2Utc3R5bGVzX2Rpc2FibGVkX185em9nYTk0IHsKICBvcGFjaXR5OiAwLjU7CiAgY3Vyc29yOiBub3QtYWxsb3dlZDsKfQ */
 .use-styles_root__9zoga90 {
   display: inline-flex;