@burh/nuxt-core 1.0.201 → 1.0.203

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.
@@ -7,7 +7,7 @@
7
7
  &--full {
8
8
  display: block;
9
9
  width: auto;
10
- height: 30px;
10
+ height: 40px;
11
11
  transition: all .45s ease-in-out;
12
12
  }
13
13
  &--mini {
@@ -1,309 +1,309 @@
1
1
  <template>
2
- <div class="bg-white content-middle">
3
- <!-- FERRAMENTAS -->
4
- <div class="tools mt-3">
5
- <button
6
- @click="$emit(tool.event)"
7
- class="ml-3 burh-color"
8
- v-for="(tool, index) in tools"
9
- :key="index"
10
- >
11
- {{ tool.name }}
12
- </button>
13
- </div>
14
-
15
- <!-- SOBRE -->
16
- <div class="about content-block mt-5 ml-3 mr-3">
17
- <h5 class="font-weight-bold">Sobre</h5>
18
- <p
19
- id="USER_ABOUT"
20
- class="mb-0"
21
- :class="
22
- !wordIsLesserThan(
23
- userData.user_complementary_information.about
24
- ) && 'readmore'
25
- "
26
- >
27
- {{ userData.user_complementary_information.about }}
28
- </p>
29
- <a
30
- href="#"
31
- aria-label="expandir conteudo"
32
- v-show="
33
- userData.user_complementary_information.about &&
34
- !wordIsLesserThan(
35
- userData.user_complementary_information.about
36
- )
37
- "
38
- @click.prevent.stop="toggleReadMore($event, 'USER_ABOUT')"
39
- >Ler mais</a
40
- >
41
-
42
- <p v-show="!userData.user_complementary_information.about" class="">
43
- Nenhuma informação adicionada
44
- </p>
45
- </div>
46
-
47
- <!-- EDUCAÇÃO -->
48
- <h5 class="font-weight-bold mt-4 ml-3">Educação</h5>
49
- <div class="no-info ml-3" v-show="userData.user_education.length === 0">
50
- <p>
51
- Nenhuma informação adicionada
52
- </p>
53
- </div>
54
- <div
55
- class="education ml-3"
56
- v-show="userData.user_education.length > 0"
57
- v-for="(edu, index) in userData.user_education"
58
- :key="index"
59
- >
60
- <p class="sub-title">{{ edu.formation }}</p>
61
- <p class="info-text">{{ edu.institution }}</p>
62
- <span class="info-text">
63
- {{ edu.start_month }}/{{ edu.start_year }} -
64
- {{ treatEndDate(edu.end_month, edu.end_year) }}
65
- {{ getTime(false, edu) }}
66
- {{
67
- edu.user_education_period
68
- ? '-' + edu.user_education_period.name
69
- : ''
70
- }}
71
- </span>
72
- </div>
73
-
74
- <!-- EXPERIÊNCIAS -->
75
- <h5 class="font-weight-bold mt-4 ml-3">Experiência</h5>
76
- <div
77
- class="no-info ml-3"
78
- v-show="userData.user_experience.length === 0"
79
- >
80
- <p>
81
- Nenhuma informação adicionada
82
- </p>
83
- </div>
84
- <div
85
- v-show="userData.user_experience.length > 0"
86
- class="experience ml-3 mr-3"
87
- v-for="(exp, index) in userData.user_experience"
88
- :key="`experience-${index}`"
89
- >
90
- <p class="sub-title">{{ exp.job_title }}</p>
91
- <p class="info-text">{{ exp.company }}, {{ exp.location }}</p>
92
- <span class="info-text">
93
- {{ exp.start_month }}/{{ exp.start_year }} -
94
- {{ treatEndDate(exp.end_month, exp.end_year) }}
95
- {{ getTime(true, exp) }}
96
- </span>
97
-
98
- <p
99
- :id="`USER_EXPERIENCE-${index}`"
100
- class="description mt-4 mb-0"
101
- :class="!wordIsLesserThan(exp.description) && 'readmore'"
102
- >
103
- {{ exp.description }}
104
- </p>
105
-
106
- <a
107
- href="#"
108
- aria-label="expandir conteudo"
109
- v-show="!wordIsLesserThan(exp.description)"
110
- @click.prevent.stop="
111
- toggleReadMore($event, `USER_EXPERIENCE-${index}`)
112
- "
113
- >Ler mais</a
114
- ><br /><br />
115
- </div>
116
-
117
- <!-- CURSOS -->
118
- <h5 class="font-weight-bold mt-1 ml-3">Cursos</h5>
119
- <div class="no-info ml-3" v-show="userData.user_course.length === 0">
120
- <p>
121
- Nenhuma informação adicionada
122
- </p>
123
- </div>
124
- <div
125
- v-show="userData.user_course.length > 0"
126
- class="courses ml-3"
127
- v-for="(cou, index) in userData.user_course"
128
- :key="`course-${index}`"
129
- >
130
- <p class="sub-title">{{ cou.institution }}</p>
131
- <p class="info-text mb-3">
132
- {{ cou.name }} - {{ cou.end_year }}
133
- {{ getTime(false, cou) }}
134
- </p>
135
- </div>
136
- </div>
2
+ <div class="bg-white content-middle">
3
+ <!-- FERRAMENTAS -->
4
+ <div class="tools mt-3">
5
+ <button
6
+ @click="$emit(tool.event)"
7
+ class="ml-3 burh-color"
8
+ v-for="(tool, index) in tools"
9
+ :key="index"
10
+ >
11
+ {{ tool.name }}
12
+ </button>
13
+ </div>
14
+
15
+ <!-- SOBRE -->
16
+ <div class="about content-block mt-5 ml-3 mr-3">
17
+ <h5 class="font-weight-bold">Sobre</h5>
18
+ <p
19
+ id="USER_ABOUT"
20
+ class="mb-0"
21
+ :class="
22
+ !wordIsLesserThan(
23
+ userData.user_complementary_information.about
24
+ ) && 'readmore'
25
+ "
26
+ >
27
+ {{ userData.user_complementary_information.about }}
28
+ </p>
29
+ <a
30
+ href="#"
31
+ aria-label="expandir conteudo"
32
+ v-show="
33
+ userData.user_complementary_information.about &&
34
+ !wordIsLesserThan(
35
+ userData.user_complementary_information.about
36
+ )
37
+ "
38
+ @click.prevent.stop="toggleReadMore($event, 'USER_ABOUT')"
39
+ >Ler mais</a
40
+ >
41
+
42
+ <p v-show="!userData.user_complementary_information.about" class="">
43
+ Nenhuma informação adicionada
44
+ </p>
45
+ </div>
46
+
47
+ <!-- EDUCAÇÃO -->
48
+ <h5 class="font-weight-bold mt-4 ml-3">Educação</h5>
49
+ <div class="no-info ml-3" v-show="userData.user_education.length === 0">
50
+ <p>
51
+ Nenhuma informação adicionada
52
+ </p>
53
+ </div>
54
+ <div
55
+ class="education ml-3"
56
+ v-show="userData.user_education.length > 0"
57
+ v-for="(edu, index) in userData.user_education"
58
+ :key="index"
59
+ >
60
+ <p class="sub-title">{{ edu.formation }}</p>
61
+ <p class="info-text">{{ edu.institution }}</p>
62
+ <span class="info-text">
63
+ {{ edu.start_month }}/{{ edu.start_year }} -
64
+ {{ treatEndDate(edu.end_month, edu.end_year) }}
65
+ {{ getTime(false, edu) }}
66
+ {{
67
+ edu.user_education_period
68
+ ? '-' + edu.user_education_period.name
69
+ : ''
70
+ }}
71
+ </span>
72
+ </div>
73
+
74
+ <!-- EXPERIÊNCIAS -->
75
+ <h5 class="font-weight-bold mt-4 ml-3">Experiência</h5>
76
+ <div
77
+ class="no-info ml-3"
78
+ v-show="userData.user_experience.length === 0"
79
+ >
80
+ <p>
81
+ Nenhuma informação adicionada
82
+ </p>
83
+ </div>
84
+ <div
85
+ v-show="userData.user_experience.length > 0"
86
+ class="experience ml-3 mr-3"
87
+ v-for="(exp, index) in userData.user_experience"
88
+ :key="`experience-${index}`"
89
+ >
90
+ <p class="sub-title">{{ exp.job_title }}</p>
91
+ <p class="info-text">{{ exp.company }}, {{ exp.location }}</p>
92
+ <span class="info-text">
93
+ {{ exp.start_month }}/{{ exp.start_year }} -
94
+ {{ treatEndDate(exp.end_month, exp.end_year) }}
95
+ {{ getTime(true, exp) }}
96
+ </span>
97
+
98
+ <p
99
+ :id="`USER_EXPERIENCE-${index}`"
100
+ class="description mt-4 mb-0"
101
+ :class="!wordIsLesserThan(exp.description) && 'readmore'"
102
+ >
103
+ {{ exp.description }}
104
+ </p>
105
+
106
+ <a
107
+ href="#"
108
+ aria-label="expandir conteudo"
109
+ v-show="!wordIsLesserThan(exp.description)"
110
+ @click.prevent.stop="
111
+ toggleReadMore($event, `USER_EXPERIENCE-${index}`)
112
+ "
113
+ >Ler mais</a
114
+ ><br /><br />
115
+ </div>
116
+
117
+ <!-- CURSOS -->
118
+ <h5 class="font-weight-bold mt-1 ml-3">Cursos Complementares</h5>
119
+ <div class="no-info ml-3" v-show="userData.user_course.length === 0">
120
+ <p>
121
+ Nenhuma informação adicionada
122
+ </p>
123
+ </div>
124
+ <div
125
+ v-show="userData.user_course.length > 0"
126
+ class="courses ml-3"
127
+ v-for="(cou, index) in userData.user_course"
128
+ :key="`course-${index}`"
129
+ >
130
+ <p class="sub-title">{{ cou.institution }}</p>
131
+ <p class="info-text mb-3">
132
+ {{ cou.name }} - {{ cou.end_year }}
133
+ {{ getTime(false, cou) }}
134
+ </p>
135
+ </div>
136
+ </div>
137
137
  </template>
138
138
 
139
139
  <script>
140
140
  import getPrefixes from '~/util/getPrefixes.js';
141
141
 
142
142
  export default {
143
- name: 'user-cv-middle',
144
- props: {
145
- userData: Object,
146
- tools: {
147
- type: Array,
148
- default: () => []
149
- }
150
- },
151
- watch: {
152
- userData() {
153
- this.userData.user_experience = this.filterByDate(
154
- this.userData.user_experience
155
- );
156
- this.userData.user_course = this.filterByDate(
157
- this.userData.user_course,
158
- 'old'
159
- );
160
- this.userData.user_education = this.filterByDate(
161
- this.userData.user_education,
162
- 'old'
163
- );
164
- }
165
- },
166
- methods: {
167
- filterByDate(data, by = 'new') {
168
- let sortedArray = data.sort((a, b) => {
169
- a = [
170
- a.start_month,
171
- a.start_year,
172
- a.end_month | 12,
173
- a.end_year | 9999
174
- ];
175
-
176
- b = [
177
- b.start_month,
178
- b.start_year,
179
- b.end_month | 12,
180
- b.end_year | 9999
181
- ];
182
-
183
- // Primeiro filtro -> chaves: 0 e 1 -> Filtro por data de inicio
184
- // Segundo filtro -> chaves: 2 e 3 -> Filtro por data de termino (subir não concluídos para primeiros)
185
-
186
- let byStart;
187
- let byEnd;
188
-
189
- switch (by) {
190
- case 'old':
191
- byStart =
143
+ name: 'user-cv-middle',
144
+ props: {
145
+ userData: Object,
146
+ tools: {
147
+ type: Array,
148
+ default: () => []
149
+ }
150
+ },
151
+ watch: {
152
+ userData() {
153
+ this.userData.user_experience = this.filterByDate(
154
+ this.userData.user_experience
155
+ );
156
+ this.userData.user_course = this.filterByDate(
157
+ this.userData.user_course,
158
+ 'old'
159
+ );
160
+ this.userData.user_education = this.filterByDate(
161
+ this.userData.user_education,
162
+ 'old'
163
+ );
164
+ }
165
+ },
166
+ methods: {
167
+ filterByDate(data, by = 'new') {
168
+ let sortedArray = data.sort((a, b) => {
169
+ a = [
170
+ a.start_month,
171
+ a.start_year,
172
+ a.end_month | 12,
173
+ a.end_year | 9999
174
+ ];
175
+
176
+ b = [
177
+ b.start_month,
178
+ b.start_year,
179
+ b.end_month | 12,
180
+ b.end_year | 9999
181
+ ];
182
+
183
+ // Primeiro filtro -> chaves: 0 e 1 -> Filtro por data de inicio
184
+ // Segundo filtro -> chaves: 2 e 3 -> Filtro por data de termino (subir não concluídos para primeiros)
185
+
186
+ let byStart;
187
+ let byEnd;
188
+
189
+ switch (by) {
190
+ case 'old':
191
+ byStart =
192
192
  new Date(a[1], a[0], 1).getTime() -
193
193
  new Date(b[1], b[0], 1).getTime();
194
- byEnd =
194
+ byEnd =
195
195
  new Date(b[3], b[2], 1).getTime() -
196
196
  new Date(a[3], a[2], 1).getTime();
197
- break;
197
+ break;
198
198
 
199
- default:
200
- byStart =
199
+ default:
200
+ byStart =
201
201
  new Date(b[1], b[0], 1).getTime() -
202
202
  new Date(a[1], a[0], 1).getTime();
203
- byEnd =
203
+ byEnd =
204
204
  new Date(b[3], b[2], 1).getTime() -
205
205
  new Date(a[3], a[2], 1).getTime();
206
- break;
207
- }
208
-
209
- return byStart - byEnd;
210
- });
211
-
212
- return sortedArray;
213
- },
214
- toggleReadMore(event, id) {
215
- const element = document.getElementById(id);
216
- element.classList.toggle('readmore');
217
- event.target.innerText == 'Ler mais'
218
- ? (event.target.innerText = 'Esconder')
219
- : (event.target.innerText = 'Ler mais');
220
- },
221
- getTime(
222
- isExperience,
223
- { start_year = null, end_year = null, start_month, end_month },
224
- textHappening = 'Cursando'
225
- ) {
226
- const isHappening = !end_month && !end_year;
227
-
228
- if (isHappening) {
229
- return isExperience === true ? 'Atualmente' : textHappening;
230
- }
231
-
232
- const dateInitial = this.$moment(
233
- ['1', start_month.toString(), start_year.toString()],
234
- 'DD/MM/YYYY'
235
- );
236
- const dateDone = this.$moment(
237
- ['1', end_month.toString(), end_year.toString()],
238
- 'DD/MM/YYYY'
239
- );
240
- const diffDuration = this.$moment.duration(
241
- dateDone.diff(dateInitial)
242
- );
243
- const years = diffDuration.years();
244
- const months = diffDuration.months();
245
-
246
- if (years) {
247
- return years > 1 ? `(${years} anos)` : `(${years} ano)`;
248
- }
249
-
250
- return months > 1
251
- ? `(${months} meses)`
252
- : months == 1
253
- ? `(${months} mês)`
254
- : '';
255
- },
256
- languageLevel(level) {
257
- switch (parseInt(level)) {
258
- case 1:
259
- return 'Iniciante';
260
- case 2:
261
- return 'Elementar';
262
- case 3:
263
- return 'Pré-intermediário';
264
- case 4:
265
- return 'Intermediário';
266
- case 5:
267
- return 'Intermediário Superior';
268
- case 6:
269
- return 'Avançado';
270
- case 7:
271
- return 'Fluente';
272
- default:
273
- return '';
274
- }
275
- },
276
- treatPhone(phone) {
277
- if (phone) {
278
- if (phone == '0' || phone.length < 9 || !phone) {
279
- return 'não cadastrado';
280
- }
281
- }
282
-
283
- return phone;
284
- },
285
- treatCellphone(cellphone) {
286
- if (cellphone) {
287
- if (cellphone == '0' || cellphone.length < 11 || !cellphone) {
288
- return 'não cadastrado';
289
- }
290
- }
291
-
292
- return cellphone;
293
- },
294
- handleGetPrefixes(name = '') {
295
- return getPrefixes(name);
296
- },
297
- treatEndDate(end_month, end_year) {
298
- if (end_month && end_year) {
299
- return `${end_month}/${end_year}`;
300
- }
301
- return '';
302
- },
303
- wordIsLesserThan(word, value = 300) {
304
- return word && word.length < value;
305
- }
306
- }
206
+ break;
207
+ }
208
+
209
+ return byStart - byEnd;
210
+ });
211
+
212
+ return sortedArray;
213
+ },
214
+ toggleReadMore(event, id) {
215
+ const element = document.getElementById(id);
216
+ element.classList.toggle('readmore');
217
+ event.target.innerText == 'Ler mais'
218
+ ? (event.target.innerText = 'Esconder')
219
+ : (event.target.innerText = 'Ler mais');
220
+ },
221
+ getTime(
222
+ isExperience,
223
+ { start_year = null, end_year = null, start_month, end_month },
224
+ textHappening = 'Cursando'
225
+ ) {
226
+ const isHappening = !end_month && !end_year;
227
+
228
+ if (isHappening) {
229
+ return isExperience === true ? 'Atualmente' : textHappening;
230
+ }
231
+
232
+ const dateInitial = this.$moment(
233
+ ['1', start_month.toString(), start_year.toString()],
234
+ 'DD/MM/YYYY'
235
+ );
236
+ const dateDone = this.$moment(
237
+ ['1', end_month.toString(), end_year.toString()],
238
+ 'DD/MM/YYYY'
239
+ );
240
+ const diffDuration = this.$moment.duration(
241
+ dateDone.diff(dateInitial)
242
+ );
243
+ const years = diffDuration.years();
244
+ const months = diffDuration.months();
245
+
246
+ if (years) {
247
+ return years > 1 ? `(${years} anos)` : `(${years} ano)`;
248
+ }
249
+
250
+ return months > 1
251
+ ? `(${months} meses)`
252
+ : months == 1
253
+ ? `(${months} mês)`
254
+ : '';
255
+ },
256
+ languageLevel(level) {
257
+ switch (parseInt(level)) {
258
+ case 1:
259
+ return 'Iniciante';
260
+ case 2:
261
+ return 'Elementar';
262
+ case 3:
263
+ return 'Pré-intermediário';
264
+ case 4:
265
+ return 'Intermediário';
266
+ case 5:
267
+ return 'Intermediário Superior';
268
+ case 6:
269
+ return 'Avançado';
270
+ case 7:
271
+ return 'Fluente';
272
+ default:
273
+ return '';
274
+ }
275
+ },
276
+ treatPhone(phone) {
277
+ if (phone) {
278
+ if (phone == '0' || phone.length < 9 || !phone) {
279
+ return 'não cadastrado';
280
+ }
281
+ }
282
+
283
+ return phone;
284
+ },
285
+ treatCellphone(cellphone) {
286
+ if (cellphone) {
287
+ if (cellphone == '0' || cellphone.length < 11 || !cellphone) {
288
+ return 'não cadastrado';
289
+ }
290
+ }
291
+
292
+ return cellphone;
293
+ },
294
+ handleGetPrefixes(name = '') {
295
+ return getPrefixes(name);
296
+ },
297
+ treatEndDate(end_month, end_year) {
298
+ if (end_month && end_year) {
299
+ return `${end_month}/${end_year}`;
300
+ }
301
+ return '';
302
+ },
303
+ wordIsLesserThan(word, value = 300) {
304
+ return word && word.length < value;
305
+ }
306
+ }
307
307
  };
308
308
  </script>
309
309
 
@@ -13,7 +13,7 @@
13
13
  </header>
14
14
  <content class="products--info__content">
15
15
  <div class="product__content">
16
- <p class="product__content--title">Soluções</p>
16
+ <p class="product__content--title">Produtos</p>
17
17
  <ul class="product__content--list">
18
18
  <li>Busca Avançada</li>
19
19
  <li>Recrutamento</li>
@@ -28,31 +28,32 @@
28
28
  </ul>
29
29
  </div>
30
30
  <div class="product__content">
31
- <p class="product__content--title">Segurança</p>
31
+ <p class="product__content--title">A Empresa</p>
32
32
  <ul class="product__content--list">
33
- <li>Busca Avançada</li>
34
- <li>Recrutamento</li>
35
- <li>Busca por Universidades</li>
36
- <li>Vídeo Entrevista</li>
33
+ <li>Burh Empresas</li>
34
+ <li>Divulgar Vagas</li>
35
+ <li>Encontre Novas Oportunidades</li>
36
+ <li>Propósito</li>
37
+ <li>Blog</li>
38
+ <li>Trabalhe Conosco</li>
37
39
  </ul>
38
- <p class="product__content--title">Planos e Preços</p>
40
+ <!-- <p class="product__content--title">Planos e Preços</p>
39
41
  <ul class="product__content--list">
40
42
  <li>Busca Avançada</li>
41
43
  <li>Recrutamento</li>
42
44
  <li>Busca por Universidades</li>
43
45
  <li>Vídeo Entrevista</li>
44
- </ul>
46
+ </ul> -->
45
47
  </div>
46
48
  <div class="product__content">
47
- <p class="product__content--title">Recursos</p>
49
+ <p class="product__content--title">Ajuda</p>
48
50
  <ul class="product__content--list">
49
- <li>Busca Avançada</li>
50
- <li>Recrutamento</li>
51
- <li>Busca por Universidades</li>
52
- <li>Vídeo Entrevista</li>
51
+ <li>Central de Ajuda</li>
52
+ <li>Perguntas Frequentes</li>
53
+ <li>Avalie sua Experiência</li>
53
54
  </ul>
54
55
  </div>
55
- <div class="product__content">
56
+ <!-- <div class="product__content">
56
57
  <p class="product__content--title">Página de Carreiras</p>
57
58
  <ul class="product__content--list">
58
59
  <li>Busca Avançada</li>
@@ -66,21 +67,14 @@
66
67
  <li>Buffer</li>
67
68
  <li>Envio de SMS</li>
68
69
  </ul>
69
- </div>
70
+ </div> -->
70
71
  <div class="product__content">
71
- <p class="product__content--title">Suporte</p>
72
+ <p class="product__content--title">Burh</p>
72
73
  <ul class="product__content--list">
73
- <li>Busca Avançada</li>
74
- <li>Recrutamento</li>
75
- <li>Busca por Universidades</li>
76
- <li>Vídeo Entrevista</li>
77
- </ul>
78
- <p class="product__content--title">Mais sobre o Burh</p>
79
- <ul class="product__content--list">
80
- <li>Busca Avançada</li>
81
- <li>Recrutamento</li>
82
- <li>Busca por Universidades</li>
83
- <li>Vídeo Entrevista</li>
74
+ <li>Burh Serviços de Informação na Internet LTDA. CNPJ 26.356.119/0001-95</li>
75
+ <li>ola@burh.com.br</li>
76
+ <li>(11) 4003-4341</li>
77
+ <li>Av. Juscelino Kubitschek de Oliveira, 660, 12º andar, Vila Marina Dias, Sorocaba/SP</li>
84
78
  </ul>
85
79
  </div>
86
80
  </content>
@@ -146,7 +140,7 @@ $primaryColor: #1da1f1;
146
140
  }
147
141
  &__content {
148
142
  display: grid;
149
- grid-template-columns: repeat(5, 1fr);
143
+ grid-template-columns: repeat(4, 1fr);
150
144
  gap: 20px;
151
145
  align-items: flex-start;
152
146
  @media (max-width: 1200px) {
@@ -183,18 +177,19 @@ $primaryColor: #1da1f1;
183
177
  margin-top: 25px;
184
178
  li {
185
179
  margin: 10px 0;
186
- font-size: 0.75rem;
180
+ font-size: 0.875rem;
187
181
  }
188
182
  }
189
183
  }
190
184
  }
191
185
  &__footer {
192
- margin-top: 80px;
186
+ margin-top: 20px;
193
187
  border-top: 1px solid #eee;
194
188
  padding: 30px 0;
195
189
  display: flex;
196
190
  align-items: center;
197
191
  justify-content: space-between;
192
+ font-size: 0.875rem;
198
193
  @media (max-width: 960px) {
199
194
  & {
200
195
  flex-direction: column;
@@ -208,6 +203,7 @@ $primaryColor: #1da1f1;
208
203
  display: flex;
209
204
  align-items: center;
210
205
  justify-content: flex-start;
206
+ font-size: 0.875rem;
211
207
  .burh__logo {
212
208
  width: 120px;
213
209
  img {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@burh/nuxt-core",
3
- "version": "1.0.201",
3
+ "version": "1.0.203",
4
4
  "description": "Design System and Components.",
5
5
  "author": "Burh",
6
6
  "scripts": {