@6thbridge/hexa 0.0.69 → 0.0.71

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/output.css CHANGED
@@ -795,6 +795,10 @@ video {
795
795
  margin-bottom: 0.5rem;
796
796
  }
797
797
 
798
+ .mb-\[5px\]{
799
+ margin-bottom: 5px;
800
+ }
801
+
798
802
  .ml-1{
799
803
  margin-left: 0.25rem;
800
804
  }
@@ -851,6 +855,10 @@ video {
851
855
  margin-top: 1.25rem;
852
856
  }
853
857
 
858
+ .box-border{
859
+ box-sizing: border-box;
860
+ }
861
+
854
862
  .block{
855
863
  display: block;
856
864
  }
@@ -924,6 +932,10 @@ video {
924
932
  height: 1.25rem;
925
933
  }
926
934
 
935
+ .h-6{
936
+ height: 1.5rem;
937
+ }
938
+
927
939
  .h-7{
928
940
  height: 1.75rem;
929
941
  }
@@ -952,10 +964,18 @@ video {
952
964
  height: 30px;
953
965
  }
954
966
 
967
+ .h-\[36px\]{
968
+ height: 36px;
969
+ }
970
+
955
971
  .h-\[3rem\]{
956
972
  height: 3rem;
957
973
  }
958
974
 
975
+ .h-\[44px\]{
976
+ height: 44px;
977
+ }
978
+
959
979
  .h-\[4px\]{
960
980
  height: 4px;
961
981
  }
@@ -1125,6 +1145,10 @@ video {
1125
1145
  width: 90%;
1126
1146
  }
1127
1147
 
1148
+ .w-\[calc\(100\%-0\.375rem\)\]{
1149
+ width: calc(100% - 0.375rem);
1150
+ }
1151
+
1128
1152
  .w-auto{
1129
1153
  width: auto;
1130
1154
  }
@@ -1486,6 +1510,10 @@ video {
1486
1510
  border-radius: 0.25rem;
1487
1511
  }
1488
1512
 
1513
+ .rounded-\[3px\]{
1514
+ border-radius: 3px;
1515
+ }
1516
+
1489
1517
  .rounded-\[4px\]{
1490
1518
  border-radius: 4px;
1491
1519
  }
@@ -1611,6 +1639,11 @@ video {
1611
1639
  border-right-width: 1px;
1612
1640
  }
1613
1641
 
1642
+ .border-y-\[0\.5px\]{
1643
+ border-top-width: 0.5px;
1644
+ border-bottom-width: 0.5px;
1645
+ }
1646
+
1614
1647
  .\!border-l-0{
1615
1648
  border-left-width: 0px !important;
1616
1649
  }
@@ -1619,6 +1652,10 @@ video {
1619
1652
  border-bottom-width: 1px;
1620
1653
  }
1621
1654
 
1655
+ .border-b-\[0\.5px\]{
1656
+ border-bottom-width: 0.5px;
1657
+ }
1658
+
1622
1659
  .border-e-0{
1623
1660
  border-inline-end-width: 0px;
1624
1661
  }
@@ -1635,6 +1672,10 @@ video {
1635
1672
  border-top-width: 1px;
1636
1673
  }
1637
1674
 
1675
+ .border-solid{
1676
+ border-style: solid;
1677
+ }
1678
+
1638
1679
  .border-none{
1639
1680
  border-style: none;
1640
1681
  }
@@ -1902,6 +1943,10 @@ video {
1902
1943
  padding: 0.25rem;
1903
1944
  }
1904
1945
 
1946
+ .p-1\.5{
1947
+ padding: 0.375rem;
1948
+ }
1949
+
1905
1950
  .p-2{
1906
1951
  padding: 0.5rem;
1907
1952
  }
@@ -2027,6 +2072,11 @@ video {
2027
2072
  padding-bottom: 1.5rem;
2028
2073
  }
2029
2074
 
2075
+ .py-7{
2076
+ padding-top: 1.75rem;
2077
+ padding-bottom: 1.75rem;
2078
+ }
2079
+
2030
2080
  .py-\[0\.375rem\]{
2031
2081
  padding-top: 0.375rem;
2032
2082
  padding-bottom: 0.375rem;
@@ -2058,6 +2108,10 @@ video {
2058
2108
  padding-right: 0.75rem !important;
2059
2109
  }
2060
2110
 
2111
+ .pb-1{
2112
+ padding-bottom: 0.25rem;
2113
+ }
2114
+
2061
2115
  .pb-2{
2062
2116
  padding-bottom: 0.5rem;
2063
2117
  }
@@ -2308,6 +2362,11 @@ video {
2308
2362
  color: rgb(142 152 168 / var(--tw-text-opacity, 1));
2309
2363
  }
2310
2364
 
2365
+ .text-\[\#959595\]{
2366
+ --tw-text-opacity: 1;
2367
+ color: rgb(149 149 149 / var(--tw-text-opacity, 1));
2368
+ }
2369
+
2311
2370
  .text-\[\#A5A5A5\]{
2312
2371
  --tw-text-opacity: 1;
2313
2372
  color: rgb(165 165 165 / var(--tw-text-opacity, 1));
@@ -2750,6 +2809,16 @@ input:-webkit-autofill:active {
2750
2809
  color: rgb(121 129 140 / var(--tw-text-opacity, 1));
2751
2810
  }
2752
2811
 
2812
+ .placeholder\:text-\[\#959595\]::-moz-placeholder{
2813
+ --tw-text-opacity: 1;
2814
+ color: rgb(149 149 149 / var(--tw-text-opacity, 1));
2815
+ }
2816
+
2817
+ .placeholder\:text-\[\#959595\]::placeholder{
2818
+ --tw-text-opacity: 1;
2819
+ color: rgb(149 149 149 / var(--tw-text-opacity, 1));
2820
+ }
2821
+
2753
2822
  .placeholder\:text-\[\#C4C4C4\]::-moz-placeholder{
2754
2823
  --tw-text-opacity: 1;
2755
2824
  color: rgb(196 196 196 / var(--tw-text-opacity, 1));
@@ -2949,6 +3018,12 @@ input:-webkit-autofill:active {
2949
3018
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000) !important;
2950
3019
  }
2951
3020
 
3021
+ .focus\:ring-0:focus{
3022
+ --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
3023
+ --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);
3024
+ box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
3025
+ }
3026
+
2952
3027
  .focus\:ring-2:focus{
2953
3028
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
2954
3029
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
@@ -2978,6 +3053,10 @@ input:-webkit-autofill:active {
2978
3053
  --tw-ring-color: rgb(239 68 68 / var(--tw-ring-opacity, 1));
2979
3054
  }
2980
3055
 
3056
+ .focus\:ring-offset-0:focus{
3057
+ --tw-ring-offset-width: 0px;
3058
+ }
3059
+
2981
3060
  .focus\:ring-offset-2:focus{
2982
3061
  --tw-ring-offset-width: 2px;
2983
3062
  }
@@ -3013,6 +3092,12 @@ input:-webkit-autofill:active {
3013
3092
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
3014
3093
  }
3015
3094
 
3095
+ .focus-visible\:ring-1:focus-visible{
3096
+ --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
3097
+ --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
3098
+ box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
3099
+ }
3100
+
3016
3101
  .focus-visible\:ring-2:focus-visible{
3017
3102
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
3018
3103
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
@@ -3032,6 +3117,10 @@ input:-webkit-autofill:active {
3032
3117
  --tw-ring-offset-width: 0px;
3033
3118
  }
3034
3119
 
3120
+ .focus-visible\:ring-offset-1:focus-visible{
3121
+ --tw-ring-offset-width: 1px;
3122
+ }
3123
+
3035
3124
  .focus-visible\:ring-offset-2:focus-visible{
3036
3125
  --tw-ring-offset-width: 2px;
3037
3126
  }
@@ -3104,6 +3193,10 @@ input:-webkit-autofill:active {
3104
3193
  pointer-events: none;
3105
3194
  }
3106
3195
 
3196
+ .data-\[disabled\]\:pointer-events-none[data-disabled]{
3197
+ pointer-events: none;
3198
+ }
3199
+
3107
3200
  .data-\[selected\=true\]\:bg-primary-accent[data-selected="true"]{
3108
3201
  background-color: var(--color-primary-accent);
3109
3202
  }
@@ -3112,6 +3205,10 @@ input:-webkit-autofill:active {
3112
3205
  opacity: 0.5;
3113
3206
  }
3114
3207
 
3208
+ .data-\[disabled\]\:opacity-50[data-disabled]{
3209
+ opacity: 0.5;
3210
+ }
3211
+
3115
3212
  .data-\[state\=closed\]\:duration-300[data-state="closed"]{
3116
3213
  transition-duration: 300ms;
3117
3214
  }
@@ -3237,6 +3334,11 @@ input:-webkit-autofill:active {
3237
3334
  border-color: rgb(146 153 162 / var(--tw-border-opacity, 1)) !important;
3238
3335
  }
3239
3336
 
3337
+ .dark\:border-\[\#5C636B\]:is(.dark *){
3338
+ --tw-border-opacity: 1;
3339
+ border-color: rgb(92 99 107 / var(--tw-border-opacity, 1));
3340
+ }
3341
+
3240
3342
  .dark\:border-\[\#676767\]:is(.dark *){
3241
3343
  --tw-border-opacity: 1;
3242
3344
  border-color: rgb(103 103 103 / var(--tw-border-opacity, 1));
@@ -3271,6 +3373,35 @@ input:-webkit-autofill:active {
3271
3373
  background-color: rgb(43 43 43 / var(--tw-bg-opacity, 1));
3272
3374
  }
3273
3375
 
3376
+ .dark\:bg-transparent:is(.dark *){
3377
+ background-color: transparent;
3378
+ }
3379
+
3380
+ .dark\:\!text-\[\#DDDFE0\]:is(.dark *){
3381
+ --tw-text-opacity: 1 !important;
3382
+ color: rgb(221 223 224 / var(--tw-text-opacity, 1)) !important;
3383
+ }
3384
+
3385
+ .dark\:\!text-white:is(.dark *){
3386
+ --tw-text-opacity: 1 !important;
3387
+ color: rgb(255 255 255 / var(--tw-text-opacity, 1)) !important;
3388
+ }
3389
+
3390
+ .dark\:text-\[\#959BA4\]:is(.dark *){
3391
+ --tw-text-opacity: 1;
3392
+ color: rgb(149 155 164 / var(--tw-text-opacity, 1));
3393
+ }
3394
+
3395
+ .dark\:text-\[\#DDDFE0\]:is(.dark *){
3396
+ --tw-text-opacity: 1;
3397
+ color: rgb(221 223 224 / var(--tw-text-opacity, 1));
3398
+ }
3399
+
3400
+ .dark\:text-black:is(.dark *){
3401
+ --tw-text-opacity: 1;
3402
+ color: rgb(0 0 0 / var(--tw-text-opacity, 1));
3403
+ }
3404
+
3274
3405
  .dark\:text-white:is(.dark *){
3275
3406
  --tw-text-opacity: 1;
3276
3407
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
@@ -3290,6 +3421,16 @@ input:-webkit-autofill:active {
3290
3421
  color: rgb(146 153 162 / var(--tw-text-opacity, 1));
3291
3422
  }
3292
3423
 
3424
+ .dark\:placeholder\:text-\[\#DDDFE0\]:is(.dark *)::-moz-placeholder{
3425
+ --tw-text-opacity: 1;
3426
+ color: rgb(221 223 224 / var(--tw-text-opacity, 1));
3427
+ }
3428
+
3429
+ .dark\:placeholder\:text-\[\#DDDFE0\]:is(.dark *)::placeholder{
3430
+ --tw-text-opacity: 1;
3431
+ color: rgb(221 223 224 / var(--tw-text-opacity, 1));
3432
+ }
3433
+
3293
3434
  .dark\:placeholder\:text-white:is(.dark *)::-moz-placeholder{
3294
3435
  --tw-text-opacity: 1;
3295
3436
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
@@ -3309,6 +3450,15 @@ input:-webkit-autofill:active {
3309
3450
  background-color: transparent !important;
3310
3451
  }
3311
3452
 
3453
+ .dark\:focus\:bg-transparent:focus:is(.dark *){
3454
+ background-color: transparent;
3455
+ }
3456
+
3457
+ .focus\:dark\:\!text-\[\#DDDFE0\]:is(.dark *):focus{
3458
+ --tw-text-opacity: 1 !important;
3459
+ color: rgb(221 223 224 / var(--tw-text-opacity, 1)) !important;
3460
+ }
3461
+
3312
3462
  .dark\:focus-visible\:\!ring-0:focus-visible:is(.dark *){
3313
3463
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color) !important;
3314
3464
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color) !important;
@@ -3320,6 +3470,26 @@ input:-webkit-autofill:active {
3320
3470
  border-color: rgb(146 153 162 / var(--tw-border-opacity, 1)) !important;
3321
3471
  }
3322
3472
 
3473
+ .peer:hover ~ .dark\:peer-hover\:text-white:is(.dark *){
3474
+ --tw-text-opacity: 1;
3475
+ color: rgb(255 255 255 / var(--tw-text-opacity, 1));
3476
+ }
3477
+
3478
+ .peer:focus ~ .dark\:peer-focus\:text-white:is(.dark *){
3479
+ --tw-text-opacity: 1;
3480
+ color: rgb(255 255 255 / var(--tw-text-opacity, 1));
3481
+ }
3482
+
3483
+ .peer:focus-visible ~ .dark\:peer-focus-visible\:text-white:is(.dark *){
3484
+ --tw-text-opacity: 1;
3485
+ color: rgb(255 255 255 / var(--tw-text-opacity, 1));
3486
+ }
3487
+
3488
+ .peer[aria-checked="true"] ~ .dark\:peer-aria-checked\:text-white:is(.dark *){
3489
+ --tw-text-opacity: 1;
3490
+ color: rgb(255 255 255 / var(--tw-text-opacity, 1));
3491
+ }
3492
+
3323
3493
  @media (min-width: 640px){
3324
3494
  .sm\:order-none{
3325
3495
  order: 0;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@6thbridge/hexa",
3
- "version": "0.0.69",
3
+ "version": "0.0.71",
4
4
  "main": "dist/index.js",
5
5
  "types": "dist/index.d.ts",
6
6
  "exports": {
@@ -39,6 +39,7 @@
39
39
  "vite": "^6.0.11"
40
40
  },
41
41
  "dependencies": {
42
+ "@radix-ui/react-checkbox": "^1.3.3",
42
43
  "@radix-ui/react-dialog": "^1.1.5",
43
44
  "@radix-ui/react-dismissable-layer": "1.1.0",
44
45
  "@radix-ui/react-focus-scope": "1.1.0",