@fvc/button 1.1.4 → 1.2.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.
- package/dist/lib/index.js +2 -2
- package/package.json +3 -4
package/dist/lib/index.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import n from"react";import{Button as
|
|
1
|
+
import n from"react";import{Button as o}from"antd";function t(n){return n&&n.__esModule&&Object.prototype.hasOwnProperty.call(n,"default")?n.default:n}"function"==typeof SuppressedError&&SuppressedError;var r,e={exports:{}};
|
|
2
2
|
/*!
|
|
3
3
|
Copyright (c) 2018 Jed Watson.
|
|
4
4
|
Licensed under the MIT License (MIT), see
|
|
5
5
|
http://jedwatson.github.io/classnames
|
|
6
|
-
*/var a,c=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: var(--white-text-color-0);\n border-color: var(--gray-400);\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-600);\n border-color: var(--button-text-color-600);\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-600);\n background: transparent;\n border-color: var(--button-text-color-600);\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-600);\n background: var(--button-disabled-secondary-color-300);\n border-color: var(--button-text-color-600);\n}\n.fvc-btn-secondary:disabled,\n.fvc-btn-secondary .fvc-btn-disabled {\n color: var(--green-300);\n background: var(--white-text-color-0);\n border-color: var(--button-disabled-secondary-color-300);\n}\n.fvc-btn-danger {\n color: var(--red-800);\n background: transparent;\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: var(--red-300);\n background: var(--white-text-color-0);\n border-color: var(--red-300);\n}\n.fvc-btn-dangerous:disabled,\n.fvc-btn-dangerous .fvc-btn-disabled {\n color: var(--red-400);\n background: var(--button-pressed-second-error-on-dark-bg-color-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: var(--button-hover-second-on-dark-bg-color-20);\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: var(--button-pressed-second-on-dark-bg-color-40);\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-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 background: none;\n border-color: transparent;\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 background: none;\n border-color: transparent;\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(--button-pressed-second-error-on-dark-bg-color-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-dropdown-button {\n height: 34px;\n padding: 16px;\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 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}\n.fvc-btn-md {\n height: 32px;\n padding: 4px 16px;\n}\n.fvc-btn-lg {\n height: 48px;\n padding: 10.4px 15px;\n}");var b="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=c(b,((e={})["".concat(b,"-").concat(f)]=f,e["".concat(b,"-").concat(v.shape)]=v.shape,e["".concat(b,"-").concat(u)]=u,e["".concat(b,"-background-").concat(v.bg)]=v.bg,e),i);return n.createElement(t,o({prefixCls:b,className:p,color:g,disabled:"disabled"===d||v.disabled,"data-testid":s},v))};export{i as Button};
|
|
6
|
+
*/var d,a=t((r||(r=1,d=e,function(){var n={}.hasOwnProperty;function o(){for(var n="",o=0;o<arguments.length;o++){var e=arguments[o];e&&(n=r(n,t(e)))}return n}function t(t){if("string"==typeof t||"number"==typeof t)return t;if("object"!=typeof t)return"";if(Array.isArray(t))return o.apply(null,t);if(t.toString!==Object.prototype.toString&&!t.toString.toString().includes("[native code]"))return t.toString();var e="";for(var d in t)n.call(t,d)&&t[d]&&(e=r(e,d));return e}function r(n,o){return o?n?n+" "+o:n+o:n}d.exports?(o.default=o,d.exports=o):window.classNames=o}()),e.exports));!function(n,o){void 0===o&&(o={});var t=o.insertAt;if("undefined"!=typeof document){var r=document.head||document.getElementsByTagName("head")[0],e=document.createElement("style");e.type="text/css","top"===t&&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: var(--white-text-color-0);\n border-color: var(--gray-400);\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-600);\n border-color: var(--button-text-color-600);\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-600);\n background: transparent;\n border-color: var(--button-text-color-600);\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-600);\n background: var(--button-disabled-secondary-color-300);\n border-color: var(--button-text-color-600);\n}\n.fvc-btn-secondary:disabled,\n.fvc-btn-secondary .fvc-btn-disabled {\n color: var(--green-300);\n background: var(--white-text-color-0);\n border-color: var(--button-disabled-secondary-color-300);\n}\n.fvc-btn-danger {\n color: var(--red-800);\n background: transparent;\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(--button-pressed-second-error-on-dark-bg-color-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: var(--button-hover-second-on-dark-bg-color-20);\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: var(--button-pressed-second-on-dark-bg-color-40);\n border-color: var(--white-text-color-0);\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: var(--white-text-color-0);\n border-color: var(--white-text-color-0);\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: var(--white-text-color-0);\n border-color: var(--white-text-color-0);\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: var(--white-text-color-0);\n border-color: var(--white-text-color-0);\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(--button-pressed-second-error-on-dark-bg-color-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: var(--white-text-color-0);\n border-color: var(--white-text-color-0);\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}");const b="fvc-btn",c={small:"sm",middle:"md",large:"lg"},l=t=>{var{type:r,danger:e,className:d,testId:l}=t,i=function(n,o){var t={};for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&o.indexOf(r)<0&&(t[r]=n[r]);if(null!=n&&"function"==typeof Object.getOwnPropertySymbols){var e=0;for(r=Object.getOwnPropertySymbols(n);e<r.length;e++)o.indexOf(r[e])<0&&Object.prototype.propertyIsEnumerable.call(n,r[e])&&(t[r[e]]=n[r[e]])}return t}(t,["type","danger","className","testId"]);const s=e?"dangerous":r,v="danger"===r||e?"danger":i.color,f=c[i.size||"middle"],g=a(b,{[`${b}-${s}`]:s,[`${b}-${i.shape}`]:i.shape,[`${b}-${f}`]:f,[`${b}-background-${i.bg}`]:i.bg},d);return n.createElement(o,Object.assign({prefixCls:b,className:g,color:v,disabled:"disabled"===r||i.disabled,"data-testid":l},i))};export{l as Button};
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@fvc/button",
|
|
3
|
-
"version": "1.
|
|
3
|
+
"version": "1.2.0",
|
|
4
4
|
"main": "./dist/lib/index.js",
|
|
5
5
|
"types": "./dist/lib/button/src/index.d.ts",
|
|
6
6
|
"files": [
|
|
@@ -22,12 +22,11 @@
|
|
|
22
22
|
},
|
|
23
23
|
"dependencies": {
|
|
24
24
|
"react": "^18.0.0",
|
|
25
|
-
"antd": "^5.0.0"
|
|
26
|
-
"@fvc/icons": "file:../icons"
|
|
25
|
+
"antd": "^5.0.0"
|
|
27
26
|
},
|
|
28
27
|
"peerDependencies": {
|
|
29
28
|
"@fvc/icons": "*",
|
|
30
29
|
"react": "^18.0.0",
|
|
31
30
|
"antd": "^5.0.0"
|
|
32
31
|
}
|
|
33
|
-
}
|
|
32
|
+
}
|