@nuvoui/core 1.3.4 → 1.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 (64) hide show
  1. package/LICENSE +21 -0
  2. package/dist/nuvoui.css +424 -342
  3. package/dist/nuvoui.css.map +1 -1
  4. package/dist/nuvoui.min.css +23 -1
  5. package/dist/nuvoui.min.css.map +1 -1
  6. package/package.json +1 -1
  7. package/src/styles/base/_base.scss +148 -147
  8. package/src/styles/base/_reset.scss +41 -49
  9. package/src/styles/build.scss +25 -1
  10. package/src/styles/components/_tooltips.scss +271 -0
  11. package/src/styles/config/_borders.scss +15 -0
  12. package/src/styles/config/_breakpoints.scss +11 -0
  13. package/src/styles/config/_colors.scss +192 -0
  14. package/src/styles/config/_constants.scss +1 -0
  15. package/src/styles/config/_container-queries.scss +1 -0
  16. package/src/styles/config/_feature-flags.scss +33 -0
  17. package/src/styles/config/_layouts.scss +13 -0
  18. package/src/styles/config/_shadows.scss +9 -0
  19. package/src/styles/config/_spacing.scss +41 -0
  20. package/src/styles/config/_theme-validation.scss +59 -0
  21. package/src/styles/config/_typography.scss +45 -0
  22. package/src/styles/functions/_breakpoints.scss +15 -0
  23. package/src/styles/functions/_colors.scss +280 -0
  24. package/src/styles/functions/_css-vars.scss +33 -0
  25. package/src/styles/functions/_feature-flags.scss +20 -0
  26. package/src/styles/functions/_math.scss +72 -0
  27. package/src/styles/functions/_strings.scss +68 -0
  28. package/src/styles/functions/_types.scss +104 -0
  29. package/src/styles/functions/_units.scss +83 -0
  30. package/src/styles/index.scss +26 -5
  31. package/src/styles/layouts/_container.scss +28 -27
  32. package/src/styles/layouts/_flex.scss +340 -341
  33. package/src/styles/layouts/_grid.scss +131 -128
  34. package/src/styles/mixins-map.json +484 -479
  35. package/src/styles/mixins-map.scss +1 -1
  36. package/src/styles/themes/_theme.scss +230 -211
  37. package/src/styles/tools/_accessibility.scss +50 -0
  38. package/src/styles/tools/_container-queries.scss +98 -0
  39. package/src/styles/tools/_feature-support.scss +46 -0
  40. package/src/styles/tools/_media-queries.scss +70 -0
  41. package/src/styles/tools/_modern-layout.scss +49 -0
  42. package/src/styles/utilities/_alignment.scss +35 -34
  43. package/src/styles/utilities/_animations.scss +312 -311
  44. package/src/styles/utilities/_backdrop-filters.scss +194 -193
  45. package/src/styles/utilities/_borders.scss +243 -237
  46. package/src/styles/utilities/_colors.scss +16 -136
  47. package/src/styles/utilities/_cursor.scss +10 -10
  48. package/src/styles/utilities/_display.scss +192 -191
  49. package/src/styles/utilities/_helpers.scss +106 -106
  50. package/src/styles/utilities/_opacity.scss +27 -25
  51. package/src/styles/utilities/_position.scss +124 -121
  52. package/src/styles/utilities/_shadows.scss +171 -169
  53. package/src/styles/utilities/_sizing.scss +197 -194
  54. package/src/styles/utilities/_spacing.scss +231 -224
  55. package/src/styles/utilities/_transforms.scss +235 -234
  56. package/src/styles/utilities/_transitions.scss +136 -135
  57. package/src/styles/utilities/_typography.scss +242 -239
  58. package/src/styles/utilities/_z-index.scss +69 -68
  59. package/src/styles/abstracts/_config.scss +0 -253
  60. package/src/styles/abstracts/_functions.scss +0 -626
  61. package/src/styles/themes/refactored_borders.ipynb +0 -37
  62. package/src/styles/utilities/_container-queries.scss +0 -95
  63. package/src/styles/utilities/_media-queries.scss +0 -189
  64. package/src/styles/utilities/_tooltips.scss +0 -258
package/src/styles/index.scss CHANGED
@@ -1,5 +1,21 @@
1
- @forward "abstracts/config";
2
- @forward "abstracts/functions";
1
+ @forward "config/borders";
2
+ @forward "config/breakpoints";
3
+ @forward "config/colors";
4
+ @forward "config/feature-flags";
5
+ @forward "config/layouts";
6
+ @forward "config/shadows";
7
+ @forward "config/spacing";
8
+ @forward "config/theme-validation";
9
+ @forward "config/typography";
10
+
11
+ @forward "functions/breakpoints";
12
+ @forward "functions/colors";
13
+ @forward "functions/css-vars";
14
+ @forward "functions/feature-flags";
15
+ @forward "functions/math";
16
+ @forward "functions/strings";
17
+ @forward "functions/types";
18
+ @forward "functions/units";
3
19
 
4
20
  @forward "base/reset";
5
21
  @forward "base/base";
@@ -8,24 +24,29 @@
8
24
  @forward "layouts/flex";
9
25
  @forward "layouts/grid";
10
26
 
27
+ @forward "tools/container-queries";
28
+ @forward "tools/media-queries";
29
+ @forward "tools/accessibility";
30
+ @forward "tools/feature-support";
31
+ @forward "tools/modern-layout";
32
+
33
+ @forward "components/tooltips";
34
+
11
35
  @forward "utilities/opacity";
12
36
  @forward "utilities/helpers";
13
37
  @forward "utilities/alignment";
14
38
  @forward "utilities/backdrop-filters";
15
39
  @forward "utilities/borders";
16
40
  @forward "utilities/colors";
17
- @forward "utilities/container-queries";
18
41
  @forward "utilities/cursor";
19
42
  @forward "utilities/display";
20
43
  @forward "utilities/shadows";
21
44
  @forward "utilities/sizing";
22
- @forward "utilities/tooltips";
23
45
  @forward "utilities/transforms";
24
46
  @forward "utilities/transitions";
25
47
  @forward "utilities/typography";
26
48
  @forward "utilities/z-index";
27
49
  @forward "utilities/spacing";
28
- @forward "utilities/media-queries";
29
50
  @forward "utilities/animations";
30
51
  @forward "utilities/position";
31
52
 
package/src/styles/layouts/_container.scss CHANGED
@@ -1,42 +1,43 @@
1
1
  @use "sass:map";
2
- @use "../abstracts/config" as VAR;
3
- @use "../abstracts/functions" as FN;
2
+ @use "../config/feature-flags" as config-flags;
3
+ @use "../config/breakpoints" as config-breakpoint;
4
+ @use "../functions/feature-flags" as fn-flags;
4
5
 
5
6
  // Base container styles
6
7
  @mixin container-base {
7
- width: 100%;
8
- margin-left: auto;
9
- margin-right: auto;
8
+ width: 100%;
9
+ margin-left: auto;
10
+ margin-right: auto;
10
11
  }
11
12
 
12
13
  @mixin container-padding($padding) {
13
- & {
14
- padding-top: $padding;
15
- padding-bottom: $padding;
16
- }
14
+ & {
15
+ padding-top: $padding;
16
+ padding-bottom: $padding;
17
+ }
17
18
  }
18
19
 
19
20
  // Responsive container mixin
20
21
  @mixin container($display: block) {
21
- display: $display;
22
- @include container-base;
23
- @each $breakpoint, $width in VAR.$breakpoints {
24
- @media (min-width: $width) {
25
- max-width: $width - 100px;
22
+ display: $display;
23
+ @include container-base;
24
+ @each $breakpoint, $width in config-breakpoint.$breakpoints {
25
+ @media (min-width: $width) {
26
+ max-width: $width - 100px;
27
+ }
26
28
  }
27
- }
28
- @include container-padding(1rem);
29
+ @include container-padding(1rem);
29
30
  }
30
31
 
31
- @if FN.feature-enabled("container-queries") {
32
- // Container classes
33
- #{VAR.$parent-selector} .container {
34
- @include container;
35
- }
36
- #{VAR.$parent-selector} .container.flex {
37
- @include container(flex);
38
- }
39
- #{VAR.$parent-selector} .container.grid {
40
- @include container(grid);
41
- }
32
+ @if fn-flags.feature-enabled("container") {
33
+ // Container classes
34
+ #{config-flags.$parent-selector} .container {
35
+ @include container;
36
+ }
37
+ #{config-flags.$parent-selector} .container.flex {
38
+ @include container(flex);
39
+ }
40
+ #{config-flags.$parent-selector} .container.grid {
41
+ @include container(grid);
42
+ }
42
43
  }