Skip to content
This repository was archived by the owner on Jun 27, 2024. It is now read-only.

Commit 9bd7510

Browse files
pascalbaljetpascalbaljet
committed
Remove Icon package
1 parent e416d0c commit 9bd7510

8 files changed

+84
-37
lines changed

‎js/Tailwind2/Pagination.vue

Lines changed: 24 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -38,7 +38,18 @@
3838
class="relative inline-flex items-center px-2 py-2 rounded-l-md border border-gray-300 bg-white text-sm font-medium text-gray-500 hover:bg-gray-50"
3939
>
4040
<span class="sr-only">Previous</span>
41-
<ChevronLeftIcon class="h-5 w-5" />
41+
<svg
42+
xmlns="http://www.w3.org/2000/svg"
43+
class="h-5 w-5"
44+
viewBox="0 0 20 20"
45+
fill="currentColor"
46+
>
47+
<path
48+
fill-rule="evenodd"
49+
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"
50+
clip-rule="evenodd"
51+
/>
52+
</svg>
4253
</component>
4354

4455
<div v-for="(link, key) in meta.links" :key="key">
@@ -59,7 +70,18 @@
5970
class="relative inline-flex items-center px-2 py-2 rounded-r-md border border-gray-300 bg-white text-sm font-medium text-gray-500 hover:bg-gray-50"
6071
>
6172
<span class="sr-only">Next</span>
62-
<ChevronRightIcon class="h-5 w-5" />
73+
<svg
74+
xmlns="http://www.w3.org/2000/svg"
75+
class="h-5 w-5"
76+
viewBox="0 0 20 20"
77+
fill="currentColor"
78+
>
79+
<path
80+
fill-rule="evenodd"
81+
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"
82+
clip-rule="evenodd"
83+
/>
84+
</svg>
6385
</component>
6486
</nav>
6587
</div>
@@ -68,15 +90,9 @@
6890
</template>
6991

7092
<script>
71-
import { ChevronLeftIcon, ChevronRightIcon } from "@heroicons/vue/solid";
7293
import Pagination from "./../Components/Pagination.vue";
7394
7495
export default {
7596
mixins: [Pagination],
76-
77-
components: {
78-
ChevronLeftIcon,
79-
ChevronRightIcon,
80-
},
8197
};
8298
</script>

‎js/Tailwind2/TableAddSearchRow.vue

Lines changed: 14 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,20 @@
11
<template>
22
<ButtonWithDropdown ref="dropdown" :disabled="!rowsLeft" class="w-auto">
33
<template #button>
4-
<PlusCircleIcon class="h-5 w-5 mr-2 text-gray-400" />
4+
<svg
5+
xmlns="http://www.w3.org/2000/svg"
6+
class="h-5 w-5 mr-2 text-gray-400"
7+
fill="none"
8+
viewBox="0 0 24 24"
9+
stroke="currentColor"
10+
>
11+
<path
12+
stroke-linecap="round"
13+
stroke-linejoin="round"
14+
stroke-width="2"
15+
d="M12 9v3m0 0v3m0-3h3m-3 0H9m12 0a9 9 0 11-18 0 9 9 0 0118 0z"
16+
/>
17+
</svg>
518
<span>Filter</span>
619
</template>
720

@@ -24,15 +37,13 @@
2437
import ButtonWithDropdown from "./ButtonWithDropdown.vue";
2538
import OnClickOutside from "./../Components/OnClickOutside.vue";
2639
import TableAddSearchRow from "./../Components/TableAddSearchRow.vue";
27-
import { PlusCircleIcon } from "@heroicons/vue/outline";
2840
2941
export default {
3042
mixins: [TableAddSearchRow],
3143
3244
components: {
3345
ButtonWithDropdown,
3446
OnClickOutside,
35-
PlusCircleIcon,
3647
},
3748
};
3849
</script>

‎js/Tailwind2/TableColumns.vue

Lines changed: 9 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -1,10 +1,17 @@
11
<template>
22
<ButtonWithDropdown placement="bottom-end" :active="hasDisabledFilter">
33
<template #button>
4-
<DotsVerticalIcon
4+
<svg
5+
xmlns="http://www.w3.org/2000/svg"
56
class="h-5 w-5"
67
:class="{'text-gray-400': !hasDisabledFilter, 'text-green-400': hasDisabledFilter}"
7-
/>
8+
viewBox="0 0 20 20"
9+
fill="currentColor"
10+
>
11+
<path
12+
d="M10 6a2 2 0 110-4 2 2 0 010 4zM10 12a2 2 0 110-4 2 2 0 010 4zM10 18a2 2 0 110-4 2 2 0 010 4z"
13+
/>
14+
</svg>
815
</template>
916

1017
<div role="menu" aria-orientation="vertical" aria-labelledby="sort-menu">
@@ -47,14 +54,12 @@
4754
<script>
4855
import ButtonWithDropdown from "./ButtonWithDropdown.vue";
4956
import TableColumns from "./../Components/TableColumns.vue";
50-
import { DotsVerticalIcon } from "@heroicons/vue/solid";
5157
5258
export default {
5359
mixins: [TableColumns],
5460
5561
components: {
5662
ButtonWithDropdown,
57-
DotsVerticalIcon,
5863
},
5964
};
6065
</script>

‎js/Tailwind2/TableFilter.vue

Lines changed: 11 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -1,10 +1,19 @@
11
<template>
22
<ButtonWithDropdown placement="bottom-end" :active="hasEnabledFilter">
33
<template #button>
4-
<FilterIcon
4+
<svg
5+
xmlns="http://www.w3.org/2000/svg"
56
class="h-5 w-5"
67
:class="{'text-gray-400': !hasEnabledFilter, 'text-green-400': hasEnabledFilter}"
7-
/>
8+
viewBox="0 0 20 20"
9+
fill="currentColor"
10+
>
11+
<path
12+
fill-rule="evenodd"
13+
d="M3 3a1 1 0 011-1h12a1 1 0 011 1v3a1 1 0 01-.293.707L12 11.414V15a1 1 0 01-.293.707l-2 2A1 1 0 018 17v-5.586L3.293 6.707A1 1 0 013 6V3z"
14+
clip-rule="evenodd"
15+
/>
16+
</svg>
817
</template>
918

1019
<div role="menu" aria-orientation="vertical" aria-labelledby="sort-menu">
@@ -27,14 +36,12 @@
2736
<script>
2837
import ButtonWithDropdown from "./ButtonWithDropdown.vue";
2938
import TableFilter from "./../Components/TableFilter.vue";
30-
import { FilterIcon } from "@heroicons/vue/solid";
3139
3240
export default {
3341
mixins: [TableFilter],
3442
3543
components: {
3644
ButtonWithDropdown,
37-
FilterIcon,
3845
},
3946
};
4047
</script>

‎js/Tailwind2/TableGlobalSearch.vue

Lines changed: 12 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -8,20 +8,26 @@
88
@input="onChange($event.target.value)"
99
/>
1010
<div class="absolute inset-y-0 right-0 pr-3 flex items-center pointer-events-none">
11-
<SearchIcon class="h-5 w-5 text-gray-400" />
11+
<svg
12+
xmlns="http://www.w3.org/2000/svg"
13+
class="h-5 w-5 text-gray-400"
14+
viewBox="0 0 20 20"
15+
fill="currentColor"
16+
>
17+
<path
18+
fill-rule="evenodd"
19+
d="M8 4a4 4 0 100 8 4 4 0 000-8zM2 8a6 6 0 1110.89 3.476l4.817 4.817a1 1 0 01-1.414 1.414l-4.816-4.816A6 6 0 012 8z"
20+
clip-rule="evenodd"
21+
/>
22+
</svg>
1223
</div>
1324
</div>
1425
</template>
1526

1627
<script>
1728
import TableGlobalSearch from "./../Components/TableGlobalSearch.vue";
18-
import { SearchIcon } from "@heroicons/vue/solid";
1929
2030
export default {
2131
mixins: [TableGlobalSearch],
22-
23-
components: {
24-
SearchIcon,
25-
},
2632
};
2733
</script>

‎js/Tailwind2/TableSearchRows.vue

Lines changed: 14 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -26,7 +26,20 @@
2626
class="rounded-md text-gray-400 hover:text-gray-500 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500"
2727
>
2828
<span class="sr-only">Remove search</span>
29-
<XIcon class="h-5 w-5" />
29+
<svg
30+
xmlns="http://www.w3.org/2000/svg"
31+
class="h-5 w-5"
32+
fill="none"
33+
viewBox="0 0 24 24"
34+
stroke="currentColor"
35+
>
36+
<path
37+
stroke-linecap="round"
38+
stroke-linejoin="round"
39+
stroke-width="2"
40+
d="M6 18L18 6M6 6l12 12"
41+
/>
42+
</svg>
3043
</button>
3144
</div>
3245
</div>
@@ -38,13 +51,8 @@
3851

3952
<script>
4053
import TableSearchRows from "./../Components/TableSearchRows.vue";
41-
import { XIcon } from "@heroicons/vue/outline";
4254
4355
export default {
4456
mixins: [TableSearchRows],
45-
46-
components: {
47-
XIcon,
48-
},
4957
};
5058
</script>

‎package-lock.json

Lines changed: 0 additions & 5 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎package.json

Lines changed: 0 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -9,7 +9,6 @@
99
"author": "Pascal Baljet",
1010
"license": "MIT",
1111
"dependencies": {
12-
"@heroicons/vue": "^1.0.0",
1312
"@popperjs/core": "^2.9.2",
1413
"lodash-es": "^4.17.21",
1514
"qs": "^6.10.1"

0 commit comments

Comments
 (0)