@oruga-ui/theme-oruga 0.5.1 → 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.
- package/README.md +4 -3
- package/dist/oruga.css +2 -2
- package/dist/scss/components/_autocomplete.scss +15 -15
- package/dist/scss/components/_button.scss +174 -165
- package/dist/scss/components/_carousel.scss +199 -177
- package/dist/scss/components/_checkbox.scss +130 -122
- package/dist/scss/components/_collapse.scss +11 -9
- package/dist/scss/components/_datepicker.scss +408 -416
- package/dist/scss/components/_datetimepicker.scss +8 -8
- package/dist/scss/components/_dropdown.scss +224 -206
- package/dist/scss/components/_field.scss +107 -106
- package/dist/scss/components/_icon.scss +44 -40
- package/dist/scss/components/_input.scss +127 -112
- package/dist/scss/components/_loading.scss +27 -24
- package/dist/scss/components/_menu.scss +100 -63
- package/dist/scss/components/_modal.scss +66 -66
- package/dist/scss/components/_notification.scss +146 -134
- package/dist/scss/components/_pagination.scss +227 -198
- package/dist/scss/components/_radio.scss +95 -74
- package/dist/scss/components/_select.scss +143 -120
- package/dist/scss/components/_sidebar.scss +120 -104
- package/dist/scss/components/_skeleton.scss +55 -55
- package/dist/scss/components/_slider.scss +166 -151
- package/dist/scss/components/_steps.scss +300 -287
- package/dist/scss/components/_switch.scss +115 -128
- package/dist/scss/components/_table.scss +363 -330
- package/dist/scss/components/_tabs.scss +295 -280
- package/dist/scss/components/_taginput.scss +95 -93
- package/dist/scss/components/_timepicker.scss +74 -68
- package/dist/scss/components/_tooltip.scss +522 -424
- package/dist/scss/components/_upload.scss +51 -48
- package/dist/scss/oruga.scss +0 -1
- package/dist/scss/utils/_animations.scss +97 -97
- package/dist/scss/utils/_base.scss +31 -14
- package/dist/scss/utils/_helpers.scss +65 -65
- package/dist/scss/utils/_root.scss +37 -44
- package/dist/scss/utils/_variables.scss +44 -44
- package/dist/theme.js +1 -1
- package/package.json +20 -19
|
@@ -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
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
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
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
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
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
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
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
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
|
-
|
|
53
|
-
|
|
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:
|
|
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
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
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
|
-
|
|
52
|
-
|
|
53
|
-
|
|
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
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
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.
|
|
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.
|
|
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.
|
|
33
|
+
"@oruga-ui/oruga-next": "^0.10.0"
|
|
34
34
|
},
|
|
35
35
|
"devDependencies": {
|
|
36
|
-
"@
|
|
37
|
-
"@oruga-ui/
|
|
36
|
+
"@eslint/compat": "^1.2.7",
|
|
37
|
+
"@oruga-ui/examples": "0.10.0",
|
|
38
|
+
"@oruga-ui/oruga-next": "0.10.0",
|
|
38
39
|
"@vitejs/plugin-vue": "5.2.1",
|
|
39
|
-
"@vue/eslint-config-prettier": "^10.
|
|
40
|
-
"@vue/eslint-config-typescript": "^14.
|
|
40
|
+
"@vue/eslint-config-prettier": "^10.2.0",
|
|
41
|
+
"@vue/eslint-config-typescript": "^14.5.0",
|
|
41
42
|
"@vue/tsconfig": "^0.7.0",
|
|
42
|
-
"core-js": "3.
|
|
43
|
-
"eslint": "^9.
|
|
44
|
-
"eslint-plugin-prettier": "^5.2.
|
|
43
|
+
"core-js": "3.41.0",
|
|
44
|
+
"eslint": "^9.21.0",
|
|
45
|
+
"eslint-plugin-prettier": "^5.2.3",
|
|
45
46
|
"eslint-plugin-vue": "^9.32.0",
|
|
46
|
-
"npm-check-updates": "^17.1.
|
|
47
|
-
"prettier": "^3.
|
|
48
|
-
"sass": "1.
|
|
49
|
-
"stylelint": "^16.
|
|
47
|
+
"npm-check-updates": "^17.1.15",
|
|
48
|
+
"prettier": "^3.5.3",
|
|
49
|
+
"sass": "1.85.1",
|
|
50
|
+
"stylelint": "^16.15.0",
|
|
50
51
|
"stylelint-config-recommended": "^15.0.0",
|
|
51
52
|
"stylelint-config-recommended-scss": "^14.1.0",
|
|
52
|
-
"stylelint-prettier": "^5.0.
|
|
53
|
-
"stylelint-scss": "^6.
|
|
54
|
-
"typescript": "5.
|
|
55
|
-
"vite": "^6.
|
|
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.
|
|
58
|
+
"vite-plugin-static-copy": "^2.3.0",
|
|
58
59
|
"vue": "^3.5.13",
|
|
59
60
|
"vue-router": "4.5.0",
|
|
60
|
-
"vue-tsc": "^2.2.
|
|
61
|
+
"vue-tsc": "^2.2.8"
|
|
61
62
|
}
|
|
62
63
|
}
|