@integrigo/integrigo-ui 1.2.5 → 1.2.6
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/lib/index.esm.js
CHANGED
|
@@ -44,7 +44,7 @@ function __makeTemplateObject(cooked, raw) {
|
|
|
44
44
|
return cooked;
|
|
45
45
|
}
|
|
46
46
|
|
|
47
|
-
var Button = styled.button(templateObject_1$9 || (templateObject_1$9 = __makeTemplateObject(["\n background-color: transparent;\n border: none;\n border-radius: var(--padding-xl);\n padding: var(--padding-m) var(--padding-
|
|
47
|
+
var Button = styled.button(templateObject_1$9 || (templateObject_1$9 = __makeTemplateObject(["\n background-color: transparent;\n border: none;\n border-radius: var(--padding-xl);\n padding: var(--padding-m) var(--padding-l);\n font-weight: var(--font-bold);\n font-size: var(--font-size-l);\n cursor: pointer;\n overflow: hidden;\n position: relative;\n\n &:before {\n content: \"\";\n position: absolute;\n left: 0;\n top: 0;\n width: calc(100% - 4px);\n height: calc(100% - 4px);\n background-color: ", ";\n border: ", ";\n border-radius: var(--padding-xl);\n z-index: -1;\n transition: opacity var(--transition-speed);\n }\n\n &:focus,\n &:active {\n color: ", ";\n outline: none;\n }\n\n &:focus:before,\n &:active:before {\n background-color: ", ";\n border: ", ";\n }\n\n &:hover:before {\n opacity: 0.5;\n }\n\n &:hover:focus:before,\n &:hover:active:before {\n opacity: 1;\n }\n"], ["\n background-color: transparent;\n border: none;\n border-radius: var(--padding-xl);\n padding: var(--padding-m) var(--padding-l);\n font-weight: var(--font-bold);\n font-size: var(--font-size-l);\n cursor: pointer;\n overflow: hidden;\n position: relative;\n\n &:before {\n content: \"\";\n position: absolute;\n left: 0;\n top: 0;\n width: calc(100% - 4px);\n height: calc(100% - 4px);\n background-color: ", ";\n border: ", ";\n border-radius: var(--padding-xl);\n z-index: -1;\n transition: opacity var(--transition-speed);\n }\n\n &:focus,\n &:active {\n color: ", ";\n outline: none;\n }\n\n &:focus:before,\n &:active:before {\n background-color: ", ";\n border: ", ";\n }\n\n &:hover:before {\n opacity: 0.5;\n }\n\n &:hover:focus:before,\n &:hover:active:before {\n opacity: 1;\n }\n"])), function (p) {
|
|
48
48
|
return p.primary && !p.ghost ? "var(--color-orange)" : "transparent";
|
|
49
49
|
}, function (p) { return (p.ghost ? "none" : "2px solid var(--color-orange)"); }, function (p) {
|
|
50
50
|
return p.primary && !p.ghost ? "var(--color-white)" : "var(--color-navy)";
|
package/lib/index.js
CHANGED
|
@@ -53,7 +53,7 @@ function __makeTemplateObject(cooked, raw) {
|
|
|
53
53
|
return cooked;
|
|
54
54
|
}
|
|
55
55
|
|
|
56
|
-
var Button = styled__default["default"].button(templateObject_1$9 || (templateObject_1$9 = __makeTemplateObject(["\n background-color: transparent;\n border: none;\n border-radius: var(--padding-xl);\n padding: var(--padding-m) var(--padding-
|
|
56
|
+
var Button = styled__default["default"].button(templateObject_1$9 || (templateObject_1$9 = __makeTemplateObject(["\n background-color: transparent;\n border: none;\n border-radius: var(--padding-xl);\n padding: var(--padding-m) var(--padding-l);\n font-weight: var(--font-bold);\n font-size: var(--font-size-l);\n cursor: pointer;\n overflow: hidden;\n position: relative;\n\n &:before {\n content: \"\";\n position: absolute;\n left: 0;\n top: 0;\n width: calc(100% - 4px);\n height: calc(100% - 4px);\n background-color: ", ";\n border: ", ";\n border-radius: var(--padding-xl);\n z-index: -1;\n transition: opacity var(--transition-speed);\n }\n\n &:focus,\n &:active {\n color: ", ";\n outline: none;\n }\n\n &:focus:before,\n &:active:before {\n background-color: ", ";\n border: ", ";\n }\n\n &:hover:before {\n opacity: 0.5;\n }\n\n &:hover:focus:before,\n &:hover:active:before {\n opacity: 1;\n }\n"], ["\n background-color: transparent;\n border: none;\n border-radius: var(--padding-xl);\n padding: var(--padding-m) var(--padding-l);\n font-weight: var(--font-bold);\n font-size: var(--font-size-l);\n cursor: pointer;\n overflow: hidden;\n position: relative;\n\n &:before {\n content: \"\";\n position: absolute;\n left: 0;\n top: 0;\n width: calc(100% - 4px);\n height: calc(100% - 4px);\n background-color: ", ";\n border: ", ";\n border-radius: var(--padding-xl);\n z-index: -1;\n transition: opacity var(--transition-speed);\n }\n\n &:focus,\n &:active {\n color: ", ";\n outline: none;\n }\n\n &:focus:before,\n &:active:before {\n background-color: ", ";\n border: ", ";\n }\n\n &:hover:before {\n opacity: 0.5;\n }\n\n &:hover:focus:before,\n &:hover:active:before {\n opacity: 1;\n }\n"])), function (p) {
|
|
57
57
|
return p.primary && !p.ghost ? "var(--color-orange)" : "transparent";
|
|
58
58
|
}, function (p) { return (p.ghost ? "none" : "2px solid var(--color-orange)"); }, function (p) {
|
|
59
59
|
return p.primary && !p.ghost ? "var(--color-white)" : "var(--color-navy)";
|
package/package.json
CHANGED
|
@@ -15,7 +15,7 @@ export const Button = styled.button<Omit<ButtonProps, "label">>`
|
|
|
15
15
|
background-color: transparent;
|
|
16
16
|
border: none;
|
|
17
17
|
border-radius: var(--padding-xl);
|
|
18
|
-
padding: var(--padding-m) var(--padding-
|
|
18
|
+
padding: var(--padding-m) var(--padding-l);
|
|
19
19
|
font-weight: var(--font-bold);
|
|
20
20
|
font-size: var(--font-size-l);
|
|
21
21
|
cursor: pointer;
|
|
@@ -32,7 +32,7 @@ export const Button = styled.button<Omit<ButtonProps, "label">>`
|
|
|
32
32
|
background-color: ${(p) =>
|
|
33
33
|
p.primary && !p.ghost ? "var(--color-orange)" : "transparent"};
|
|
34
34
|
border: ${(p) => (p.ghost ? "none" : "2px solid var(--color-orange)")};
|
|
35
|
-
border-radius: var(--padding-
|
|
35
|
+
border-radius: var(--padding-xl);
|
|
36
36
|
z-index: -1;
|
|
37
37
|
transition: opacity var(--transition-speed);
|
|
38
38
|
}
|