npm - @minimalstuff/ui - Versions diffs - 0.0.0 - Mend

@minimalstuff/ui 0.0.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (6) hide show

package/dist/index.d.ts ADDED Viewed

@@ -0,0 +1,24 @@
+import { ButtonHTMLAttributes } from 'react';
+import { DetailedHTMLProps } from 'react';
+import { ElementType } from 'react';
+import { JSX as JSX_2 } from 'react';
+import { StyledComponent } from '@emotion/styled';
+import { Theme } from '@emotion/react';
+export declare const Button: StyledComponent<    {
+theme?: Theme | undefined;
+as?: ElementType<any, keyof JSX_2.IntrinsicElements> | undefined;
+} & ButtonProps, DetailedHTMLProps<ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, {}>;
+declare type ButtonProps = {
+    danger?: boolean;
+};
+export { }
+declare module 'vitest' {
+    interface Assertion<T = any> extends jest.Matchers<void, T>, TestingLibraryMatchers<T, void> {
+    }
+}

package/dist/index.es.js ADDED Viewed

@@ -0,0 +1,31 @@
+import i from "@emotion/styled";
+const s = i.button(
+  ({ theme: o, danger: r = !1 }) => {
+    const t = r ? o.colors.lightRed : o.colors.primary, d = r ? o.colors.lightRed : o.colors.darkBlue;
+    return {
+      cursor: "pointer",
+      width: "100%",
+      textTransform: "uppercase",
+      fontSize: "14px",
+      color: o.colors.white,
+      background: t,
+      padding: "0.75em",
+      border: `1px solid ${t}`,
+      borderRadius: o.border.radius,
+      transition: o.transition.delay,
+      "&:disabled": {
+        cursor: "not-allowed",
+        opacity: "0.5"
+      },
+      "&:not(:disabled):hover": {
+        boxShadow: `${d} 0 0 3px 1px`,
+        background: d,
+        color: o.colors.white
+      }
+    };
+  }
+);
+export {
+  s as Button
+};
+//# sourceMappingURL=index.es.js.map

package/dist/index.es.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"index.es.js","sources":["../src/components/button/button.tsx"],"sourcesContent":["import emotionStyled from '@emotion/styled';\n\nexport type ButtonProps = { danger?: boolean };\n\nconst Button = emotionStyled.button<ButtonProps>(\n ({ theme, danger = false }) => {\n const btnColor = !danger ? theme.colors.primary : theme.colors.lightRed;\n const btnDarkColor = !danger\n ? theme.colors.darkBlue\n : theme.colors.lightRed;\n return {\n cursor: 'pointer',\n width: '100%',\n textTransform: 'uppercase',\n fontSize: '14px',\n color: theme.colors.white,\n background: btnColor,\n padding: '0.75em',\n border: `1px solid ${btnColor}`,\n borderRadius: theme.border.radius,\n transition: theme.transition.delay,\n\n '&:disabled': {\n cursor: 'not-allowed',\n opacity: '0.5',\n },\n\n '&:not(:disabled):hover': {\n boxShadow: `${btnDarkColor} 0 0 3px 1px`,\n background: btnDarkColor,\n color: theme.colors.white,\n },\n };\n }\n);\n\nexport default Button;\n"],"names":["Button","emotionStyled","theme","danger","btnColor","btnDarkColor"],"mappings":";AAIA,MAAMA,IAASC,EAAc;AAAA,EAC3B,CAAC,EAAE,OAAAC,GAAO,QAAAC,IAAS,SAAY;AAC7B,UAAMC,IAAYD,IAAgCD,EAAM,OAAO,WAApCA,EAAM,OAAO,SAClCG,IAAgBF,IAElBD,EAAM,OAAO,WADbA,EAAM,OAAO;AAEV,WAAA;AAAA,MACL,QAAQ;AAAA,MACR,OAAO;AAAA,MACP,eAAe;AAAA,MACf,UAAU;AAAA,MACV,OAAOA,EAAM,OAAO;AAAA,MACpB,YAAYE;AAAA,MACZ,SAAS;AAAA,MACT,QAAQ,aAAaA,CAAQ;AAAA,MAC7B,cAAcF,EAAM,OAAO;AAAA,MAC3B,YAAYA,EAAM,WAAW;AAAA,MAE7B,cAAc;AAAA,QACZ,QAAQ;AAAA,QACR,SAAS;AAAA,MACX;AAAA,MAEA,0BAA0B;AAAA,QACxB,WAAW,GAAGG,CAAY;AAAA,QAC1B,YAAYA;AAAA,QACZ,OAAOH,EAAM,OAAO;AAAA,MACtB;AAAA,IAAA;AAAA,EAEJ;AACF;"}

package/dist/index.umd.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ (function(t,r){typeof exports=="object"&&typeof module<"u"?r(exports,require("@emotion/styled")):typeof define=="function"&&define.amd?define(["exports","@emotion/styled"],r):(t=typeof globalThis<"u"?globalThis:t\|\|self,r(t["@minimalstuff/ui"]={},t.emotionStyled))})(this,function(t,r){"use strict";const d=r.button(({theme:o,danger:e=!1})=>{const i=e?o.colors.lightRed:o.colors.primary,n=e?o.colors.lightRed:o.colors.darkBlue;return{cursor:"pointer",width:"100%",textTransform:"uppercase",fontSize:"14px",color:o.colors.white,background:i,padding:"0.75em",border:`1px solid ${i}`,borderRadius:o.border.radius,transition:o.transition.delay,"&:disabled":{cursor:"not-allowed",opacity:"0.5"},"&:not(:disabled):hover":{boxShadow:`${n} 0 0 3px 1px`,background:n,color:o.colors.white}}});t.Button=d,Object.defineProperty(t,Symbol.toStringTag,{value:"Module"})});
2	+ //# sourceMappingURL=index.umd.js.map

package/dist/index.umd.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"index.umd.js","sources":["../src/components/button/button.tsx"],"sourcesContent":["import emotionStyled from '@emotion/styled';\n\nexport type ButtonProps = { danger?: boolean };\n\nconst Button = emotionStyled.button<ButtonProps>(\n ({ theme, danger = false }) => {\n const btnColor = !danger ? theme.colors.primary : theme.colors.lightRed;\n const btnDarkColor = !danger\n ? theme.colors.darkBlue\n : theme.colors.lightRed;\n return {\n cursor: 'pointer',\n width: '100%',\n textTransform: 'uppercase',\n fontSize: '14px',\n color: theme.colors.white,\n background: btnColor,\n padding: '0.75em',\n border: `1px solid ${btnColor}`,\n borderRadius: theme.border.radius,\n transition: theme.transition.delay,\n\n '&:disabled': {\n cursor: 'not-allowed',\n opacity: '0.5',\n },\n\n '&:not(:disabled):hover': {\n boxShadow: `${btnDarkColor} 0 0 3px 1px`,\n background: btnDarkColor,\n color: theme.colors.white,\n },\n };\n }\n);\n\nexport default Button;\n"],"names":["Button","emotionStyled","theme","danger","btnColor","btnDarkColor"],"mappings":"0SAIA,MAAMA,EAASC,EAAc,OAC3B,CAAC,CAAE,MAAAC,EAAO,OAAAC,EAAS,MAAY,CAC7B,MAAMC,EAAYD,EAAgCD,EAAM,OAAO,SAApCA,EAAM,OAAO,QAClCG,EAAgBF,EAElBD,EAAM,OAAO,SADbA,EAAM,OAAO,SAEV,MAAA,CACL,OAAQ,UACR,MAAO,OACP,cAAe,YACf,SAAU,OACV,MAAOA,EAAM,OAAO,MACpB,WAAYE,EACZ,QAAS,SACT,OAAQ,aAAaA,CAAQ,GAC7B,aAAcF,EAAM,OAAO,OAC3B,WAAYA,EAAM,WAAW,MAE7B,aAAc,CACZ,OAAQ,cACR,QAAS,KACX,EAEA,yBAA0B,CACxB,UAAW,GAAGG,CAAY,eAC1B,WAAYA,EACZ,MAAOH,EAAM,OAAO,KACtB,CAAA,CAEJ,CACF"}

package/package.json ADDED Viewed

@@ -0,0 +1,101 @@
+{
+  "name": "@minimalstuff/ui",
+  "version": "0.0.0",
+  "description": "Minimal UI lib for React built on top of Emotion",
+  "type": "module",
+  "main": "./dist/index.umd.js",
+  "module": "./dist/index.es.js",
+  "types": "./dist/index.d.ts",
+  "files": [
+    "dist"
+  ],
+  "exports": {
+    ".": {
+      "import": "./dist/index.es.js",
+      "require": "./dist/index.umd.js",
+      "types": "./dist/index.d.ts"
+    }
+  },
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/minimalstuff/ui"
+  },
+  "scripts": {
+    "build": "tsc && vite build",
+    "format": "prettier --write --parser typescript '**/*.{ts,tsx}'",
+    "lint": "eslint . --ext .ts,.tsx --report-unused-disable-directives --max-warnings 0",
+    "dev": "vite",
+    "preview": "vite preview",
+    "test": "vitest run",
+    "test-watch": "vitest",
+    "test:ui": "vitest --ui",
+    "test:staged": "vitest related --run",
+    "coverage:staged": "vitest related --coverage --run",
+    "release": "release-it",
+    "storybook": "storybook dev -p 6006",
+    "build-storybook": "storybook build"
+  },
+  "keywords": [],
+  "author": "",
+  "license": "ISC",
+  "devDependencies": {
+    "@emotion/babel-plugin": "^11.11.0",
+    "@storybook/addon-essentials": "^8.1.10",
+    "@storybook/addon-interactions": "^8.1.10",
+    "@storybook/addon-links": "^8.1.10",
+    "@storybook/addon-onboarding": "^8.1.10",
+    "@storybook/blocks": "^8.1.10",
+    "@storybook/react": "^8.1.10",
+    "@storybook/react-vite": "^8.1.10",
+    "@storybook/test": "^8.1.10",
+    "@testing-library/jest-dom": "^6.4.6",
+    "@testing-library/react": "^16.0.0",
+    "@types/react": "^18.3.3",
+    "@typescript-eslint/eslint-plugin": "^7.13.0",
+    "@typescript-eslint/parser": "^7.13.0",
+    "@vitejs/plugin-react-swc": "^3.7.0",
+    "@vitest/coverage-v8": "^1.6.0",
+    "eslint": "^8.57.0",
+    "eslint-config-prettier": "^9.1.0",
+    "eslint-plugin-prettier": "^5.1.3",
+    "eslint-plugin-react": "^7.34.2",
+    "eslint-plugin-react-hooks": "^4.6.2",
+    "eslint-plugin-storybook": "^0.8.0",
+    "husky": "^9.0.11",
+    "jsdom": "^24.1.0",
+    "lint-staged": "^15.2.7",
+    "prettier": "^3.3.2",
+    "release-it": "^17.3.0",
+    "storybook": "^8.1.10",
+    "typescript": "^5.4.5",
+    "vite": "^5.3.0",
+    "vite-plugin-dts": "^3.9.1",
+    "vitest": "^1.6.0"
+  },
+  "dependencies": {
+    "@emotion/react": "^11.11.4",
+    "@emotion/styled": "^11.11.5",
+    "@types/node": "^20.14.2",
+    "hex-rgb": "^5.0.0",
+    "react": "^18.3.1",
+    "react-dom": "^18.3.1",
+    "vite-tsconfig-paths": "^4.3.2"
+  },
+  "lint-staged": {
+    "*.{ts,tsx}": [
+      "pnpm format",
+      "pnpm lint",
+      "pnpm test:staged",
+      "pnpm coverage:staged"
+    ]
+  },
+  "volta": {
+    "node": "20.14.0"
+  },
+  "eslintConfig": {
+    "extends": [
+      "plugin:storybook/recommended"
+    ]
+  },
+  "packageManager": "pnpm@9.4.0+sha512.f549b8a52c9d2b8536762f99c0722205efc5af913e77835dbccc3b0b0b2ca9e7dc8022b78062c17291c48e88749c70ce88eb5a74f1fa8c4bf5e18bb46c8bd83a"
+}