@nuvoui/core 1.3.5 → 1.4.1

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 (65) hide show
  1. package/LICENSE +21 -0
  2. package/README.md +1 -1
  3. package/dist/nuvoui.css +878 -646
  4. package/dist/nuvoui.css.map +1 -1
  5. package/dist/nuvoui.min.css +23 -1
  6. package/dist/nuvoui.min.css.map +1 -1
  7. package/package.json +1 -1
  8. package/src/styles/base/_base.scss +148 -147
  9. package/src/styles/base/_reset.scss +41 -49
  10. package/src/styles/build.scss +25 -1
  11. package/src/styles/components/_tooltips.scss +271 -0
  12. package/src/styles/config/_borders.scss +15 -0
  13. package/src/styles/config/_breakpoints.scss +11 -0
  14. package/src/styles/config/_colors.scss +192 -0
  15. package/src/styles/config/_constants.scss +1 -0
  16. package/src/styles/config/_container-queries.scss +1 -0
  17. package/src/styles/config/_feature-flags.scss +33 -0
  18. package/src/styles/config/_layouts.scss +13 -0
  19. package/src/styles/config/_shadows.scss +9 -0
  20. package/src/styles/config/_spacing.scss +41 -0
  21. package/src/styles/config/_theme-validation.scss +59 -0
  22. package/src/styles/config/_typography.scss +45 -0
  23. package/src/styles/functions/_breakpoints.scss +15 -0
  24. package/src/styles/functions/_colors.scss +280 -0
  25. package/src/styles/functions/_css-vars.scss +33 -0
  26. package/src/styles/functions/_feature-flags.scss +20 -0
  27. package/src/styles/functions/_math.scss +72 -0
  28. package/src/styles/functions/_strings.scss +68 -0
  29. package/src/styles/functions/_types.scss +104 -0
  30. package/src/styles/functions/_units.scss +83 -0
  31. package/src/styles/index.scss +26 -5
  32. package/src/styles/layouts/_container.scss +28 -27
  33. package/src/styles/layouts/_flex.scss +343 -337
  34. package/src/styles/layouts/_grid.scss +131 -128
  35. package/src/styles/mixins-map.json +486 -479
  36. package/src/styles/mixins-map.scss +1 -1
  37. package/src/styles/themes/_theme.scss +230 -211
  38. package/src/styles/tools/_accessibility.scss +50 -0
  39. package/src/styles/tools/_container-queries.scss +98 -0
  40. package/src/styles/tools/_feature-support.scss +46 -0
  41. package/src/styles/tools/_media-queries.scss +70 -0
  42. package/src/styles/tools/_modern-layout.scss +49 -0
  43. package/src/styles/utilities/_alignment.scss +35 -34
  44. package/src/styles/utilities/_animations.scss +312 -311
  45. package/src/styles/utilities/_backdrop-filters.scss +194 -193
  46. package/src/styles/utilities/_borders.scss +243 -237
  47. package/src/styles/utilities/_colors.scss +16 -136
  48. package/src/styles/utilities/_cursor.scss +10 -10
  49. package/src/styles/utilities/_display.scss +192 -191
  50. package/src/styles/utilities/_helpers.scss +106 -106
  51. package/src/styles/utilities/_opacity.scss +27 -25
  52. package/src/styles/utilities/_position.scss +124 -121
  53. package/src/styles/utilities/_shadows.scss +171 -169
  54. package/src/styles/utilities/_sizing.scss +197 -194
  55. package/src/styles/utilities/_spacing.scss +230 -227
  56. package/src/styles/utilities/_transforms.scss +235 -234
  57. package/src/styles/utilities/_transitions.scss +136 -135
  58. package/src/styles/utilities/_typography.scss +254 -239
  59. package/src/styles/utilities/_z-index.scss +69 -68
  60. package/src/styles/abstracts/_config.scss +0 -254
  61. package/src/styles/abstracts/_functions.scss +0 -626
  62. package/src/styles/themes/refactored_borders.ipynb +0 -37
  63. package/src/styles/utilities/_container-queries.scss +0 -95
  64. package/src/styles/utilities/_media-queries.scss +0 -189
  65. 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") {
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
  }