okonomi_ui_kit 0.1.2 → 0.1.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.
- checksums.yaml +4 -4
- data/app/assets/builds/okonomi_ui_kit/application.tailwind.css +336 -53
- data/app/assets/stylesheets/okonomi_ui_kit/application.tailwind.css +75 -3
- data/app/helpers/okonomi_ui_kit/attribute_section_helper.rb +1 -1
- data/app/helpers/okonomi_ui_kit/form_builder.rb +167 -158
- data/app/helpers/okonomi_ui_kit/navigation_helper.rb +2 -2
- data/app/helpers/okonomi_ui_kit/page_builder_helper.rb +1 -1
- data/app/helpers/okonomi_ui_kit/table_helper.rb +1 -1
- data/app/helpers/okonomi_ui_kit/theme.rb +107 -0
- data/app/helpers/okonomi_ui_kit/theme_helper.rb +17 -0
- data/app/helpers/okonomi_ui_kit/ui_helper.rb +110 -0
- data/app/javascript/okonomi_ui_kit/controllers/file_input_controller.js +13 -0
- data/app/javascript/okonomi_ui_kit/controllers/flash_controller.js +31 -0
- data/app/javascript/okonomi_ui_kit/controllers/form_field_visibility_controller.js +27 -0
- data/app/javascript/okonomi_ui_kit/controllers/upload_controller.js +55 -0
- data/app/views/okonomi/components/_typography.html.erb +7 -0
- data/app/views/{okonomi_ui_kit → okonomi}/forms/tailwind/_checkbox_label.html.erb +2 -2
- data/app/views/{okonomi_ui_kit → okonomi}/forms/tailwind/_field.html.erb +2 -2
- data/config/importmap.rb +5 -0
- data/lib/okonomi_ui_kit/engine.rb +3 -2
- data/lib/okonomi_ui_kit/version.rb +1 -1
- metadata +49 -14
- data/app/helpers/okonomi_ui_kit/button_helper.rb +0 -39
- /data/app/views/{okonomi_ui_kit → okonomi}/attribute_sections/_section.html.erb +0 -0
- /data/app/views/{okonomi_ui_kit → okonomi}/forms/tailwind/_field_set.html.erb +0 -0
- /data/app/views/{okonomi_ui_kit → okonomi}/forms/tailwind/_multi_select.html.erb +0 -0
- /data/app/views/{okonomi_ui_kit → okonomi}/forms/tailwind/_radio_button.html.erb +0 -0
- /data/app/views/{okonomi_ui_kit → okonomi}/forms/tailwind/_upload_field.html.erb +0 -0
- /data/app/views/{okonomi_ui_kit → okonomi}/navigation/_link.html.erb +0 -0
- /data/app/views/{okonomi_ui_kit → okonomi}/navigation/_menu.html.erb +0 -0
- /data/app/views/{okonomi_ui_kit → okonomi}/navigation/_navbar.html.erb +0 -0
- /data/app/views/{okonomi_ui_kit → okonomi}/page_builder/_page.html.erb +0 -0
- /data/app/views/{okonomi_ui_kit → okonomi}/tables/_table.html.erb +0 -0
checksums.yaml
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
---
|
|
2
2
|
SHA256:
|
|
3
|
-
metadata.gz:
|
|
4
|
-
data.tar.gz:
|
|
3
|
+
metadata.gz: 72d7f384eb55f293ac296765d5f4c8aa7d41abef10e71e37b268f21ca1700947
|
|
4
|
+
data.tar.gz: 9d20c03d219a277fe26327c1c503c82e3ef4c38fc0bb0ba13e502c2e0e043b87
|
|
5
5
|
SHA512:
|
|
6
|
-
metadata.gz:
|
|
7
|
-
data.tar.gz:
|
|
6
|
+
metadata.gz: 86e22f8b7cfbe2273980fe52fdf7664e3fa7e223a0dcb9da0c833db3c54aca108bf69e5393d2ee8a77f946935c51810809353a0020e8a478e7159bc9cdb0be03
|
|
7
|
+
data.tar.gz: 534b0a48e874565213ad9f6af731f954394db21350d37c69d2fd97f38cb2c13614bb97c82ef345903f383212ad089c7508651f91cff916b5462ba5b027977fe8
|
|
@@ -7,6 +7,7 @@
|
|
|
7
7
|
'Noto Color Emoji';
|
|
8
8
|
--font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New',
|
|
9
9
|
monospace;
|
|
10
|
+
--color-red-50: oklch(97.1% 0.013 17.38);
|
|
10
11
|
--color-red-100: oklch(93.6% 0.032 17.717);
|
|
11
12
|
--color-red-200: oklch(88.5% 0.062 18.334);
|
|
12
13
|
--color-red-300: oklch(80.8% 0.114 19.571);
|
|
@@ -16,16 +17,40 @@
|
|
|
16
17
|
--color-red-700: oklch(50.5% 0.213 27.518);
|
|
17
18
|
--color-red-800: oklch(44.4% 0.177 26.899);
|
|
18
19
|
--color-red-900: oklch(39.6% 0.141 25.723);
|
|
20
|
+
--color-amber-50: oklch(98.7% 0.022 95.277);
|
|
21
|
+
--color-amber-100: oklch(96.2% 0.059 95.617);
|
|
22
|
+
--color-amber-200: oklch(92.4% 0.12 95.746);
|
|
23
|
+
--color-amber-300: oklch(87.9% 0.169 91.605);
|
|
24
|
+
--color-amber-400: oklch(82.8% 0.189 84.429);
|
|
25
|
+
--color-amber-500: oklch(76.9% 0.188 70.08);
|
|
26
|
+
--color-amber-600: oklch(66.6% 0.179 58.318);
|
|
27
|
+
--color-amber-700: oklch(55.5% 0.163 48.998);
|
|
28
|
+
--color-amber-800: oklch(47.3% 0.137 46.201);
|
|
29
|
+
--color-amber-900: oklch(41.4% 0.112 45.904);
|
|
19
30
|
--color-yellow-100: oklch(97.3% 0.071 103.193);
|
|
20
31
|
--color-yellow-400: oklch(85.2% 0.199 91.936);
|
|
21
32
|
--color-yellow-500: oklch(79.5% 0.184 86.047);
|
|
22
33
|
--color-yellow-800: oklch(47.6% 0.114 61.907);
|
|
34
|
+
--color-green-50: oklch(98.2% 0.018 155.826);
|
|
23
35
|
--color-green-100: oklch(96.2% 0.044 156.743);
|
|
36
|
+
--color-green-200: oklch(92.5% 0.084 155.995);
|
|
24
37
|
--color-green-300: oklch(87.1% 0.15 154.449);
|
|
38
|
+
--color-green-400: oklch(79.2% 0.209 151.711);
|
|
25
39
|
--color-green-500: oklch(72.3% 0.219 149.579);
|
|
26
40
|
--color-green-600: oklch(62.7% 0.194 149.214);
|
|
27
41
|
--color-green-700: oklch(52.7% 0.154 150.069);
|
|
28
42
|
--color-green-800: oklch(44.8% 0.119 151.328);
|
|
43
|
+
--color-green-900: oklch(39.3% 0.095 152.535);
|
|
44
|
+
--color-sky-50: oklch(97.7% 0.013 236.62);
|
|
45
|
+
--color-sky-100: oklch(95.1% 0.026 236.824);
|
|
46
|
+
--color-sky-200: oklch(90.1% 0.058 230.902);
|
|
47
|
+
--color-sky-300: oklch(82.8% 0.111 230.318);
|
|
48
|
+
--color-sky-400: oklch(74.6% 0.16 232.661);
|
|
49
|
+
--color-sky-500: oklch(68.5% 0.169 237.323);
|
|
50
|
+
--color-sky-600: oklch(58.8% 0.158 241.966);
|
|
51
|
+
--color-sky-700: oklch(50% 0.134 242.749);
|
|
52
|
+
--color-sky-800: oklch(44.3% 0.11 240.79);
|
|
53
|
+
--color-sky-900: oklch(39.1% 0.09 240.876);
|
|
29
54
|
--color-blue-50: oklch(97% 0.014 254.604);
|
|
30
55
|
--color-blue-100: oklch(93.2% 0.032 255.585);
|
|
31
56
|
--color-blue-200: oklch(88.2% 0.059 254.128);
|
|
@@ -34,9 +59,26 @@
|
|
|
34
59
|
--color-blue-700: oklch(48.8% 0.243 264.376);
|
|
35
60
|
--color-blue-800: oklch(42.4% 0.199 265.638);
|
|
36
61
|
--color-blue-900: oklch(37.9% 0.146 265.522);
|
|
62
|
+
--color-indigo-50: oklch(96.2% 0.018 272.314);
|
|
63
|
+
--color-indigo-100: oklch(93% 0.034 272.788);
|
|
64
|
+
--color-indigo-200: oklch(87% 0.065 274.039);
|
|
65
|
+
--color-indigo-300: oklch(78.5% 0.115 274.713);
|
|
66
|
+
--color-indigo-400: oklch(67.3% 0.182 276.935);
|
|
37
67
|
--color-indigo-500: oklch(58.5% 0.233 277.117);
|
|
38
68
|
--color-indigo-600: oklch(51.1% 0.262 276.966);
|
|
69
|
+
--color-indigo-700: oklch(45.7% 0.24 277.023);
|
|
70
|
+
--color-indigo-800: oklch(39.8% 0.195 277.366);
|
|
39
71
|
--color-indigo-900: oklch(35.9% 0.144 278.697);
|
|
72
|
+
--color-purple-50: oklch(97.7% 0.014 308.299);
|
|
73
|
+
--color-purple-100: oklch(94.6% 0.033 307.174);
|
|
74
|
+
--color-purple-200: oklch(90.2% 0.063 306.703);
|
|
75
|
+
--color-purple-300: oklch(82.7% 0.119 306.383);
|
|
76
|
+
--color-purple-400: oklch(71.4% 0.203 305.504);
|
|
77
|
+
--color-purple-500: oklch(62.7% 0.265 303.9);
|
|
78
|
+
--color-purple-600: oklch(55.8% 0.288 302.321);
|
|
79
|
+
--color-purple-700: oklch(49.6% 0.265 301.924);
|
|
80
|
+
--color-purple-800: oklch(43.8% 0.218 303.724);
|
|
81
|
+
--color-purple-900: oklch(38.1% 0.176 304.987);
|
|
40
82
|
--color-pink-500: oklch(65.6% 0.241 354.308);
|
|
41
83
|
--color-gray-50: oklch(98.5% 0.002 247.839);
|
|
42
84
|
--color-gray-100: oklch(96.7% 0.003 264.542);
|
|
@@ -71,6 +113,7 @@
|
|
|
71
113
|
--text-3xl--line-height: calc(2.25 / 1.875);
|
|
72
114
|
--text-4xl: 2.25rem;
|
|
73
115
|
--text-4xl--line-height: calc(2.5 / 2.25);
|
|
116
|
+
--font-weight-normal: 400;
|
|
74
117
|
--font-weight-medium: 500;
|
|
75
118
|
--font-weight-semibold: 600;
|
|
76
119
|
--font-weight-bold: 700;
|
|
@@ -84,6 +127,33 @@
|
|
|
84
127
|
--default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
|
|
85
128
|
--default-font-family: var(--font-sans);
|
|
86
129
|
--default-mono-font-family: var(--font-mono);
|
|
130
|
+
--color-default-50: var(--color-gray-50);
|
|
131
|
+
--color-default-300: var(--color-gray-300);
|
|
132
|
+
--color-default-500: var(--color-gray-500);
|
|
133
|
+
--color-default-600: var(--color-gray-600);
|
|
134
|
+
--color-default-700: var(--color-gray-700);
|
|
135
|
+
--color-default-900: var(--color-gray-900);
|
|
136
|
+
--color-primary-50: var(--color-indigo-50);
|
|
137
|
+
--color-primary-500: var(--color-indigo-500);
|
|
138
|
+
--color-primary-600: var(--color-indigo-600);
|
|
139
|
+
--color-primary-700: var(--color-indigo-700);
|
|
140
|
+
--color-secondary-50: var(--color-purple-50);
|
|
141
|
+
--color-secondary-600: var(--color-purple-600);
|
|
142
|
+
--color-secondary-700: var(--color-purple-700);
|
|
143
|
+
--color-success-50: var(--color-green-50);
|
|
144
|
+
--color-success-600: var(--color-green-600);
|
|
145
|
+
--color-success-700: var(--color-green-700);
|
|
146
|
+
--color-danger-50: var(--color-red-50);
|
|
147
|
+
--color-danger-100: var(--color-red-100);
|
|
148
|
+
--color-danger-400: var(--color-red-400);
|
|
149
|
+
--color-danger-600: var(--color-red-600);
|
|
150
|
+
--color-danger-700: var(--color-red-700);
|
|
151
|
+
--color-warning-50: var(--color-amber-50);
|
|
152
|
+
--color-warning-600: var(--color-amber-600);
|
|
153
|
+
--color-warning-700: var(--color-amber-700);
|
|
154
|
+
--color-info-50: var(--color-sky-50);
|
|
155
|
+
--color-info-600: var(--color-sky-600);
|
|
156
|
+
--color-info-700: var(--color-sky-700);
|
|
87
157
|
}
|
|
88
158
|
}
|
|
89
159
|
@layer base {
|
|
@@ -545,6 +615,9 @@
|
|
|
545
615
|
.cursor-pointer {
|
|
546
616
|
cursor: pointer;
|
|
547
617
|
}
|
|
618
|
+
.appearance-none {
|
|
619
|
+
appearance: none;
|
|
620
|
+
}
|
|
548
621
|
.grid-cols-1 {
|
|
549
622
|
grid-template-columns: repeat(1, minmax(0, 1fr));
|
|
550
623
|
}
|
|
@@ -683,6 +756,12 @@
|
|
|
683
756
|
border-color: var(--color-gray-300);
|
|
684
757
|
}
|
|
685
758
|
}
|
|
759
|
+
.self-center {
|
|
760
|
+
align-self: center;
|
|
761
|
+
}
|
|
762
|
+
.justify-self-end {
|
|
763
|
+
justify-self: flex-end;
|
|
764
|
+
}
|
|
686
765
|
.truncate {
|
|
687
766
|
overflow: hidden;
|
|
688
767
|
text-overflow: ellipsis;
|
|
@@ -744,6 +823,15 @@
|
|
|
744
823
|
.border-blue-200 {
|
|
745
824
|
border-color: var(--color-blue-200);
|
|
746
825
|
}
|
|
826
|
+
.border-danger-600 {
|
|
827
|
+
border-color: var(--color-danger-600);
|
|
828
|
+
}
|
|
829
|
+
.border-danger-700 {
|
|
830
|
+
border-color: var(--color-danger-700);
|
|
831
|
+
}
|
|
832
|
+
.border-default-700 {
|
|
833
|
+
border-color: var(--color-default-700);
|
|
834
|
+
}
|
|
747
835
|
.border-gray-100 {
|
|
748
836
|
border-color: var(--color-gray-100);
|
|
749
837
|
}
|
|
@@ -759,12 +847,45 @@
|
|
|
759
847
|
.border-green-300 {
|
|
760
848
|
border-color: var(--color-green-300);
|
|
761
849
|
}
|
|
850
|
+
.border-info-600 {
|
|
851
|
+
border-color: var(--color-info-600);
|
|
852
|
+
}
|
|
853
|
+
.border-info-700 {
|
|
854
|
+
border-color: var(--color-info-700);
|
|
855
|
+
}
|
|
856
|
+
.border-primary-500 {
|
|
857
|
+
border-color: var(--color-primary-500);
|
|
858
|
+
}
|
|
859
|
+
.border-primary-600 {
|
|
860
|
+
border-color: var(--color-primary-600);
|
|
861
|
+
}
|
|
862
|
+
.border-primary-700 {
|
|
863
|
+
border-color: var(--color-primary-700);
|
|
864
|
+
}
|
|
762
865
|
.border-red-300 {
|
|
763
866
|
border-color: var(--color-red-300);
|
|
764
867
|
}
|
|
868
|
+
.border-secondary-600 {
|
|
869
|
+
border-color: var(--color-secondary-600);
|
|
870
|
+
}
|
|
871
|
+
.border-secondary-700 {
|
|
872
|
+
border-color: var(--color-secondary-700);
|
|
873
|
+
}
|
|
874
|
+
.border-success-600 {
|
|
875
|
+
border-color: var(--color-success-600);
|
|
876
|
+
}
|
|
877
|
+
.border-success-700 {
|
|
878
|
+
border-color: var(--color-success-700);
|
|
879
|
+
}
|
|
765
880
|
.border-transparent {
|
|
766
881
|
border-color: transparent;
|
|
767
882
|
}
|
|
883
|
+
.border-warning-600 {
|
|
884
|
+
border-color: var(--color-warning-600);
|
|
885
|
+
}
|
|
886
|
+
.border-warning-700 {
|
|
887
|
+
border-color: var(--color-warning-700);
|
|
888
|
+
}
|
|
768
889
|
.bg-blue-50 {
|
|
769
890
|
background-color: var(--color-blue-50);
|
|
770
891
|
}
|
|
@@ -774,6 +895,15 @@
|
|
|
774
895
|
.bg-blue-600 {
|
|
775
896
|
background-color: var(--color-blue-600);
|
|
776
897
|
}
|
|
898
|
+
.bg-danger-100 {
|
|
899
|
+
background-color: var(--color-danger-100);
|
|
900
|
+
}
|
|
901
|
+
.bg-danger-600 {
|
|
902
|
+
background-color: var(--color-danger-600);
|
|
903
|
+
}
|
|
904
|
+
.bg-default-600 {
|
|
905
|
+
background-color: var(--color-default-600);
|
|
906
|
+
}
|
|
777
907
|
.bg-gray-50 {
|
|
778
908
|
background-color: var(--color-gray-50);
|
|
779
909
|
}
|
|
@@ -792,14 +922,29 @@
|
|
|
792
922
|
.bg-green-100 {
|
|
793
923
|
background-color: var(--color-green-100);
|
|
794
924
|
}
|
|
925
|
+
.bg-info-600 {
|
|
926
|
+
background-color: var(--color-info-600);
|
|
927
|
+
}
|
|
928
|
+
.bg-primary-50 {
|
|
929
|
+
background-color: var(--color-primary-50);
|
|
930
|
+
}
|
|
931
|
+
.bg-primary-600 {
|
|
932
|
+
background-color: var(--color-primary-600);
|
|
933
|
+
}
|
|
795
934
|
.bg-red-100 {
|
|
796
935
|
background-color: var(--color-red-100);
|
|
797
936
|
}
|
|
798
937
|
.bg-red-600 {
|
|
799
938
|
background-color: var(--color-red-600);
|
|
800
939
|
}
|
|
801
|
-
.bg-
|
|
802
|
-
background-color:
|
|
940
|
+
.bg-secondary-600 {
|
|
941
|
+
background-color: var(--color-secondary-600);
|
|
942
|
+
}
|
|
943
|
+
.bg-success-600 {
|
|
944
|
+
background-color: var(--color-success-600);
|
|
945
|
+
}
|
|
946
|
+
.bg-warning-600 {
|
|
947
|
+
background-color: var(--color-warning-600);
|
|
803
948
|
}
|
|
804
949
|
.bg-white {
|
|
805
950
|
background-color: var(--color-white);
|
|
@@ -852,15 +997,9 @@
|
|
|
852
997
|
.py-1 {
|
|
853
998
|
padding-block: calc(var(--spacing) * 1);
|
|
854
999
|
}
|
|
855
|
-
.py-1\.5 {
|
|
856
|
-
padding-block: calc(var(--spacing) * 1.5);
|
|
857
|
-
}
|
|
858
1000
|
.py-2 {
|
|
859
1001
|
padding-block: calc(var(--spacing) * 2);
|
|
860
1002
|
}
|
|
861
|
-
.py-3 {
|
|
862
|
-
padding-block: calc(var(--spacing) * 3);
|
|
863
|
-
}
|
|
864
1003
|
.py-3\.5 {
|
|
865
1004
|
padding-block: calc(var(--spacing) * 3.5);
|
|
866
1005
|
}
|
|
@@ -985,6 +1124,10 @@
|
|
|
985
1124
|
--tw-font-weight: var(--font-weight-medium);
|
|
986
1125
|
font-weight: var(--font-weight-medium);
|
|
987
1126
|
}
|
|
1127
|
+
.font-normal {
|
|
1128
|
+
--tw-font-weight: var(--font-weight-normal);
|
|
1129
|
+
font-weight: var(--font-weight-normal);
|
|
1130
|
+
}
|
|
988
1131
|
.font-semibold {
|
|
989
1132
|
--tw-font-weight: var(--font-weight-semibold);
|
|
990
1133
|
font-weight: var(--font-weight-semibold);
|
|
@@ -1004,6 +1147,21 @@
|
|
|
1004
1147
|
.text-blue-900 {
|
|
1005
1148
|
color: var(--color-blue-900);
|
|
1006
1149
|
}
|
|
1150
|
+
.text-danger-400 {
|
|
1151
|
+
color: var(--color-danger-400);
|
|
1152
|
+
}
|
|
1153
|
+
.text-danger-600 {
|
|
1154
|
+
color: var(--color-danger-600);
|
|
1155
|
+
}
|
|
1156
|
+
.text-default-500 {
|
|
1157
|
+
color: var(--color-default-500);
|
|
1158
|
+
}
|
|
1159
|
+
.text-default-700 {
|
|
1160
|
+
color: var(--color-default-700);
|
|
1161
|
+
}
|
|
1162
|
+
.text-default-900 {
|
|
1163
|
+
color: var(--color-default-900);
|
|
1164
|
+
}
|
|
1007
1165
|
.text-gray-100 {
|
|
1008
1166
|
color: var(--color-gray-100);
|
|
1009
1167
|
}
|
|
@@ -1043,9 +1201,18 @@
|
|
|
1043
1201
|
.text-indigo-600 {
|
|
1044
1202
|
color: var(--color-indigo-600);
|
|
1045
1203
|
}
|
|
1204
|
+
.text-info-600 {
|
|
1205
|
+
color: var(--color-info-600);
|
|
1206
|
+
}
|
|
1046
1207
|
.text-pink-500 {
|
|
1047
1208
|
color: var(--color-pink-500);
|
|
1048
1209
|
}
|
|
1210
|
+
.text-primary-600 {
|
|
1211
|
+
color: var(--color-primary-600);
|
|
1212
|
+
}
|
|
1213
|
+
.text-primary-700 {
|
|
1214
|
+
color: var(--color-primary-700);
|
|
1215
|
+
}
|
|
1049
1216
|
.text-red-500 {
|
|
1050
1217
|
color: var(--color-red-500);
|
|
1051
1218
|
}
|
|
@@ -1058,6 +1225,15 @@
|
|
|
1058
1225
|
.text-red-800 {
|
|
1059
1226
|
color: var(--color-red-800);
|
|
1060
1227
|
}
|
|
1228
|
+
.text-secondary-600 {
|
|
1229
|
+
color: var(--color-secondary-600);
|
|
1230
|
+
}
|
|
1231
|
+
.text-success-600 {
|
|
1232
|
+
color: var(--color-success-600);
|
|
1233
|
+
}
|
|
1234
|
+
.text-warning-600 {
|
|
1235
|
+
color: var(--color-warning-600);
|
|
1236
|
+
}
|
|
1061
1237
|
.text-white {
|
|
1062
1238
|
color: var(--color-white);
|
|
1063
1239
|
}
|
|
@@ -1092,25 +1268,18 @@
|
|
|
1092
1268
|
--tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
|
|
1093
1269
|
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
|
|
1094
1270
|
}
|
|
1095
|
-
.ring-2 {
|
|
1096
|
-
--tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
|
|
1097
|
-
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
|
|
1098
|
-
}
|
|
1099
1271
|
.ring-black\/5 {
|
|
1100
1272
|
--tw-ring-color: color-mix(in srgb, #000 5%, transparent);
|
|
1101
1273
|
@supports (color: color-mix(in lab, red, red)) {
|
|
1102
1274
|
--tw-ring-color: color-mix(in oklab, var(--color-black) 5%, transparent);
|
|
1103
1275
|
}
|
|
1104
1276
|
}
|
|
1277
|
+
.ring-danger-400 {
|
|
1278
|
+
--tw-ring-color: var(--color-danger-400);
|
|
1279
|
+
}
|
|
1105
1280
|
.ring-gray-300 {
|
|
1106
1281
|
--tw-ring-color: var(--color-gray-300);
|
|
1107
1282
|
}
|
|
1108
|
-
.ring-red-300 {
|
|
1109
|
-
--tw-ring-color: var(--color-red-300);
|
|
1110
|
-
}
|
|
1111
|
-
.ring-red-400 {
|
|
1112
|
-
--tw-ring-color: var(--color-red-400);
|
|
1113
|
-
}
|
|
1114
1283
|
.outline-hidden {
|
|
1115
1284
|
--tw-outline-style: none;
|
|
1116
1285
|
outline-style: none;
|
|
@@ -1127,11 +1296,8 @@
|
|
|
1127
1296
|
outline-style: var(--tw-outline-style);
|
|
1128
1297
|
outline-width: 1px;
|
|
1129
1298
|
}
|
|
1130
|
-
|
|
1131
|
-
outline-
|
|
1132
|
-
}
|
|
1133
|
-
.outline-gray-300 {
|
|
1134
|
-
outline-color: var(--color-gray-300);
|
|
1299
|
+
.outline-default-300 {
|
|
1300
|
+
outline-color: var(--color-default-300);
|
|
1135
1301
|
}
|
|
1136
1302
|
.filter {
|
|
1137
1303
|
filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
|
|
@@ -1171,8 +1337,12 @@
|
|
|
1171
1337
|
--tw-ease: var(--ease-out);
|
|
1172
1338
|
transition-timing-function: var(--ease-out);
|
|
1173
1339
|
}
|
|
1174
|
-
.
|
|
1175
|
-
|
|
1340
|
+
.group-hover\:border-primary-600 {
|
|
1341
|
+
&:is(:where(.group):hover *) {
|
|
1342
|
+
@media (hover: hover) {
|
|
1343
|
+
border-color: var(--color-primary-600);
|
|
1344
|
+
}
|
|
1345
|
+
}
|
|
1176
1346
|
}
|
|
1177
1347
|
.group-hover\:text-blue-500 {
|
|
1178
1348
|
&:is(:where(.group):hover *) {
|
|
@@ -1181,6 +1351,13 @@
|
|
|
1181
1351
|
}
|
|
1182
1352
|
}
|
|
1183
1353
|
}
|
|
1354
|
+
.group-hover\:text-primary-600 {
|
|
1355
|
+
&:is(:where(.group):hover *) {
|
|
1356
|
+
@media (hover: hover) {
|
|
1357
|
+
color: var(--color-primary-600);
|
|
1358
|
+
}
|
|
1359
|
+
}
|
|
1360
|
+
}
|
|
1184
1361
|
.group-hover\:text-red-500 {
|
|
1185
1362
|
&:is(:where(.group):hover *) {
|
|
1186
1363
|
@media (hover: hover) {
|
|
@@ -1194,22 +1371,11 @@
|
|
|
1194
1371
|
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
|
|
1195
1372
|
}
|
|
1196
1373
|
}
|
|
1197
|
-
.focus-within\:ring-2 {
|
|
1198
|
-
&:focus-within {
|
|
1199
|
-
--tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
|
|
1200
|
-
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
|
|
1201
|
-
}
|
|
1202
|
-
}
|
|
1203
1374
|
.focus-within\:ring-gray-400 {
|
|
1204
1375
|
&:focus-within {
|
|
1205
1376
|
--tw-ring-color: var(--color-gray-400);
|
|
1206
1377
|
}
|
|
1207
1378
|
}
|
|
1208
|
-
.focus-within\:ring-red-400 {
|
|
1209
|
-
&:focus-within {
|
|
1210
|
-
--tw-ring-color: var(--color-red-400);
|
|
1211
|
-
}
|
|
1212
|
-
}
|
|
1213
1379
|
.hover\:cursor-help {
|
|
1214
1380
|
&:hover {
|
|
1215
1381
|
@media (hover: hover) {
|
|
@@ -1217,6 +1383,13 @@
|
|
|
1217
1383
|
}
|
|
1218
1384
|
}
|
|
1219
1385
|
}
|
|
1386
|
+
.hover\:cursor-pointer {
|
|
1387
|
+
&:hover {
|
|
1388
|
+
@media (hover: hover) {
|
|
1389
|
+
cursor: pointer;
|
|
1390
|
+
}
|
|
1391
|
+
}
|
|
1392
|
+
}
|
|
1220
1393
|
.hover\:border-gray-300 {
|
|
1221
1394
|
&:hover {
|
|
1222
1395
|
@media (hover: hover) {
|
|
@@ -1231,6 +1404,34 @@
|
|
|
1231
1404
|
}
|
|
1232
1405
|
}
|
|
1233
1406
|
}
|
|
1407
|
+
.hover\:bg-danger-50 {
|
|
1408
|
+
&:hover {
|
|
1409
|
+
@media (hover: hover) {
|
|
1410
|
+
background-color: var(--color-danger-50);
|
|
1411
|
+
}
|
|
1412
|
+
}
|
|
1413
|
+
}
|
|
1414
|
+
.hover\:bg-danger-700 {
|
|
1415
|
+
&:hover {
|
|
1416
|
+
@media (hover: hover) {
|
|
1417
|
+
background-color: var(--color-danger-700);
|
|
1418
|
+
}
|
|
1419
|
+
}
|
|
1420
|
+
}
|
|
1421
|
+
.hover\:bg-default-50 {
|
|
1422
|
+
&:hover {
|
|
1423
|
+
@media (hover: hover) {
|
|
1424
|
+
background-color: var(--color-default-50);
|
|
1425
|
+
}
|
|
1426
|
+
}
|
|
1427
|
+
}
|
|
1428
|
+
.hover\:bg-default-700 {
|
|
1429
|
+
&:hover {
|
|
1430
|
+
@media (hover: hover) {
|
|
1431
|
+
background-color: var(--color-default-700);
|
|
1432
|
+
}
|
|
1433
|
+
}
|
|
1434
|
+
}
|
|
1234
1435
|
.hover\:bg-gray-50 {
|
|
1235
1436
|
&:hover {
|
|
1236
1437
|
@media (hover: hover) {
|
|
@@ -1245,10 +1446,31 @@
|
|
|
1245
1446
|
}
|
|
1246
1447
|
}
|
|
1247
1448
|
}
|
|
1248
|
-
.hover\:bg-
|
|
1449
|
+
.hover\:bg-info-50 {
|
|
1450
|
+
&:hover {
|
|
1451
|
+
@media (hover: hover) {
|
|
1452
|
+
background-color: var(--color-info-50);
|
|
1453
|
+
}
|
|
1454
|
+
}
|
|
1455
|
+
}
|
|
1456
|
+
.hover\:bg-info-700 {
|
|
1457
|
+
&:hover {
|
|
1458
|
+
@media (hover: hover) {
|
|
1459
|
+
background-color: var(--color-info-700);
|
|
1460
|
+
}
|
|
1461
|
+
}
|
|
1462
|
+
}
|
|
1463
|
+
.hover\:bg-primary-50 {
|
|
1464
|
+
&:hover {
|
|
1465
|
+
@media (hover: hover) {
|
|
1466
|
+
background-color: var(--color-primary-50);
|
|
1467
|
+
}
|
|
1468
|
+
}
|
|
1469
|
+
}
|
|
1470
|
+
.hover\:bg-primary-700 {
|
|
1249
1471
|
&:hover {
|
|
1250
1472
|
@media (hover: hover) {
|
|
1251
|
-
background-color: var(--color-
|
|
1473
|
+
background-color: var(--color-primary-700);
|
|
1252
1474
|
}
|
|
1253
1475
|
}
|
|
1254
1476
|
}
|
|
@@ -1266,6 +1488,48 @@
|
|
|
1266
1488
|
}
|
|
1267
1489
|
}
|
|
1268
1490
|
}
|
|
1491
|
+
.hover\:bg-secondary-50 {
|
|
1492
|
+
&:hover {
|
|
1493
|
+
@media (hover: hover) {
|
|
1494
|
+
background-color: var(--color-secondary-50);
|
|
1495
|
+
}
|
|
1496
|
+
}
|
|
1497
|
+
}
|
|
1498
|
+
.hover\:bg-secondary-700 {
|
|
1499
|
+
&:hover {
|
|
1500
|
+
@media (hover: hover) {
|
|
1501
|
+
background-color: var(--color-secondary-700);
|
|
1502
|
+
}
|
|
1503
|
+
}
|
|
1504
|
+
}
|
|
1505
|
+
.hover\:bg-success-50 {
|
|
1506
|
+
&:hover {
|
|
1507
|
+
@media (hover: hover) {
|
|
1508
|
+
background-color: var(--color-success-50);
|
|
1509
|
+
}
|
|
1510
|
+
}
|
|
1511
|
+
}
|
|
1512
|
+
.hover\:bg-success-700 {
|
|
1513
|
+
&:hover {
|
|
1514
|
+
@media (hover: hover) {
|
|
1515
|
+
background-color: var(--color-success-700);
|
|
1516
|
+
}
|
|
1517
|
+
}
|
|
1518
|
+
}
|
|
1519
|
+
.hover\:bg-warning-50 {
|
|
1520
|
+
&:hover {
|
|
1521
|
+
@media (hover: hover) {
|
|
1522
|
+
background-color: var(--color-warning-50);
|
|
1523
|
+
}
|
|
1524
|
+
}
|
|
1525
|
+
}
|
|
1526
|
+
.hover\:bg-warning-700 {
|
|
1527
|
+
&:hover {
|
|
1528
|
+
@media (hover: hover) {
|
|
1529
|
+
background-color: var(--color-warning-700);
|
|
1530
|
+
}
|
|
1531
|
+
}
|
|
1532
|
+
}
|
|
1269
1533
|
.hover\:text-blue-800 {
|
|
1270
1534
|
&:hover {
|
|
1271
1535
|
@media (hover: hover) {
|
|
@@ -1308,6 +1572,13 @@
|
|
|
1308
1572
|
}
|
|
1309
1573
|
}
|
|
1310
1574
|
}
|
|
1575
|
+
.hover\:text-primary-600 {
|
|
1576
|
+
&:hover {
|
|
1577
|
+
@media (hover: hover) {
|
|
1578
|
+
color: var(--color-primary-600);
|
|
1579
|
+
}
|
|
1580
|
+
}
|
|
1581
|
+
}
|
|
1311
1582
|
.hover\:text-red-900 {
|
|
1312
1583
|
&:hover {
|
|
1313
1584
|
@media (hover: hover) {
|
|
@@ -1315,6 +1586,13 @@
|
|
|
1315
1586
|
}
|
|
1316
1587
|
}
|
|
1317
1588
|
}
|
|
1589
|
+
.hover\:underline {
|
|
1590
|
+
&:hover {
|
|
1591
|
+
@media (hover: hover) {
|
|
1592
|
+
text-decoration-line: underline;
|
|
1593
|
+
}
|
|
1594
|
+
}
|
|
1595
|
+
}
|
|
1318
1596
|
.hover\:shadow-lg {
|
|
1319
1597
|
&:hover {
|
|
1320
1598
|
@media (hover: hover) {
|
|
@@ -1345,14 +1623,19 @@
|
|
|
1345
1623
|
--tw-ring-color: var(--color-blue-500);
|
|
1346
1624
|
}
|
|
1347
1625
|
}
|
|
1348
|
-
.focus\:ring-
|
|
1626
|
+
.focus\:ring-danger-600 {
|
|
1627
|
+
&:focus {
|
|
1628
|
+
--tw-ring-color: var(--color-danger-600);
|
|
1629
|
+
}
|
|
1630
|
+
}
|
|
1631
|
+
.focus\:ring-primary-500 {
|
|
1349
1632
|
&:focus {
|
|
1350
|
-
--tw-ring-color: var(--color-
|
|
1633
|
+
--tw-ring-color: var(--color-primary-500);
|
|
1351
1634
|
}
|
|
1352
1635
|
}
|
|
1353
|
-
.focus\:ring-
|
|
1636
|
+
.focus\:ring-primary-600 {
|
|
1354
1637
|
&:focus {
|
|
1355
|
-
--tw-ring-color: var(--color-
|
|
1638
|
+
--tw-ring-color: var(--color-primary-600);
|
|
1356
1639
|
}
|
|
1357
1640
|
}
|
|
1358
1641
|
.focus\:ring-offset-2 {
|
|
@@ -1371,17 +1654,6 @@
|
|
|
1371
1654
|
}
|
|
1372
1655
|
}
|
|
1373
1656
|
}
|
|
1374
|
-
.focus\:outline-2 {
|
|
1375
|
-
&:focus {
|
|
1376
|
-
outline-style: var(--tw-outline-style);
|
|
1377
|
-
outline-width: 2px;
|
|
1378
|
-
}
|
|
1379
|
-
}
|
|
1380
|
-
.focus\:-outline-offset-2 {
|
|
1381
|
-
&:focus {
|
|
1382
|
-
outline-offset: calc(2px * -1);
|
|
1383
|
-
}
|
|
1384
|
-
}
|
|
1385
1657
|
.focus\:outline-none {
|
|
1386
1658
|
&:focus {
|
|
1387
1659
|
--tw-outline-style: none;
|
|
@@ -1394,6 +1666,11 @@
|
|
|
1394
1666
|
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
|
|
1395
1667
|
}
|
|
1396
1668
|
}
|
|
1669
|
+
.focus-visible\:ring-primary-500 {
|
|
1670
|
+
&:focus-visible {
|
|
1671
|
+
--tw-ring-color: var(--color-primary-500);
|
|
1672
|
+
}
|
|
1673
|
+
}
|
|
1397
1674
|
.focus-visible\:ring-offset-2 {
|
|
1398
1675
|
&:focus-visible {
|
|
1399
1676
|
--tw-ring-offset-width: 2px;
|
|
@@ -1450,6 +1727,12 @@
|
|
|
1450
1727
|
display: none;
|
|
1451
1728
|
}
|
|
1452
1729
|
}
|
|
1730
|
+
.sm\:size-4 {
|
|
1731
|
+
@media (width >= 40rem) {
|
|
1732
|
+
width: calc(var(--spacing) * 4);
|
|
1733
|
+
height: calc(var(--spacing) * 4);
|
|
1734
|
+
}
|
|
1735
|
+
}
|
|
1453
1736
|
.sm\:grid-cols-3 {
|
|
1454
1737
|
@media (width >= 40rem) {
|
|
1455
1738
|
grid-template-columns: repeat(3, minmax(0, 1fr));
|