kommandant 0.2.0 → 0.3.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (38) hide show
  1. checksums.yaml +4 -4
  2. data/README.md +230 -12
  3. data/app/assets/builds/kommandant.css +413 -145
  4. data/app/assets/config/kommandant_manifest.js +2 -0
  5. data/app/assets/images/kommandant/logo.svg +13 -0
  6. data/app/controllers/kommandant/commands_controller.rb +69 -11
  7. data/app/controllers/kommandant/searches_controller.rb +8 -9
  8. data/app/models/kommandant/command.rb +12 -69
  9. data/app/models/kommandant/commands/search_result.rb +4 -11
  10. data/app/views/kommandant/commands/_command.html.erb +23 -0
  11. data/app/views/kommandant/commands/_form.html.erb +58 -0
  12. data/app/views/kommandant/commands/edit.html.erb +1 -0
  13. data/app/views/kommandant/commands/index.html.erb +29 -0
  14. data/app/views/kommandant/commands/new.html.erb +1 -0
  15. data/app/views/kommandant/commands/searches/show.html.erb +4 -4
  16. data/app/views/kommandant/commands/show.html.erb +2 -2
  17. data/app/views/kommandant/shared/_command_palette.html.erb +2 -3
  18. data/app/views/kommandant/shared/command_palette/_command.html.erb +11 -4
  19. data/app/views/kommandant/shared/command_palette/_result.html.erb +5 -1
  20. data/app/views/kommandant/shared/icons/_kommandant.html.erb +5 -0
  21. data/app/views/layouts/kommandant/application.html.erb +24 -9
  22. data/config/locales/en.yml +11 -0
  23. data/config/routes.rb +1 -1
  24. data/lib/generators/kommandant/USAGE +9 -0
  25. data/lib/generators/kommandant/install_generator.rb +9 -0
  26. data/lib/generators/kommandant/templates/initializer.rb +31 -0
  27. data/lib/kommandant/engine.rb +2 -2
  28. data/lib/kommandant/version.rb +1 -1
  29. data/lib/kommandant.rb +4 -0
  30. data/lib/tasks/kommandant_tasks.rake +31 -4
  31. data/vendor/assets/javascripts/command_palette.js +120 -0
  32. data/vendor/assets/javascripts/keyboard_navigation.js +72 -0
  33. data/vendor/assets/javascripts/kommandant.js +2 -0
  34. data/vendor/assets/javascripts/transition.js +57 -0
  35. metadata +36 -22
  36. /data/app/views/kommandant/shared/icons/{_command.erb → _command.html.erb} +0 -0
  37. /data/app/views/kommandant/shared/icons/{_search.erb → _search.html.erb} +0 -0
  38. /data/app/views/kommandant/shared/icons/{_spinner.erb → _spinner.html.erb} +0 -0
@@ -1,634 +1,902 @@
1
+ *, ::before, ::after {
2
+ --tw-border-spacing-x: 0;
3
+ --tw-border-spacing-y: 0;
4
+ --tw-translate-x: 0;
5
+ --tw-translate-y: 0;
6
+ --tw-rotate: 0;
7
+ --tw-skew-x: 0;
8
+ --tw-skew-y: 0;
9
+ --tw-scale-x: 1;
10
+ --tw-scale-y: 1;
11
+ --tw-pan-x: ;
12
+ --tw-pan-y: ;
13
+ --tw-pinch-zoom: ;
14
+ --tw-scroll-snap-strictness: proximity;
15
+ --tw-gradient-from-position: ;
16
+ --tw-gradient-via-position: ;
17
+ --tw-gradient-to-position: ;
18
+ --tw-ordinal: ;
19
+ --tw-slashed-zero: ;
20
+ --tw-numeric-figure: ;
21
+ --tw-numeric-spacing: ;
22
+ --tw-numeric-fraction: ;
23
+ --tw-ring-inset: ;
24
+ --tw-ring-offset-width: 0px;
25
+ --tw-ring-offset-color: #fff;
26
+ --tw-ring-color: rgb(59 130 246 / 0.5);
27
+ --tw-ring-offset-shadow: 0 0 #0000;
28
+ --tw-ring-shadow: 0 0 #0000;
29
+ --tw-shadow: 0 0 #0000;
30
+ --tw-shadow-colored: 0 0 #0000;
31
+ --tw-blur: ;
32
+ --tw-brightness: ;
33
+ --tw-contrast: ;
34
+ --tw-grayscale: ;
35
+ --tw-hue-rotate: ;
36
+ --tw-invert: ;
37
+ --tw-saturate: ;
38
+ --tw-sepia: ;
39
+ --tw-drop-shadow: ;
40
+ --tw-backdrop-blur: ;
41
+ --tw-backdrop-brightness: ;
42
+ --tw-backdrop-contrast: ;
43
+ --tw-backdrop-grayscale: ;
44
+ --tw-backdrop-hue-rotate: ;
45
+ --tw-backdrop-invert: ;
46
+ --tw-backdrop-opacity: ;
47
+ --tw-backdrop-saturate: ;
48
+ --tw-backdrop-sepia: ;
49
+ --tw-contain-size: ;
50
+ --tw-contain-layout: ;
51
+ --tw-contain-paint: ;
52
+ --tw-contain-style:
53
+ }
54
+
55
+ ::backdrop {
56
+ --tw-border-spacing-x: 0;
57
+ --tw-border-spacing-y: 0;
58
+ --tw-translate-x: 0;
59
+ --tw-translate-y: 0;
60
+ --tw-rotate: 0;
61
+ --tw-skew-x: 0;
62
+ --tw-skew-y: 0;
63
+ --tw-scale-x: 1;
64
+ --tw-scale-y: 1;
65
+ --tw-pan-x: ;
66
+ --tw-pan-y: ;
67
+ --tw-pinch-zoom: ;
68
+ --tw-scroll-snap-strictness: proximity;
69
+ --tw-gradient-from-position: ;
70
+ --tw-gradient-via-position: ;
71
+ --tw-gradient-to-position: ;
72
+ --tw-ordinal: ;
73
+ --tw-slashed-zero: ;
74
+ --tw-numeric-figure: ;
75
+ --tw-numeric-spacing: ;
76
+ --tw-numeric-fraction: ;
77
+ --tw-ring-inset: ;
78
+ --tw-ring-offset-width: 0px;
79
+ --tw-ring-offset-color: #fff;
80
+ --tw-ring-color: rgb(59 130 246 / 0.5);
81
+ --tw-ring-offset-shadow: 0 0 #0000;
82
+ --tw-ring-shadow: 0 0 #0000;
83
+ --tw-shadow: 0 0 #0000;
84
+ --tw-shadow-colored: 0 0 #0000;
85
+ --tw-blur: ;
86
+ --tw-brightness: ;
87
+ --tw-contrast: ;
88
+ --tw-grayscale: ;
89
+ --tw-hue-rotate: ;
90
+ --tw-invert: ;
91
+ --tw-saturate: ;
92
+ --tw-sepia: ;
93
+ --tw-drop-shadow: ;
94
+ --tw-backdrop-blur: ;
95
+ --tw-backdrop-brightness: ;
96
+ --tw-backdrop-contrast: ;
97
+ --tw-backdrop-grayscale: ;
98
+ --tw-backdrop-hue-rotate: ;
99
+ --tw-backdrop-invert: ;
100
+ --tw-backdrop-opacity: ;
101
+ --tw-backdrop-saturate: ;
102
+ --tw-backdrop-sepia: ;
103
+ --tw-contain-size: ;
104
+ --tw-contain-layout: ;
105
+ --tw-contain-paint: ;
106
+ --tw-contain-style:
107
+ }
108
+
1
109
  .kommandant-pointer-events-none {
2
- pointer-events: none;
110
+ pointer-events: none
3
111
  }
4
112
 
5
113
  .kommandant-fixed {
6
- position: fixed;
114
+ position: fixed
7
115
  }
8
116
 
9
117
  .kommandant-absolute {
10
- position: absolute;
118
+ position: absolute
11
119
  }
12
120
 
13
121
  .kommandant-relative {
14
- position: relative;
122
+ position: relative
15
123
  }
16
124
 
17
125
  .kommandant-inset-0 {
18
- inset: 0px;
126
+ inset: 0px
19
127
  }
20
128
 
21
129
  .kommandant-left-4 {
22
- left: 1rem;
130
+ left: 1rem
23
131
  }
24
132
 
25
133
  .kommandant-top-3 {
26
- top: 0.75rem;
134
+ top: 0.75rem
27
135
  }
28
136
 
29
137
  .kommandant-z-10 {
30
- z-index: 10;
138
+ z-index: 10
31
139
  }
32
140
 
33
141
  .kommandant-z-50 {
34
- z-index: 50;
142
+ z-index: 50
35
143
  }
36
144
 
37
145
  .kommandant-mx-auto {
38
146
  margin-left: auto;
39
- margin-right: auto;
147
+ margin-right: auto
40
148
  }
41
149
 
42
150
  .kommandant-mb-2 {
43
- margin-bottom: 0.5rem;
151
+ margin-bottom: 0.5rem
44
152
  }
45
153
 
46
154
  .kommandant-ml-3 {
47
- margin-left: 0.75rem;
155
+ margin-left: 0.75rem
156
+ }
157
+
158
+ .kommandant-mt-1 {
159
+ margin-top: 0.25rem
48
160
  }
49
161
 
50
162
  .kommandant-mt-4 {
51
- margin-top: 1rem;
163
+ margin-top: 1rem
164
+ }
165
+
166
+ .kommandant-block {
167
+ display: block
52
168
  }
53
169
 
54
170
  .kommandant-flex {
55
- display: flex;
171
+ display: flex
56
172
  }
57
173
 
58
174
  .kommandant-inline-flex {
59
- display: inline-flex;
175
+ display: inline-flex
60
176
  }
61
177
 
62
178
  .kommandant-hidden {
63
- display: none;
179
+ display: none
180
+ }
181
+
182
+ .kommandant-size-6 {
183
+ width: 1.5rem;
184
+ height: 1.5rem
64
185
  }
65
186
 
66
187
  .kommandant-h-10 {
67
- height: 2.5rem;
188
+ height: 2.5rem
68
189
  }
69
190
 
70
191
  .kommandant-h-12 {
71
- height: 3rem;
192
+ height: 3rem
193
+ }
194
+
195
+ .kommandant-h-16 {
196
+ height: 4rem
197
+ }
198
+
199
+ .kommandant-h-4 {
200
+ height: 1rem
72
201
  }
73
202
 
74
203
  .kommandant-h-5 {
75
- height: 1.25rem;
204
+ height: 1.25rem
76
205
  }
77
206
 
78
207
  .kommandant-h-6 {
79
- height: 1.5rem;
208
+ height: 1.5rem
209
+ }
210
+
211
+ .kommandant-h-full {
212
+ height: 100%
80
213
  }
81
214
 
82
215
  .kommandant-max-h-80 {
83
- max-height: 20rem;
216
+ max-height: 20rem
84
217
  }
85
218
 
86
219
  .kommandant-max-h-96 {
87
- max-height: 24rem;
220
+ max-height: 24rem
88
221
  }
89
222
 
90
223
  .kommandant-w-10 {
91
- width: 2.5rem;
224
+ width: 2.5rem
225
+ }
226
+
227
+ .kommandant-w-4 {
228
+ width: 1rem
92
229
  }
93
230
 
94
231
  .kommandant-w-5 {
95
- width: 1.25rem;
232
+ width: 1.25rem
96
233
  }
97
234
 
98
235
  .kommandant-w-6 {
99
- width: 1.5rem;
236
+ width: 1.5rem
100
237
  }
101
238
 
102
239
  .kommandant-w-full {
103
- width: 100%;
240
+ width: 100%
104
241
  }
105
242
 
106
243
  .kommandant-max-w-2xl {
107
- max-width: 42rem;
244
+ max-width: 42rem
108
245
  }
109
246
 
110
247
  .kommandant-flex-auto {
111
- flex: 1 1 auto;
248
+ flex: 1 1 auto
112
249
  }
113
250
 
114
251
  .kommandant-flex-none {
115
- flex: none;
252
+ flex: none
116
253
  }
117
254
 
118
255
  .kommandant-flex-shrink-0 {
119
- flex-shrink: 0;
256
+ flex-shrink: 0
120
257
  }
121
258
 
122
259
  .kommandant-flex-grow {
123
- flex-grow: 1;
260
+ flex-grow: 1
261
+ }
262
+
263
+ .kommandant-border-collapse {
264
+ border-collapse: collapse
124
265
  }
125
266
 
126
267
  .kommandant-scale-100 {
127
268
  --tw-scale-x: 1;
128
269
  --tw-scale-y: 1;
129
- transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
270
+ transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
130
271
  }
131
272
 
132
273
  .kommandant-scale-95 {
133
274
  --tw-scale-x: .95;
134
275
  --tw-scale-y: .95;
135
- transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
276
+ transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
136
277
  }
137
278
 
138
279
  .kommandant-transform {
139
- transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
280
+ transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
140
281
  }
141
282
 
142
283
  @keyframes kommandant-spin {
143
284
  to {
144
- transform: rotate(360deg);
285
+ transform: rotate(360deg)
145
286
  }
146
287
  }
147
288
 
148
289
  .kommandant-animate-spin {
149
- animation: kommandant-spin 1s linear infinite;
290
+ animation: kommandant-spin 1s linear infinite
150
291
  }
151
292
 
152
293
  .kommandant-cursor-default {
153
- cursor: default;
294
+ cursor: default
154
295
  }
155
296
 
156
297
  .kommandant-select-none {
157
298
  -webkit-user-select: none;
158
- -moz-user-select: none;
159
- user-select: none;
299
+ -moz-user-select: none;
300
+ user-select: none
160
301
  }
161
302
 
162
303
  .kommandant-scroll-py-2 {
163
304
  scroll-padding-top: 0.5rem;
164
- scroll-padding-bottom: 0.5rem;
305
+ scroll-padding-bottom: 0.5rem
306
+ }
307
+
308
+ .kommandant-flex-col {
309
+ flex-direction: column
165
310
  }
166
311
 
167
312
  .kommandant-flex-wrap {
168
- flex-wrap: wrap;
313
+ flex-wrap: wrap
169
314
  }
170
315
 
171
316
  .kommandant-items-center {
172
- align-items: center;
317
+ align-items: center
173
318
  }
174
319
 
175
320
  .kommandant-items-baseline {
176
- align-items: baseline;
321
+ align-items: baseline
177
322
  }
178
323
 
179
324
  .kommandant-justify-end {
180
- justify-content: flex-end;
325
+ justify-content: flex-end
181
326
  }
182
327
 
183
328
  .kommandant-justify-center {
184
- justify-content: center;
329
+ justify-content: center
185
330
  }
186
331
 
187
332
  .kommandant-justify-between {
188
- justify-content: space-between;
333
+ justify-content: space-between
189
334
  }
190
335
 
191
- .kommandant-space-x-1> :not([hidden])~ :not([hidden]) {
336
+ .kommandant-gap-4 {
337
+ gap: 1rem
338
+ }
339
+
340
+ .kommandant-space-x-1 > :not([hidden]) ~ :not([hidden]) {
192
341
  --tw-space-x-reverse: 0;
193
342
  margin-right: calc(0.25rem * var(--tw-space-x-reverse));
194
- margin-left: calc(0.25rem * calc(1 - var(--tw-space-x-reverse)));
343
+ margin-left: calc(0.25rem * calc(1 - var(--tw-space-x-reverse)))
195
344
  }
196
345
 
197
- .kommandant-space-x-2> :not([hidden])~ :not([hidden]) {
346
+ .kommandant-space-x-2 > :not([hidden]) ~ :not([hidden]) {
198
347
  --tw-space-x-reverse: 0;
199
348
  margin-right: calc(0.5rem * var(--tw-space-x-reverse));
200
- margin-left: calc(0.5rem * calc(1 - var(--tw-space-x-reverse)));
349
+ margin-left: calc(0.5rem * calc(1 - var(--tw-space-x-reverse)))
201
350
  }
202
351
 
203
- .kommandant-space-x-4> :not([hidden])~ :not([hidden]) {
352
+ .kommandant-space-x-4 > :not([hidden]) ~ :not([hidden]) {
204
353
  --tw-space-x-reverse: 0;
205
354
  margin-right: calc(1rem * var(--tw-space-x-reverse));
206
- margin-left: calc(1rem * calc(1 - var(--tw-space-x-reverse)));
355
+ margin-left: calc(1rem * calc(1 - var(--tw-space-x-reverse)))
356
+ }
357
+
358
+ .kommandant-space-y-4 > :not([hidden]) ~ :not([hidden]) {
359
+ --tw-space-y-reverse: 0;
360
+ margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse)));
361
+ margin-bottom: calc(1rem * var(--tw-space-y-reverse))
207
362
  }
208
363
 
209
- .kommandant-divide-x> :not([hidden])~ :not([hidden]) {
364
+ .kommandant-divide-x > :not([hidden]) ~ :not([hidden]) {
210
365
  --tw-divide-x-reverse: 0;
211
366
  border-right-width: calc(1px * var(--tw-divide-x-reverse));
212
- border-left-width: calc(1px * calc(1 - var(--tw-divide-x-reverse)));
367
+ border-left-width: calc(1px * calc(1 - var(--tw-divide-x-reverse)))
213
368
  }
214
369
 
215
- .kommandant-divide-y> :not([hidden])~ :not([hidden]) {
370
+ .kommandant-divide-y > :not([hidden]) ~ :not([hidden]) {
216
371
  --tw-divide-y-reverse: 0;
217
372
  border-top-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));
218
- border-bottom-width: calc(1px * var(--tw-divide-y-reverse));
373
+ border-bottom-width: calc(1px * var(--tw-divide-y-reverse))
219
374
  }
220
375
 
221
- .kommandant-divide-gray-100> :not([hidden])~ :not([hidden]) {
376
+ .kommandant-divide-gray-100 > :not([hidden]) ~ :not([hidden]) {
222
377
  --tw-divide-opacity: 1;
223
- border-color: rgb(243 244 246 / var(--tw-divide-opacity));
378
+ border-color: rgb(243 244 246 / var(--tw-divide-opacity))
224
379
  }
225
380
 
226
381
  .kommandant-overflow-hidden {
227
- overflow: hidden;
382
+ overflow: hidden
228
383
  }
229
384
 
230
385
  .kommandant-overflow-y-auto {
231
- overflow-y: auto;
386
+ overflow-y: auto
232
387
  }
233
388
 
234
389
  .kommandant-truncate {
235
390
  overflow: hidden;
236
391
  text-overflow: ellipsis;
237
- white-space: nowrap;
392
+ white-space: nowrap
238
393
  }
239
394
 
240
395
  .kommandant-rounded {
241
- border-radius: 0.25rem;
396
+ border-radius: 0.25rem
242
397
  }
243
398
 
244
399
  .kommandant-rounded-full {
245
- border-radius: 9999px;
400
+ border-radius: 9999px
246
401
  }
247
402
 
248
403
  .kommandant-rounded-md {
249
- border-radius: 0.375rem;
404
+ border-radius: 0.375rem
405
+ }
406
+
407
+ .kommandant-rounded-sm {
408
+ border-radius: 0.125rem
250
409
  }
251
410
 
252
411
  .kommandant-rounded-xl {
253
- border-radius: 0.75rem;
412
+ border-radius: 0.75rem
254
413
  }
255
414
 
256
415
  .kommandant-border {
257
- border-width: 1px;
416
+ border-width: 1px
258
417
  }
259
418
 
260
419
  .kommandant-border-0 {
261
- border-width: 0px;
420
+ border-width: 0px
421
+ }
422
+
423
+ .kommandant-border-b {
424
+ border-bottom-width: 1px
425
+ }
426
+
427
+ .kommandant-border-t {
428
+ border-top-width: 1px
429
+ }
430
+
431
+ .kommandant-border-gray-100 {
432
+ --tw-border-opacity: 1;
433
+ border-color: rgb(243 244 246 / var(--tw-border-opacity))
434
+ }
435
+
436
+ .kommandant-border-gray-200 {
437
+ --tw-border-opacity: 1;
438
+ border-color: rgb(229 231 235 / var(--tw-border-opacity))
262
439
  }
263
440
 
264
441
  .kommandant-border-gray-300 {
265
442
  --tw-border-opacity: 1;
266
- border-color: rgb(209 213 219 / var(--tw-border-opacity));
443
+ border-color: rgb(209 213 219 / var(--tw-border-opacity))
267
444
  }
268
445
 
269
446
  .kommandant-border-gray-400 {
270
447
  --tw-border-opacity: 1;
271
- border-color: rgb(156 163 175 / var(--tw-border-opacity));
448
+ border-color: rgb(156 163 175 / var(--tw-border-opacity))
449
+ }
450
+
451
+ .kommandant-border-slate-500 {
452
+ --tw-border-opacity: 1;
453
+ border-color: rgb(100 116 139 / var(--tw-border-opacity))
454
+ }
455
+
456
+ .kommandant-bg-amber-200 {
457
+ --tw-bg-opacity: 1;
458
+ background-color: rgb(253 230 138 / var(--tw-bg-opacity))
272
459
  }
273
460
 
274
461
  .kommandant-bg-gray-50 {
275
462
  --tw-bg-opacity: 1;
276
- background-color: rgb(249 250 251 / var(--tw-bg-opacity));
463
+ background-color: rgb(249 250 251 / var(--tw-bg-opacity))
277
464
  }
278
465
 
279
466
  .kommandant-bg-gray-500 {
280
467
  --tw-bg-opacity: 1;
281
- background-color: rgb(107 114 128 / var(--tw-bg-opacity));
468
+ background-color: rgb(107 114 128 / var(--tw-bg-opacity))
282
469
  }
283
470
 
284
471
  .kommandant-bg-slate-700 {
285
472
  --tw-bg-opacity: 1;
286
- background-color: rgb(51 65 85 / var(--tw-bg-opacity));
473
+ background-color: rgb(51 65 85 / var(--tw-bg-opacity))
474
+ }
475
+
476
+ .kommandant-bg-slate-900 {
477
+ --tw-bg-opacity: 1;
478
+ background-color: rgb(15 23 42 / var(--tw-bg-opacity))
287
479
  }
288
480
 
289
481
  .kommandant-bg-transparent {
290
- background-color: transparent;
482
+ background-color: transparent
291
483
  }
292
484
 
293
485
  .kommandant-bg-white {
294
486
  --tw-bg-opacity: 1;
295
- background-color: rgb(255 255 255 / var(--tw-bg-opacity));
487
+ background-color: rgb(255 255 255 / var(--tw-bg-opacity))
296
488
  }
297
489
 
298
490
  .kommandant-bg-opacity-25 {
299
- --tw-bg-opacity: 0.25;
491
+ --tw-bg-opacity: 0.25
300
492
  }
301
493
 
302
494
  .kommandant-p-2 {
303
- padding: 0.5rem;
495
+ padding: 0.5rem
304
496
  }
305
497
 
306
498
  .kommandant-p-4 {
307
- padding: 1rem;
499
+ padding: 1rem
308
500
  }
309
501
 
310
502
  .kommandant-px-1 {
311
503
  padding-left: 0.25rem;
312
- padding-right: 0.25rem;
504
+ padding-right: 0.25rem
505
+ }
506
+
507
+ .kommandant-px-12 {
508
+ padding-left: 3rem;
509
+ padding-right: 3rem
313
510
  }
314
511
 
315
512
  .kommandant-px-2 {
316
513
  padding-left: 0.5rem;
317
- padding-right: 0.5rem;
514
+ padding-right: 0.5rem
318
515
  }
319
516
 
320
517
  .kommandant-px-2\.5 {
321
518
  padding-left: 0.625rem;
322
- padding-right: 0.625rem;
519
+ padding-right: 0.625rem
323
520
  }
324
521
 
325
522
  .kommandant-px-3 {
326
523
  padding-left: 0.75rem;
327
- padding-right: 0.75rem;
524
+ padding-right: 0.75rem
328
525
  }
329
526
 
330
527
  .kommandant-px-4 {
331
528
  padding-left: 1rem;
332
- padding-right: 1rem;
529
+ padding-right: 1rem
333
530
  }
334
531
 
335
532
  .kommandant-px-6 {
336
533
  padding-left: 1.5rem;
337
- padding-right: 1.5rem;
534
+ padding-right: 1.5rem
338
535
  }
339
536
 
340
537
  .kommandant-py-0 {
341
538
  padding-top: 0px;
342
- padding-bottom: 0px;
539
+ padding-bottom: 0px
343
540
  }
344
541
 
345
542
  .kommandant-py-0\.5 {
346
543
  padding-top: 0.125rem;
347
- padding-bottom: 0.125rem;
544
+ padding-bottom: 0.125rem
348
545
  }
349
546
 
350
547
  .kommandant-py-1 {
351
548
  padding-top: 0.25rem;
352
- padding-bottom: 0.25rem;
549
+ padding-bottom: 0.25rem
353
550
  }
354
551
 
355
552
  .kommandant-py-1\.5 {
356
553
  padding-top: 0.375rem;
357
- padding-bottom: 0.375rem;
554
+ padding-bottom: 0.375rem
358
555
  }
359
556
 
360
557
  .kommandant-py-14 {
361
558
  padding-top: 3.5rem;
362
- padding-bottom: 3.5rem;
559
+ padding-bottom: 3.5rem
363
560
  }
364
561
 
365
562
  .kommandant-py-2 {
366
563
  padding-top: 0.5rem;
367
- padding-bottom: 0.5rem;
564
+ padding-bottom: 0.5rem
368
565
  }
369
566
 
370
567
  .kommandant-py-2\.5 {
371
568
  padding-top: 0.625rem;
372
- padding-bottom: 0.625rem;
569
+ padding-bottom: 0.625rem
570
+ }
571
+
572
+ .kommandant-py-4 {
573
+ padding-top: 1rem;
574
+ padding-bottom: 1rem
575
+ }
576
+
577
+ .kommandant-py-8 {
578
+ padding-top: 2rem;
579
+ padding-bottom: 2rem
373
580
  }
374
581
 
375
582
  .kommandant-pl-1 {
376
- padding-left: 0.25rem;
583
+ padding-left: 0.25rem
377
584
  }
378
585
 
379
586
  .kommandant-pl-11 {
380
- padding-left: 2.75rem;
587
+ padding-left: 2.75rem
381
588
  }
382
589
 
383
590
  .kommandant-pl-2 {
384
- padding-left: 0.5rem;
591
+ padding-left: 0.5rem
385
592
  }
386
593
 
387
594
  .kommandant-pr-2 {
388
- padding-right: 0.5rem;
595
+ padding-right: 0.5rem
389
596
  }
390
597
 
391
598
  .kommandant-pr-4 {
392
- padding-right: 1rem;
599
+ padding-right: 1rem
600
+ }
601
+
602
+ .kommandant-text-left {
603
+ text-align: left
393
604
  }
394
605
 
395
606
  .kommandant-text-center {
396
- text-align: center;
607
+ text-align: center
608
+ }
609
+
610
+ .kommandant-text-3xl {
611
+ font-size: 1.875rem;
612
+ line-height: 2.25rem
613
+ }
614
+
615
+ .kommandant-text-lg {
616
+ font-size: 1.125rem;
617
+ line-height: 1.75rem
397
618
  }
398
619
 
399
620
  .kommandant-text-sm {
400
621
  font-size: 0.875rem;
401
- line-height: 1.25rem;
622
+ line-height: 1.25rem
402
623
  }
403
624
 
404
625
  .kommandant-text-xs {
405
626
  font-size: 0.75rem;
406
- line-height: 1rem;
627
+ line-height: 1rem
407
628
  }
408
629
 
409
630
  .kommandant-font-medium {
410
- font-weight: 500;
631
+ font-weight: 500
411
632
  }
412
633
 
413
634
  .kommandant-font-semibold {
414
- font-weight: 600;
635
+ font-weight: 600
415
636
  }
416
637
 
417
638
  .kommandant-leading-5 {
418
- line-height: 1.25rem;
639
+ line-height: 1.25rem
640
+ }
641
+
642
+ .kommandant-leading-6 {
643
+ line-height: 1.5rem
419
644
  }
420
645
 
421
646
  .kommandant-text-gray-400 {
422
647
  --tw-text-opacity: 1;
423
- color: rgb(156 163 175 / var(--tw-text-opacity));
648
+ color: rgb(156 163 175 / var(--tw-text-opacity))
424
649
  }
425
650
 
426
651
  .kommandant-text-gray-500 {
427
652
  --tw-text-opacity: 1;
428
- color: rgb(107 114 128 / var(--tw-text-opacity));
653
+ color: rgb(107 114 128 / var(--tw-text-opacity))
429
654
  }
430
655
 
431
656
  .kommandant-text-gray-600 {
432
657
  --tw-text-opacity: 1;
433
- color: rgb(75 85 99 / var(--tw-text-opacity));
658
+ color: rgb(75 85 99 / var(--tw-text-opacity))
434
659
  }
435
660
 
436
661
  .kommandant-text-gray-700 {
437
662
  --tw-text-opacity: 1;
438
- color: rgb(55 65 81 / var(--tw-text-opacity));
663
+ color: rgb(55 65 81 / var(--tw-text-opacity))
439
664
  }
440
665
 
441
666
  .kommandant-text-gray-800 {
442
667
  --tw-text-opacity: 1;
443
- color: rgb(31 41 55 / var(--tw-text-opacity));
668
+ color: rgb(31 41 55 / var(--tw-text-opacity))
444
669
  }
445
670
 
446
671
  .kommandant-text-gray-900 {
447
672
  --tw-text-opacity: 1;
448
- color: rgb(17 24 39 / var(--tw-text-opacity));
673
+ color: rgb(17 24 39 / var(--tw-text-opacity))
449
674
  }
450
675
 
451
676
  .kommandant-text-indigo-100 {
452
677
  --tw-text-opacity: 1;
453
- color: rgb(224 231 255 / var(--tw-text-opacity));
678
+ color: rgb(224 231 255 / var(--tw-text-opacity))
679
+ }
680
+
681
+ .kommandant-text-slate-600 {
682
+ --tw-text-opacity: 1;
683
+ color: rgb(71 85 105 / var(--tw-text-opacity))
684
+ }
685
+
686
+ .kommandant-text-slate-700 {
687
+ --tw-text-opacity: 1;
688
+ color: rgb(51 65 85 / var(--tw-text-opacity))
454
689
  }
455
690
 
456
691
  .kommandant-text-white {
457
692
  --tw-text-opacity: 1;
458
- color: rgb(255 255 255 / var(--tw-text-opacity));
693
+ color: rgb(255 255 255 / var(--tw-text-opacity))
694
+ }
695
+
696
+ .kommandant-underline {
697
+ text-decoration-line: underline
459
698
  }
460
699
 
461
700
  .kommandant-placeholder-gray-400::-moz-placeholder {
462
701
  --tw-placeholder-opacity: 1;
463
- color: rgb(156 163 175 / var(--tw-placeholder-opacity));
702
+ color: rgb(156 163 175 / var(--tw-placeholder-opacity))
464
703
  }
465
704
 
466
705
  .kommandant-placeholder-gray-400::placeholder {
467
706
  --tw-placeholder-opacity: 1;
468
- color: rgb(156 163 175 / var(--tw-placeholder-opacity));
707
+ color: rgb(156 163 175 / var(--tw-placeholder-opacity))
469
708
  }
470
709
 
471
710
  .kommandant-opacity-0 {
472
- opacity: 0;
711
+ opacity: 0
473
712
  }
474
713
 
475
714
  .kommandant-opacity-100 {
476
- opacity: 1;
715
+ opacity: 1
477
716
  }
478
717
 
479
718
  .kommandant-opacity-25 {
480
- opacity: 0.25;
719
+ opacity: 0.25
481
720
  }
482
721
 
483
722
  .kommandant-opacity-75 {
484
- opacity: 0.75;
723
+ opacity: 0.75
485
724
  }
486
725
 
487
726
  .kommandant-shadow-2xl {
488
727
  --tw-shadow: 0 25px 50px -12px rgb(0 0 0 / 0.25);
489
728
  --tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color);
490
- box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
729
+ box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
491
730
  }
492
731
 
493
732
  .kommandant-shadow-sm {
494
733
  --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
495
734
  --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
496
- box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
735
+ box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
497
736
  }
498
737
 
499
738
  .kommandant-ring-1 {
500
739
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
501
740
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
502
- box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
741
+ box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)
503
742
  }
504
743
 
505
744
  .kommandant-ring-black {
506
745
  --tw-ring-opacity: 1;
507
- --tw-ring-color: rgb(0 0 0 / var(--tw-ring-opacity));
746
+ --tw-ring-color: rgb(0 0 0 / var(--tw-ring-opacity))
508
747
  }
509
748
 
510
749
  .kommandant-ring-opacity-5 {
511
- --tw-ring-opacity: 0.05;
750
+ --tw-ring-opacity: 0.05
512
751
  }
513
752
 
514
753
  .kommandant-transition-all {
515
754
  transition-property: all;
516
755
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
517
- transition-duration: 150ms;
756
+ transition-duration: 150ms
518
757
  }
519
758
 
520
759
  .kommandant-transition-opacity {
521
760
  transition-property: opacity;
522
761
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
523
- transition-duration: 150ms;
762
+ transition-duration: 150ms
524
763
  }
525
764
 
526
765
  .kommandant-duration-200 {
527
- transition-duration: 200ms;
766
+ transition-duration: 200ms
528
767
  }
529
768
 
530
769
  .kommandant-duration-300 {
531
- transition-duration: 300ms;
770
+ transition-duration: 300ms
532
771
  }
533
772
 
534
773
  .kommandant-ease-in {
535
- transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
774
+ transition-timing-function: cubic-bezier(0.4, 0, 1, 1)
536
775
  }
537
776
 
538
777
  .kommandant-ease-out {
539
- transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
778
+ transition-timing-function: cubic-bezier(0, 0, 0.2, 1)
540
779
  }
541
780
 
542
781
  .hover\:kommandant-cursor-pointer:hover {
543
- cursor: pointer;
782
+ cursor: pointer
544
783
  }
545
784
 
546
785
  .hover\:kommandant-bg-gray-50:hover {
547
786
  --tw-bg-opacity: 1;
548
- background-color: rgb(249 250 251 / var(--tw-bg-opacity));
787
+ background-color: rgb(249 250 251 / var(--tw-bg-opacity))
549
788
  }
550
789
 
551
790
  .hover\:kommandant-text-gray-800:hover {
552
791
  --tw-text-opacity: 1;
553
- color: rgb(31 41 55 / var(--tw-text-opacity));
792
+ color: rgb(31 41 55 / var(--tw-text-opacity))
793
+ }
794
+
795
+ .focus\:kommandant-border-slate-300:focus {
796
+ --tw-border-opacity: 1;
797
+ border-color: rgb(203 213 225 / var(--tw-border-opacity))
554
798
  }
555
799
 
556
800
  .focus\:kommandant-outline-none:focus {
557
801
  outline: 2px solid transparent;
558
- outline-offset: 2px;
802
+ outline-offset: 2px
803
+ }
804
+
805
+ .focus\:kommandant-ring:focus {
806
+ --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
807
+ --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);
808
+ box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)
559
809
  }
560
810
 
561
811
  .focus\:kommandant-ring-0:focus {
562
812
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
563
813
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);
564
- box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
814
+ box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)
565
815
  }
566
816
 
567
817
  .focus\:kommandant-ring-2:focus {
568
818
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
569
819
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
570
- box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
820
+ box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)
571
821
  }
572
822
 
573
823
  .focus\:kommandant-ring-gray-500:focus {
574
824
  --tw-ring-opacity: 1;
575
- --tw-ring-color: rgb(107 114 128 / var(--tw-ring-opacity));
825
+ --tw-ring-color: rgb(107 114 128 / var(--tw-ring-opacity))
826
+ }
827
+
828
+ .focus\:kommandant-ring-slate-200:focus {
829
+ --tw-ring-opacity: 1;
830
+ --tw-ring-color: rgb(226 232 240 / var(--tw-ring-opacity))
831
+ }
832
+
833
+ .focus\:kommandant-ring-opacity-50:focus {
834
+ --tw-ring-opacity: 0.5
835
+ }
836
+
837
+ .focus\:kommandant-ring-offset-0:focus {
838
+ --tw-ring-offset-width: 0px
576
839
  }
577
840
 
578
841
  .focus\:kommandant-ring-offset-2:focus {
579
- --tw-ring-offset-width: 2px;
842
+ --tw-ring-offset-width: 2px
580
843
  }
581
844
 
582
845
  .disabled\:kommandant-cursor-not-allowed:disabled {
583
- cursor: not-allowed;
846
+ cursor: not-allowed
847
+ }
848
+
849
+ .disabled\:kommandant-text-slate-400:disabled {
850
+ --tw-text-opacity: 1;
851
+ color: rgb(148 163 184 / var(--tw-text-opacity))
584
852
  }
585
853
 
586
854
  .disabled\:kommandant-opacity-50:disabled {
587
- opacity: 0.5;
855
+ opacity: 0.5
588
856
  }
589
857
 
590
858
  .data-\[active\=true\]\:kommandant-bg-slate-600[data-active=true] {
591
859
  --tw-bg-opacity: 1;
592
- background-color: rgb(71 85 105 / var(--tw-bg-opacity));
860
+ background-color: rgb(71 85 105 / var(--tw-bg-opacity))
593
861
  }
594
862
 
595
863
  .data-\[active\=true\]\:kommandant-text-white[data-active=true] {
596
864
  --tw-text-opacity: 1;
597
- color: rgb(255 255 255 / var(--tw-text-opacity));
865
+ color: rgb(255 255 255 / var(--tw-text-opacity))
598
866
  }
599
867
 
600
868
  .kommandant-group[data-active=true] .group-data-\[active\=true\]\:kommandant-inline {
601
- display: inline;
869
+ display: inline
602
870
  }
603
871
 
604
872
  .kommandant-group[data-active=true] .group-data-\[active\=true\]\:kommandant-text-white {
605
873
  --tw-text-opacity: 1;
606
- color: rgb(255 255 255 / var(--tw-text-opacity));
874
+ color: rgb(255 255 255 / var(--tw-text-opacity))
607
875
  }
608
876
 
609
877
  .kommandant-group[data-active=true] .group-data-\[active\=true\]\:kommandant-outline-none {
610
878
  outline: 2px solid transparent;
611
- outline-offset: 2px;
879
+ outline-offset: 2px
612
880
  }
613
881
 
614
882
  @media (min-width: 640px) {
615
883
  .sm\:kommandant-p-6 {
616
- padding: 1.5rem;
884
+ padding: 1.5rem
617
885
  }
618
886
 
619
887
  .sm\:kommandant-px-14 {
620
888
  padding-left: 3.5rem;
621
- padding-right: 3.5rem;
889
+ padding-right: 3.5rem
622
890
  }
623
891
 
624
892
  .sm\:kommandant-text-sm {
625
893
  font-size: 0.875rem;
626
- line-height: 1.25rem;
894
+ line-height: 1.25rem
627
895
  }
628
896
  }
629
897
 
630
898
  @media (min-width: 768px) {
631
899
  .md\:kommandant-p-20 {
632
- padding: 5rem;
900
+ padding: 5rem
633
901
  }
634
902
  }