@longline/aqua-ui 1.0.156 → 1.0.158
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.
|
@@ -35,14 +35,14 @@ var ContentBase = function (props) {
|
|
|
35
35
|
};
|
|
36
36
|
var Padding = styled.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n ", "\n"], ["\n ", "\n"])), function (p) { return p.$padded == true && css(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n padding: 10px 22px 10px 22px;\n "], ["\n padding: 10px 22px 10px 22px;\n "]))); });
|
|
37
37
|
var PaneContent = styled.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n position: relative;\n flex: 1;\n box-sizing: border-box;\n"], ["\n position: relative;\n flex: 1;\n box-sizing: border-box;\n"])));
|
|
38
|
-
var ContentStyled = styled(ContentBase)(
|
|
38
|
+
var ContentStyled = styled(ContentBase)(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n // Size:\n position: relative;\n box-sizing: border-box;\n min-height: ", ";\n flex: 1;\n\n // Content:\n display: flex;\n\n // Appearance:\n color: ", ";\n font: ", ";\n\n // Behavior:\n pointer-events: all; // undo InfoBox's events blocking.\n"], ["\n // Size:\n position: relative;\n box-sizing: border-box;\n min-height: ", ";\n flex: 1;\n\n // Content:\n display: flex;\n\n // Appearance:\n color: ", ";\n font: ", ";\n\n // Behavior:\n pointer-events: all; // undo InfoBox's events blocking.\n"
|
|
39
39
|
/**
|
|
40
40
|
* InfoBox.Content fills up all vertical space it can get.
|
|
41
41
|
*/
|
|
42
|
-
])), function (p) { return p.minHeight
|
|
42
|
+
])), function (p) { return p.minHeight ? "".concat(p.minHeight, "px") : 'auto'; }, function (p) { return p.theme.colors.neutral[100]; }, function (p) { return p.theme.font.bodyMedium; });
|
|
43
43
|
/**
|
|
44
44
|
* InfoBox.Content fills up all vertical space it can get.
|
|
45
45
|
*/
|
|
46
46
|
var Content = function (props) { return React.createElement(ContentStyled, __assign({}, props)); };
|
|
47
47
|
export { Content };
|
|
48
|
-
var templateObject_1, templateObject_2, templateObject_3, templateObject_4
|
|
48
|
+
var templateObject_1, templateObject_2, templateObject_3, templateObject_4;
|
|
@@ -21,6 +21,6 @@ var SortIconAnimation = keyframes(templateObject_1 || (templateObject_1 = __make
|
|
|
21
21
|
* The SortButton displays a caret that rotates and lights up depending on
|
|
22
22
|
* its active/reverse props.
|
|
23
23
|
*/
|
|
24
|
-
var SortButton = styled(SortButtonBase)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n // Position\n position: relative;\n display: flex; // Needed for SVG to be centered in div.\n width: 12px;\n height: 12px;\n\n // Appearance\n transition: opacity ease-in-out 150ms,\n transform ease-in-out 150ms;\n transform: scaleY(", ");\n opacity: ", ";\n\n svg {\n transition: fill ease-in-out 150ms;\n fill: ", ";\n path.top, path.middle, path.bottom {\n transform-origin: 0 0;\n animation-name: ", ";\n // Animation duration is set by parent TableHeaderCell.\n animation-duration:
|
|
24
|
+
var SortButton = styled(SortButtonBase)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n // Position\n position: relative;\n display: flex; // Needed for SVG to be centered in div.\n width: 12px;\n height: 12px;\n\n // Appearance\n transition: opacity ease-in-out 150ms,\n transform ease-in-out 150ms;\n transform: scaleY(", ");\n opacity: ", ";\n\n svg {\n transition: fill ease-in-out 150ms;\n fill: ", ";\n path.top, path.middle, path.bottom {\n transform-origin: 0 0;\n animation-name: ", ";\n // Animation duration is set by parent TableHeaderCell.\n animation-duration: 0s;\n animation-timing-function: linear;\n animation-iteration-count: infinite;\n }\n path.middle {\n animation-delay: 0.25s;\n }\n path.bottom {\n animation-delay: 0.5s;\n } \n }\n"], ["\n // Position\n position: relative;\n display: flex; // Needed for SVG to be centered in div.\n width: 12px;\n height: 12px;\n\n // Appearance\n transition: opacity ease-in-out 150ms,\n transform ease-in-out 150ms;\n transform: scaleY(", ");\n opacity: ", ";\n\n svg {\n transition: fill ease-in-out 150ms;\n fill: ", ";\n path.top, path.middle, path.bottom {\n transform-origin: 0 0;\n animation-name: ", ";\n // Animation duration is set by parent TableHeaderCell.\n animation-duration: 0s;\n animation-timing-function: linear;\n animation-iteration-count: infinite;\n }\n path.middle {\n animation-delay: 0.25s;\n }\n path.bottom {\n animation-delay: 0.5s;\n } \n }\n"])), function (p) { return p.reverse ? -1 : 1; }, function (p) { return p.active ? 1 : 0; }, function (p) { return p.dark ? p.theme.colors.primary[1] : p.theme.colors.neutral[10]; }, SortIconAnimation);
|
|
25
25
|
export { SortButton };
|
|
26
26
|
var templateObject_1, templateObject_2;
|
package/package.json
CHANGED
package/styles/StyleBase.js
CHANGED
|
@@ -3,6 +3,6 @@ var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cook
|
|
|
3
3
|
return cooked;
|
|
4
4
|
};
|
|
5
5
|
import { createGlobalStyle } from 'styled-components';
|
|
6
|
-
var StyleBase = createGlobalStyle(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n\n body {\n font-family: Roboto;\n font-style: normal;\n font-weight: 400;\n font-display:
|
|
6
|
+
var StyleBase = createGlobalStyle(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n\n body {\n font-family: Roboto;\n font-style: normal;\n font-weight: 400;\n font-display: auto;\n color: ", ";\n }\n\n b, strong {\n font-weight: 700;\n }\n\n i, em {\n font-style: italic;\n }\n\n small, sub, sup { font-size: .83em; }\n sub { vertical-align: sub; }\n sup { vertical-align: super; }\n"], ["\n\n body {\n font-family: Roboto;\n font-style: normal;\n font-weight: 400;\n font-display: auto;\n color: ", ";\n }\n\n b, strong {\n font-weight: 700;\n }\n\n i, em {\n font-style: italic;\n }\n\n small, sub, sup { font-size: .83em; }\n sub { vertical-align: sub; }\n sup { vertical-align: super; }\n"])), function (p) { return p.theme.colors.font; });
|
|
7
7
|
export { StyleBase };
|
|
8
8
|
var templateObject_1;
|