monkey-style-guide 21.2.34 → 22.0.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 (10) hide show
  1. package/assets/scss/directives/_popover.scss +2 -2
  2. package/assets/scss/partials/_breakpoints.scss +9 -9
  3. package/assets/scss/partials/_helper-classes.scss +2 -1
  4. package/assets/scss/partials/_variables.scss +66 -66
  5. package/fesm2022/monkey-style-guide.mjs +959 -766
  6. package/fesm2022/monkey-style-guide.mjs.map +1 -1
  7. package/monkey-style-guide-22.0.0.tgz +0 -0
  8. package/package.json +12 -13
  9. package/types/monkey-style-guide.d.ts +108 -118
  10. package/monkey-style-guide-21.2.34.tgz +0 -0
package/assets/scss/directives/_popover.scss CHANGED
@@ -5,8 +5,8 @@
5
5
  border: 2px solid var(--mecx-color-gray-200);
6
6
  background: var(--mecx-color-white);
7
7
  box-shadow:
8
- 0px 8px 12px -4px var(--mecx-color-box-shadow),
9
- 0px 8px 8px 0px var(--mecx-color-box-shadow);
8
+ 0px 8px 12px -4px var(--mecx-color-box-shadow),
9
+ 0px 8px 8px 0px var(--mecx-color-box-shadow);
10
10
  margin-bottom: 4px;
11
11
  }
12
12
 
package/assets/scss/partials/_breakpoints.scss CHANGED
@@ -9,12 +9,12 @@
9
9
  @use "sass:list";
10
10
 
11
11
  $breakpoints: (
12
- xs: 0,
13
- sm: 576px,
14
- md: 768px,
15
- lg: 992px,
16
- xl: 1200px,
17
- xxl: 1400px
12
+ xs: 0,
13
+ sm: 576px,
14
+ md: 768px,
15
+ lg: 992px,
16
+ xl: 1200px,
17
+ xxl: 1400px
18
18
  ) !default;
19
19
 
20
20
  // Breakpoint viewport sizes and media queries.
@@ -81,10 +81,10 @@ $breakpoints: (
81
81
  // >> breakpoint-infix(sm, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px, xxl: 1400px))
82
82
  // "-sm"
83
83
  @function breakpoint-infix($name) {
84
- @if breakpoint-min($name) == null {
85
- @return '';
86
- } @else {
84
+ @if breakpoint-min($name) {
87
85
  @return '-#{$name}';
86
+ } @else {
87
+ @return '';
88
88
  }
89
89
  }
90
90
 
package/assets/scss/partials/_helper-classes.scss CHANGED
@@ -193,7 +193,8 @@ body {
193
193
  }
194
194
 
195
195
  .text-break {
196
- word-wrap: break-word !important;
196
+ overflow-wrap: break-word !important;
197
+ /* stylelint-disable-next-line declaration-property-value-keyword-no-deprecated -- word-break: break-word is a deliberate fallback for browsers without overflow-wrap support */
197
198
  word-break: break-word !important;
198
199
  }
199
200
 
package/assets/scss/partials/_variables.scss CHANGED
@@ -6,91 +6,91 @@
6
6
  * MIT Licence
7
7
  **************************/
8
8
  $mecx-theme: (
9
- main: var(--mecx-color-theme-main),
10
- 50: #fff,
11
- 100: var(--mecx-color-theme-100),
12
- 200: var(--mecx-color-theme-200),
13
- 300: var(--mecx-color-theme-300),
14
- 400: var(--mecx-color-theme-400),
15
- 500: var(--mecx-color-theme-500),
16
- 600: var(--mecx-color-theme-600),
17
- 700: var(--mecx-color-theme-700),
18
- 800: var(--mecx-color-theme-800),
19
- 900: var(--mecx-color-theme-900)
9
+ main: var(--mecx-color-theme-main),
10
+ 50: #fff,
11
+ 100: var(--mecx-color-theme-100),
12
+ 200: var(--mecx-color-theme-200),
13
+ 300: var(--mecx-color-theme-300),
14
+ 400: var(--mecx-color-theme-400),
15
+ 500: var(--mecx-color-theme-500),
16
+ 600: var(--mecx-color-theme-600),
17
+ 700: var(--mecx-color-theme-700),
18
+ 800: var(--mecx-color-theme-800),
19
+ 900: var(--mecx-color-theme-900)
20
20
  );
21
21
  $mecx-error: (
22
- main: #fa3838,
23
- 100: #ffecec,
24
- 500: #fa3838,
25
- 700: #db0505
22
+ main: #fa3838,
23
+ 100: #ffecec,
24
+ 500: #fa3838,
25
+ 700: #db0505
26
26
  );
27
27
  $mecx-warning: (
28
- main: #efa30e,
29
- 100: #fff8eb,
30
- 500: #efa30e,
31
- 700: #cb8601
28
+ main: #efa30e,
29
+ 100: #fff8eb,
30
+ 500: #efa30e,
31
+ 700: #cb8601
32
32
  );
33
33
  $mecx-success: (
34
- main: #00875a,
35
- 100: #ebfff8,
36
- 500: #00875a,
37
- 700: #005236
34
+ main: #00875a,
35
+ 100: #ebfff8,
36
+ 500: #00875a,
37
+ 700: #005236
38
38
  );
39
39
  $mecx-question: (
40
- main: #8d38fa,
41
- 100: #f4ebff,
42
- 500: #8d38fa,
43
- 800: #2d0264
40
+ main: #8d38fa,
41
+ 100: #f4ebff,
42
+ 500: #8d38fa,
43
+ 800: #2d0264
44
44
  );
45
45
  $mecx-support: (
46
- 'blue': #003687,
47
- 'pink': #870069,
48
- 'brown': #873100,
49
- 'green': #7c8700
46
+ 'blue': #003687,
47
+ 'pink': #870069,
48
+ 'brown': #873100,
49
+ 'green': #7c8700
50
50
  );
51
51
  $mecx-gray: (
52
- 50: #f8fafb,
53
- 100: #f1f2f3,
54
- 200: #e9eaec,
55
- 300: #d3d6da,
56
- 400: #bdc1c7,
57
- 500: #868d98,
58
- 600: #676e79,
59
- 700: #545a63,
60
- 800: #2f3237,
61
- 900: #1f2024
52
+ 50: #f8fafb,
53
+ 100: #f1f2f3,
54
+ 200: #e9eaec,
55
+ 300: #d3d6da,
56
+ 400: #bdc1c7,
57
+ 500: #868d98,
58
+ 600: #676e79,
59
+ 700: #545a63,
60
+ 800: #2f3237,
61
+ 900: #1f2024
62
62
  );
63
63
  $mecx-align: ('left', 'center', 'right', 'justify');
64
64
  $mecx-sizes: (
65
- base: 14px,
66
- 12: 12px,
67
- 13: 13px,
68
- xxs: 14px,
69
- xs: 16px,
70
- sm: 18px,
71
- md: 20px,
72
- lg: 24px,
73
- xl: 32px,
74
- xxl: 40px
65
+ base: 14px,
66
+ 12: 12px,
67
+ 13: 13px,
68
+ xxs: 14px,
69
+ xs: 16px,
70
+ sm: 18px,
71
+ md: 20px,
72
+ lg: 24px,
73
+ xl: 32px,
74
+ xxl: 40px
75
75
  );
76
76
  $mecx-lh: (
77
- base: 1.6,
78
- 16: 16px,
79
- 24: 24px,
80
- 32: 32px,
81
- 40: 40px,
82
- 48: 48px
77
+ base: 1.6,
78
+ 16: 16px,
79
+ 24: 24px,
80
+ 32: 32px,
81
+ 40: 40px,
82
+ 48: 48px
83
83
  );
84
84
  $mecx-weight: (
85
- regular: 400,
86
- medium: 500,
87
- semibold: 600,
88
- bold: 700
85
+ regular: 400,
86
+ medium: 500,
87
+ semibold: 600,
88
+ bold: 700
89
89
  );
90
90
  $mecx-spaces: (
91
- micro: 4px,
92
- xs: 8px,
93
- small: 12px,
94
- medium: 24px,
95
- cozy: 16px
91
+ micro: 4px,
92
+ xs: 8px,
93
+ small: 12px,
94
+ medium: 24px,
95
+ cozy: 16px
96
96
  );