@popsure/dirty-swan 0.41.0-alpha.3 → 0.41.0-alpha.4
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/cjs/index.js +2 -2
- package/dist/cjs/lib/models/styles.d.ts +1 -1
- package/dist/esm/components/button/index.js +2 -2
- package/dist/esm/components/button/index.js.map +1 -1
- package/dist/esm/lib/models/styles.d.ts +1 -1
- package/package.json +1 -1
- package/src/lib/components/button/index.tsx +2 -2
- package/src/lib/models/styles.ts +1 -1
package/dist/cjs/index.js
CHANGED
|
@@ -8235,11 +8235,11 @@ var Button = require$$0__default['default'].forwardRef(function (_a, ref) {
|
|
|
8235
8235
|
return (jsxRuntime.jsx("button", __assign({ ref: ref, className: classNames(buttonTypeClassNameMap[variant], className, {
|
|
8236
8236
|
'p-btn--loading': loading,
|
|
8237
8237
|
'p-btn--icon-only': hideLabel,
|
|
8238
|
-
}), "data-testid": "button" }, props, { children: leftIcon || rightIcon ? (jsxRuntime.jsxs("div", __assign({ className: "d-flex jc-center ai-center" }, { children: [leftIcon && (jsxRuntime.jsx("span", { children: require$$0__default['default'].cloneElement(leftIcon, { size:
|
|
8238
|
+
}), "data-testid": "button" }, props, { children: leftIcon || rightIcon ? (jsxRuntime.jsxs("div", __assign({ className: "d-flex jc-center ai-center" }, { children: [leftIcon && (jsxRuntime.jsx("span", { children: require$$0__default['default'].cloneElement(leftIcon, { size: 20 }) }, void 0)),
|
|
8239
8239
|
jsxRuntime.jsx("div", __assign({ className: classNames('mx8', {
|
|
8240
8240
|
'sr-only': hideLabel
|
|
8241
8241
|
}) }, { children: children }), void 0),
|
|
8242
|
-
rightIcon && (jsxRuntime.jsx("span", { children: require$$0__default['default'].cloneElement(rightIcon, { size:
|
|
8242
|
+
rightIcon && (jsxRuntime.jsx("span", { children: require$$0__default['default'].cloneElement(rightIcon, { size: 20 }) }, void 0))] }), void 0)) : children }), void 0));
|
|
8243
8243
|
});
|
|
8244
8244
|
|
|
8245
8245
|
var css_248z$r = ".style-module_button__mw9kQ {\n height: 48px;\n}\n\n.style-module_chip-complete__3YkB9 {\n display: flex;\n align-items: center;\n justify-content: center;\n background-color: white;\n border-radius: 8px;\n padding: 8px 16px;\n height: 48px;\n}";
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
export declare type Color = 'transparent' | 'blue-100' | 'blue-300' | 'blue-500' | 'blue-700' | 'blue-900' | 'purple-25' | 'purple-50' | 'purple-100' | 'purple-300' | 'purple-500' | 'purple-700' | 'purple-900' | 'primary-25' | 'primary-50' | 'primary-100' | 'primary-300' | 'primary-500' | 'primary-700' | 'primary-900' | 'red-100' | 'red-300' | 'red-500' | 'red-700' | 'red-900' | 'grey-100' | 'grey-200' | 'grey-300' | 'grey-400' | 'grey-500' | 'grey-600' | 'grey-700' | 'grey-900' | 'green-100' | 'green-300' | 'green-500' | 'green-700' | 'green-900' | 'glacier-100' | 'glacier-300' | 'glacier-500' | 'glacier-700' | 'glacier-900' | 'spearmint-100' | 'spearmint-300' | 'spearmint-500' | 'spearmint-700' | 'spearmint-900' | 'pink-100' | 'pink-300' | 'pink-500' | 'pink-700' | 'pink-900' | 'yellow-100' | 'yellow-300' | 'yellow-500' | 'yellow-700' | 'yellow-900';
|
|
2
|
-
export declare type Size = 0 | 8 | 16 | 24 | 32 | 40 | 48 | 56 | 64 | 72 | 80 | 88 | 96;
|
|
2
|
+
export declare type Size = 0 | 8 | 16 | 20 | 24 | 32 | 40 | 48 | 56 | 64 | 72 | 80 | 88 | 96;
|
|
@@ -18,11 +18,11 @@ var Button = require$$0__default.forwardRef(function (_a, ref) {
|
|
|
18
18
|
return (jsx("button", __assign({ ref: ref, className: classNames(buttonTypeClassNameMap[variant], className, {
|
|
19
19
|
'p-btn--loading': loading,
|
|
20
20
|
'p-btn--icon-only': hideLabel,
|
|
21
|
-
}), "data-testid": "button" }, props, { children: leftIcon || rightIcon ? (jsxs("div", __assign({ className: "d-flex jc-center ai-center" }, { children: [leftIcon && (jsx("span", { children: require$$0__default.cloneElement(leftIcon, { size:
|
|
21
|
+
}), "data-testid": "button" }, props, { children: leftIcon || rightIcon ? (jsxs("div", __assign({ className: "d-flex jc-center ai-center" }, { children: [leftIcon && (jsx("span", { children: require$$0__default.cloneElement(leftIcon, { size: 20 }) }, void 0)),
|
|
22
22
|
jsx("div", __assign({ className: classNames('mx8', {
|
|
23
23
|
'sr-only': hideLabel
|
|
24
24
|
}) }, { children: children }), void 0),
|
|
25
|
-
rightIcon && (jsx("span", { children: require$$0__default.cloneElement(rightIcon, { size:
|
|
25
|
+
rightIcon && (jsx("span", { children: require$$0__default.cloneElement(rightIcon, { size: 20 }) }, void 0))] }), void 0)) : children }), void 0));
|
|
26
26
|
});
|
|
27
27
|
|
|
28
28
|
export { Button };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":["../../../../../src/lib/components/button/index.tsx"],"sourcesContent":["import classNames from 'classnames';\nimport React, { ReactElement, ReactNode } from 'react';\n\ntype ButtonVariant =\n | 'filledColor'\n | 'filledGray'\n | 'filledWhite'\n | 'textColor'\n | 'textWhite'\n | 'outlineWhite'\n | 'filledSuccess'\n | 'filledError';\n\nconst buttonTypeClassNameMap: { [K in ButtonVariant]: string } = {\n filledColor: 'p-btn--primary',\n filledGray: 'p-btn--secondary-grey',\n filledWhite: 'p-btn--secondary-white',\n textColor: 'p-btn--secondary',\n textWhite: 'p-btn--secondary-inverted',\n outlineWhite: 'p-btn--outline-white',\n filledSuccess: 'p-btn--success',\n filledError: 'p-btn--danger',\n};\n\ntype ButtonProps = {\n children: ReactNode;\n variant?: ButtonVariant;\n leftIcon?: ReactElement;\n rightIcon?: ReactElement;\n loading?: boolean;\n hideLabel?: boolean;\n} & Omit<JSX.IntrinsicElements['button'], 'children'>;\n\nconst Button = React.forwardRef((\n {\n className,\n loading = false,\n children,\n variant = 'filledColor',\n leftIcon,\n rightIcon,\n hideLabel,\n ...props\n }: ButtonProps,\n ref?: React.ForwardedRef<HTMLButtonElement>\n) => (\n <button\n ref={ref}\n className={classNames(\n buttonTypeClassNameMap[variant], \n className, {\n 'p-btn--loading': loading,\n 'p-btn--icon-only': hideLabel,\n })}\n data-testid=\"button\"\n {...props}\n >\n {leftIcon || rightIcon ? (\n <div className=\"d-flex jc-center ai-center\">\n {leftIcon && (\n <span>\n {React.cloneElement(leftIcon, { size:
|
|
1
|
+
{"version":3,"file":"index.js","sources":["../../../../../src/lib/components/button/index.tsx"],"sourcesContent":["import classNames from 'classnames';\nimport React, { ReactElement, ReactNode } from 'react';\n\ntype ButtonVariant =\n | 'filledColor'\n | 'filledGray'\n | 'filledWhite'\n | 'textColor'\n | 'textWhite'\n | 'outlineWhite'\n | 'filledSuccess'\n | 'filledError';\n\nconst buttonTypeClassNameMap: { [K in ButtonVariant]: string } = {\n filledColor: 'p-btn--primary',\n filledGray: 'p-btn--secondary-grey',\n filledWhite: 'p-btn--secondary-white',\n textColor: 'p-btn--secondary',\n textWhite: 'p-btn--secondary-inverted',\n outlineWhite: 'p-btn--outline-white',\n filledSuccess: 'p-btn--success',\n filledError: 'p-btn--danger',\n};\n\ntype ButtonProps = {\n children: ReactNode;\n variant?: ButtonVariant;\n leftIcon?: ReactElement;\n rightIcon?: ReactElement;\n loading?: boolean;\n hideLabel?: boolean;\n} & Omit<JSX.IntrinsicElements['button'], 'children'>;\n\nconst Button = React.forwardRef((\n {\n className,\n loading = false,\n children,\n variant = 'filledColor',\n leftIcon,\n rightIcon,\n hideLabel,\n ...props\n }: ButtonProps,\n ref?: React.ForwardedRef<HTMLButtonElement>\n) => (\n <button\n ref={ref}\n className={classNames(\n buttonTypeClassNameMap[variant], \n className, {\n 'p-btn--loading': loading,\n 'p-btn--icon-only': hideLabel,\n })}\n data-testid=\"button\"\n {...props}\n >\n {leftIcon || rightIcon ? (\n <div className=\"d-flex jc-center ai-center\">\n {leftIcon && (\n <span>\n {React.cloneElement(leftIcon, { size: 20 })}\n </span>\n )}\n \n <div \n className={classNames(\n 'mx8', {\n 'sr-only': hideLabel\n }\n )}\n >\n {children}\n </div>\n\n {rightIcon && (\n <span>\n {React.cloneElement(rightIcon, { size: 20 })}\n </span>\n )}\n </div>\n ) : children}\n </button>\n )\n);\n\nexport { Button };\nexport type { ButtonProps, ButtonVariant };\n"],"names":["React","_jsx","_jsxs"],"mappings":";;;;;AAaA,IAAM,sBAAsB,GAAqC;IAC/D,WAAW,EAAE,gBAAgB;IAC7B,UAAU,EAAE,uBAAuB;IACnC,WAAW,EAAE,wBAAwB;IACrC,SAAS,EAAE,kBAAkB;IAC7B,SAAS,EAAE,2BAA2B;IACtC,YAAY,EAAE,sBAAsB;IACpC,aAAa,EAAE,gBAAgB;IAC/B,WAAW,EAAE,eAAe;CAC7B,CAAC;IAWI,MAAM,GAAGA,mBAAK,CAAC,UAAU,CAAC,UAC9B,EASc,EACd,GAA2C;IATzC,IAAA,SAAS,eAAA,EACT,eAAe,EAAf,OAAO,mBAAG,KAAK,KAAA,EACf,QAAQ,cAAA,EACR,eAAuB,EAAvB,OAAO,mBAAG,aAAa,KAAA,EACvB,QAAQ,cAAA,EACR,SAAS,eAAA,EACT,SAAS,eAAA,EACN,KAAK,cARV,qFASC,CADS;IAGP,QACDC,yBACE,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,UAAU,CACnB,sBAAsB,CAAC,OAAO,CAAC,EAC/B,SAAS,EAAE;YACT,gBAAgB,EAAE,OAAO;YACzB,kBAAkB,EAAE,SAAS;SAC9B,CAAC,iBACQ,QAAQ,IAChB,KAAK,cAER,QAAQ,IAAI,SAAS,IACpBC,uBAAK,SAAS,EAAC,4BAA4B,iBACxC,QAAQ,KACPD,wBACGD,mBAAK,CAAC,YAAY,CAAC,QAAQ,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE,CAAC,WACtC,CACR;gBAEDC,sBACE,SAAS,EAAE,UAAU,CACnB,KAAK,EAAE;wBACL,SAAS,EAAE,SAAS;qBACrB,CACF,gBAEA,QAAQ,YACL;gBAEL,SAAS,KACRA,wBACGD,mBAAK,CAAC,YAAY,CAAC,SAAS,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE,CAAC,WACvC,CACR,aACG,IACJ,QAAQ,YACL,EACV;CAAA;;;;"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
export declare type Color = 'transparent' | 'blue-100' | 'blue-300' | 'blue-500' | 'blue-700' | 'blue-900' | 'purple-25' | 'purple-50' | 'purple-100' | 'purple-300' | 'purple-500' | 'purple-700' | 'purple-900' | 'primary-25' | 'primary-50' | 'primary-100' | 'primary-300' | 'primary-500' | 'primary-700' | 'primary-900' | 'red-100' | 'red-300' | 'red-500' | 'red-700' | 'red-900' | 'grey-100' | 'grey-200' | 'grey-300' | 'grey-400' | 'grey-500' | 'grey-600' | 'grey-700' | 'grey-900' | 'green-100' | 'green-300' | 'green-500' | 'green-700' | 'green-900' | 'glacier-100' | 'glacier-300' | 'glacier-500' | 'glacier-700' | 'glacier-900' | 'spearmint-100' | 'spearmint-300' | 'spearmint-500' | 'spearmint-700' | 'spearmint-900' | 'pink-100' | 'pink-300' | 'pink-500' | 'pink-700' | 'pink-900' | 'yellow-100' | 'yellow-300' | 'yellow-500' | 'yellow-700' | 'yellow-900';
|
|
2
|
-
export declare type Size = 0 | 8 | 16 | 24 | 32 | 40 | 48 | 56 | 64 | 72 | 80 | 88 | 96;
|
|
2
|
+
export declare type Size = 0 | 8 | 16 | 20 | 24 | 32 | 40 | 48 | 56 | 64 | 72 | 80 | 88 | 96;
|
package/package.json
CHANGED
|
@@ -59,7 +59,7 @@ const Button = React.forwardRef((
|
|
|
59
59
|
<div className="d-flex jc-center ai-center">
|
|
60
60
|
{leftIcon && (
|
|
61
61
|
<span>
|
|
62
|
-
{React.cloneElement(leftIcon, { size:
|
|
62
|
+
{React.cloneElement(leftIcon, { size: 20 })}
|
|
63
63
|
</span>
|
|
64
64
|
)}
|
|
65
65
|
|
|
@@ -75,7 +75,7 @@ const Button = React.forwardRef((
|
|
|
75
75
|
|
|
76
76
|
{rightIcon && (
|
|
77
77
|
<span>
|
|
78
|
-
{React.cloneElement(rightIcon, { size:
|
|
78
|
+
{React.cloneElement(rightIcon, { size: 20 })}
|
|
79
79
|
</span>
|
|
80
80
|
)}
|
|
81
81
|
</div>
|
package/src/lib/models/styles.ts
CHANGED