@lightspeed/design-system-css 1.1.2 → 1.3.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (111) hide show
  1. package/README.md +1 -1
  2. package/dist/index.css +382 -240
  3. package/dist/index.css.map +1 -1
  4. package/dist/vend-styles.css +382 -240
  5. package/package.json +1 -34
  6. package/src/images-ui/images-ui-ns.scss +1 -1
  7. package/src/vend-stylelint/use-colour-function.js +25 -22
  8. package/src/vend-styles/components/BarChart/BarChart.scss +9 -9
  9. package/src/vend-styles/components/CodeInput/CodeInput.scss +0 -1
  10. package/src/vend-styles/components/DatePicker/DatePicker.scss +3 -11
  11. package/src/vend-styles/components/DatePicker/_DatePicker-ns.scss +1 -1
  12. package/src/vend-styles/components/LineChart/LineChart.scss +5 -4
  13. package/src/vend-styles/components/Modal/Modal.scss +25 -12
  14. package/src/vend-styles/components/Modal/_Modal-ns.scss +7 -2
  15. package/src/vend-styles/components/PromotionModal/PromotionModal.scss +1 -1
  16. package/src/vend-styles/components/TableList/TableList.scss +5 -1
  17. package/src/vend-styles/components/UpsellPrimary/UpsellPrimary.scss +1 -6
  18. package/src/vend.ui/_deprecated/v38.0.0/styles/vd-flex/vd-flex.scss +15 -7
  19. package/src/vend.ui/behaviours/vd-align/vd-align.scss +9 -3
  20. package/src/vend.ui/components/vd-autocomplete-filter/vd-autocomplete-filter.scss +4 -3
  21. package/src/vend.ui/components/vd-avatar/vd-avatar.scss +7 -7
  22. package/src/vend.ui/components/vd-avatar-multi/vd-avatar-multi.scss +1 -1
  23. package/src/vend.ui/components/vd-badges/vd-badges.scss +1 -1
  24. package/src/vend.ui/components/vd-badges/vd-id-badge/vd-id-badge.scss +7 -3
  25. package/src/vend.ui/components/vd-banner/vd-banner-ns.scss +5 -1
  26. package/src/vend.ui/components/vd-banner/vd-banner.scss +8 -4
  27. package/src/vend.ui/components/vd-bg/vd-bg.scss +1 -1
  28. package/src/vend.ui/components/vd-btn/_vd-btn-mixins.scss +15 -15
  29. package/src/vend.ui/components/vd-btn/vd-btn-panel.scss +4 -3
  30. package/src/vend.ui/components/vd-btn/vd-btn.scss +11 -9
  31. package/src/vend.ui/components/vd-carousel/vd-carousel.scss +3 -2
  32. package/src/vend.ui/components/vd-checkbox/vd-checkbox.scss +33 -12
  33. package/src/vend.ui/components/vd-datepicker/vd-datepicker-ns.scss +2 -2
  34. package/src/vend.ui/components/vd-datepicker/vd-datepicker.scss +16 -6
  35. package/src/vend.ui/components/vd-dialog/vd-dialog-ns.scss +3 -1
  36. package/src/vend.ui/components/vd-dialog/vd-dialog.scss +13 -13
  37. package/src/vend.ui/components/vd-dialog-close/vd-dialog-close.scss +2 -2
  38. package/src/vend.ui/components/vd-dialog-drawer/vd-dialog-drawer.scss +1 -1
  39. package/src/vend.ui/components/vd-dott/vd-dott.scss +5 -4
  40. package/src/vend.ui/components/vd-dropdown/vd-dropdown.scss +1 -1
  41. package/src/vend.ui/components/vd-flag/vd-flag.scss +1 -2
  42. package/src/vend.ui/components/vd-flex/vd-flex.scss +39 -13
  43. package/src/vend.ui/components/vd-hero/vd-hero-ns.scss +2 -2
  44. package/src/vend.ui/components/vd-in-page-help/vd-in-page-help.scss +0 -2
  45. package/src/vend.ui/components/vd-input/vd-input-ns.scss +19 -12
  46. package/src/vend.ui/components/vd-input/vd-input.scss +12 -4
  47. package/src/vend.ui/components/vd-link/vd-link.scss +12 -4
  48. package/src/vend.ui/components/vd-loader/vd-loader.scss +1 -1
  49. package/src/vend.ui/components/vd-lozenge-group/vd-lozenge-group.scss +22 -7
  50. package/src/vend.ui/components/vd-multiselect-popover/vd-multiselect-popover.scss +1 -1
  51. package/src/vend.ui/components/vd-nav-divider/vd-nav-divider.scss +14 -0
  52. package/src/vend.ui/components/vd-next-stepper/vd-next-stepper.scss +1 -1
  53. package/src/vend.ui/components/vd-overlay/vd-overlay-ns.scss +1 -1
  54. package/src/vend.ui/components/vd-p/vd-p.scss +3 -1
  55. package/src/vend.ui/components/vd-popover/vd-popover.scss +3 -1
  56. package/src/vend.ui/components/vd-popover-list/vd-popover-list-ns.scss +3 -1
  57. package/src/vend.ui/components/vd-popover-list/vd-popover-list.scss +1 -2
  58. package/src/vend.ui/components/vd-promo/vd-promo-ns.scss +1 -1
  59. package/src/vend.ui/components/vd-promo/vd-promo.scss +0 -1
  60. package/src/vend.ui/components/vd-radio/vd-radio.scss +30 -10
  61. package/src/vend.ui/components/vd-section/vd-section.scss +26 -11
  62. package/src/vend.ui/components/vd-segcontrol/vd-segcontrol.scss +3 -1
  63. package/src/vend.ui/components/vd-select/vd-select-group.scss +11 -5
  64. package/src/vend.ui/components/vd-select/vd-select-inline.scss +2 -1
  65. package/src/vend.ui/components/vd-select/vd-select.scss +2 -2
  66. package/src/vend.ui/components/vd-settings/vd-settings.scss +1 -1
  67. package/src/vend.ui/components/vd-sidebar/tmp-overrides.scss +95 -0
  68. package/src/vend.ui/components/vd-sidebar/vd-sidebar-ns.scss +23 -0
  69. package/src/vend.ui/components/vd-sidebar/vd-sidebar.scss +113 -0
  70. package/src/vend.ui/components/vd-sidebar-drawer/vd-sidebar-drawer-ns.scss +4 -4
  71. package/src/vend.ui/components/vd-sidebar-drawer/vd-sidebar-drawer.scss +5 -2
  72. package/src/vend.ui/components/vd-sidebar-tabs/vd-sidebar-tabs-ns.scss +12 -3
  73. package/src/vend.ui/components/vd-sidebar-tabs/vd-sidebar-tabs.scss +42 -27
  74. package/src/vend.ui/components/vd-suggestion/vd-suggestion-list-ns.scss +2 -2
  75. package/src/vend.ui/components/vd-table/vd-table.scss +102 -33
  76. package/src/vend.ui/components/vd-tabs/vd-tabs.scss +1 -2
  77. package/src/vend.ui/components/vd-text/vd-text.scss +13 -5
  78. package/src/vend.ui/components/vd-toast-notification/vd-toast-notification.scss +2 -1
  79. package/src/vend.ui/components/vd-topbar/vd-topbar.scss +2 -2
  80. package/src/vend.ui/components/vd-visibility/vd-visibility.scss +9 -3
  81. package/src/vend.ui/styles/global/_base-mixins.scss +1 -2
  82. package/src/vend.ui/styles/global/_grid.scss +5 -5
  83. package/src/vend.ui/styles/global/_layout.scss +2 -2
  84. package/src/vend.ui/styles/global/_non-styles.scss +1 -0
  85. package/src/vend.ui/styles/global/_normalise.scss +8 -1
  86. package/src/vend.ui/styles/global/_z-index.scss +0 -8
  87. package/src/vend.ui/styles/global/colour/_base.scss +8 -13
  88. package/src/vend.ui/styles/global/colour/_colour-functions.scss +2 -10
  89. package/src/vend.ui/styles/global/colour/_colour.scss +3 -3
  90. package/src/vend.ui/styles/global/effects/_effects-ns.scss +4 -4
  91. package/src/vend.ui/styles/global/effects/_effects.scss +51 -6
  92. package/src/vend.ui/styles/global/spacing/_spacing-functions.scss +2 -2
  93. package/src/vend.ui/styles/global/spacing/_spacing-helpers.scss +2 -6
  94. package/src/vend.ui/styles/global/text/_base.scss +1 -1
  95. package/src/vend.ui/styles/global/text/_text-definitions.scss +13 -13
  96. package/src/vend.ui/styles/global/text/_text-mixins.scss +15 -23
  97. package/src/vend.ui/styles/global/text/_text.scss +2 -2
  98. package/src/vend.ui/styles/global/utils/_functions.scss +2 -2
  99. package/src/vend.ui/styles/global/viewport/_viewport-data.scss +30 -30
  100. package/src/vend.ui/styles/global/viewport/_viewport-identifier.scss +1 -1
  101. package/src/vend.ui/styles/global/viewport/_viewport-media-mixins.scss +16 -16
  102. package/src/vend.ui/styles/global/viewport/_viewport-ranges.scss +9 -9
  103. package/src/vend.ui/styles/navi/_nv-topnav-title.scss +1 -1
  104. package/src/vend.ui/styles/navi/_nv-topnav.scss +4 -4
  105. package/src/vend.ui/styles/navi/dialogs/_nv-notifications-dialog.scss +2 -2
  106. package/src/vend.ui/styles/navi/navi.scss +8 -9
  107. package/src/vend.ui/styles/navi/non-styles/_mixins.scss +6 -4
  108. package/src/vend.ui/styles/navi/non-styles/_variables.scss +0 -11
  109. package/src/vend.ui/styles/vend-ui.scss +2 -0
  110. package/CHANGELOG.md +0 -186
  111. package/src/vend.ui/styles/navi/_nv-sidenav.scss +0 -143
package/README.md CHANGED
@@ -9,7 +9,7 @@ CSS component library for building Lightspeed products.
9
9
  To use these components, you would typically add the following to your package's root `index.tsx`:
10
10
 
11
11
  ```ts
12
- import '@lightspeed/design-system-css'
12
+ import '@lightspeed/design-system-css';
13
13
  ```
14
14
 
15
15
  You have access to both the `.css` dist files and the `.scss` src files. The design system CSS files are broken down per component, so you can just use what you need (i.e. `DatePicker.css`).