@vcita/design-system 0.1.5 → 0.2.0

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 (86) hide show
  1. package/CHANGELOG.MD +38 -0
  2. package/README.md +2 -11
  3. package/config/locales/ds.de.yml +6 -0
  4. package/config/locales/ds.en.yml +6 -0
  5. package/config/locales/ds.es.yml +6 -0
  6. package/config/locales/ds.fr.yml +6 -0
  7. package/config/locales/ds.he.yml +6 -0
  8. package/config/locales/ds.it.yml +6 -0
  9. package/config/locales/ds.keys.yml +6 -0
  10. package/config/locales/ds.nl.yml +6 -0
  11. package/config/locales/ds.pl.yml +6 -0
  12. package/config/locales/ds.pseudo.yml +6 -0
  13. package/config/locales/ds.pt.yml +6 -0
  14. package/config/locales/ds.ru.yml +6 -0
  15. package/config/locales/ds.sl.yml +6 -0
  16. package/config/locales/ds.tr.yml +6 -0
  17. package/config/locales/ds.zun.yml +6 -0
  18. package/dist/@vcita/design-system.esm.js +1054 -414
  19. package/dist/@vcita/design-system.min.js +1 -1
  20. package/dist/@vcita/design-system.ssr.js +946 -350
  21. package/init/DesignSystem.js +4 -2
  22. package/init/SvgIcons.js +23 -0
  23. package/init/VcSvg/VcSvg.stories.js +1 -6
  24. package/init/initI18n.js +44 -0
  25. package/init/vuetify.config.js +1 -25
  26. package/package.json +8 -3
  27. package/src/.DS_Store +0 -0
  28. package/src/components/VcActions/VcActions.vue +7 -5
  29. package/src/components/VcAvatar/VcAvatar.spec.js +1 -1
  30. package/src/components/VcButton/VcButton.stories.js +83 -20
  31. package/src/components/VcButton/VcButton.vue +5 -4
  32. package/src/components/VcButtonGroup/VcButtonGroup.spec.js +1 -1
  33. package/src/components/VcCheckbox/VcCheckbox.vue +4 -4
  34. package/src/components/VcEmptyState/VcEmptyState.spec.js +91 -0
  35. package/src/components/VcEmptyState/VcEmptyState.stories.js +57 -0
  36. package/src/components/VcEmptyState/VcEmptyState.vue +116 -0
  37. package/src/components/VcFilterPanel/VcFilterPanel.spec.js +80 -0
  38. package/src/components/VcFilterPanel/VcFilterPanel.stories.js +40 -0
  39. package/src/components/VcFilterPanel/VcFilterPanel.vue +135 -0
  40. package/src/components/VcForm/VcForm.stories.js +0 -1
  41. package/src/components/VcIcon/VcIcon.stories.js +11 -4
  42. package/src/components/VcIcon/VcIcon.vue +2 -1
  43. package/src/components/VcIconWithTooltip/VcIconWithTooltip.spec.js +5 -4
  44. package/src/components/VcLayout/VcLayout.vue +1 -0
  45. package/src/components/VcLink/VcLink.spec.js +49 -0
  46. package/src/components/VcLink/VcLink.stories.js +30 -0
  47. package/src/components/VcLink/VcLink.vue +38 -0
  48. package/src/components/VcToast/VcToast.vue +8 -1
  49. package/src/components/index.js +7 -1
  50. package/src/components/list/VcGroupHeader/VcGroupHeader.spec.js +70 -0
  51. package/src/components/list/VcGroupHeader/VcGroupHeader.stories.js +30 -0
  52. package/src/components/list/VcGroupHeader/VcGroupHeader.vue +54 -0
  53. package/src/components/list/VcInfiniteScroll/VcInfiniteScroll.spec.js +68 -0
  54. package/src/components/list/VcInfiniteScroll/VcInfiniteScroll.stories.js +93 -0
  55. package/src/components/list/VcInfiniteScroll/VcInfiniteScroll.vue +66 -0
  56. package/src/components/list/VcListItem/VcListItem.spec.js +113 -0
  57. package/src/components/list/VcListItem/VcListItem.stories.js +67 -0
  58. package/src/components/list/VcListItem/VcListItem.vue +100 -0
  59. package/src/components/modal/VcConfirmModal/VcConfirmModal.spec.js +3 -1
  60. package/src/components/modal/VcConfirmModal/VcConfirmModal.stories.js +27 -23
  61. package/src/components/modal/VcConfirmModal/VcConfirmModal.vue +10 -2
  62. package/src/components/modal/VcConfirmProminentModal/VcConfirmProminentModal.spec.js +3 -1
  63. package/src/components/modal/VcConfirmProminentModal/VcConfirmProminentModal.stories.js +16 -9
  64. package/src/components/modal/VcConfirmProminentModal/VcConfirmProminentModal.vue +13 -5
  65. package/src/components/modal/VcInputModal/VcInputModal.spec.js +5 -3
  66. package/src/components/modal/VcInputModal/VcInputModal.stories.js +25 -18
  67. package/src/components/modal/VcInputModal/VcInputModal.vue +10 -2
  68. package/src/components/modal/VcNoticeModal/VcNoticeModal.spec.js +3 -1
  69. package/src/components/modal/VcNoticeModal/VcNoticeModal.stories.js +16 -9
  70. package/src/components/modal/VcNoticeModal/VcNoticeModal.vue +10 -2
  71. package/src/scss/mixins.scss +13 -0
  72. package/styles/variables.scss +3 -1
  73. package/src/assets/logo.png +0 -0
  74. package/src/assets/logo.svg +0 -1
  75. package/src/components/VcButton/VcButton.stories.mdx.old +0 -40
  76. package/src/components/VcExpansionPanels/VcExpansionPanels.stories.js +0 -36
  77. package/src/components/VcExpansionPanels/VcExpansionPanels.vue +0 -26
  78. package/src/components/VcHourInput/VcHourInput.stories.js +0 -36
  79. package/src/components/VcHourInput/VcHourInput.vue +0 -134
  80. package/src/stories/assets/colors.svg +0 -1
  81. package/src/stories/assets/comments.svg +0 -1
  82. package/src/stories/assets/direction.svg +0 -1
  83. package/src/stories/assets/plugin.svg +0 -1
  84. package/src/stories/assets/repo.svg +0 -1
  85. package/src/stories/assets/stackalt.svg +0 -1
  86. package/src/stories/colors.stories.mdx +0 -78
package/CHANGELOG.MD ADDED
@@ -0,0 +1,38 @@
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
+ - Adding VcEmptyState
9
+ - Adding VcLink
10
+ - Adding VcFocusArea
11
+ - Migrate the VcListItem component from FG
12
+ - Migrate the VcGroupHeader component from FG
13
+ - update for VcButton - added pill (rounded) prop
14
+ - Migrate VcFilterPanel component from FG
15
+ - Migrate VcInfiniteScroll component from FG
16
+ - Add translation utility
17
+
18
+ ### 0.1.5 (2021-12-07)
19
+ - update for VcAlert - added inline state
20
+ - update for VcCard - update all design and add test and story
21
+ - simplify the process of adding svg icons
22
+ - Migrate the VcCheckbox component from FG
23
+ - add disabled css for VcButton
24
+
25
+ ## 0.1.4 (2021-11-28)
26
+ - VcConfirmModal - added support for loader in modal buttons
27
+ - VcConfirmModal, VcModalContainer, VcModalWrapper - added support to add or remove the offset class
28
+
29
+ ## 0.1.2 (2021-11-21)
30
+ ### Added components
31
+ - VcActionsList
32
+ - VcBottomActions
33
+ - VcActions - A wrapper for VcActionsList and VcBottomActions that chooses which one to display, depending if it is used in desktop or mobile
34
+ - VcTooltip
35
+ - VcIconWithTooltip
36
+
37
+ ### Added utilities
38
+ - util/colorUtil.js - utility functions commonly used for setting the theme
package/README.md CHANGED
@@ -100,17 +100,8 @@ npm run storybook
100
100
  ### Ongoing development
101
101
 
102
102
  In many cases, you don't want to publish the package each time you make a change. In those cases it can may life much
103
- easier to install the package directly from your branch in git.
104
-
105
- ```
106
- npm install "https://github.com/vcita/design-system.git#branch" --save
107
- ```
108
-
109
- so to install from integration for example, run
110
-
111
- ```
112
- npm install "https://github.com/vcita/design-system.git#example" --save
113
- ```
103
+ easier to install the package from your local project directory.
104
+ To learn how to do this, please go [here](https://myvcita.atlassian.net/wiki/spaces/FG/pages/2021851137/Using+the+vcita+design+system+package#Installation-for-development-purposes).
114
105
 
115
106
  Note: before releasing, make sure to publish a version and use that in your project, or tracking version changes will
116
107
  become impossible.
package/config/locales/ds.de.yml ADDED
@@ -0,0 +1,6 @@
1
+ ---
2
+ de:
3
+ ds:
4
+ modal:
5
+ ok: Ok
6
+ cancel: Abbrechen
package/config/locales/ds.en.yml ADDED
@@ -0,0 +1,6 @@
1
+ ---
2
+ en:
3
+ ds:
4
+ modal:
5
+ cancel: Cancel
6
+ ok: Ok
package/config/locales/ds.es.yml ADDED
@@ -0,0 +1,6 @@
1
+ ---
2
+ es:
3
+ ds:
4
+ modal:
5
+ ok: Ok
6
+ cancel: Cancelar
package/config/locales/ds.fr.yml ADDED
@@ -0,0 +1,6 @@
1
+ ---
2
+ fr:
3
+ ds:
4
+ modal:
5
+ ok: Ok
6
+ cancel: Annuler
package/config/locales/ds.he.yml ADDED
@@ -0,0 +1,6 @@
1
+ ---
2
+ he:
3
+ ds:
4
+ modal:
5
+ ok: "אישור"
6
+ cancel: "ביטול"
package/config/locales/ds.it.yml ADDED
@@ -0,0 +1,6 @@
1
+ ---
2
+ it:
3
+ ds:
4
+ modal:
5
+ ok: Ok
6
+ cancel: Cancella
package/config/locales/ds.keys.yml ADDED
@@ -0,0 +1,6 @@
1
+ ---
2
+ keys:
3
+ ds:
4
+ modal:
5
+ ok: common.dialog.ok
6
+ cancel: common.dialog.cancel
package/config/locales/ds.nl.yml ADDED
@@ -0,0 +1,6 @@
1
+ ---
2
+ nl:
3
+ ds:
4
+ modal:
5
+ ok: Ok
6
+ cancel: Annuleren
package/config/locales/ds.pl.yml ADDED
@@ -0,0 +1,6 @@
1
+ ---
2
+ pl:
3
+ ds:
4
+ modal:
5
+ ok: OK
6
+ cancel: Anuluj
package/config/locales/ds.pseudo.yml ADDED
@@ -0,0 +1,6 @@
1
+ ---
2
+ pseudo:
3
+ ds:
4
+ modal:
5
+ ok: Ok Ok
6
+ cancel: Cånçél Cån
package/config/locales/ds.pt.yml ADDED
@@ -0,0 +1,6 @@
1
+ ---
2
+ pt:
3
+ ds:
4
+ modal:
5
+ ok: Ok
6
+ cancel: Cancelar
package/config/locales/ds.ru.yml ADDED
@@ -0,0 +1,6 @@
1
+ ---
2
+ ru:
3
+ ds:
4
+ modal:
5
+ ok: Ok
6
+ cancel: "Отменить"
package/config/locales/ds.sl.yml ADDED
@@ -0,0 +1,6 @@
1
+ ---
2
+ sl:
3
+ ds:
4
+ modal:
5
+ ok: V redu
6
+ cancel: Prekliči
package/config/locales/ds.tr.yml ADDED
@@ -0,0 +1,6 @@
1
+ ---
2
+ tr:
3
+ ds:
4
+ modal:
5
+ ok: Tamam
6
+ cancel: "İptal"
package/config/locales/ds.zun.yml ADDED
@@ -0,0 +1,6 @@
1
+ ---
2
+ zun:
3
+ ds:
4
+ modal:
5
+ ok: words.ok
6
+ cancel: words.cancel