procode-vs-theme 2.2.0 → 2.4.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 (66) hide show
  1. package/CHANGELOG.md +214 -45
  2. package/dist/components.esm.js +28 -4
  3. package/dist/components.esm.js.map +1 -1
  4. package/dist/components.js +35 -3
  5. package/dist/components.js.map +1 -1
  6. package/dist/index.esm.js +41 -5
  7. package/dist/index.esm.js.map +1 -1
  8. package/dist/index.js +41 -5
  9. package/dist/index.js.map +1 -1
  10. package/dist/src/base/_border.scss +21 -12
  11. package/dist/src/base/_color.scss +106 -47
  12. package/dist/src/base/_custom-properties.scss +166 -111
  13. package/dist/src/base/_font.scss +61 -37
  14. package/dist/src/base/_size.scss +30 -17
  15. package/dist/src/base/_space.scss +53 -33
  16. package/dist/src/base/_variants.scss +128 -0
  17. package/dist/src/components/_alert.scss +83 -0
  18. package/dist/src/components/_badge.scss +100 -0
  19. package/dist/src/components/_buttons.scss +189 -420
  20. package/dist/src/components/_cards.scss +130 -0
  21. package/dist/src/components/_input.scss +186 -32
  22. package/dist/src/components/_link.scss +34 -0
  23. package/dist/src/components/_page.scss +87 -0
  24. package/dist/src/components/_pagination.scss +71 -0
  25. package/dist/src/components/_table.scss +171 -0
  26. package/dist/src/components/_tabs.scss +77 -0
  27. package/dist/src/components.ts +47 -23
  28. package/dist/src/index.scss +82 -71
  29. package/dist/src/utilities/_interaction.scss +72 -0
  30. package/dist/src/utilities/background-color/index.scss +13 -0
  31. package/dist/src/utilities/border/_border-color.scss +2 -0
  32. package/dist/src/utilities/box-shadow/index.scss +8 -8
  33. package/dist/src/utilities/typography/_color.scss +38 -34
  34. package/dist/src/variables.ts +38 -35
  35. package/dist/types/components.d.ts +18 -2
  36. package/dist/types/variables.d.ts +2 -0
  37. package/dist/variables.esm.js +4 -1
  38. package/dist/variables.esm.js.map +1 -1
  39. package/dist/variables.js +4 -0
  40. package/dist/variables.js.map +1 -1
  41. package/package.json +84 -84
  42. package/src/base/_border.scss +21 -12
  43. package/src/base/_color.scss +106 -47
  44. package/src/base/_custom-properties.scss +166 -111
  45. package/src/base/_font.scss +61 -37
  46. package/src/base/_size.scss +30 -17
  47. package/src/base/_space.scss +53 -33
  48. package/src/base/_variants.scss +128 -0
  49. package/src/components/_alert.scss +83 -0
  50. package/src/components/_badge.scss +100 -0
  51. package/src/components/_buttons.scss +189 -420
  52. package/src/components/_cards.scss +130 -0
  53. package/src/components/_input.scss +186 -32
  54. package/src/components/_link.scss +34 -0
  55. package/src/components/_page.scss +87 -0
  56. package/src/components/_pagination.scss +71 -0
  57. package/src/components/_table.scss +171 -0
  58. package/src/components/_tabs.scss +77 -0
  59. package/src/components.ts +47 -23
  60. package/src/index.scss +82 -71
  61. package/src/utilities/_interaction.scss +72 -0
  62. package/src/utilities/background-color/index.scss +13 -0
  63. package/src/utilities/border/_border-color.scss +2 -0
  64. package/src/utilities/box-shadow/index.scss +8 -8
  65. package/src/utilities/typography/_color.scss +38 -34
  66. package/src/variables.ts +38 -35
package/src/variables.ts CHANGED
@@ -1,36 +1,39 @@
1
- // VS Theme Variables Export
2
- // Provides access to all theme variables and base styles
3
-
4
- // Base variables and mixins
5
- export const colors = './base/_color.scss';
6
- export const fonts = './base/_font.scss';
7
- export const spacing = './base/_space.scss';
8
- export const borders = './base/_border.scss';
9
- export const sizes = './base/_size.scss';
10
-
11
- // Mixins
12
- export const mediaQueryMixins = './base/mixins/_media-query-mx.scss';
13
- export const fontSizeMixins = './base/mixins/_font_size-mx.scss';
14
- // All base variables combined
15
- export const allVariables = [
16
- colors,
17
- fonts,
18
- spacing,
19
- borders,
20
- sizes,
21
- mediaQueryMixins,
22
- fontSizeMixins,
23
- ];
24
-
25
- export default {
26
- colors,
27
- fonts,
28
- spacing,
29
- borders,
30
- sizes,
31
- mixins: {
32
- mediaQuery: mediaQueryMixins,
33
- fontSize: fontSizeMixins,
34
- },
35
- all: allVariables
1
+ // VS Theme Variables Export
2
+ // Provides access to all theme variables and base styles
3
+
4
+ // Base variables and mixins
5
+ export const colors = './base/_color.scss';
6
+ export const fonts = './base/_font.scss';
7
+ export const spacing = './base/_space.scss';
8
+ export const borders = './base/_border.scss';
9
+ export const sizes = './base/_size.scss';
10
+ export const variants = './base/_variants.scss';
11
+
12
+ // Mixins
13
+ export const mediaQueryMixins = './base/mixins/_media-query-mx.scss';
14
+ export const fontSizeMixins = './base/mixins/_font_size-mx.scss';
15
+ // All base variables combined
16
+ export const allVariables = [
17
+ colors,
18
+ fonts,
19
+ spacing,
20
+ borders,
21
+ sizes,
22
+ variants,
23
+ mediaQueryMixins,
24
+ fontSizeMixins,
25
+ ];
26
+
27
+ export default {
28
+ colors,
29
+ fonts,
30
+ spacing,
31
+ borders,
32
+ sizes,
33
+ variants,
34
+ mixins: {
35
+ mediaQuery: mediaQueryMixins,
36
+ fontSize: fontSizeMixins,
37
+ },
38
+ all: allVariables
36
39
  };