edvoyui-component-library-test-flight 0.0.124 → 0.0.126

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 (10) hide show
  1. package/dist/library-vue-ts.cjs.js +1 -1
  2. package/dist/library-vue-ts.css +1 -1
  3. package/dist/library-vue-ts.es.js +559 -558
  4. package/dist/library-vue-ts.umd.js +2 -2
  5. package/package.json +1 -1
  6. package/src/components/table/UTable.scss +10 -6
  7. package/src/components/table/UTable.vue +3 -3
  8. package/src/components/table/UTableview.vue +151 -53
  9. package/src/data/table.ts +1 -1
  10. package/src/style.scss +144 -108
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "edvoyui-component-library-test-flight",
3
3
  "private": false,
4
- "version": "0.0.124",
4
+ "version": "0.0.126",
5
5
  "type": "module",
6
6
  "files": [
7
7
  "dist/",
package/src/components/table/UTable.scss CHANGED
@@ -12,12 +12,12 @@
12
12
  100% 20px;
13
13
  background-attachment: local, local, scroll, scroll, local, scroll;
14
14
 
15
- table {
15
+ & > table {
16
16
  @apply table table-auto border-separate border-spacing-0 box-border w-full;
17
- thead {
17
+ & > thead {
18
18
  @apply sticky top-0 left-0 z-20 before:-bottom-px before:left-0 before:absolute before:h-px before:w-full before:bg-gray-300 rounded-xl;
19
- tr {
20
- th {
19
+ & > tr {
20
+ & > th {
21
21
  @apply bg-gray-50 text-sm text-gray-700 text-left first-letter:uppercase border border-b-0 border-l-0 border-solid border-gray-200/50 whitespace-nowrap last-of-type:rounded-tr-lg first-of-type:rounded-tl-lg first:border-l last:border-r font-bold snap-start snap-always h-10;
22
22
  transition: all 0.15s ease-out;
23
23
  &:first-of-type.checkable {
@@ -26,8 +26,8 @@
26
26
  }
27
27
  }
28
28
  }
29
- tbody {
30
- tr:not(.norecords) {
29
+ & > tbody {
30
+ & > tr:not(.norecords, .row-expanded) {
31
31
  @apply transition-all duration-100 ease-in-out last:mb-px;
32
32
  &:hover {
33
33
  transition: all 0.15s ease-out;
@@ -46,6 +46,10 @@
46
46
  }
47
47
  }
48
48
  }
49
+
50
+ & > tr.row-expanded {
51
+ @apply bg-gray-50;
52
+ }
49
53
  }
50
54
  }
51
55
  }
package/src/components/table/UTable.vue CHANGED
@@ -19,10 +19,10 @@
19
19
  <div v-else class="relative max-w-full mx-auto overflow-hidden">
20
20
  <div
21
21
  :class="[
22
- 'ui-table scrollbar--hide overscroll-auto',
22
+ 'ui-table scrollbar--auto',
23
23
  computedItems.length === 0
24
24
  ? 'overflow-hidden pointer-events-none'
25
- : 'overflow-auto',
25
+ : 'overflow-scroll',
26
26
  tableHeight
27
27
  ? tableHeight
28
28
  : 'h-[calc(100svh-12rem)] max-h-[calc(100svh-12rem)]',
@@ -182,7 +182,7 @@
182
182
  </td>
183
183
  </tr>
184
184
  <template v-if="tableExpanded">
185
- <slot name="expanded" :row="row" :rowIndex="rowIndex"></slot>
185
+ <slot name="expanded" :row="row" :rowIndex="rowIndex" :headerLength="headers.length"></slot>
186
186
  </template>
187
187
  </template>
188
188
  <template v-else-if="computedItems.length === 0">
package/src/components/table/UTableview.vue CHANGED
@@ -1,55 +1,145 @@
1
1
  <template>
2
- <div>
3
- <!-- <pre class="text-[0.5rem] p-2 border border-gray-300 rounded-lg max-h-72 overflow-y-auto">{{ selectedRows.map(x => x?._id)}}</pre> -->
4
- <UTable :checkable="true"
5
- :table-loading="loading"
6
- v-model:selectedRows.sync="selectedRows"
7
- paginated
8
- :checked-rows.sync="checkedRows"
9
- backend-pagination
10
- :per-page="limit"
11
- :headers="studentHeader"
12
- :items="studentData"
13
- :total="studentData.length"
14
- :default-sort-direction="defaultSortOrder"
15
- default-sort=""
16
- :current-page="offset"
17
- table-height="h-[calc(100svh-15rem)] max-h-[calc(100svh-15rem)]"
18
- @changePage="onPageChange"
19
- @sort="onSort"
20
- @mouseenter="select"
21
- @mouseleave="(selectedIndex = null), (selected = null)">
22
- <template #[`item.firstName`]="{ row, rowIndex }">
23
- <div class="space-y-0.5">
24
- <div class="block text-sm font-medium leading-snug">
25
- {{rowIndex + capitalizeText(row?.firstName) + " " + capitalizeText(row?.lastName) }}
26
- </div>
27
- <div class="text-xs font-medium text-gray-900 leading-[normal]">
28
- {{ row?.referenceId }}
29
- </div>
30
- </div>
31
- </template>
32
- <template #[`item.activeUser`]="{ row, rowIndex }">
33
- {{ rowIndex }}
34
- {{ row?.activeUser?.user?.firstName }}
35
- {{ row?.activeUser?.user?.lastName }}
36
- </template>
37
- </UTable>
38
- </div>
2
+ <div>
3
+ <!-- <pre class="text-[0.5rem] p-2 border border-gray-300 rounded-lg max-h-72 overflow-y-auto">{{ selectedRows.map(x => x?._id)}}</pre> -->
4
+ <UTable
5
+ :checkable="true"
6
+ :table-loading="loading"
7
+ v-model:selectedRows.sync="selectedRows"
8
+ paginated
9
+ :checked-rows.sync="checkedRows"
10
+ backend-pagination
11
+ :per-page="limit"
12
+ :headers="studentHeader"
13
+ :items="studentData"
14
+ :total="studentData.length"
15
+ :default-sort-direction="defaultSortOrder"
16
+ default-sort=""
17
+ :current-page="offset"
18
+ table-height="h-[calc(100svh-15rem)] max-h-[calc(100svh-15rem)]"
19
+ :table-expanded="true"
20
+ @changePage="onPageChange"
21
+ @sort="onSort"
22
+ @mouseenter="select"
23
+ @mouseleave="(selectedIndex = null), (selected = null)"
24
+ >
25
+ <template #[`item.firstName`]="{ row, rowIndex }">
26
+ <div class="space-y-0.5">
27
+ <div class="block text-sm font-medium leading-snug">
28
+ {{
29
+ rowIndex +
30
+ capitalizeText(row?.firstName) +
31
+ " " +
32
+ capitalizeText(row?.lastName)
33
+ }}
34
+ </div>
35
+ <div class="text-xs font-medium text-gray-900 leading-[normal]">
36
+ {{ row?.referenceId }}
37
+ </div>
38
+ </div>
39
+ </template>
40
+ <template #[`item.lifecycleStage`]="{ row, rowIndex }">
41
+ <div :key="rowIndex">
42
+ <div>{{ row?.lifecycleStage }}</div>
43
+ <button
44
+ type="button"
45
+ class="inline-flex items-center gap-2 py-0.5 text-xs font-medium text-gray-700 bg-gray-300 outline-none ps-2 pe-0.5 rounded-3xl focus:outline-none"
46
+ @click="rowToggle(rowIndex)"
47
+ >
48
+ Foundation
49
+ <span
50
+ class="inline-flex items-center text-xss font-bold gap-1 ps-2 pe-1 py-0.5 bg-gray-100 rounded-3xl min-w-7"
51
+ >2 <ChevronBigDown class="transition-all duration-300 ease-in-out transform size-3" :class="activeRowIndex === rowIndex ? '-rotate-180': 'rotate-0'" />
52
+ </span>
53
+ </button>
54
+ </div>
55
+ </template>
56
+
57
+ <template #[`item.activeUser`]="{ row, rowIndex }">
58
+ {{ rowIndex }}
59
+ {{ row?.activeUser?.user?.firstName }}
60
+ {{ row?.activeUser?.user?.lastName }}
61
+ </template>
62
+
63
+ <template #expanded="{ row, rowIndex, headerLength }">
64
+ <tr v-if="rowIndex === activeRowIndex" class="row-expanded" :key="`${row}-${rowIndex}-val`">
65
+ <td :colspan="headerLength">
66
+ <table
67
+ class="px-12 border-separate table-auto max-w-max border-spacing-x-0 border-spacing-y-2"
68
+ >
69
+ <tr
70
+ class="rounded-lg group bg-white hover:bg-violet-50 hover:ring-1 ring-violet-300 hover:shadow-[0px_1px_2px_0px_#4B55631A,0px_2px_2px_0px_#4B556314]"
71
+ >
72
+ <td
73
+ v-for="(data, idx) in sqlApplication"
74
+ :key="`data-${idx}`"
75
+ class="py-2.5 px-3 text-sm text-gray-700 w-40"
76
+ :class="
77
+ idx === 0
78
+ ? 'rounded-l-lg'
79
+ : idx === sqlApplication.length - 1
80
+ ? 'rounded-r-lg'
81
+ : ''
82
+ "
83
+ >
84
+ {{ data }}
85
+ </td>
86
+ </tr>
87
+
88
+ <tr
89
+ class="rounded-lg group bg-white hover:bg-violet-50 hover:ring-1 ring-violet-300 hover:shadow-[0px_1px_2px_0px_#4B55631A,0px_2px_2px_0px_#4B556314]"
90
+ >
91
+ <td
92
+ v-for="(data, idx) in sqlApplication"
93
+ :key="`data-${idx}`"
94
+ class="py-2.5 px-3 text-sm text-gray-700 w-40"
95
+ :class="
96
+ idx === 0
97
+ ? 'rounded-l-lg'
98
+ : idx === sqlApplication.length - 1
99
+ ? 'rounded-r-lg'
100
+ : ''
101
+ "
102
+ >
103
+ {{ data }}
104
+ </td>
105
+ </tr>
106
+
107
+ <tr
108
+ class="rounded-lg group bg-white hover:bg-violet-50 hover:ring-1 ring-violet-300 hover:shadow-[0px_1px_2px_0px_#4B55631A,0px_2px_2px_0px_#4B556314]"
109
+ >
110
+ <td
111
+ v-for="(data, idx) in sqlApplication"
112
+ :key="`data-${idx}`"
113
+ class="py-2.5 px-3 text-sm text-gray-700 w-40"
114
+ :class="
115
+ idx === 0
116
+ ? 'rounded-l-lg'
117
+ : idx === sqlApplication.length - 1
118
+ ? 'rounded-r-lg'
119
+ : ''
120
+ "
121
+ >
122
+ {{ data }}
123
+ </td>
124
+ </tr>
125
+ </table>
126
+ </td>
127
+ </tr>
128
+ </template>
129
+ </UTable>
130
+ </div>
39
131
  </template>
40
132
 
41
133
  <script setup lang="ts">
42
- import { ref} from 'vue';
43
- import UTable from './UTable.vue';
44
- import {
45
- studentData,
46
- studentHeader,
47
- } from "../../data/table";
48
- import { capitalizeText } from '../../utils/lodash';
134
+ import { ref } from "vue";
135
+ import UTable from "./UTable.vue";
136
+ import { studentData, studentHeader } from "../../data/table";
137
+ import { capitalizeText } from "../../utils/lodash";
138
+ import ChevronBigDown from "../../assets/svg/ChevronBigDown.vue";
49
139
 
50
140
  //TODO: Dashboard Table
51
- const selectedRows = ref([])
52
- const loading = ref(false)
141
+ const selectedRows = ref([]);
142
+ const loading = ref(false);
53
143
  const checkedRows = ref([]);
54
144
  const defaultSortOrder = ref("asc");
55
145
  const limit = ref(5);
@@ -63,7 +153,7 @@ const select = (_item: any, index: any) => {
63
153
 
64
154
  const onSort = (field: string, order: string) => {
65
155
  const modifier = order === "desc" ? -1 : 1;
66
- studentData.sort((a:any, b:any) => {
156
+ studentData.sort((a: any, b: any) => {
67
157
  if (a[field] < b[field]) return -1 * modifier;
68
158
  if (a[field] > b[field]) return 1 * modifier;
69
159
  return 0;
@@ -72,15 +162,23 @@ const onSort = (field: string, order: string) => {
72
162
 
73
163
  const onPageChange = (offsetData: number) => {
74
164
  offset.value = offsetData;
75
- loading.value = true
165
+ loading.value = true;
76
166
  console.log("@changePage:", offsetData);
77
- setTimeout(() => {
78
- loading.value = false
167
+ setTimeout(() => {
168
+ loading.value = false;
79
169
  }, 800);
80
170
  };
81
171
 
82
- </script>
172
+ const sqlApplication = ref(["Application 1", "Ready to Apply", "Mar 2025"]);
83
173
 
84
- <style scoped>
174
+ const activeRowIndex = ref()
175
+ const rowToggle = (index:any) => {
176
+ if(activeRowIndex.value === index){
177
+ activeRowIndex.value = null
178
+ } else {
179
+ activeRowIndex.value = index
180
+ }
181
+ }
182
+ </script>
85
183
 
86
- </style>
184
+ <style scoped></style>
package/src/data/table.ts CHANGED
@@ -582,7 +582,7 @@ export const studentHeader = [
582
582
  {
583
583
  value: "lifecycleStage",
584
584
  name: "Lifecycle",
585
- width: 120,
585
+ width: 180,
586
586
  sortable: true,
587
587
  },
588
588
  {
package/src/style.scss CHANGED
@@ -32,119 +32,155 @@
32
32
  @apply bg-gray-300;
33
33
  }
34
34
  }
35
- }
36
- }
37
35
 
38
- @layer base {
39
- html {
40
- font-family: "Inter", "Gilroy", -apple-system, system-ui, sans-serif;
41
- }
42
- @font-face {
43
- font-family: "Gilroy";
44
- src: url("./assets/fonts/gilroy/GilroyRegular/font.woff2") format("woff2"),
45
- url("./assets/fonts/gilroy/GilroyRegular/font.woff") format("woff");
46
- font-weight: 400;
47
- font-style: normal;
48
- font-display: swap;
49
- }
50
- @font-face {
51
- font-family: "Gilroy";
52
- src: url("./assets/fonts/gilroy/GilroyMedium/font.woff2") format("woff2"),
53
- url("./assets/fonts/gilroy/GilroyMedium/font.woff") format("woff");
54
- font-weight: 500;
55
- font-style: normal;
56
- font-display: swap;
57
- }
58
- @font-face {
59
- font-family: "Gilroy";
60
- src: url("./assets/fonts/gilroy/GilroySemiBold/font.woff2") format("woff2"),
61
- url("./assets/fonts/gilroy/GilroySemiBold/font.woff") format("woff");
62
- font-weight: 600;
63
- font-style: normal;
64
- font-display: swap;
65
- }
66
- @font-face {
67
- font-family: "Gilroy";
68
- src: url("./assets/fonts/gilroy/GilroyBold/font.woff2") format("woff2"),
69
- url("./assets/fonts/gilroy/GilroyBold/font.woff") format("woff");
70
- font-weight: 700;
71
- font-style: normal;
72
- font-display: swap;
73
- }
74
- @font-face {
75
- font-family: "Gilroy";
76
- src: url("./assets/fonts/gilroy/GilroyExtraBold/font.woff2") format("woff2"),
77
- url("./assets/fonts/gilroy/GilroyExtraBold/font.woff") format("woff");
78
- font-weight: 800;
79
- font-style: normal;
80
- font-display: swap;
81
- }
82
- @font-face {
83
- font-family: "Gilroy";
84
- src: url("./assets/fonts/gilroy/GilroyBoldItalic/font.woff2") format("woff2"),
85
- url("./assets/fonts/gilroy/GilroyBoldItalic/font.woff") format("woff");
86
- font-weight: 900;
87
- font-style: italic;
88
- font-display: swap;
36
+ &--auto {
37
+ @apply hover:overflow-scroll transition duration-200 ease-in overflow-auto overscroll-auto;
38
+ scrollbar-color: transparent transparent;
39
+ &::-webkit-scrollbar-track,
40
+ &::-webkit-scrollbar-thumb {
41
+ visibility: hidden;
42
+ transition: 0.3s all linear;
89
43
  }
90
- @font-face {
91
- font-family: "Gilroy";
92
- src: url("./assets/fonts/gilroy/GilroyExtraBold/font.woff2") format("woff2"),
93
- url("./assets/fonts/gilroy/GilroyExtraBold/font.woff") format("woff");
94
- font-weight: 900;
95
- font-style: normal;
96
- font-display: swap;
44
+ &::-webkit-scrollbar-button {
45
+ display: none;
97
46
  }
98
47
 
99
- @font-face {
100
- font-family: "Inter";
101
- font-style: italic;
102
- font-weight: 400;
103
- font-display: swap;
104
- src: url("./assets/fonts/inter/Inter-Italic.woff2?v=3.19") format("woff2"),
105
- url("./assets/fonts/inter/Inter-Italic.woff?v=3.19") format("woff");
48
+ &:hover {
49
+ scrollbar-color: initial;
50
+ &::-webkit-scrollbar-track,
51
+ &::-webkit-scrollbar-thumb {
52
+ visibility: visible;
53
+ }
54
+ &::-webkit-scrollbar {
55
+ @apply size-[0.1875rem];
56
+ }
57
+ &::-webkit-scrollbar-track {
58
+ @apply bg-inherit rounded-full;
59
+ }
60
+ &::-webkit-scrollbar-thumb {
61
+ @apply bg-gray-700/50 rounded-3xl;
62
+ }
63
+ &:hover::-webkit-scrollbar-thumb {
64
+ @apply bg-gradient-to-b from-gray-100 to-gray-900 rounded-3xl;
65
+ }
106
66
  }
67
+ }
68
+ }
69
+ }
107
70
 
108
- @font-face {
109
- font-family: "Inter";
110
- font-style: normal;
111
- font-weight: 500;
112
- font-display: swap;
113
- src: url("./assets/fonts/inter/Inter-Medium.woff2?v=3.19") format("woff2"),
114
- url("./assets/fonts/inter/Inter-Medium.woff?v=3.19") format("woff");
115
- }
116
- @font-face {
117
- font-family: "Inter";
118
- font-style: italic;
119
- font-weight: 500;
120
- font-display: swap;
121
- src: url("../fonts/inter/Inter-MediumItalic.woff2?v=3.19") format("woff2"),
122
- url("../fonts/inter/Inter-MediumItalic.woff?v=3.19") format("woff");
123
- }
71
+ @layer base {
72
+ html {
73
+ font-family: "Inter", "Gilroy", -apple-system, system-ui, sans-serif;
74
+ }
75
+ @font-face {
76
+ font-family: "Gilroy";
77
+ src: url("./assets/fonts/gilroy/GilroyRegular/font.woff2") format("woff2"),
78
+ url("./assets/fonts/gilroy/GilroyRegular/font.woff") format("woff");
79
+ font-weight: 400;
80
+ font-style: normal;
81
+ font-display: swap;
82
+ }
83
+ @font-face {
84
+ font-family: "Gilroy";
85
+ src: url("./assets/fonts/gilroy/GilroyMedium/font.woff2") format("woff2"),
86
+ url("./assets/fonts/gilroy/GilroyMedium/font.woff") format("woff");
87
+ font-weight: 500;
88
+ font-style: normal;
89
+ font-display: swap;
90
+ }
91
+ @font-face {
92
+ font-family: "Gilroy";
93
+ src: url("./assets/fonts/gilroy/GilroySemiBold/font.woff2") format("woff2"),
94
+ url("./assets/fonts/gilroy/GilroySemiBold/font.woff") format("woff");
95
+ font-weight: 600;
96
+ font-style: normal;
97
+ font-display: swap;
98
+ }
99
+ @font-face {
100
+ font-family: "Gilroy";
101
+ src: url("./assets/fonts/gilroy/GilroyBold/font.woff2") format("woff2"),
102
+ url("./assets/fonts/gilroy/GilroyBold/font.woff") format("woff");
103
+ font-weight: 700;
104
+ font-style: normal;
105
+ font-display: swap;
106
+ }
107
+ @font-face {
108
+ font-family: "Gilroy";
109
+ src: url("./assets/fonts/gilroy/GilroyExtraBold/font.woff2") format("woff2"),
110
+ url("./assets/fonts/gilroy/GilroyExtraBold/font.woff") format("woff");
111
+ font-weight: 800;
112
+ font-style: normal;
113
+ font-display: swap;
114
+ }
115
+ @font-face {
116
+ font-family: "Gilroy";
117
+ src: url("./assets/fonts/gilroy/GilroyBoldItalic/font.woff2")
118
+ format("woff2"),
119
+ url("./assets/fonts/gilroy/GilroyBoldItalic/font.woff") format("woff");
120
+ font-weight: 900;
121
+ font-style: italic;
122
+ font-display: swap;
123
+ }
124
+ @font-face {
125
+ font-family: "Gilroy";
126
+ src: url("./assets/fonts/gilroy/GilroyExtraBold/font.woff2") format("woff2"),
127
+ url("./assets/fonts/gilroy/GilroyExtraBold/font.woff") format("woff");
128
+ font-weight: 900;
129
+ font-style: normal;
130
+ font-display: swap;
131
+ }
124
132
 
125
- @font-face {
126
- font-family: "Inter";
127
- font-style: normal;
128
- font-weight: 600;
129
- font-display: swap;
130
- src: url("./assets/fonts/inter/Inter-SemiBold.woff2?v=3.19") format("woff2"),
131
- url("./assets/fonts/inter/Inter-SemiBold.woff?v=3.19") format("woff");
132
- }
133
- @font-face {
134
- font-family: "Inter";
135
- font-style: italic;
136
- font-weight: 600;
137
- font-display: swap;
138
- src: url("./assets/fonts/inter/Inter-SemiBoldItalic.woff2?v=3.19") format("woff2"),
139
- url("./assets/fonts/inter/Inter-SemiBoldItalic.woff?v=3.19") format("woff");
140
- }
133
+ @font-face {
134
+ font-family: "Inter";
135
+ font-style: italic;
136
+ font-weight: 400;
137
+ font-display: swap;
138
+ src: url("./assets/fonts/inter/Inter-Italic.woff2?v=3.19") format("woff2"),
139
+ url("./assets/fonts/inter/Inter-Italic.woff?v=3.19") format("woff");
140
+ }
141
141
 
142
- @font-face {
143
- font-family: "Inter";
144
- font-style: normal;
145
- font-weight: 700;
146
- font-display: swap;
147
- src: url("./assets/fonts/inter/Inter-Bold.woff2?v=3.19") format("woff2"),
148
- url("./assets/fonts/inter/Inter-Bold.woff?v=3.19") format("woff");
149
- }
150
- }
142
+ @font-face {
143
+ font-family: "Inter";
144
+ font-style: normal;
145
+ font-weight: 500;
146
+ font-display: swap;
147
+ src: url("./assets/fonts/inter/Inter-Medium.woff2?v=3.19") format("woff2"),
148
+ url("./assets/fonts/inter/Inter-Medium.woff?v=3.19") format("woff");
149
+ }
150
+ @font-face {
151
+ font-family: "Inter";
152
+ font-style: italic;
153
+ font-weight: 500;
154
+ font-display: swap;
155
+ src: url("../fonts/inter/Inter-MediumItalic.woff2?v=3.19") format("woff2"),
156
+ url("../fonts/inter/Inter-MediumItalic.woff?v=3.19") format("woff");
157
+ }
158
+
159
+ @font-face {
160
+ font-family: "Inter";
161
+ font-style: normal;
162
+ font-weight: 600;
163
+ font-display: swap;
164
+ src: url("./assets/fonts/inter/Inter-SemiBold.woff2?v=3.19") format("woff2"),
165
+ url("./assets/fonts/inter/Inter-SemiBold.woff?v=3.19") format("woff");
166
+ }
167
+ @font-face {
168
+ font-family: "Inter";
169
+ font-style: italic;
170
+ font-weight: 600;
171
+ font-display: swap;
172
+ src: url("./assets/fonts/inter/Inter-SemiBoldItalic.woff2?v=3.19")
173
+ format("woff2"),
174
+ url("./assets/fonts/inter/Inter-SemiBoldItalic.woff?v=3.19")
175
+ format("woff");
176
+ }
177
+
178
+ @font-face {
179
+ font-family: "Inter";
180
+ font-style: normal;
181
+ font-weight: 700;
182
+ font-display: swap;
183
+ src: url("./assets/fonts/inter/Inter-Bold.woff2?v=3.19") format("woff2"),
184
+ url("./assets/fonts/inter/Inter-Bold.woff?v=3.19") format("woff");
185
+ }
186
+ }