tailwind_dsl 0.0.10 → 0.0.11

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 (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
- }