@vcita/design-system 1.2.3 → 1.3.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 (30) hide show
  1. package/CHANGELOG.md +10 -1
  2. package/config/locales/ds.en.yml +4 -1
  3. package/config/locales/ds.he.yml +3 -0
  4. package/dist/@vcita/design-system.esm.js +1279 -1002
  5. package/dist/@vcita/design-system.min.js +2 -2
  6. package/dist/@vcita/design-system.ssr.js +1158 -888
  7. package/init/DesignSystem.js +2 -0
  8. package/init/SvgIcons.js +12 -2
  9. package/package.json +1 -1
  10. package/src/components/VcBreadcrumbs/VcBreadcrumbs.spec.js +82 -0
  11. package/src/components/VcBreadcrumbs/VcBreadcrumbs.stories.js +86 -0
  12. package/src/components/VcBreadcrumbs/VcBreadcrumbs.vue +59 -0
  13. package/src/components/VcButton/VcButton.stories.js +13 -2
  14. package/src/components/VcButton/VcButton.vue +16 -7
  15. package/src/components/VcLink/VcLink.vue +13 -1
  16. package/src/components/VcSideNav/VcSideNav.vue +2 -0
  17. package/src/components/VcTextField/VcTextField.stories.js +2 -1
  18. package/src/components/VcUpsellBlock/VcUpsellBlock.stories.js +7 -2
  19. package/src/components/VcUpsellBlock/VcUpsellBlock.vue +3 -0
  20. package/src/components/index.js +2 -0
  21. package/src/components/list/VcList/pattern/VcMobilePickerPattern.stories.js +3 -0
  22. package/src/components/modal/elements/VcModalContainer.stories.js +6 -0
  23. package/src/components/modal/elements/VcModalContainer.vue +7 -14
  24. package/src/components/page/elements/VcPageHeader.spec.js +123 -0
  25. package/src/components/page/elements/VcPageHeader.stories.js +80 -0
  26. package/src/components/page/elements/VcPageHeader.vue +96 -0
  27. package/src/components/page/layouts/SideNavPage/SideNavLayout.stories.js +223 -0
  28. package/src/components/page/layouts/centeredPage/CenteredPageLayout.stories.js +162 -0
  29. package/src/stories/variables.stories.mdx +9 -2
  30. package/styles/variables.scss +9 -0
package/src/stories/variables.stories.mdx CHANGED
@@ -175,12 +175,19 @@ import Flow from './assets/flow.svg';
175
175
  <div><code>--shadow-focused-frame: 0px 0px 0px 3px #99d4e3;</code></div>
176
176
 
177
177
 
178
- <div className="subheading">COMPONENTS</div>
178
+ <div className="subheading">LAYOUTS</div>
179
+
180
+ variables for `centered page` and `sidenav page`:
181
+
182
+ <div><code>--centered-layout-min-width: 708px;</code></div>
183
+ <div><code>--centered-layout-max-width: 1316px;</code></div>
179
184
 
180
185
 
186
+ <div className="subheading">COMPONENTS</div>
187
+
181
188
  variables for `VcPopover`:
182
189
 
183
- <div><code> --popover-width: 360px;</code></div>
190
+ <div><code>--popover-width: 360px;</code></div>
184
191
  <div><code>--popover-max-height: 464px;</code></div>
185
192
  <div><code>--popover-border-radius: 10px;</code></div>
186
193
 
package/styles/variables.scss CHANGED
@@ -9,6 +9,7 @@
9
9
  --font-size-small2: 15px;
10
10
  --font-size-small3: 17px;
11
11
  --font-size-medium: 18px;
12
+ --font-size-medium0: 20px;
12
13
  --font-size-medium1: 22px;
13
14
  --font-size-medium2: 24px;
14
15
  --font-size-large: 28px;
@@ -31,6 +32,14 @@
31
32
  --border-focused-frame: 1px solid var(--v-secondary-base);
32
33
  --shadow-focused-frame: 0px 0px 0px 3px var(--v-secondary-lighten1);
33
34
 
35
+ // Layouts
36
+
37
+ // Centered Layout
38
+ --centered-layout-min-width: 708px;
39
+ --centered-layout-max-width: 1316px;
40
+
41
+ // Components
42
+
34
43
  // Popover
35
44
  --popover-width: 360px;
36
45
  --popover-max-height: 464px;