@itilite/lumina-ui 0.0.322 → 0.0.323

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.
Files changed (2) hide show
  1. package/dist/styles.css +292 -0
  2. package/package.json +4 -2
package/dist/styles.css CHANGED
@@ -1160,3 +1160,295 @@
1160
1160
  }
1161
1161
 
1162
1162
  /* CSS Modules */
1163
+
1164
+
1165
+ /* CSS Modules */
1166
+ /* src/Checkbox/Checkbox.module.scss */
1167
+ .Checkbox-module__checkbox___D2qRJ {
1168
+ display: flex;
1169
+ align-items: center;
1170
+ }
1171
+ .Checkbox-module__checkbox___D2qRJ.Checkbox-module__size_small___lgUjj .ant-checkbox .ant-checkbox-inner {
1172
+ height: 16px;
1173
+ width: 16px;
1174
+ }
1175
+ .Checkbox-module__checkbox___D2qRJ.Checkbox-module__size_medium___Npyaz .ant-checkbox .ant-checkbox-inner {
1176
+ height: 20px;
1177
+ width: 20px;
1178
+ }
1179
+ .Checkbox-module__checkbox___D2qRJ.Checkbox-module__size_medium___Npyaz .ant-checkbox .ant-checkbox-inner::after {
1180
+ inset-inline-start: 27%;
1181
+ }
1182
+ .Checkbox-module__checkbox___D2qRJ.Checkbox-module__size_large___chR9U .ant-checkbox .ant-checkbox-inner {
1183
+ height: 24px;
1184
+ width: 24px;
1185
+ }
1186
+ .Checkbox-module__checkbox___D2qRJ.Checkbox-module__size_large___chR9U .ant-checkbox .ant-checkbox-inner::after {
1187
+ inset-inline-start: 33%;
1188
+ }
1189
+ .Checkbox-module__checkbox___D2qRJ.Checkbox-module__type_checked___fhhpM .ant-checkbox-checked .ant-checkbox-inner {
1190
+ border-color: #ec5d25;
1191
+ background-color: #ec5d25;
1192
+ }
1193
+ .Checkbox-module__checkbox___D2qRJ.Checkbox-module__type_checked___fhhpM.ant-checkbox-wrapper:hover
1194
+ .ant-checkbox-checked:not(.ant-checkbox-disabled)
1195
+ .ant-checkbox-inner {
1196
+ --tw-bg-opacity: 1;
1197
+ background-color: rgb(185 71 16 / var(--tw-bg-opacity, 1));
1198
+ }
1199
+ .Checkbox-module__checkbox___D2qRJ.Checkbox-module__type_checked___fhhpM .ant-checkbox-checked:focus-visible {
1200
+ outline: 2px solid #0a65e7;
1201
+ }
1202
+ .Checkbox-module__checkbox___D2qRJ.Checkbox-module__type_checked___fhhpM.Checkbox-module__disabled___xqtab {
1203
+ cursor: not-allowed;
1204
+ }
1205
+ .Checkbox-module__checkbox___D2qRJ.Checkbox-module__type_checked___fhhpM.Checkbox-module__disabled___xqtab .ant-checkbox-checked .ant-checkbox-inner {
1206
+ opacity: 0.5;
1207
+ border-color: #ec5d25;
1208
+ background-color: #ec5d25;
1209
+ }
1210
+ .Checkbox-module__checkbox___D2qRJ.Checkbox-module__type_checked___fhhpM.Checkbox-module__disabled___xqtab .ant-checkbox-checked .ant-checkbox-inner::after {
1211
+ border-color: #ffffff;
1212
+ }
1213
+ .Checkbox-module__checkbox___D2qRJ.Checkbox-module__type_unchecked___1zNB7 .ant-checkbox .ant-checkbox-inner {
1214
+ border-color: #b6bac3;
1215
+ }
1216
+ .Checkbox-module__checkbox___D2qRJ.Checkbox-module__type_unchecked___1zNB7 .ant-checkbox:hover .ant-checkbox-inner {
1217
+ border-color: #6b7280;
1218
+ }
1219
+ .Checkbox-module__checkbox___D2qRJ.Checkbox-module__type_unchecked___1zNB7 .ant-checkbox:focus-visible {
1220
+ outline: 2px solid #0a65e7;
1221
+ }
1222
+ .Checkbox-module__checkbox___D2qRJ.Checkbox-module__type_unchecked___1zNB7.Checkbox-module__disabled___xqtab {
1223
+ cursor: not-allowed;
1224
+ }
1225
+ .Checkbox-module__checkbox___D2qRJ.Checkbox-module__type_unchecked___1zNB7.Checkbox-module__disabled___xqtab .ant-checkbox .ant-checkbox-inner {
1226
+ border-color: #b6bac3;
1227
+ background-color: #f9fafb;
1228
+ }
1229
+ .Checkbox-module__checkbox___D2qRJ .ant-checkbox-disabled + span {
1230
+ color: #363e4f;
1231
+ }
1232
+ .Checkbox-module__checkbox___D2qRJ.Checkbox-module__variant_normal___MbKJP {
1233
+ color: #363e4f;
1234
+ font-weight: 400;
1235
+ font-size: 0.875rem;
1236
+ line-height: 20px;
1237
+ }
1238
+ .Checkbox-module__checkbox___D2qRJ.Checkbox-module__variant_emphasized___Yo9yv {
1239
+ color: #363e4f;
1240
+ font-weight: 500;
1241
+ font-size: 0.875rem;
1242
+ line-height: 20px;
1243
+ }
1244
+ .Checkbox-module__checkbox___D2qRJ.Checkbox-module__variant_indeterminate___-tnoD.Checkbox-module__disabled___xqtab .ant-checkbox-indeterminate .ant-checkbox-inner {
1245
+ opacity: 0.5;
1246
+ border-color: #ec5d25;
1247
+ background-color: #ec5d25;
1248
+ }
1249
+ .Checkbox-module__checkbox___D2qRJ.Checkbox-module__variant_indeterminate___-tnoD.Checkbox-module__disabled___xqtab .ant-checkbox-indeterminate .ant-checkbox-inner::after {
1250
+ border-color: #ffffff;
1251
+ }
1252
+ .Checkbox-module__checkbox___D2qRJ.Checkbox-module__variant_indeterminate___-tnoD .ant-checkbox-indeterminate .ant-checkbox-inner {
1253
+ border-color: #ec5d25 !important;
1254
+ background-color: #ec5d25 !important;
1255
+ }
1256
+ .Checkbox-module__checkbox___D2qRJ.Checkbox-module__variant_indeterminate___-tnoD .ant-checkbox-indeterminate .ant-checkbox-inner::after {
1257
+ inset-inline-start: 50%;
1258
+ width: 60%;
1259
+ height: 3px;
1260
+ border-radius: 4px;
1261
+ background: white;
1262
+ }
1263
+
1264
+ /* src/Button/Button.module.scss */
1265
+ .Button-module__button___PM45p {
1266
+ display: flex;
1267
+ align-items: center;
1268
+ justify-content: center;
1269
+ gap: 0.25rem;
1270
+ border-radius: 0.5rem;
1271
+ }
1272
+ .Button-module__button___PM45p.Button-module__size_large___4muaQ {
1273
+ height: 56px;
1274
+ padding-left: 1rem;
1275
+ padding-right: 1rem;
1276
+ }
1277
+ .Button-module__button___PM45p.Button-module__size_large___4muaQ.Button-module__shape_circle___5jh5G {
1278
+ width: 56px;
1279
+ }
1280
+ .Button-module__button___PM45p.Button-module__size_normal___qtQjh {
1281
+ height: 40px;
1282
+ padding-left: 0.75rem;
1283
+ padding-right: 0.75rem;
1284
+ }
1285
+ .Button-module__button___PM45p.Button-module__size_normal___qtQjh.Button-module__shape_circle___5jh5G {
1286
+ width: 40px;
1287
+ }
1288
+ .Button-module__button___PM45p.Button-module__size_small___7xabg {
1289
+ height: 32px;
1290
+ padding-left: 0.5rem;
1291
+ padding-right: 0.5rem;
1292
+ }
1293
+ .Button-module__button___PM45p.Button-module__size_small___7xabg.Button-module__shape_circle___5jh5G {
1294
+ width: 32px;
1295
+ }
1296
+ .Button-module__button___PM45p.Button-module__type_primary___-eoy3 {
1297
+ --tw-bg-opacity: 1;
1298
+ background-color: rgb(236 93 37 / var(--tw-bg-opacity, 1));
1299
+ border-width: 1px;
1300
+ border-style: solid;
1301
+ --tw-border-opacity: 1;
1302
+ border-color: rgb(236 93 37 / var(--tw-border-opacity, 1));
1303
+ box-shadow: 0 1px 0 0 rgba(17, 24, 39, 0.1);
1304
+ }
1305
+ .Button-module__button___PM45p.Button-module__type_primary___-eoy3.ant-btn-primary:hover, .Button-module__button___PM45p.Button-module__type_primary___-eoy3.ant-btn-primary:active {
1306
+ --tw-bg-opacity: 1;
1307
+ background-color: rgb(236 93 37 / var(--tw-bg-opacity, 1));
1308
+ box-shadow: 0px 2px 4px 0px rgba(17, 24, 39, 0.1);
1309
+ }
1310
+ .Button-module__button___PM45p.Button-module__type_primary___-eoy3:focus-visible {
1311
+ outline: 2px solid rgba(236, 93, 37, 0.3803921569);
1312
+ }
1313
+ .Button-module__button___PM45p.Button-module__type_primary___-eoy3.Button-module__variant_subtle___FojFh {
1314
+ --tw-text-opacity: 1;
1315
+ color: rgb(236 93 37 / var(--tw-text-opacity, 1));
1316
+ }
1317
+ .Button-module__button___PM45p.Button-module__type_primary___-eoy3.Button-module__variant_subtle___FojFh:hover {
1318
+ --tw-text-opacity: 1;
1319
+ color: rgb(236 93 37 / var(--tw-text-opacity, 1));
1320
+ }
1321
+ .Button-module__button___PM45p.Button-module__type_primary___-eoy3.Button-module__variant_text___T-3KC, .Button-module__button___PM45p.Button-module__type_primary___-eoy3.Button-module__variant_link___dTdwy {
1322
+ --tw-text-opacity: 1;
1323
+ color: rgb(236 93 37 / var(--tw-text-opacity, 1));
1324
+ }
1325
+ .Button-module__button___PM45p.Button-module__type_primary___-eoy3.Button-module__variant_text___T-3KC:hover, .Button-module__button___PM45p.Button-module__type_primary___-eoy3.Button-module__variant_link___dTdwy:hover {
1326
+ --tw-text-opacity: 1;
1327
+ color: rgb(236 93 37 / var(--tw-text-opacity, 1));
1328
+ }
1329
+ .Button-module__button___PM45p.Button-module__type_secondary___CwF0Y {
1330
+ border-width: 1px;
1331
+ border-style: solid;
1332
+ --tw-bg-opacity: 1;
1333
+ background-color: rgb(17 24 39 / var(--tw-bg-opacity, 1));
1334
+ --tw-border-opacity: 1;
1335
+ border-color: rgb(17 24 39 / var(--tw-border-opacity, 1));
1336
+ box-shadow: 0 1px 0 0 rgba(17, 24, 39, 0.1);
1337
+ }
1338
+ .Button-module__button___PM45p.Button-module__type_secondary___CwF0Y.ant-btn-primary:hover, .Button-module__button___PM45p.Button-module__type_secondary___CwF0Y.ant-btn-primary:active {
1339
+ --tw-bg-opacity: 1;
1340
+ background-color: rgb(17 24 39 / var(--tw-bg-opacity, 1));
1341
+ box-shadow: 0px 2px 4px 0px rgba(17, 24, 39, 0.1);
1342
+ }
1343
+ .Button-module__button___PM45p.Button-module__type_secondary___CwF0Y.ant-btn-primary:focus-visible {
1344
+ outline: 2px solid rgba(236, 93, 37, 0.3803921569);
1345
+ }
1346
+ .Button-module__button___PM45p.Button-module__type_secondary___CwF0Y.Button-module__variant_subtle___FojFh {
1347
+ --tw-text-opacity: 1;
1348
+ color: rgb(17 24 39 / var(--tw-text-opacity, 1));
1349
+ }
1350
+ .Button-module__button___PM45p.Button-module__type_secondary___CwF0Y.Button-module__variant_subtle___FojFh:hover {
1351
+ --tw-text-opacity: 1;
1352
+ color: rgb(17 24 39 / var(--tw-text-opacity, 1));
1353
+ }
1354
+ .Button-module__button___PM45p.Button-module__type_secondary___CwF0Y.Button-module__variant_text___T-3KC, .Button-module__button___PM45p.Button-module__type_secondary___CwF0Y.Button-module__variant_link___dTdwy {
1355
+ --tw-text-opacity: 1;
1356
+ color: rgb(17 24 39 / var(--tw-text-opacity, 1));
1357
+ }
1358
+ .Button-module__button___PM45p.Button-module__type_secondary___CwF0Y.Button-module__variant_text___T-3KC:hover, .Button-module__button___PM45p.Button-module__type_secondary___CwF0Y.Button-module__variant_link___dTdwy:hover {
1359
+ --tw-text-opacity: 1;
1360
+ color: rgb(17 24 39 / var(--tw-text-opacity, 1));
1361
+ }
1362
+ .Button-module__button___PM45p.Button-module__type_critical___vVyiK {
1363
+ border-width: 1px;
1364
+ --tw-bg-opacity: 1;
1365
+ background-color: rgb(207 34 49 / var(--tw-bg-opacity, 1));
1366
+ border-style: solid;
1367
+ --tw-border-opacity: 1;
1368
+ border-color: rgb(207 34 49 / var(--tw-border-opacity, 1));
1369
+ box-shadow: 0 1px 0 0 rgba(17, 24, 39, 0.1);
1370
+ }
1371
+ .Button-module__button___PM45p.Button-module__type_critical___vVyiK.ant-btn-primary:hover, .Button-module__button___PM45p.Button-module__type_critical___vVyiK.ant-btn-primary:active {
1372
+ --tw-bg-opacity: 1;
1373
+ background-color: rgb(207 34 49 / var(--tw-bg-opacity, 1));
1374
+ box-shadow: 0px 2px 4px 0px rgba(17, 24, 39, 0.1);
1375
+ }
1376
+ .Button-module__button___PM45p.Button-module__type_critical___vVyiK.ant-btn-primary:focus-visible {
1377
+ outline: 2px solid rgba(236, 93, 37, 0.3803921569);
1378
+ }
1379
+ .Button-module__button___PM45p.Button-module__type_critical___vVyiK.Button-module__variant_subtle___FojFh {
1380
+ --tw-text-opacity: 1;
1381
+ color: rgb(207 34 49 / var(--tw-text-opacity, 1));
1382
+ }
1383
+ .Button-module__button___PM45p.Button-module__type_critical___vVyiK.Button-module__variant_subtle___FojFh:hover {
1384
+ --tw-text-opacity: 1;
1385
+ color: rgb(207 34 49 / var(--tw-text-opacity, 1));
1386
+ }
1387
+ .Button-module__button___PM45p.Button-module__type_critical___vVyiK.Button-module__variant_text___T-3KC, .Button-module__button___PM45p.Button-module__type_critical___vVyiK.Button-module__variant_link___dTdwy {
1388
+ --tw-text-opacity: 1;
1389
+ color: rgb(207 34 49 / var(--tw-text-opacity, 1));
1390
+ }
1391
+ .Button-module__button___PM45p.Button-module__type_critical___vVyiK.Button-module__variant_text___T-3KC:hover, .Button-module__button___PM45p.Button-module__type_critical___vVyiK.Button-module__variant_link___dTdwy:hover {
1392
+ --tw-text-opacity: 1;
1393
+ color: rgb(207 34 49 / var(--tw-text-opacity, 1));
1394
+ }
1395
+ .Button-module__button___PM45p.Button-module__variant_subtle___FojFh {
1396
+ --tw-bg-opacity: 1;
1397
+ background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
1398
+ border-width: 1px;
1399
+ border-style: solid;
1400
+ --tw-border-opacity: 1;
1401
+ border-color: rgb(211 216 223 / var(--tw-border-opacity, 1));
1402
+ box-shadow: 0px 1px 0px 0px rgba(17, 24, 39, 0.1);
1403
+ }
1404
+ .Button-module__button___PM45p.Button-module__variant_subtle___FojFh.ant-btn-default:hover {
1405
+ box-shadow: 0px 2px 4px 0px rgba(17, 24, 39, 0.15);
1406
+ --tw-border-opacity: 1;
1407
+ border-color: rgb(211 216 223 / var(--tw-border-opacity, 1));
1408
+ }
1409
+ .Button-module__button___PM45p.Button-module__variant_subtle___FojFh.ant-btn-default:focus-visible {
1410
+ outline: 2px solid rgba(236, 93, 37, 0.3803921569);
1411
+ }
1412
+ .Button-module__button___PM45p.Button-module__variant_text___T-3KC {
1413
+ background-color: transparent;
1414
+ border-width: 0px;
1415
+ border-style: none;
1416
+ box-shadow: none;
1417
+ }
1418
+ .Button-module__button___PM45p.Button-module__variant_text___T-3KC.ant-btn-default:hover {
1419
+ box-shadow: 0px 2px 4px 0px rgba(17, 24, 39, 0.15);
1420
+ border-style: none;
1421
+ --tw-bg-opacity: 1;
1422
+ background-color: rgb(249 250 251 / var(--tw-bg-opacity, 1));
1423
+ }
1424
+ .Button-module__button___PM45p.Button-module__variant_text___T-3KC.ant-btn-default:active {
1425
+ --tw-bg-opacity: 1;
1426
+ background-color: rgb(241 243 245 / var(--tw-bg-opacity, 1));
1427
+ }
1428
+ .Button-module__button___PM45p.Button-module__variant_text___T-3KC.ant-btn:focus-visible {
1429
+ outline: 2px solid rgba(236, 93, 37, 0.2);
1430
+ }
1431
+ .Button-module__button___PM45p.Button-module__variant_link___dTdwy {
1432
+ background-color: transparent;
1433
+ padding: 0px;
1434
+ border-width: 0px;
1435
+ border-style: none;
1436
+ height: auto;
1437
+ box-shadow: none;
1438
+ }
1439
+ .Button-module__button___PM45p.Button-module__variant_link___dTdwy.ant-btn-default:hover.Button-module__onHoverUnderline___wKzkT {
1440
+ text-decoration: underline;
1441
+ }
1442
+ .Button-module__button___PM45p.Button-module__variant_link___dTdwy.ant-btn-default:hover {
1443
+ box-shadow: none;
1444
+ border-style: none;
1445
+ background-color: transparent;
1446
+ }
1447
+ .Button-module__button___PM45p.Button-module__variant_link___dTdwy.ant-btn-default:active {
1448
+ background-color: transparent;
1449
+ }
1450
+ .Button-module__button___PM45p.Button-module__variant_link___dTdwy.ant-btn:focus-visible {
1451
+ outline: none;
1452
+ }
1453
+
1454
+ /* CSS Modules */
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@itilite/lumina-ui",
3
- "version": "0.0.322",
3
+ "version": "0.0.323",
4
4
  "description": "Itilite Lumina Design System UI Components",
5
5
  "sideEffects": false,
6
6
  "license": "MIT",
@@ -27,7 +27,9 @@
27
27
  "import": "./dist/Checkbox.mjs",
28
28
  "require": "./dist/Checkbox.js"
29
29
  },
30
- "./styles.css": "./dist/styles.css"
30
+ "./styles.css": "./dist/styles.css",
31
+ "./dist/cjs/index.css": "./dist/styles.css",
32
+ "./dist/index.css": "./dist/styles.css"
31
33
  },
32
34
  "repository": {
33
35
  "type": "git",