@oruga-ui/theme-oruga 0.5.0 → 0.6.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 (39) hide show
  1. package/README.md +4 -3
  2. package/dist/oruga.css +2 -2
  3. package/dist/scss/components/_autocomplete.scss +15 -15
  4. package/dist/scss/components/_button.scss +175 -162
  5. package/dist/scss/components/_carousel.scss +199 -177
  6. package/dist/scss/components/_checkbox.scss +130 -122
  7. package/dist/scss/components/_collapse.scss +11 -9
  8. package/dist/scss/components/_datepicker.scss +408 -416
  9. package/dist/scss/components/_datetimepicker.scss +8 -8
  10. package/dist/scss/components/_dropdown.scss +224 -206
  11. package/dist/scss/components/_field.scss +107 -106
  12. package/dist/scss/components/_icon.scss +44 -40
  13. package/dist/scss/components/_input.scss +127 -112
  14. package/dist/scss/components/_loading.scss +27 -24
  15. package/dist/scss/components/_menu.scss +100 -63
  16. package/dist/scss/components/_modal.scss +66 -66
  17. package/dist/scss/components/_notification.scss +146 -134
  18. package/dist/scss/components/_pagination.scss +227 -198
  19. package/dist/scss/components/_radio.scss +95 -74
  20. package/dist/scss/components/_select.scss +143 -120
  21. package/dist/scss/components/_sidebar.scss +120 -104
  22. package/dist/scss/components/_skeleton.scss +55 -55
  23. package/dist/scss/components/_slider.scss +166 -156
  24. package/dist/scss/components/_steps.scss +300 -287
  25. package/dist/scss/components/_switch.scss +115 -128
  26. package/dist/scss/components/_table.scss +363 -330
  27. package/dist/scss/components/_tabs.scss +295 -280
  28. package/dist/scss/components/_taginput.scss +95 -93
  29. package/dist/scss/components/_timepicker.scss +74 -68
  30. package/dist/scss/components/_tooltip.scss +522 -424
  31. package/dist/scss/components/_upload.scss +51 -48
  32. package/dist/scss/oruga.scss +0 -1
  33. package/dist/scss/utils/_animations.scss +97 -97
  34. package/dist/scss/utils/_base.scss +31 -14
  35. package/dist/scss/utils/_helpers.scss +65 -65
  36. package/dist/scss/utils/_root.scss +37 -44
  37. package/dist/scss/utils/_variables.scss +44 -44
  38. package/dist/theme.js +1 -1
  39. package/package.json +26 -25
@@ -1,54 +1,47 @@
1
- @use "sass:list";
2
- @use "sass:meta";
3
-
4
- @mixin root() {
5
- $host-selector: if($enable-host, ":host", ":root");
6
-
7
- #{$host-selector} {
8
- @content;
9
- }
10
- }
11
-
12
1
  /*******************************
13
2
  * Root variables extensions
14
3
  ********************************/
4
+ @use "sass:list";
5
+ @use "sass:meta";
15
6
 
16
- @include root() {
17
- // define color variables
18
- @each $name, $color in $colors {
19
- @if meta.type-of($color) == list {
20
- --#{$prefix}#{$name}: #{list.nth($color, 1)};
21
- --#{$prefix}#{$name}-invert: #{list.nth($color, 2)};
22
- } @else {
23
- --#{$prefix}#{$name}: $color;
7
+ $host-selector: if($enable-host, ":root, :host", ":root");
8
+
9
+ #{$host-selector} {
10
+ // define color variables
11
+ @each $name, $color in $colors {
12
+ @if meta.type-of($color) == list {
13
+ --#{$prefix}#{$name}: #{list.nth($color, 1)};
14
+ --#{$prefix}#{$name}-invert: #{list.nth($color, 2)};
15
+ } @else {
16
+ --#{$prefix}#{$name}: $color;
17
+ }
24
18
  }
25
- }
26
19
 
27
- // define additional colors
28
- --#{$prefix}white: #{$white};
29
- --#{$prefix}black: #{$black};
30
- --#{$prefix}grey: #{$grey};
31
- --#{$prefix}grey-light: #{$grey-light};
32
- --#{$prefix}grey-lighter: #{$grey-lighter};
33
- --#{$prefix}grey-dark: #{$grey-dark};
34
- --#{$prefix}focus: #{createFocus($primary)};
35
-
36
- // define size variables
37
- @each $name, $size in $sizes {
38
- --#{$prefix}size-#{$name}: #{$size};
39
- }
20
+ // define additional colors
21
+ --#{$prefix}white: #{$white};
22
+ --#{$prefix}black: #{$black};
23
+ --#{$prefix}grey: #{$grey};
24
+ --#{$prefix}grey-light: #{$grey-light};
25
+ --#{$prefix}grey-lighter: #{$grey-lighter};
26
+ --#{$prefix}grey-dark: #{$grey-dark};
27
+ --#{$prefix}focus: #{createFocus($primary)};
28
+
29
+ // define size variables
30
+ @each $name, $size in $sizes {
31
+ --#{$prefix}size-#{$name}: #{$size};
32
+ }
40
33
 
41
- // define base variables
42
- --#{$prefix}base-font-family: #{$base-font-family};
43
- --#{$prefix}base-font-size: #{$base-font-size};
44
- --#{$prefix}base-font-weight: #{$base-font-weight};
45
- --#{$prefix}base-line-height: #{$base-line-height};
34
+ // define base variables
35
+ --#{$prefix}base-font-family: #{$base-font-family};
36
+ --#{$prefix}base-font-size: #{$base-font-size};
37
+ --#{$prefix}base-font-weight: #{$base-font-weight};
38
+ --#{$prefix}base-line-height: #{$base-line-height};
46
39
 
47
- --#{$prefix}base-border-radius: #{$base-border-radius};
48
- --#{$prefix}base-border-radius-rounded: #{$base-border-radius-rounded};
49
- --#{$prefix}base-line-height: #{$base-line-height};
50
- --#{$prefix}base-disabled-opacity: #{$base-disabled-opacity};
40
+ --#{$prefix}base-border-radius: #{$base-border-radius};
41
+ --#{$prefix}base-border-radius-rounded: #{$base-border-radius-rounded};
42
+ --#{$prefix}base-line-height: #{$base-line-height};
43
+ --#{$prefix}base-disabled-opacity: #{$base-disabled-opacity};
51
44
 
52
- --#{$prefix}transition-duration: #{$animation-speed};
53
- --#{$prefix}transition-timing: #{$animation-timing};
45
+ --#{$prefix}transition-duration: #{$animation-speed};
46
+ --#{$prefix}transition-timing: #{$animation-timing};
54
47
  }
@@ -4,7 +4,7 @@
4
4
 
5
5
  // Settings
6
6
  $prefix: "oruga-" !default;
7
- $enable-host: false !default;
7
+ $enable-host: true !default;
8
8
 
9
9
  // Animations
10
10
  $animation-speed: 150ms !default;
@@ -14,22 +14,22 @@ $animation-timing: ease-out !default;
14
14
  // Font
15
15
  $base-font-family:
16
16
  // Cross-platform generic font family (default user interface font)
17
- system-ui,
18
- // Safari for macOS and iOS (San Francisco)
19
- -apple-system,
20
- // Windows
21
- "Segoe UI",
22
- // Android
23
- Roboto,
24
- // older macOS and iOS
25
- "Helvetica Neue",
26
- // Linux
27
- "Noto Sans",
28
- "Liberation Sans",
29
- // Basic web fallback
30
- Arial,
31
- // Sans serif fallback
32
- sans-serif !default;
17
+ system-ui,
18
+ // Safari for macOS and iOS (San Francisco)
19
+ -apple-system,
20
+ // Windows
21
+ "Segoe UI",
22
+ // Android
23
+ Roboto,
24
+ // older macOS and iOS
25
+ "Helvetica Neue",
26
+ // Linux
27
+ "Noto Sans",
28
+ "Liberation Sans",
29
+ // Basic web fallback
30
+ Arial,
31
+ // Sans serif fallback
32
+ sans-serif !default;
33
33
  $base-font-size: 1rem !default;
34
34
  $base-font-weight: 400 !default;
35
35
  $base-line-height: 1.5 !default;
@@ -48,9 +48,9 @@ $control-box-shadow: inset 0 1px 2px hsla(0, 0%, 4%, 0.1);
48
48
 
49
49
  // Sizes
50
50
  $sizes: (
51
- "small": 0.75rem,
52
- "medium": 1.25rem,
53
- "large": 1.5rem,
51
+ "small": 0.75rem,
52
+ "medium": 1.25rem,
53
+ "large": 1.5rem,
54
54
  ) !default;
55
55
 
56
56
  // Colors
@@ -76,28 +76,28 @@ $danger: #b60000 !default;
76
76
  $danger-invert: $white !default;
77
77
 
78
78
  $colors: (
79
- "primary": (
80
- $primary,
81
- $primary-invert,
82
- ),
83
- "secondary": (
84
- $secondary,
85
- $secondary-invert,
86
- ),
87
- "success": (
88
- $success,
89
- $success-invert,
90
- ),
91
- "info": (
92
- $info,
93
- $info-invert,
94
- ),
95
- "warning": (
96
- $warning,
97
- $warning-invert,
98
- ),
99
- "danger": (
100
- $danger,
101
- $danger-invert,
102
- ),
79
+ "primary": (
80
+ $primary,
81
+ $primary-invert,
82
+ ),
83
+ "secondary": (
84
+ $secondary,
85
+ $secondary-invert,
86
+ ),
87
+ "success": (
88
+ $success,
89
+ $success-invert,
90
+ ),
91
+ "info": (
92
+ $info,
93
+ $info-invert,
94
+ ),
95
+ "warning": (
96
+ $warning,
97
+ $warning-invert,
98
+ ),
99
+ "danger": (
100
+ $danger,
101
+ $danger-invert,
102
+ ),
103
103
  ) !default;
package/dist/theme.js CHANGED
@@ -1,2 +1,2 @@
1
- /*! Oruga Default Theme v0.5.0 | MIT License | github.com/oruga-ui/theme-oruga */
1
+ /*! Oruga Default Theme v0.6.0 | MIT License | github.com/oruga-ui/theme-oruga */
2
2
 
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@oruga-ui/theme-oruga",
3
- "version": "0.5.0",
3
+ "version": "0.6.0",
4
4
  "description": "Default theme for Oruga",
5
5
  "license": "MIT",
6
6
  "type": "module",
@@ -30,33 +30,34 @@
30
30
  "update": "ncu -u"
31
31
  },
32
32
  "peerDependencies": {
33
- "@oruga-ui/oruga-next": "0.9.0"
33
+ "@oruga-ui/oruga-next": "^0.10.0"
34
34
  },
35
35
  "devDependencies": {
36
- "@oruga-ui/examples": "0.9.0",
37
- "@oruga-ui/oruga-next": "0.9.0",
38
- "@vitejs/plugin-vue": "5.1.4",
39
- "@vue/eslint-config-prettier": "^10.1.0",
40
- "@vue/eslint-config-typescript": "^14.1.3",
41
- "@vue/tsconfig": "^0.5.1",
42
- "core-js": "3.39.0",
43
- "eslint": "^9.14.0",
44
- "eslint-plugin-prettier": "^5.2.1",
45
- "eslint-plugin-vue": "^9.30.0",
46
- "npm-check-updates": "^17.1.10",
47
- "prettier": "^3.3.3",
48
- "sass": "1.80.6",
49
- "stylelint": "^16.10.0",
50
- "stylelint-config-recommended": "^14.0.1",
36
+ "@eslint/compat": "^1.2.7",
37
+ "@oruga-ui/examples": "0.10.0",
38
+ "@oruga-ui/oruga-next": "0.10.0",
39
+ "@vitejs/plugin-vue": "5.2.1",
40
+ "@vue/eslint-config-prettier": "^10.2.0",
41
+ "@vue/eslint-config-typescript": "^14.5.0",
42
+ "@vue/tsconfig": "^0.7.0",
43
+ "core-js": "3.41.0",
44
+ "eslint": "^9.21.0",
45
+ "eslint-plugin-prettier": "^5.2.3",
46
+ "eslint-plugin-vue": "^9.32.0",
47
+ "npm-check-updates": "^17.1.15",
48
+ "prettier": "^3.5.3",
49
+ "sass": "1.85.1",
50
+ "stylelint": "^16.15.0",
51
+ "stylelint-config-recommended": "^15.0.0",
51
52
  "stylelint-config-recommended-scss": "^14.1.0",
52
- "stylelint-prettier": "^5.0.2",
53
- "stylelint-scss": "^6.8.1",
54
- "typescript": "5.6.3",
55
- "vite": "^5.4.10",
53
+ "stylelint-prettier": "^5.0.3",
54
+ "stylelint-scss": "^6.11.1",
55
+ "typescript": "5.8.2",
56
+ "vite": "^6.2.1",
56
57
  "vite-plugin-banner": "^0.8.0",
57
- "vite-plugin-static-copy": "^2.0.0",
58
- "vue": "^3.5.12",
59
- "vue-router": "4.4.5",
60
- "vue-tsc": "^2.1.10"
58
+ "vite-plugin-static-copy": "^2.3.0",
59
+ "vue": "^3.5.13",
60
+ "vue-router": "4.5.0",
61
+ "vue-tsc": "^2.2.8"
61
62
  }
62
63
  }