@dialpad/dialtone 7.3.2 → 7.4.1

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/lib/build/less/components/toggle.less +106 -41
  2. package/lib/build/less/utilities/borders.less +21 -21
  3. package/lib/build/svg/v7/general/{x.svg → close.svg} +0 -0
  4. package/lib/dist/css/dialtone.css +155 -113
  5. package/lib/dist/css/dialtone.min.css +1 -1
  6. package/lib/dist/svg/v7/close.svg +1 -0
  7. package/lib/dist/vue/v7/Close.vue +3 -0
  8. package/package.json +1 -1
  9. package/lib/dist/svg/v7/x.svg +0 -1
  10. package/lib/dist/vue/v7/X.vue +0 -3
package/lib/dist/css/dialtone.css CHANGED
@@ -3305,65 +3305,104 @@ legend .d-label {
3305
3305
  bottom: var(--su8);
3306
3306
  }
3307
3307
  .d-toggle {
3308
- --toggle--ta: var(--ttf-in-out);
3308
+ --toggle-ta: var(--ttf-in-out);
3309
3309
  --toggle-ts: var(--td200);
3310
- --toggle-bc: var(--black-400);
3310
+ --toggle-bgc: var(--black-400);
3311
+ --toggle-height: var(--su24);
3312
+ --toggle-width: var(--su48);
3313
+ --toggle-icon-size: var(--su16);
3311
3314
  position: relative;
3312
3315
  display: inline-block;
3313
3316
  box-sizing: border-box;
3314
- width: var(--su48);
3315
- height: var(--su24);
3317
+ width: var(--toggle-width);
3318
+ height: var(--toggle-height);
3316
3319
  padding: 0;
3317
3320
  line-height: var(--lh4);
3318
3321
  vertical-align: middle;
3319
- background-color: var(--toggle-bc);
3320
- border: var(--su1) solid var(--toggle-bc);
3321
- border-radius: var(--su48);
3322
+ background-color: var(--toggle-bgc);
3323
+ border: var(--su1) solid var(--toggle-bgc);
3324
+ border-radius: var(--toggle-width);
3322
3325
  cursor: pointer;
3323
3326
  }
3324
- .d-toggle-copy {
3325
- margin-right: var(--su6);
3326
- }
3327
3327
  .d-toggle__inner {
3328
3328
  position: absolute;
3329
3329
  top: calc(var(--su4) - var(--su1));
3330
3330
  left: var(--su24);
3331
- width: var(--su16);
3332
- height: var(--su16);
3331
+ width: var(--toggle-icon-size);
3332
+ height: var(--toggle-icon-size);
3333
3333
  color: var(--white);
3334
- background-image: url("data:image/svg+xml;charset=UTF-8, %3csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg' %3e%3cpath d='M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z' fill='%23fff' /%3e%3c/svg%3e");
3334
+ background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik01LjM4MTI4IDUuMzgxMjhDNS43MjI5OSA1LjAzOTU3IDYuMjc3MDEgNS4wMzk1NyA2LjYxODcyIDUuMzgxMjhMMTIgMTAuNzYyNkwxNy4zODEzIDUuMzgxMjhDMTcuNzIzIDUuMDM5NTcgMTguMjc3IDUuMDM5NTcgMTguNjE4NyA1LjM4MTI4QzE4Ljk2MDQgNS43MjI5OSAxOC45NjA0IDYuMjc3MDEgMTguNjE4NyA2LjYxODcyTDEzLjIzNzQgMTJMMTguNjE4NyAxNy4zODEzQzE4Ljk2MDQgMTcuNzIzIDE4Ljk2MDQgMTguMjc3IDE4LjYxODcgMTguNjE4N0MxOC4yNzcgMTguOTYwNCAxNy43MjMgMTguOTYwNCAxNy4zODEzIDE4LjYxODdMMTIgMTMuMjM3NEw2LjYxODcyIDE4LjYxODdDNi4yNzcwMSAxOC45NjA0IDUuNzIyOTkgMTguOTYwNCA1LjM4MTI4IDE4LjYxODdDNS4wMzk1NyAxOC4yNzcgNS4wMzk1NyAxNy43MjMgNS4zODEyOCAxNy4zODEzTDEwLjc2MjYgMTJMNS4zODEyOCA2LjYxODcyQzUuMDM5NTcgNi4yNzcwMSA1LjAzOTU3IDUuNzIyOTkgNS4zODEyOCA1LjM4MTI4WiIgZmlsbD0id2hpdGUiLz4KPC9zdmc+Cg==');
3335
3335
  background-repeat: no-repeat;
3336
+ background-size: cover;
3337
+ }
3338
+ .d-toggle--small .d-toggle__inner {
3339
+ top: var(--su1);
3340
+ left: calc(var(--su16) + var(--su1));
3341
+ }
3342
+ .d-toggle--indeterminate .d-toggle__inner {
3343
+ display: none;
3336
3344
  }
3337
3345
  .d-toggle::after {
3338
3346
  position: absolute;
3339
3347
  top: var(--su1);
3340
3348
  left: var(--su1);
3341
- width: calc(var(--su16) + var(--su4));
3342
- height: calc(var(--su16) + var(--su4));
3349
+ width: calc(var(--toggle-icon-size) + var(--su4));
3350
+ height: calc(var(--toggle-icon-size) + var(--su4));
3343
3351
  background-color: var(--white);
3344
3352
  border-radius: var(--br-circle);
3345
3353
  cursor: pointer;
3346
- transition: left var(--toggle-ts) var(--toggle--ta);
3354
+ transition: left var(--toggle-ts) var(--toggle-ta);
3347
3355
  content: ' ';
3348
3356
  }
3349
- .d-toggle.focus-visible.js-focus-visible, .js-focus-visible .d-toggle.focus-visible {
3350
- outline: none;
3351
- box-shadow: var(--bs-focus-ring);
3357
+ .d-toggle--small {
3358
+ --toggle-height: calc(var(--su16) + var(--su2));
3359
+ --toggle-width: calc(var(--su32) + var(--su4));
3360
+ --toggle-icon-size: calc(var(--su12) + var(--su2));
3352
3361
  }
3353
- .d-toggle:focus-visible {
3354
- outline: none;
3355
- box-shadow: var(--bs-focus-ring);
3362
+ .d-toggle--small::before {
3363
+ position: absolute;
3364
+ top: calc(var(--su4) * -1);
3365
+ right: 0;
3366
+ bottom: calc(var(--su4) * -1);
3367
+ left: 0;
3368
+ content: '';
3369
+ }
3370
+ .d-toggle--small::after {
3371
+ width: var(--toggle-icon-size);
3372
+ height: var(--toggle-icon-size);
3356
3373
  }
3357
3374
  .d-toggle--checked {
3358
- --toggle-bc: var(--primary-color);
3375
+ --toggle-bgc: var(--primary-color);
3359
3376
  }
3360
3377
  .d-toggle--checked .d-toggle__inner {
3361
3378
  left: var(--su6);
3362
- background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9 16.2L4.8 12l-1.4 1.4L9 19 21 7l-1.4-1.4L9 16.2z' fill='%23fff'/%3E%3C/svg%3E");
3379
+ background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0yMC42MTg3IDUuMzgxMjhDMjAuOTYwNCA1LjcyMjk5IDIwLjk2MDQgNi4yNzcwMSAyMC42MTg3IDYuNjE4NzJMOS42MTg3MiAxNy42MTg3QzkuMjc3MDEgMTcuOTYwNCA4LjcyMjk5IDE3Ljk2MDQgOC4zODEyOCAxNy42MTg3TDMuMzgxMjggMTIuNjE4N0MzLjAzOTU3IDEyLjI3NyAzLjAzOTU3IDExLjcyMyAzLjM4MTI4IDExLjM4MTNDMy43MjI5OSAxMS4wMzk2IDQuMjc3MDEgMTEuMDM5NiA0LjYxODcyIDExLjM4MTNMOSAxNS43NjI2TDE5LjM4MTMgNS4zODEyOEMxOS43MjMgNS4wMzk1NyAyMC4yNzcgNS4wMzk1NyAyMC42MTg3IDUuMzgxMjhaIiBmaWxsPSJ3aGl0ZSIvPgo8L3N2Zz4K');
3380
+ }
3381
+ .d-toggle--checked.d-toggle--small .d-toggle__inner {
3382
+ left: calc(var(--su2) + var(--su1));
3363
3383
  }
3364
3384
  .d-toggle--checked::after {
3365
3385
  left: calc(var(--su24) + var(--su1));
3366
3386
  }
3387
+ .d-toggle--checked.d-toggle--small::after {
3388
+ right: var(--su1);
3389
+ left: auto;
3390
+ }
3391
+ .d-toggle--indeterminate__inner {
3392
+ display: none;
3393
+ }
3394
+ .d-toggle--indeterminate::after {
3395
+ left: 50%;
3396
+ transform: translate(-50%, 0);
3397
+ }
3398
+ .d-toggle.focus-visible.js-focus-visible, .js-focus-visible .d-toggle.focus-visible {
3399
+ outline: none;
3400
+ box-shadow: var(--bs-focus-ring);
3401
+ }
3402
+ .d-toggle:focus-visible {
3403
+ outline: none;
3404
+ box-shadow: var(--bs-focus-ring);
3405
+ }
3367
3406
  .d-toggle--disabled,
3368
3407
  .d-toggle[disabled] {
3369
3408
  cursor: not-allowed;
@@ -3374,6 +3413,9 @@ legend .d-label {
3374
3413
  cursor: not-allowed;
3375
3414
  transition-property: none;
3376
3415
  }
3416
+ .d-toggle-group {
3417
+ gap: var(--su8);
3418
+ }
3377
3419
  .d-presence {
3378
3420
  --color-border-base: var(--black-100);
3379
3421
  --color-border-offline: var(--black-400);
@@ -6549,27 +6591,27 @@ body.theme-dark .d\:d-bgg-to-black-700 {
6549
6591
  border-color: unset !important;
6550
6592
  }
6551
6593
  .d-ba {
6552
- border: var(--su1) solid currentColor !important;
6594
+ border: var(--su1) solid !important;
6553
6595
  }
6554
6596
  .d-bt {
6555
- border-top: var(--su1) solid currentColor !important;
6597
+ border-top: var(--su1) solid !important;
6556
6598
  }
6557
6599
  .d-br {
6558
- border-right: var(--su1) solid currentColor !important;
6600
+ border-right: var(--su1) solid !important;
6559
6601
  }
6560
6602
  .d-bb {
6561
- border-bottom: var(--su1) solid currentColor !important;
6603
+ border-bottom: var(--su1) solid !important;
6562
6604
  }
6563
6605
  .d-bl {
6564
- border-left: var(--su1) solid currentColor !important;
6606
+ border-left: var(--su1) solid !important;
6565
6607
  }
6566
6608
  .d-bx {
6567
- border-right: var(--su1) solid currentColor !important;
6568
- border-left: var(--su1) solid currentColor !important;
6609
+ border-right: var(--su1) solid !important;
6610
+ border-left: var(--su1) solid !important;
6569
6611
  }
6570
6612
  .d-by {
6571
- border-top: var(--su1) solid currentColor !important;
6572
- border-bottom: var(--su1) solid currentColor !important;
6613
+ border-top: var(--su1) solid !important;
6614
+ border-bottom: var(--su1) solid !important;
6573
6615
  }
6574
6616
  .d-ba-none {
6575
6617
  border: none !important;
@@ -6920,46 +6962,46 @@ body.theme-dark .d\:d-bgg-to-black-700 {
6920
6962
  }
6921
6963
  .d-divide-y > * + * {
6922
6964
  --divide-y-reverse: 0;
6923
- border-top: calc(1px * (1 - var(--divide-y-reverse))) solid currentColor !important;
6924
- border-bottom: calc(1px * var(--divide-y-reverse)) solid currentColor !important;
6965
+ border-top: calc(1px * (1 - var(--divide-y-reverse))) solid !important;
6966
+ border-bottom: calc(1px * var(--divide-y-reverse)) solid !important;
6925
6967
  }
6926
6968
  .d-divide-y0 > * + * {
6927
6969
  --divide-y-reverse: 0;
6928
- border-top: calc(0 * (1 - var(--divide-y-reverse))) solid currentColor !important;
6929
- border-bottom: calc(0 * var(--divide-y-reverse)) solid currentColor !important;
6970
+ border-top: calc(0 * (1 - var(--divide-y-reverse))) solid !important;
6971
+ border-bottom: calc(0 * var(--divide-y-reverse)) solid !important;
6930
6972
  }
6931
6973
  .d-divide-y2 > * + * {
6932
6974
  --divide-y-reverse: 0;
6933
- border-top: calc(2px * (1 - var(--divide-y-reverse))) solid currentColor !important;
6934
- border-bottom: calc(2px * var(--divide-y-reverse)) solid currentColor !important;
6975
+ border-top: calc(2px * (1 - var(--divide-y-reverse))) solid !important;
6976
+ border-bottom: calc(2px * var(--divide-y-reverse)) solid !important;
6935
6977
  }
6936
6978
  .d-divide-y4 > * + * {
6937
6979
  --divide-y-reverse: 0;
6938
- border-top: calc(4px * (1 - var(--divide-y-reverse))) solid currentColor !important;
6939
- border-bottom: calc(4px * var(--divide-y-reverse)) solid currentColor !important;
6980
+ border-top: calc(4px * (1 - var(--divide-y-reverse))) solid !important;
6981
+ border-bottom: calc(4px * var(--divide-y-reverse)) solid !important;
6940
6982
  }
6941
6983
  .d-divide-y-reverse > * + * {
6942
6984
  --divide-y-reverse: 1;
6943
6985
  }
6944
6986
  .d-divide-x > * + * {
6945
6987
  --divide-x-reverse: 0;
6946
- border-right: calc(1px * var(--divide-x-reverse)) solid currentColor !important;
6947
- border-left: calc(1px * (1 - var(--divide-x-reverse))) solid currentColor !important;
6988
+ border-right: calc(1px * var(--divide-x-reverse)) solid !important;
6989
+ border-left: calc(1px * (1 - var(--divide-x-reverse))) solid !important;
6948
6990
  }
6949
6991
  .d-divide-x0 > * + * {
6950
6992
  --divide-x-reverse: 0;
6951
- border-right: calc(0 * var(--divide-x-reverse)) solid currentColor !important;
6952
- border-left: calc(0 * (1 - var(--divide-x-reverse))) solid currentColor !important;
6993
+ border-right: calc(0 * var(--divide-x-reverse)) solid !important;
6994
+ border-left: calc(0 * (1 - var(--divide-x-reverse))) solid !important;
6953
6995
  }
6954
6996
  .d-divide-x2 > * + * {
6955
6997
  --divide-x-reverse: 0;
6956
- border-right: calc(2px * var(--divide-x-reverse)) solid currentColor !important;
6957
- border-left: calc(2px * (1 - var(--divide-x-reverse))) solid currentColor !important;
6998
+ border-right: calc(2px * var(--divide-x-reverse)) solid !important;
6999
+ border-left: calc(2px * (1 - var(--divide-x-reverse))) solid !important;
6958
7000
  }
6959
7001
  .d-divide-x4 > * + * {
6960
7002
  --divide-x-reverse: 0;
6961
- border-right: calc(4px * var(--divide-x-reverse)) solid currentColor !important;
6962
- border-left: calc(4px * (1 - var(--divide-x-reverse))) solid currentColor !important;
7003
+ border-right: calc(4px * var(--divide-x-reverse)) solid !important;
7004
+ border-left: calc(4px * (1 - var(--divide-x-reverse))) solid !important;
6963
7005
  }
6964
7006
  .d-divide-x-reverse > * + * {
6965
7007
  --divide-x-reverse: 1;
@@ -20782,46 +20824,46 @@ body.theme-dark {
20782
20824
  }
20783
20825
  .sm\:d-divide-y > * + * {
20784
20826
  --divide-y-reverse: 0;
20785
- border-top: calc(1px * (1 - var(--divide-y-reverse))) solid currentColor !important;
20786
- border-bottom: calc(1px * var(--divide-y-reverse)) solid currentColor !important;
20827
+ border-top: calc(1px * (1 - var(--divide-y-reverse))) solid !important;
20828
+ border-bottom: calc(1px * var(--divide-y-reverse)) solid !important;
20787
20829
  }
20788
20830
  .sm\:d-divide-y0 > * + * {
20789
20831
  --divide-y-reverse: 0;
20790
- border-top: calc(0 * (1 - var(--divide-y-reverse))) solid currentColor !important;
20791
- border-bottom: calc(0 * var(--divide-y-reverse)) solid currentColor !important;
20832
+ border-top: calc(0 * (1 - var(--divide-y-reverse))) solid !important;
20833
+ border-bottom: calc(0 * var(--divide-y-reverse)) solid !important;
20792
20834
  }
20793
20835
  .sm\:d-divide-y2 > * + * {
20794
20836
  --divide-y-reverse: 0;
20795
- border-top: calc(2px * (1 - var(--divide-y-reverse))) solid currentColor !important;
20796
- border-bottom: calc(2px * var(--divide-y-reverse)) solid currentColor !important;
20837
+ border-top: calc(2px * (1 - var(--divide-y-reverse))) solid !important;
20838
+ border-bottom: calc(2px * var(--divide-y-reverse)) solid !important;
20797
20839
  }
20798
20840
  .sm\:d-divide-y4 > * + * {
20799
20841
  --divide-y-reverse: 0;
20800
- border-top: calc(4px * (1 - var(--divide-y-reverse))) solid currentColor !important;
20801
- border-bottom: calc(4px * var(--divide-y-reverse)) solid currentColor !important;
20842
+ border-top: calc(4px * (1 - var(--divide-y-reverse))) solid !important;
20843
+ border-bottom: calc(4px * var(--divide-y-reverse)) solid !important;
20802
20844
  }
20803
20845
  .sm\:d-divide-y-reverse > * + * {
20804
20846
  --divide-y-reverse: 1;
20805
20847
  }
20806
20848
  .sm\:d-divide-x > * + * {
20807
20849
  --divide-x-reverse: 0;
20808
- border-right: calc(1px * var(--divide-x-reverse)) solid currentColor !important;
20809
- border-left: calc(1px * (1 - var(--divide-x-reverse))) solid currentColor !important;
20850
+ border-right: calc(1px * var(--divide-x-reverse)) solid !important;
20851
+ border-left: calc(1px * (1 - var(--divide-x-reverse))) solid !important;
20810
20852
  }
20811
20853
  .sm\:d-divide-x0 > * + * {
20812
20854
  --divide-x-reverse: 0;
20813
- border-right: calc(0 * var(--divide-x-reverse)) solid currentColor !important;
20814
- border-left: calc(0 * (1 - var(--divide-x-reverse))) solid currentColor !important;
20855
+ border-right: calc(0 * var(--divide-x-reverse)) solid !important;
20856
+ border-left: calc(0 * (1 - var(--divide-x-reverse))) solid !important;
20815
20857
  }
20816
20858
  .sm\:d-divide-x2 > * + * {
20817
20859
  --divide-x-reverse: 0;
20818
- border-right: calc(2px * var(--divide-x-reverse)) solid currentColor !important;
20819
- border-left: calc(2px * (1 - var(--divide-x-reverse))) solid currentColor !important;
20860
+ border-right: calc(2px * var(--divide-x-reverse)) solid !important;
20861
+ border-left: calc(2px * (1 - var(--divide-x-reverse))) solid !important;
20820
20862
  }
20821
20863
  .sm\:d-divide-x4 > * + * {
20822
20864
  --divide-x-reverse: 0;
20823
- border-right: calc(4px * var(--divide-x-reverse)) solid currentColor !important;
20824
- border-left: calc(4px * (1 - var(--divide-x-reverse))) solid currentColor !important;
20865
+ border-right: calc(4px * var(--divide-x-reverse)) solid !important;
20866
+ border-left: calc(4px * (1 - var(--divide-x-reverse))) solid !important;
20825
20867
  }
20826
20868
  .sm\:d-divide-x-reverse > * + * {
20827
20869
  --divide-x-reverse: 1;
@@ -22261,46 +22303,46 @@ body.theme-dark {
22261
22303
  }
22262
22304
  .md\:d-divide-y > * + * {
22263
22305
  --divide-y-reverse: 0;
22264
- border-top: calc(1px * (1 - var(--divide-y-reverse))) solid currentColor !important;
22265
- border-bottom: calc(1px * var(--divide-y-reverse)) solid currentColor !important;
22306
+ border-top: calc(1px * (1 - var(--divide-y-reverse))) solid !important;
22307
+ border-bottom: calc(1px * var(--divide-y-reverse)) solid !important;
22266
22308
  }
22267
22309
  .md\:d-divide-y0 > * + * {
22268
22310
  --divide-y-reverse: 0;
22269
- border-top: calc(0 * (1 - var(--divide-y-reverse))) solid currentColor !important;
22270
- border-bottom: calc(0 * var(--divide-y-reverse)) solid currentColor !important;
22311
+ border-top: calc(0 * (1 - var(--divide-y-reverse))) solid !important;
22312
+ border-bottom: calc(0 * var(--divide-y-reverse)) solid !important;
22271
22313
  }
22272
22314
  .md\:d-divide-y2 > * + * {
22273
22315
  --divide-y-reverse: 0;
22274
- border-top: calc(2px * (1 - var(--divide-y-reverse))) solid currentColor !important;
22275
- border-bottom: calc(2px * var(--divide-y-reverse)) solid currentColor !important;
22316
+ border-top: calc(2px * (1 - var(--divide-y-reverse))) solid !important;
22317
+ border-bottom: calc(2px * var(--divide-y-reverse)) solid !important;
22276
22318
  }
22277
22319
  .md\:d-divide-y4 > * + * {
22278
22320
  --divide-y-reverse: 0;
22279
- border-top: calc(4px * (1 - var(--divide-y-reverse))) solid currentColor !important;
22280
- border-bottom: calc(4px * var(--divide-y-reverse)) solid currentColor !important;
22321
+ border-top: calc(4px * (1 - var(--divide-y-reverse))) solid !important;
22322
+ border-bottom: calc(4px * var(--divide-y-reverse)) solid !important;
22281
22323
  }
22282
22324
  .md\:d-divide-y-reverse > * + * {
22283
22325
  --divide-y-reverse: 1;
22284
22326
  }
22285
22327
  .md\:d-divide-x > * + * {
22286
22328
  --divide-x-reverse: 0;
22287
- border-right: calc(1px * var(--divide-x-reverse)) solid currentColor !important;
22288
- border-left: calc(1px * (1 - var(--divide-x-reverse))) solid currentColor !important;
22329
+ border-right: calc(1px * var(--divide-x-reverse)) solid !important;
22330
+ border-left: calc(1px * (1 - var(--divide-x-reverse))) solid !important;
22289
22331
  }
22290
22332
  .md\:d-divide-x0 > * + * {
22291
22333
  --divide-x-reverse: 0;
22292
- border-right: calc(0 * var(--divide-x-reverse)) solid currentColor !important;
22293
- border-left: calc(0 * (1 - var(--divide-x-reverse))) solid currentColor !important;
22334
+ border-right: calc(0 * var(--divide-x-reverse)) solid !important;
22335
+ border-left: calc(0 * (1 - var(--divide-x-reverse))) solid !important;
22294
22336
  }
22295
22337
  .md\:d-divide-x2 > * + * {
22296
22338
  --divide-x-reverse: 0;
22297
- border-right: calc(2px * var(--divide-x-reverse)) solid currentColor !important;
22298
- border-left: calc(2px * (1 - var(--divide-x-reverse))) solid currentColor !important;
22339
+ border-right: calc(2px * var(--divide-x-reverse)) solid !important;
22340
+ border-left: calc(2px * (1 - var(--divide-x-reverse))) solid !important;
22299
22341
  }
22300
22342
  .md\:d-divide-x4 > * + * {
22301
22343
  --divide-x-reverse: 0;
22302
- border-right: calc(4px * var(--divide-x-reverse)) solid currentColor !important;
22303
- border-left: calc(4px * (1 - var(--divide-x-reverse))) solid currentColor !important;
22344
+ border-right: calc(4px * var(--divide-x-reverse)) solid !important;
22345
+ border-left: calc(4px * (1 - var(--divide-x-reverse))) solid !important;
22304
22346
  }
22305
22347
  .md\:d-divide-x-reverse > * + * {
22306
22348
  --divide-x-reverse: 1;
@@ -23740,46 +23782,46 @@ body.theme-dark {
23740
23782
  }
23741
23783
  .lg\:d-divide-y > * + * {
23742
23784
  --divide-y-reverse: 0;
23743
- border-top: calc(1px * (1 - var(--divide-y-reverse))) solid currentColor !important;
23744
- border-bottom: calc(1px * var(--divide-y-reverse)) solid currentColor !important;
23785
+ border-top: calc(1px * (1 - var(--divide-y-reverse))) solid !important;
23786
+ border-bottom: calc(1px * var(--divide-y-reverse)) solid !important;
23745
23787
  }
23746
23788
  .lg\:d-divide-y0 > * + * {
23747
23789
  --divide-y-reverse: 0;
23748
- border-top: calc(0 * (1 - var(--divide-y-reverse))) solid currentColor !important;
23749
- border-bottom: calc(0 * var(--divide-y-reverse)) solid currentColor !important;
23790
+ border-top: calc(0 * (1 - var(--divide-y-reverse))) solid !important;
23791
+ border-bottom: calc(0 * var(--divide-y-reverse)) solid !important;
23750
23792
  }
23751
23793
  .lg\:d-divide-y2 > * + * {
23752
23794
  --divide-y-reverse: 0;
23753
- border-top: calc(2px * (1 - var(--divide-y-reverse))) solid currentColor !important;
23754
- border-bottom: calc(2px * var(--divide-y-reverse)) solid currentColor !important;
23795
+ border-top: calc(2px * (1 - var(--divide-y-reverse))) solid !important;
23796
+ border-bottom: calc(2px * var(--divide-y-reverse)) solid !important;
23755
23797
  }
23756
23798
  .lg\:d-divide-y4 > * + * {
23757
23799
  --divide-y-reverse: 0;
23758
- border-top: calc(4px * (1 - var(--divide-y-reverse))) solid currentColor !important;
23759
- border-bottom: calc(4px * var(--divide-y-reverse)) solid currentColor !important;
23800
+ border-top: calc(4px * (1 - var(--divide-y-reverse))) solid !important;
23801
+ border-bottom: calc(4px * var(--divide-y-reverse)) solid !important;
23760
23802
  }
23761
23803
  .lg\:d-divide-y-reverse > * + * {
23762
23804
  --divide-y-reverse: 1;
23763
23805
  }
23764
23806
  .lg\:d-divide-x > * + * {
23765
23807
  --divide-x-reverse: 0;
23766
- border-right: calc(1px * var(--divide-x-reverse)) solid currentColor !important;
23767
- border-left: calc(1px * (1 - var(--divide-x-reverse))) solid currentColor !important;
23808
+ border-right: calc(1px * var(--divide-x-reverse)) solid !important;
23809
+ border-left: calc(1px * (1 - var(--divide-x-reverse))) solid !important;
23768
23810
  }
23769
23811
  .lg\:d-divide-x0 > * + * {
23770
23812
  --divide-x-reverse: 0;
23771
- border-right: calc(0 * var(--divide-x-reverse)) solid currentColor !important;
23772
- border-left: calc(0 * (1 - var(--divide-x-reverse))) solid currentColor !important;
23813
+ border-right: calc(0 * var(--divide-x-reverse)) solid !important;
23814
+ border-left: calc(0 * (1 - var(--divide-x-reverse))) solid !important;
23773
23815
  }
23774
23816
  .lg\:d-divide-x2 > * + * {
23775
23817
  --divide-x-reverse: 0;
23776
- border-right: calc(2px * var(--divide-x-reverse)) solid currentColor !important;
23777
- border-left: calc(2px * (1 - var(--divide-x-reverse))) solid currentColor !important;
23818
+ border-right: calc(2px * var(--divide-x-reverse)) solid !important;
23819
+ border-left: calc(2px * (1 - var(--divide-x-reverse))) solid !important;
23778
23820
  }
23779
23821
  .lg\:d-divide-x4 > * + * {
23780
23822
  --divide-x-reverse: 0;
23781
- border-right: calc(4px * var(--divide-x-reverse)) solid currentColor !important;
23782
- border-left: calc(4px * (1 - var(--divide-x-reverse))) solid currentColor !important;
23823
+ border-right: calc(4px * var(--divide-x-reverse)) solid !important;
23824
+ border-left: calc(4px * (1 - var(--divide-x-reverse))) solid !important;
23783
23825
  }
23784
23826
  .lg\:d-divide-x-reverse > * + * {
23785
23827
  --divide-x-reverse: 1;
@@ -25219,46 +25261,46 @@ body.theme-dark {
25219
25261
  }
25220
25262
  .xl\:d-divide-y > * + * {
25221
25263
  --divide-y-reverse: 0;
25222
- border-top: calc(1px * (1 - var(--divide-y-reverse))) solid currentColor !important;
25223
- border-bottom: calc(1px * var(--divide-y-reverse)) solid currentColor !important;
25264
+ border-top: calc(1px * (1 - var(--divide-y-reverse))) solid !important;
25265
+ border-bottom: calc(1px * var(--divide-y-reverse)) solid !important;
25224
25266
  }
25225
25267
  .xl\:d-divide-y0 > * + * {
25226
25268
  --divide-y-reverse: 0;
25227
- border-top: calc(0 * (1 - var(--divide-y-reverse))) solid currentColor !important;
25228
- border-bottom: calc(0 * var(--divide-y-reverse)) solid currentColor !important;
25269
+ border-top: calc(0 * (1 - var(--divide-y-reverse))) solid !important;
25270
+ border-bottom: calc(0 * var(--divide-y-reverse)) solid !important;
25229
25271
  }
25230
25272
  .xl\:d-divide-y2 > * + * {
25231
25273
  --divide-y-reverse: 0;
25232
- border-top: calc(2px * (1 - var(--divide-y-reverse))) solid currentColor !important;
25233
- border-bottom: calc(2px * var(--divide-y-reverse)) solid currentColor !important;
25274
+ border-top: calc(2px * (1 - var(--divide-y-reverse))) solid !important;
25275
+ border-bottom: calc(2px * var(--divide-y-reverse)) solid !important;
25234
25276
  }
25235
25277
  .xl\:d-divide-y4 > * + * {
25236
25278
  --divide-y-reverse: 0;
25237
- border-top: calc(4px * (1 - var(--divide-y-reverse))) solid currentColor !important;
25238
- border-bottom: calc(4px * var(--divide-y-reverse)) solid currentColor !important;
25279
+ border-top: calc(4px * (1 - var(--divide-y-reverse))) solid !important;
25280
+ border-bottom: calc(4px * var(--divide-y-reverse)) solid !important;
25239
25281
  }
25240
25282
  .xl\:d-divide-y-reverse > * + * {
25241
25283
  --divide-y-reverse: 1;
25242
25284
  }
25243
25285
  .xl\:d-divide-x > * + * {
25244
25286
  --divide-x-reverse: 0;
25245
- border-right: calc(1px * var(--divide-x-reverse)) solid currentColor !important;
25246
- border-left: calc(1px * (1 - var(--divide-x-reverse))) solid currentColor !important;
25287
+ border-right: calc(1px * var(--divide-x-reverse)) solid !important;
25288
+ border-left: calc(1px * (1 - var(--divide-x-reverse))) solid !important;
25247
25289
  }
25248
25290
  .xl\:d-divide-x0 > * + * {
25249
25291
  --divide-x-reverse: 0;
25250
- border-right: calc(0 * var(--divide-x-reverse)) solid currentColor !important;
25251
- border-left: calc(0 * (1 - var(--divide-x-reverse))) solid currentColor !important;
25292
+ border-right: calc(0 * var(--divide-x-reverse)) solid !important;
25293
+ border-left: calc(0 * (1 - var(--divide-x-reverse))) solid !important;
25252
25294
  }
25253
25295
  .xl\:d-divide-x2 > * + * {
25254
25296
  --divide-x-reverse: 0;
25255
- border-right: calc(2px * var(--divide-x-reverse)) solid currentColor !important;
25256
- border-left: calc(2px * (1 - var(--divide-x-reverse))) solid currentColor !important;
25297
+ border-right: calc(2px * var(--divide-x-reverse)) solid !important;
25298
+ border-left: calc(2px * (1 - var(--divide-x-reverse))) solid !important;
25257
25299
  }
25258
25300
  .xl\:d-divide-x4 > * + * {
25259
25301
  --divide-x-reverse: 0;
25260
- border-right: calc(4px * var(--divide-x-reverse)) solid currentColor !important;
25261
- border-left: calc(4px * (1 - var(--divide-x-reverse))) solid currentColor !important;
25302
+ border-right: calc(4px * var(--divide-x-reverse)) solid !important;
25303
+ border-left: calc(4px * (1 - var(--divide-x-reverse))) solid !important;
25262
25304
  }
25263
25305
  .xl\:d-divide-x-reverse > * + * {
25264
25306
  --divide-x-reverse: 1;