tailwind_dsl 0.0.10 → 0.0.11

Sign up to get free protection for your applications and to get access to all the features.
Files changed (61) hide show
  1. checksums.yaml +4 -4
  2. data/.builders/generators/domain-model.rb +30 -28
  3. data/.builders/generators/utilities.rb +19 -17
  4. data/CHANGELOG.md +7 -0
  5. data/docs/domain-model.drawio +49 -46
  6. data/docs/domain-model.json +144 -121
  7. data/docs/domain-model.svg +1 -1
  8. data/lib/tailwind_dsl/etl/component_structures/raw_component_query.rb +197 -0
  9. data/lib/tailwind_dsl/version.rb +1 -1
  10. data/lib/tailwind_dsl.rb +1 -0
  11. data/package-lock.json +2 -2
  12. data/package.json +1 -1
  13. metadata +3 -50
  14. data/.components/tui/application-ui/component/data-display/calendar/01.clean.html +0 -204
  15. data/.components/tui/application-ui/component/data-display/calendar/01.html +0 -243
  16. data/.components/tui/application-ui/component/data-display/calendar/01.settings.json +0 -9
  17. data/.components/tui/application-ui/component/data-display/calendar/02.clean.html +0 -496
  18. data/.components/tui/application-ui/component/data-display/calendar/02.html +0 -551
  19. data/.components/tui/application-ui/component/data-display/calendar/02.settings.json +0 -9
  20. data/.components/tui/application-ui/component/data-display/calendar/03.clean.html +0 -240
  21. data/.components/tui/application-ui/component/data-display/calendar/03.html +0 -274
  22. data/.components/tui/application-ui/component/data-display/calendar/03.settings.json +0 -9
  23. data/.components/tui/application-ui/component/data-display/calendar/04.clean.html +0 -385
  24. data/.components/tui/application-ui/component/data-display/calendar/04.html +0 -439
  25. data/.components/tui/application-ui/component/data-display/calendar/04.settings.json +0 -9
  26. data/.components/tui/application-ui/component/data-display/calendar/05.clean.html +0 -211
  27. data/.components/tui/application-ui/component/data-display/calendar/05.html +0 -254
  28. data/.components/tui/application-ui/component/data-display/calendar/05.settings.json +0 -9
  29. data/.components/tui/application-ui/component/data-display/calendar/06.clean.html +0 -320
  30. data/.components/tui/application-ui/component/data-display/calendar/06.html +0 -336
  31. data/.components/tui/application-ui/component/data-display/calendar/06.settings.json +0 -9
  32. data/.components/tui/application-ui/component/data-display/calendar/07.clean.html +0 -266
  33. data/.components/tui/application-ui/component/data-display/calendar/07.html +0 -294
  34. data/.components/tui/application-ui/component/data-display/calendar/07.settings.json +0 -9
  35. data/.components/tui/application-ui/component/data-display/calendar/08.clean.html +0 -268
  36. data/.components/tui/application-ui/component/data-display/calendar/08.html +0 -296
  37. data/.components/tui/application-ui/component/data-display/calendar/08.settings.json +0 -9
  38. data/.components/tui/application-ui/component/data-display/description-list/01.clean.html +0 -59
  39. data/.components/tui/application-ui/component/data-display/description-list/01.html +0 -61
  40. data/.components/tui/application-ui/component/data-display/description-list/01.settings.json +0 -9
  41. data/.components/tui/application-ui/component/data-display/description-list/02.clean.html +0 -59
  42. data/.components/tui/application-ui/component/data-display/description-list/02.html +0 -61
  43. data/.components/tui/application-ui/component/data-display/description-list/02.settings.json +0 -9
  44. data/.components/tui/application-ui/component/data-display/description-list/03.clean.html +0 -86
  45. data/.components/tui/application-ui/component/data-display/description-list/03.html +0 -88
  46. data/.components/tui/application-ui/component/data-display/description-list/03.settings.json +0 -9
  47. data/.components/tui/application-ui/component/data-display/description-list/04.clean.html +0 -59
  48. data/.components/tui/application-ui/component/data-display/description-list/04.html +0 -61
  49. data/.components/tui/application-ui/component/data-display/description-list/04.settings.json +0 -9
  50. data/.components/tui/application-ui/component/data-display/description-list/05.clean.html +0 -59
  51. data/.components/tui/application-ui/component/data-display/description-list/05.html +0 -61
  52. data/.components/tui/application-ui/component/data-display/description-list/05.settings.json +0 -9
  53. data/.components/tui/application-ui/component/data-display/stats/01.clean.html +0 -17
  54. data/.components/tui/application-ui/component/data-display/stats/01.html +0 -19
  55. data/.components/tui/application-ui/component/data-display/stats/01.settings.json +0 -9
  56. data/.components/tui/application-ui/component/data-display/stats/02.clean.html +0 -80
  57. data/.components/tui/application-ui/component/data-display/stats/02.html +0 -89
  58. data/.components/tui/application-ui/component/data-display/stats/02.settings.json +0 -9
  59. data/.components/tui/application-ui/component/data-display/stats/03.clean.html +0 -53
  60. data/.components/tui/application-ui/component/data-display/stats/03.html +0 -61
  61. data/.components/tui/application-ui/component/data-display/stats/03.settings.json +0 -9
data/.components/tui/application-ui/component/data-display/calendar/03.clean.html DELETED
@@ -1,240 +0,0 @@
1
- <div class="flex h-full flex-col">
2
- <header class="flex flex-none items-center justify-between border-b border-gray-200 py-4 px-6">
3
- <h1 class="text-lg font-semibold text-gray-900">
4
- <time datetime="2022-01">January 2022</time>
5
- </h1>
6
- <div class="flex items-center">
7
- <div class="flex items-center rounded-md shadow-sm md:items-stretch">
8
- <button type="button" class="flex items-center justify-center rounded-l-md border border-r-0 border-gray-300 bg-white py-2 pl-3 pr-4 text-gray-400 hover:text-gray-500 focus:relative md:w-9 md:px-2 md:hover:bg-gray-50">
9
- <span class="sr-only">Previous month</span>
10
- <svg class="h-5 w-5" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true">
11
- <path fill-rule="evenodd" d="M12.79 5.23a.75.75 0 01-.02 1.06L8.832 10l3.938 3.71a.75.75 0 11-1.04 1.08l-4.5-4.25a.75.75 0 010-1.08l4.5-4.25a.75.75 0 011.06.02z" clip-rule="evenodd" />
12
- </svg>
13
- </button>
14
- <button type="button" class="hidden border-t border-b border-gray-300 bg-white px-3.5 text-sm font-medium text-gray-700 hover:bg-gray-50 hover:text-gray-900 focus:relative md:block">Today</button>
15
- <span class="relative -mx-px h-5 w-px bg-gray-300 md:hidden"></span>
16
- <button type="button" class="flex items-center justify-center rounded-r-md border border-l-0 border-gray-300 bg-white py-2 pl-4 pr-3 text-gray-400 hover:text-gray-500 focus:relative md:w-9 md:px-2 md:hover:bg-gray-50">
17
- <span class="sr-only">Next month</span>
18
- <svg class="h-5 w-5" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true">
19
- <path fill-rule="evenodd" d="M7.21 14.77a.75.75 0 01.02-1.06L11.168 10 7.23 6.29a.75.75 0 111.04-1.08l4.5 4.25a.75.75 0 010 1.08l-4.5 4.25a.75.75 0 01-1.06-.02z" clip-rule="evenodd" />
20
- </svg>
21
- </button>
22
- </div>
23
- <div class="hidden md:ml-4 md:flex md:items-center">
24
- <div class="relative">
25
- <button type="button" class="flex items-center rounded-md border border-gray-300 bg-white py-2 pl-3 pr-2 text-sm font-medium text-gray-700 shadow-sm hover:bg-gray-50" id="menu-button" aria-expanded="false" aria-haspopup="true">
26
- Week view
27
- <svg class="ml-2 h-5 w-5 text-gray-400" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true">
28
- <path fill-rule="evenodd" d="M5.23 7.21a.75.75 0 011.06.02L10 11.168l3.71-3.938a.75.75 0 111.08 1.04l-4.25 4.5a.75.75 0 01-1.08 0l-4.25-4.5a.75.75 0 01.02-1.06z" clip-rule="evenodd" />
29
- </svg>
30
- </button>
31
- <div class="absolute right-0 z-10 mt-3 w-36 origin-top-right overflow-hidden rounded-md bg-white shadow-lg ring-1 ring-black ring-opacity-5 focus:outline-none" role="menu" aria-orientation="vertical" aria-labelledby="menu-button" tabindex="-1">
32
- <div class="py-1" role="none">
33
- <a href="#" class="text-gray-700 block px-4 py-2 text-sm" role="menuitem" tabindex="-1" id="menu-item-0">Day view</a>
34
- <a href="#" class="text-gray-700 block px-4 py-2 text-sm" role="menuitem" tabindex="-1" id="menu-item-1">Week view</a>
35
- <a href="#" class="text-gray-700 block px-4 py-2 text-sm" role="menuitem" tabindex="-1" id="menu-item-2">Month view</a>
36
- <a href="#" class="text-gray-700 block px-4 py-2 text-sm" role="menuitem" tabindex="-1" id="menu-item-3">Year view</a>
37
- </div>
38
- </div>
39
- </div>
40
- <div class="ml-6 h-6 w-px bg-gray-300"></div>
41
- <button type="button" class="ml-6 rounded-md border border-transparent bg-indigo-600 py-2 px-4 text-sm font-medium text-white shadow-sm hover:bg-indigo-700 focus:outline-none focus:ring-2 focus:ring-indigo-500 focus:ring-offset-2">Add event</button>
42
- </div>
43
- <div class="relative ml-6 md:hidden">
44
- <button type="button" class="-mx-2 flex items-center rounded-full border border-transparent p-2 text-gray-400 hover:text-gray-500" id="menu-0-button" aria-expanded="false" aria-haspopup="true">
45
- <span class="sr-only">Open menu</span>
46
- <svg class="h-5 w-5" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true">
47
- <path d="M3 10a1.5 1.5 0 113 0 1.5 1.5 0 01-3 0zM8.5 10a1.5 1.5 0 113 0 1.5 1.5 0 01-3 0zM15.5 8.5a1.5 1.5 0 100 3 1.5 1.5 0 000-3z" />
48
- </svg>
49
- </button>
50
- <div class="absolute right-0 z-10 mt-3 w-36 origin-top-right divide-y divide-gray-100 overflow-hidden rounded-md bg-white shadow-lg ring-1 ring-black ring-opacity-5 focus:outline-none" role="menu" aria-orientation="vertical" aria-labelledby="menu-0-button" tabindex="-1">
51
- <div class="py-1" role="none">
52
- <a href="#" class="text-gray-700 block px-4 py-2 text-sm" role="menuitem" tabindex="-1" id="menu-0-item-0">Create event</a>
53
- </div>
54
- <div class="py-1" role="none">
55
- <a href="#" class="text-gray-700 block px-4 py-2 text-sm" role="menuitem" tabindex="-1" id="menu-0-item-1">Go to today</a>
56
- </div>
57
- <div class="py-1" role="none">
58
- <a href="#" class="text-gray-700 block px-4 py-2 text-sm" role="menuitem" tabindex="-1" id="menu-0-item-2">Day view</a>
59
- <a href="#" class="text-gray-700 block px-4 py-2 text-sm" role="menuitem" tabindex="-1" id="menu-0-item-3">Week view</a>
60
- <a href="#" class="text-gray-700 block px-4 py-2 text-sm" role="menuitem" tabindex="-1" id="menu-0-item-4">Month view</a>
61
- <a href="#" class="text-gray-700 block px-4 py-2 text-sm" role="menuitem" tabindex="-1" id="menu-0-item-5">Year view</a>
62
- </div>
63
- </div>
64
- </div>
65
- </div>
66
- </header>
67
- <div class="isolate flex flex-auto flex-col overflow-auto bg-white">
68
- <div style="width: 165%" class="flex max-w-full flex-none flex-col sm:max-w-none md:max-w-full">
69
- <div class="sticky top-0 z-30 flex-none bg-white shadow ring-1 ring-black ring-opacity-5 sm:pr-8">
70
- <div class="grid grid-cols-7 text-sm leading-6 text-gray-500 sm:hidden">
71
- <button type="button" class="flex flex-col items-center pt-2 pb-3">M <span class="mt-1 flex h-8 w-8 items-center justify-center font-semibold text-gray-900">10</span></button>
72
- <button type="button" class="flex flex-col items-center pt-2 pb-3">T <span class="mt-1 flex h-8 w-8 items-center justify-center font-semibold text-gray-900">11</span></button>
73
- <button type="button" class="flex flex-col items-center pt-2 pb-3">W <span class="mt-1 flex h-8 w-8 items-center justify-center rounded-full bg-indigo-600 font-semibold text-white">12</span></button>
74
- <button type="button" class="flex flex-col items-center pt-2 pb-3">T <span class="mt-1 flex h-8 w-8 items-center justify-center font-semibold text-gray-900">13</span></button>
75
- <button type="button" class="flex flex-col items-center pt-2 pb-3">F <span class="mt-1 flex h-8 w-8 items-center justify-center font-semibold text-gray-900">14</span></button>
76
- <button type="button" class="flex flex-col items-center pt-2 pb-3">S <span class="mt-1 flex h-8 w-8 items-center justify-center font-semibold text-gray-900">15</span></button>
77
- <button type="button" class="flex flex-col items-center pt-2 pb-3">S <span class="mt-1 flex h-8 w-8 items-center justify-center font-semibold text-gray-900">16</span></button>
78
- </div>
79
- <div class="-mr-px hidden grid-cols-7 divide-x divide-gray-100 border-r border-gray-100 text-sm leading-6 text-gray-500 sm:grid">
80
- <div class="col-end-1 w-14"></div>
81
- <div class="flex items-center justify-center py-3">
82
- <span>Mon <span class="items-center justify-center font-semibold text-gray-900">10</span></span>
83
- </div>
84
- <div class="flex items-center justify-center py-3">
85
- <span>Tue <span class="items-center justify-center font-semibold text-gray-900">11</span></span>
86
- </div>
87
- <div class="flex items-center justify-center py-3">
88
- <span class="flex items-baseline">Wed <span class="ml-1.5 flex h-8 w-8 items-center justify-center rounded-full bg-indigo-600 font-semibold text-white">12</span></span>
89
- </div>
90
- <div class="flex items-center justify-center py-3">
91
- <span>Thu <span class="items-center justify-center font-semibold text-gray-900">13</span></span>
92
- </div>
93
- <div class="flex items-center justify-center py-3">
94
- <span>Fri <span class="items-center justify-center font-semibold text-gray-900">14</span></span>
95
- </div>
96
- <div class="flex items-center justify-center py-3">
97
- <span>Sat <span class="items-center justify-center font-semibold text-gray-900">15</span></span>
98
- </div>
99
- <div class="flex items-center justify-center py-3">
100
- <span>Sun <span class="items-center justify-center font-semibold text-gray-900">16</span></span>
101
- </div>
102
- </div>
103
- </div>
104
- <div class="flex flex-auto">
105
- <div class="sticky left-0 z-10 w-14 flex-none bg-white ring-1 ring-gray-100"></div>
106
- <div class="grid flex-auto grid-cols-1 grid-rows-1">
107
- <div class="col-start-1 col-end-2 row-start-1 grid divide-y divide-gray-100" style="grid-template-rows: repeat(48, minmax(3.5rem, 1fr))">
108
- <div class="row-end-1 h-7"></div>
109
- <div>
110
- <div class="sticky left-0 z-20 -mt-2.5 -ml-14 w-14 pr-2 text-right text-xs leading-5 text-gray-400">12AM</div>
111
- </div>
112
- <div></div>
113
- <div>
114
- <div class="sticky left-0 z-20 -mt-2.5 -ml-14 w-14 pr-2 text-right text-xs leading-5 text-gray-400">1AM</div>
115
- </div>
116
- <div></div>
117
- <div>
118
- <div class="sticky left-0 z-20 -mt-2.5 -ml-14 w-14 pr-2 text-right text-xs leading-5 text-gray-400">2AM</div>
119
- </div>
120
- <div></div>
121
- <div>
122
- <div class="sticky left-0 z-20 -mt-2.5 -ml-14 w-14 pr-2 text-right text-xs leading-5 text-gray-400">3AM</div>
123
- </div>
124
- <div></div>
125
- <div>
126
- <div class="sticky left-0 z-20 -mt-2.5 -ml-14 w-14 pr-2 text-right text-xs leading-5 text-gray-400">4AM</div>
127
- </div>
128
- <div></div>
129
- <div>
130
- <div class="sticky left-0 z-20 -mt-2.5 -ml-14 w-14 pr-2 text-right text-xs leading-5 text-gray-400">5AM</div>
131
- </div>
132
- <div></div>
133
- <div>
134
- <div class="sticky left-0 z-20 -mt-2.5 -ml-14 w-14 pr-2 text-right text-xs leading-5 text-gray-400">6AM</div>
135
- </div>
136
- <div></div>
137
- <div>
138
- <div class="sticky left-0 z-20 -mt-2.5 -ml-14 w-14 pr-2 text-right text-xs leading-5 text-gray-400">7AM</div>
139
- </div>
140
- <div></div>
141
- <div>
142
- <div class="sticky left-0 z-20 -mt-2.5 -ml-14 w-14 pr-2 text-right text-xs leading-5 text-gray-400">8AM</div>
143
- </div>
144
- <div></div>
145
- <div>
146
- <div class="sticky left-0 z-20 -mt-2.5 -ml-14 w-14 pr-2 text-right text-xs leading-5 text-gray-400">9AM</div>
147
- </div>
148
- <div></div>
149
- <div>
150
- <div class="sticky left-0 z-20 -mt-2.5 -ml-14 w-14 pr-2 text-right text-xs leading-5 text-gray-400">10AM</div>
151
- </div>
152
- <div></div>
153
- <div>
154
- <div class="sticky left-0 z-20 -mt-2.5 -ml-14 w-14 pr-2 text-right text-xs leading-5 text-gray-400">11AM</div>
155
- </div>
156
- <div></div>
157
- <div>
158
- <div class="sticky left-0 z-20 -mt-2.5 -ml-14 w-14 pr-2 text-right text-xs leading-5 text-gray-400">12PM</div>
159
- </div>
160
- <div></div>
161
- <div>
162
- <div class="sticky left-0 z-20 -mt-2.5 -ml-14 w-14 pr-2 text-right text-xs leading-5 text-gray-400">1PM</div>
163
- </div>
164
- <div></div>
165
- <div>
166
- <div class="sticky left-0 z-20 -mt-2.5 -ml-14 w-14 pr-2 text-right text-xs leading-5 text-gray-400">2PM</div>
167
- </div>
168
- <div></div>
169
- <div>
170
- <div class="sticky left-0 z-20 -mt-2.5 -ml-14 w-14 pr-2 text-right text-xs leading-5 text-gray-400">3PM</div>
171
- </div>
172
- <div></div>
173
- <div>
174
- <div class="sticky left-0 z-20 -mt-2.5 -ml-14 w-14 pr-2 text-right text-xs leading-5 text-gray-400">4PM</div>
175
- </div>
176
- <div></div>
177
- <div>
178
- <div class="sticky left-0 z-20 -mt-2.5 -ml-14 w-14 pr-2 text-right text-xs leading-5 text-gray-400">5PM</div>
179
- </div>
180
- <div></div>
181
- <div>
182
- <div class="sticky left-0 z-20 -mt-2.5 -ml-14 w-14 pr-2 text-right text-xs leading-5 text-gray-400">6PM</div>
183
- </div>
184
- <div></div>
185
- <div>
186
- <div class="sticky left-0 z-20 -mt-2.5 -ml-14 w-14 pr-2 text-right text-xs leading-5 text-gray-400">7PM</div>
187
- </div>
188
- <div></div>
189
- <div>
190
- <div class="sticky left-0 z-20 -mt-2.5 -ml-14 w-14 pr-2 text-right text-xs leading-5 text-gray-400">8PM</div>
191
- </div>
192
- <div></div>
193
- <div>
194
- <div class="sticky left-0 z-20 -mt-2.5 -ml-14 w-14 pr-2 text-right text-xs leading-5 text-gray-400">9PM</div>
195
- </div>
196
- <div></div>
197
- <div>
198
- <div class="sticky left-0 z-20 -mt-2.5 -ml-14 w-14 pr-2 text-right text-xs leading-5 text-gray-400">10PM</div>
199
- </div>
200
- <div></div>
201
- <div>
202
- <div class="sticky left-0 z-20 -mt-2.5 -ml-14 w-14 pr-2 text-right text-xs leading-5 text-gray-400">11PM</div>
203
- </div>
204
- <div></div>
205
- </div>
206
- <div class="col-start-1 col-end-2 row-start-1 hidden grid-cols-7 grid-rows-1 divide-x divide-gray-100 sm:grid sm:grid-cols-7">
207
- <div class="col-start-1 row-span-full"></div>
208
- <div class="col-start-2 row-span-full"></div>
209
- <div class="col-start-3 row-span-full"></div>
210
- <div class="col-start-4 row-span-full"></div>
211
- <div class="col-start-5 row-span-full"></div>
212
- <div class="col-start-6 row-span-full"></div>
213
- <div class="col-start-7 row-span-full"></div>
214
- <div class="col-start-8 row-span-full w-8"></div>
215
- </div>
216
- <ol class="col-start-1 col-end-2 row-start-1 grid grid-cols-1 sm:grid-cols-7 sm:pr-8" style="grid-template-rows: 1.75rem repeat(288, minmax(0, 1fr)) auto">
217
- <li class="relative mt-px flex sm:col-start-3" style="grid-row: 74 / span 12">
218
- <a href="#" class="group absolute inset-1 flex flex-col overflow-y-auto rounded-lg bg-blue-50 p-2 text-xs leading-5 hover:bg-blue-100">
219
- <p class="order-1 font-semibold text-blue-700">Breakfast</p>
220
- <p class="text-blue-500 group-hover:text-blue-700"><time datetime="2022-01-12T06:00">6:00 AM</time></p>
221
- </a>
222
- </li>
223
- <li class="relative mt-px flex sm:col-start-3" style="grid-row: 92 / span 30">
224
- <a href="#" class="group absolute inset-1 flex flex-col overflow-y-auto rounded-lg bg-pink-50 p-2 text-xs leading-5 hover:bg-pink-100">
225
- <p class="order-1 font-semibold text-pink-700">Flight to Paris</p>
226
- <p class="text-pink-500 group-hover:text-pink-700"><time datetime="2022-01-12T07:30">7:30 AM</time></p>
227
- </a>
228
- </li>
229
- <li class="relative mt-px hidden sm:col-start-6 sm:flex" style="grid-row: 122 / span 24">
230
- <a href="#" class="group absolute inset-1 flex flex-col overflow-y-auto rounded-lg bg-gray-100 p-2 text-xs leading-5 hover:bg-gray-200">
231
- <p class="order-1 font-semibold text-gray-700">Meeting with design team at Disney</p>
232
- <p class="text-gray-500 group-hover:text-gray-700"><time datetime="2022-01-15T10:00">10:00 AM</time></p>
233
- </a>
234
- </li>
235
- </ol>
236
- </div>
237
- </div>
238
- </div>
239
- </div>
240
- </div>
data/.components/tui/application-ui/component/data-display/calendar/03.html DELETED
@@ -1,274 +0,0 @@
1
- <div class="flex h-full flex-col">
2
- <header class="flex flex-none items-center justify-between border-b border-gray-200 py-4 px-6">
3
- <h1 class="text-lg font-semibold text-gray-900">
4
- <time datetime="2022-01">January 2022</time>
5
- </h1>
6
- <div class="flex items-center">
7
- <div class="flex items-center rounded-md shadow-sm md:items-stretch">
8
- <button type="button" class="flex items-center justify-center rounded-l-md border border-r-0 border-gray-300 bg-white py-2 pl-3 pr-4 text-gray-400 hover:text-gray-500 focus:relative md:w-9 md:px-2 md:hover:bg-gray-50">
9
- <span class="sr-only">Previous month</span>
10
- <!-- Heroicon name: mini/chevron-left -->
11
- <svg class="h-5 w-5" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true">
12
- <path fill-rule="evenodd" d="M12.79 5.23a.75.75 0 01-.02 1.06L8.832 10l3.938 3.71a.75.75 0 11-1.04 1.08l-4.5-4.25a.75.75 0 010-1.08l4.5-4.25a.75.75 0 011.06.02z" clip-rule="evenodd" />
13
- </svg>
14
- </button>
15
- <button type="button" class="hidden border-t border-b border-gray-300 bg-white px-3.5 text-sm font-medium text-gray-700 hover:bg-gray-50 hover:text-gray-900 focus:relative md:block">Today</button>
16
- <span class="relative -mx-px h-5 w-px bg-gray-300 md:hidden"></span>
17
- <button type="button" class="flex items-center justify-center rounded-r-md border border-l-0 border-gray-300 bg-white py-2 pl-4 pr-3 text-gray-400 hover:text-gray-500 focus:relative md:w-9 md:px-2 md:hover:bg-gray-50">
18
- <span class="sr-only">Next month</span>
19
- <!-- Heroicon name: mini/chevron-right -->
20
- <svg class="h-5 w-5" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true">
21
- <path fill-rule="evenodd" d="M7.21 14.77a.75.75 0 01.02-1.06L11.168 10 7.23 6.29a.75.75 0 111.04-1.08l4.5 4.25a.75.75 0 010 1.08l-4.5 4.25a.75.75 0 01-1.06-.02z" clip-rule="evenodd" />
22
- </svg>
23
- </button>
24
- </div>
25
- <div class="hidden md:ml-4 md:flex md:items-center">
26
- <div class="relative">
27
- <button type="button" class="flex items-center rounded-md border border-gray-300 bg-white py-2 pl-3 pr-2 text-sm font-medium text-gray-700 shadow-sm hover:bg-gray-50" id="menu-button" aria-expanded="false" aria-haspopup="true">
28
- Week view
29
- <!-- Heroicon name: mini/chevron-down -->
30
- <svg class="ml-2 h-5 w-5 text-gray-400" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true">
31
- <path fill-rule="evenodd" d="M5.23 7.21a.75.75 0 011.06.02L10 11.168l3.71-3.938a.75.75 0 111.08 1.04l-4.25 4.5a.75.75 0 01-1.08 0l-4.25-4.5a.75.75 0 01.02-1.06z" clip-rule="evenodd" />
32
- </svg>
33
- </button>
34
-
35
- <!--
36
- Dropdown menu, show/hide based on menu state.
37
-
38
- Entering: "transition ease-out duration-100"
39
- From: "transform opacity-0 scale-95"
40
- To: "transform opacity-100 scale-100"
41
- Leaving: "transition ease-in duration-75"
42
- From: "transform opacity-100 scale-100"
43
- To: "transform opacity-0 scale-95"
44
- -->
45
- <div class="absolute right-0 z-10 mt-3 w-36 origin-top-right overflow-hidden rounded-md bg-white shadow-lg ring-1 ring-black ring-opacity-5 focus:outline-none" role="menu" aria-orientation="vertical" aria-labelledby="menu-button" tabindex="-1">
46
- <div class="py-1" role="none">
47
- <!-- Active: "bg-gray-100 text-gray-900", Not Active: "text-gray-700" -->
48
- <a href="#" class="text-gray-700 block px-4 py-2 text-sm" role="menuitem" tabindex="-1" id="menu-item-0">Day view</a>
49
- <a href="#" class="text-gray-700 block px-4 py-2 text-sm" role="menuitem" tabindex="-1" id="menu-item-1">Week view</a>
50
- <a href="#" class="text-gray-700 block px-4 py-2 text-sm" role="menuitem" tabindex="-1" id="menu-item-2">Month view</a>
51
- <a href="#" class="text-gray-700 block px-4 py-2 text-sm" role="menuitem" tabindex="-1" id="menu-item-3">Year view</a>
52
- </div>
53
- </div>
54
- </div>
55
- <div class="ml-6 h-6 w-px bg-gray-300"></div>
56
- <button type="button" class="ml-6 rounded-md border border-transparent bg-indigo-600 py-2 px-4 text-sm font-medium text-white shadow-sm hover:bg-indigo-700 focus:outline-none focus:ring-2 focus:ring-indigo-500 focus:ring-offset-2">Add event</button>
57
- </div>
58
- <div class="relative ml-6 md:hidden">
59
- <button type="button" class="-mx-2 flex items-center rounded-full border border-transparent p-2 text-gray-400 hover:text-gray-500" id="menu-0-button" aria-expanded="false" aria-haspopup="true">
60
- <span class="sr-only">Open menu</span>
61
- <!-- Heroicon name: mini/ellipsis-horizontal -->
62
- <svg class="h-5 w-5" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true">
63
- <path d="M3 10a1.5 1.5 0 113 0 1.5 1.5 0 01-3 0zM8.5 10a1.5 1.5 0 113 0 1.5 1.5 0 01-3 0zM15.5 8.5a1.5 1.5 0 100 3 1.5 1.5 0 000-3z" />
64
- </svg>
65
- </button>
66
-
67
- <!--
68
- Dropdown menu, show/hide based on menu state.
69
-
70
- Entering: "transition ease-out duration-100"
71
- From: "transform opacity-0 scale-95"
72
- To: "transform opacity-100 scale-100"
73
- Leaving: "transition ease-in duration-75"
74
- From: "transform opacity-100 scale-100"
75
- To: "transform opacity-0 scale-95"
76
- -->
77
- <div class="absolute right-0 z-10 mt-3 w-36 origin-top-right divide-y divide-gray-100 overflow-hidden rounded-md bg-white shadow-lg ring-1 ring-black ring-opacity-5 focus:outline-none" role="menu" aria-orientation="vertical" aria-labelledby="menu-0-button" tabindex="-1">
78
- <div class="py-1" role="none">
79
- <!-- Active: "bg-gray-100 text-gray-900", Not Active: "text-gray-700" -->
80
- <a href="#" class="text-gray-700 block px-4 py-2 text-sm" role="menuitem" tabindex="-1" id="menu-0-item-0">Create event</a>
81
- </div>
82
- <div class="py-1" role="none">
83
- <a href="#" class="text-gray-700 block px-4 py-2 text-sm" role="menuitem" tabindex="-1" id="menu-0-item-1">Go to today</a>
84
- </div>
85
- <div class="py-1" role="none">
86
- <a href="#" class="text-gray-700 block px-4 py-2 text-sm" role="menuitem" tabindex="-1" id="menu-0-item-2">Day view</a>
87
- <a href="#" class="text-gray-700 block px-4 py-2 text-sm" role="menuitem" tabindex="-1" id="menu-0-item-3">Week view</a>
88
- <a href="#" class="text-gray-700 block px-4 py-2 text-sm" role="menuitem" tabindex="-1" id="menu-0-item-4">Month view</a>
89
- <a href="#" class="text-gray-700 block px-4 py-2 text-sm" role="menuitem" tabindex="-1" id="menu-0-item-5">Year view</a>
90
- </div>
91
- </div>
92
- </div>
93
- </div>
94
- </header>
95
- <div class="isolate flex flex-auto flex-col overflow-auto bg-white">
96
- <div style="width: 165%" class="flex max-w-full flex-none flex-col sm:max-w-none md:max-w-full">
97
- <div class="sticky top-0 z-30 flex-none bg-white shadow ring-1 ring-black ring-opacity-5 sm:pr-8">
98
- <div class="grid grid-cols-7 text-sm leading-6 text-gray-500 sm:hidden">
99
- <button type="button" class="flex flex-col items-center pt-2 pb-3">M <span class="mt-1 flex h-8 w-8 items-center justify-center font-semibold text-gray-900">10</span></button>
100
- <button type="button" class="flex flex-col items-center pt-2 pb-3">T <span class="mt-1 flex h-8 w-8 items-center justify-center font-semibold text-gray-900">11</span></button>
101
- <button type="button" class="flex flex-col items-center pt-2 pb-3">W <span class="mt-1 flex h-8 w-8 items-center justify-center rounded-full bg-indigo-600 font-semibold text-white">12</span></button>
102
- <button type="button" class="flex flex-col items-center pt-2 pb-3">T <span class="mt-1 flex h-8 w-8 items-center justify-center font-semibold text-gray-900">13</span></button>
103
- <button type="button" class="flex flex-col items-center pt-2 pb-3">F <span class="mt-1 flex h-8 w-8 items-center justify-center font-semibold text-gray-900">14</span></button>
104
- <button type="button" class="flex flex-col items-center pt-2 pb-3">S <span class="mt-1 flex h-8 w-8 items-center justify-center font-semibold text-gray-900">15</span></button>
105
- <button type="button" class="flex flex-col items-center pt-2 pb-3">S <span class="mt-1 flex h-8 w-8 items-center justify-center font-semibold text-gray-900">16</span></button>
106
- </div>
107
-
108
- <div class="-mr-px hidden grid-cols-7 divide-x divide-gray-100 border-r border-gray-100 text-sm leading-6 text-gray-500 sm:grid">
109
- <div class="col-end-1 w-14"></div>
110
- <div class="flex items-center justify-center py-3">
111
- <span>Mon <span class="items-center justify-center font-semibold text-gray-900">10</span></span>
112
- </div>
113
- <div class="flex items-center justify-center py-3">
114
- <span>Tue <span class="items-center justify-center font-semibold text-gray-900">11</span></span>
115
- </div>
116
- <div class="flex items-center justify-center py-3">
117
- <span class="flex items-baseline">Wed <span class="ml-1.5 flex h-8 w-8 items-center justify-center rounded-full bg-indigo-600 font-semibold text-white">12</span></span>
118
- </div>
119
- <div class="flex items-center justify-center py-3">
120
- <span>Thu <span class="items-center justify-center font-semibold text-gray-900">13</span></span>
121
- </div>
122
- <div class="flex items-center justify-center py-3">
123
- <span>Fri <span class="items-center justify-center font-semibold text-gray-900">14</span></span>
124
- </div>
125
- <div class="flex items-center justify-center py-3">
126
- <span>Sat <span class="items-center justify-center font-semibold text-gray-900">15</span></span>
127
- </div>
128
- <div class="flex items-center justify-center py-3">
129
- <span>Sun <span class="items-center justify-center font-semibold text-gray-900">16</span></span>
130
- </div>
131
- </div>
132
- </div>
133
- <div class="flex flex-auto">
134
- <div class="sticky left-0 z-10 w-14 flex-none bg-white ring-1 ring-gray-100"></div>
135
- <div class="grid flex-auto grid-cols-1 grid-rows-1">
136
- <!-- Horizontal lines -->
137
- <div class="col-start-1 col-end-2 row-start-1 grid divide-y divide-gray-100" style="grid-template-rows: repeat(48, minmax(3.5rem, 1fr))">
138
- <div class="row-end-1 h-7"></div>
139
- <div>
140
- <div class="sticky left-0 z-20 -mt-2.5 -ml-14 w-14 pr-2 text-right text-xs leading-5 text-gray-400">12AM</div>
141
- </div>
142
- <div></div>
143
- <div>
144
- <div class="sticky left-0 z-20 -mt-2.5 -ml-14 w-14 pr-2 text-right text-xs leading-5 text-gray-400">1AM</div>
145
- </div>
146
- <div></div>
147
- <div>
148
- <div class="sticky left-0 z-20 -mt-2.5 -ml-14 w-14 pr-2 text-right text-xs leading-5 text-gray-400">2AM</div>
149
- </div>
150
- <div></div>
151
- <div>
152
- <div class="sticky left-0 z-20 -mt-2.5 -ml-14 w-14 pr-2 text-right text-xs leading-5 text-gray-400">3AM</div>
153
- </div>
154
- <div></div>
155
- <div>
156
- <div class="sticky left-0 z-20 -mt-2.5 -ml-14 w-14 pr-2 text-right text-xs leading-5 text-gray-400">4AM</div>
157
- </div>
158
- <div></div>
159
- <div>
160
- <div class="sticky left-0 z-20 -mt-2.5 -ml-14 w-14 pr-2 text-right text-xs leading-5 text-gray-400">5AM</div>
161
- </div>
162
- <div></div>
163
- <div>
164
- <div class="sticky left-0 z-20 -mt-2.5 -ml-14 w-14 pr-2 text-right text-xs leading-5 text-gray-400">6AM</div>
165
- </div>
166
- <div></div>
167
- <div>
168
- <div class="sticky left-0 z-20 -mt-2.5 -ml-14 w-14 pr-2 text-right text-xs leading-5 text-gray-400">7AM</div>
169
- </div>
170
- <div></div>
171
- <div>
172
- <div class="sticky left-0 z-20 -mt-2.5 -ml-14 w-14 pr-2 text-right text-xs leading-5 text-gray-400">8AM</div>
173
- </div>
174
- <div></div>
175
- <div>
176
- <div class="sticky left-0 z-20 -mt-2.5 -ml-14 w-14 pr-2 text-right text-xs leading-5 text-gray-400">9AM</div>
177
- </div>
178
- <div></div>
179
- <div>
180
- <div class="sticky left-0 z-20 -mt-2.5 -ml-14 w-14 pr-2 text-right text-xs leading-5 text-gray-400">10AM</div>
181
- </div>
182
- <div></div>
183
- <div>
184
- <div class="sticky left-0 z-20 -mt-2.5 -ml-14 w-14 pr-2 text-right text-xs leading-5 text-gray-400">11AM</div>
185
- </div>
186
- <div></div>
187
- <div>
188
- <div class="sticky left-0 z-20 -mt-2.5 -ml-14 w-14 pr-2 text-right text-xs leading-5 text-gray-400">12PM</div>
189
- </div>
190
- <div></div>
191
- <div>
192
- <div class="sticky left-0 z-20 -mt-2.5 -ml-14 w-14 pr-2 text-right text-xs leading-5 text-gray-400">1PM</div>
193
- </div>
194
- <div></div>
195
- <div>
196
- <div class="sticky left-0 z-20 -mt-2.5 -ml-14 w-14 pr-2 text-right text-xs leading-5 text-gray-400">2PM</div>
197
- </div>
198
- <div></div>
199
- <div>
200
- <div class="sticky left-0 z-20 -mt-2.5 -ml-14 w-14 pr-2 text-right text-xs leading-5 text-gray-400">3PM</div>
201
- </div>
202
- <div></div>
203
- <div>
204
- <div class="sticky left-0 z-20 -mt-2.5 -ml-14 w-14 pr-2 text-right text-xs leading-5 text-gray-400">4PM</div>
205
- </div>
206
- <div></div>
207
- <div>
208
- <div class="sticky left-0 z-20 -mt-2.5 -ml-14 w-14 pr-2 text-right text-xs leading-5 text-gray-400">5PM</div>
209
- </div>
210
- <div></div>
211
- <div>
212
- <div class="sticky left-0 z-20 -mt-2.5 -ml-14 w-14 pr-2 text-right text-xs leading-5 text-gray-400">6PM</div>
213
- </div>
214
- <div></div>
215
- <div>
216
- <div class="sticky left-0 z-20 -mt-2.5 -ml-14 w-14 pr-2 text-right text-xs leading-5 text-gray-400">7PM</div>
217
- </div>
218
- <div></div>
219
- <div>
220
- <div class="sticky left-0 z-20 -mt-2.5 -ml-14 w-14 pr-2 text-right text-xs leading-5 text-gray-400">8PM</div>
221
- </div>
222
- <div></div>
223
- <div>
224
- <div class="sticky left-0 z-20 -mt-2.5 -ml-14 w-14 pr-2 text-right text-xs leading-5 text-gray-400">9PM</div>
225
- </div>
226
- <div></div>
227
- <div>
228
- <div class="sticky left-0 z-20 -mt-2.5 -ml-14 w-14 pr-2 text-right text-xs leading-5 text-gray-400">10PM</div>
229
- </div>
230
- <div></div>
231
- <div>
232
- <div class="sticky left-0 z-20 -mt-2.5 -ml-14 w-14 pr-2 text-right text-xs leading-5 text-gray-400">11PM</div>
233
- </div>
234
- <div></div>
235
- </div>
236
-
237
- <!-- Vertical lines -->
238
- <div class="col-start-1 col-end-2 row-start-1 hidden grid-cols-7 grid-rows-1 divide-x divide-gray-100 sm:grid sm:grid-cols-7">
239
- <div class="col-start-1 row-span-full"></div>
240
- <div class="col-start-2 row-span-full"></div>
241
- <div class="col-start-3 row-span-full"></div>
242
- <div class="col-start-4 row-span-full"></div>
243
- <div class="col-start-5 row-span-full"></div>
244
- <div class="col-start-6 row-span-full"></div>
245
- <div class="col-start-7 row-span-full"></div>
246
- <div class="col-start-8 row-span-full w-8"></div>
247
- </div>
248
-
249
- <!-- Events -->
250
- <ol class="col-start-1 col-end-2 row-start-1 grid grid-cols-1 sm:grid-cols-7 sm:pr-8" style="grid-template-rows: 1.75rem repeat(288, minmax(0, 1fr)) auto">
251
- <li class="relative mt-px flex sm:col-start-3" style="grid-row: 74 / span 12">
252
- <a href="#" class="group absolute inset-1 flex flex-col overflow-y-auto rounded-lg bg-blue-50 p-2 text-xs leading-5 hover:bg-blue-100">
253
- <p class="order-1 font-semibold text-blue-700">Breakfast</p>
254
- <p class="text-blue-500 group-hover:text-blue-700"><time datetime="2022-01-12T06:00">6:00 AM</time></p>
255
- </a>
256
- </li>
257
- <li class="relative mt-px flex sm:col-start-3" style="grid-row: 92 / span 30">
258
- <a href="#" class="group absolute inset-1 flex flex-col overflow-y-auto rounded-lg bg-pink-50 p-2 text-xs leading-5 hover:bg-pink-100">
259
- <p class="order-1 font-semibold text-pink-700">Flight to Paris</p>
260
- <p class="text-pink-500 group-hover:text-pink-700"><time datetime="2022-01-12T07:30">7:30 AM</time></p>
261
- </a>
262
- </li>
263
- <li class="relative mt-px hidden sm:col-start-6 sm:flex" style="grid-row: 122 / span 24">
264
- <a href="#" class="group absolute inset-1 flex flex-col overflow-y-auto rounded-lg bg-gray-100 p-2 text-xs leading-5 hover:bg-gray-200">
265
- <p class="order-1 font-semibold text-gray-700">Meeting with design team at Disney</p>
266
- <p class="text-gray-500 group-hover:text-gray-700"><time datetime="2022-01-15T10:00">10:00 AM</time></p>
267
- </a>
268
- </li>
269
- </ol>
270
- </div>
271
- </div>
272
- </div>
273
- </div>
274
- </div>
data/.components/tui/application-ui/component/data-display/calendar/03.settings.json DELETED
@@ -1,9 +0,0 @@
1
- {
2
- "source": "https://tailwindui.com/components/application-ui/component/data-display/calendar",
3
- "custom_html": {
4
- "html": null,
5
- "body": null
6
- },
7
- "tailwind_config": {
8
- }
9
- }