@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.cjs +481 -342
- package/dist/index.cjs.map +1 -1
- package/dist/index.css +30 -15
- package/dist/index.css.map +1 -1
- package/dist/index.d.cts +29 -2
- package/dist/index.d.ts +29 -2
- package/dist/index.js +434 -300
- package/dist/index.js.map +1 -1
- package/package.json +1 -1
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/
|
|
1252
|
-
.use-
|
|
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-
|
|
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-
|
|
1264
|
+
.use-styles_labelTextError__1c3cgd2 {
|
|
1265
1265
|
color: var(--danger__e3grur2o);
|
|
1266
1266
|
}
|
|
1267
|
-
.use-
|
|
1267
|
+
.use-styles_field__1c3cgd3 {
|
|
1268
1268
|
position: relative;
|
|
1269
1269
|
display: flex;
|
|
1270
1270
|
align-items: center;
|
|
1271
1271
|
}
|
|
1272
|
-
.use-
|
|
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-
|
|
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-
|
|
1288
|
+
.use-styles_inputError__1c3cgd5 {
|
|
1289
1289
|
border-color: var(--danger__e3grur2o);
|
|
1290
1290
|
}
|
|
1291
|
-
.use-
|
|
1291
|
+
.use-styles_inputStartPad__1c3cgd6 {
|
|
1292
1292
|
padding-left: var(--space-2xl__e3grur1e);
|
|
1293
1293
|
}
|
|
1294
|
-
.use-
|
|
1294
|
+
.use-styles_inputTrailingPad__1c3cgd7 {
|
|
1295
1295
|
padding-right: var(--space-2xl__e3grur1e);
|
|
1296
1296
|
}
|
|
1297
|
-
.use-
|
|
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-
|
|
1303
|
+
.use-styles_helpTextError__1c3cgd9 {
|
|
1304
1304
|
color: var(--danger__e3grur2o);
|
|
1305
1305
|
}
|
|
1306
|
-
.use-
|
|
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-
|
|
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
|
-
|
|
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 */
|