@vcita/design-system 1.0.6 → 1.1.1

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 (39) hide show
  1. package/CHANGELOG.MD +255 -0
  2. package/config/locales/ds.de.yml +20 -2
  3. package/config/locales/ds.en.yml +14 -8
  4. package/config/locales/ds.es.yml +19 -1
  5. package/config/locales/ds.fr.yml +19 -1
  6. package/config/locales/ds.he.yml +19 -1
  7. package/config/locales/ds.it.yml +19 -1
  8. package/config/locales/ds.keys.yml +18 -0
  9. package/config/locales/ds.nl.yml +19 -1
  10. package/config/locales/ds.pl.yml +20 -2
  11. package/config/locales/ds.pseudo.yml +18 -0
  12. package/config/locales/ds.pt.yml +19 -1
  13. package/dist/@vcita/design-system.esm.js +1423 -1004
  14. package/dist/@vcita/design-system.min.js +1 -1
  15. package/dist/@vcita/design-system.ssr.js +1310 -842
  16. package/init/SvgIcons.js +4 -1
  17. package/package.json +1 -1
  18. package/src/components/VcDocItem/VcDocItem.spec.js +23 -0
  19. package/src/components/VcDocItem/VcDocItem.stories.js +19 -5
  20. package/src/components/VcDocItem/VcDocItem.vue +93 -25
  21. package/src/components/VcEmptyState/VcEmptyState.spec.js +3 -3
  22. package/src/components/VcEmptyState/VcEmptyState.stories.js +3 -3
  23. package/src/components/VcEmptyState/VcEmptyState.vue +5 -5
  24. package/src/components/VcSearchPicker/VcSearchPicker.spec.js +169 -0
  25. package/src/components/VcSearchPicker/VcSearchPicker.stories.js +181 -0
  26. package/src/components/VcSearchPicker/VcSearchPicker.vue +273 -0
  27. package/src/components/VcSearchPicker/mockData.js +41 -0
  28. package/src/components/VcTextField/VcTextField.spec.js +63 -1
  29. package/src/components/VcTextField/VcTextField.stories.js +41 -0
  30. package/src/components/VcTextField/VcTextField.vue +82 -0
  31. package/src/components/VcTextField/VcTextFieldPreload.spec.js +86 -0
  32. package/src/components/VcTextField/googleAddressMock.js +28 -0
  33. package/src/components/index.js +1 -0
  34. package/src/components/wizard/VcSteperContent/VcStepperContent.vue +3 -0
  35. package/src/components/wizard/VcWizard/VcWizard.spec.js +24 -5
  36. package/src/components/wizard/VcWizard/VcWizard.stories.js +2 -2
  37. package/src/components/wizard/VcWizard/VcWizard.vue +25 -16
  38. package/src/stories/welcome.stories.mdx +5 -1
  39. package/styles/variables.scss +7 -0
package/CHANGELOG.MD ADDED
@@ -0,0 +1,255 @@
1
+ # Changelog
2
+ All notable changes to this project will be documented in this file.
3
+
4
+ Format based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/),
5
+ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0.html).
6
+
7
+ ### Unreleased changes
8
+ - VcTextField - add google address autocomplete
9
+
10
+ ### 1.1.0 (2022-08-08)
11
+ - VcDocItem - implemented uploaded and corrupted states
12
+ - VcStepperContent - add link color under the description
13
+ - VcWizard - BREAKING CHANGE: v-model current-step fixes
14
+ - VcSearchPicker - added component
15
+
16
+ ### 1.0.7 (2022-07-26)
17
+ - VcEmptyState - change color for button ghost
18
+
19
+ ### 1.0.6 BREAKING CHANGES (2022-07-24)
20
+ - Split variables.scss into vuetify-variables.scss and variables.scss
21
+ - Consuming project changes required
22
+
23
+ ### 0.6.27 (2022-07-17)
24
+ - VcButton - add ghost mode. fix storybook props inherit
25
+ - VcEmptyState - add ability to choose ghost mode btn
26
+ - VcDocItem - added document formats
27
+ - VcAutoComplete, VcTextArea, VcTextField - remove branding color when not needed
28
+
29
+ ### 0.6.26 (2022-07-03)
30
+ - VcDocItem - component added to ds
31
+ - VcTimeSince
32
+ - VcSwitch - add option to show label before switch
33
+ - Translations with parameters
34
+
35
+ ### 0.6.25 (2022-06-23)
36
+ - VcInputPopover - add click outside will not close the popover support
37
+
38
+ ### 0.6.24 (2022-06-14)
39
+ - VcInputBottomSheet - add switch support
40
+
41
+ ### 0.6.23 (2022-06-13)
42
+ - VcWizard - css fix
43
+
44
+ ### 0.6.22 (2022-05-31)
45
+ - VcRadioGroup - fix tooltip slots
46
+
47
+ ### 0.6.21 (2022-05-16)
48
+ - VcRadioGroup - create
49
+ - VcRadio - create
50
+ - VcTooltip - add slots and fallback icon as an activator
51
+
52
+ ### 0.6.20 (2022-05-16)
53
+ - VcStepperContent fix height
54
+ - VcInputPopover - add toggle to header
55
+
56
+ ### 0.6.19 (2022-05-10)
57
+ - VcSegmentedControl added
58
+
59
+ ### 0.6.18 (2022-05-02)
60
+ - VcListbox - add validator
61
+
62
+ ### 0.6.17 (2022-04-27)
63
+ - VcListbox - improve CSS
64
+
65
+ ### 0.6.16 (2022-04-27)
66
+ - VcListbox - add a search bar option
67
+
68
+ ### 0.6.15 (2022-04-25)
69
+ - VcTooltip - opacity 100%
70
+ - VcDropzone - fix active styles
71
+ - VcSelectField - add error-messages, add tooltip nudge
72
+ - VcTextField - add tooltip nudge
73
+ - VcLink - add click action
74
+ - VcSwitch - fix clickable icons
75
+ - VcSearchBar
76
+
77
+ ### 0.6.14 (2022-03-21)
78
+ - VcDropzone - component added
79
+ - VcTextField - add prefix and error-messages
80
+ - VcConfirmModal - fix for rtl button position
81
+
82
+ ### 0.6.13 (2022-03-14)
83
+ - Updated localization files
84
+
85
+ ### 0.6.12 (2022-03-14)
86
+ - VcSelectField - fix border colors for some variations
87
+
88
+ ### 0.6.11 (2022-03-13)
89
+ - VcListbox - small fix for distinguishing data qa on the list
90
+
91
+ ### 0.6.10 (2022-03-06)
92
+ - VcModalContainer - fix for overflow-x scroll
93
+
94
+ ### 0.6.9 (2022-03-02)
95
+ - VcButton - fix for button flavor
96
+
97
+ ### 0.6.8 (2022-03-02)
98
+ - VcTextArea - add fixed-height state
99
+ - VcPopover - fix corners radius
100
+ - VcUpsellBlock - background overflow bug fix
101
+ - VcLink - add target as prop
102
+ - VcModalContainer - add xl size
103
+
104
+ ### 0.6.7 (2022-03-01)
105
+ - VcButton - fix for color flavor
106
+
107
+ ### 0.6.6 (2022-03-01)
108
+ - VcAvatar - support the 0 color id
109
+ - VcBanner - fix background to be branded
110
+
111
+ ### 0.6.4 (2022-02-28)
112
+ - VcButton - add flavor prop
113
+ - VcBanner - Change component design
114
+
115
+ ### 0.6.3 (2022-02-23)
116
+ - VcListbox - performance improve
117
+
118
+ ### 0.6.2 (2022-02-22)
119
+ - VcListbox - minor fix
120
+
121
+ ### 0.6.1 (2022-02-21)
122
+ - VcTextField - add tooltip, placeholder
123
+ - VcUpsellBlock - css fixes
124
+
125
+ ### 0.6.0 (2022-02-20)
126
+ - VcModalHeader - add no close button new style
127
+ - VcPopover - add white background color
128
+ - VcActionList - fix icon size
129
+ - VcListbox - fix clicking not responding on the edges of the labels
130
+ - VcListbox - use v-list-item-group to get the full "checked" array
131
+ - VcListbox - tooltip option for a disabled item
132
+ - VcUpsellBlock
133
+
134
+ ### 0.5.0 (2022-02-15)
135
+ - VcButton - add outlined and prepend default icon.
136
+ - VcBottomSheet
137
+ - VcInputBottomSheet
138
+ - VcModalHeader - add close button option
139
+ - VcLink - add cursor pointer
140
+ - VcModalHeader - add description
141
+ - VcPopover
142
+ - VcInputPopover
143
+ - VcBadge - update parameters, add test, enrich the story book
144
+ - VcWizard fix content height
145
+ - VcExpansionCard fix color
146
+
147
+
148
+ ### 0.4.0 (2022-02-08)
149
+ - Added VcBadge component
150
+ - fix icon name in VcActionList
151
+ - add parameters to VcTextArea
152
+ - add button the ability to be link
153
+ - VcLink - add secondary
154
+ - VcLink - add prepend icon
155
+ - VcLink - change text context to label
156
+ - SvgIcons - rename chevron_left to chevron_right
157
+ - SvgIcons - add trash, copy, chevron_left
158
+
159
+ ### 0.3.17 (2022-02-06)
160
+ - VcLink - add secondary
161
+ - VcLink - add prepend icon
162
+ - VcLink - change text context to label
163
+ - SvgIcons - rename chevron_left to chevron_right
164
+ - SvgIcons - add trash, copy, chevron_left
165
+
166
+ ### 0.3.16 (2022-01-31)
167
+ - Center image in VcImage
168
+ - bug fix in VcBanner
169
+ - Bug fix in VcImage
170
+ - VcChip
171
+ - fix expansion card content slot to have padding
172
+ - text-area auto grow
173
+
174
+ ### 0.3.15 (2022-01-24)
175
+ - rename wizard event to move forward
176
+ - move breakpoint from mixin to wizard component
177
+ - modify expansion card content slot to have padding
178
+
179
+ ### 0.3.14 (2022-01-24)
180
+ - add the ability to use image path or object in all relevant places
181
+ - add VcImage to facilitate use of different types of images and SVGs
182
+ - add title to wizard stepsBar
183
+
184
+ ### 0.3.12 (2022-01-18)
185
+ - add animation to shadow for hover on card
186
+ - fix border radius on action list
187
+ - fix v-model value in VcListEntity and VcExpansionCard
188
+ - added boolean useOffset prop on VcInputModal, VcNoticeModal, VcConfirmProminentModal
189
+ - VcChecklistItem
190
+ - VcListbox
191
+ - Add option to disable the tooltip on VcTooltip
192
+ - Add option to show the avatar on black & white
193
+ - Add option to remove the avatar border
194
+
195
+ ### 0.2.10 (2022-01-13)
196
+ - small fixes on VcActions
197
+ - add icon option for switch component
198
+ - VcExpansionCard
199
+ - VcListEntity
200
+
201
+ ### 0.2.9 (2022-01-12)
202
+ - update design on list item
203
+ - add loading option for confirm modal
204
+
205
+ ### 0.2.4 (2022-01-05)
206
+ - adding svg images to vue object
207
+ - move VcSvg to global components
208
+
209
+ ### 0.2.3 (2022-01-03)
210
+ - bug fix related to $ds
211
+
212
+ ### 0.2.2 (2022-01-03)
213
+ - VcStepsBar
214
+ - VcMobileWizardProgress
215
+ - VcProgressCircular
216
+ - Separate init of i18n for easier unit testing in consuming project
217
+
218
+ ### 0.2.1 (2021-12-29)
219
+ - adding mastercard and visa to icon
220
+
221
+ ### 0.2.0 (2021-12-29)
222
+ - Adding VcEmptyState
223
+ - Adding VcLink
224
+ - Adding VcFocusArea
225
+ - Migrate the VcListItem component from FG
226
+ - Migrate the VcGroupHeader component from FG
227
+ - Adding VcEmptyState
228
+ - Adding VcLink
229
+ - update for VcButton - added pill (rounded) prop
230
+ - Migrate VcFilterPanel component from FG
231
+ - Migrate VcInfiniteScroll component from FG
232
+ - Add translation utility
233
+ - update VcToast
234
+
235
+ ### 0.1.5 (2021-12-07)
236
+ - update for VcAlert - added inline state
237
+ - update for VcCard - update all design and add test and story
238
+ - simplify the process of adding svg icons
239
+ - Migrate the VcCheckbox component from FG
240
+ - add disabled css for VcButton
241
+
242
+ ## 0.1.4 (2021-11-28)
243
+ - VcConfirmModal - added support for loader in modal buttons
244
+ - VcConfirmModal, VcModalContainer, VcModalWrapper - added support to add or remove the offset class
245
+
246
+ ## 0.1.2 (2021-11-21)
247
+ ### Added components
248
+ - VcActionsList
249
+ - VcBottomActions
250
+ - VcActions - A wrapper for VcActionsList and VcBottomActions that chooses which one to display, depending if it is used in desktop or mobile
251
+ - VcTooltip
252
+ - VcIconWithTooltip
253
+
254
+ ### Added utilities
255
+ - util/colorUtil.js - utility functions commonly used for setting the theme
@@ -6,11 +6,29 @@ de:
6
6
  next: Weiter
7
7
  modal:
8
8
  cancel: Abbrechen
9
- ok: OK
9
+ ok: Ok
10
10
  done: Fertig
11
11
  progress_circular:
12
12
  next: 'Weiter:'
13
13
  listbox:
14
14
  add: Neuen Kontakt hinzufügen
15
+ empty_list: Keine Ergebnisse gefunden
15
16
  dropzone:
16
- default_title:
17
+ default_title: Absenden
18
+ search_bar:
19
+ label: Suchen
20
+ time_since:
21
+ years: Vor {years} Jahren
22
+ months: Vor {months} Monaten
23
+ days: Vor {days} Tagen
24
+ yesterday: Gestern
25
+ hours: Vor {hours} Stunden
26
+ minutes: Vor {minutes} Minuten
27
+ now: Jetzt
28
+ document:
29
+ signature:
30
+ corrupted: Dateityp wird nicht unterstützt und konnte nicht hochgeladen werden
31
+ multi_select:
32
+ no_data: Keine Daten verfügbar.
33
+ placeholder:
34
+ error_label: Bitte eine Dienstleistung auswählen
@@ -18,11 +18,17 @@ en:
18
18
  search_bar:
19
19
  label: Search
20
20
  time_since:
21
- years: '{years} years ago'
22
- months: '{months} months ago'
23
- days: '{days} days ago'
24
- yesterday: 'Yesterday'
25
- hours: '{hours} hours ago'
26
- minutes: '{minutes} minutes ago'
27
- now: 'Just now'
28
-
21
+ years: "{years} years ago"
22
+ months: "{months} months ago"
23
+ days: "{days} days ago"
24
+ yesterday: Yesterday
25
+ hours: "{hours} hours ago"
26
+ minutes: "{minutes} minutes ago"
27
+ now: Just now
28
+ document:
29
+ signature: E-Signature
30
+ corrupted: File type not supported and could not be uploaded
31
+ multi_select:
32
+ no_data: No data available
33
+ placeholder: Select items
34
+ error_label: Please select an item
@@ -12,5 +12,23 @@ es:
12
12
  next: 'Siguiente:'
13
13
  listbox:
14
14
  add: Agregar nuevo contacto
15
+ empty_list: No se encontró ningún resultado
15
16
  dropzone:
16
- default_title:
17
+ default_title: Enviar
18
+ search_bar:
19
+ label: Buscar
20
+ time_since:
21
+ years: Hace {years} años
22
+ months: Hace {months} meses
23
+ days: Hace {days} días
24
+ yesterday: Ayer
25
+ hours: Hace {hours} horas
26
+ minutes: Hace {minutes} minutos
27
+ now: Justo ahora
28
+ document:
29
+ signature:
30
+ corrupted: El tipo de archivo no es compatible y no se pudo subir
31
+ multi_select:
32
+ no_data: No hay datos disponibles
33
+ placeholder:
34
+ error_label: Por favor seleccione un producto
@@ -12,5 +12,23 @@ fr:
12
12
  next: 'Suivant :'
13
13
  listbox:
14
14
  add: Ajouter nouveau contact
15
+ empty_list: Aucun résultat à afficher
15
16
  dropzone:
16
- default_title:
17
+ default_title: Envoyer
18
+ search_bar:
19
+ label: Lancer une recherche
20
+ time_since:
21
+ years: il y a {years} années
22
+ months: il y a {months} mois
23
+ days: il y a {days} jours
24
+ yesterday: Hier
25
+ hours: il y a {hours} heures
26
+ minutes: il y a {minutes} minutes
27
+ now: A l'instant
28
+ document:
29
+ signature:
30
+ corrupted: Ce type de fichier n'est pas pris en charge et n'a pas pu être chargé
31
+ multi_select:
32
+ no_data: Aucune donnée à afficher
33
+ placeholder:
34
+ error_label: Veuillez sélectionner un article
@@ -12,5 +12,23 @@ he:
12
12
  next: "הבא:"
13
13
  listbox:
14
14
  add: "הוספה של איש קשר חדש"
15
+ empty_list: "לא נמצאו תוצאות"
15
16
  dropzone:
16
- default_title:
17
+ default_title: "שלח"
18
+ search_bar:
19
+ label: "חיפוש"
20
+ time_since:
21
+ years: "לפני {years} שנים"
22
+ months: "לפני {months} חודשים"
23
+ days: "לפני {days} ימים"
24
+ yesterday: "אתמול"
25
+ hours: "לפני {hours} שעות"
26
+ minutes: "לפני {minutes} דקות"
27
+ now: "הרגע"
28
+ document:
29
+ signature:
30
+ corrupted: "אין אפשרות להעלות את הקובץ מאחר וסוג קובץ זה לא נתמך"
31
+ multi_select:
32
+ no_data: "לא קיימים נתונים שאפשר להציג"
33
+ placeholder:
34
+ error_label: "בחרו פריט מהרשימה"
@@ -12,5 +12,23 @@ it:
12
12
  next: 'Avanti:'
13
13
  listbox:
14
14
  add: Aggiungi nuovo contatto
15
+ empty_list: Nessun risultato trovato
15
16
  dropzone:
16
- default_title:
17
+ default_title: Invia
18
+ search_bar:
19
+ label: Cerca
20
+ time_since:
21
+ years: "{years} anni fa"
22
+ months: "{months} mesi fa"
23
+ days: "{days} anni fa"
24
+ yesterday: Ieri
25
+ hours: "{hours} anni fa"
26
+ minutes: "{minutes} minuti fa"
27
+ now: Adesso
28
+ document:
29
+ signature:
30
+ corrupted: Tipo di file non supportato e non può essere caricato
31
+ multi_select:
32
+ no_data: Nessun dato disponibile
33
+ placeholder:
34
+ error_label: Per favore seleziona una voce
@@ -12,5 +12,23 @@ keys:
12
12
  next: ds.progress_circular.next
13
13
  listbox:
14
14
  add: ds.listbox.add
15
+ empty_list: ds.listbox.empty_list
15
16
  dropzone:
16
17
  default_title: ds.dropzone.default_title
18
+ search_bar:
19
+ label: ds.search_bar.label
20
+ time_since:
21
+ years: ds.time_since.years
22
+ months: ds.time_since.months
23
+ days: ds.time_since.days
24
+ yesterday: ds.time_since.yesterday
25
+ hours: ds.time_since.hours
26
+ minutes: ds.time_since.minutes
27
+ now: ds.time_since.now
28
+ document:
29
+ signature: ds.document.signature
30
+ corrupted: ds.document.corrupted
31
+ multi_select:
32
+ no_data: ds.multi_select.no_data
33
+ placeholder: ds.multi_select.placeholder
34
+ error_label: ds.multi_select.error_label
@@ -12,5 +12,23 @@ nl:
12
12
  next: 'Volgende:'
13
13
  listbox:
14
14
  add: Nieuw contact toevoegen
15
+ empty_list: Geen resultaat gevonden
15
16
  dropzone:
16
- default_title:
17
+ default_title: Opslaan
18
+ search_bar:
19
+ label: Zoek
20
+ time_since:
21
+ years: "{years} jaar geleden"
22
+ months: "{months} maanden geleden"
23
+ days: "{days} dagen geleden"
24
+ yesterday: Gisteren
25
+ hours: "{hours} uur geleden"
26
+ minutes: "{minutes} minuten geleden"
27
+ now: Precies nu
28
+ document:
29
+ signature:
30
+ corrupted: Bestandstype niet ondersteund en kon niet worden geüpload
31
+ multi_select:
32
+ no_data: Geen data beschikbaar
33
+ placeholder:
34
+ error_label: Selecteer een item
@@ -6,11 +6,29 @@ pl:
6
6
  next: Dalej
7
7
  modal:
8
8
  cancel: Anuluj
9
- ok: Ok
9
+ ok: OK
10
10
  done: Gotowe
11
11
  progress_circular:
12
12
  next: 'Dalej:'
13
13
  listbox:
14
14
  add: Dodaj nowy kontakt
15
+ empty_list: Brak wyników
15
16
  dropzone:
16
- default_title:
17
+ default_title: Wyślij
18
+ search_bar:
19
+ label: Szukaj
20
+ time_since:
21
+ years: "{years} lat(a) temu"
22
+ months: "{months} miesiące(-y) temu"
23
+ days: "{days} dni temu"
24
+ yesterday: Wczoraj
25
+ hours: "{hours} godz. temu"
26
+ minutes: "{minutes} min temu"
27
+ now: Teraz
28
+ document:
29
+ signature:
30
+ corrupted: Typ pliku jest nieobsługiwany i nie można go wgrać
31
+ multi_select:
32
+ no_data: Brak danych
33
+ placeholder:
34
+ error_label: Wybierz element
@@ -12,5 +12,23 @@ pseudo:
12
12
  next: 'Néxt: Néx'
13
13
  listbox:
14
14
  add: "Ädd néw çontåçt Ädd néw"
15
+ empty_list: No réšult found No réšu
15
16
  dropzone:
16
17
  default_title: Submit Sub
18
+ search_bar:
19
+ label: Séårçh Séå
20
+ time_since:
21
+ years: "{yéårš} yéårš ågo {yéårš} "
22
+ months: "{monthš} monthš ågo {monthš} "
23
+ days: "{dåyš} dåyš ågo {dåyš} "
24
+ yesterday: Yéštérdåy Yéšté
25
+ hours: "{hourš} hourš ågo {hourš} "
26
+ minutes: "{minutéš} minutéš ågo {minutéš}"
27
+ now: Jušt now Jušt
28
+ document:
29
+ signature: "Ę-Signåturé Ę-Sig"
30
+ corrupted: Filé typé not šupportéd ånd çould not bé uploådéd Filé typé not šupport
31
+ multi_select:
32
+ no_data: 'No dåtå åvåilåblé No dåtå '
33
+ placeholder: Séléçt itémš Séléçt
34
+ error_label: Pléåšé šéléçt ån itém Pléåšé šé
@@ -12,5 +12,23 @@ pt:
12
12
  next: Próximo;
13
13
  listbox:
14
14
  add: Adicionar contato novo
15
+ empty_list: Nenhum resultado encontrado
15
16
  dropzone:
16
- default_title:
17
+ default_title: Enviar
18
+ search_bar:
19
+ label: Procurar
20
+ time_since:
21
+ years: Há {years} anos
22
+ months: Há {months} meses
23
+ days: Há {days} dias
24
+ yesterday: Ontem
25
+ hours: Há {hours} horas
26
+ minutes: Há {minutes} minutos
27
+ now: Agora mesmo
28
+ document:
29
+ signature:
30
+ corrupted: O tipo de arquivo não é suportado e não pode ser carregado
31
+ multi_select:
32
+ no_data: Sem data disponível
33
+ placeholder:
34
+ error_label: Selecionar um item