reshaped 2.8.2 → 2.8.4

package/components/Hidden/tests/Hidden.stories.d.ts

@@ -0,0 +1,6 @@
+declare const _default: {
+    title: string;
+};
+export default _default;
+export declare const visibility: () => import("react").JSX.Element;
+export declare const inline: () => import("react").JSX.Element;

package/{dist/components → components}/Hidden/tests/Hidden.stories.js

@@ -1,4 +1,3 @@
-import React from "react";
 import { Example } from "../../../utilities/storybook/index.js";
 import Hidden from "../index.js";
 export default { title: "Utilities/Hidden" };

package/{dist/components → components}/Reshaped/Reshaped.css

@@ -1 +1 @@
-:root{--rs-z-index-raised:5;--rs-z-index-flyout:80;--rs-z-index-fixed:90;--rs-z-index-overlay:100;--rs-z-index-notification:110}[data-rs-color-mode=light]{color-scheme:light}[data-rs-color-mode=dark]{color-scheme:dark}*{box-sizing:border-box}blockquote,body,dd,dl,figcaption,figure,h1,h2,h3,h4,h5,h6,li,ol,p,ul{margin:0;padding:0}ol[class],ul[class]{list-style:none}a:not([class]){text-decoration-skip-ink:auto}img{display:block;max-width:100%}button,input,select,textarea{font:inherit}option{background:var(--rs-color-background-elevation-base)}label{cursor:pointer}@media (prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}[data-rs-no-transition] *,[data-rs-no-transition] :after,[data-rs-no-transition] :before{transition:none!important}input::placeholder{color:var(--rs-color-neutral-faded);opacity:.5}html{-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;touch-action:manipulation}body,html{height:100%}body{background:var(--rs-color-background-page);color:var(--rs-color-foreground-neutral);scroll-behavior:smooth;text-rendering:optimizespeed}[data-rs-theme],body{font-family:var(--rs-font-family-body);font-size:var(--rs-font-size-body-3);font-weight:var(--rs-font-weight-regular);line-height:var(--rs-line-height-body-3)}textarea{resize:vertical}table{border-collapse:collapse;border-spacing:0}fieldset{border:0;margin:0;padding:0}a{color:var(--rs-color-foreground-primary);text-decoration:underline}a:hover{text-decoration:none}
+:root{--rs-z-index-raised:5;--rs-z-index-flyout:80;--rs-z-index-fixed:90;--rs-z-index-overlay:100;--rs-z-index-notification:110}[data-rs-color-mode=light]{color-scheme:light}[data-rs-color-mode=dark]{color-scheme:dark}*{box-sizing:border-box}blockquote,body,dd,dl,figcaption,figure,h1,h2,h3,h4,h5,h6,li,ol,p,ul{margin:0;padding:0}ol[class],ul[class]{list-style:none}a:not([class]){text-decoration-skip-ink:auto}img{display:block;max-width:100%}button,input,select,textarea{font:inherit}option{background:var(--rs-color-background-elevation-base)}label{cursor:pointer}@media (prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}[data-rs-no-transition] *,[data-rs-no-transition] :after,[data-rs-no-transition] :before{transition:none!important}input::placeholder,textarea::placeholder{color:var(--rs-color-foreground-neutral-faded);opacity:.5}html{-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;touch-action:manipulation}body,html{height:100%}body{background:var(--rs-color-background-page);color:var(--rs-color-foreground-neutral);scroll-behavior:smooth;text-rendering:optimizespeed}[data-rs-theme],body{font-family:var(--rs-font-family-body);font-size:var(--rs-font-size-body-3);font-weight:var(--rs-font-weight-regular);line-height:var(--rs-line-height-body-3)}textarea{resize:vertical}table{border-collapse:collapse;border-spacing:0}fieldset{border:0;margin:0;padding:0}a{color:var(--rs-color-foreground-primary);text-decoration:underline}a:hover{text-decoration:none}

package/components/TextArea/tests/TextArea.stories.d.ts

@@ -0,0 +1,11 @@
+declare const _default: {
+    title: string;
+};
+export default _default;
+export declare const value: () => import("react").JSX.Element;
+export declare const variants: () => import("react").JSX.Element;
+export declare const size: () => import("react").JSX.Element;
+export declare const disabled: () => import("react").JSX.Element;
+export declare const error: () => import("react").JSX.Element;
+export declare const formControl: () => import("react").JSX.Element;
+export declare const aligner: () => import("react").JSX.Element;

package/{dist/components → components}/TextArea/tests/TextArea.stories.js

@@ -1,14 +1,17 @@
-import React from "react";
 import { Example } from "../../../utilities/storybook/index.js";
 import TextArea from "../index.js";
 import FormControl from "../../FormControl/index.js";
 import View from "../../View/index.js";
 import Button from "../../Button/index.js";
 import Text from "../../Text/index.js";
+import TextField from "../../TextField/index.js";
 export default { title: "Components/TextArea" };
 export const value = () => (<Example>
 		<Example.Item title="no value, placeholder">
-			<TextArea name="Name" placeholder="Enter your name"/>
+			<View gap={4}>
+				<TextField placeholder="hello" name="22"/>
+				<TextArea name="Name" placeholder="Enter your name"/>
+			</View>
 		</Example.Item>
 		<Example.Item title="value, uncontrolled">
 			<TextArea name="Name" placeholder="Enter your name" defaultValue="Reshaped"/>

package/package.json

@@ -1,7 +1,7 @@
 {
 	"name": "reshaped",
 	"description": "Professionally crafted design system in React & Figma for building products of any scale and complexity",
-	"version": "2.8.2",
+	"version": "2.8.4",
 	"license": "SEE LICENSE IN LICENSE.md",
 	"email": "hello@reshaped.so",
 	"homepage": "https://reshaped.so",
@@ -25,69 +25,34 @@
 		"type": "git",
 		"url": "https://github.com/formaat-design/reshaped"
 	},
-	"main": "./dist/index.js",
-	"types": "./dist/index.d.ts",
-	"exports": {
-		".": {
-			"import": "./dist/index.js",
-			"types": "./dist/index.d.ts"
-		},
-		"./themes": {
-			"import": "./dist/index.js",
-			"require": "./dist/index.js",
-			"types": "./dist/index.d.ts"
-		},
-		"./themes/reshaped/theme.css": {
-			"import": "./dist/themes/reshaped/theme.css"
-		},
-		"./themes/slate/theme.css": {
-			"import": "./dist/themes/slate/theme.css"
-		},
-		"./themes/figma/theme.css": {
-			"import": "./dist/themes/figma/theme.css"
-		},
-		"./themes/fragments/twitter/theme.css": {
-			"import": "./dist/themes/fragments/twitter/theme.css"
-		},
-		"./bundle": {
-			"import": "./dist/bundle.js",
-			"types": "./dist/bundle.d.ts"
-		},
-		"./bundle.css": {
-			"import": "./dist/bundle.css"
-		},
-		"./config/postcss": {
-			"import": "./dist/config/postcss.js",
-			"require": "./dist/config/postcss.js",
-			"types": "./dist/config/postcss.d.ts"
-		},
-		"./config/tailwind": {
-			"import": "./dist/config/tailwind.js",
-			"require": "./dist/config/tailwind.js",
-			"types": "./dist/config/tailwind.d.ts"
-		},
-		"./config/postcss.js": {
-			"import": "./dist/config/postcss.js",
-			"require": "./dist/config/postcss.js",
-			"types": "./dist/config/postcss.d.ts"
-		},
-		"./config/tailwind.js": {
-			"import": "./dist/config/tailwind.js",
-			"require": "./dist/config/tailwind.js",
-			"types": "./dist/config/tailwind.d.ts"
-		}
-	},
-	"bin": {
-		"reshaped": "./bin/cli.js"
-	},
+	"main": "./index.js",
+	"module": "./index.js",
+	"types": "./index.d.ts",
 	"files": [
 		"bin/**/*",
-		"dist/**/*"
+		"cli/**/*",
+		"components/**/*",
+		"config/**/*",
+		"constants/**/*",
+		"hooks/**/*",
+		"icons/**/*",
+		"styles/**/*",
+		"themes/**/*",
+		"types/**/*",
+		"utilities/**/*",
+		"bundle.css",
+		"bundle.d.ts",
+		"bundle.js",
+		"index.d.ts",
+		"index.js"
 	],
+	"bin": {
+		"reshaped": "./bin/cli.js"
+	},
 	"scripts": {
 		"dev": "storybook dev -c tools/storybook -p 3001 --disable-telemetry",
 		"clean": "sh ./bin/clean.sh",
-		"build": "yarn clean && yarn build:stories && yarn build:esm && yarn build:cjs && yarn build:css && yarn build:bundle && resolve-tspaths",
+		"build": "yarn clean && yarn build:stories && yarn build:esm && yarn build:cjs && yarn build:css && yarn build:bundle && resolve-tspaths && cp -r dist/* ./",
 		"build:themes": "node bin/cli.js theming --config cli/theming/reshaped.config.js --output src/themes",
 		"build:esm": "tsc -p tsconfig.esm.json",
 		"build:cjs": "tsc -p tsconfig.cjs.json",

package/styles/minHeight/index.d.ts

@@ -0,0 +1,3 @@
+import * as T from "../types";
+declare const getMinHeightStyles: T.DynamicStyleUtility<string | number>;
+export default getMinHeightStyles;

package/{dist/styles → styles}/minHeight/index.js

@@ -1,10 +1,10 @@
 import { responsiveClassNames, responsiveVariables } from "../../utilities/helpers.js";
 import s from "./minHeight.module.css";
-const getMinWidthStyles = (value) => {
+const getMinHeightStyles = (value) => {
     if (!value)
         return null;
     const variables = responsiveVariables("--rs-min-h", value);
     const classNames = responsiveClassNames(s, (value) => (typeof value === "number" ? "unit" : "literal"), value, { excludeValueFromClassName: true });
     return { classNames, variables };
 };
-export default getMinWidthStyles;
+export default getMinHeightStyles;

package/dist/components/Hidden/tests/Hidden.stories.d.ts

@@ -1,7 +0,0 @@
-import React from "react";
-declare const _default: {
-    title: string;
-};
-export default _default;
-export declare const visibility: () => React.JSX.Element;
-export declare const inline: () => React.JSX.Element;

package/dist/components/TextArea/tests/TextArea.stories.d.ts

@@ -1,12 +0,0 @@
-import React from "react";
-declare const _default: {
-    title: string;
-};
-export default _default;
-export declare const value: () => React.JSX.Element;
-export declare const variants: () => React.JSX.Element;
-export declare const size: () => React.JSX.Element;
-export declare const disabled: () => React.JSX.Element;
-export declare const error: () => React.JSX.Element;
-export declare const formControl: () => React.JSX.Element;
-export declare const aligner: () => React.JSX.Element;

package/dist/styles/minWidth/index.d.ts

@@ -1,3 +0,0 @@
-import * as T from "../types";
-declare const getMinWidthStyles: T.DynamicStyleUtility<string | number>;
-export default getMinWidthStyles;

package/dist/tests/themingWithDefinition.d.ts

@@ -1 +0,0 @@
-export {};

package/dist/tests/themingWithDefinition.js

@@ -1,5 +0,0 @@
-/**
- * File importing theming client to test its bundle size
- */
-import * as themes from "../themes/index.js";
-console.log(themes);

package/dist/tests/themingWithoutDefinition.d.ts

@@ -1 +0,0 @@
-export {};

package/dist/tests/themingWithoutDefinition.js

@@ -1,5 +0,0 @@
-/**
- * File importing theming client to test its bundle size
- */
-import { getThemeCSS, generateThemeColors } from "../themes/index.js";
-console.log({ getThemeCSS, generateThemeColors });