@zonos/amino 5.2.12 → 5.2.13

package/components/section/VSection.d.ts

@@ -1,9 +1,11 @@
 import type { ReactNode } from 'react';
+import type { FontType } from "../text/Text";
 import type { BaseProps } from "../../types/BaseProps";
 export type VSectionProps = BaseProps & {
     actions?: ReactNode;
-    children: ReactNode;
+    children?: ReactNode;
     label?: ReactNode;
+    labelType?: FontType;
     sublabel?: ReactNode;
 };
-export declare const VSection: ({ actions, children, className, label, style, sublabel, }: VSectionProps) => import("react/jsx-runtime").JSX.Element;
+export declare const VSection: ({ actions, children, className, label, labelType, style, sublabel, }: VSectionProps) => import("react/jsx-runtime").JSX.Element;

package/components/section/VSection.js

@@ -1 +1 @@
-"use strict";var e=require("react/jsx-runtime"),r=require("clsx"),t=require("./_SectionHeader.js"),s=require("./_SectionInnerWrapper.js"),i=require("./_SectionSubheader.js"),n=require("../stack/HStack.js"),c=require("../../style-inject.es-d4ddeae4.js");function a(e){return e&&e.__esModule?e:{default:e}}require("../text/Text.js"),require("../../_tslib-bd4862e8.js"),require("../../styles/constants/theme.js"),require("../stack/Stack.js");var l=a(r),o="Amino_VSection-module__styledSectionWrapper--jKcx5";c.styleInject(".Amino_VSection-module__styledSectionWrapper--jKcx5{margin-bottom:40px}");exports.VSection=function(r){var c=r.actions,a=r.children,u=r.className,d=r.label,j=r.style,S=r.sublabel,x=void 0===S?"":S;return e.jsxs("div",{className:l.default(u,o),style:j,children:[d&&e.jsxs(s.SectionInnerWrapper,{children:[e.jsxs("div",{children:["string"==typeof d?e.jsx(t.SectionHeader,{children:d}):d,"string"==typeof x?e.jsx(i.SectionSubheader,{children:x}):x]}),e.jsx(n.HStack,{spacing:8,children:c})]}),e.jsx("div",{children:a})]})};
+"use strict";var e=require("react/jsx-runtime"),r=require("clsx"),t=require("./_SectionInnerWrapper.js"),i=require("./_SectionSubheader.js"),s=require("../stack/HStack.js"),n=require("./_SectionHeader.js"),c=require("../../style-inject.es-d4ddeae4.js");function l(e){return e&&e.__esModule?e:{default:e}}require("../text/Text.js"),require("../../_tslib-bd4862e8.js"),require("../../styles/constants/theme.js"),require("../stack/Stack.js");var a=l(r),o="Amino_VSection-module__styledSectionWrapper--jKcx5";c.styleInject(".Amino_VSection-module__styledSectionWrapper--jKcx5{margin-bottom:40px}");exports.VSection=function(r){var c=r.actions,l=r.children,u=r.className,d=r.label,j=r.labelType,S=void 0===j?"title":j,p=r.style,x=r.sublabel,_=void 0===x?"":x;return e.jsxs("div",{className:a.default(u,o),style:p,children:[d&&e.jsxs(t.SectionInnerWrapper,{children:[e.jsxs("div",{children:["string"==typeof d?e.jsx(n.SectionHeader,{type:S,children:d}):d,"string"==typeof _?e.jsx(i.SectionSubheader,{children:_}):_]}),e.jsx(s.HStack,{spacing:8,children:c})]}),l&&e.jsx("div",{children:l})]})};

package/components/section/_SectionHeader.d.ts

@@ -1,7 +1,9 @@
 import type { ReactNode } from 'react';
+import { type FontType } from "../text/Text";
 import type { BaseProps } from "../../types/BaseProps";
 type Props = BaseProps & {
     children: ReactNode;
+    type: FontType;
 };
-export declare const SectionHeader: ({ children, className, style }: Props) => import("react/jsx-runtime").JSX.Element;
+export declare const SectionHeader: ({ children, className, style, type }: Props) => import("react/jsx-runtime").JSX.Element;
 export {};

package/components/section/_SectionHeader.js

@@ -1 +1 @@
-"use strict";var e=require("react/jsx-runtime"),t=require("clsx"),r=require("../text/Text.js"),s=require("../../style-inject.es-d4ddeae4.js");function i(e){return e&&e.__esModule?e:{default:e}}require("../../_tslib-bd4862e8.js"),require("../../styles/constants/theme.js");var l=i(t),n="Amino__SectionHeader-module__styledSectionHeader--no0Wh";s.styleInject(".Amino__SectionHeader-module__styledSectionHeader--no0Wh{display:flex;flex:auto;flex-direction:column}");exports.SectionHeader=function(t){var s=t.children,i=t.className,c=t.style;return e.jsx(r.Text,{className:l.default(i,n),style:c,type:"title",children:s})};
+"use strict";var e=require("react/jsx-runtime"),t=require("clsx"),r=require("../text/Text.js"),s=require("../../style-inject.es-d4ddeae4.js");function i(e){return e&&e.__esModule?e:{default:e}}require("../../_tslib-bd4862e8.js"),require("../../styles/constants/theme.js");var n=i(t),l="Amino__SectionHeader-module__styledSectionHeader--no0Wh";s.styleInject(".Amino__SectionHeader-module__styledSectionHeader--no0Wh{display:flex;flex:auto;flex-direction:column}");exports.SectionHeader=function(t){var s=t.children,i=t.className,c=t.style,o=t.type;return e.jsx(r.Text,{className:n.default(i,l),style:c,type:o,children:s})};

package/components/text/Text.d.ts

@@ -83,7 +83,7 @@ export declare const textOptions: readonly [{
     readonly weight: 400;
 }];
 type Size = (typeof textOptions)[number]['size'];
-type Type = (typeof textOptions)[number]['type'];
+export type FontType = (typeof textOptions)[number]['type'];
 export type FontWeight = (typeof textOptions)[number]['weight'] | 800;
 type Tag = (typeof textOptions)[number]['tag'];
 type TypographyOverrides = {
@@ -92,7 +92,7 @@ type TypographyOverrides = {
     fontWeight?: FontWeight;
     lineHeight?: Size;
 };
-type TextStyle = Type | OtherText;
+type TextStyle = FontType | OtherText;
 export type TextProps = BaseProps & {
     children: ReactNode;
     isUppercase?: boolean;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zonos/amino",
-  "version": "5.2.12",
+  "version": "5.2.13",
   "description": "Core UI components for Amino",
   "repository": "git@github.com:Zonos/amino.git",
   "license": "MIT",