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
@@ -1,204 +0,0 @@
1
- <div>
2
- <h2 class="text-lg font-semibold text-gray-900">Upcoming meetings</h2>
3
- <div class="lg:grid lg:grid-cols-12 lg:gap-x-16">
4
- <div class="mt-10 text-center lg:col-start-8 lg:col-end-13 lg:row-start-1 lg:mt-9 xl:col-start-9">
5
- <div class="flex items-center text-gray-900">
6
- <button type="button" class="-m-1.5 flex flex-none items-center justify-center p-1.5 text-gray-400 hover:text-gray-500">
7
- <span class="sr-only">Previous month</span>
8
- <svg class="h-5 w-5" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true">
9
- <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" />
10
- </svg>
11
- </button>
12
- <div class="flex-auto font-semibold">January</div>
13
- <button type="button" class="-m-1.5 flex flex-none items-center justify-center p-1.5 text-gray-400 hover:text-gray-500">
14
- <span class="sr-only">Next month</span>
15
- <svg class="h-5 w-5" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true">
16
- <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" />
17
- </svg>
18
- </button>
19
- </div>
20
- <div class="mt-6 grid grid-cols-7 text-xs leading-6 text-gray-500">
21
- <div>M</div>
22
- <div>T</div>
23
- <div>W</div>
24
- <div>T</div>
25
- <div>F</div>
26
- <div>S</div>
27
- <div>S</div>
28
- </div>
29
- <div class="isolate mt-2 grid grid-cols-7 gap-px rounded-lg bg-gray-200 text-sm shadow ring-1 ring-gray-200">
30
- <button type="button" class="rounded-tl-lg bg-gray-50 py-1.5 text-gray-400 hover:bg-gray-100 focus:z-10">
31
- <time datetime="2021-12-27" class="mx-auto flex h-7 w-7 items-center justify-center rounded-full">27</time>
32
- </button>
33
- <button type="button" class="bg-gray-50 py-1.5 text-gray-400 hover:bg-gray-100 focus:z-10">
34
- <time datetime="2021-12-28" class="mx-auto flex h-7 w-7 items-center justify-center rounded-full">28</time>
35
- </button>
36
- <button type="button" class="bg-gray-50 py-1.5 text-gray-400 hover:bg-gray-100 focus:z-10">
37
- <time datetime="2021-12-29" class="mx-auto flex h-7 w-7 items-center justify-center rounded-full">29</time>
38
- </button>
39
- <button type="button" class="bg-gray-50 py-1.5 text-gray-400 hover:bg-gray-100 focus:z-10">
40
- <time datetime="2021-12-30" class="mx-auto flex h-7 w-7 items-center justify-center rounded-full">30</time>
41
- </button>
42
- <button type="button" class="bg-gray-50 py-1.5 text-gray-400 hover:bg-gray-100 focus:z-10">
43
- <time datetime="2021-12-31" class="mx-auto flex h-7 w-7 items-center justify-center rounded-full">31</time>
44
- </button>
45
- <button type="button" class="bg-white py-1.5 text-gray-900 hover:bg-gray-100 focus:z-10">
46
- <time datetime="2022-01-01" class="mx-auto flex h-7 w-7 items-center justify-center rounded-full">1</time>
47
- </button>
48
- <button type="button" class="rounded-tr-lg bg-white py-1.5 text-gray-900 hover:bg-gray-100 focus:z-10">
49
- <time datetime="2022-01-01" class="mx-auto flex h-7 w-7 items-center justify-center rounded-full">2</time>
50
- </button>
51
- <button type="button" class="bg-white py-1.5 text-gray-900 hover:bg-gray-100 focus:z-10">
52
- <time datetime="2022-01-02" class="mx-auto flex h-7 w-7 items-center justify-center rounded-full">3</time>
53
- </button>
54
- <button type="button" class="bg-white py-1.5 text-gray-900 hover:bg-gray-100 focus:z-10">
55
- <time datetime="2022-01-04" class="mx-auto flex h-7 w-7 items-center justify-center rounded-full">4</time>
56
- </button>
57
- <button type="button" class="bg-white py-1.5 text-gray-900 hover:bg-gray-100 focus:z-10">
58
- <time datetime="2022-01-05" class="mx-auto flex h-7 w-7 items-center justify-center rounded-full">5</time>
59
- </button>
60
- <button type="button" class="bg-white py-1.5 text-gray-900 hover:bg-gray-100 focus:z-10">
61
- <time datetime="2022-01-06" class="mx-auto flex h-7 w-7 items-center justify-center rounded-full">6</time>
62
- </button>
63
- <button type="button" class="bg-white py-1.5 text-gray-900 hover:bg-gray-100 focus:z-10">
64
- <time datetime="2022-01-07" class="mx-auto flex h-7 w-7 items-center justify-center rounded-full">7</time>
65
- </button>
66
- <button type="button" class="bg-white py-1.5 text-gray-900 hover:bg-gray-100 focus:z-10">
67
- <time datetime="2022-01-08" class="mx-auto flex h-7 w-7 items-center justify-center rounded-full">8</time>
68
- </button>
69
- <button type="button" class="bg-white py-1.5 text-gray-900 hover:bg-gray-100 focus:z-10">
70
- <time datetime="2022-01-09" class="mx-auto flex h-7 w-7 items-center justify-center rounded-full">9</time>
71
- </button>
72
- <button type="button" class="bg-white py-1.5 text-gray-900 hover:bg-gray-100 focus:z-10">
73
- <time datetime="2022-01-10" class="mx-auto flex h-7 w-7 items-center justify-center rounded-full">10</time>
74
- </button>
75
- <button type="button" class="bg-white py-1.5 text-gray-900 hover:bg-gray-100 focus:z-10">
76
- <time datetime="2022-01-11" class="mx-auto flex h-7 w-7 items-center justify-center rounded-full">11</time>
77
- </button>
78
- <button type="button" class="bg-white py-1.5 font-semibold text-indigo-600 hover:bg-gray-100 focus:z-10">
79
- <time datetime="2022-01-12" class="mx-auto flex h-7 w-7 items-center justify-center rounded-full">12</time>
80
- </button>
81
- <button type="button" class="bg-white py-1.5 text-gray-900 hover:bg-gray-100 focus:z-10">
82
- <time datetime="2022-01-13" class="mx-auto flex h-7 w-7 items-center justify-center rounded-full">13</time>
83
- </button>
84
- <button type="button" class="bg-white py-1.5 text-gray-900 hover:bg-gray-100 focus:z-10">
85
- <time datetime="2022-01-14" class="mx-auto flex h-7 w-7 items-center justify-center rounded-full">14</time>
86
- </button>
87
- <button type="button" class="bg-white py-1.5 text-gray-900 hover:bg-gray-100 focus:z-10">
88
- <time datetime="2022-01-15" class="mx-auto flex h-7 w-7 items-center justify-center rounded-full">15</time>
89
- </button>
90
- <button type="button" class="bg-white py-1.5 text-gray-900 hover:bg-gray-100 focus:z-10">
91
- <time datetime="2022-01-16" class="mx-auto flex h-7 w-7 items-center justify-center rounded-full">16</time>
92
- </button>
93
- <button type="button" class="bg-white py-1.5 text-gray-900 hover:bg-gray-100 focus:z-10">
94
- <time datetime="2022-01-17" class="mx-auto flex h-7 w-7 items-center justify-center rounded-full">17</time>
95
- </button>
96
- <button type="button" class="bg-white py-1.5 text-gray-900 hover:bg-gray-100 focus:z-10">
97
- <time datetime="2022-01-18" class="mx-auto flex h-7 w-7 items-center justify-center rounded-full">18</time>
98
- </button>
99
- <button type="button" class="bg-white py-1.5 text-gray-900 hover:bg-gray-100 focus:z-10">
100
- <time datetime="2022-01-19" class="mx-auto flex h-7 w-7 items-center justify-center rounded-full">19</time>
101
- </button>
102
- <button type="button" class="bg-white py-1.5 text-gray-900 hover:bg-gray-100 focus:z-10">
103
- <time datetime="2022-01-20" class="mx-auto flex h-7 w-7 items-center justify-center rounded-full">20</time>
104
- </button>
105
- <button type="button" class="bg-white py-1.5 text-gray-900 hover:bg-gray-100 focus:z-10">
106
- <time datetime="2022-01-21" class="mx-auto flex h-7 w-7 items-center justify-center rounded-full">21</time>
107
- </button>
108
- <button type="button" class="bg-white py-1.5 text-gray-900 hover:bg-gray-100 focus:z-10">
109
- <time datetime="2022-01-22" class="mx-auto flex h-7 w-7 items-center justify-center rounded-full bg-gray-900 font-semibold text-white">22</time>
110
- </button>
111
- <button type="button" class="bg-white py-1.5 text-gray-900 hover:bg-gray-100 focus:z-10">
112
- <time datetime="2022-01-23" class="mx-auto flex h-7 w-7 items-center justify-center rounded-full">23</time>
113
- </button>
114
- <button type="button" class="bg-white py-1.5 text-gray-900 hover:bg-gray-100 focus:z-10">
115
- <time datetime="2022-01-24" class="mx-auto flex h-7 w-7 items-center justify-center rounded-full">24</time>
116
- </button>
117
- <button type="button" class="bg-white py-1.5 text-gray-900 hover:bg-gray-100 focus:z-10">
118
- <time datetime="2022-01-25" class="mx-auto flex h-7 w-7 items-center justify-center rounded-full">25</time>
119
- </button>
120
- <button type="button" class="bg-white py-1.5 text-gray-900 hover:bg-gray-100 focus:z-10">
121
- <time datetime="2022-01-26" class="mx-auto flex h-7 w-7 items-center justify-center rounded-full">26</time>
122
- </button>
123
- <button type="button" class="bg-white py-1.5 text-gray-900 hover:bg-gray-100 focus:z-10">
124
- <time datetime="2022-01-27" class="mx-auto flex h-7 w-7 items-center justify-center rounded-full">27</time>
125
- </button>
126
- <button type="button" class="bg-white py-1.5 text-gray-900 hover:bg-gray-100 focus:z-10">
127
- <time datetime="2022-01-28" class="mx-auto flex h-7 w-7 items-center justify-center rounded-full">28</time>
128
- </button>
129
- <button type="button" class="bg-white py-1.5 text-gray-900 hover:bg-gray-100 focus:z-10">
130
- <time datetime="2022-01-29" class="mx-auto flex h-7 w-7 items-center justify-center rounded-full">29</time>
131
- </button>
132
- <button type="button" class="bg-white py-1.5 text-gray-900 hover:bg-gray-100 focus:z-10">
133
- <time datetime="2022-01-30" class="mx-auto flex h-7 w-7 items-center justify-center rounded-full">30</time>
134
- </button>
135
- <button type="button" class="rounded-bl-lg bg-white py-1.5 text-gray-900 hover:bg-gray-100 focus:z-10">
136
- <time datetime="2022-01-31" class="mx-auto flex h-7 w-7 items-center justify-center rounded-full">31</time>
137
- </button>
138
- <button type="button" class="bg-gray-50 py-1.5 text-gray-400 hover:bg-gray-100 focus:z-10">
139
- <time datetime="2022-02-01" class="mx-auto flex h-7 w-7 items-center justify-center rounded-full">1</time>
140
- </button>
141
- <button type="button" class="bg-gray-50 py-1.5 text-gray-400 hover:bg-gray-100 focus:z-10">
142
- <time datetime="2022-02-02" class="mx-auto flex h-7 w-7 items-center justify-center rounded-full">2</time>
143
- </button>
144
- <button type="button" class="bg-gray-50 py-1.5 text-gray-400 hover:bg-gray-100 focus:z-10">
145
- <time datetime="2022-02-03" class="mx-auto flex h-7 w-7 items-center justify-center rounded-full">3</time>
146
- </button>
147
- <button type="button" class="bg-gray-50 py-1.5 text-gray-400 hover:bg-gray-100 focus:z-10">
148
- <time datetime="2022-02-04" class="mx-auto flex h-7 w-7 items-center justify-center rounded-full">4</time>
149
- </button>
150
- <button type="button" class="bg-gray-50 py-1.5 text-gray-400 hover:bg-gray-100 focus:z-10">
151
- <time datetime="2022-02-05" class="mx-auto flex h-7 w-7 items-center justify-center rounded-full">5</time>
152
- </button>
153
- <button type="button" class="rounded-br-lg bg-gray-50 py-1.5 text-gray-400 hover:bg-gray-100 focus:z-10">
154
- <time datetime="2022-02-06" class="mx-auto flex h-7 w-7 items-center justify-center rounded-full">6</time>
155
- </button>
156
- </div>
157
- <button type="button" class="mt-8 w-full rounded-md border border-transparent bg-indigo-600 py-2 px-4 text-sm font-medium text-white shadow hover:bg-indigo-700 focus:outline-none focus:ring-2 focus:ring-indigo-500 focus:ring-offset-2">Add event</button>
158
- </div>
159
- <ol class="mt-4 divide-y divide-gray-100 text-sm leading-6 lg:col-span-7 xl:col-span-8">
160
- <li class="relative flex space-x-6 py-6 xl:static">
161
- <img src="https://images.unsplash.com/photo-1494790108377-be9c29b29330?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=facearea&facepad=2&w=256&h=256&q=80" alt="" class="h-14 w-14 flex-none rounded-full">
162
- <div class="flex-auto">
163
- <h3 class="pr-10 font-semibold text-gray-900 xl:pr-0">Leslie Alexander</h3>
164
- <dl class="mt-2 flex flex-col text-gray-500 xl:flex-row">
165
- <div class="flex items-start space-x-3">
166
- <dt class="mt-0.5">
167
- <span class="sr-only">Date</span>
168
- <svg class="h-5 w-5 text-gray-400" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true">
169
- <path fill-rule="evenodd" d="M5.75 2a.75.75 0 01.75.75V4h7V2.75a.75.75 0 011.5 0V4h.25A2.75 2.75 0 0118 6.75v8.5A2.75 2.75 0 0115.25 18H4.75A2.75 2.75 0 012 15.25v-8.5A2.75 2.75 0 014.75 4H5V2.75A.75.75 0 015.75 2zm-1 5.5c-.69 0-1.25.56-1.25 1.25v6.5c0 .69.56 1.25 1.25 1.25h10.5c.69 0 1.25-.56 1.25-1.25v-6.5c0-.69-.56-1.25-1.25-1.25H4.75z" clip-rule="evenodd" />
170
- </svg>
171
- </dt>
172
- <dd><time datetime="2022-01-10T17:00">January 10th, 2022 at 5:00 PM</time></dd>
173
- </div>
174
- <div class="mt-2 flex items-start space-x-3 xl:mt-0 xl:ml-3.5 xl:border-l xl:border-gray-400 xl:border-opacity-50 xl:pl-3.5">
175
- <dt class="mt-0.5">
176
- <span class="sr-only">Location</span>
177
- <svg class="h-5 w-5 text-gray-400" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true">
178
- <path fill-rule="evenodd" d="M9.69 18.933l.003.001C9.89 19.02 10 19 10 19s.11.02.308-.066l.002-.001.006-.003.018-.008a5.741 5.741 0 00.281-.14c.186-.096.446-.24.757-.433.62-.384 1.445-.966 2.274-1.765C15.302 14.988 17 12.493 17 9A7 7 0 103 9c0 3.492 1.698 5.988 3.355 7.584a13.731 13.731 0 002.273 1.765 11.842 11.842 0 00.976.544l.062.029.018.008.006.003zM10 11.25a2.25 2.25 0 100-4.5 2.25 2.25 0 000 4.5z" clip-rule="evenodd" />
179
- </svg>
180
- </dt>
181
- <dd>Starbucks</dd>
182
- </div>
183
- </dl>
184
- </div>
185
- <div class="absolute top-6 right-0 xl:relative xl:top-auto xl:right-auto xl:self-center">
186
- <div>
187
- <button type="button" class="-m-2 flex items-center rounded-full p-2 text-gray-500 hover:text-gray-600" id="menu-0-button" aria-expanded="false" aria-haspopup="true">
188
- <span class="sr-only">Open options</span>
189
- <svg class="h-5 w-5" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true">
190
- <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" />
191
- </svg>
192
- </button>
193
- </div>
194
- <div class="absolute right-0 z-10 mt-2 w-36 origin-top-right 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">
195
- <div class="py-1" role="none">
196
- <a href="#" class="text-gray-700 block px-4 py-2 text-sm" role="menuitem" tabindex="-1" id="menu-0-item-0">Edit</a>
197
- <a href="#" class="text-gray-700 block px-4 py-2 text-sm" role="menuitem" tabindex="-1" id="menu-0-item-1">Cancel</a>
198
- </div>
199
- </div>
200
- </div>
201
- </li>
202
- </ol>
203
- </div>
204
- </div>
@@ -1,243 +0,0 @@
1
- <div>
2
- <h2 class="text-lg font-semibold text-gray-900">Upcoming meetings</h2>
3
- <div class="lg:grid lg:grid-cols-12 lg:gap-x-16">
4
- <div class="mt-10 text-center lg:col-start-8 lg:col-end-13 lg:row-start-1 lg:mt-9 xl:col-start-9">
5
- <div class="flex items-center text-gray-900">
6
- <button type="button" class="-m-1.5 flex flex-none items-center justify-center p-1.5 text-gray-400 hover:text-gray-500">
7
- <span class="sr-only">Previous month</span>
8
- <!-- Heroicon name: mini/chevron-left -->
9
- <svg class="h-5 w-5" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true">
10
- <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" />
11
- </svg>
12
- </button>
13
- <div class="flex-auto font-semibold">January</div>
14
- <button type="button" class="-m-1.5 flex flex-none items-center justify-center p-1.5 text-gray-400 hover:text-gray-500">
15
- <span class="sr-only">Next month</span>
16
- <!-- Heroicon name: mini/chevron-right -->
17
- <svg class="h-5 w-5" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true">
18
- <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" />
19
- </svg>
20
- </button>
21
- </div>
22
- <div class="mt-6 grid grid-cols-7 text-xs leading-6 text-gray-500">
23
- <div>M</div>
24
- <div>T</div>
25
- <div>W</div>
26
- <div>T</div>
27
- <div>F</div>
28
- <div>S</div>
29
- <div>S</div>
30
- </div>
31
- <div class="isolate mt-2 grid grid-cols-7 gap-px rounded-lg bg-gray-200 text-sm shadow ring-1 ring-gray-200">
32
- <!--
33
- Always include: "py-1.5 hover:bg-gray-100 focus:z-10"
34
- Is current month, include: "bg-white"
35
- Is not current month, include: "bg-gray-50"
36
- Is selected or is today, include: "font-semibold"
37
- Is selected, include: "text-white"
38
- Is not selected, is not today, and is current month, include: "text-gray-900"
39
- Is not selected, is not today, and is not current month, include: "text-gray-400"
40
- Is today and is not selected, include: "text-indigo-600"
41
-
42
- Top left day, include: "rounded-tl-lg"
43
- Top right day, include: "rounded-tr-lg"
44
- Bottom left day, include: "rounded-bl-lg"
45
- Bottom right day, include: "rounded-br-lg"
46
- -->
47
- <button type="button" class="rounded-tl-lg bg-gray-50 py-1.5 text-gray-400 hover:bg-gray-100 focus:z-10">
48
- <!--
49
- Always include: "mx-auto flex h-7 w-7 items-center justify-center rounded-full"
50
- Is selected and is today, include: "bg-indigo-600"
51
- Is selected and is not today, include: "bg-gray-900"
52
- -->
53
- <time datetime="2021-12-27" class="mx-auto flex h-7 w-7 items-center justify-center rounded-full">27</time>
54
- </button>
55
- <button type="button" class="bg-gray-50 py-1.5 text-gray-400 hover:bg-gray-100 focus:z-10">
56
- <time datetime="2021-12-28" class="mx-auto flex h-7 w-7 items-center justify-center rounded-full">28</time>
57
- </button>
58
- <button type="button" class="bg-gray-50 py-1.5 text-gray-400 hover:bg-gray-100 focus:z-10">
59
- <time datetime="2021-12-29" class="mx-auto flex h-7 w-7 items-center justify-center rounded-full">29</time>
60
- </button>
61
- <button type="button" class="bg-gray-50 py-1.5 text-gray-400 hover:bg-gray-100 focus:z-10">
62
- <time datetime="2021-12-30" class="mx-auto flex h-7 w-7 items-center justify-center rounded-full">30</time>
63
- </button>
64
- <button type="button" class="bg-gray-50 py-1.5 text-gray-400 hover:bg-gray-100 focus:z-10">
65
- <time datetime="2021-12-31" class="mx-auto flex h-7 w-7 items-center justify-center rounded-full">31</time>
66
- </button>
67
- <button type="button" class="bg-white py-1.5 text-gray-900 hover:bg-gray-100 focus:z-10">
68
- <time datetime="2022-01-01" class="mx-auto flex h-7 w-7 items-center justify-center rounded-full">1</time>
69
- </button>
70
- <button type="button" class="rounded-tr-lg bg-white py-1.5 text-gray-900 hover:bg-gray-100 focus:z-10">
71
- <time datetime="2022-01-01" class="mx-auto flex h-7 w-7 items-center justify-center rounded-full">2</time>
72
- </button>
73
- <button type="button" class="bg-white py-1.5 text-gray-900 hover:bg-gray-100 focus:z-10">
74
- <time datetime="2022-01-02" class="mx-auto flex h-7 w-7 items-center justify-center rounded-full">3</time>
75
- </button>
76
- <button type="button" class="bg-white py-1.5 text-gray-900 hover:bg-gray-100 focus:z-10">
77
- <time datetime="2022-01-04" class="mx-auto flex h-7 w-7 items-center justify-center rounded-full">4</time>
78
- </button>
79
- <button type="button" class="bg-white py-1.5 text-gray-900 hover:bg-gray-100 focus:z-10">
80
- <time datetime="2022-01-05" class="mx-auto flex h-7 w-7 items-center justify-center rounded-full">5</time>
81
- </button>
82
- <button type="button" class="bg-white py-1.5 text-gray-900 hover:bg-gray-100 focus:z-10">
83
- <time datetime="2022-01-06" class="mx-auto flex h-7 w-7 items-center justify-center rounded-full">6</time>
84
- </button>
85
- <button type="button" class="bg-white py-1.5 text-gray-900 hover:bg-gray-100 focus:z-10">
86
- <time datetime="2022-01-07" class="mx-auto flex h-7 w-7 items-center justify-center rounded-full">7</time>
87
- </button>
88
- <button type="button" class="bg-white py-1.5 text-gray-900 hover:bg-gray-100 focus:z-10">
89
- <time datetime="2022-01-08" class="mx-auto flex h-7 w-7 items-center justify-center rounded-full">8</time>
90
- </button>
91
- <button type="button" class="bg-white py-1.5 text-gray-900 hover:bg-gray-100 focus:z-10">
92
- <time datetime="2022-01-09" class="mx-auto flex h-7 w-7 items-center justify-center rounded-full">9</time>
93
- </button>
94
- <button type="button" class="bg-white py-1.5 text-gray-900 hover:bg-gray-100 focus:z-10">
95
- <time datetime="2022-01-10" class="mx-auto flex h-7 w-7 items-center justify-center rounded-full">10</time>
96
- </button>
97
- <button type="button" class="bg-white py-1.5 text-gray-900 hover:bg-gray-100 focus:z-10">
98
- <time datetime="2022-01-11" class="mx-auto flex h-7 w-7 items-center justify-center rounded-full">11</time>
99
- </button>
100
- <button type="button" class="bg-white py-1.5 font-semibold text-indigo-600 hover:bg-gray-100 focus:z-10">
101
- <time datetime="2022-01-12" class="mx-auto flex h-7 w-7 items-center justify-center rounded-full">12</time>
102
- </button>
103
- <button type="button" class="bg-white py-1.5 text-gray-900 hover:bg-gray-100 focus:z-10">
104
- <time datetime="2022-01-13" class="mx-auto flex h-7 w-7 items-center justify-center rounded-full">13</time>
105
- </button>
106
- <button type="button" class="bg-white py-1.5 text-gray-900 hover:bg-gray-100 focus:z-10">
107
- <time datetime="2022-01-14" class="mx-auto flex h-7 w-7 items-center justify-center rounded-full">14</time>
108
- </button>
109
- <button type="button" class="bg-white py-1.5 text-gray-900 hover:bg-gray-100 focus:z-10">
110
- <time datetime="2022-01-15" class="mx-auto flex h-7 w-7 items-center justify-center rounded-full">15</time>
111
- </button>
112
- <button type="button" class="bg-white py-1.5 text-gray-900 hover:bg-gray-100 focus:z-10">
113
- <time datetime="2022-01-16" class="mx-auto flex h-7 w-7 items-center justify-center rounded-full">16</time>
114
- </button>
115
- <button type="button" class="bg-white py-1.5 text-gray-900 hover:bg-gray-100 focus:z-10">
116
- <time datetime="2022-01-17" class="mx-auto flex h-7 w-7 items-center justify-center rounded-full">17</time>
117
- </button>
118
- <button type="button" class="bg-white py-1.5 text-gray-900 hover:bg-gray-100 focus:z-10">
119
- <time datetime="2022-01-18" class="mx-auto flex h-7 w-7 items-center justify-center rounded-full">18</time>
120
- </button>
121
- <button type="button" class="bg-white py-1.5 text-gray-900 hover:bg-gray-100 focus:z-10">
122
- <time datetime="2022-01-19" class="mx-auto flex h-7 w-7 items-center justify-center rounded-full">19</time>
123
- </button>
124
- <button type="button" class="bg-white py-1.5 text-gray-900 hover:bg-gray-100 focus:z-10">
125
- <time datetime="2022-01-20" class="mx-auto flex h-7 w-7 items-center justify-center rounded-full">20</time>
126
- </button>
127
- <button type="button" class="bg-white py-1.5 text-gray-900 hover:bg-gray-100 focus:z-10">
128
- <time datetime="2022-01-21" class="mx-auto flex h-7 w-7 items-center justify-center rounded-full">21</time>
129
- </button>
130
- <button type="button" class="bg-white py-1.5 text-gray-900 hover:bg-gray-100 focus:z-10">
131
- <time datetime="2022-01-22" class="mx-auto flex h-7 w-7 items-center justify-center rounded-full bg-gray-900 font-semibold text-white">22</time>
132
- </button>
133
- <button type="button" class="bg-white py-1.5 text-gray-900 hover:bg-gray-100 focus:z-10">
134
- <time datetime="2022-01-23" class="mx-auto flex h-7 w-7 items-center justify-center rounded-full">23</time>
135
- </button>
136
- <button type="button" class="bg-white py-1.5 text-gray-900 hover:bg-gray-100 focus:z-10">
137
- <time datetime="2022-01-24" class="mx-auto flex h-7 w-7 items-center justify-center rounded-full">24</time>
138
- </button>
139
- <button type="button" class="bg-white py-1.5 text-gray-900 hover:bg-gray-100 focus:z-10">
140
- <time datetime="2022-01-25" class="mx-auto flex h-7 w-7 items-center justify-center rounded-full">25</time>
141
- </button>
142
- <button type="button" class="bg-white py-1.5 text-gray-900 hover:bg-gray-100 focus:z-10">
143
- <time datetime="2022-01-26" class="mx-auto flex h-7 w-7 items-center justify-center rounded-full">26</time>
144
- </button>
145
- <button type="button" class="bg-white py-1.5 text-gray-900 hover:bg-gray-100 focus:z-10">
146
- <time datetime="2022-01-27" class="mx-auto flex h-7 w-7 items-center justify-center rounded-full">27</time>
147
- </button>
148
- <button type="button" class="bg-white py-1.5 text-gray-900 hover:bg-gray-100 focus:z-10">
149
- <time datetime="2022-01-28" class="mx-auto flex h-7 w-7 items-center justify-center rounded-full">28</time>
150
- </button>
151
- <button type="button" class="bg-white py-1.5 text-gray-900 hover:bg-gray-100 focus:z-10">
152
- <time datetime="2022-01-29" class="mx-auto flex h-7 w-7 items-center justify-center rounded-full">29</time>
153
- </button>
154
- <button type="button" class="bg-white py-1.5 text-gray-900 hover:bg-gray-100 focus:z-10">
155
- <time datetime="2022-01-30" class="mx-auto flex h-7 w-7 items-center justify-center rounded-full">30</time>
156
- </button>
157
- <button type="button" class="rounded-bl-lg bg-white py-1.5 text-gray-900 hover:bg-gray-100 focus:z-10">
158
- <time datetime="2022-01-31" class="mx-auto flex h-7 w-7 items-center justify-center rounded-full">31</time>
159
- </button>
160
- <button type="button" class="bg-gray-50 py-1.5 text-gray-400 hover:bg-gray-100 focus:z-10">
161
- <time datetime="2022-02-01" class="mx-auto flex h-7 w-7 items-center justify-center rounded-full">1</time>
162
- </button>
163
- <button type="button" class="bg-gray-50 py-1.5 text-gray-400 hover:bg-gray-100 focus:z-10">
164
- <time datetime="2022-02-02" class="mx-auto flex h-7 w-7 items-center justify-center rounded-full">2</time>
165
- </button>
166
- <button type="button" class="bg-gray-50 py-1.5 text-gray-400 hover:bg-gray-100 focus:z-10">
167
- <time datetime="2022-02-03" class="mx-auto flex h-7 w-7 items-center justify-center rounded-full">3</time>
168
- </button>
169
- <button type="button" class="bg-gray-50 py-1.5 text-gray-400 hover:bg-gray-100 focus:z-10">
170
- <time datetime="2022-02-04" class="mx-auto flex h-7 w-7 items-center justify-center rounded-full">4</time>
171
- </button>
172
- <button type="button" class="bg-gray-50 py-1.5 text-gray-400 hover:bg-gray-100 focus:z-10">
173
- <time datetime="2022-02-05" class="mx-auto flex h-7 w-7 items-center justify-center rounded-full">5</time>
174
- </button>
175
- <button type="button" class="rounded-br-lg bg-gray-50 py-1.5 text-gray-400 hover:bg-gray-100 focus:z-10">
176
- <time datetime="2022-02-06" class="mx-auto flex h-7 w-7 items-center justify-center rounded-full">6</time>
177
- </button>
178
- </div>
179
- <button type="button" class="mt-8 w-full rounded-md border border-transparent bg-indigo-600 py-2 px-4 text-sm font-medium text-white shadow hover:bg-indigo-700 focus:outline-none focus:ring-2 focus:ring-indigo-500 focus:ring-offset-2">Add event</button>
180
- </div>
181
- <ol class="mt-4 divide-y divide-gray-100 text-sm leading-6 lg:col-span-7 xl:col-span-8">
182
- <li class="relative flex space-x-6 py-6 xl:static">
183
- <img src="https://images.unsplash.com/photo-1494790108377-be9c29b29330?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=facearea&facepad=2&w=256&h=256&q=80" alt="" class="h-14 w-14 flex-none rounded-full">
184
- <div class="flex-auto">
185
- <h3 class="pr-10 font-semibold text-gray-900 xl:pr-0">Leslie Alexander</h3>
186
- <dl class="mt-2 flex flex-col text-gray-500 xl:flex-row">
187
- <div class="flex items-start space-x-3">
188
- <dt class="mt-0.5">
189
- <span class="sr-only">Date</span>
190
- <!-- Heroicon name: mini/calendar -->
191
- <svg class="h-5 w-5 text-gray-400" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true">
192
- <path fill-rule="evenodd" d="M5.75 2a.75.75 0 01.75.75V4h7V2.75a.75.75 0 011.5 0V4h.25A2.75 2.75 0 0118 6.75v8.5A2.75 2.75 0 0115.25 18H4.75A2.75 2.75 0 012 15.25v-8.5A2.75 2.75 0 014.75 4H5V2.75A.75.75 0 015.75 2zm-1 5.5c-.69 0-1.25.56-1.25 1.25v6.5c0 .69.56 1.25 1.25 1.25h10.5c.69 0 1.25-.56 1.25-1.25v-6.5c0-.69-.56-1.25-1.25-1.25H4.75z" clip-rule="evenodd" />
193
- </svg>
194
- </dt>
195
- <dd><time datetime="2022-01-10T17:00">January 10th, 2022 at 5:00 PM</time></dd>
196
- </div>
197
- <div class="mt-2 flex items-start space-x-3 xl:mt-0 xl:ml-3.5 xl:border-l xl:border-gray-400 xl:border-opacity-50 xl:pl-3.5">
198
- <dt class="mt-0.5">
199
- <span class="sr-only">Location</span>
200
- <!-- Heroicon name: mini/map-pin -->
201
- <svg class="h-5 w-5 text-gray-400" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true">
202
- <path fill-rule="evenodd" d="M9.69 18.933l.003.001C9.89 19.02 10 19 10 19s.11.02.308-.066l.002-.001.006-.003.018-.008a5.741 5.741 0 00.281-.14c.186-.096.446-.24.757-.433.62-.384 1.445-.966 2.274-1.765C15.302 14.988 17 12.493 17 9A7 7 0 103 9c0 3.492 1.698 5.988 3.355 7.584a13.731 13.731 0 002.273 1.765 11.842 11.842 0 00.976.544l.062.029.018.008.006.003zM10 11.25a2.25 2.25 0 100-4.5 2.25 2.25 0 000 4.5z" clip-rule="evenodd" />
203
- </svg>
204
- </dt>
205
- <dd>Starbucks</dd>
206
- </div>
207
- </dl>
208
- </div>
209
- <div class="absolute top-6 right-0 xl:relative xl:top-auto xl:right-auto xl:self-center">
210
- <div>
211
- <button type="button" class="-m-2 flex items-center rounded-full p-2 text-gray-500 hover:text-gray-600" id="menu-0-button" aria-expanded="false" aria-haspopup="true">
212
- <span class="sr-only">Open options</span>
213
- <!-- Heroicon name: mini/ellipsis-horizontal -->
214
- <svg class="h-5 w-5" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true">
215
- <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" />
216
- </svg>
217
- </button>
218
- </div>
219
-
220
- <!--
221
- Dropdown menu, show/hide based on menu state.
222
-
223
- Entering: "transition ease-out duration-100"
224
- From: "transform opacity-0 scale-95"
225
- To: "transform opacity-100 scale-100"
226
- Leaving: "transition ease-in duration-75"
227
- From: "transform opacity-100 scale-100"
228
- To: "transform opacity-0 scale-95"
229
- -->
230
- <div class="absolute right-0 z-10 mt-2 w-36 origin-top-right 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">
231
- <div class="py-1" role="none">
232
- <!-- Active: "bg-gray-100 text-gray-900", Not Active: "text-gray-700" -->
233
- <a href="#" class="text-gray-700 block px-4 py-2 text-sm" role="menuitem" tabindex="-1" id="menu-0-item-0">Edit</a>
234
- <a href="#" class="text-gray-700 block px-4 py-2 text-sm" role="menuitem" tabindex="-1" id="menu-0-item-1">Cancel</a>
235
- </div>
236
- </div>
237
- </div>
238
- </li>
239
-
240
- <!-- More meetings... -->
241
- </ol>
242
- </div>
243
- </div>
@@ -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
- }