kommandant 0.2.1 → 0.3.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (34) 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. metadata +32 -22
  32. /data/app/views/kommandant/shared/icons/{_command.erb → _command.html.erb} +0 -0
  33. /data/app/views/kommandant/shared/icons/{_search.erb → _search.html.erb} +0 -0
  34. /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
  }