okonomi_ui_kit 0.1.5 → 0.1.7
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.
- checksums.yaml +4 -4
- data/app/assets/builds/okonomi_ui_kit/application.tailwind.css +313 -4
- data/app/helpers/okonomi_ui_kit/component.rb +80 -0
- data/app/helpers/okonomi_ui_kit/components/alert.rb +9 -0
- data/app/helpers/okonomi_ui_kit/components/badge.rb +31 -0
- data/app/helpers/okonomi_ui_kit/components/button_to.rb +34 -0
- data/app/helpers/okonomi_ui_kit/components/code.rb +73 -0
- data/app/helpers/okonomi_ui_kit/components/link_to.rb +34 -0
- data/app/helpers/okonomi_ui_kit/components/page.rb +247 -0
- data/app/helpers/okonomi_ui_kit/components/table.rb +207 -0
- data/app/helpers/okonomi_ui_kit/components/typography.rb +68 -0
- data/app/helpers/okonomi_ui_kit/config.rb +16 -0
- data/app/helpers/okonomi_ui_kit/theme.rb +55 -3
- data/app/helpers/okonomi_ui_kit/ui_helper.rb +35 -63
- data/app/javascript/okonomi_ui_kit/controllers/modal_controller.js +94 -0
- data/app/views/okonomi/components/alert/_alert.html.erb +3 -0
- data/app/views/okonomi/components/code/_code.html.erb +1 -0
- data/app/views/okonomi/components/page/_page.html.erb +5 -0
- data/app/views/okonomi/components/table/_table.html.erb +3 -0
- data/app/views/okonomi/components/typography/_typography.html.erb +7 -0
- data/app/views/okonomi/modals/_confirmation_modal.html.erb +77 -0
- data/lib/okonomi_ui_kit/engine.rb +0 -3
- data/lib/okonomi_ui_kit/version.rb +1 -1
- metadata +23 -7
- data/app/helpers/okonomi_ui_kit/badge_helper.rb +0 -23
- data/app/helpers/okonomi_ui_kit/page_builder_helper.rb +0 -217
- data/app/helpers/okonomi_ui_kit/table_helper.rb +0 -158
- data/app/views/okonomi/components/_typography.html.erb +0 -7
checksums.yaml
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
---
|
|
2
2
|
SHA256:
|
|
3
|
-
metadata.gz:
|
|
4
|
-
data.tar.gz:
|
|
3
|
+
metadata.gz: c94c4c54d4385932abd25596610ea5e50f6d49477577a95731a0e0a1e22fca31
|
|
4
|
+
data.tar.gz: bb5f224ebe4b40a221cc382dea0256d75589557c553a3abf51f647cf3018044f
|
|
5
5
|
SHA512:
|
|
6
|
-
metadata.gz:
|
|
7
|
-
data.tar.gz:
|
|
6
|
+
metadata.gz: 1668ef825c3f06032802b9614baba74626f6e74cabd741880143627d1f6c2ee32d1d2b0a21676a550d2773c3abaa1d4ec3162da05b7e4bcb574d5e8429bab8fc
|
|
7
|
+
data.tar.gz: 1f457860e311e5efa5fa07d8199c0ef0758dac7122b9a07b3780c820f472546aee2083bbaf2b0374343fc41882e7830780e788070111c04404f9f2788b7b25d3
|
|
@@ -27,9 +27,12 @@
|
|
|
27
27
|
--color-amber-700: oklch(55.5% 0.163 48.998);
|
|
28
28
|
--color-amber-800: oklch(47.3% 0.137 46.201);
|
|
29
29
|
--color-amber-900: oklch(41.4% 0.112 45.904);
|
|
30
|
+
--color-yellow-50: oklch(98.7% 0.026 102.212);
|
|
30
31
|
--color-yellow-100: oklch(97.3% 0.071 103.193);
|
|
32
|
+
--color-yellow-200: oklch(94.5% 0.129 101.54);
|
|
31
33
|
--color-yellow-400: oklch(85.2% 0.199 91.936);
|
|
32
34
|
--color-yellow-500: oklch(79.5% 0.184 86.047);
|
|
35
|
+
--color-yellow-700: oklch(55.4% 0.135 66.442);
|
|
33
36
|
--color-yellow-800: oklch(47.6% 0.114 61.907);
|
|
34
37
|
--color-green-50: oklch(98.2% 0.018 155.826);
|
|
35
38
|
--color-green-100: oklch(96.2% 0.044 156.743);
|
|
@@ -94,6 +97,8 @@
|
|
|
94
97
|
--color-white: #fff;
|
|
95
98
|
--spacing: 0.25rem;
|
|
96
99
|
--container-xs: 20rem;
|
|
100
|
+
--container-sm: 24rem;
|
|
101
|
+
--container-lg: 32rem;
|
|
97
102
|
--container-2xl: 42rem;
|
|
98
103
|
--container-4xl: 56rem;
|
|
99
104
|
--container-7xl: 80rem;
|
|
@@ -113,6 +118,8 @@
|
|
|
113
118
|
--text-3xl--line-height: calc(2.25 / 1.875);
|
|
114
119
|
--text-4xl: 2.25rem;
|
|
115
120
|
--text-4xl--line-height: calc(2.5 / 2.25);
|
|
121
|
+
--text-6xl: 3.75rem;
|
|
122
|
+
--text-6xl--line-height: 1;
|
|
116
123
|
--font-weight-normal: 400;
|
|
117
124
|
--font-weight-medium: 500;
|
|
118
125
|
--font-weight-semibold: 600;
|
|
@@ -322,21 +329,36 @@
|
|
|
322
329
|
.absolute {
|
|
323
330
|
position: absolute;
|
|
324
331
|
}
|
|
332
|
+
.fixed {
|
|
333
|
+
position: fixed;
|
|
334
|
+
}
|
|
325
335
|
.relative {
|
|
326
336
|
position: relative;
|
|
327
337
|
}
|
|
328
338
|
.static {
|
|
329
339
|
position: static;
|
|
330
340
|
}
|
|
341
|
+
.-inset-0 {
|
|
342
|
+
inset: calc(var(--spacing) * -0);
|
|
343
|
+
}
|
|
331
344
|
.-inset-0\.5 {
|
|
332
345
|
inset: calc(var(--spacing) * -0.5);
|
|
333
346
|
}
|
|
347
|
+
.-inset-1 {
|
|
348
|
+
inset: calc(var(--spacing) * -1);
|
|
349
|
+
}
|
|
334
350
|
.-inset-1\.5 {
|
|
335
351
|
inset: calc(var(--spacing) * -1.5);
|
|
336
352
|
}
|
|
353
|
+
.inset-0 {
|
|
354
|
+
inset: calc(var(--spacing) * 0);
|
|
355
|
+
}
|
|
337
356
|
.inset-y-0 {
|
|
338
357
|
inset-block: calc(var(--spacing) * 0);
|
|
339
358
|
}
|
|
359
|
+
.top-0 {
|
|
360
|
+
top: calc(var(--spacing) * 0);
|
|
361
|
+
}
|
|
340
362
|
.top-2 {
|
|
341
363
|
top: calc(var(--spacing) * 2);
|
|
342
364
|
}
|
|
@@ -388,6 +410,12 @@
|
|
|
388
410
|
.mx-auto {
|
|
389
411
|
margin-inline: auto;
|
|
390
412
|
}
|
|
413
|
+
.mt-0 {
|
|
414
|
+
margin-top: calc(var(--spacing) * 0);
|
|
415
|
+
}
|
|
416
|
+
.mt-0\.5 {
|
|
417
|
+
margin-top: calc(var(--spacing) * 0.5);
|
|
418
|
+
}
|
|
391
419
|
.mt-1 {
|
|
392
420
|
margin-top: calc(var(--spacing) * 1);
|
|
393
421
|
}
|
|
@@ -400,6 +428,9 @@
|
|
|
400
428
|
.mt-4 {
|
|
401
429
|
margin-top: calc(var(--spacing) * 4);
|
|
402
430
|
}
|
|
431
|
+
.mt-5 {
|
|
432
|
+
margin-top: calc(var(--spacing) * 5);
|
|
433
|
+
}
|
|
403
434
|
.mt-6 {
|
|
404
435
|
margin-top: calc(var(--spacing) * 6);
|
|
405
436
|
}
|
|
@@ -525,6 +556,9 @@
|
|
|
525
556
|
.max-h-32 {
|
|
526
557
|
max-height: calc(var(--spacing) * 32);
|
|
527
558
|
}
|
|
559
|
+
.min-h-full {
|
|
560
|
+
min-height: 100%;
|
|
561
|
+
}
|
|
528
562
|
.min-h-screen {
|
|
529
563
|
min-height: 100vh;
|
|
530
564
|
}
|
|
@@ -558,6 +592,9 @@
|
|
|
558
592
|
.w-full {
|
|
559
593
|
width: 100%;
|
|
560
594
|
}
|
|
595
|
+
.w-screen {
|
|
596
|
+
width: 100vw;
|
|
597
|
+
}
|
|
561
598
|
.max-w-2xl {
|
|
562
599
|
max-width: var(--container-2xl);
|
|
563
600
|
}
|
|
@@ -579,12 +616,29 @@
|
|
|
579
616
|
.flex-1 {
|
|
580
617
|
flex: 1;
|
|
581
618
|
}
|
|
619
|
+
.flex-shrink {
|
|
620
|
+
flex-shrink: 1;
|
|
621
|
+
}
|
|
622
|
+
.flex-shrink-0 {
|
|
623
|
+
flex-shrink: 0;
|
|
624
|
+
}
|
|
582
625
|
.shrink-0 {
|
|
583
626
|
flex-shrink: 0;
|
|
584
627
|
}
|
|
628
|
+
.border-collapse {
|
|
629
|
+
border-collapse: collapse;
|
|
630
|
+
}
|
|
585
631
|
.origin-top-right {
|
|
586
632
|
transform-origin: top right;
|
|
587
633
|
}
|
|
634
|
+
.translate-y-0 {
|
|
635
|
+
--tw-translate-y: calc(var(--spacing) * 0);
|
|
636
|
+
translate: var(--tw-translate-x) var(--tw-translate-y);
|
|
637
|
+
}
|
|
638
|
+
.translate-y-4 {
|
|
639
|
+
--tw-translate-y: calc(var(--spacing) * 4);
|
|
640
|
+
translate: var(--tw-translate-x) var(--tw-translate-y);
|
|
641
|
+
}
|
|
588
642
|
.scale-75 {
|
|
589
643
|
--tw-scale-x: 75%;
|
|
590
644
|
--tw-scale-y: 75%;
|
|
@@ -612,9 +666,18 @@
|
|
|
612
666
|
.transform {
|
|
613
667
|
transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);
|
|
614
668
|
}
|
|
669
|
+
.cursor-not-allowed {
|
|
670
|
+
cursor: not-allowed;
|
|
671
|
+
}
|
|
615
672
|
.cursor-pointer {
|
|
616
673
|
cursor: pointer;
|
|
617
674
|
}
|
|
675
|
+
.cursor-wait {
|
|
676
|
+
cursor: wait;
|
|
677
|
+
}
|
|
678
|
+
.resize {
|
|
679
|
+
resize: both;
|
|
680
|
+
}
|
|
618
681
|
.appearance-none {
|
|
619
682
|
appearance: none;
|
|
620
683
|
}
|
|
@@ -636,6 +699,9 @@
|
|
|
636
699
|
.items-center {
|
|
637
700
|
align-items: center;
|
|
638
701
|
}
|
|
702
|
+
.items-end {
|
|
703
|
+
align-items: flex-end;
|
|
704
|
+
}
|
|
639
705
|
.items-start {
|
|
640
706
|
align-items: flex-start;
|
|
641
707
|
}
|
|
@@ -773,6 +839,9 @@
|
|
|
773
839
|
.overflow-x-auto {
|
|
774
840
|
overflow-x: auto;
|
|
775
841
|
}
|
|
842
|
+
.overflow-y-auto {
|
|
843
|
+
overflow-y: auto;
|
|
844
|
+
}
|
|
776
845
|
.rounded {
|
|
777
846
|
border-radius: 0.25rem;
|
|
778
847
|
}
|
|
@@ -886,6 +955,9 @@
|
|
|
886
955
|
.border-warning-700 {
|
|
887
956
|
border-color: var(--color-warning-700);
|
|
888
957
|
}
|
|
958
|
+
.border-yellow-200 {
|
|
959
|
+
border-color: var(--color-yellow-200);
|
|
960
|
+
}
|
|
889
961
|
.bg-blue-50 {
|
|
890
962
|
background-color: var(--color-blue-50);
|
|
891
963
|
}
|
|
@@ -895,6 +967,9 @@
|
|
|
895
967
|
.bg-blue-600 {
|
|
896
968
|
background-color: var(--color-blue-600);
|
|
897
969
|
}
|
|
970
|
+
.bg-danger-50 {
|
|
971
|
+
background-color: var(--color-danger-50);
|
|
972
|
+
}
|
|
898
973
|
.bg-danger-100 {
|
|
899
974
|
background-color: var(--color-danger-100);
|
|
900
975
|
}
|
|
@@ -916,12 +991,24 @@
|
|
|
916
991
|
.bg-gray-300 {
|
|
917
992
|
background-color: var(--color-gray-300);
|
|
918
993
|
}
|
|
994
|
+
.bg-gray-500 {
|
|
995
|
+
background-color: var(--color-gray-500);
|
|
996
|
+
}
|
|
997
|
+
.bg-gray-500\/75 {
|
|
998
|
+
background-color: color-mix(in srgb, oklch(55.1% 0.027 264.364) 75%, transparent);
|
|
999
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
1000
|
+
background-color: color-mix(in oklab, var(--color-gray-500) 75%, transparent);
|
|
1001
|
+
}
|
|
1002
|
+
}
|
|
919
1003
|
.bg-gray-900 {
|
|
920
1004
|
background-color: var(--color-gray-900);
|
|
921
1005
|
}
|
|
922
1006
|
.bg-green-100 {
|
|
923
1007
|
background-color: var(--color-green-100);
|
|
924
1008
|
}
|
|
1009
|
+
.bg-green-500 {
|
|
1010
|
+
background-color: var(--color-green-500);
|
|
1011
|
+
}
|
|
925
1012
|
.bg-info-600 {
|
|
926
1013
|
background-color: var(--color-info-600);
|
|
927
1014
|
}
|
|
@@ -940,15 +1027,24 @@
|
|
|
940
1027
|
.bg-secondary-600 {
|
|
941
1028
|
background-color: var(--color-secondary-600);
|
|
942
1029
|
}
|
|
1030
|
+
.bg-success-50 {
|
|
1031
|
+
background-color: var(--color-success-50);
|
|
1032
|
+
}
|
|
943
1033
|
.bg-success-600 {
|
|
944
1034
|
background-color: var(--color-success-600);
|
|
945
1035
|
}
|
|
1036
|
+
.bg-warning-50 {
|
|
1037
|
+
background-color: var(--color-warning-50);
|
|
1038
|
+
}
|
|
946
1039
|
.bg-warning-600 {
|
|
947
1040
|
background-color: var(--color-warning-600);
|
|
948
1041
|
}
|
|
949
1042
|
.bg-white {
|
|
950
1043
|
background-color: var(--color-white);
|
|
951
1044
|
}
|
|
1045
|
+
.bg-yellow-50 {
|
|
1046
|
+
background-color: var(--color-yellow-50);
|
|
1047
|
+
}
|
|
952
1048
|
.bg-yellow-100 {
|
|
953
1049
|
background-color: var(--color-yellow-100);
|
|
954
1050
|
}
|
|
@@ -991,21 +1087,33 @@
|
|
|
991
1087
|
.px-6 {
|
|
992
1088
|
padding-inline: calc(var(--spacing) * 6);
|
|
993
1089
|
}
|
|
1090
|
+
.py-0 {
|
|
1091
|
+
padding-block: calc(var(--spacing) * 0);
|
|
1092
|
+
}
|
|
994
1093
|
.py-0\.5 {
|
|
995
1094
|
padding-block: calc(var(--spacing) * 0.5);
|
|
996
1095
|
}
|
|
997
1096
|
.py-1 {
|
|
998
1097
|
padding-block: calc(var(--spacing) * 1);
|
|
999
1098
|
}
|
|
1099
|
+
.py-1\.5 {
|
|
1100
|
+
padding-block: calc(var(--spacing) * 1.5);
|
|
1101
|
+
}
|
|
1000
1102
|
.py-2 {
|
|
1001
1103
|
padding-block: calc(var(--spacing) * 2);
|
|
1002
1104
|
}
|
|
1105
|
+
.py-3 {
|
|
1106
|
+
padding-block: calc(var(--spacing) * 3);
|
|
1107
|
+
}
|
|
1003
1108
|
.py-3\.5 {
|
|
1004
1109
|
padding-block: calc(var(--spacing) * 3.5);
|
|
1005
1110
|
}
|
|
1006
1111
|
.py-4 {
|
|
1007
1112
|
padding-block: calc(var(--spacing) * 4);
|
|
1008
1113
|
}
|
|
1114
|
+
.py-5 {
|
|
1115
|
+
padding-block: calc(var(--spacing) * 5);
|
|
1116
|
+
}
|
|
1009
1117
|
.py-6 {
|
|
1010
1118
|
padding-block: calc(var(--spacing) * 6);
|
|
1011
1119
|
}
|
|
@@ -1024,6 +1132,9 @@
|
|
|
1024
1132
|
.pt-4 {
|
|
1025
1133
|
padding-top: calc(var(--spacing) * 4);
|
|
1026
1134
|
}
|
|
1135
|
+
.pt-5 {
|
|
1136
|
+
padding-top: calc(var(--spacing) * 5);
|
|
1137
|
+
}
|
|
1027
1138
|
.pr-3 {
|
|
1028
1139
|
padding-right: calc(var(--spacing) * 3);
|
|
1029
1140
|
}
|
|
@@ -1039,6 +1150,9 @@
|
|
|
1039
1150
|
.pb-3 {
|
|
1040
1151
|
padding-bottom: calc(var(--spacing) * 3);
|
|
1041
1152
|
}
|
|
1153
|
+
.pb-4 {
|
|
1154
|
+
padding-bottom: calc(var(--spacing) * 4);
|
|
1155
|
+
}
|
|
1042
1156
|
.pl-3 {
|
|
1043
1157
|
padding-left: calc(var(--spacing) * 3);
|
|
1044
1158
|
}
|
|
@@ -1057,6 +1171,9 @@
|
|
|
1057
1171
|
.align-middle {
|
|
1058
1172
|
vertical-align: middle;
|
|
1059
1173
|
}
|
|
1174
|
+
.font-mono {
|
|
1175
|
+
font-family: var(--font-mono);
|
|
1176
|
+
}
|
|
1060
1177
|
.text-2xl {
|
|
1061
1178
|
font-size: var(--text-2xl);
|
|
1062
1179
|
line-height: var(--tw-leading, var(--text-2xl--line-height));
|
|
@@ -1069,6 +1186,10 @@
|
|
|
1069
1186
|
font-size: var(--text-4xl);
|
|
1070
1187
|
line-height: var(--tw-leading, var(--text-4xl--line-height));
|
|
1071
1188
|
}
|
|
1189
|
+
.text-6xl {
|
|
1190
|
+
font-size: var(--text-6xl);
|
|
1191
|
+
line-height: var(--tw-leading, var(--text-6xl--line-height));
|
|
1192
|
+
}
|
|
1072
1193
|
.text-base {
|
|
1073
1194
|
font-size: var(--text-base);
|
|
1074
1195
|
line-height: var(--tw-leading, var(--text-base--line-height));
|
|
@@ -1108,10 +1229,6 @@
|
|
|
1108
1229
|
--tw-leading: calc(var(--spacing) * 4);
|
|
1109
1230
|
line-height: calc(var(--spacing) * 4);
|
|
1110
1231
|
}
|
|
1111
|
-
.leading-6 {
|
|
1112
|
-
--tw-leading: calc(var(--spacing) * 6);
|
|
1113
|
-
line-height: calc(var(--spacing) * 6);
|
|
1114
|
-
}
|
|
1115
1232
|
.leading-7 {
|
|
1116
1233
|
--tw-leading: calc(var(--spacing) * 7);
|
|
1117
1234
|
line-height: calc(var(--spacing) * 7);
|
|
@@ -1135,6 +1252,9 @@
|
|
|
1135
1252
|
.whitespace-nowrap {
|
|
1136
1253
|
white-space: nowrap;
|
|
1137
1254
|
}
|
|
1255
|
+
.text-amber-600 {
|
|
1256
|
+
color: var(--color-amber-600);
|
|
1257
|
+
}
|
|
1138
1258
|
.text-blue-500 {
|
|
1139
1259
|
color: var(--color-blue-500);
|
|
1140
1260
|
}
|
|
@@ -1243,12 +1363,21 @@
|
|
|
1243
1363
|
.text-yellow-500 {
|
|
1244
1364
|
color: var(--color-yellow-500);
|
|
1245
1365
|
}
|
|
1366
|
+
.text-yellow-700 {
|
|
1367
|
+
color: var(--color-yellow-700);
|
|
1368
|
+
}
|
|
1246
1369
|
.text-yellow-800 {
|
|
1247
1370
|
color: var(--color-yellow-800);
|
|
1248
1371
|
}
|
|
1372
|
+
.underline {
|
|
1373
|
+
text-decoration-line: underline;
|
|
1374
|
+
}
|
|
1249
1375
|
.opacity-0 {
|
|
1250
1376
|
opacity: 0%;
|
|
1251
1377
|
}
|
|
1378
|
+
.opacity-50 {
|
|
1379
|
+
opacity: 50%;
|
|
1380
|
+
}
|
|
1252
1381
|
.opacity-100 {
|
|
1253
1382
|
opacity: 100%;
|
|
1254
1383
|
}
|
|
@@ -1260,14 +1389,29 @@
|
|
|
1260
1389
|
--tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 4px 6px -4px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
|
|
1261
1390
|
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
|
|
1262
1391
|
}
|
|
1392
|
+
.shadow-none {
|
|
1393
|
+
--tw-shadow: 0 0 #0000;
|
|
1394
|
+
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
|
|
1395
|
+
}
|
|
1263
1396
|
.shadow-sm {
|
|
1264
1397
|
--tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
|
|
1265
1398
|
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
|
|
1266
1399
|
}
|
|
1400
|
+
.shadow-xl {
|
|
1401
|
+
--tw-shadow: 0 20px 25px -5px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 8px 10px -6px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
|
|
1402
|
+
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
|
|
1403
|
+
}
|
|
1267
1404
|
.ring-1 {
|
|
1268
1405
|
--tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
|
|
1269
1406
|
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
|
|
1270
1407
|
}
|
|
1408
|
+
.ring-2 {
|
|
1409
|
+
--tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
|
|
1410
|
+
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
|
|
1411
|
+
}
|
|
1412
|
+
.ring-black {
|
|
1413
|
+
--tw-ring-color: var(--color-black);
|
|
1414
|
+
}
|
|
1271
1415
|
.ring-black\/5 {
|
|
1272
1416
|
--tw-ring-color: color-mix(in srgb, #000 5%, transparent);
|
|
1273
1417
|
@supports (color: color-mix(in lab, red, red)) {
|
|
@@ -1280,6 +1424,10 @@
|
|
|
1280
1424
|
.ring-gray-300 {
|
|
1281
1425
|
--tw-ring-color: var(--color-gray-300);
|
|
1282
1426
|
}
|
|
1427
|
+
.ring-offset-2 {
|
|
1428
|
+
--tw-ring-offset-width: 2px;
|
|
1429
|
+
--tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
|
|
1430
|
+
}
|
|
1283
1431
|
.outline-hidden {
|
|
1284
1432
|
--tw-outline-style: none;
|
|
1285
1433
|
outline-style: none;
|
|
@@ -1307,11 +1455,21 @@
|
|
|
1307
1455
|
transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
|
|
1308
1456
|
transition-duration: var(--tw-duration, var(--default-transition-duration));
|
|
1309
1457
|
}
|
|
1458
|
+
.transition-all {
|
|
1459
|
+
transition-property: all;
|
|
1460
|
+
transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
|
|
1461
|
+
transition-duration: var(--tw-duration, var(--default-transition-duration));
|
|
1462
|
+
}
|
|
1310
1463
|
.transition-colors {
|
|
1311
1464
|
transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
|
|
1312
1465
|
transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
|
|
1313
1466
|
transition-duration: var(--tw-duration, var(--default-transition-duration));
|
|
1314
1467
|
}
|
|
1468
|
+
.transition-opacity {
|
|
1469
|
+
transition-property: opacity;
|
|
1470
|
+
transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
|
|
1471
|
+
transition-duration: var(--tw-duration, var(--default-transition-duration));
|
|
1472
|
+
}
|
|
1315
1473
|
.transition-shadow {
|
|
1316
1474
|
transition-property: box-shadow;
|
|
1317
1475
|
transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
|
|
@@ -1329,6 +1487,10 @@
|
|
|
1329
1487
|
--tw-duration: 200ms;
|
|
1330
1488
|
transition-duration: 200ms;
|
|
1331
1489
|
}
|
|
1490
|
+
.duration-300 {
|
|
1491
|
+
--tw-duration: 300ms;
|
|
1492
|
+
transition-duration: 300ms;
|
|
1493
|
+
}
|
|
1332
1494
|
.ease-in {
|
|
1333
1495
|
--tw-ease: var(--ease-in);
|
|
1334
1496
|
transition-timing-function: var(--ease-in);
|
|
@@ -1606,6 +1768,11 @@
|
|
|
1606
1768
|
border-color: var(--color-blue-500);
|
|
1607
1769
|
}
|
|
1608
1770
|
}
|
|
1771
|
+
.focus\:border-indigo-500 {
|
|
1772
|
+
&:focus {
|
|
1773
|
+
border-color: var(--color-indigo-500);
|
|
1774
|
+
}
|
|
1775
|
+
}
|
|
1609
1776
|
.focus\:ring-0 {
|
|
1610
1777
|
&:focus {
|
|
1611
1778
|
--tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
|
|
@@ -1628,6 +1795,11 @@
|
|
|
1628
1795
|
--tw-ring-color: var(--color-danger-600);
|
|
1629
1796
|
}
|
|
1630
1797
|
}
|
|
1798
|
+
.focus\:ring-indigo-500 {
|
|
1799
|
+
&:focus {
|
|
1800
|
+
--tw-ring-color: var(--color-indigo-500);
|
|
1801
|
+
}
|
|
1802
|
+
}
|
|
1631
1803
|
.focus\:ring-primary-500 {
|
|
1632
1804
|
&:focus {
|
|
1633
1805
|
--tw-ring-color: var(--color-primary-500);
|
|
@@ -1697,21 +1869,51 @@
|
|
|
1697
1869
|
grid-column: span 3 / span 3;
|
|
1698
1870
|
}
|
|
1699
1871
|
}
|
|
1872
|
+
.sm\:mx-0 {
|
|
1873
|
+
@media (width >= 40rem) {
|
|
1874
|
+
margin-inline: calc(var(--spacing) * 0);
|
|
1875
|
+
}
|
|
1876
|
+
}
|
|
1700
1877
|
.sm\:-my-px {
|
|
1701
1878
|
@media (width >= 40rem) {
|
|
1702
1879
|
margin-block: -1px;
|
|
1703
1880
|
}
|
|
1704
1881
|
}
|
|
1882
|
+
.sm\:my-8 {
|
|
1883
|
+
@media (width >= 40rem) {
|
|
1884
|
+
margin-block: calc(var(--spacing) * 8);
|
|
1885
|
+
}
|
|
1886
|
+
}
|
|
1705
1887
|
.sm\:mt-0 {
|
|
1706
1888
|
@media (width >= 40rem) {
|
|
1707
1889
|
margin-top: calc(var(--spacing) * 0);
|
|
1708
1890
|
}
|
|
1709
1891
|
}
|
|
1892
|
+
.sm\:mt-4 {
|
|
1893
|
+
@media (width >= 40rem) {
|
|
1894
|
+
margin-top: calc(var(--spacing) * 4);
|
|
1895
|
+
}
|
|
1896
|
+
}
|
|
1897
|
+
.sm\:ml-3 {
|
|
1898
|
+
@media (width >= 40rem) {
|
|
1899
|
+
margin-left: calc(var(--spacing) * 3);
|
|
1900
|
+
}
|
|
1901
|
+
}
|
|
1902
|
+
.sm\:ml-4 {
|
|
1903
|
+
@media (width >= 40rem) {
|
|
1904
|
+
margin-left: calc(var(--spacing) * 4);
|
|
1905
|
+
}
|
|
1906
|
+
}
|
|
1710
1907
|
.sm\:ml-6 {
|
|
1711
1908
|
@media (width >= 40rem) {
|
|
1712
1909
|
margin-left: calc(var(--spacing) * 6);
|
|
1713
1910
|
}
|
|
1714
1911
|
}
|
|
1912
|
+
.sm\:block {
|
|
1913
|
+
@media (width >= 40rem) {
|
|
1914
|
+
display: block;
|
|
1915
|
+
}
|
|
1916
|
+
}
|
|
1715
1917
|
.sm\:flex {
|
|
1716
1918
|
@media (width >= 40rem) {
|
|
1717
1919
|
display: flex;
|
|
@@ -1733,16 +1935,84 @@
|
|
|
1733
1935
|
height: calc(var(--spacing) * 4);
|
|
1734
1936
|
}
|
|
1735
1937
|
}
|
|
1938
|
+
.sm\:size-10 {
|
|
1939
|
+
@media (width >= 40rem) {
|
|
1940
|
+
width: calc(var(--spacing) * 10);
|
|
1941
|
+
height: calc(var(--spacing) * 10);
|
|
1942
|
+
}
|
|
1943
|
+
}
|
|
1944
|
+
.sm\:w-auto {
|
|
1945
|
+
@media (width >= 40rem) {
|
|
1946
|
+
width: auto;
|
|
1947
|
+
}
|
|
1948
|
+
}
|
|
1949
|
+
.sm\:w-full {
|
|
1950
|
+
@media (width >= 40rem) {
|
|
1951
|
+
width: 100%;
|
|
1952
|
+
}
|
|
1953
|
+
}
|
|
1954
|
+
.sm\:max-w-2xl {
|
|
1955
|
+
@media (width >= 40rem) {
|
|
1956
|
+
max-width: var(--container-2xl);
|
|
1957
|
+
}
|
|
1958
|
+
}
|
|
1959
|
+
.sm\:max-w-4xl {
|
|
1960
|
+
@media (width >= 40rem) {
|
|
1961
|
+
max-width: var(--container-4xl);
|
|
1962
|
+
}
|
|
1963
|
+
}
|
|
1964
|
+
.sm\:max-w-lg {
|
|
1965
|
+
@media (width >= 40rem) {
|
|
1966
|
+
max-width: var(--container-lg);
|
|
1967
|
+
}
|
|
1968
|
+
}
|
|
1969
|
+
.sm\:max-w-sm {
|
|
1970
|
+
@media (width >= 40rem) {
|
|
1971
|
+
max-width: var(--container-sm);
|
|
1972
|
+
}
|
|
1973
|
+
}
|
|
1974
|
+
.sm\:translate-y-0 {
|
|
1975
|
+
@media (width >= 40rem) {
|
|
1976
|
+
--tw-translate-y: calc(var(--spacing) * 0);
|
|
1977
|
+
translate: var(--tw-translate-x) var(--tw-translate-y);
|
|
1978
|
+
}
|
|
1979
|
+
}
|
|
1980
|
+
.sm\:scale-95 {
|
|
1981
|
+
@media (width >= 40rem) {
|
|
1982
|
+
--tw-scale-x: 95%;
|
|
1983
|
+
--tw-scale-y: 95%;
|
|
1984
|
+
--tw-scale-z: 95%;
|
|
1985
|
+
scale: var(--tw-scale-x) var(--tw-scale-y);
|
|
1986
|
+
}
|
|
1987
|
+
}
|
|
1988
|
+
.sm\:scale-100 {
|
|
1989
|
+
@media (width >= 40rem) {
|
|
1990
|
+
--tw-scale-x: 100%;
|
|
1991
|
+
--tw-scale-y: 100%;
|
|
1992
|
+
--tw-scale-z: 100%;
|
|
1993
|
+
scale: var(--tw-scale-x) var(--tw-scale-y);
|
|
1994
|
+
}
|
|
1995
|
+
}
|
|
1736
1996
|
.sm\:grid-cols-3 {
|
|
1737
1997
|
@media (width >= 40rem) {
|
|
1738
1998
|
grid-template-columns: repeat(3, minmax(0, 1fr));
|
|
1739
1999
|
}
|
|
1740
2000
|
}
|
|
2001
|
+
.sm\:flex-row-reverse {
|
|
2002
|
+
@media (width >= 40rem) {
|
|
2003
|
+
flex-direction: row-reverse;
|
|
2004
|
+
}
|
|
2005
|
+
}
|
|
1741
2006
|
.sm\:items-center {
|
|
1742
2007
|
@media (width >= 40rem) {
|
|
1743
2008
|
align-items: center;
|
|
1744
2009
|
}
|
|
1745
2010
|
}
|
|
2011
|
+
.sm\:items-start {
|
|
2012
|
+
@media (width >= 40rem) {
|
|
2013
|
+
align-items: flex-start;
|
|
2014
|
+
}
|
|
2015
|
+
}
|
|
1746
2016
|
.sm\:gap-4 {
|
|
1747
2017
|
@media (width >= 40rem) {
|
|
1748
2018
|
gap: calc(var(--spacing) * 4);
|
|
@@ -1757,17 +2027,38 @@
|
|
|
1757
2027
|
}
|
|
1758
2028
|
}
|
|
1759
2029
|
}
|
|
2030
|
+
.sm\:p-0 {
|
|
2031
|
+
@media (width >= 40rem) {
|
|
2032
|
+
padding: calc(var(--spacing) * 0);
|
|
2033
|
+
}
|
|
2034
|
+
}
|
|
2035
|
+
.sm\:p-6 {
|
|
2036
|
+
@media (width >= 40rem) {
|
|
2037
|
+
padding: calc(var(--spacing) * 6);
|
|
2038
|
+
}
|
|
2039
|
+
}
|
|
1760
2040
|
.sm\:px-6 {
|
|
1761
2041
|
@media (width >= 40rem) {
|
|
1762
2042
|
padding-inline: calc(var(--spacing) * 6);
|
|
1763
2043
|
}
|
|
1764
2044
|
}
|
|
2045
|
+
.sm\:text-left {
|
|
2046
|
+
@media (width >= 40rem) {
|
|
2047
|
+
text-align: left;
|
|
2048
|
+
}
|
|
2049
|
+
}
|
|
1765
2050
|
.sm\:text-3xl {
|
|
1766
2051
|
@media (width >= 40rem) {
|
|
1767
2052
|
font-size: var(--text-3xl);
|
|
1768
2053
|
line-height: var(--tw-leading, var(--text-3xl--line-height));
|
|
1769
2054
|
}
|
|
1770
2055
|
}
|
|
2056
|
+
.sm\:text-sm {
|
|
2057
|
+
@media (width >= 40rem) {
|
|
2058
|
+
font-size: var(--text-sm);
|
|
2059
|
+
line-height: var(--tw-leading, var(--text-sm--line-height));
|
|
2060
|
+
}
|
|
2061
|
+
}
|
|
1771
2062
|
.sm\:text-sm\/6 {
|
|
1772
2063
|
@media (width >= 40rem) {
|
|
1773
2064
|
font-size: var(--text-sm);
|
|
@@ -1841,6 +2132,21 @@
|
|
|
1841
2132
|
}
|
|
1842
2133
|
}
|
|
1843
2134
|
}
|
|
2135
|
+
@property --tw-translate-x {
|
|
2136
|
+
syntax: "*";
|
|
2137
|
+
inherits: false;
|
|
2138
|
+
initial-value: 0;
|
|
2139
|
+
}
|
|
2140
|
+
@property --tw-translate-y {
|
|
2141
|
+
syntax: "*";
|
|
2142
|
+
inherits: false;
|
|
2143
|
+
initial-value: 0;
|
|
2144
|
+
}
|
|
2145
|
+
@property --tw-translate-z {
|
|
2146
|
+
syntax: "*";
|
|
2147
|
+
inherits: false;
|
|
2148
|
+
initial-value: 0;
|
|
2149
|
+
}
|
|
1844
2150
|
@property --tw-scale-x {
|
|
1845
2151
|
syntax: "*";
|
|
1846
2152
|
inherits: false;
|
|
@@ -2042,6 +2348,9 @@
|
|
|
2042
2348
|
@layer properties {
|
|
2043
2349
|
@supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) {
|
|
2044
2350
|
*, ::before, ::after, ::backdrop {
|
|
2351
|
+
--tw-translate-x: 0;
|
|
2352
|
+
--tw-translate-y: 0;
|
|
2353
|
+
--tw-translate-z: 0;
|
|
2045
2354
|
--tw-scale-x: 1;
|
|
2046
2355
|
--tw-scale-y: 1;
|
|
2047
2356
|
--tw-scale-z: 1;
|