@vnejs/uis.react.button 0.1.3 → 0.1.4

package/package.json

@@ -1,32 +1,26 @@
 {
   "name": "@vnejs/uis.react.button",
-  "version": "0.1.3",
+  "version": "0.1.4",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
   "scripts": {
-    "build": "node ../../../scripts/build-package.mjs",
-    "publish:major:plugin": "npm run publish:major",
-    "publish:minor:plugin": "npm run publish:minor",
-    "publish:patch:plugin": "npm run publish:patch",
-    "publish:major": "npm run build && npm version major && npm publish --access public",
-    "publish:minor": "npm run build && npm version minor && npm publish --access public",
-    "publish:patch": "npm run build && npm version patch && npm publish --access public"
+    "build": "npx @vnejs/monorepo package",
+    "publish:major:uis:react": "npm run publish:major",
+    "publish:minor:uis:react": "npm run publish:minor",
+    "publish:patch:uis:react": "npm run publish:patch",
+    "publish:major": "npx @vnejs/monorepo publish major --access public",
+    "publish:minor": "npx @vnejs/monorepo publish minor --access public",
+    "publish:patch": "npx @vnejs/monorepo publish patch --access public"
   },
   "peerDependencies": {
-    "@bem-react/classname": "1.5.12",
-    "@vnejs/uis.utils": "~0.1.0",
-    "react": "19.2.4",
-    "react-dom": "19.2.4",
-    "@vnejs/uis.react": "~0.1.0"
+    "@vnejs/uis.utils": "~0.1.0"
   },
   "devDependencies": {
-    "@vnejs/uis.react": "~0.1.0",
-    "typescript": "^6.0.3",
-    "@types/react": "^19.0.10",
-    "@types/react-dom": "^19.0.4"
+    "@vnejs/uis.react": "~0.1.0"
   },
   "files": [
     "dist",
-    "package.json"
+    "src",
+    "tsconfig.json"
   ]
 }

package/src/Button.stories.tsx

@@ -0,0 +1,34 @@
+import { VneWrap } from "@vnejs/uis.react";
+
+import { Button } from "@vnejs/uis.react";
+
+export const Common = {
+  args: {
+    text: "Some Text",
+    vneHeight: 720,
+    borderWidth: 3,
+    padding: 12,
+    size: 48,
+    isRounded: false,
+    isActive: false,
+  },
+};
+
+export default {
+  title: "Primitives/Button",
+  render: ({ vneHeight, size, ...args }) => (
+    <VneWrap height={vneHeight}>
+      <Button
+        {...args}
+        textSize={size}
+      />
+    </VneWrap>
+  ),
+  argTypes: {
+    vneHeight: { control: { type: "number", min: 180, max: 2160, step: 45 } },
+
+    padding: { control: { type: "number", min: 6, max: 48, step: 6 } },
+    borderWidth: { control: { type: "number", min: 3, max: 12, step: 1 } },
+    size: { control: { type: "number", min: 24, max: 180, step: 6 } },
+  },
+};

package/src/Button.tsx

@@ -0,0 +1,48 @@
+import { Wrap, Text } from "@vnejs/uis.react";
+
+export const Button = ({
+  onClick,
+  isRounded = false,
+  isActive = false,
+  isSelected = false,
+  padding = 0,
+  paddingHorizontal = null,
+  paddingVertical = null,
+  opacity = null,
+  borderWidth = 0,
+  width = 0,
+  textSize = 0,
+  text = "",
+  font = "",
+  wrapView = "default",
+  textView = "default",
+}) => {
+  return (
+    <Wrap
+      className="TextHoverParent"
+      withHover={true}
+      onClick={onClick}
+      isRounded={isRounded}
+      isSelected={isSelected}
+      isActive={isActive}
+      padding={padding}
+      paddingVertical={paddingVertical}
+      paddingHorizontal={paddingHorizontal}
+      borderWidth={borderWidth}
+      view={wrapView}
+      width={width}
+      opacity={opacity}
+    >
+      <Text
+        isHoverable={true}
+        font={font}
+        text={text}
+        size={textSize}
+        view={textView}
+        isActive={isActive}
+        isSelected={isSelected}
+        align={Text.ALIGNS.CENTER}
+      />
+    </Wrap>
+  );
+};

package/src/index.ts

@@ -0,0 +1 @@
+export * from "./Button";

package/tsconfig.json

@@ -0,0 +1,18 @@
+{
+  "extends": "../../../tsconfig.react.base.json",
+  "compilerOptions": {
+    "outDir": "dist",
+    "rootDir": "src"
+  },
+  "include": [
+    "src/**/*.ts",
+    "src/**/*.tsx",
+    "../../../globals.d.ts",
+    "../../../peer-modules.d.ts"
+  ],
+  "exclude": [
+    "dist",
+    "node_modules",
+    "src/**/*.stories.tsx"
+  ]
+}