@stenajs-webui/core - npm Package Compare versions

Comparing version 1.2.0 to 2.0.0

dist/components/decorators/separatorline/SeparatorLine.stories.d.ts

@@ -1,1 +0,25 @@
-export {};
+/// <reference types="react" />
+declare const _default: {
+    title: string;
+};
+export default _default;
+export declare const Standard: {
+    (): JSX.Element;
+    storyName: string;
+};
+export declare const WithColor: {
+    (): JSX.Element;
+    storyName: string;
+};
+export declare const WithCustomColor: {
+    (): JSX.Element;
+    storyName: string;
+};
+export declare const WithCustomWidth: {
+    (): JSX.Element;
+    storyName: string;
+};
+export declare const Vertical: {
+    (): JSX.Element;
+    storyName: string;
+};

dist/components/interaction/Clickable.stories.d.ts

@@ -1,1 +0,33 @@
-export {};
+/// <reference types="react" />
+declare const _default: {
+    title: string;
+};
+export default _default;
+export declare const Default: {
+    (): JSX.Element;
+    storyName: string;
+};
+export declare const WithDomIdAndClassName: {
+    (): JSX.Element;
+    storyName: string;
+};
+export declare const WithOpacityWhenMouseHoversOverClickable: {
+    (): JSX.Element;
+    storyName: string;
+};
+export declare const WithDoubleClick: {
+    (): JSX.Element;
+    storyName: string;
+};
+export declare const WithNoPointerAsMouseCursor: {
+    (): JSX.Element;
+    storyName: string;
+};
+export declare const WithNoOpacityEffectWhenClicking: {
+    (): JSX.Element;
+    storyName: string;
+};
+export declare const WithTooltip: {
+    (): JSX.Element;
+    storyName: string;
+};

dist/components/layout/box/Box.stories.d.ts

@@ -1,1 +0,70 @@
-export {};
+/// <reference types="react" />
+declare const _default: {
+    title: string;
+};
+export default _default;
+export declare const Standard: {
+    (): JSX.Element;
+    storyName: string;
+    parameters: {
+        notes: {
+            markdown: any;
+        };
+    };
+};
+export declare const Row: {
+    (): JSX.Element;
+    storyName: string;
+};
+export declare const RowWithJustifyContent: {
+    (): JSX.Element;
+    storyName: string;
+};
+export declare const WithDomAttributes: {
+    (): JSX.Element;
+    storyName: string;
+};
+export declare const Background: {
+    (): JSX.Element;
+    storyName: string;
+};
+export declare const CustomBackground: {
+    (): JSX.Element;
+    storyName: string;
+};
+export declare const GradientBackground: {
+    (): JSX.Element;
+    storyName: string;
+};
+export declare const IndentAndSpacing: {
+    (): JSX.Element;
+    storyName: string;
+};
+export declare const Border: {
+    (): JSX.Element;
+    storyName: string;
+};
+export declare const CustomBorder: {
+    (): JSX.Element;
+    storyName: string;
+};
+export declare const BoxShadow: {
+    (): JSX.Element;
+    storyName: string;
+};
+export declare const ModalShadow: {
+    (): JSX.Element;
+    storyName: string;
+};
+export declare const CustomShadow: {
+    (): JSX.Element;
+    storyName: string;
+};
+export declare const FlexGrowChildren: {
+    (): JSX.Element;
+    storyName: string;
+};
+export declare const WithAriaLabel: {
+    (): JSX.Element;
+    storyName: string;
+};

dist/components/layout/box/ResponsiveBox.stories.d.ts

@@ -0,1 +1,11 @@
+/// <reference types="react" />
 export declare const createIndexArray: (length: number) => number[];
+declare const _default: {
+    title: string;
+    excludeStories: string[];
+};
+export default _default;
+export declare const Standard: {
+    (): JSX.Element;
+    storyName: string;
+};

dist/components/layout/column/Column.stories.d.ts

@@ -1,1 +0,34 @@
-export {};
+/// <reference types="react" />
+declare const _default: {
+    title: string;
+    decorators: any[];
+};
+export default _default;
+export declare const Standard: {
+    (): JSX.Element;
+    storyName: string;
+};
+export declare const WithJustifyContentFlexStart: {
+    (): JSX.Element;
+    storyName: string;
+};
+export declare const WithJustifyContentCenter: {
+    (): JSX.Element;
+    storyName: string;
+};
+export declare const WithJustifyContentFlexEnd: {
+    (): JSX.Element;
+    storyName: string;
+};
+export declare const WithAlignItemsFlexStart: {
+    (): JSX.Element;
+    storyName: string;
+};
+export declare const WithAlignItemsCenter: {
+    (): JSX.Element;
+    storyName: string;
+};
+export declare const WithAlignItemsFlexEnd: {
+    (): JSX.Element;
+    storyName: string;
+};

dist/components/layout/indent/Indent.stories.d.ts

@@ -1,1 +0,14 @@
-export {};
+/// <reference types="react" />
+declare const _default: {
+    title: string;
+    decorators: any[];
+};
+export default _default;
+export declare const Standard: {
+    (): JSX.Element;
+    storyName: string;
+};
+export declare const WithNum2: {
+    (): JSX.Element;
+    storyName: string;
+};

dist/components/layout/row/Row.stories.d.ts

@@ -1,1 +0,13 @@
-export {};
+/// <reference types="react" />
+declare const _default: {
+    title: string;
+};
+export default _default;
+export declare const Standard: {
+    (): JSX.Element;
+    storyName: string;
+};
+export declare const WithJustifyContent: {
+    (): JSX.Element;
+    storyName: string;
+};

dist/components/layout/space/Space.stories.d.ts

@@ -1,1 +0,13 @@
-export {};
+/// <reference types="react" />
+declare const _default: {
+    title: string;
+};
+export default _default;
+export declare const Standard: {
+    (): JSX.Element;
+    storyName: string;
+};
+export declare const Num2: {
+    (): JSX.Element;
+    storyName: string;
+};

dist/components/layout/spacing/Spacing.stories.d.ts

@@ -1,1 +0,14 @@
-export {};
+/// <reference types="react" />
+declare const _default: {
+    title: string;
+    decorators: any[];
+};
+export default _default;
+export declare const Standard: {
+    (): JSX.Element;
+    storyName: string;
+};
+export declare const WithNum2: {
+    (): JSX.Element;
+    storyName: string;
+};

dist/components/text/hooks/UseTextTheme.d.ts

 import { TextBaseProps, TextThemeProps } from "../TextBase";
-export declare const useTextTheme: ({ fontFamily, fontSize, fontWeight }: TextThemeProps) => Partial<TextBaseProps>;
+export declare const useTextTheme: ({ fontFamily, fontSize, fontWeight, }: TextThemeProps) => Partial<TextBaseProps>;

dist/components/text/variants/HeaderText.stories.d.ts

@@ -1,1 +0,29 @@
-export {};
+/// <reference types="react" />
+declare const _default: {
+    title: string;
+};
+export default _default;
+export declare const Standard: {
+    (): JSX.Element;
+    storyName: string;
+};
+export declare const HoverColor: {
+    (): JSX.Element;
+    storyName: string;
+};
+export declare const WithUnderline: {
+    (): JSX.Element;
+    storyName: string;
+};
+export declare const WithUnderlineOnHover: {
+    (): JSX.Element;
+    storyName: string;
+};
+export declare const WithSelectionDisabled: {
+    (): JSX.Element;
+    storyName: string;
+};
+export declare const WithFontWeights: {
+    (): JSX.Element;
+    storyName: string;
+};

dist/components/text/variants/LargeText.stories.d.ts

@@ -1,1 +0,29 @@
-export {};
+/// <reference types="react" />
+declare const _default: {
+    title: string;
+};
+export default _default;
+export declare const Standard: {
+    (): JSX.Element;
+    storyName: string;
+};
+export declare const HoverColor: {
+    (): JSX.Element;
+    storyName: string;
+};
+export declare const WithUnderline: {
+    (): JSX.Element;
+    storyName: string;
+};
+export declare const WithUnderlineOnHover: {
+    (): JSX.Element;
+    storyName: string;
+};
+export declare const WithSelectionDisabled: {
+    (): JSX.Element;
+    storyName: string;
+};
+export declare const WithFontWeights: {
+    (): JSX.Element;
+    storyName: string;
+};

dist/components/text/variants/SmallerText.stories.d.ts

@@ -1,1 +0,29 @@
-export {};
+/// <reference types="react" />
+declare const _default: {
+    title: string;
+};
+export default _default;
+export declare const Standard: {
+    (): JSX.Element;
+    storyName: string;
+};
+export declare const HoverColor: {
+    (): JSX.Element;
+    storyName: string;
+};
+export declare const WithUnderline: {
+    (): JSX.Element;
+    storyName: string;
+};
+export declare const WithUnderlineOnHover: {
+    (): JSX.Element;
+    storyName: string;
+};
+export declare const WithSelectionDisabled: {
+    (): JSX.Element;
+    storyName: string;
+};
+export declare const WithFontWeights: {
+    (): JSX.Element;
+    storyName: string;
+};

dist/components/text/variants/SmallText.stories.d.ts

@@ -1,1 +0,29 @@
-export {};
+/// <reference types="react" />
+declare const _default: {
+    title: string;
+};
+export default _default;
+export declare const Standard: {
+    (): JSX.Element;
+    storyName: string;
+};
+export declare const HoverColor: {
+    (): JSX.Element;
+    storyName: string;
+};
+export declare const WithUnderline: {
+    (): JSX.Element;
+    storyName: string;
+};
+export declare const WithUnderlineOnHover: {
+    (): JSX.Element;
+    storyName: string;
+};
+export declare const WithSelectionDisabled: {
+    (): JSX.Element;
+    storyName: string;
+};
+export declare const WithFontWeights: {
+    (): JSX.Element;
+    storyName: string;
+};

dist/components/text/variants/StandardText.stories.d.ts

@@ -1,1 +0,29 @@
-export {};
+/// <reference types="react" />
+declare const _default: {
+    title: string;
+};
+export default _default;
+export declare const Standard: {
+    (): JSX.Element;
+    storyName: string;
+};
+export declare const HoverColor: {
+    (): JSX.Element;
+    storyName: string;
+};
+export declare const WithUnderline: {
+    (): JSX.Element;
+    storyName: string;
+};
+export declare const WithUnderlineOnHover: {
+    (): JSX.Element;
+    storyName: string;
+};
+export declare const WithSelectionDisabled: {
+    (): JSX.Element;
+    storyName: string;
+};
+export declare const WithFontWeights: {
+    (): JSX.Element;
+    storyName: string;
+};

dist/components/text/variants/TinyText.stories.d.ts

@@ -1,1 +0,29 @@
-export {};
+/// <reference types="react" />
+declare const _default: {
+    title: string;
+};
+export default _default;
+export declare const Standard: {
+    (): JSX.Element;
+    storyName: string;
+};
+export declare const HoverColor: {
+    (): JSX.Element;
+    storyName: string;
+};
+export declare const WithUnderline: {
+    (): JSX.Element;
+    storyName: string;
+};
+export declare const WithUnderlineOnHover: {
+    (): JSX.Element;
+    storyName: string;
+};
+export declare const WithSelectionDisabled: {
+    (): JSX.Element;
+    storyName: string;
+};
+export declare const WithFontWeights: {
+    (): JSX.Element;
+    storyName: string;
+};

dist/index.es.js

@@ -44,3 +44,3 @@ import { createContext, useContext, useMemo, createElement, useState, useCallback, useLayoutEffect, useRef, Fragment, useEffect } from 'react';
         highlightBoxBg: "#E8F4FA",
-        highlightBoxBorder: "#7498AD"
+        highlightBoxBorder: "#7498AD",
     },
@@ -50,3 +50,3 @@ metrics: {
         spacing: 10,
-        space: 10
+        space: 10,
     },
@@ -56,3 +56,3 @@ fontWeights: {
         standard: 400,
-        light: 100
+        light: 100,
     },
@@ -62,3 +62,3 @@ fonts: {
         buttons: "Open Sans",
-        input: "Open Sans"
+        input: "Open Sans",
     },
@@ -73,3 +73,3 @@ fontSizes: {
         smaller: "11px",
-        tiny: "9px"
+        tiny: "9px",
     },
@@ -79,4 +79,4 @@ shadows: {
         popover: "rgba(0, 0, 0, 0.2) 0px 0px 6px 4px;",
-        box: "rgba(0, 0, 0, 0.15) 0 2px 4px 0;"
-    }
+        box: "rgba(0, 0, 0, 0.15) 0 2px 4px 0;",
+    },
 };
@@ -159,3 +159,3 @@
             fontSizes: fontSizes,
-            fontWeights: fontWeights
+            fontWeights: fontWeights,
         };
@@ -186,3 +186,3 @@ }, [theme, fields]);
     var themeProps = useThemeSelector(function (theme) { return ({
-        color: color ? theme.colors[color] || color : theme.colors.separator
+        color: color ? theme.colors[color] || color : theme.colors.separator,
     }); }, [color]);
@@ -232,4 +232,4 @@ return createElement(SeparatorLineComponent, __assign({}, props, themeProps));
             hoverBackground: hoverBackground,
-            focusBackground: focusBackground
-        }
+            focusBackground: focusBackground,
+        },
     }, [background, hoverBackground, focusBackground]).colors;
@@ -253,3 +253,3 @@ var hasClickHandler = !!(onClick || onDblClick);
         return isExcludedWebUiProp(propName) ? false : isPropValid(propName);
-    }
+    },
 })(templateObject_1$2 || (templateObject_1$2 = __makeTemplateObject(["\n  box-sizing: border-box;\n  display: ", ";\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  ", ";\n  :hover {\n    ", "\n    ", "\n  }\n  :focus {\n    ", "\n    ", "\n  }\n  :focus-within {\n    ", "\n    ", "\n  }\n"], ["\n  box-sizing: border-box;\n  display: ", ";\n  ", ";\n  ", ";\n  ", ";\n  ", ";\n  ", ";\n  ", ";\n  ", ";\n  ", ";\n  ", ";\n  ", ";\n  ", ";\n  ", "\n  ", ";\n  flex-direction: ",
@@ -295,3 +295,3 @@ ";\n  ", ";\n  ", "\n  ", ";\n  ", ";\n  ", ";\n  ", ";\n  ", ";\n  ", ";\n  ", ";\n  :hover {\n    ",
             border: (border && colors[border]) || border,
-            borderColor: (borderColor && colors[borderColor]) || borderColor
+            borderColor: (borderColor && colors[borderColor]) || borderColor,
         });
@@ -336,3 +336,3 @@ }, [shadow, background, border, borderColor, color]);
         right: right,
-        bottom: bottom
+        bottom: bottom,
     };
@@ -369,3 +369,3 @@ };
     return {
-        dimensions: dimensions
+        dimensions: dimensions,
     };
@@ -404,3 +404,3 @@ };
             height: horizontal ? "1px" : size * space + "px",
-            flex: "none"
+            flex: "none",
         } }, children));
@@ -421,3 +421,3 @@ };
     fontWeightBold: "bold",
-    fontWeightLight: "light"
+    fontWeightLight: "light",
 };
@@ -428,3 +428,3 @@ var defaultSectionHeaderTextTheme = {
     fontWeightBold: "bold",
-    fontWeightLight: "light"
+    fontWeightLight: "light",
 };
@@ -435,3 +435,3 @@ var defaultLargeTextTheme = {
     fontWeightBold: "bold",
-    fontWeightLight: "light"
+    fontWeightLight: "light",
 };
@@ -442,3 +442,3 @@ var defaultSmallTextTheme = {
     fontWeightBold: "bold",
-    fontWeightLight: "light"
+    fontWeightLight: "light",
 };
@@ -449,3 +449,3 @@ var defaultSmallerTextTheme = {
     fontWeightBold: "bold",
-    fontWeightLight: "light"
+    fontWeightLight: "light",
 };
@@ -456,3 +456,3 @@ var defaultTinyTextTheme = {
     fontWeightBold: "bold",
-    fontWeightLight: "light"
+    fontWeightLight: "light",
 };
@@ -465,3 +465,3 @@
         fontFamily: (fontFamily && theme.fonts[fontFamily]) || fontFamily,
-        fontWeight: (fontWeight && theme.fontWeights[fontWeight]) || fontWeight
+        fontWeight: (fontWeight && theme.fontWeights[fontWeight]) || fontWeight,
     }); }, [fontFamily, fontSize, fontWeight]);
@@ -475,3 +475,3 @@ };
     "color",
-    "textAlign"
+    "textAlign",
 ];
@@ -484,3 +484,3 @@ var isExcludedWebuiProp = function (propName) {
         return isExcludedWebuiProp(propName) ? false : isPropValid(propName);
-    }
+    },
 })(templateObject_1$3 || (templateObject_1$3 = __makeTemplateObject(["\n  ", ";\n  ", ";\n  ", ";\n  ", ";\n  ", ";\n  ", ";\n  user-select: ", ";\n  text-decoration: ", ";\n  white-space: ", ";\n  font-style: ", ";\n  :hover {\n    ", ";\n    ", "\n  }\n"], ["\n  ", ";\n  ", ";\n  ", ";\n  ", ";\n  ", ";\n  ", ";\n  user-select: ", ";\n  text-decoration: ", ";\n  white-space: ", ";\n  font-style: ", ";\n  :hover {\n    ",
@@ -515,4 +515,4 @@ ";\n    ", "\n  }\n"])), function (_a) {
             color: color,
-            hoverColor: hoverColor
-        }
+            hoverColor: hoverColor,
+        },
     }, [color, hoverColor]).colors;
@@ -609,3 +609,3 @@ var StyledTextWithElement = element
         spacing: 10,
-        space: 10
+        space: 10,
     } });
@@ -649,3 +649,3 @@
         highlightBoxBg: "#E8F4FA",
-        highlightBoxBorder: "#7498AD"
+        highlightBoxBorder: "#7498AD",
     },
@@ -655,3 +655,3 @@ metrics: {
         spacing: 10,
-        space: 10
+        space: 10,
     },
@@ -661,3 +661,3 @@ fontWeights: {
         standard: 400,
-        light: 100
+        light: 100,
     },
@@ -667,3 +667,3 @@ fonts: {
         buttons: "Open Sans",
-        input: "Open Sans"
+        input: "Open Sans",
     },
@@ -678,3 +678,3 @@ fontSizes: {
         smaller: "11px",
-        tiny: "9px"
+        tiny: "9px",
     },
@@ -684,4 +684,4 @@ shadows: {
         popover: "rgba(0, 0, 0, 0.2) 0px 0px 6px 4px;",
-        box: "rgba(0, 0, 0, 0.15) 0 2px 4px 0;"
-    }
+        box: "rgba(0, 0, 0, 0.15) 0 2px 4px 0;",
+    },
 };
@@ -728,3 +728,3 @@
         removeMultiple: removeMultiple,
-        toggle: toggle
+        toggle: toggle,
     };
@@ -916,3 +916,5 @@ };
         return function () {
-            events.forEach(function (event) { return window.removeEventListener(event, onIdleChange); });
+            events.forEach(function (event) {
+                return window.removeEventListener(event, onIdleChange);
+            });
         };
@@ -919,0 +921,0 @@ }, [delay]);

dist/index.js

@@ -50,3 +50,3 @@ 'use strict';
         highlightBoxBg: "#E8F4FA",
-        highlightBoxBorder: "#7498AD"
+        highlightBoxBorder: "#7498AD",
     },
@@ -56,3 +56,3 @@ metrics: {
         spacing: 10,
-        space: 10
+        space: 10,
     },
@@ -62,3 +62,3 @@ fontWeights: {
         standard: 400,
-        light: 100
+        light: 100,
     },
@@ -68,3 +68,3 @@ fonts: {
         buttons: "Open Sans",
-        input: "Open Sans"
+        input: "Open Sans",
     },
@@ -79,3 +79,3 @@ fontSizes: {
         smaller: "11px",
-        tiny: "9px"
+        tiny: "9px",
     },
@@ -85,4 +85,4 @@ shadows: {
         popover: "rgba(0, 0, 0, 0.2) 0px 0px 6px 4px;",
-        box: "rgba(0, 0, 0, 0.15) 0 2px 4px 0;"
-    }
+        box: "rgba(0, 0, 0, 0.15) 0 2px 4px 0;",
+    },
 };
@@ -165,3 +165,3 @@
             fontSizes: fontSizes,
-            fontWeights: fontWeights
+            fontWeights: fontWeights,
         };
@@ -192,3 +192,3 @@ }, [theme, fields]);
     var themeProps = useThemeSelector(function (theme) { return ({
-        color: color ? theme.colors[color] || color : theme.colors.separator
+        color: color ? theme.colors[color] || color : theme.colors.separator,
     }); }, [color]);
@@ -238,4 +238,4 @@ return React.createElement(SeparatorLineComponent, __assign({}, props, themeProps));
             hoverBackground: hoverBackground,
-            focusBackground: focusBackground
-        }
+            focusBackground: focusBackground,
+        },
     }, [background, hoverBackground, focusBackground]).colors;
@@ -259,3 +259,3 @@ var hasClickHandler = !!(onClick || onDblClick);
         return isExcludedWebUiProp(propName) ? false : isPropValid(propName);
-    }
+    },
 })(templateObject_1$2 || (templateObject_1$2 = __makeTemplateObject(["\n  box-sizing: border-box;\n  display: ", ";\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  ", ";\n  :hover {\n    ", "\n    ", "\n  }\n  :focus {\n    ", "\n    ", "\n  }\n  :focus-within {\n    ", "\n    ", "\n  }\n"], ["\n  box-sizing: border-box;\n  display: ", ";\n  ", ";\n  ", ";\n  ", ";\n  ", ";\n  ", ";\n  ", ";\n  ", ";\n  ", ";\n  ", ";\n  ", ";\n  ", ";\n  ", "\n  ", ";\n  flex-direction: ",
@@ -301,3 +301,3 @@ ";\n  ", ";\n  ", "\n  ", ";\n  ", ";\n  ", ";\n  ", ";\n  ", ";\n  ", ";\n  ", ";\n  :hover {\n    ",
             border: (border && colors[border]) || border,
-            borderColor: (borderColor && colors[borderColor]) || borderColor
+            borderColor: (borderColor && colors[borderColor]) || borderColor,
         });
@@ -342,3 +342,3 @@ }, [shadow, background, border, borderColor, color]);
         right: right,
-        bottom: bottom
+        bottom: bottom,
     };
@@ -375,3 +375,3 @@ };
     return {
-        dimensions: dimensions
+        dimensions: dimensions,
     };
@@ -410,3 +410,3 @@ };
             height: horizontal ? "1px" : size * space + "px",
-            flex: "none"
+            flex: "none",
         } }, children));
@@ -427,3 +427,3 @@ };
     fontWeightBold: "bold",
-    fontWeightLight: "light"
+    fontWeightLight: "light",
 };
@@ -434,3 +434,3 @@ var defaultSectionHeaderTextTheme = {
     fontWeightBold: "bold",
-    fontWeightLight: "light"
+    fontWeightLight: "light",
 };
@@ -441,3 +441,3 @@ var defaultLargeTextTheme = {
     fontWeightBold: "bold",
-    fontWeightLight: "light"
+    fontWeightLight: "light",
 };
@@ -448,3 +448,3 @@ var defaultSmallTextTheme = {
     fontWeightBold: "bold",
-    fontWeightLight: "light"
+    fontWeightLight: "light",
 };
@@ -455,3 +455,3 @@ var defaultSmallerTextTheme = {
     fontWeightBold: "bold",
-    fontWeightLight: "light"
+    fontWeightLight: "light",
 };
@@ -462,3 +462,3 @@ var defaultTinyTextTheme = {
     fontWeightBold: "bold",
-    fontWeightLight: "light"
+    fontWeightLight: "light",
 };
@@ -471,3 +471,3 @@
         fontFamily: (fontFamily && theme.fonts[fontFamily]) || fontFamily,
-        fontWeight: (fontWeight && theme.fontWeights[fontWeight]) || fontWeight
+        fontWeight: (fontWeight && theme.fontWeights[fontWeight]) || fontWeight,
     }); }, [fontFamily, fontSize, fontWeight]);
@@ -481,3 +481,3 @@ };
     "color",
-    "textAlign"
+    "textAlign",
 ];
@@ -490,3 +490,3 @@ var isExcludedWebuiProp = function (propName) {
         return isExcludedWebuiProp(propName) ? false : isPropValid(propName);
-    }
+    },
 })(templateObject_1$3 || (templateObject_1$3 = __makeTemplateObject(["\n  ", ";\n  ", ";\n  ", ";\n  ", ";\n  ", ";\n  ", ";\n  user-select: ", ";\n  text-decoration: ", ";\n  white-space: ", ";\n  font-style: ", ";\n  :hover {\n    ", ";\n    ", "\n  }\n"], ["\n  ", ";\n  ", ";\n  ", ";\n  ", ";\n  ", ";\n  ", ";\n  user-select: ", ";\n  text-decoration: ", ";\n  white-space: ", ";\n  font-style: ", ";\n  :hover {\n    ",
@@ -521,4 +521,4 @@ ";\n    ", "\n  }\n"])), function (_a) {
             color: color,
-            hoverColor: hoverColor
-        }
+            hoverColor: hoverColor,
+        },
     }, [color, hoverColor]).colors;
@@ -614,3 +614,3 @@ var StyledTextWithElement = element
         spacing: 10,
-        space: 10
+        space: 10,
     } });
@@ -654,3 +654,3 @@
         highlightBoxBg: "#E8F4FA",
-        highlightBoxBorder: "#7498AD"
+        highlightBoxBorder: "#7498AD",
     },
@@ -660,3 +660,3 @@ metrics: {
         spacing: 10,
-        space: 10
+        space: 10,
     },
@@ -666,3 +666,3 @@ fontWeights: {
         standard: 400,
-        light: 100
+        light: 100,
     },
@@ -672,3 +672,3 @@ fonts: {
         buttons: "Open Sans",
-        input: "Open Sans"
+        input: "Open Sans",
     },
@@ -683,3 +683,3 @@ fontSizes: {
         smaller: "11px",
-        tiny: "9px"
+        tiny: "9px",
     },
@@ -689,4 +689,4 @@ shadows: {
         popover: "rgba(0, 0, 0, 0.2) 0px 0px 6px 4px;",
-        box: "rgba(0, 0, 0, 0.15) 0 2px 4px 0;"
-    }
+        box: "rgba(0, 0, 0, 0.15) 0 2px 4px 0;",
+    },
 };
@@ -733,3 +733,3 @@
         removeMultiple: removeMultiple,
-        toggle: toggle
+        toggle: toggle,
     };
@@ -921,3 +921,5 @@ };
         return function () {
-            events.forEach(function (event) { return window.removeEventListener(event, onIdleChange); });
+            events.forEach(function (event) {
+                return window.removeEventListener(event, onIdleChange);
+            });
         };
@@ -924,0 +926,0 @@ }, [delay]);

package.json

 {
   "name": "@stenajs-webui/core",
-  "version": "1.2.0",
+  "version": "2.0.0",
   "description": "",
@@ -63,3 +63,3 @@ "author": "mattias800",
   ],
-  "gitHead": "07ea89da5242a99957df31d566f5990287b91d10",
+  "gitHead": "16bc8f3d12fdcd59fac546654e52513865f35a10",
   "dependencies": {
@@ -66,0 +66,0 @@ "@emotion/is-prop-valid": "^0.8.2"

No alert changes

Improved metrics

Total package byte prevSize

266802

increased by3.53%

Lines of code

2738

increased by16.51%

Worsened metrics

Number of package files

79

decreased by-1.25%

No dependency changes