@stenajs-webui/core - npm Package Compare versions

Comparing version 0.0.24 to 0.0.25

dist/components/text/TextBase.d.ts

@@ -0,3 +1,3 @@
+/// <reference types="react" />
 import { FontWeightProperty, TextDecorationProperty, UserSelectProperty, WhiteSpaceProperty } from "csstype";
-import * as React from "react";
 import { FontFamilyProps, FontSizeProps, FontWeightProps, TextAlignProps } from "styled-system";
@@ -35,3 +35,3 @@ import { ThemeFontField } from "../../theme/theme-types/ThemeFonts";
 declare type StyledSystemProps = FontWeightProps & FontFamilyProps & FontSizeProps & TextAlignProps;
-export declare const TextBase: React.FC<TextBaseProps>;
+export declare const TextBase: import("@emotion/styled-base").StyledComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, TextBaseProps, any>;
 export {};

dist/index.d.ts

@@ -26,2 +26,3 @@ export * from "./theme/hooks/UseTheme";
 export * from "./components/text/variants/LargeText";
+export * from "./components/text/variants/HeaderText";
 export * from "./theme/ThemeContext";
@@ -28,0 +29,0 @@ export * from "./theme/DefaultTheme";

dist/index.es.js

@@ -314,6 +314,2 @@ import { createContext, useContext, useMemo, createElement, useState, useCallback, useEffect, useRef } from 'react';
 
-/**
- * NOTE:
- * Do not add color here, span already includes color.
- */
 var SpanWithHover = styled.span(templateObject_1$3 || (templateObject_1$3 = __makeTemplateObject(["\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  user-select: ", ";\n  text-decoration: ", ";\n  white-space: ", ";\n  font-style: ", ";\n  :hover {\n    ",
@@ -372,2 +368,9 @@ ";\n  }\n"])), function (_a) {
 
+var H1 = TextBase.withComponent("h1");
+var HeaderText = function (_a) {
+    var _b = _a.fontSize, fontSize = _b === void 0 ? "huge" : _b, _c = _a.fontFamily, fontFamily = _c === void 0 ? "primary" : _c, _d = _a.fontWeight, fontWeight = _d === void 0 ? "standard" : _d, textProps = __rest(_a, ["fontSize", "fontFamily", "fontWeight"]);
+    var themeTextProps = useTextTheme({ fontSize: fontSize, fontWeight: fontWeight, fontFamily: fontFamily });
+    return createElement(H1, __assign({}, themeTextProps, textProps));
+};
+
 var useBoolean = function (initialValue) {
@@ -512,3 +515,3 @@ var _a = useState(initialValue), value = _a[0], setValue = _a[1];
 
-export { Absolute, Box, Clickable, Column, Indent, LargeText, Relative, Row, SeparatorLine, SmallText, SmallerText, Space, Spacing, StandardText, ThemeContext, ThemeProvider, TinyText, defaultHeaderTextTheme, defaultLargeTextTheme, defaultSectionHeaderTextTheme, defaultSmallTextTheme, defaultSmallerTextTheme, defaultTheme, defaultTinyTextTheme, useBoolean, useDebounce, useEventListener, useMouseIsOver, useMultiOnClickOutside, useOnClickOutside, useOnNoMouseMovement, useTheme, useThemeFields, useThemeSelector };
+export { Absolute, Box, Clickable, Column, HeaderText, Indent, LargeText, Relative, Row, SeparatorLine, SmallText, SmallerText, Space, Spacing, StandardText, ThemeContext, ThemeProvider, TinyText, defaultHeaderTextTheme, defaultLargeTextTheme, defaultSectionHeaderTextTheme, defaultSmallTextTheme, defaultSmallerTextTheme, defaultTheme, defaultTinyTextTheme, useBoolean, useDebounce, useEventListener, useMouseIsOver, useMultiOnClickOutside, useOnClickOutside, useOnNoMouseMovement, useTheme, useThemeFields, useThemeSelector };
 //# sourceMappingURL=index.es.js.map

dist/index.js

@@ -320,6 +320,2 @@ 'use strict';
 
-/**
- * NOTE:
- * Do not add color here, span already includes color.
- */
 var SpanWithHover = styled.span(templateObject_1$3 || (templateObject_1$3 = __makeTemplateObject(["\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  user-select: ", ";\n  text-decoration: ", ";\n  white-space: ", ";\n  font-style: ", ";\n  :hover {\n    ",
@@ -378,2 +374,9 @@ ";\n  }\n"])), function (_a) {
 
+var H1 = TextBase.withComponent("h1");
+var HeaderText = function (_a) {
+    var _b = _a.fontSize, fontSize = _b === void 0 ? "huge" : _b, _c = _a.fontFamily, fontFamily = _c === void 0 ? "primary" : _c, _d = _a.fontWeight, fontWeight = _d === void 0 ? "standard" : _d, textProps = __rest(_a, ["fontSize", "fontFamily", "fontWeight"]);
+    var themeTextProps = useTextTheme({ fontSize: fontSize, fontWeight: fontWeight, fontFamily: fontFamily });
+    return React.createElement(H1, __assign({}, themeTextProps, textProps));
+};
+
 var useBoolean = function (initialValue) {
@@ -522,2 +525,3 @@ var _a = React.useState(initialValue), value = _a[0], setValue = _a[1];
 exports.Column = Column;
+exports.HeaderText = HeaderText;
 exports.Indent = Indent;
@@ -524,0 +528,0 @@ exports.LargeText = LargeText;

package.json

 {
   "name": "@stenajs-webui/core",
-  "version": "0.0.24",
+  "version": "0.0.25",
   "description": "",
@@ -59,3 +59,3 @@ "author": "mattias800",
   ],
-  "gitHead": "647094c0b2da2281519c25c8a99b14f94a539b32"
+  "gitHead": "9b4e1343da92597910f61e86a7882f3ce9f50fb6"
 }

No alert changes

Improved metrics

Number of package files

64

3.23%

Lines of code

1418

0.71%

Worsened metrics

Total package byte prevSize

160677

-10.6%

No dependency changes