@nuvoui/core 1.2.5 → 1.2.7

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 (42) hide show
  1. package/README.md +2 -2
  2. package/dist/nuvoui.css +22277 -22831
  3. package/dist/nuvoui.css.map +1 -1
  4. package/dist/nuvoui.min.css +1 -1
  5. package/dist/nuvoui.min.css.map +1 -1
  6. package/package.json +2 -2
  7. package/src/styles/abstracts/_config.scss +124 -56
  8. package/src/styles/abstracts/_functions.scss +21 -61
  9. package/src/styles/base/_base.scss +67 -59
  10. package/src/styles/base/_reset.scss +11 -8
  11. package/src/styles/index.scss +28 -10
  12. package/src/styles/layouts/_container.scss +1 -2
  13. package/src/styles/layouts/_flex.scss +442 -154
  14. package/src/styles/layouts/_grid.scss +145 -75
  15. package/src/styles/mixins-map.json +482 -0
  16. package/src/styles/mixins-map.scss +1 -1
  17. package/src/styles/themes/_theme.scss +114 -94
  18. package/src/styles/utilities/_alignment.scss +40 -13
  19. package/src/styles/utilities/_animations.scss +165 -105
  20. package/src/styles/utilities/_backdrop-filters.scss +156 -107
  21. package/src/styles/utilities/_borders.scss +329 -143
  22. package/src/styles/utilities/_colors.scss +24 -25
  23. package/src/styles/utilities/_container-queries.scss +7 -7
  24. package/src/styles/utilities/_cursor.scss +10 -17
  25. package/src/styles/utilities/_display.scss +234 -85
  26. package/src/styles/utilities/_helpers.scss +5 -5
  27. package/src/styles/utilities/_media-queries.scss +24 -27
  28. package/src/styles/utilities/_opacity.scss +15 -31
  29. package/src/styles/utilities/_position.scss +129 -66
  30. package/src/styles/utilities/_shadows.scss +25 -31
  31. package/src/styles/utilities/_sizing.scss +269 -108
  32. package/src/styles/utilities/_spacing.scss +254 -156
  33. package/src/styles/utilities/_tooltips.scss +35 -31
  34. package/src/styles/utilities/_transforms.scss +179 -156
  35. package/src/styles/utilities/_transitions.scss +134 -68
  36. package/src/styles/utilities/_typography.scss +341 -127
  37. package/src/styles/utilities/_z-index.scss +79 -49
  38. package/src/styles/abstracts/_index.scss +0 -1
  39. package/src/styles/base/_index.scss +0 -2
  40. package/src/styles/layouts/_index.scss +0 -3
  41. package/src/styles/themes/_index.scss +0 -1
  42. package/src/styles/utilities/_index.scss +0 -23
@@ -1,11 +1,11 @@
1
1
  // Section: Layout
2
2
  // Module: Z-Index
3
3
 
4
- @use 'sass:map';
5
- @use 'sass:meta';
4
+ @use "sass:map";
5
+ @use "sass:meta";
6
6
 
7
7
  // Import variables
8
- @use '../abstracts' as VAR;
8
+ @use "../abstracts/config" as VAR;
9
9
 
10
10
  /**
11
11
  * Z-Index Utilities
@@ -20,37 +20,37 @@
20
20
 
21
21
  // Z-index values map (can be moved to variables)
22
22
  $z-indexes: (
23
- 'auto': auto,
24
- '0': 0,
25
- '10': 10,
26
- '20': 20,
27
- '30': 30,
28
- '40': 40,
29
- '50': 50,
30
- '60': 60,
31
- '70': 70,
32
- '80': 80,
33
- '90': 90,
34
- '100': 100,
35
- '200': 200,
36
- '500': 500,
37
- '1000': 1000,
23
+ "auto": auto,
24
+ "0": 0,
25
+ "10": 10,
26
+ "20": 20,
27
+ "30": 30,
28
+ "40": 40,
29
+ "50": 50,
30
+ "60": 60,
31
+ "70": 70,
32
+ "80": 80,
33
+ "90": 90,
34
+ "100": 100,
35
+ "200": 200,
36
+ "500": 500,
37
+ "1000": 1000,
38
38
  );
39
39
 
40
40
  // Named z-index levels (can be moved to variables)
41
41
  $z-index-levels: (
42
- 'base': 0,
43
- 'hover': 10,
44
- 'dropdown': 100,
45
- 'sticky': 200,
46
- 'fixed': 300,
47
- 'drawer': 400,
48
- 'modal': 500,
49
- 'popover': 600,
50
- 'tooltip': 700,
51
- 'overlay': 800,
52
- 'toast': 900,
53
- 'max': 9999
42
+ "base": 0,
43
+ "hover": 10,
44
+ "dropdown": 100,
45
+ "sticky": 200,
46
+ "fixed": 300,
47
+ "overlay": 400,
48
+ "drawer": 500,
49
+ "modal": 600,
50
+ "popover": 700,
51
+ "tooltip": 800,
52
+ "toast": 900,
53
+ "max": 9999,
54
54
  );
55
55
 
56
56
  /**
@@ -73,42 +73,72 @@ $z-index-levels: (
73
73
  */
74
74
  @mixin z-index-utilities($breakpoint: null) {
75
75
  $suffix: if($breakpoint, "\\@#{$breakpoint}", "");
76
-
76
+
77
77
  // Standard numbered z-index utilities
78
78
  @each $key, $value in $z-indexes {
79
- .z-#{$key}#{$suffix} { @include z-index($key); }
79
+ #{VAR.$parent-selector} .z-#{$key}#{$suffix} {
80
+ @include z-index($key);
81
+ }
80
82
  }
81
-
83
+
82
84
  // Named semantic z-index utilities
83
85
  @each $key, $value in $z-index-levels {
84
- .z-#{$key}#{$suffix} { @include z-index($value); }
86
+ #{VAR.$parent-selector} .z-#{$key}#{$suffix} {
87
+ @include z-index($value);
88
+ }
85
89
  }
86
90
  }
87
91
 
88
92
  // Create specific named utilities as mixins for use in other files
89
- @mixin z-base { @include z-index('base'); }
90
- @mixin z-hover { @include z-index('hover'); }
91
- @mixin z-dropdown { @include z-index('dropdown'); }
92
- @mixin z-sticky { @include z-index('sticky'); }
93
- @mixin z-fixed { @include z-index('fixed'); }
94
- @mixin z-drawer { @include z-index('drawer'); }
95
- @mixin z-modal { @include z-index('modal'); }
96
- @mixin z-popover { @include z-index('popover'); }
97
- @mixin z-tooltip { @include z-index('tooltip'); }
98
- @mixin z-overlay { @include z-index('overlay'); }
99
- @mixin z-toast { @include z-index('toast'); }
100
- @mixin z-max { @include z-index('max'); }
101
- @mixin z-auto { @include z-index('auto'); }
93
+ @mixin z-base {
94
+ @include z-index("base");
95
+ }
96
+ @mixin z-hover {
97
+ @include z-index("hover");
98
+ }
99
+ @mixin z-dropdown {
100
+ @include z-index("dropdown");
101
+ }
102
+ @mixin z-sticky {
103
+ @include z-index("sticky");
104
+ }
105
+ @mixin z-fixed {
106
+ @include z-index("fixed");
107
+ }
108
+ @mixin z-drawer {
109
+ @include z-index("drawer");
110
+ }
111
+ @mixin z-modal {
112
+ @include z-index("modal");
113
+ }
114
+ @mixin z-popover {
115
+ @include z-index("popover");
116
+ }
117
+ @mixin z-tooltip {
118
+ @include z-index("tooltip");
119
+ }
120
+ @mixin z-overlay {
121
+ @include z-index("overlay");
122
+ }
123
+ @mixin z-toast {
124
+ @include z-index("toast");
125
+ }
126
+ @mixin z-max {
127
+ @include z-index("max");
128
+ }
129
+ @mixin z-auto {
130
+ @include z-index("auto");
131
+ }
102
132
 
103
133
  // Generate utility classes
104
134
  @if VAR.$generate-utility-classes {
105
135
  // Generate base utilities
106
136
  @include z-index-utilities;
107
-
137
+
108
138
  // Generate responsive variants
109
139
  @each $breakpoint, $width in VAR.$breakpoints {
110
140
  @media (min-width: #{$width}) {
111
141
  @include z-index-utilities($breakpoint);
112
142
  }
113
143
  }
114
- }
144
+ }
@@ -1 +0,0 @@
1
- @forward "config";
@@ -1,2 +0,0 @@
1
- @forward "reset";
2
- @forward "base";
@@ -1,3 +0,0 @@
1
- @forward "container";
2
- @forward "flex";
3
- @forward "grid";
@@ -1 +0,0 @@
1
- @forward "theme";
@@ -1,23 +0,0 @@
1
- @use "../abstracts/config" as cfg;
2
-
3
- // Forward all utility files
4
- @forward "alignment";
5
- @forward "animations";
6
- @forward "backdrop-filters";
7
- @forward "borders";
8
- @forward "colors";
9
- @forward "container-queries";
10
- @forward "cursor";
11
- @forward "display";
12
- @forward "helpers";
13
- @forward "media-queries";
14
- @forward "opacity";
15
- @forward "position";
16
- @forward "shadows";
17
- @forward "sizing";
18
- @forward "spacing";
19
- @forward "tooltips";
20
- @forward "transforms";
21
- @forward "transitions";
22
- @forward "typography";
23
- @forward "z-index";