pallote-react 0.15.17 → 0.16.0

package/dist/package.json

@@ -1,13 +1,17 @@
 {
   "name": "pallote-react",
-  "version": "0.15.17",
+  "version": "0.16.0",
   "description": "",
   "main": "dist/index.js",
+  "types": "dist/index.d.ts",
   "styles": "dist/index.css",
   "files": [
     "README.md",
+    "components",
+    "index.d.ts",
     "index.js",
-    "package.json"
+    "package.json",
+    "utilities"
   ],
   "type": "module",
   "keywords": [],
@@ -19,7 +23,6 @@
     "react-router-dom": ">=6 <8"
   },
   "dependencies": {
-    "@babel/preset-react": "^7.26.3",
     "@phosphor-icons/react": "^2.1.10",
     "@rollup/plugin-json": "^6.1.0",
     "classnames": "^2.5.1",

package/dist/utilities/Color.d.ts

@@ -0,0 +1,18 @@
+import React, { ReactElement, CSSProperties } from 'react';
+type ColorValue = 'main' | 'contrast' | 'grey90' | 'grey80' | 'grey70' | 'grey60' | 'grey50' | 'grey40' | 'grey30' | 'grey20' | 'grey10' | 'grey5' | 'default' | 'paper' | 'primary' | 'secondary' | 'success' | 'info' | 'warning' | 'error';
+export interface ColorProps {
+    fill?: ColorValue;
+    stroke?: ColorValue;
+    customFill?: string;
+    customStroke?: string;
+    className?: string;
+    children: ReactElement<{
+        className?: string;
+        style?: CSSProperties;
+    }>;
+}
+export declare const Color: ({ fill, stroke, customFill, customStroke, className, children, ...props }: ColorProps) => React.ReactElement<{
+    className?: string;
+    style?: CSSProperties;
+}, string | React.JSXElementConstructor<any>>;
+export {};

package/dist/utilities/Display.d.ts

@@ -0,0 +1,10 @@
+import { ReactNode } from 'react';
+type ViewportSize = 'mobile-sm' | 'mobile' | 'tablet' | 'laptop' | 'desktop';
+type DisplayCondition = ViewportSize | 'touch';
+export interface DisplayProps {
+    show?: DisplayCondition;
+    hide?: DisplayCondition;
+    children?: ReactNode;
+}
+export declare const Display: ({ show, hide, children }: DisplayProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/utilities/Grid.d.ts

@@ -0,0 +1,24 @@
+import { HTMLAttributes, ReactNode } from 'react';
+type Direction = 'column' | 'columnReverse' | 'row' | 'rowReverse';
+type JustifyContent = 'center' | 'end' | 'start' | 'spaceAround' | 'spaceBetween' | 'spaceEvenly';
+type AlignItems = 'stretch' | 'center' | 'end' | 'start' | 'baseline';
+type ColSize = 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12;
+export interface GridProps extends HTMLAttributes<HTMLDivElement> {
+    item?: boolean;
+    wrap?: boolean;
+    direction?: Direction;
+    justify?: JustifyContent;
+    items?: AlignItems;
+    self?: AlignItems;
+    gap?: ColSize;
+    col?: ColSize;
+    colxs?: ColSize;
+    colsm?: ColSize;
+    colmd?: ColSize;
+    collg?: ColSize;
+    colxl?: ColSize;
+    className?: string;
+    children?: ReactNode;
+}
+export declare const Grid: ({ item, wrap, direction, justify, items, self, gap, col, colxs, colsm, colmd, collg, colxl, className, children, ...props }: GridProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/utilities/Text.d.ts

@@ -0,0 +1,23 @@
+import { HTMLAttributes, ReactNode } from 'react';
+type TextVariant = 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'subtitle' | 'body' | 'caption' | 'overline';
+type TextAlign = 'left' | 'center' | 'right' | 'justify';
+type TextWeight = 'regular' | 'bold';
+type TextTransform = 'none' | 'capitalize' | 'uppercase' | 'lowercase' | 'initial' | 'inherit';
+type TextColor = 'default' | 'alt' | 'disabled' | 'contrast' | 'contrastAlt' | 'contrastDisabled' | 'primary' | 'secondary' | 'success' | 'info' | 'warning' | 'error';
+type TextComponent = 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'p' | 'span' | 'label' | 'legend';
+export interface TextProps extends HTMLAttributes<HTMLElement> {
+    variant?: TextVariant;
+    align?: TextAlign;
+    weight?: TextWeight;
+    transform?: TextTransform;
+    italic?: boolean;
+    underline?: boolean;
+    strikeThrough?: boolean;
+    code?: boolean;
+    color?: TextColor;
+    component?: TextComponent;
+    className?: string;
+    children?: ReactNode;
+}
+export declare const Text: ({ variant, align, weight, transform, italic, underline, strikeThrough, code, color, component, className, children, ...props }: TextProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/package.json

@@ -1,8 +1,9 @@
 {
   "name": "pallote-react",
-  "version": "0.15.17",
+  "version": "0.16.0",
   "description": "",
   "main": "dist/index.js",
+  "types": "dist/index.d.ts",
   "styles": "dist/index.css",
   "files": [
     "dist"
@@ -17,19 +18,18 @@
     "react-router-dom": ">=6 <8"
   },
   "dependencies": {
-    "@babel/preset-react": "^7.26.3",
     "@phosphor-icons/react": "^2.1.10",
     "@rollup/plugin-json": "^6.1.0",
     "classnames": "^2.5.1",
     "react-syntax-highlighter": "^15.6.1",
     "sass": "^1.71.1",
-    "pallote-css": "^0.9.12"
+    "pallote-css": "^0.10.0"
   },
   "devDependencies": {
     "@chromatic-com/storybook": "^3.2.4",
-    "@rollup/plugin-babel": "^6.0.4",
     "@rollup/plugin-commonjs": "^28.0.2",
     "@rollup/plugin-node-resolve": "^16.0.0",
+    "@rollup/plugin-typescript": "^12.3.0",
     "@storybook/addon-essentials": "^8.5.6",
     "@storybook/addon-interactions": "^8.5.6",
     "@storybook/addon-onboarding": "^8.5.6",
@@ -39,10 +39,14 @@
     "@storybook/react-vite": "^8.5.6",
     "@storybook/test": "^8.5.6",
     "@storybook/theming": "^8.5.8",
-    "prop-types": "^15.8.1",
+    "@types/react": "^19.2.7",
+    "@types/react-dom": "^19.2.3",
+    "@types/react-syntax-highlighter": "^15.5.13",
     "rollup": "^4.34.8",
     "rollup-plugin-peer-deps-external": "^2.2.4",
-    "storybook": "^8.5.6"
+    "storybook": "^8.5.6",
+    "tslib": "^2.8.1",
+    "typescript": "^5.9.3"
   },
   "scripts": {
     "start": "storybook dev -p 6006",