phx-react 1.3.862 → 1.3.863
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/components/Badge/Badge.js +9 -4
- package/dist/cjs/components/Badge/Badge.js.map +1 -1
- package/dist/cjs/components/Badge/assets/icon.d.ts +9 -0
- package/dist/cjs/components/Badge/assets/icon.js +19 -0
- package/dist/cjs/components/Badge/assets/icon.js.map +1 -0
- package/dist/esm/components/Badge/Badge.js +9 -4
- package/dist/esm/components/Badge/Badge.js.map +1 -1
- package/dist/esm/components/Badge/assets/icon.d.ts +9 -0
- package/dist/esm/components/Badge/assets/icon.js +15 -0
- package/dist/esm/components/Badge/assets/icon.js.map +1 -0
- package/package.json +1 -1
|
@@ -4,12 +4,17 @@ exports.PHXBadge = void 0;
|
|
|
4
4
|
var tslib_1 = require("tslib");
|
|
5
5
|
var react_1 = tslib_1.__importDefault(require("react"));
|
|
6
6
|
var types_1 = require("../types");
|
|
7
|
+
var icon_1 = require("./assets/icon");
|
|
8
|
+
var image_1 = tslib_1.__importDefault(require("next/image"));
|
|
7
9
|
function PHXBadge(_a) {
|
|
8
10
|
var text = _a.text, _b = _a.type, type = _b === void 0 ? 'default' : _b, className = _a.className, removeButton = _a.removeButton, onClick = _a.onClick;
|
|
9
|
-
var typeClassName = (0, types_1.classNames)(type === 'default' && 'bg-
|
|
10
|
-
return (react_1["default"].createElement("
|
|
11
|
-
text,
|
|
12
|
-
|
|
11
|
+
var typeClassName = (0, types_1.classNames)(type === 'default' && 'bg-neutral-100 text-neutral-700', type === 'success' && 'bg-green-100 text-green-700', type === 'informational' && 'bg-blue-100 text-blue-700', type === 'attention' && 'bg-yellow-100 text-yellow-700', type === 'warning' && 'bg-orange-100 text-orange-700 ', type === 'danger' && 'bg-red-100 text-red-700');
|
|
12
|
+
return (react_1["default"].createElement("div", { className: "rounded-xl items-center py-0.5 text-xs font-normal flex leading-4 w-fit gap-1 px-2 ".concat(typeClassName, " ").concat(className) },
|
|
13
|
+
react_1["default"].createElement(image_1["default"], { alt: 'icon', className: (0, types_1.classNames)('h-[12px] w-[12px] text-gray-950'), height: 100, quality: 100,
|
|
14
|
+
// @ts-ignore
|
|
15
|
+
src: icon_1.Icons[type.toUpperCase()], width: 100 }),
|
|
16
|
+
react_1["default"].createElement("p", null, text),
|
|
17
|
+
removeButton && (react_1["default"].createElement("button", { onClick: onClick, className: 'pl-0.5 py-0.5 rounded-lg hover:bg-gray-300' },
|
|
13
18
|
react_1["default"].createElement("svg", { xmlns: 'http://www.w3.org/2000/svg', fill: 'none', viewBox: '0 0 24 24', strokeWidth: '1.5', stroke: 'currentColor', className: 'w-3 h-3' },
|
|
14
19
|
react_1["default"].createElement("path", { strokeLinecap: 'round', strokeLinejoin: 'round', d: 'M6 18L18 6M6 6l12 12' }))))));
|
|
15
20
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Badge.js","sourceRoot":"","sources":["../../../../src/components/Badge/Badge.tsx"],"names":[],"mappings":";;;;AAAA,wDAAyB;AACzB,kCAAqC;
|
|
1
|
+
{"version":3,"file":"Badge.js","sourceRoot":"","sources":["../../../../src/components/Badge/Badge.tsx"],"names":[],"mappings":";;;;AAAA,wDAAyB;AACzB,kCAAqC;AACrC,sCAAqC;AACrC,6DAA8B;AAU9B,SAAgB,QAAQ,CAAC,EAAwE;QAAtE,IAAI,UAAA,EAAE,YAAgB,EAAhB,IAAI,mBAAG,SAAS,KAAA,EAAE,SAAS,eAAA,EAAE,YAAY,kBAAA,EAAE,OAAO,aAAA;IACjF,IAAM,aAAa,GAAG,IAAA,kBAAU,EAC9B,IAAI,KAAK,SAAS,IAAI,iCAAiC,EACvD,IAAI,KAAK,SAAS,IAAI,6BAA6B,EACnD,IAAI,KAAK,eAAe,IAAI,2BAA2B,EACvD,IAAI,KAAK,WAAW,IAAI,+BAA+B,EACvD,IAAI,KAAK,SAAS,IAAI,gCAAgC,EACtD,IAAI,KAAK,QAAQ,IAAI,yBAAyB,CAC/C,CAAA;IACD,OAAO,CACL,0CACE,SAAS,EAAE,8FAAuF,aAAa,cAAI,SAAS,CAAE;QAE9H,iCAAC,kBAAK,IACJ,GAAG,EAAC,MAAM,EACV,SAAS,EAAE,IAAA,kBAAU,EAAC,iCAAiC,CAAC,EACxD,MAAM,EAAE,GAAG,EACX,OAAO,EAAE,GAAG;YACZ,aAAa;YACb,GAAG,EAAE,YAAK,CAAC,IAAI,CAAC,WAAW,EAAwB,CAAC,EACpD,KAAK,EAAE,GAAG,GACV;QACF,4CAAI,IAAI,CAAK;QACZ,YAAY,IAAI,CACf,6CAAQ,OAAO,EAAE,OAAO,EAAE,SAAS,EAAC,6CAA6C;YAC/E,0CACE,KAAK,EAAC,4BAA4B,EAClC,IAAI,EAAC,MAAM,EACX,OAAO,EAAC,WAAW,EACnB,WAAW,EAAC,KAAK,EACjB,MAAM,EAAC,cAAc,EACrB,SAAS,EAAC,SAAS;gBAEnB,2CAAM,aAAa,EAAC,OAAO,EAAC,cAAc,EAAC,OAAO,EAAC,CAAC,EAAC,sBAAsB,GAAG,CAC1E,CACC,CACV,CACG,CACP,CAAA;AACH,CAAC;AAvCD,4BAuCC"}
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
export declare const Icons: {
|
|
3
|
+
DEFAULT: import("react").FC<import("react").SVGProps<SVGSVGElement>>;
|
|
4
|
+
ATTENTION: import("react").FC<import("react").SVGProps<SVGSVGElement>>;
|
|
5
|
+
DANGER: import("react").FC<import("react").SVGProps<SVGSVGElement>>;
|
|
6
|
+
INFORMATIONAL: import("react").FC<import("react").SVGProps<SVGSVGElement>>;
|
|
7
|
+
SUCCESS: import("react").FC<import("react").SVGProps<SVGSVGElement>>;
|
|
8
|
+
WARNING: import("react").FC<import("react").SVGProps<SVGSVGElement>>;
|
|
9
|
+
};
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
exports.__esModule = true;
|
|
3
|
+
exports.Icons = void 0;
|
|
4
|
+
var tslib_1 = require("tslib");
|
|
5
|
+
var default_badge_icon_svg_1 = tslib_1.__importDefault(require("./default-badge-icon.svg"));
|
|
6
|
+
var attention_badge_icon_svg_1 = tslib_1.__importDefault(require("./attention-badge-icon.svg"));
|
|
7
|
+
var danger_badge_icon_svg_1 = tslib_1.__importDefault(require("./danger-badge-icon.svg"));
|
|
8
|
+
var informational_badge_icon_svg_1 = tslib_1.__importDefault(require("./informational-badge-icon.svg"));
|
|
9
|
+
var success_badge_icon_svg_1 = tslib_1.__importDefault(require("./success-badge-icon.svg"));
|
|
10
|
+
var warning_badge_icon_svg_1 = tslib_1.__importDefault(require("./warning-badge-icon.svg"));
|
|
11
|
+
exports.Icons = {
|
|
12
|
+
DEFAULT: default_badge_icon_svg_1["default"],
|
|
13
|
+
ATTENTION: attention_badge_icon_svg_1["default"],
|
|
14
|
+
DANGER: danger_badge_icon_svg_1["default"],
|
|
15
|
+
INFORMATIONAL: informational_badge_icon_svg_1["default"],
|
|
16
|
+
SUCCESS: success_badge_icon_svg_1["default"],
|
|
17
|
+
WARNING: warning_badge_icon_svg_1["default"]
|
|
18
|
+
};
|
|
19
|
+
//# sourceMappingURL=icon.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"icon.js","sourceRoot":"","sources":["../../../../../src/components/Badge/assets/icon.ts"],"names":[],"mappings":";;;;AAAA,4FAA8C;AAC9C,gGAAkD;AAClD,0FAA4C;AAC5C,wGAA0D;AAC1D,4FAA8C;AAC9C,4FAA8C;AAEjC,QAAA,KAAK,GAAG;IACnB,OAAO,qCAAA;IACP,SAAS,uCAAA;IACT,MAAM,oCAAA;IACN,aAAa,2CAAA;IACb,OAAO,qCAAA;IACP,OAAO,qCAAA;CACR,CAAA"}
|
|
@@ -1,11 +1,16 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import { classNames } from '../types';
|
|
3
|
+
import { Icons } from './assets/icon';
|
|
4
|
+
import Image from 'next/image';
|
|
3
5
|
export function PHXBadge(_a) {
|
|
4
6
|
var text = _a.text, _b = _a.type, type = _b === void 0 ? 'default' : _b, className = _a.className, removeButton = _a.removeButton, onClick = _a.onClick;
|
|
5
|
-
var typeClassName = classNames(type === 'default' && 'bg-
|
|
6
|
-
return (React.createElement("
|
|
7
|
-
text,
|
|
8
|
-
|
|
7
|
+
var typeClassName = classNames(type === 'default' && 'bg-neutral-100 text-neutral-700', type === 'success' && 'bg-green-100 text-green-700', type === 'informational' && 'bg-blue-100 text-blue-700', type === 'attention' && 'bg-yellow-100 text-yellow-700', type === 'warning' && 'bg-orange-100 text-orange-700 ', type === 'danger' && 'bg-red-100 text-red-700');
|
|
8
|
+
return (React.createElement("div", { className: "rounded-xl items-center py-0.5 text-xs font-normal flex leading-4 w-fit gap-1 px-2 ".concat(typeClassName, " ").concat(className) },
|
|
9
|
+
React.createElement(Image, { alt: 'icon', className: classNames('h-[12px] w-[12px] text-gray-950'), height: 100, quality: 100,
|
|
10
|
+
// @ts-ignore
|
|
11
|
+
src: Icons[type.toUpperCase()], width: 100 }),
|
|
12
|
+
React.createElement("p", null, text),
|
|
13
|
+
removeButton && (React.createElement("button", { onClick: onClick, className: 'pl-0.5 py-0.5 rounded-lg hover:bg-gray-300' },
|
|
9
14
|
React.createElement("svg", { xmlns: 'http://www.w3.org/2000/svg', fill: 'none', viewBox: '0 0 24 24', strokeWidth: '1.5', stroke: 'currentColor', className: 'w-3 h-3' },
|
|
10
15
|
React.createElement("path", { strokeLinecap: 'round', strokeLinejoin: 'round', d: 'M6 18L18 6M6 6l12 12' }))))));
|
|
11
16
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Badge.js","sourceRoot":"","sources":["../../../../src/components/Badge/Badge.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,UAAU,EAAE,MAAM,UAAU,CAAA;
|
|
1
|
+
{"version":3,"file":"Badge.js","sourceRoot":"","sources":["../../../../src/components/Badge/Badge.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,UAAU,EAAE,MAAM,UAAU,CAAA;AACrC,OAAO,EAAE,KAAK,EAAE,MAAM,eAAe,CAAA;AACrC,OAAO,KAAK,MAAM,YAAY,CAAA;AAU9B,MAAM,UAAU,QAAQ,CAAC,EAAwE;QAAtE,IAAI,UAAA,EAAE,YAAgB,EAAhB,IAAI,mBAAG,SAAS,KAAA,EAAE,SAAS,eAAA,EAAE,YAAY,kBAAA,EAAE,OAAO,aAAA;IACjF,IAAM,aAAa,GAAG,UAAU,CAC9B,IAAI,KAAK,SAAS,IAAI,iCAAiC,EACvD,IAAI,KAAK,SAAS,IAAI,6BAA6B,EACnD,IAAI,KAAK,eAAe,IAAI,2BAA2B,EACvD,IAAI,KAAK,WAAW,IAAI,+BAA+B,EACvD,IAAI,KAAK,SAAS,IAAI,gCAAgC,EACtD,IAAI,KAAK,QAAQ,IAAI,yBAAyB,CAC/C,CAAA;IACD,OAAO,CACL,6BACE,SAAS,EAAE,8FAAuF,aAAa,cAAI,SAAS,CAAE;QAE9H,oBAAC,KAAK,IACJ,GAAG,EAAC,MAAM,EACV,SAAS,EAAE,UAAU,CAAC,iCAAiC,CAAC,EACxD,MAAM,EAAE,GAAG,EACX,OAAO,EAAE,GAAG;YACZ,aAAa;YACb,GAAG,EAAE,KAAK,CAAC,IAAI,CAAC,WAAW,EAAwB,CAAC,EACpD,KAAK,EAAE,GAAG,GACV;QACF,+BAAI,IAAI,CAAK;QACZ,YAAY,IAAI,CACf,gCAAQ,OAAO,EAAE,OAAO,EAAE,SAAS,EAAC,6CAA6C;YAC/E,6BACE,KAAK,EAAC,4BAA4B,EAClC,IAAI,EAAC,MAAM,EACX,OAAO,EAAC,WAAW,EACnB,WAAW,EAAC,KAAK,EACjB,MAAM,EAAC,cAAc,EACrB,SAAS,EAAC,SAAS;gBAEnB,8BAAM,aAAa,EAAC,OAAO,EAAC,cAAc,EAAC,OAAO,EAAC,CAAC,EAAC,sBAAsB,GAAG,CAC1E,CACC,CACV,CACG,CACP,CAAA;AACH,CAAC"}
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
export declare const Icons: {
|
|
3
|
+
DEFAULT: import("react").FC<import("react").SVGProps<SVGSVGElement>>;
|
|
4
|
+
ATTENTION: import("react").FC<import("react").SVGProps<SVGSVGElement>>;
|
|
5
|
+
DANGER: import("react").FC<import("react").SVGProps<SVGSVGElement>>;
|
|
6
|
+
INFORMATIONAL: import("react").FC<import("react").SVGProps<SVGSVGElement>>;
|
|
7
|
+
SUCCESS: import("react").FC<import("react").SVGProps<SVGSVGElement>>;
|
|
8
|
+
WARNING: import("react").FC<import("react").SVGProps<SVGSVGElement>>;
|
|
9
|
+
};
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import DEFAULT from './default-badge-icon.svg';
|
|
2
|
+
import ATTENTION from './attention-badge-icon.svg';
|
|
3
|
+
import DANGER from './danger-badge-icon.svg';
|
|
4
|
+
import INFORMATIONAL from './informational-badge-icon.svg';
|
|
5
|
+
import SUCCESS from './success-badge-icon.svg';
|
|
6
|
+
import WARNING from './warning-badge-icon.svg';
|
|
7
|
+
export var Icons = {
|
|
8
|
+
DEFAULT: DEFAULT,
|
|
9
|
+
ATTENTION: ATTENTION,
|
|
10
|
+
DANGER: DANGER,
|
|
11
|
+
INFORMATIONAL: INFORMATIONAL,
|
|
12
|
+
SUCCESS: SUCCESS,
|
|
13
|
+
WARNING: WARNING
|
|
14
|
+
};
|
|
15
|
+
//# sourceMappingURL=icon.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"icon.js","sourceRoot":"","sources":["../../../../../src/components/Badge/assets/icon.ts"],"names":[],"mappings":"AAAA,OAAO,OAAO,MAAM,0BAA0B,CAAA;AAC9C,OAAO,SAAS,MAAM,4BAA4B,CAAA;AAClD,OAAO,MAAM,MAAM,yBAAyB,CAAA;AAC5C,OAAO,aAAa,MAAM,gCAAgC,CAAA;AAC1D,OAAO,OAAO,MAAM,0BAA0B,CAAA;AAC9C,OAAO,OAAO,MAAM,0BAA0B,CAAA;AAE9C,MAAM,CAAC,IAAM,KAAK,GAAG;IACnB,OAAO,SAAA;IACP,SAAS,WAAA;IACT,MAAM,QAAA;IACN,aAAa,eAAA;IACb,OAAO,SAAA;IACP,OAAO,SAAA;CACR,CAAA"}
|