@lightspeed/design-system-css 34.0.2 → 35.0.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.
- package/dist/index.css +117 -189
- package/dist/index.css.map +1 -1
- package/package.json +1 -1
- package/src/index.scss +1 -1
- package/src/vend-styles/components/BarChart/BarChart.scss +1 -0
- package/src/vend-styles/components/Carousel/Carousel.scss +6 -1
- package/src/vend-styles/components/DataTable/DataTable.scss +7 -0
- package/src/vend-styles/components/DatePicker/DatePicker.scss +6 -3
- package/src/vend-styles/components/LineChart/LineChart.scss +3 -0
- package/src/vend-styles/components/Modal/Modal.scss +1 -6
- package/src/vend-styles/components/PromotionModal/PromotionModal.scss +1 -0
- package/src/vend-styles/components/TableList/TableList.scss +5 -4
- package/src/vend-styles/components/UpsellPrimary/UpsellPrimary.scss +1 -1
- package/src/vend-styles/components/UpsellSecondary/UpsellSecondary.scss +1 -1
- package/src/vend-styles/components/VendVideo/VendVideo.scss +8 -0
- package/src/vend-styles/vend-styles.scss +5 -5
- package/src/vend.ui/_deprecated/v38.0.0/styles/vd-flex/vd-flex.scss +2 -1
- package/src/vend.ui/behaviours/vd-align/vd-align.scss +2 -0
- package/src/vend.ui/components/vd-autocomplete/vd-autocomplete.scss +3 -3
- package/src/vend.ui/components/vd-autocomplete-filter/vd-autocomplete-filter.scss +4 -3
- package/src/vend.ui/components/vd-avatar/vd-avatar.scss +2 -2
- package/src/vend.ui/components/vd-avatar-multi/vd-avatar-multi.scss +13 -37
- package/src/vend.ui/components/vd-badges/vd-id-badge/vd-id-badge.scss +3 -1
- package/src/vend.ui/components/vd-banner/vd-banner.scss +2 -18
- package/src/vend.ui/components/vd-btn/_vd-btn-mixins.scss +3 -1
- package/src/vend.ui/components/vd-btn/vd-btn-panel.scss +5 -3
- package/src/vend.ui/components/vd-btn/vd-btn.scss +2 -2
- package/src/vend.ui/components/vd-card/vd-card.scss +2 -2
- package/src/vend.ui/components/vd-carousel/vd-carousel.scss +5 -1
- package/src/vend.ui/components/vd-checkbox/vd-checkbox.scss +12 -8
- package/src/vend.ui/components/vd-datepicker/vd-datepicker-ns.scss +1 -1
- package/src/vend.ui/components/vd-datepicker/vd-datepicker.scss +23 -11
- package/src/vend.ui/components/vd-dialog/vd-dialog.scss +1 -37
- package/src/vend.ui/components/vd-dott/vd-dott.scss +0 -1
- package/src/vend.ui/components/vd-dropdown/vd-dropdown.scss +2 -2
- package/src/vend.ui/components/vd-field/vd-field.scss +1 -0
- package/src/vend.ui/components/vd-flex/vd-flex.scss +9 -0
- package/src/vend.ui/components/vd-grid/vd-grid.scss +1 -1
- package/src/vend.ui/components/vd-hero/vd-hero-ns.scss +3 -2
- package/src/vend.ui/components/vd-hero/vd-hero.scss +4 -7
- package/src/vend.ui/components/vd-input/vd-input-ns.scss +9 -9
- package/src/vend.ui/components/vd-input/vd-input.scss +3 -0
- package/src/vend.ui/components/vd-link/vd-link.scss +2 -2
- package/src/vend.ui/components/vd-loader/vd-loader.scss +4 -3
- package/src/vend.ui/components/vd-lozenge/vd-lozenge.scss +1 -1
- package/src/vend.ui/components/vd-lozenge-group/vd-lozenge-group.scss +10 -5
- package/src/vend.ui/components/vd-modals-container/vd-modals-container.scss +1 -0
- package/src/vend.ui/components/vd-multiselect-popover/vd-multiselect-popover.scss +2 -2
- package/src/vend.ui/components/vd-next-stepper/vd-next-stepper.scss +1 -1
- package/src/vend.ui/components/vd-password/vd-password.scss +4 -0
- package/src/vend.ui/components/vd-popover/vd-popover.scss +10 -0
- package/src/vend.ui/components/vd-popover-list/vd-popover-list-ns.scss +1 -1
- package/src/vend.ui/components/vd-popover-list/vd-popover-list.scss +10 -4
- package/src/vend.ui/components/vd-promo/vd-promo-ns.scss +1 -1
- package/src/vend.ui/components/vd-promo/vd-promo.scss +2 -3
- package/src/vend.ui/components/vd-radio/vd-radio.scss +10 -5
- package/src/vend.ui/components/vd-section/vd-section.scss +2 -17
- package/src/vend.ui/components/vd-segcontrol/vd-segcontrol.scss +1 -1
- package/src/vend.ui/components/vd-select/vd-select-group.scss +4 -3
- package/src/vend.ui/components/vd-select/vd-select-ns.scss +4 -3
- package/src/vend.ui/components/vd-select/vd-select.scss +1 -0
- package/src/vend.ui/components/vd-splash/vd-splash.scss +1 -0
- package/src/vend.ui/components/vd-switch/vd-switch.scss +3 -3
- package/src/vend.ui/components/vd-table/vd-table.scss +19 -5
- package/src/vend.ui/components/vd-tabs/vd-tabs.scss +3 -3
- package/src/vend.ui/components/vd-text/vd-text.scss +3 -0
- package/src/vend.ui/components/vd-toast-notification/vd-toast-notification.scss +0 -6
- package/src/vend.ui/styles/global/_non-styles.scss +0 -2
- package/src/vend.ui/styles/global/_normalise.scss +1 -1
- package/src/vend.ui/styles/global/colour/_colour-functions.scss +4 -2
- package/src/vend.ui/styles/global/colour/_colour-helpers.scss +1 -0
- package/src/vend.ui/styles/global/colour/themes/_colour-themes.scss +0 -1
- package/src/vend.ui/styles/global/colour/themes/_css-var-theme-generator.scss +1 -1
- package/src/vend.ui/styles/global/colour/themes/_generate-themes.scss +4 -1
- package/src/vend.ui/styles/global/colour/themes/_theme-vd-functions.scss +1 -0
- package/src/vend.ui/styles/global/effects/_effects.scss +3 -0
- package/src/vend.ui/styles/global/text/_text-helpers.scss +1 -1
- package/src/vend.ui/styles/global/text/_text-mixins.scss +1 -3
- package/src/vend.ui/styles/global/utils/_functions.scss +2 -0
- package/src/vend.ui/styles/global/viewport/_viewport-identifier.scss +0 -3
- package/src/vend.ui/styles/global/viewport/_viewport-media-mixins.scss +2 -0
- package/dist/vend-styles.css +0 -8348
- package/src/vend-stylelint/use-colour-function.js +0 -63
@@ -1,63 +0,0 @@
|
|
1
|
-
/* eslint-disable func-names */
|
2
|
-
const stylelint = require('stylelint');
|
3
|
-
|
4
|
-
const ruleName = 'vend/use-colour-function';
|
5
|
-
|
6
|
-
const message = '[VEND] Use the vd-colour SASS function when defining a colour.';
|
7
|
-
const messages = stylelint.utils.ruleMessages(ruleName, {
|
8
|
-
expected() {
|
9
|
-
return message;
|
10
|
-
},
|
11
|
-
});
|
12
|
-
|
13
|
-
module.exports = stylelint.createPlugin(ruleName, function (enabled) {
|
14
|
-
if (!enabled) {
|
15
|
-
return;
|
16
|
-
}
|
17
|
-
|
18
|
-
// Matches hex, 'rgb', (not -rgb, ignores vend sass functions and values that are prefixed with -) and hsl colours; 'named' colours are
|
19
|
-
// prohibited via the `color-named` rule
|
20
|
-
const UNSUPPORTED_COLOUR_MATCHER = /(?<!-)rgb|hsl|^#([a-fA-F0-9]){3}$|[a-fA-F0-9]{6}$/;
|
21
|
-
|
22
|
-
// eslint-disable-next-line consistent-return
|
23
|
-
return function (root, result) {
|
24
|
-
// Ensure no named colours are used
|
25
|
-
stylelint.utils.checkAgainstRule(
|
26
|
-
{
|
27
|
-
ruleName: 'color-named',
|
28
|
-
ruleSettings: ['never'],
|
29
|
-
root,
|
30
|
-
},
|
31
|
-
(warning) => {
|
32
|
-
stylelint.utils.report({
|
33
|
-
message,
|
34
|
-
ruleName,
|
35
|
-
result,
|
36
|
-
node: warning.node,
|
37
|
-
line: warning.line,
|
38
|
-
column: warning.column,
|
39
|
-
});
|
40
|
-
}
|
41
|
-
);
|
42
|
-
|
43
|
-
root.walkDecls(function (decl) {
|
44
|
-
const { value, prop } = decl;
|
45
|
-
const isUnsupportedColourValue = value.match(UNSUPPORTED_COLOUR_MATCHER);
|
46
|
-
|
47
|
-
if (!isUnsupportedColourValue) {
|
48
|
-
return;
|
49
|
-
}
|
50
|
-
|
51
|
-
stylelint.utils.report({
|
52
|
-
result,
|
53
|
-
ruleName,
|
54
|
-
message: messages.expected(`${prop}, ${value}`),
|
55
|
-
node: decl,
|
56
|
-
word: value,
|
57
|
-
});
|
58
|
-
});
|
59
|
-
};
|
60
|
-
});
|
61
|
-
|
62
|
-
module.exports.ruleName = ruleName;
|
63
|
-
module.exports.messages = messages;
|