@redneckz/wildless-cms-uni-blocks 0.2.60 → 0.2.61

package/src/ui-kit/Button.tsx

@@ -40,7 +40,7 @@ export const Button = JSX<ButtonProps>(
           role="button"
           aria-disabled="true"
           aria-label={ariaLabel}
-          tabindex="-1"
+          tabIndex="-1"
           className={`${styleButton} select-none ${buttonDisabledStyleMap[version]} ${
             className || ''
           }`}

package/src/ui-kit/Title.tsx

@@ -0,0 +1,25 @@
+import { JSX } from '@redneckz/uni-jsx';
+
+export enum SizeTableClass {
+  'XL' = 'text-title-lg',
+  'L' = 'text-title',
+  'M' = 'text-title-sm',
+  'S' = 'text-title-xs',
+}
+
+export type TitleSize = keyof typeof SizeTableClass;
+
+export interface TitleProps extends Partial<HTMLHeadingElement> {
+  size?: TitleSize;
+}
+
+export const Title = JSX<TitleProps>(({ size = 'L', className, children, ...rest }) => {
+  const Tag = size === 'XL' ? 'h1' : 'h2';
+  return (
+    <Tag className={getClasses(SizeTableClass[size], className)} {...rest}>
+      {children}
+    </Tag>
+  );
+});
+
+const getClasses = (...classes: (string | undefined)[]) => classes.filter(Boolean).join(' ');