classcard-ui 0.2.537 → 0.2.540

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 (9) hide show
  1. package/dist/classcard-ui.common.js +64 -55
  2. package/dist/classcard-ui.common.js.map +1 -1
  3. package/dist/classcard-ui.umd.js +64 -55
  4. package/dist/classcard-ui.umd.js.map +1 -1
  5. package/dist/classcard-ui.umd.min.js +1 -1
  6. package/dist/classcard-ui.umd.min.js.map +1 -1
  7. package/package.json +5 -5
  8. package/src/components/CCalendar/CCalendar.vue +59 -52
  9. package/src/icons.js +3 -0
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "classcard-ui",
3
- "version": "0.2.537",
3
+ "version": "0.2.540",
4
4
  "main": "dist/classcard-ui.umd.min.js",
5
5
  "scripts": {
6
6
  "serve": "vue-cli-service serve",
@@ -39,10 +39,10 @@
39
39
  },
40
40
  "devDependencies": {
41
41
  "@babel/core": "^7.15.5",
42
- "@storybook/addon-actions": "^6.5.6",
43
- "@storybook/addon-essentials": "^6.5.6",
44
- "@storybook/addon-links": "^6.5.6",
45
- "@storybook/vue": "^6.5.6",
42
+ "@storybook/addon-actions": "^6.5.7",
43
+ "@storybook/addon-essentials": "^6.5.7",
44
+ "@storybook/addon-links": "^6.5.7",
45
+ "@storybook/vue": "^6.5.7",
46
46
  "@tailwindcss/postcss7-compat": "^2.2.14",
47
47
  "@types/lodash-es": "^4.17.5",
48
48
  "@vue/cli-plugin-babel": "^4.5.13",
package/src/components/CCalendar/CCalendar.vue CHANGED
@@ -9,61 +9,68 @@
9
9
  <h2 class="flex-auto font-semibold text-gray-900">
10
10
  {{ currentMonthAndYear }}
11
11
  </h2>
12
- <button
13
- type="button"
14
- @click="handlePreviousMonthClick"
15
- class="-my-1.5 flex flex-none items-center justify-center p-1.5 text-gray-400 hover:text-gray-500"
16
- >
17
- <span class="sr-only">Previous month</span>
18
- <!-- Heroicon name: solid/chevron-left -->
19
- <svg
20
- class="h-5 w-5"
21
- xmlns="http://www.w3.org/2000/svg"
22
- viewBox="0 0 20 20"
23
- fill="currentColor"
24
- aria-hidden="true"
25
- >
26
- <path
27
- fill-rule="evenodd"
28
- d="M12.707 5.293a1 1 0 010 1.414L9.414 10l3.293 3.293a1 1 0 01-1.414 1.414l-4-4a1 1 0 010-1.414l4-4a1 1 0 011.414 0z"
29
- clip-rule="evenodd"
30
- />
31
- </svg>
32
- </button>
33
- <button
34
- type="button"
35
- @click="handleNextMonthClick"
36
- class="-my-1.5 -mr-1.5 ml-2 flex flex-none items-center justify-center p-1.5 text-gray-400 hover:text-gray-500"
37
- >
38
- <span class="sr-only">Next month</span>
39
- <!-- Heroicon name: solid/chevron-right -->
40
- <svg
41
- class="h-5 w-5"
42
- xmlns="http://www.w3.org/2000/svg"
43
- viewBox="0 0 20 20"
44
- fill="currentColor"
45
- aria-hidden="true"
46
- >
47
- <path
48
- fill-rule="evenodd"
49
- d="M7.293 14.707a1 1 0 010-1.414L10.586 10 7.293 6.707a1 1 0 011.414-1.414l4 4a1 1 0 010 1.414l-4 4a1 1 0 01-1.414 0z"
50
- clip-rule="evenodd"
51
- />
52
- </svg>
53
- </button>
12
+ <div class="flex items-center">
13
+ <div class="flex items-center rounded-md shadow-sm">
14
+ <button
15
+ @click="handlePreviousMonthClick"
16
+ type="button"
17
+ 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"
18
+ >
19
+ <span class="sr-only">Previous month</span>
20
+ <!-- Heroicon name: solid/chevron-left -->
21
+ <svg
22
+ class="h-5 w-5"
23
+ xmlns="http://www.w3.org/2000/svg"
24
+ viewBox="0 0 20 20"
25
+ fill="currentColor"
26
+ aria-hidden="true"
27
+ >
28
+ <path
29
+ fill-rule="evenodd"
30
+ d="M12.707 5.293a1 1 0 010 1.414L9.414 10l3.293 3.293a1 1 0 01-1.414 1.414l-4-4a1 1 0 010-1.414l4-4a1 1 0 011.414 0z"
31
+ clip-rule="evenodd"
32
+ />
33
+ </svg>
34
+ </button>
35
+ <span class="relative -mx-px h-5 w-px bg-gray-300"></span>
36
+ <button
37
+ @click="handleNextMonthClick"
38
+ type="button"
39
+ 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"
40
+ >
41
+ <span class="sr-only">Next month</span>
42
+ <!-- Heroicon name: solid/chevron-right -->
43
+ <svg
44
+ class="h-5 w-5"
45
+ xmlns="http://www.w3.org/2000/svg"
46
+ viewBox="0 0 20 20"
47
+ fill="currentColor"
48
+ aria-hidden="true"
49
+ >
50
+ <path
51
+ fill-rule="evenodd"
52
+ d="M7.293 14.707a1 1 0 010-1.414L10.586 10 7.293 6.707a1 1 0 011.414-1.414l4 4a1 1 0 010 1.414l-4 4a1 1 0 01-1.414 0z"
53
+ clip-rule="evenodd"
54
+ />
55
+ </svg>
56
+ </button>
57
+ </div>
58
+ </div>
54
59
  </div>
55
60
 
56
- <div class="col-span-1 shadow ring-1 ring-gray-200">
61
+ <div
62
+ class="col-span-1 overflow-hidden rounded shadow ring-1 ring-gray-200"
63
+ >
57
64
  <div
58
65
  class="grid grid-cols-7 gap-px border-b border-gray-300 bg-gray-200 text-center text-xs font-semibold leading-6 text-gray-700"
59
66
  >
60
- <div class="bg-white py-2">M<span class="sr-only">on</span></div>
61
- <div class="bg-white py-2">T<span class="sr-only">ue</span></div>
62
- <div class="bg-white py-2">W<span class="sr-only">ed</span></div>
63
- <div class="bg-white py-2">T<span class="sr-only">hu</span></div>
64
- <div class="bg-white py-2">F<span class="sr-only">ri</span></div>
65
- <div class="bg-white py-2">S<span class="sr-only">at</span></div>
66
- <div class="bg-white py-2">S<span class="sr-only">un</span></div>
67
+ <div class="bg-white py-2">Mo<span class="sr-only">on</span></div>
68
+ <div class="bg-white py-2">Tu<span class="sr-only">ue</span></div>
69
+ <div class="bg-white py-2">We<span class="sr-only">ed</span></div>
70
+ <div class="bg-white py-2">Th<span class="sr-only">hu</span></div>
71
+ <div class="bg-white py-2">Fr<span class="sr-only">ri</span></div>
72
+ <div class="bg-white py-2">Sa<span class="sr-only">at</span></div>
73
+ <div class="bg-white py-2">Su<span class="sr-only">un</span></div>
67
74
  </div>
68
75
  <div class="flex bg-gray-200 text-xs leading-6 text-gray-700">
69
76
  <div class="isolate grid w-full grid-cols-7 grid-rows-6 gap-px">
@@ -116,7 +123,7 @@
116
123
  </div>
117
124
  <section
118
125
  v-if="eventsData && validSelectedDate"
119
- class="col-span-1 mt-8 md:mt-0"
126
+ class="col-span-1 mt-4 md:mt-0"
120
127
  >
121
128
  <h2 class="py-4 font-semibold text-gray-900">
122
129
  Schedule for
@@ -243,7 +250,7 @@ export default {
243
250
  props: {
244
251
  value: {
245
252
  type: [String, Date, Object],
246
- default: () => null,
253
+ default: () => dayjs(),
247
254
  },
248
255
  eventsCount: {
249
256
  type: Array,
package/src/icons.js CHANGED
@@ -7,6 +7,9 @@ export default {
7
7
  "M19 21V5a2 2 0 00-2-2H7a2 2 0 00-2 2v16m14 0h2m-2 0h-5m-9 0H3m2 0h5M9 7h1m-1 4h1m4-4h1m-1 4h1m-5 10v-5a1 1 0 011-1h2a1 1 0 011 1v5m-4 0h4",
8
8
  "office-building":
9
9
  "M4 4a2 2 0 012-2h8a2 2 0 012 2v12a1 1 0 110 2h-3a1 1 0 01-1-1v-2a1 1 0 00-1-1H9a1 1 0 00-1 1v2a1 1 0 01-1 1H4a1 1 0 110-2V4zm3 1h2v2H7V5zm2 4H7v2h2V9zm2-4h2v2h-2V5zm2 4h-2v2h2V9z",
10
+ "paper-airplane-solid":
11
+ "M10.894 2.553a1 1 0 00-1.788 0l-7 14a1 1 0 001.169 1.409l5-1.429A1 1 0 009 15.571V11a1 1 0 112 0v4.571a1 1 0 00.725.962l5 1.428a1 1 0 001.17-1.408l-7-14z",
12
+ "paper-airplane-outline": "M12 19l9 2-9-18-9 18 9-2zm0 0v-8",
10
13
  check:
11
14
  "M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z",
12
15
  "exclamation-circle":