@fvc/button 1.1.2

package/dist/lib/button/src/Button.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import type { ButtonProps } from './types';
+import './Button.scss';
+export declare const Button: ({ type, danger, className, testId, ...props }: ButtonProps) => React.JSX.Element;

package/dist/lib/button/src/index.d.ts

@@ -0,0 +1 @@
+export { Button } from './Button';

package/dist/lib/button/src/types/Button.types.d.ts

@@ -0,0 +1,17 @@
+import type { ReactNode } from 'react';
+import { type ButtonProps as DefaultButtonProps } from 'antd';
+export type ButtonType = 'default' | 'primary' | 'secondary' | 'white' | 'disabled' | 'dashed' | 'link' | 'text' | 'text-black' | 'danger' | 'danger-light' | 'transparent' | 'dropdown-button';
+export type ButtonShape = 'round' | 'circle';
+export type ButtonBgType = 'transparent';
+export type SizeType = 'small' | 'middle' | 'large';
+export type ButtonProps = Omit<DefaultButtonProps, 'type' | 'size' | 'shape'> & {
+    type?: ButtonType;
+    icon?: ReactNode;
+    shape?: ButtonShape;
+    bg?: ButtonBgType;
+    size?: SizeType;
+    loadingText?: ReactNode;
+    className?: string;
+    testId?: string;
+    danger?: boolean;
+};

package/dist/lib/button/src/types/index.d.ts

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

package/dist/lib/index.js

@@ -0,0 +1,6 @@
+import n from"react";import{Button as t}from"antd";var o=function(){return o=Object.assign||function(n){for(var t,o=1,r=arguments.length;o<r;o++)for(var e in t=arguments[o])Object.prototype.hasOwnProperty.call(t,e)&&(n[e]=t[e]);return n},o.apply(this,arguments)};function r(n){return n&&n.__esModule&&Object.prototype.hasOwnProperty.call(n,"default")?n.default:n}"function"==typeof SuppressedError&&SuppressedError;var e,d={exports:{}};
+/*!
+	Copyright (c) 2018 Jed Watson.
+	Licensed under the MIT License (MIT), see
+	http://jedwatson.github.io/classnames
+*/var a,b=r((e||(e=1,a=d,function(){var n={}.hasOwnProperty;function t(){for(var n="",t=0;t<arguments.length;t++){var e=arguments[t];e&&(n=r(n,o(e)))}return n}function o(o){if("string"==typeof o||"number"==typeof o)return o;if("object"!=typeof o)return"";if(Array.isArray(o))return t.apply(null,o);if(o.toString!==Object.prototype.toString&&!o.toString.toString().includes("[native code]"))return o.toString();var e="";for(var d in o)n.call(o,d)&&o[d]&&(e=r(e,d));return e}function r(n,t){return t?n?n+" "+t:n+t:n}a.exports?(t.default=t,a.exports=t):window.classNames=t}()),d.exports));!function(n,t){void 0===t&&(t={});var o=t.insertAt;if("undefined"!=typeof document){var r=document.head||document.getElementsByTagName("head")[0],e=document.createElement("style");e.type="text/css","top"===o&&r.firstChild?r.insertBefore(e,r.firstChild):r.appendChild(e),e.styleSheet?e.styleSheet.cssText=n:e.appendChild(document.createTextNode(n))}}(".fvc-btn {\n  display: inline-flex;\n  align-items: center;\n  justify-content: space-between;\n  user-select: none;\n  cursor: pointer;\n  text-align: center;\n  white-space: nowrap;\n  font: 700 14px/1.5715 Roboto, Arial, sans-serif;\n  transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);\n  position: relative;\n  box-shadow: 0 2px rgba(0, 0, 0, 0.016);\n  border: 1px solid #d9d9d9;\n  padding: 8px 16px;\n  gap: 0;\n  background: var(--white-text-color-0);\n  color: var(--blue-200);\n}\n.fvc-btn span:has(svg) {\n  align-self: center;\n  align-items: center;\n  padding-right: 4px;\n  display: inline-flex;\n}\n.fvc-btn:not(:disabled):hover {\n  text-decoration: none;\n}\n.fvc-btn:disabled {\n  color: rgba(0, 0, 0, 0.25);\n  background: #f5f5f5;\n  border-color: #d9d9d9;\n  box-shadow: none;\n  text-shadow: none;\n}\n.fvc-btn-primary {\n  color: var(--white-text-color-0);\n  background: var(--button-text-color-500);\n  border-color: var(--button-text-color-500);\n  box-shadow: 0 4px 13px rgba(0, 255, 146, 0.2);\n  text-shadow: 0 -1px rgba(0, 0, 0, 0.12);\n}\n.fvc-btn-primary:not(:disabled):not(.fvc-btn-disabled):hover, .fvc-btn-primary:not(:disabled):not(.fvc-btn-disabled):focus, .fvc-btn-primary:not(:disabled):not(.fvc-btn-disabled):active {\n  color: var(--white-text-color-0);\n  background: #176647;\n  border-color: #176647;\n}\n.fvc-btn-primary:disabled,\n.fvc-btn-primary .fvc-btn-disabled {\n  color: var(--gray-400);\n  background: var(--green-800);\n  border-color: var(--green-800);\n}\n.fvc-btn-secondary {\n  color: var(--button-text-color-500);\n  background: var(--white-text-color-0);\n  border-color: var(--button-text-color-500);\n}\n.fvc-btn-secondary:not(:disabled):not(.fvc-btn-disabled):hover, .fvc-btn-secondary:not(:disabled):not(.fvc-btn-disabled):focus, .fvc-btn-secondary:not(:disabled):not(.fvc-btn-disabled):active {\n  color: var(--button-text-color-500);\n  background: var(--green-300-30);\n  border-color: var(--button-text-color-500);\n}\n.fvc-btn-secondary:disabled,\n.fvc-btn-secondary .fvc-btn-disabled {\n  color: var(--green-300-30);\n  background: var(--white-text-color-0);\n  border-color: var(--green-300-30);\n}\n.fvc-btn-danger {\n  color: var(--red-800);\n  background: var(--white-text-color-0);\n  border-color: var(--red-800);\n}\n.fvc-btn-danger:not(:disabled):not(.fvc-btn-disabled):hover, .fvc-btn-danger:not(:disabled):not(.fvc-btn-disabled):focus, .fvc-btn-danger:not(:disabled):not(.fvc-btn-disabled):active {\n  color: var(--red-800);\n  background: var(--red-300);\n  border-color: var(--red-800);\n}\n.fvc-btn-danger:disabled,\n.fvc-btn-danger .fvc-btn-disabled {\n  color: var(--red-800);\n  background: var(--red-400);\n  border-color: var(--red-800);\n}\n.fvc-btn-dangerous {\n  color: var(--red-800);\n  background: var(--white-text-color-0);\n  border-color: var(--red-800);\n}\n.fvc-btn-dangerous:not(:disabled):not(.fvc-btn-disabled):hover, .fvc-btn-dangerous:not(:disabled):not(.fvc-btn-disabled):focus, .fvc-btn-dangerous:not(:disabled):not(.fvc-btn-disabled):active {\n  color: --red-300;\n  background: var(--white-text-color-0);\n  border-color: --red-300;\n}\n.fvc-btn-dangerous:disabled,\n.fvc-btn-dangerous .fvc-btn-disabled {\n  color: var(--red-400);\n  background: var(--red-300-60);\n  border-color: var(--red-400);\n}\n.fvc-btn-white {\n  color: var(--white-text-color-0);\n  background: none;\n  border-color: var(--white-text-color-0);\n}\n.fvc-btn-white:not(:disabled):not(.fvc-btn-disabled):hover, .fvc-btn-white:not(:disabled):not(.fvc-btn-disabled):focus, .fvc-btn-white:not(:disabled):not(.fvc-btn-disabled):active {\n  color: var(--gray-300);\n  background: rgba(255, 255, 255, 0.2);\n  border-color: var(--gray-300);\n}\n.fvc-btn-white:disabled,\n.fvc-btn-white .fvc-btn-disabled {\n  color: var(--white-text-color-0);\n  background: rgba(255, 255, 255, 0.4);\n  border-color: #d9d9d9;\n}\n.fvc-btn-dashed {\n  color: var(--blue-200);\n  background: var(--white-text-color-0);\n  border-color: #d9d9d9;\n  border-style: dashed;\n}\n.fvc-btn-dashed:not(:disabled):not(.fvc-btn-disabled):hover, .fvc-btn-dashed:not(:disabled):not(.fvc-btn-disabled):focus, .fvc-btn-dashed:not(:disabled):not(.fvc-btn-disabled):active {\n  color: #419471;\n  background: var(--white-text-color-0);\n  border-color: #419471;\n}\n.fvc-btn-dashed:disabled,\n.fvc-btn-dashed .fvc-btn-disabled {\n  color: rgba(0, 0, 0, 0.25);\n  background: #f5f5f5;\n  border-color: #d9d9d9;\n}\n.fvc-btn-link {\n  color: var(--blue-400);\n  background: none;\n  border-color: rgba(0, 0, 0, 0);\n  box-shadow: none;\n}\n.fvc-btn-link:not(:disabled):not(.fvc-btn-disabled):hover, .fvc-btn-link:not(:disabled):not(.fvc-btn-disabled):focus, .fvc-btn-link:not(:disabled):not(.fvc-btn-disabled):active {\n  color: var(--blue-400);\n  background: none;\n  border-color: rgba(0, 0, 0, 0);\n}\n.fvc-btn-link:disabled,\n.fvc-btn-link .fvc-btn-disabled {\n  color: rgba(0, 0, 0, 0.25);\n  background: #f5f5f5;\n  border-color: #d9d9d9;\n}\n.fvc-btn-text, .fvc-btn-text-black {\n  color: rgba(0, 0, 0, 0.85);\n  background: none;\n  border-color: rgba(0, 0, 0, 0);\n  box-shadow: none;\n}\n.fvc-btn-text:not(:disabled):not(.fvc-btn-disabled):hover, .fvc-btn-text:not(:disabled):not(.fvc-btn-disabled):focus, .fvc-btn-text:not(:disabled):not(.fvc-btn-disabled):active, .fvc-btn-text-black:not(:disabled):not(.fvc-btn-disabled):hover, .fvc-btn-text-black:not(:disabled):not(.fvc-btn-disabled):focus, .fvc-btn-text-black:not(:disabled):not(.fvc-btn-disabled):active {\n  color: var(--blue-400);\n  background: rgba(0, 0, 0, 0.02);\n  border-color: rgba(0, 0, 0, 0);\n}\n.fvc-btn-text:disabled,\n.fvc-btn-text .fvc-btn-disabled, .fvc-btn-text-black:disabled,\n.fvc-btn-text-black .fvc-btn-disabled {\n  color: rgba(0, 0, 0, 0.25);\n  background: #f5f5f5;\n  border-color: #d9d9d9;\n}\n.fvc-btn-text-black, .fvc-btn-text-black-black {\n  color: var(--black-1000);\n  font: 400 14px/16px Roboto;\n}\n.fvc-btn-danger-light {\n  color: var(--warning-text-on-dark-bg-color-400);\n  background: none;\n  border-color: var(--warning-text-on-dark-bg-color-400);\n}\n.fvc-btn-danger-light:not(:disabled):not(.fvc-btn-disabled):hover, .fvc-btn-danger-light:not(:disabled):not(.fvc-btn-disabled):focus, .fvc-btn-danger-light:not(:disabled):not(.fvc-btn-disabled):active {\n  color: var(--white-text-color-0);\n  background: var(--warning-text-on-dark-bg-color-400);\n  border-color: var(--warning-text-on-dark-bg-color-400);\n}\n.fvc-btn-danger-light:disabled,\n.fvc-btn-danger-light .fvc-btn-disabled {\n  color: var(--red-400);\n  background: var(--red-300-60);\n  border-color: var(--red-400);\n}\n.fvc-btn-transparent {\n  color: var(--white-text-color-0);\n  background: none;\n  border-color: #d9d9d9;\n}\n.fvc-btn-transparent:not(:disabled):not(.fvc-btn-disabled):hover, .fvc-btn-transparent:not(:disabled):not(.fvc-btn-disabled):focus, .fvc-btn-transparent:not(:disabled):not(.fvc-btn-disabled):active {\n  color: #419471;\n  background: none;\n  border-color: #419471;\n}\n.fvc-btn-transparent:disabled,\n.fvc-btn-transparent .fvc-btn-disabled {\n  color: rgba(0, 0, 0, 0.25);\n  background: #f5f5f5;\n  border-color: #d9d9d9;\n}\n.fvc-btn-dropdown-button {\n  height: 34px;\n  padding: 16px;\n  font-size: 14px;\n  font-weight: 700;\n  border-radius: 2px;\n  color: var(--blue-gray-300);\n  border: 1px solid var(--gray-400);\n  border-radius: 16px;\n  display: flex;\n}\n.fvc-btn-dropdown-button:hover {\n  color: var(--blue-gray-300) !important;\n  border-color: #648bb3 !important;\n}\n.fvc-btn-circle {\n  text-align: center;\n  border-radius: 50%;\n  min-width: 40px;\n  padding: 0;\n}\n.fvc-btn-circle:not(:disabled):not(.fvc-btn-disabled):hover, .fvc-btn-circle:not(:disabled):not(.fvc-btn-disabled):focus, .fvc-btn-circle:not(:disabled):not(.fvc-btn-disabled):active {\n  color: #419471;\n  background: var(--white-text-color-0);\n  border-color: #419471;\n}\n.fvc-btn-round {\n  height: 40px;\n  padding: 8px 20px;\n  font-size: 14px;\n  font-weight: 700;\n  border-radius: 2px;\n  border-radius: 40px;\n}\n.fvc-btn-round:not(:disabled):not(.fvc-btn-disabled):active {\n  box-shadow: none;\n  outline: 0;\n}\n.fvc-btn-background-transparent {\n  background: none;\n}\n.fvc-btn-background-transparent:not(:disabled):not(.fvc-btn-disabled):hover, .fvc-btn-background-transparent:not(:disabled):not(.fvc-btn-disabled):focus, .fvc-btn-background-transparent:not(:disabled):not(.fvc-btn-disabled):active {\n  color: #419471;\n  border-color: #419471;\n}\n.fvc-btn-background-transparent:not(:disabled):not(.fvc-btn-disabled):active {\n  color: #166147;\n  border-color: #166147;\n}\n.fvc-btn-sm {\n  height: 24px;\n  padding: 0 7px;\n  font-size: 14px;\n  font-weight: 700;\n  border-radius: 2px;\n}\n.fvc-btn-md {\n  height: 32px;\n  padding: 4px 16px;\n  font-size: 14px;\n  font-weight: 700;\n  border-radius: 2px;\n}\n.fvc-btn-lg {\n  height: 48px;\n  padding: 10.4px 15px;\n  font-size: 16px;\n  font-weight: 20px;\n  border-radius: 2px;\n}");var c="fvc-btn",l={small:"sm",middle:"md",large:"lg"},i=function(r){var e,d=r.type,a=r.danger,i=r.className,s=r.testId,v=function(n,t){var o={};for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&t.indexOf(r)<0&&(o[r]=n[r]);if(null!=n&&"function"==typeof Object.getOwnPropertySymbols){var e=0;for(r=Object.getOwnPropertySymbols(n);e<r.length;e++)t.indexOf(r[e])<0&&Object.prototype.propertyIsEnumerable.call(n,r[e])&&(o[r[e]]=n[r[e]])}return o}(r,["type","danger","className","testId"]),f=a?"dangerous":d,g="danger"===d||a?"danger":v.color,u=l[v.size||"middle"],p=b(c,((e={})["".concat(c,"-").concat(f)]=f,e["".concat(c,"-").concat(v.shape)]=v.shape,e["".concat(c,"-").concat(u)]=u,e["".concat(c,"-background-").concat(v.bg)]=v.bg,e),i);return n.createElement(t,o({prefixCls:c,className:p,color:g,disabled:"disabled"===d||v.disabled,"data-testid":s},v))};export{i as Button};

package/package.json

@@ -0,0 +1,33 @@
+{
+  "name": "@fvc/button",
+  "version": "1.1.2",
+  "main": "./dist/lib/index.js",
+  "types": "./dist/lib/button/src/index.d.ts",
+  "files": [
+    "dist/lib/index.js",
+    "dist/lib/button",
+    "package.json"
+  ],
+  "exports": {
+    ".": {
+      "import": "./dist/lib/index.js",
+      "types": "./dist/lib/button/src/index.d.ts"
+    },
+    "./types": {
+      "types": "./dist/lib/button/src/types/index.d.ts"
+    }
+  },
+  "scripts": {
+    "build": "rm -rf dist && rm -rf .rollup.cache && eslint --config ../../eslint.config.js . && bunx tsc --noEmit && rollup -c ./rollup.config.mjs"
+  },
+  "dependencies": {
+    "react": "^18.0.0",
+    "antd": "^5.0.0",
+    "@fvc/icons": "file:../icons"
+  },
+  "peerDependencies": {
+    "@fvc/icons": "*",
+    "react": "^18.0.0",
+    "antd": "^5.0.0"
+  }
+}