@nuvoui/core 1.3.3 → 1.3.4

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 (10) hide show
  1. package/dist/nuvoui.css +266 -132
  2. package/dist/nuvoui.css.map +1 -1
  3. package/dist/nuvoui.min.css +1 -1
  4. package/dist/nuvoui.min.css.map +1 -1
  5. package/package.json +1 -1
  6. package/src/styles/abstracts/_config.scss +1 -1
  7. package/src/styles/base/_base.scss +4 -4
  8. package/src/styles/utilities/_borders.scss +25 -5
  9. package/src/styles/utilities/_display.scss +8 -4
  10. package/src/styles/utilities/_typography.scss +4 -34
package/dist/nuvoui.css CHANGED
@@ -215,7 +215,7 @@ input[type=number],
215
215
  input[type=search],
216
216
  textarea {
217
217
  padding: 0.5rem;
218
- border: var(--border-size, 1px) var(--border-style, solid) var(--border-color, var(--secondary));
218
+ border: var(--border-size, 1px) var(--border-style, solid) var(--border-base, var(--secondary));
219
219
  border-radius: 0.25rem;
220
220
  width: 100%;
221
221
  font-family: var(--font-family-base);
@@ -238,7 +238,7 @@ input[type=radio] {
238
238
 
239
239
  select {
240
240
  padding: 0.5rem;
241
- border: var(--border-size, 1px) var(--border-style, solid) var(--border-color, var(--secondary));
241
+ border: var(--border-size, 1px) var(--border-style, solid) var(--border-base, var(--secondary));
242
242
  border-radius: 0.25rem;
243
243
  width: 100%;
244
244
  font-family: var(--font-family-base);
@@ -252,13 +252,13 @@ select:focus {
252
252
  blockquote {
253
253
  margin: 1rem 0;
254
254
  padding: 0.5rem 1rem;
255
- border-left: var(--border-size, 4px) var(--border-style, solid) var(--border-color, var(--secondary));
255
+ border-left: var(--border-size, 4px) var(--border-style, solid) var(--border-base, var(--secondary));
256
256
  font-style: italic;
257
257
  }
258
258
 
259
259
  hr {
260
260
  border: none;
261
- border-top: var(--border-size, 1px) var(--border-style, solid) var(--border-color, var(--secondary));
261
+ border-top: var(--border-size, 1px) var(--border-style, solid) var(--border-base, var(--secondary));
262
262
  margin: 1rem 0;
263
263
  }
264
264
 
@@ -5295,42 +5295,60 @@ code {
5295
5295
  --border-size: 1px;
5296
5296
  border-width: 1px;
5297
5297
  border-style: solid;
5298
- border-color: var(--border-color);
5298
+ border-color: var(--border-base);
5299
5299
  --border-style: solid;
5300
- --border-color: var(--border-color);
5300
+ --border-color: var(--border-base);
5301
5301
  }
5302
5302
 
5303
5303
  .border-0 {
5304
5304
  --border-size: 0px;
5305
5305
  border-width: 0px;
5306
5306
  border-style: solid;
5307
- border-color: var(--border-color);
5307
+ border-color: var(--border-base);
5308
5308
  --border-style: solid;
5309
- --border-color: var(--border-color);
5309
+ --border-color: var(--border-base);
5310
5310
  }
5311
5311
 
5312
5312
  .border-t {
5313
5313
  border-top-width: 1px;
5314
5314
  border-top-style: var(--border-style, solid);
5315
- border-top-color: var(--border-color);
5315
+ border-top-color: var(--border-base);
5316
5316
  }
5317
5317
 
5318
5318
  .border-r {
5319
5319
  border-right-width: 1px;
5320
5320
  border-right-style: var(--border-style, solid);
5321
- border-right-color: var(--border-color);
5321
+ border-right-color: var(--border-base);
5322
5322
  }
5323
5323
 
5324
5324
  .border-b {
5325
5325
  border-bottom-width: 1px;
5326
5326
  border-bottom-style: var(--border-style, solid);
5327
- border-bottom-color: var(--border-color);
5327
+ border-bottom-color: var(--border-base);
5328
5328
  }
5329
5329
 
5330
5330
  .border-l {
5331
5331
  border-left-width: 1px;
5332
5332
  border-left-style: var(--border-style, solid);
5333
- border-left-color: var(--border-color);
5333
+ border-left-color: var(--border-base);
5334
+ }
5335
+
5336
+ .border-x {
5337
+ border-left-width: 1px;
5338
+ border-left-style: var(--border-style, solid);
5339
+ border-left-color: var(--border-base);
5340
+ border-right-width: 1px;
5341
+ border-right-style: var(--border-style, solid);
5342
+ border-right-color: var(--border-base);
5343
+ }
5344
+
5345
+ .border-y {
5346
+ border-top-width: 1px;
5347
+ border-top-style: var(--border-style, solid);
5348
+ border-top-color: var(--border-base);
5349
+ border-bottom-width: 1px;
5350
+ border-bottom-style: var(--border-style, solid);
5351
+ border-bottom-color: var(--border-base);
5334
5352
  }
5335
5353
 
5336
5354
  .border-0,
@@ -5341,33 +5359,51 @@ code {
5341
5359
  --border-size: 0px;
5342
5360
  border-width: 0px;
5343
5361
  border-style: solid;
5344
- border-color: var(--border-color);
5362
+ border-color: var(--border-base);
5345
5363
  --border-style: solid;
5346
- --border-color: var(--border-color);
5364
+ --border-color: var(--border-base);
5347
5365
  }
5348
5366
 
5349
5367
  .border-t-0 {
5350
5368
  border-top-width: 0px;
5351
5369
  border-top-style: var(--border-style, solid);
5352
- border-top-color: var(--border-color);
5370
+ border-top-color: var(--border-base);
5353
5371
  }
5354
5372
 
5355
5373
  .border-r-0 {
5356
5374
  border-right-width: 0px;
5357
5375
  border-right-style: var(--border-style, solid);
5358
- border-right-color: var(--border-color);
5376
+ border-right-color: var(--border-base);
5359
5377
  }
5360
5378
 
5361
5379
  .border-b-0 {
5362
5380
  border-bottom-width: 0px;
5363
5381
  border-bottom-style: var(--border-style, solid);
5364
- border-bottom-color: var(--border-color);
5382
+ border-bottom-color: var(--border-base);
5365
5383
  }
5366
5384
 
5367
5385
  .border-l-0 {
5368
5386
  border-left-width: 0px;
5369
5387
  border-left-style: var(--border-style, solid);
5370
- border-left-color: var(--border-color);
5388
+ border-left-color: var(--border-base);
5389
+ }
5390
+
5391
+ .border-x-0 {
5392
+ border-left-width: 1px;
5393
+ border-left-style: var(--border-style, solid);
5394
+ border-left-color: var(--border-base);
5395
+ border-right-width: 1px;
5396
+ border-right-style: var(--border-style, solid);
5397
+ border-right-color: var(--border-base);
5398
+ }
5399
+
5400
+ .border-y-0 {
5401
+ border-top-width: 0px;
5402
+ border-top-style: var(--border-style, solid);
5403
+ border-top-color: var(--border-base);
5404
+ border-bottom-width: 0px;
5405
+ border-bottom-style: var(--border-style, solid);
5406
+ border-bottom-color: var(--border-base);
5371
5407
  }
5372
5408
 
5373
5409
  .border-1,
@@ -5378,33 +5414,51 @@ code {
5378
5414
  --border-size: 1px;
5379
5415
  border-width: 1px;
5380
5416
  border-style: solid;
5381
- border-color: var(--border-color);
5417
+ border-color: var(--border-base);
5382
5418
  --border-style: solid;
5383
- --border-color: var(--border-color);
5419
+ --border-color: var(--border-base);
5384
5420
  }
5385
5421
 
5386
5422
  .border-t-1 {
5387
5423
  border-top-width: 1px;
5388
5424
  border-top-style: var(--border-style, solid);
5389
- border-top-color: var(--border-color);
5425
+ border-top-color: var(--border-base);
5390
5426
  }
5391
5427
 
5392
5428
  .border-r-1 {
5393
5429
  border-right-width: 1px;
5394
5430
  border-right-style: var(--border-style, solid);
5395
- border-right-color: var(--border-color);
5431
+ border-right-color: var(--border-base);
5396
5432
  }
5397
5433
 
5398
5434
  .border-b-1 {
5399
5435
  border-bottom-width: 1px;
5400
5436
  border-bottom-style: var(--border-style, solid);
5401
- border-bottom-color: var(--border-color);
5437
+ border-bottom-color: var(--border-base);
5402
5438
  }
5403
5439
 
5404
5440
  .border-l-1 {
5405
5441
  border-left-width: 1px;
5406
5442
  border-left-style: var(--border-style, solid);
5407
- border-left-color: var(--border-color);
5443
+ border-left-color: var(--border-base);
5444
+ }
5445
+
5446
+ .border-x-1 {
5447
+ border-left-width: 1px;
5448
+ border-left-style: var(--border-style, solid);
5449
+ border-left-color: var(--border-base);
5450
+ border-right-width: 1px;
5451
+ border-right-style: var(--border-style, solid);
5452
+ border-right-color: var(--border-base);
5453
+ }
5454
+
5455
+ .border-y-1 {
5456
+ border-top-width: 1px;
5457
+ border-top-style: var(--border-style, solid);
5458
+ border-top-color: var(--border-base);
5459
+ border-bottom-width: 1px;
5460
+ border-bottom-style: var(--border-style, solid);
5461
+ border-bottom-color: var(--border-base);
5408
5462
  }
5409
5463
 
5410
5464
  .border-2,
@@ -5415,33 +5469,51 @@ code {
5415
5469
  --border-size: 2px;
5416
5470
  border-width: 2px;
5417
5471
  border-style: solid;
5418
- border-color: var(--border-color);
5472
+ border-color: var(--border-base);
5419
5473
  --border-style: solid;
5420
- --border-color: var(--border-color);
5474
+ --border-color: var(--border-base);
5421
5475
  }
5422
5476
 
5423
5477
  .border-t-2 {
5424
5478
  border-top-width: 2px;
5425
5479
  border-top-style: var(--border-style, solid);
5426
- border-top-color: var(--border-color);
5480
+ border-top-color: var(--border-base);
5427
5481
  }
5428
5482
 
5429
5483
  .border-r-2 {
5430
5484
  border-right-width: 2px;
5431
5485
  border-right-style: var(--border-style, solid);
5432
- border-right-color: var(--border-color);
5486
+ border-right-color: var(--border-base);
5433
5487
  }
5434
5488
 
5435
5489
  .border-b-2 {
5436
5490
  border-bottom-width: 2px;
5437
5491
  border-bottom-style: var(--border-style, solid);
5438
- border-bottom-color: var(--border-color);
5492
+ border-bottom-color: var(--border-base);
5439
5493
  }
5440
5494
 
5441
5495
  .border-l-2 {
5442
5496
  border-left-width: 2px;
5443
5497
  border-left-style: var(--border-style, solid);
5444
- border-left-color: var(--border-color);
5498
+ border-left-color: var(--border-base);
5499
+ }
5500
+
5501
+ .border-x-2 {
5502
+ border-left-width: 1px;
5503
+ border-left-style: var(--border-style, solid);
5504
+ border-left-color: var(--border-base);
5505
+ border-right-width: 1px;
5506
+ border-right-style: var(--border-style, solid);
5507
+ border-right-color: var(--border-base);
5508
+ }
5509
+
5510
+ .border-y-2 {
5511
+ border-top-width: 2px;
5512
+ border-top-style: var(--border-style, solid);
5513
+ border-top-color: var(--border-base);
5514
+ border-bottom-width: 2px;
5515
+ border-bottom-style: var(--border-style, solid);
5516
+ border-bottom-color: var(--border-base);
5445
5517
  }
5446
5518
 
5447
5519
  .border-4,
@@ -5452,33 +5524,51 @@ code {
5452
5524
  --border-size: 4px;
5453
5525
  border-width: 4px;
5454
5526
  border-style: solid;
5455
- border-color: var(--border-color);
5527
+ border-color: var(--border-base);
5456
5528
  --border-style: solid;
5457
- --border-color: var(--border-color);
5529
+ --border-color: var(--border-base);
5458
5530
  }
5459
5531
 
5460
5532
  .border-t-4 {
5461
5533
  border-top-width: 4px;
5462
5534
  border-top-style: var(--border-style, solid);
5463
- border-top-color: var(--border-color);
5535
+ border-top-color: var(--border-base);
5464
5536
  }
5465
5537
 
5466
5538
  .border-r-4 {
5467
5539
  border-right-width: 4px;
5468
5540
  border-right-style: var(--border-style, solid);
5469
- border-right-color: var(--border-color);
5541
+ border-right-color: var(--border-base);
5470
5542
  }
5471
5543
 
5472
5544
  .border-b-4 {
5473
5545
  border-bottom-width: 4px;
5474
5546
  border-bottom-style: var(--border-style, solid);
5475
- border-bottom-color: var(--border-color);
5547
+ border-bottom-color: var(--border-base);
5476
5548
  }
5477
5549
 
5478
5550
  .border-l-4 {
5479
5551
  border-left-width: 4px;
5480
5552
  border-left-style: var(--border-style, solid);
5481
- border-left-color: var(--border-color);
5553
+ border-left-color: var(--border-base);
5554
+ }
5555
+
5556
+ .border-x-4 {
5557
+ border-left-width: 1px;
5558
+ border-left-style: var(--border-style, solid);
5559
+ border-left-color: var(--border-base);
5560
+ border-right-width: 1px;
5561
+ border-right-style: var(--border-style, solid);
5562
+ border-right-color: var(--border-base);
5563
+ }
5564
+
5565
+ .border-y-4 {
5566
+ border-top-width: 4px;
5567
+ border-top-style: var(--border-style, solid);
5568
+ border-top-color: var(--border-base);
5569
+ border-bottom-width: 4px;
5570
+ border-bottom-style: var(--border-style, solid);
5571
+ border-bottom-color: var(--border-base);
5482
5572
  }
5483
5573
 
5484
5574
  .border-8,
@@ -5489,33 +5579,51 @@ code {
5489
5579
  --border-size: 8px;
5490
5580
  border-width: 8px;
5491
5581
  border-style: solid;
5492
- border-color: var(--border-color);
5582
+ border-color: var(--border-base);
5493
5583
  --border-style: solid;
5494
- --border-color: var(--border-color);
5584
+ --border-color: var(--border-base);
5495
5585
  }
5496
5586
 
5497
5587
  .border-t-8 {
5498
5588
  border-top-width: 8px;
5499
5589
  border-top-style: var(--border-style, solid);
5500
- border-top-color: var(--border-color);
5590
+ border-top-color: var(--border-base);
5501
5591
  }
5502
5592
 
5503
5593
  .border-r-8 {
5504
5594
  border-right-width: 8px;
5505
5595
  border-right-style: var(--border-style, solid);
5506
- border-right-color: var(--border-color);
5596
+ border-right-color: var(--border-base);
5507
5597
  }
5508
5598
 
5509
5599
  .border-b-8 {
5510
5600
  border-bottom-width: 8px;
5511
5601
  border-bottom-style: var(--border-style, solid);
5512
- border-bottom-color: var(--border-color);
5602
+ border-bottom-color: var(--border-base);
5513
5603
  }
5514
5604
 
5515
5605
  .border-l-8 {
5516
5606
  border-left-width: 8px;
5517
5607
  border-left-style: var(--border-style, solid);
5518
- border-left-color: var(--border-color);
5608
+ border-left-color: var(--border-base);
5609
+ }
5610
+
5611
+ .border-x-8 {
5612
+ border-left-width: 1px;
5613
+ border-left-style: var(--border-style, solid);
5614
+ border-left-color: var(--border-base);
5615
+ border-right-width: 1px;
5616
+ border-right-style: var(--border-style, solid);
5617
+ border-right-color: var(--border-base);
5618
+ }
5619
+
5620
+ .border-y-8 {
5621
+ border-top-width: 8px;
5622
+ border-top-style: var(--border-style, solid);
5623
+ border-top-color: var(--border-base);
5624
+ border-bottom-width: 8px;
5625
+ border-bottom-style: var(--border-style, solid);
5626
+ border-bottom-color: var(--border-base);
5519
5627
  }
5520
5628
 
5521
5629
  .rounded {
@@ -6023,57 +6131,57 @@ code {
6023
6131
  --border-size: 0px;
6024
6132
  border-width: 0px;
6025
6133
  border-style: solid;
6026
- border-color: var(--border-color);
6134
+ border-color: var(--border-base);
6027
6135
  --border-style: solid;
6028
- --border-color: var(--border-color);
6136
+ --border-color: var(--border-base);
6029
6137
  }
6030
6138
  .border-1\@xs {
6031
6139
  --border-size: 1px;
6032
6140
  border-width: 1px;
6033
6141
  border-style: solid;
6034
- border-color: var(--border-color);
6142
+ border-color: var(--border-base);
6035
6143
  --border-style: solid;
6036
- --border-color: var(--border-color);
6144
+ --border-color: var(--border-base);
6037
6145
  }
6038
6146
  .border-2\@xs {
6039
6147
  --border-size: 2px;
6040
6148
  border-width: 2px;
6041
6149
  border-style: solid;
6042
- border-color: var(--border-color);
6150
+ border-color: var(--border-base);
6043
6151
  --border-style: solid;
6044
- --border-color: var(--border-color);
6152
+ --border-color: var(--border-base);
6045
6153
  }
6046
6154
  .border-4\@xs {
6047
6155
  --border-size: 4px;
6048
6156
  border-width: 4px;
6049
6157
  border-style: solid;
6050
- border-color: var(--border-color);
6158
+ border-color: var(--border-base);
6051
6159
  --border-style: solid;
6052
- --border-color: var(--border-color);
6160
+ --border-color: var(--border-base);
6053
6161
  }
6054
6162
  .border-8\@xs {
6055
6163
  --border-size: 8px;
6056
6164
  border-width: 8px;
6057
6165
  border-style: solid;
6058
- border-color: var(--border-color);
6166
+ border-color: var(--border-base);
6059
6167
  --border-style: solid;
6060
- --border-color: var(--border-color);
6168
+ --border-color: var(--border-base);
6061
6169
  }
6062
6170
  .border\@xs {
6063
6171
  --border-size: 1px;
6064
6172
  border-width: 1px;
6065
6173
  border-style: solid;
6066
- border-color: var(--border-color);
6174
+ border-color: var(--border-base);
6067
6175
  --border-style: solid;
6068
- --border-color: var(--border-color);
6176
+ --border-color: var(--border-base);
6069
6177
  }
6070
6178
  .border-0\@xs {
6071
6179
  --border-size: 0px;
6072
6180
  border-width: 0px;
6073
6181
  border-style: solid;
6074
- border-color: var(--border-color);
6182
+ border-color: var(--border-base);
6075
6183
  --border-style: solid;
6076
- --border-color: var(--border-color);
6184
+ --border-color: var(--border-base);
6077
6185
  }
6078
6186
  .rounded-xs\@xs {
6079
6187
  border-radius: 0.25rem;
@@ -6114,57 +6222,57 @@ code {
6114
6222
  --border-size: 0px;
6115
6223
  border-width: 0px;
6116
6224
  border-style: solid;
6117
- border-color: var(--border-color);
6225
+ border-color: var(--border-base);
6118
6226
  --border-style: solid;
6119
- --border-color: var(--border-color);
6227
+ --border-color: var(--border-base);
6120
6228
  }
6121
6229
  .border-1\@sm {
6122
6230
  --border-size: 1px;
6123
6231
  border-width: 1px;
6124
6232
  border-style: solid;
6125
- border-color: var(--border-color);
6233
+ border-color: var(--border-base);
6126
6234
  --border-style: solid;
6127
- --border-color: var(--border-color);
6235
+ --border-color: var(--border-base);
6128
6236
  }
6129
6237
  .border-2\@sm {
6130
6238
  --border-size: 2px;
6131
6239
  border-width: 2px;
6132
6240
  border-style: solid;
6133
- border-color: var(--border-color);
6241
+ border-color: var(--border-base);
6134
6242
  --border-style: solid;
6135
- --border-color: var(--border-color);
6243
+ --border-color: var(--border-base);
6136
6244
  }
6137
6245
  .border-4\@sm {
6138
6246
  --border-size: 4px;
6139
6247
  border-width: 4px;
6140
6248
  border-style: solid;
6141
- border-color: var(--border-color);
6249
+ border-color: var(--border-base);
6142
6250
  --border-style: solid;
6143
- --border-color: var(--border-color);
6251
+ --border-color: var(--border-base);
6144
6252
  }
6145
6253
  .border-8\@sm {
6146
6254
  --border-size: 8px;
6147
6255
  border-width: 8px;
6148
6256
  border-style: solid;
6149
- border-color: var(--border-color);
6257
+ border-color: var(--border-base);
6150
6258
  --border-style: solid;
6151
- --border-color: var(--border-color);
6259
+ --border-color: var(--border-base);
6152
6260
  }
6153
6261
  .border\@sm {
6154
6262
  --border-size: 1px;
6155
6263
  border-width: 1px;
6156
6264
  border-style: solid;
6157
- border-color: var(--border-color);
6265
+ border-color: var(--border-base);
6158
6266
  --border-style: solid;
6159
- --border-color: var(--border-color);
6267
+ --border-color: var(--border-base);
6160
6268
  }
6161
6269
  .border-0\@sm {
6162
6270
  --border-size: 0px;
6163
6271
  border-width: 0px;
6164
6272
  border-style: solid;
6165
- border-color: var(--border-color);
6273
+ border-color: var(--border-base);
6166
6274
  --border-style: solid;
6167
- --border-color: var(--border-color);
6275
+ --border-color: var(--border-base);
6168
6276
  }
6169
6277
  .rounded-xs\@sm {
6170
6278
  border-radius: 0.25rem;
@@ -6205,57 +6313,57 @@ code {
6205
6313
  --border-size: 0px;
6206
6314
  border-width: 0px;
6207
6315
  border-style: solid;
6208
- border-color: var(--border-color);
6316
+ border-color: var(--border-base);
6209
6317
  --border-style: solid;
6210
- --border-color: var(--border-color);
6318
+ --border-color: var(--border-base);
6211
6319
  }
6212
6320
  .border-1\@md {
6213
6321
  --border-size: 1px;
6214
6322
  border-width: 1px;
6215
6323
  border-style: solid;
6216
- border-color: var(--border-color);
6324
+ border-color: var(--border-base);
6217
6325
  --border-style: solid;
6218
- --border-color: var(--border-color);
6326
+ --border-color: var(--border-base);
6219
6327
  }
6220
6328
  .border-2\@md {
6221
6329
  --border-size: 2px;
6222
6330
  border-width: 2px;
6223
6331
  border-style: solid;
6224
- border-color: var(--border-color);
6332
+ border-color: var(--border-base);
6225
6333
  --border-style: solid;
6226
- --border-color: var(--border-color);
6334
+ --border-color: var(--border-base);
6227
6335
  }
6228
6336
  .border-4\@md {
6229
6337
  --border-size: 4px;
6230
6338
  border-width: 4px;
6231
6339
  border-style: solid;
6232
- border-color: var(--border-color);
6340
+ border-color: var(--border-base);
6233
6341
  --border-style: solid;
6234
- --border-color: var(--border-color);
6342
+ --border-color: var(--border-base);
6235
6343
  }
6236
6344
  .border-8\@md {
6237
6345
  --border-size: 8px;
6238
6346
  border-width: 8px;
6239
6347
  border-style: solid;
6240
- border-color: var(--border-color);
6348
+ border-color: var(--border-base);
6241
6349
  --border-style: solid;
6242
- --border-color: var(--border-color);
6350
+ --border-color: var(--border-base);
6243
6351
  }
6244
6352
  .border\@md {
6245
6353
  --border-size: 1px;
6246
6354
  border-width: 1px;
6247
6355
  border-style: solid;
6248
- border-color: var(--border-color);
6356
+ border-color: var(--border-base);
6249
6357
  --border-style: solid;
6250
- --border-color: var(--border-color);
6358
+ --border-color: var(--border-base);
6251
6359
  }
6252
6360
  .border-0\@md {
6253
6361
  --border-size: 0px;
6254
6362
  border-width: 0px;
6255
6363
  border-style: solid;
6256
- border-color: var(--border-color);
6364
+ border-color: var(--border-base);
6257
6365
  --border-style: solid;
6258
- --border-color: var(--border-color);
6366
+ --border-color: var(--border-base);
6259
6367
  }
6260
6368
  .rounded-xs\@md {
6261
6369
  border-radius: 0.25rem;
@@ -6296,57 +6404,57 @@ code {
6296
6404
  --border-size: 0px;
6297
6405
  border-width: 0px;
6298
6406
  border-style: solid;
6299
- border-color: var(--border-color);
6407
+ border-color: var(--border-base);
6300
6408
  --border-style: solid;
6301
- --border-color: var(--border-color);
6409
+ --border-color: var(--border-base);
6302
6410
  }
6303
6411
  .border-1\@lg {
6304
6412
  --border-size: 1px;
6305
6413
  border-width: 1px;
6306
6414
  border-style: solid;
6307
- border-color: var(--border-color);
6415
+ border-color: var(--border-base);
6308
6416
  --border-style: solid;
6309
- --border-color: var(--border-color);
6417
+ --border-color: var(--border-base);
6310
6418
  }
6311
6419
  .border-2\@lg {
6312
6420
  --border-size: 2px;
6313
6421
  border-width: 2px;
6314
6422
  border-style: solid;
6315
- border-color: var(--border-color);
6423
+ border-color: var(--border-base);
6316
6424
  --border-style: solid;
6317
- --border-color: var(--border-color);
6425
+ --border-color: var(--border-base);
6318
6426
  }
6319
6427
  .border-4\@lg {
6320
6428
  --border-size: 4px;
6321
6429
  border-width: 4px;
6322
6430
  border-style: solid;
6323
- border-color: var(--border-color);
6431
+ border-color: var(--border-base);
6324
6432
  --border-style: solid;
6325
- --border-color: var(--border-color);
6433
+ --border-color: var(--border-base);
6326
6434
  }
6327
6435
  .border-8\@lg {
6328
6436
  --border-size: 8px;
6329
6437
  border-width: 8px;
6330
6438
  border-style: solid;
6331
- border-color: var(--border-color);
6439
+ border-color: var(--border-base);
6332
6440
  --border-style: solid;
6333
- --border-color: var(--border-color);
6441
+ --border-color: var(--border-base);
6334
6442
  }
6335
6443
  .border\@lg {
6336
6444
  --border-size: 1px;
6337
6445
  border-width: 1px;
6338
6446
  border-style: solid;
6339
- border-color: var(--border-color);
6447
+ border-color: var(--border-base);
6340
6448
  --border-style: solid;
6341
- --border-color: var(--border-color);
6449
+ --border-color: var(--border-base);
6342
6450
  }
6343
6451
  .border-0\@lg {
6344
6452
  --border-size: 0px;
6345
6453
  border-width: 0px;
6346
6454
  border-style: solid;
6347
- border-color: var(--border-color);
6455
+ border-color: var(--border-base);
6348
6456
  --border-style: solid;
6349
- --border-color: var(--border-color);
6457
+ --border-color: var(--border-base);
6350
6458
  }
6351
6459
  .rounded-xs\@lg {
6352
6460
  border-radius: 0.25rem;
@@ -6387,57 +6495,57 @@ code {
6387
6495
  --border-size: 0px;
6388
6496
  border-width: 0px;
6389
6497
  border-style: solid;
6390
- border-color: var(--border-color);
6498
+ border-color: var(--border-base);
6391
6499
  --border-style: solid;
6392
- --border-color: var(--border-color);
6500
+ --border-color: var(--border-base);
6393
6501
  }
6394
6502
  .border-1\@xl {
6395
6503
  --border-size: 1px;
6396
6504
  border-width: 1px;
6397
6505
  border-style: solid;
6398
- border-color: var(--border-color);
6506
+ border-color: var(--border-base);
6399
6507
  --border-style: solid;
6400
- --border-color: var(--border-color);
6508
+ --border-color: var(--border-base);
6401
6509
  }
6402
6510
  .border-2\@xl {
6403
6511
  --border-size: 2px;
6404
6512
  border-width: 2px;
6405
6513
  border-style: solid;
6406
- border-color: var(--border-color);
6514
+ border-color: var(--border-base);
6407
6515
  --border-style: solid;
6408
- --border-color: var(--border-color);
6516
+ --border-color: var(--border-base);
6409
6517
  }
6410
6518
  .border-4\@xl {
6411
6519
  --border-size: 4px;
6412
6520
  border-width: 4px;
6413
6521
  border-style: solid;
6414
- border-color: var(--border-color);
6522
+ border-color: var(--border-base);
6415
6523
  --border-style: solid;
6416
- --border-color: var(--border-color);
6524
+ --border-color: var(--border-base);
6417
6525
  }
6418
6526
  .border-8\@xl {
6419
6527
  --border-size: 8px;
6420
6528
  border-width: 8px;
6421
6529
  border-style: solid;
6422
- border-color: var(--border-color);
6530
+ border-color: var(--border-base);
6423
6531
  --border-style: solid;
6424
- --border-color: var(--border-color);
6532
+ --border-color: var(--border-base);
6425
6533
  }
6426
6534
  .border\@xl {
6427
6535
  --border-size: 1px;
6428
6536
  border-width: 1px;
6429
6537
  border-style: solid;
6430
- border-color: var(--border-color);
6538
+ border-color: var(--border-base);
6431
6539
  --border-style: solid;
6432
- --border-color: var(--border-color);
6540
+ --border-color: var(--border-base);
6433
6541
  }
6434
6542
  .border-0\@xl {
6435
6543
  --border-size: 0px;
6436
6544
  border-width: 0px;
6437
6545
  border-style: solid;
6438
- border-color: var(--border-color);
6546
+ border-color: var(--border-base);
6439
6547
  --border-style: solid;
6440
- --border-color: var(--border-color);
6548
+ --border-color: var(--border-base);
6441
6549
  }
6442
6550
  .rounded-xs\@xl {
6443
6551
  border-radius: 0.25rem;
@@ -6478,57 +6586,57 @@ code {
6478
6586
  --border-size: 0px;
6479
6587
  border-width: 0px;
6480
6588
  border-style: solid;
6481
- border-color: var(--border-color);
6589
+ border-color: var(--border-base);
6482
6590
  --border-style: solid;
6483
- --border-color: var(--border-color);
6591
+ --border-color: var(--border-base);
6484
6592
  }
6485
6593
  .border-1\@2xl {
6486
6594
  --border-size: 1px;
6487
6595
  border-width: 1px;
6488
6596
  border-style: solid;
6489
- border-color: var(--border-color);
6597
+ border-color: var(--border-base);
6490
6598
  --border-style: solid;
6491
- --border-color: var(--border-color);
6599
+ --border-color: var(--border-base);
6492
6600
  }
6493
6601
  .border-2\@2xl {
6494
6602
  --border-size: 2px;
6495
6603
  border-width: 2px;
6496
6604
  border-style: solid;
6497
- border-color: var(--border-color);
6605
+ border-color: var(--border-base);
6498
6606
  --border-style: solid;
6499
- --border-color: var(--border-color);
6607
+ --border-color: var(--border-base);
6500
6608
  }
6501
6609
  .border-4\@2xl {
6502
6610
  --border-size: 4px;
6503
6611
  border-width: 4px;
6504
6612
  border-style: solid;
6505
- border-color: var(--border-color);
6613
+ border-color: var(--border-base);
6506
6614
  --border-style: solid;
6507
- --border-color: var(--border-color);
6615
+ --border-color: var(--border-base);
6508
6616
  }
6509
6617
  .border-8\@2xl {
6510
6618
  --border-size: 8px;
6511
6619
  border-width: 8px;
6512
6620
  border-style: solid;
6513
- border-color: var(--border-color);
6621
+ border-color: var(--border-base);
6514
6622
  --border-style: solid;
6515
- --border-color: var(--border-color);
6623
+ --border-color: var(--border-base);
6516
6624
  }
6517
6625
  .border\@2xl {
6518
6626
  --border-size: 1px;
6519
6627
  border-width: 1px;
6520
6628
  border-style: solid;
6521
- border-color: var(--border-color);
6629
+ border-color: var(--border-base);
6522
6630
  --border-style: solid;
6523
- --border-color: var(--border-color);
6631
+ --border-color: var(--border-base);
6524
6632
  }
6525
6633
  .border-0\@2xl {
6526
6634
  --border-size: 0px;
6527
6635
  border-width: 0px;
6528
6636
  border-style: solid;
6529
- border-color: var(--border-color);
6637
+ border-color: var(--border-base);
6530
6638
  --border-style: solid;
6531
- --border-color: var(--border-color);
6639
+ --border-color: var(--border-base);
6532
6640
  }
6533
6641
  .rounded-xs\@2xl {
6534
6642
  border-radius: 0.25rem;
@@ -6716,10 +6824,6 @@ code {
6716
6824
  cursor: all-scroll;
6717
6825
  }
6718
6826
 
6719
- .hide {
6720
- display: none;
6721
- }
6722
-
6723
6827
  .show {
6724
6828
  display: initial;
6725
6829
  }
@@ -6766,6 +6870,14 @@ code {
6766
6870
  visibility: collapse;
6767
6871
  }
6768
6872
 
6873
+ .hide {
6874
+ display: none;
6875
+ }
6876
+
6877
+ .hidden {
6878
+ display: none !important;
6879
+ }
6880
+
6769
6881
  .overflow-hidden {
6770
6882
  overflow: hidden;
6771
6883
  }
@@ -20831,6 +20943,10 @@ code {
20831
20943
  font-weight: 800;
20832
20944
  }
20833
20945
 
20946
+ .font-black {
20947
+ font-weight: 900;
20948
+ }
20949
+
20834
20950
  .leading-none {
20835
20951
  line-height: 1;
20836
20952
  }
@@ -21089,6 +21205,9 @@ code {
21089
21205
  .font-extrabold\@xs {
21090
21206
  font-weight: 800;
21091
21207
  }
21208
+ .font-black\@xs {
21209
+ font-weight: 900;
21210
+ }
21092
21211
  .leading-none\@xs {
21093
21212
  line-height: 1;
21094
21213
  }
@@ -21284,6 +21403,9 @@ code {
21284
21403
  .font-extrabold\@sm {
21285
21404
  font-weight: 800;
21286
21405
  }
21406
+ .font-black\@sm {
21407
+ font-weight: 900;
21408
+ }
21287
21409
  .leading-none\@sm {
21288
21410
  line-height: 1;
21289
21411
  }
@@ -21479,6 +21601,9 @@ code {
21479
21601
  .font-extrabold\@md {
21480
21602
  font-weight: 800;
21481
21603
  }
21604
+ .font-black\@md {
21605
+ font-weight: 900;
21606
+ }
21482
21607
  .leading-none\@md {
21483
21608
  line-height: 1;
21484
21609
  }
@@ -21674,6 +21799,9 @@ code {
21674
21799
  .font-extrabold\@lg {
21675
21800
  font-weight: 800;
21676
21801
  }
21802
+ .font-black\@lg {
21803
+ font-weight: 900;
21804
+ }
21677
21805
  .leading-none\@lg {
21678
21806
  line-height: 1;
21679
21807
  }
@@ -21869,6 +21997,9 @@ code {
21869
21997
  .font-extrabold\@xl {
21870
21998
  font-weight: 800;
21871
21999
  }
22000
+ .font-black\@xl {
22001
+ font-weight: 900;
22002
+ }
21872
22003
  .leading-none\@xl {
21873
22004
  line-height: 1;
21874
22005
  }
@@ -22064,6 +22195,9 @@ code {
22064
22195
  .font-extrabold\@2xl {
22065
22196
  font-weight: 800;
22066
22197
  }
22198
+ .font-black\@2xl {
22199
+ font-weight: 900;
22200
+ }
22067
22201
  .leading-none\@2xl {
22068
22202
  line-height: 1;
22069
22203
  }
@@ -34674,7 +34808,7 @@ code {
34674
34808
  --inverted-bg-alternate: #f1f1f1;
34675
34809
  --bg-surface: #fff;
34676
34810
  --inverted-bg-surface: #2e2e2e;
34677
- --border-base: #e5e7eb;
34811
+ --border-base: #d3d5d9;
34678
34812
  --inverted-border-base: #2e2e2e;
34679
34813
  --text-color: #1a1a1a;
34680
34814
  --inverted-text-color: #f1f1f1;
@@ -34701,7 +34835,7 @@ code {
34701
34835
  --bg-surface: #2e2e2e;
34702
34836
  --inverted-bg-surface: #fff;
34703
34837
  --border-base: #2e2e2e;
34704
- --inverted-border-base: #e5e7eb;
34838
+ --inverted-border-base: #d3d5d9;
34705
34839
  --text-color: #f1f1f1;
34706
34840
  --inverted-text-color: #1a1a1a;
34707
34841
  --text-muted: rgba(241, 241, 241, 0.5411764706);