@stenajs-webui/core
Advanced tools
Comparing version 0.0.20 to 0.0.21
import { createContext, useContext, useMemo, createElement, useState, useCallback, useEffect, useRef } from 'react'; | ||
import styled from '@emotion/styled'; | ||
import { alignItems, background, border, borderRight, borderLeft, borderTop, borderBottom, borderColor, borderRadius, borderStyle, borderWidth, boxShadow, flex, flexWrap, height, justifyContent, minHeight, maxHeight, maxWidth, overflow, position, width, zIndex, left, right, top, bottom, fontSize, fontFamily, fontWeight } from 'styled-system'; | ||
import { alignItems, background, border, borderRight, borderLeft, borderTop, borderBottom, borderColor, borderRadius, borderStyle, borderWidth, boxShadow, flex, flexWrap, height, justifyContent, minHeight, minWidth, maxHeight, maxWidth, overflow, position, width, zIndex, left, right, top, bottom, fontSize, fontFamily, fontWeight } from 'styled-system'; | ||
import { debounce } from 'lodash-es'; | ||
@@ -150,3 +150,3 @@ | ||
var SeparatorLineComponent = styled.hr(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n display: flex;\n background-color: ", ";\n border: 0;\n height: ", ";\n width: ", ";\n"], ["\n display: flex;\n background-color: ", ";\n border: 0;\n height: ", | ||
var SeparatorLineComponent = styled.hr(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n display: flex;\n background-color: ", ";\n border: 0;\n margin: 0;\n height: ", ";\n width: ", ";\n"], ["\n display: flex;\n background-color: ", ";\n border: 0;\n margin: 0;\n height: ", | ||
";\n width: ", | ||
@@ -185,4 +185,4 @@ ";\n"])), function (props) { return props.color; }, function (props) { | ||
var FlexBox = styled.div(templateObject_1$2 || (templateObject_1$2 = __makeTemplateObject(["\n display: ", ";\n ", ";\n ", ";\n ", ";\n ", ";\n ", ";\n ", ";\n ", ";\n ", ";\n ", ";\n ", ";\n ", ";\n ", ";\n ", "\n ", ";\n flex-direction: ", ";\n ", ";\n ", ";\n ", ";\n ", ";\n ", ";\n ", ";\n ", ";\n padding: ", "px\n ", "px;\n ", "\n ", ";\n ", "\n ", "\n ", "\n ", "\n ", "\n :hover {\n background: ", ";\n border: ", ";\n }\n"], ["\n display: ", ";\n ", ";\n ", ";\n ", ";\n ", ";\n ", ";\n ", ";\n ", ";\n ", ";\n ", ";\n ", ";\n ", ";\n ", ";\n ", "\n ", ";\n flex-direction: ", | ||
";\n ", ";\n ", ";\n ", ";\n ", ";\n ", ";\n ", ";\n ", ";\n padding: ", | ||
var FlexBox = styled.div(templateObject_1$2 || (templateObject_1$2 = __makeTemplateObject(["\n display: ", ";\n ", ";\n ", ";\n ", ";\n ", ";\n ", ";\n ", ";\n ", ";\n ", ";\n ", ";\n ", ";\n ", ";\n ", ";\n ", "\n ", ";\n flex-direction: ", ";\n ", ";\n ", ";\n ", ";\n ", ";\n ", ";\n ", ";\n ", ";\n ", ";\n padding: ", "px\n ", "px;\n ", "\n ", ";\n ", "\n ", "\n ", "\n ", "\n ", "\n :hover {\n background: ", ";\n border: ", ";\n }\n"], ["\n display: ", ";\n ", ";\n ", ";\n ", ";\n ", ";\n ", ";\n ", ";\n ", ";\n ", ";\n ", ";\n ", ";\n ", ";\n ", ";\n ", "\n ", ";\n flex-direction: ", | ||
";\n ", ";\n ", ";\n ", ";\n ", ";\n ", ";\n ", ";\n ", ";\n ", ";\n padding: ", | ||
"px\n ", "px;\n ", "\n ", ";\n ", "\n ", "\n ", "\n ", "\n ", "\n :hover {\n background: ", ";\n border: ", ";\n }\n"])), function (props) { return props.display || "flex"; }, alignItems, background, border, borderRight, borderLeft, borderTop, borderBottom, borderColor, borderRadius, borderStyle, borderWidth, boxShadow, function (_a) { | ||
@@ -193,3 +193,3 @@ var color = _a.color; | ||
return (props.row && "row") || props.flexDirection || "column"; | ||
}, flexWrap, height, justifyContent, minHeight, maxHeight, maxWidth, overflow, function (props) { | ||
}, flexWrap, height, justifyContent, minHeight, minWidth, maxHeight, maxWidth, overflow, function (props) { | ||
return numberOrZero(props.spacing) * (props.themeSpacing || 10); | ||
@@ -196,0 +196,0 @@ }, function (props) { return numberOrZero(props.indent) * (props.themeIndent || 10); }, position, width, zIndex, left, right, top, bottom, function (_a) { |
@@ -156,3 +156,3 @@ 'use strict'; | ||
var SeparatorLineComponent = styled.hr(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n display: flex;\n background-color: ", ";\n border: 0;\n height: ", ";\n width: ", ";\n"], ["\n display: flex;\n background-color: ", ";\n border: 0;\n height: ", | ||
var SeparatorLineComponent = styled.hr(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n display: flex;\n background-color: ", ";\n border: 0;\n margin: 0;\n height: ", ";\n width: ", ";\n"], ["\n display: flex;\n background-color: ", ";\n border: 0;\n margin: 0;\n height: ", | ||
";\n width: ", | ||
@@ -191,4 +191,4 @@ ";\n"])), function (props) { return props.color; }, function (props) { | ||
var FlexBox = styled.div(templateObject_1$2 || (templateObject_1$2 = __makeTemplateObject(["\n display: ", ";\n ", ";\n ", ";\n ", ";\n ", ";\n ", ";\n ", ";\n ", ";\n ", ";\n ", ";\n ", ";\n ", ";\n ", ";\n ", "\n ", ";\n flex-direction: ", ";\n ", ";\n ", ";\n ", ";\n ", ";\n ", ";\n ", ";\n ", ";\n padding: ", "px\n ", "px;\n ", "\n ", ";\n ", "\n ", "\n ", "\n ", "\n ", "\n :hover {\n background: ", ";\n border: ", ";\n }\n"], ["\n display: ", ";\n ", ";\n ", ";\n ", ";\n ", ";\n ", ";\n ", ";\n ", ";\n ", ";\n ", ";\n ", ";\n ", ";\n ", ";\n ", "\n ", ";\n flex-direction: ", | ||
";\n ", ";\n ", ";\n ", ";\n ", ";\n ", ";\n ", ";\n ", ";\n padding: ", | ||
var FlexBox = styled.div(templateObject_1$2 || (templateObject_1$2 = __makeTemplateObject(["\n display: ", ";\n ", ";\n ", ";\n ", ";\n ", ";\n ", ";\n ", ";\n ", ";\n ", ";\n ", ";\n ", ";\n ", ";\n ", ";\n ", "\n ", ";\n flex-direction: ", ";\n ", ";\n ", ";\n ", ";\n ", ";\n ", ";\n ", ";\n ", ";\n ", ";\n padding: ", "px\n ", "px;\n ", "\n ", ";\n ", "\n ", "\n ", "\n ", "\n ", "\n :hover {\n background: ", ";\n border: ", ";\n }\n"], ["\n display: ", ";\n ", ";\n ", ";\n ", ";\n ", ";\n ", ";\n ", ";\n ", ";\n ", ";\n ", ";\n ", ";\n ", ";\n ", ";\n ", "\n ", ";\n flex-direction: ", | ||
";\n ", ";\n ", ";\n ", ";\n ", ";\n ", ";\n ", ";\n ", ";\n ", ";\n padding: ", | ||
"px\n ", "px;\n ", "\n ", ";\n ", "\n ", "\n ", "\n ", "\n ", "\n :hover {\n background: ", ";\n border: ", ";\n }\n"])), function (props) { return props.display || "flex"; }, styledSystem.alignItems, styledSystem.background, styledSystem.border, styledSystem.borderRight, styledSystem.borderLeft, styledSystem.borderTop, styledSystem.borderBottom, styledSystem.borderColor, styledSystem.borderRadius, styledSystem.borderStyle, styledSystem.borderWidth, styledSystem.boxShadow, function (_a) { | ||
@@ -199,3 +199,3 @@ var color = _a.color; | ||
return (props.row && "row") || props.flexDirection || "column"; | ||
}, styledSystem.flexWrap, styledSystem.height, styledSystem.justifyContent, styledSystem.minHeight, styledSystem.maxHeight, styledSystem.maxWidth, styledSystem.overflow, function (props) { | ||
}, styledSystem.flexWrap, styledSystem.height, styledSystem.justifyContent, styledSystem.minHeight, styledSystem.minWidth, styledSystem.maxHeight, styledSystem.maxWidth, styledSystem.overflow, function (props) { | ||
return numberOrZero(props.spacing) * (props.themeSpacing || 10); | ||
@@ -202,0 +202,0 @@ }, function (props) { return numberOrZero(props.indent) * (props.themeIndent || 10); }, styledSystem.position, styledSystem.width, styledSystem.zIndex, styledSystem.left, styledSystem.right, styledSystem.top, styledSystem.bottom, function (_a) { |
{ | ||
"name": "@stenajs-webui/core", | ||
"version": "0.0.20", | ||
"version": "0.0.21", | ||
"description": "", | ||
@@ -59,3 +59,3 @@ "author": "mattias800", | ||
], | ||
"gitHead": "1ff50e6b731464323c89935287c3fa715204f85e" | ||
"gitHead": "6524a8e67ef07e2c15630b5023d82b06ea1537d3" | ||
} |
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
179077
1400