@lightspeed/design-system-css 0.2.0 → 0.3.0
Sign up to get free protection for your applications and to get access to all the features.
- package/CHANGELOG.md +6 -0
- package/dist/index.css +4968 -3288
- package/dist/index.css.map +1 -0
- package/dist/themes/index.js +5 -4
- package/dist/themes/index.js.map +1 -1
- package/dist/themes/themeToScss.js +5 -3
- package/dist/themes/themeToScss.js.map +1 -1
- package/dist/themes/types.js +1 -0
- package/dist/themes/types.js.map +1 -1
- package/dist/themes/xseries/dark.js +1 -0
- package/dist/themes/xseries/dark.js.map +1 -1
- package/dist/themes/xseries/light.js +1 -0
- package/dist/themes/xseries/light.js.map +1 -1
- package/dist/vend-styles.css +4968 -3288
- package/package.json +4 -4
- package/src/vend.ui/components/vd-toast-notification/vd-toast-notification-ns.scss +3 -1
- package/src/vend.ui/components/vd-toast-notification/vd-toast-notification.scss +4 -3
package/package.json
CHANGED
@@ -1,6 +1,6 @@
|
|
1
1
|
{
|
2
2
|
"name": "@lightspeed/design-system-css",
|
3
|
-
"version": "0.
|
3
|
+
"version": "0.3.0",
|
4
4
|
"description": "Lightspeed's Design System in CSS",
|
5
5
|
"author": "Lightspeed Commerce Inc.",
|
6
6
|
"license": "SEE LICENSE IN LICENSE.md",
|
@@ -15,9 +15,9 @@
|
|
15
15
|
"scripts": {
|
16
16
|
"build": "rm -rf dist && yarn lint && yarn build:minimal && yarn build:retrocompatibility",
|
17
17
|
"build:themes": "yarn ts-node ./src/themes/themeToScss",
|
18
|
-
"build:minimal": "yarn tsc &&
|
18
|
+
"build:minimal": "yarn tsc && sass -q src/index.scss:dist/index.css",
|
19
19
|
"build:retrocompatibility": "cp dist/index.css dist/vend-styles.css",
|
20
|
-
"build-watch": "yarn lint && yarn build:themes &&
|
20
|
+
"build-watch": "yarn lint && yarn build:themes && sass -rw src/:dist/",
|
21
21
|
"test": "true",
|
22
22
|
"lint": "yarn stylelint './src/**/*.scss' --config ./stylelint.config.json"
|
23
23
|
},
|
@@ -26,7 +26,7 @@
|
|
26
26
|
},
|
27
27
|
"devDependencies": {
|
28
28
|
"@types/node": "^16.11.2",
|
29
|
-
"
|
29
|
+
"sass": "~1.32.0",
|
30
30
|
"stylelint": "^13.5.0",
|
31
31
|
"stylelint-scss": "^3.17.2",
|
32
32
|
"ts-node": "^10.3.1"
|
@@ -1,3 +1,5 @@
|
|
1
1
|
$vd-toast-notification-padding-v: vd-grid-unit(6);
|
2
|
-
$vd-toast-notification-padding-
|
2
|
+
$vd-toast-notification-padding-r: vd-grid-unit(19);
|
3
|
+
$vd-toast-notification-padding-l: vd-grid-unit(10);
|
4
|
+
$vd-toast-notification-dismiss-padding: vd-grid-unit(8);
|
3
5
|
$vd-toast-notification-offset: vd-grid-unit(5);
|
@@ -24,18 +24,19 @@
|
|
24
24
|
position: relative;
|
25
25
|
|
26
26
|
display: flex;
|
27
|
-
align-items:
|
27
|
+
align-items: start;
|
28
28
|
justify-content: center;
|
29
29
|
|
30
30
|
width: calc(100% - #{$vd-toast-notification-offset});
|
31
31
|
max-width: vd-grid-unit(170);
|
32
32
|
margin: 0 auto;
|
33
|
-
padding: $vd-toast-notification-padding-v $vd-toast-notification-padding-
|
33
|
+
padding: $vd-toast-notification-padding-v $vd-toast-notification-padding-r $vd-toast-notification-padding-v $vd-toast-notification-padding-l;
|
34
34
|
|
35
35
|
border-radius: $vd-border-radius;
|
36
36
|
box-sizing: border-box;
|
37
37
|
color: vd-colour(text-action);
|
38
38
|
text-align: center;
|
39
|
+
font-weight: $vd-font-weight--bold;
|
39
40
|
|
40
41
|
transition: opacity ease-in-out $vd-time-m;
|
41
42
|
pointer-events: auto;
|
@@ -45,7 +46,7 @@
|
|
45
46
|
position: absolute;
|
46
47
|
right: 0;
|
47
48
|
top: 0;
|
48
|
-
|
49
|
+
padding: 0 $vd-toast-notification-dismiss-padding;
|
49
50
|
height: 100%;
|
50
51
|
display: flex;
|
51
52
|
align-items: center;
|