@onpe/ui 1.0.16 → 1.0.17
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/dist/components.esm.js +13 -13
- package/dist/components.js +13 -13
- package/dist/index.esm.js +13 -13
- package/dist/index.js +13 -13
- package/package.json +1 -1
package/dist/components.esm.js
CHANGED
|
@@ -89,31 +89,31 @@ var Button = function (_a) {
|
|
|
89
89
|
var color = _a.color, title = _a.title, size = _a.size, className = _a.className, props = __rest(_a, ["color", "title", "size", "className"]);
|
|
90
90
|
var getColor = function () {
|
|
91
91
|
if (color === "blue")
|
|
92
|
-
return "bg-onpe-ui-blue
|
|
92
|
+
return "bg-onpe-ui-blue hover:bg-onpe-ui-blue/30";
|
|
93
93
|
if (color === "skyblue")
|
|
94
|
-
return "bg-onpe-ui-skyblue
|
|
94
|
+
return "bg-onpe-ui-skyblue hover:bg-onpe-ui-skyblue/30";
|
|
95
95
|
if (color === "skyblue-light")
|
|
96
|
-
return "bg-onpe-ui-skyblue-light
|
|
96
|
+
return "bg-onpe-ui-skyblue-light hover:bg-onpe-ui-skyblue-light/30";
|
|
97
97
|
if (color === "yellow")
|
|
98
|
-
return "bg-onpe-ui-yellow
|
|
98
|
+
return "bg-onpe-ui-yellow hover:bg-onpe-ui-yellow/30";
|
|
99
99
|
if (color === "light-skyblue")
|
|
100
|
-
return "bg-onpe-ui-light-skyblue
|
|
100
|
+
return "bg-onpe-ui-light-skyblue hover:bg-onpe-ui-light-skyblue/30";
|
|
101
101
|
if (color === "gray")
|
|
102
|
-
return "bg-onpe-ui-gray
|
|
102
|
+
return "bg-onpe-ui-gray hover:bg-onpe-ui-gray/30";
|
|
103
103
|
if (color === "gray-light")
|
|
104
|
-
return "bg-onpe-ui-gray-light
|
|
104
|
+
return "bg-onpe-ui-gray-light hover:bg-onpe-ui-gray-light/30";
|
|
105
105
|
if (color === "gray-extra-light")
|
|
106
|
-
return "bg-onpe-ui-gray-extra-light
|
|
106
|
+
return "bg-onpe-ui-gray-extra-light hover:bg-onpe-ui-gray-extra-light/30";
|
|
107
107
|
if (color === "red")
|
|
108
|
-
return "bg-onpe-ui-red
|
|
108
|
+
return "bg-onpe-ui-red hover:bg-onpe-ui-red/30";
|
|
109
109
|
if (color === "dark-gray")
|
|
110
|
-
return "bg-onpe-ui-dark-gray
|
|
110
|
+
return "bg-onpe-ui-dark-gray hover:bg-onpe-ui-dark-gray/30";
|
|
111
111
|
if (color === "green")
|
|
112
|
-
return "bg-onpe-ui-green
|
|
112
|
+
return "bg-onpe-ui-green hover:bg-onpe-ui-green/30";
|
|
113
113
|
if (color === "yellow-light")
|
|
114
|
-
return "bg-onpe-ui-yellow-light
|
|
114
|
+
return "bg-onpe-ui-yellow-light hover:bg-onpe-ui-yellow-light/30";
|
|
115
115
|
if (color === "primary")
|
|
116
|
-
return "bg-onpe-ui-blue
|
|
116
|
+
return "bg-onpe-ui-blue hover:bg-onpe-ui-blue/30";
|
|
117
117
|
return "";
|
|
118
118
|
};
|
|
119
119
|
var getSize = function () {
|
package/dist/components.js
CHANGED
|
@@ -91,31 +91,31 @@ var Button = function (_a) {
|
|
|
91
91
|
var color = _a.color, title = _a.title, size = _a.size, className = _a.className, props = __rest(_a, ["color", "title", "size", "className"]);
|
|
92
92
|
var getColor = function () {
|
|
93
93
|
if (color === "blue")
|
|
94
|
-
return "bg-onpe-ui-blue
|
|
94
|
+
return "bg-onpe-ui-blue hover:bg-onpe-ui-blue/30";
|
|
95
95
|
if (color === "skyblue")
|
|
96
|
-
return "bg-onpe-ui-skyblue
|
|
96
|
+
return "bg-onpe-ui-skyblue hover:bg-onpe-ui-skyblue/30";
|
|
97
97
|
if (color === "skyblue-light")
|
|
98
|
-
return "bg-onpe-ui-skyblue-light
|
|
98
|
+
return "bg-onpe-ui-skyblue-light hover:bg-onpe-ui-skyblue-light/30";
|
|
99
99
|
if (color === "yellow")
|
|
100
|
-
return "bg-onpe-ui-yellow
|
|
100
|
+
return "bg-onpe-ui-yellow hover:bg-onpe-ui-yellow/30";
|
|
101
101
|
if (color === "light-skyblue")
|
|
102
|
-
return "bg-onpe-ui-light-skyblue
|
|
102
|
+
return "bg-onpe-ui-light-skyblue hover:bg-onpe-ui-light-skyblue/30";
|
|
103
103
|
if (color === "gray")
|
|
104
|
-
return "bg-onpe-ui-gray
|
|
104
|
+
return "bg-onpe-ui-gray hover:bg-onpe-ui-gray/30";
|
|
105
105
|
if (color === "gray-light")
|
|
106
|
-
return "bg-onpe-ui-gray-light
|
|
106
|
+
return "bg-onpe-ui-gray-light hover:bg-onpe-ui-gray-light/30";
|
|
107
107
|
if (color === "gray-extra-light")
|
|
108
|
-
return "bg-onpe-ui-gray-extra-light
|
|
108
|
+
return "bg-onpe-ui-gray-extra-light hover:bg-onpe-ui-gray-extra-light/30";
|
|
109
109
|
if (color === "red")
|
|
110
|
-
return "bg-onpe-ui-red
|
|
110
|
+
return "bg-onpe-ui-red hover:bg-onpe-ui-red/30";
|
|
111
111
|
if (color === "dark-gray")
|
|
112
|
-
return "bg-onpe-ui-dark-gray
|
|
112
|
+
return "bg-onpe-ui-dark-gray hover:bg-onpe-ui-dark-gray/30";
|
|
113
113
|
if (color === "green")
|
|
114
|
-
return "bg-onpe-ui-green
|
|
114
|
+
return "bg-onpe-ui-green hover:bg-onpe-ui-green/30";
|
|
115
115
|
if (color === "yellow-light")
|
|
116
|
-
return "bg-onpe-ui-yellow-light
|
|
116
|
+
return "bg-onpe-ui-yellow-light hover:bg-onpe-ui-yellow-light/30";
|
|
117
117
|
if (color === "primary")
|
|
118
|
-
return "bg-onpe-ui-blue
|
|
118
|
+
return "bg-onpe-ui-blue hover:bg-onpe-ui-blue/30";
|
|
119
119
|
return "";
|
|
120
120
|
};
|
|
121
121
|
var getSize = function () {
|
package/dist/index.esm.js
CHANGED
|
@@ -89,31 +89,31 @@ var Button = function (_a) {
|
|
|
89
89
|
var color = _a.color, title = _a.title, size = _a.size, className = _a.className, props = __rest(_a, ["color", "title", "size", "className"]);
|
|
90
90
|
var getColor = function () {
|
|
91
91
|
if (color === "blue")
|
|
92
|
-
return "bg-onpe-ui-blue
|
|
92
|
+
return "bg-onpe-ui-blue hover:bg-onpe-ui-blue/30";
|
|
93
93
|
if (color === "skyblue")
|
|
94
|
-
return "bg-onpe-ui-skyblue
|
|
94
|
+
return "bg-onpe-ui-skyblue hover:bg-onpe-ui-skyblue/30";
|
|
95
95
|
if (color === "skyblue-light")
|
|
96
|
-
return "bg-onpe-ui-skyblue-light
|
|
96
|
+
return "bg-onpe-ui-skyblue-light hover:bg-onpe-ui-skyblue-light/30";
|
|
97
97
|
if (color === "yellow")
|
|
98
|
-
return "bg-onpe-ui-yellow
|
|
98
|
+
return "bg-onpe-ui-yellow hover:bg-onpe-ui-yellow/30";
|
|
99
99
|
if (color === "light-skyblue")
|
|
100
|
-
return "bg-onpe-ui-light-skyblue
|
|
100
|
+
return "bg-onpe-ui-light-skyblue hover:bg-onpe-ui-light-skyblue/30";
|
|
101
101
|
if (color === "gray")
|
|
102
|
-
return "bg-onpe-ui-gray
|
|
102
|
+
return "bg-onpe-ui-gray hover:bg-onpe-ui-gray/30";
|
|
103
103
|
if (color === "gray-light")
|
|
104
|
-
return "bg-onpe-ui-gray-light
|
|
104
|
+
return "bg-onpe-ui-gray-light hover:bg-onpe-ui-gray-light/30";
|
|
105
105
|
if (color === "gray-extra-light")
|
|
106
|
-
return "bg-onpe-ui-gray-extra-light
|
|
106
|
+
return "bg-onpe-ui-gray-extra-light hover:bg-onpe-ui-gray-extra-light/30";
|
|
107
107
|
if (color === "red")
|
|
108
|
-
return "bg-onpe-ui-red
|
|
108
|
+
return "bg-onpe-ui-red hover:bg-onpe-ui-red/30";
|
|
109
109
|
if (color === "dark-gray")
|
|
110
|
-
return "bg-onpe-ui-dark-gray
|
|
110
|
+
return "bg-onpe-ui-dark-gray hover:bg-onpe-ui-dark-gray/30";
|
|
111
111
|
if (color === "green")
|
|
112
|
-
return "bg-onpe-ui-green
|
|
112
|
+
return "bg-onpe-ui-green hover:bg-onpe-ui-green/30";
|
|
113
113
|
if (color === "yellow-light")
|
|
114
|
-
return "bg-onpe-ui-yellow-light
|
|
114
|
+
return "bg-onpe-ui-yellow-light hover:bg-onpe-ui-yellow-light/30";
|
|
115
115
|
if (color === "primary")
|
|
116
|
-
return "bg-onpe-ui-blue
|
|
116
|
+
return "bg-onpe-ui-blue hover:bg-onpe-ui-blue/30";
|
|
117
117
|
return "";
|
|
118
118
|
};
|
|
119
119
|
var getSize = function () {
|
package/dist/index.js
CHANGED
|
@@ -91,31 +91,31 @@ var Button = function (_a) {
|
|
|
91
91
|
var color = _a.color, title = _a.title, size = _a.size, className = _a.className, props = __rest(_a, ["color", "title", "size", "className"]);
|
|
92
92
|
var getColor = function () {
|
|
93
93
|
if (color === "blue")
|
|
94
|
-
return "bg-onpe-ui-blue
|
|
94
|
+
return "bg-onpe-ui-blue hover:bg-onpe-ui-blue/30";
|
|
95
95
|
if (color === "skyblue")
|
|
96
|
-
return "bg-onpe-ui-skyblue
|
|
96
|
+
return "bg-onpe-ui-skyblue hover:bg-onpe-ui-skyblue/30";
|
|
97
97
|
if (color === "skyblue-light")
|
|
98
|
-
return "bg-onpe-ui-skyblue-light
|
|
98
|
+
return "bg-onpe-ui-skyblue-light hover:bg-onpe-ui-skyblue-light/30";
|
|
99
99
|
if (color === "yellow")
|
|
100
|
-
return "bg-onpe-ui-yellow
|
|
100
|
+
return "bg-onpe-ui-yellow hover:bg-onpe-ui-yellow/30";
|
|
101
101
|
if (color === "light-skyblue")
|
|
102
|
-
return "bg-onpe-ui-light-skyblue
|
|
102
|
+
return "bg-onpe-ui-light-skyblue hover:bg-onpe-ui-light-skyblue/30";
|
|
103
103
|
if (color === "gray")
|
|
104
|
-
return "bg-onpe-ui-gray
|
|
104
|
+
return "bg-onpe-ui-gray hover:bg-onpe-ui-gray/30";
|
|
105
105
|
if (color === "gray-light")
|
|
106
|
-
return "bg-onpe-ui-gray-light
|
|
106
|
+
return "bg-onpe-ui-gray-light hover:bg-onpe-ui-gray-light/30";
|
|
107
107
|
if (color === "gray-extra-light")
|
|
108
|
-
return "bg-onpe-ui-gray-extra-light
|
|
108
|
+
return "bg-onpe-ui-gray-extra-light hover:bg-onpe-ui-gray-extra-light/30";
|
|
109
109
|
if (color === "red")
|
|
110
|
-
return "bg-onpe-ui-red
|
|
110
|
+
return "bg-onpe-ui-red hover:bg-onpe-ui-red/30";
|
|
111
111
|
if (color === "dark-gray")
|
|
112
|
-
return "bg-onpe-ui-dark-gray
|
|
112
|
+
return "bg-onpe-ui-dark-gray hover:bg-onpe-ui-dark-gray/30";
|
|
113
113
|
if (color === "green")
|
|
114
|
-
return "bg-onpe-ui-green
|
|
114
|
+
return "bg-onpe-ui-green hover:bg-onpe-ui-green/30";
|
|
115
115
|
if (color === "yellow-light")
|
|
116
|
-
return "bg-onpe-ui-yellow-light
|
|
116
|
+
return "bg-onpe-ui-yellow-light hover:bg-onpe-ui-yellow-light/30";
|
|
117
117
|
if (color === "primary")
|
|
118
|
-
return "bg-onpe-ui-blue
|
|
118
|
+
return "bg-onpe-ui-blue hover:bg-onpe-ui-blue/30";
|
|
119
119
|
return "";
|
|
120
120
|
};
|
|
121
121
|
var getSize = function () {
|