@octavius2929-personal/design-system 0.6.0 → 0.7.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/index.css CHANGED
@@ -1248,28 +1248,28 @@
1248
1248
  line-height: var(--text-small-lineHeight__e3grur11);
1249
1249
  }
1250
1250
 
1251
- /* vanilla-extract-css-ns:src/components/text-field/use-styles.css.ts.vanilla.css?source=#H4sIAAAAAAAAA61VwW7bMAy95yt8GbAcVCRpt7XObcAOuw3r7gEt0Y5aWTQkOnE29N8HybFqN226FkMOgULy8ZGPZC5aj8LzwaDfOCLebHbA19Vukf2ZZZnSvjFwyLPSYLeeZfFbKO1QsiabZ5JMW9tgqaDJsx24j0L4BiSKzm82eFm51i1v5uvZw-xilMpAgeYXdinfMuYrybIoodbmMIDFn2qyNKCt5uvB0-vfOPgxdizwgIWjfTQM_lfR3yAzukhN2yoFOZD32lZirxV6ToR3MSZCsgPrS3J1nrVNg06Cx2CUZMglktVloocvF_vNOXJDxatY8QRGga3QJSQ6QSo1GjUAXEaAhrzutXBogPUusjsRDoyurNCMtc8ziZbRPQXXtmmTHldn9eCo3LFZZ_QoSB0mYvj5M71bpoplNBcg7ytHrVWDT1Gtks9N70NOYcLoX2ILOnVvSfPMk9Fq4vIIsx3BCAdKt35A61-iAJ94L-vo3oBSo_HpB71WyauYv2wJ8XuteJtny8XiQ3hSy0ZbzDNLFns6XWhXTHGkVlB3Xqi8JNn6KNcxZNJekEHtVPbdPOXZgqJ9ni3iZ9V0k4BbKh-DzMkgRgqTcf70IoNXpzqC3TI4_gFpuj_30903XBgsedr1VWdSc09XLkL-xB2CGWF-mWA6XW3fBLpF04xv1vV_2REJTdjfyZosr0YBIXkYEVeDeePlGRhPlLp5x-HxQZ3vkuwAAk-ODxSeTMvY39qnYp0sQrpP2oYNEGfP1CslBxo6eArcoWU_rNO0AheH4WvL_FhEcaaIZ6bD16kKeE8Vd61nXR6EJMtoeWx69rCEMlLG68nZSwdjdCrjP1UDDi3_Q89k63ywH3u3nj38Bcb3PFULCAAA */
1252
- .use-styles_root__vat8gv0 {
1251
+ /* vanilla-extract-css-ns:src/components/base-field/use-styles.css.ts.vanilla.css?source=#H4sIAAAAAAAAA61VTW_bMAy951foMmA5qIiT7qPOeYfdBrT3gJZoW60sGpKcOBv23wfJsWo3TYoWQw6BQvLxkY9kbjqH3PmjRrezRH63y8RGVHLF_iwYk8q1Go45KzX22wWL31wqi8IrMjkTpLvGBEsFbc72YD9z7loQyHu32-Gmsp3N7pbbxd_FzSSVhgL1A_YpXxbzlWQ8L6FR-jiCxZ8aMjSirZfb0dOp3zj6eew9xyMWlg7RMPrfRn-N3qON1JSpUpAF8aRMxQ9KovOJ8D7GREhvwbiSbJOzrm3RCnAYjII02USy2iR6eLnYH9aSHStex4pnMBJMhTYh0RlSqVDLEWATAVpyatDCogav9pHdmXCgVWW48ti4nAk0Hu1LcGXaLulxe1UPH5U7NeuKHgXJ40wMt3yld1mqWERzAeKpstQZOfoU1Tr53A0-ZCUmjOHFa1CpexktmSOt5MzlGaaewHALUnVuRBtevACXeGdNdG9Bysn4DIPeyORVLC9bQvxBSV_nLFutPoUndV4rgzkzZHCg04d2xRQnagX114XKSxKdi3KdQmbtBRHUTmU_LlOeGiQdcraKn3XbzwLuqXwO0meDGCnMxvnLRQZvTnUEu_dg_S9I0_11mO6h4Vxj6eddX_c6Nfd85SLkgwWllakmqN9mqFZV9btga9Tt9Gp9_y9bIqANGzxblOx2EhCShyGxDeh33p6R8Uyruw-cHhf0-SnI3Ovnfwl4cYKgcKQ7j8PFfSnZ2TqkK6VM2AN-9Vi9UXagoYInxz0a78almlfhTyMxLaK4UsQrE-KaVAV8pIrHznlVHrkg49H4yTX-Bw-3nXGMBwAA */
1252
+ .use-styles_root__1c3cgd0 {
1253
1253
  display: flex;
1254
1254
  flex-direction: column;
1255
1255
  gap: var(--space-xs__e3grur19);
1256
1256
  }
1257
- .use-styles_labelText__vat8gv1 {
1257
+ .use-styles_labelText__1c3cgd1 {
1258
1258
  font-family: var(--font-mono__e3grur2);
1259
1259
  font-size: var(--text-eyebrow-size__e3grur4);
1260
1260
  letter-spacing: var(--tracking-widest__e3grur1v);
1261
1261
  text-transform: uppercase;
1262
1262
  color: var(--fg3__e3grur2e);
1263
1263
  }
1264
- .use-styles_labelTextError__vat8gv2 {
1264
+ .use-styles_labelTextError__1c3cgd2 {
1265
1265
  color: var(--danger__e3grur2o);
1266
1266
  }
1267
- .use-styles_field__vat8gv3 {
1267
+ .use-styles_field__1c3cgd3 {
1268
1268
  position: relative;
1269
1269
  display: flex;
1270
1270
  align-items: center;
1271
1271
  }
1272
- .use-styles_input__vat8gv4 {
1272
+ .use-styles_input__1c3cgd4 {
1273
1273
  font-family: var(--font-text__e3grur1);
1274
1274
  font-size: var(--text-body-size__e3grurs);
1275
1275
  color: var(--fg1__e3grur2c);
@@ -1281,29 +1281,29 @@
1281
1281
  outline: none;
1282
1282
  box-sizing: border-box;
1283
1283
  }
1284
- .use-styles_input__vat8gv4:focus {
1284
+ .use-styles_input__1c3cgd4:focus {
1285
1285
  border-color: var(--accent__e3grur2j);
1286
1286
  box-shadow: 0 0 0 2px var(--accentSoft__e3grur2l);
1287
1287
  }
1288
- .use-styles_inputError__vat8gv5 {
1288
+ .use-styles_inputError__1c3cgd5 {
1289
1289
  border-color: var(--danger__e3grur2o);
1290
1290
  }
1291
- .use-styles_inputStartPad__vat8gv6 {
1291
+ .use-styles_inputStartPad__1c3cgd6 {
1292
1292
  padding-left: var(--space-2xl__e3grur1e);
1293
1293
  }
1294
- .use-styles_inputRevealPad__vat8gv7 {
1294
+ .use-styles_inputTrailingPad__1c3cgd7 {
1295
1295
  padding-right: var(--space-2xl__e3grur1e);
1296
1296
  }
1297
- .use-styles_helpText__vat8gv8 {
1297
+ .use-styles_helpText__1c3cgd8 {
1298
1298
  font-family: var(--font-text__e3grur1);
1299
1299
  font-size: var(--text-caption-size__e3grur14);
1300
1300
  font-style: normal;
1301
1301
  color: var(--fg3__e3grur2e);
1302
1302
  }
1303
- .use-styles_helpTextError__vat8gv9 {
1303
+ .use-styles_helpTextError__1c3cgd9 {
1304
1304
  color: var(--danger__e3grur2o);
1305
1305
  }
1306
- .use-styles_startIcon__vat8gva {
1306
+ .use-styles_startIconSlot__1c3cgda {
1307
1307
  position: absolute;
1308
1308
  left: var(--space-md__e3grur1b);
1309
1309
  display: inline-flex;
@@ -1311,17 +1311,32 @@
1311
1311
  color: var(--fg3__e3grur2e);
1312
1312
  pointer-events: none;
1313
1313
  }
1314
- .use-styles_revealButton__vat8gvb {
1314
+ .use-styles_trailingSlot__1c3cgdb {
1315
1315
  position: absolute;
1316
1316
  right: var(--space-sm__e3grur1a);
1317
1317
  display: inline-flex;
1318
1318
  align-items: center;
1319
1319
  justify-content: center;
1320
- padding: var(--space-none__e3grur18);
1320
+ }
1321
+
1322
+ /* vanilla-extract-css-ns:src/components/password-field/use-styles.css.ts.vanilla.css?source=LnVzZS1zdHlsZXNfcmV2ZWFsQnV0dG9uX19yc3U5ZDUwIHsKICBkaXNwbGF5OiBpbmxpbmUtZmxleDsKICBhbGlnbi1pdGVtczogY2VudGVyOwogIGp1c3RpZnktY29udGVudDogY2VudGVyOwogIHBhZGRpbmc6IHZhcigtLXNwYWNlLXNtX19lM2dydXIxYSk7CiAgYm9yZGVyOiBub25lOwogIGJhY2tncm91bmQ6IHRyYW5zcGFyZW50OwogIGNvbG9yOiB2YXIoLS1mZzNfX2UzZ3J1cjJlKTsKICBjdXJzb3I6IHBvaW50ZXI7CiAgYm9yZGVyLXJhZGl1czogdmFyKC0tcmFkaXVzLWJhc2VfX2UzZ3J1cjFtKTsKfQoudXNlLXN0eWxlc19yZXZlYWxCdXR0b25fX3JzdTlkNTA6aG92ZXIgewogIGNvbG9yOiB2YXIoLS1mZzFfX2UzZ3J1cjJjKTsKfQoudXNlLXN0eWxlc19yZXZlYWxCdXR0b25fX3JzdTlkNTA6Zm9jdXMtdmlzaWJsZSB7CiAgb3V0bGluZTogMnB4IHNvbGlkIHZhcigtLWZvY3VzX19lM2dydXIycSk7CiAgb3V0bGluZS1vZmZzZXQ6IDJweDsKfQ */
1323
+ .use-styles_revealButton__rsu9d50 {
1324
+ display: inline-flex;
1325
+ align-items: center;
1326
+ justify-content: center;
1327
+ padding: var(--space-sm__e3grur1a);
1321
1328
  border: none;
1322
1329
  background: transparent;
1323
1330
  color: var(--fg3__e3grur2e);
1324
1331
  cursor: pointer;
1332
+ border-radius: var(--radius-base__e3grur1m);
1333
+ }
1334
+ .use-styles_revealButton__rsu9d50:hover {
1335
+ color: var(--fg1__e3grur2c);
1336
+ }
1337
+ .use-styles_revealButton__rsu9d50:focus-visible {
1338
+ outline: 2px solid var(--focus__e3grur2q);
1339
+ outline-offset: 2px;
1325
1340
  }
1326
1341
 
1327
1342
  /* vanilla-extract-css-ns:src/components/icon-button/use-styles.css.ts.vanilla.css?source=LnVzZS1zdHlsZXNfcm9vdF9fMThucDBxMDAgewogIGRpc3BsYXk6IGlubGluZS1mbGV4OwogIGFsaWduLWl0ZW1zOiBjZW50ZXI7CiAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7CiAgcGFkZGluZzogdmFyKC0tc3BhY2Utc21fX2UzZ3J1cjFhKTsKICBiYWNrZ3JvdW5kOiB0cmFuc3BhcmVudDsKICBjb2xvcjogdmFyKC0tZmcyX19lM2dydXIyZCk7CiAgYm9yZGVyLXdpZHRoOiB2YXIoLS1ib3JkZXItaGFpcl9fZTNncnVyMW8pOwogIGJvcmRlci1zdHlsZTogc29saWQ7CiAgYm9yZGVyLWNvbG9yOiB0cmFuc3BhcmVudDsKICBib3JkZXItcmFkaXVzOiB2YXIoLS1yYWRpdXMtYmFzZV9fZTNncnVyMW0pOwogIGJveC1zaXppbmc6IGJvcmRlci1ib3g7CiAgY3Vyc29yOiBwb2ludGVyOwogIHRyYW5zaXRpb246IGFsbCB2YXIoLS1kdXItZmFzdF9fZTNncnVyMjEpIHZhcigtLWVhc2UtaW5rX19lM2dydXIyNCk7Cn0KLnVzZS1zdHlsZXNfcm9vdF9fMThucDBxMDA6aG92ZXI6bm90KDpkaXNhYmxlZCkgewogIGJhY2tncm91bmQ6IHZhcigtLWJnM19fZTNncnVyMmEpOwp9Ci51c2Utc3R5bGVzX3Jvb3RfXzE4bnAwcTAwOmRpc2FibGVkIHsKICBjb2xvcjogdmFyKC0tZmczX19lM2dydXIyZSk7CiAgb3BhY2l0eTogMC41OwogIGN1cnNvcjogbm90LWFsbG93ZWQ7Cn0KLnVzZS1zdHlsZXNfcm9vdF9fMThucDBxMDA6Zm9jdXMtdmlzaWJsZSB7CiAgb3V0bGluZTogMnB4IHNvbGlkIHZhcigtLWZvY3VzX19lM2dydXIycSk7CiAgb3V0bGluZS1vZmZzZXQ6IDJweDsKfQoudXNlLXN0eWxlc19hY3RpdmVfXzE4bnAwcTAxIHsKICBiYWNrZ3JvdW5kOiB2YXIoLS1iZzNfX2UzZ3J1cjJhKTsKICBjb2xvcjogdmFyKC0tYWNjZW50X19lM2dydXIyaik7Cn0KLnVzZS1zdHlsZXNfYWNjZW50X18xOG5wMHEwMiB7CiAgY29sb3I6IHZhcigtLWFjY2VudF9fZTNncnVyMmopOwp9 */