@lightspeed/design-system-css 0.2.0 → 0.5.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (53) hide show
  1. package/CHANGELOG.md +25 -0
  2. package/dist/index.css +4973 -3289
  3. package/dist/index.css.map +1 -0
  4. package/dist/vend-styles.css +4973 -3289
  5. package/package.json +7 -7
  6. package/src/vend-styles/components/DatePicker/DatePicker.scss +6 -4
  7. package/src/vend.ui/components/vd-autocomplete-filter/vd-autocomplete-filter.scss +3 -3
  8. package/src/vend.ui/components/vd-avatar-multi/vd-avatar-multi-ns.scss +1 -1
  9. package/src/vend.ui/components/vd-avatar-multi/vd-avatar-multi.scss +1 -1
  10. package/src/vend.ui/components/vd-datepicker/vd-datepicker.scss +6 -4
  11. package/src/vend.ui/components/vd-dialog-close/vd-dialog-close.scss +2 -2
  12. package/src/vend.ui/components/vd-dott/vd-dott.scss +3 -1
  13. package/src/vend.ui/components/vd-grid/vd-grid.scss +7 -7
  14. package/src/vend.ui/components/vd-input/vd-input-ns.scss +3 -1
  15. package/src/vend.ui/components/vd-input/vd-input.scss +1 -1
  16. package/src/vend.ui/components/vd-loader/vd-loader.scss +2 -2
  17. package/src/vend.ui/components/vd-popover/vd-popover.scss +2 -2
  18. package/src/vend.ui/components/vd-scrollable/vd-scrollable.scss +1 -1
  19. package/src/vend.ui/components/vd-section-back/vd-section-back.scss +1 -1
  20. package/src/vend.ui/components/vd-table/vd-table.scss +0 -7
  21. package/src/vend.ui/components/vd-toast-notification/vd-toast-notification-ns.scss +3 -1
  22. package/src/vend.ui/components/vd-toast-notification/vd-toast-notification.scss +5 -4
  23. package/src/vend.ui/components/vd-topbar/vd-topbar.scss +11 -2
  24. package/src/vend.ui/styles/global/_grid.scss +4 -2
  25. package/src/vend.ui/styles/global/colour/_colour-functions.scss +16 -8
  26. package/src/vend.ui/styles/global/colour/themes/_colour-themes.scss +6 -5
  27. package/src/vend.ui/styles/global/colour/themes/_theme-functions.scss +12 -8
  28. package/src/vend.ui/styles/global/text/_text-mixins.scss +4 -2
  29. package/src/vend.ui/styles/global/utils/_functions.scss +5 -3
  30. package/src/vend.ui/styles/navi/dialogs/_nv-notifications-dialog.scss +1 -1
  31. package/dist/themes/index.d.ts +0 -2
  32. package/dist/themes/index.js +0 -9
  33. package/dist/themes/index.js.map +0 -1
  34. package/dist/themes/themeToScss.d.ts +0 -2
  35. package/dist/themes/themeToScss.js +0 -60
  36. package/dist/themes/themeToScss.js.map +0 -1
  37. package/dist/themes/types.d.ts +0 -54
  38. package/dist/themes/types.js +0 -16
  39. package/dist/themes/types.js.map +0 -1
  40. package/dist/themes/xseries/dark.d.ts +0 -68
  41. package/dist/themes/xseries/dark.js +0 -84
  42. package/dist/themes/xseries/dark.js.map +0 -1
  43. package/dist/themes/xseries/light.d.ts +0 -68
  44. package/dist/themes/xseries/light.js +0 -84
  45. package/dist/themes/xseries/light.js.map +0 -1
  46. package/src/themes/index.ts +0 -2
  47. package/src/themes/themeToScss.ts +0 -67
  48. package/src/themes/types.ts +0 -68
  49. package/src/themes/xseries/dark.ts +0 -90
  50. package/src/themes/xseries/light.ts +0 -89
  51. package/src/vend.ui/styles/global/colour/themes/_theme-keys.scss +0 -5
  52. package/src/vend.ui/styles/global/colour/themes/xseries/_theme-dark.scss +0 -53
  53. package/src/vend.ui/styles/global/colour/themes/xseries/_theme-light.scss +0 -53
@@ -1,89 +0,0 @@
1
- import { Theme } from '../types'
2
-
3
- const backgrounds = {
4
- inert: {
5
- background: '#F4F2F5',
6
- box: '#FFFFFF',
7
- backgroundInverse: '#141217',
8
- boxInverse: '#1E1C21',
9
- success: '#0E7B1D',
10
- },
11
- interactive: {
12
- goLighter: '#6054FF',
13
- go: '#3F32F5',
14
- goDarker: '#352ACF',
15
- goHighlight: 'rgba(128, 140, 255, .1)',
16
- noLighter: '#D4301D',
17
- no: '#BB2A1A',
18
- noDarker: '#A12416',
19
- supplementaryLighter: '#3C6996',
20
- supplementary: '#32577D',
21
- supplementaryDarker: '#284563',
22
- },
23
- }
24
-
25
- const foregrounds = {
26
- inert: {
27
- text: '#27252A',
28
- textInverse: '#FFFFFF',
29
- textAction: '#FFFFFF',
30
- selectArrowsBg: '#27252A',
31
- shadow: 'rgba(0, 0, 0, 0.35)',
32
- overlay: 'rgba(0, 0, 0, 0.35)',
33
- },
34
- borders: {
35
- framing: '#E7E5E8',
36
- keyline: '#C9C7CA',
37
- framingInverse: '#27252A',
38
- keylineInverse: '#37353A',
39
- },
40
- }
41
-
42
- const discretionary = {
43
- goldenSand: '#E6B03D',
44
- tacao: '#ED6B44',
45
- newYorkPink: '#DE3CEC',
46
- gothic: '#A02FB6',
47
- lavenderPurple: '#501897',
48
- sinbad: '#6952F6',
49
- shuttleGray: '#5D5D5D',
50
- }
51
-
52
- const navigation = {
53
- // When updating `navTop` ensure you also update the `<meta name="theme-color" content="#0B0B0B" />` in the head of index.html
54
- navTop: '#0B0B0B',
55
- navSideTabs: '#E7E5E8',
56
- navSideDrawer: '#FFFFFF',
57
- navIconUnselected: '#27252A',
58
- navIconSelected: '#3F32F5',
59
- }
60
-
61
- const deprecated = {
62
- boxSupplementary: '#E7E5E8',
63
- textNav: '#FFFFFF',
64
- supplementaryText: '#32577D',
65
- supplementaryHighlight: 'rgba(76, 124, 255, 0.1)',
66
- doHighlight: 'rgba(128, 140, 255, .1)',
67
- noHighlight: 'rgba(255, 128, 128, .1)',
68
- doLighter: '#6054FF',
69
- do: '#3F32F5',
70
- doDarker: '#352ACF',
71
- }
72
-
73
- export const xSeriesLightThemeByCategory = {
74
- backgrounds,
75
- foregrounds,
76
- discretionary,
77
- navigation,
78
- deprecated,
79
- }
80
-
81
- export const xSeriesLightTheme: Theme = {
82
- ...backgrounds.inert,
83
- ...backgrounds.interactive,
84
- ...foregrounds.inert,
85
- ...foregrounds.borders,
86
- ...discretionary,
87
- ...navigation,
88
- ...deprecated,
89
- }
@@ -1,5 +0,0 @@
1
- // THIS IS A GENERATED FILE. DO NOT EDIT.
2
-
3
- $vd-theme-required-base-keys: background,box,background-inverse,box-inverse,success,go-lighter,go,go-darker,go-highlight,no-lighter,no,no-darker,supplementary-lighter,supplementary,supplementary-darker,text,text-inverse,text-action,select-arrows-bg,shadow,overlay,framing,keyline,framing-inverse,keyline-inverse,golden-sand,tacao,new-york-pink,gothic,lavender-purple,sinbad,shuttle-gray,nav-top,nav-side-tabs,nav-side-drawer,nav-icon-unselected,nav-icon-selected,box-supplementary,text-nav,supplementary--text,supplementary-highlight,do-highlight,no-highlight,do-lighter,do,do-darker;
4
- $vd-theme-available-rgb-keys: background,box,box-inverse,do,go,nav-side-drawer,nav-side-tabs,nav-top,no,supplementary;
5
- $vd-theme-available-keys: background,box,background-inverse,box-inverse,success,go-lighter,go,go-darker,go-highlight,no-lighter,no,no-darker,supplementary-lighter,supplementary,supplementary-darker,text,text-inverse,text-action,select-arrows-bg,shadow,overlay,framing,keyline,framing-inverse,keyline-inverse,golden-sand,tacao,new-york-pink,gothic,lavender-purple,sinbad,shuttle-gray,nav-top,nav-side-tabs,nav-side-drawer,nav-icon-unselected,nav-icon-selected,box-supplementary,text-nav,supplementary--text,supplementary-highlight,do-highlight,no-highlight,do-lighter,do,do-darker,background-rgb,box-rgb,box-inverse-rgb,do-rgb,go-rgb,nav-side-drawer-rgb,nav-side-tabs-rgb,nav-top-rgb,no-rgb,supplementary-rgb;
@@ -1,53 +0,0 @@
1
- // THIS IS A GENERATED FILE. DO NOT EDIT.
2
-
3
- // stylelint-disable vend/use-colour-function
4
-
5
- $vd-xseries-theme-dark: (
6
- background:#141217,
7
- box:#1E1C21,
8
- background-inverse:#F4F2F5,
9
- box-inverse:#FFFFFF,
10
- success:#15BF20,
11
- go-lighter:#6054FF,
12
- go:#477BFF,
13
- go-darker:#352ACF,
14
- go-highlight:rgba(0, 23, 229, .1),
15
- no-lighter:#D4301D,
16
- no:#EB4F29,
17
- no-darker:#A12416,
18
- supplementary-lighter:#3C6996,
19
- supplementary:#5B83AC,
20
- supplementary-darker:#284563,
21
- text:#E7E5E8,
22
- text-inverse:#0B0B0B,
23
- text-action:#FFFFFF,
24
- select-arrows-bg:#E7E5E8,
25
- shadow:rgba(0, 0, 0, 0.35),
26
- overlay:rgba(43, 54, 61, 0.65),
27
- framing:#27252A,
28
- keyline:#37353A,
29
- framing-inverse:#E7E5E8,
30
- keyline-inverse:#C9C7CA,
31
- golden-sand:#E6B03D,
32
- tacao:#ED6B44,
33
- new-york-pink:#DE3CEC,
34
- gothic:#A02FB6,
35
- lavender-purple:#501897,
36
- sinbad:#6952F6,
37
- shuttle-gray:#5D5D5D,
38
- nav-top:#0B0B0B,
39
- nav-side-tabs:#27252A,
40
- nav-side-drawer:#1E1C21,
41
- nav-icon-unselected:#FFFFFF,
42
- nav-icon-selected:#E7E5E8,
43
- box-supplementary:#27252A,
44
- text-nav:#FFFFFF,
45
- supplementary--text:#5B83AC,
46
- supplementary-highlight:rgba(0, 61, 229, .1),
47
- do-highlight:rgba(0, 23, 229, .1),
48
- no-highlight:rgba(229, 0, 0,.1),
49
- do-lighter:#618EFF,
50
- do:#477BFF,
51
- do-darker:#406FE5);
52
-
53
- // stylelint-enable vend/use-colour-function
@@ -1,53 +0,0 @@
1
- // THIS IS A GENERATED FILE. DO NOT EDIT.
2
-
3
- // stylelint-disable vend/use-colour-function
4
-
5
- $vd-xseries-theme-light: (
6
- background:#F4F2F5,
7
- box:#FFFFFF,
8
- background-inverse:#141217,
9
- box-inverse:#1E1C21,
10
- success:#0E7B1D,
11
- go-lighter:#6054FF,
12
- go:#3F32F5,
13
- go-darker:#352ACF,
14
- go-highlight:rgba(128, 140, 255, .1),
15
- no-lighter:#D4301D,
16
- no:#BB2A1A,
17
- no-darker:#A12416,
18
- supplementary-lighter:#3C6996,
19
- supplementary:#32577D,
20
- supplementary-darker:#284563,
21
- text:#27252A,
22
- text-inverse:#FFFFFF,
23
- text-action:#FFFFFF,
24
- select-arrows-bg:#27252A,
25
- shadow:rgba(0, 0, 0, 0.35),
26
- overlay:rgba(0, 0, 0, 0.35),
27
- framing:#E7E5E8,
28
- keyline:#C9C7CA,
29
- framing-inverse:#27252A,
30
- keyline-inverse:#37353A,
31
- golden-sand:#E6B03D,
32
- tacao:#ED6B44,
33
- new-york-pink:#DE3CEC,
34
- gothic:#A02FB6,
35
- lavender-purple:#501897,
36
- sinbad:#6952F6,
37
- shuttle-gray:#5D5D5D,
38
- nav-top:#0B0B0B,
39
- nav-side-tabs:#E7E5E8,
40
- nav-side-drawer:#FFFFFF,
41
- nav-icon-unselected:#27252A,
42
- nav-icon-selected:#3F32F5,
43
- box-supplementary:#E7E5E8,
44
- text-nav:#FFFFFF,
45
- supplementary--text:#32577D,
46
- supplementary-highlight:rgba(76, 124, 255, 0.1),
47
- do-highlight:rgba(128, 140, 255, .1),
48
- no-highlight:rgba(255, 128, 128, .1),
49
- do-lighter:#6054FF,
50
- do:#3F32F5,
51
- do-darker:#352ACF);
52
-
53
- // stylelint-enable vend/use-colour-function