@veeqo/ui 15.18.0 → 15.20.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/components/CopyToClipboard/CopyToClipboard.cjs +4 -4
- package/dist/components/CopyToClipboard/CopyToClipboard.cjs.map +1 -1
- package/dist/components/CopyToClipboard/CopyToClipboard.js +4 -4
- package/dist/components/CopyToClipboard/CopyToClipboard.js.map +1 -1
- package/dist/components/CopyToClipboard/CopyToClipboard.module.scss.cjs +2 -2
- package/dist/components/CopyToClipboard/CopyToClipboard.module.scss.cjs.map +1 -1
- package/dist/components/CopyToClipboard/CopyToClipboard.module.scss.js +2 -2
- package/dist/components/CopyToClipboard/CopyToClipboard.module.scss.js.map +1 -1
- package/dist/icons/custom/components/CreditIcon.cjs +34 -0
- package/dist/icons/custom/components/CreditIcon.cjs.map +1 -0
- package/dist/icons/custom/components/CreditIcon.d.ts +3 -0
- package/dist/icons/custom/components/CreditIcon.js +12 -0
- package/dist/icons/custom/components/CreditIcon.js.map +1 -0
- package/dist/icons/custom/index.d.ts +1 -0
- package/dist/index.cjs +2 -0
- package/dist/index.cjs.map +1 -1
- package/dist/index.js +1 -0
- package/dist/index.js.map +1 -1
- package/package.json +1 -1
|
@@ -1,13 +1,13 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
3
|
var React = require('react');
|
|
4
|
-
var Tooltip = require('../Tooltip/Tooltip.cjs');
|
|
5
|
-
var colors = require('../../theme/modules/colors.cjs');
|
|
6
4
|
var ClipboardIcon = require('../../icons/design-system/components/ClipboardIcon.cjs');
|
|
7
5
|
var SuccessIcon = require('../../icons/design-system/components/SuccessIcon.cjs');
|
|
6
|
+
var colors = require('../../theme/modules/colors.cjs');
|
|
8
7
|
var sizes = require('../../theme/modules/sizes.cjs');
|
|
9
|
-
var Button = require('../Button/Button.cjs');
|
|
10
8
|
var buildClassnames = require('../../utils/buildClassnames.cjs');
|
|
9
|
+
var Action = require('../Action/Action.cjs');
|
|
10
|
+
var Tooltip = require('../Tooltip/Tooltip.cjs');
|
|
11
11
|
var CopyToClipboard_module = require('./CopyToClipboard.module.scss.cjs');
|
|
12
12
|
|
|
13
13
|
function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
|
|
@@ -28,7 +28,7 @@ const CopyToClipboard = ({ className, text, onCopy }) => {
|
|
|
28
28
|
setTimeout(() => setCopied(false), 2500);
|
|
29
29
|
}, [onCopy, text]);
|
|
30
30
|
return (React__default.default.createElement(Tooltip.Tooltip, { text: copied ? 'Copied!' : 'Copy to clipboard' },
|
|
31
|
-
React__default.default.createElement(
|
|
31
|
+
React__default.default.createElement(Action.Action, { variant: "flat", size: "sm", className: buildClassnames.buildClassnames([CopyToClipboard_module.xsAction, className]), "aria-label": `${copied ? 'Copied' : 'Copy'} "${text}" to clipboard`, iconSlot: copied ? (React__default.default.createElement(SuccessIcon.ReactComponent, { color: colors.colors.secondary.green.base, ...iconSizes })) : (React__default.default.createElement(ClipboardIcon.ReactComponent, { color: colors.colors.secondary.blue.base, ...iconSizes })), onClick: handleCopy })));
|
|
32
32
|
};
|
|
33
33
|
|
|
34
34
|
exports.CopyToClipboard = CopyToClipboard;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CopyToClipboard.cjs","sources":["../../../src/components/CopyToClipboard/CopyToClipboard.tsx"],"sourcesContent":["import React, { useCallback } from 'react';\n\nimport {
|
|
1
|
+
{"version":3,"file":"CopyToClipboard.cjs","sources":["../../../src/components/CopyToClipboard/CopyToClipboard.tsx"],"sourcesContent":["import React, { useCallback } from 'react';\n\nimport { ClipboardIcon, SuccessIcon } from '../../icons';\nimport { colors } from '../../theme/modules/colors';\nimport { sizes } from '../../theme/modules/sizes';\nimport { buildClassnames } from '../../utils/buildClassnames';\nimport { Action } from '../Action';\nimport { Tooltip } from '../Tooltip';\nimport styles from './CopyToClipboard.module.scss';\n\nexport interface CopyToClipboardProps {\n className?: string;\n text: string;\n onCopy?: () => void;\n}\n\nconst iconSizes = { width: sizes.base, height: sizes.base };\n\n/**\n * A dynamic button to facilitate copying text to a users' keyboard when clicked.\n */\nexport const CopyToClipboard = ({ className, text, onCopy }: CopyToClipboardProps) => {\n const [copied, setCopied] = React.useState(false);\n\n const handleCopy = useCallback(() => {\n navigator.clipboard.writeText(text);\n if (onCopy) onCopy();\n setCopied(true);\n setTimeout(() => setCopied(false), 2500);\n }, [onCopy, text]);\n\n return (\n <Tooltip text={copied ? 'Copied!' : 'Copy to clipboard'}>\n <Action\n variant=\"flat\"\n size=\"sm\"\n className={buildClassnames([styles.xsAction, className])}\n aria-label={`${copied ? 'Copied' : 'Copy'} \"${text}\" to clipboard`}\n iconSlot={\n copied ? (\n <SuccessIcon color={colors.secondary.green.base} {...iconSizes} />\n ) : (\n <ClipboardIcon color={colors.secondary.blue.base} {...iconSizes} />\n )\n }\n onClick={handleCopy}\n />\n </Tooltip>\n );\n};\n"],"names":["sizes","React","useCallback","Tooltip","Action","buildClassnames","styles","SuccessIcon","colors","ClipboardIcon"],"mappings":";;;;;;;;;;;;;;;;AAgBA,MAAM,SAAS,GAAG,EAAE,KAAK,EAAEA,WAAK,CAAC,IAAI,EAAE,MAAM,EAAEA,WAAK,CAAC,IAAI,EAAE;AAE3D;;AAEG;AACI,MAAM,eAAe,GAAG,CAAC,EAAE,SAAS,EAAE,IAAI,EAAE,MAAM,EAAwB,KAAI;AACnF,IAAA,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAGC,sBAAK,CAAC,QAAQ,CAAC,KAAK,CAAC;AAEjD,IAAA,MAAM,UAAU,GAAGC,iBAAW,CAAC,MAAK;AAClC,QAAA,SAAS,CAAC,SAAS,CAAC,SAAS,CAAC,IAAI,CAAC;AACnC,QAAA,IAAI,MAAM;AAAE,YAAA,MAAM,EAAE;QACpB,SAAS,CAAC,IAAI,CAAC;QACf,UAAU,CAAC,MAAM,SAAS,CAAC,KAAK,CAAC,EAAE,IAAI,CAAC;AAC1C,IAAA,CAAC,EAAE,CAAC,MAAM,EAAE,IAAI,CAAC,CAAC;AAElB,IAAA,QACED,sBAAA,CAAA,aAAA,CAACE,eAAO,EAAA,EAAC,IAAI,EAAE,MAAM,GAAG,SAAS,GAAG,mBAAmB,EAAA;AACrD,QAAAF,sBAAA,CAAA,aAAA,CAACG,aAAM,EAAA,EACL,OAAO,EAAC,MAAM,EACd,IAAI,EAAC,IAAI,EACT,SAAS,EAAEC,+BAAe,CAAC,CAACC,sBAAM,CAAC,QAAQ,EAAE,SAAS,CAAC,CAAC,gBAC5C,CAAA,EAAG,MAAM,GAAG,QAAQ,GAAG,MAAM,CAAA,EAAA,EAAK,IAAI,CAAA,cAAA,CAAgB,EAClE,QAAQ,EACN,MAAM,IACJL,sBAAA,CAAA,aAAA,CAACM,0BAAW,EAAA,EAAC,KAAK,EAAEC,aAAM,CAAC,SAAS,CAAC,KAAK,CAAC,IAAI,EAAA,GAAM,SAAS,EAAA,CAAI,KAElEP,sBAAA,CAAA,aAAA,CAACQ,4BAAa,EAAA,EAAC,KAAK,EAAED,aAAM,CAAC,SAAS,CAAC,IAAI,CAAC,IAAI,EAAA,GAAM,SAAS,EAAA,CAAI,CACpE,EAEH,OAAO,EAAE,UAAU,EAAA,CACnB,CACM;AAEd;;;;"}
|
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
import React__default, { useCallback } from 'react';
|
|
2
|
-
import { Tooltip } from '../Tooltip/Tooltip.js';
|
|
3
|
-
import { colors } from '../../theme/modules/colors.js';
|
|
4
2
|
import { ReactComponent as ClipboardIcon } from '../../icons/design-system/components/ClipboardIcon.js';
|
|
5
3
|
import { ReactComponent as SuccessIcon } from '../../icons/design-system/components/SuccessIcon.js';
|
|
4
|
+
import { colors } from '../../theme/modules/colors.js';
|
|
6
5
|
import { sizes } from '../../theme/modules/sizes.js';
|
|
7
|
-
import { Button } from '../Button/Button.js';
|
|
8
6
|
import { buildClassnames } from '../../utils/buildClassnames.js';
|
|
7
|
+
import { Action } from '../Action/Action.js';
|
|
8
|
+
import { Tooltip } from '../Tooltip/Tooltip.js';
|
|
9
9
|
import styles from './CopyToClipboard.module.scss.js';
|
|
10
10
|
|
|
11
11
|
const iconSizes = { width: sizes.base, height: sizes.base };
|
|
@@ -22,7 +22,7 @@ const CopyToClipboard = ({ className, text, onCopy }) => {
|
|
|
22
22
|
setTimeout(() => setCopied(false), 2500);
|
|
23
23
|
}, [onCopy, text]);
|
|
24
24
|
return (React__default.createElement(Tooltip, { text: copied ? 'Copied!' : 'Copy to clipboard' },
|
|
25
|
-
React__default.createElement(
|
|
25
|
+
React__default.createElement(Action, { variant: "flat", size: "sm", className: buildClassnames([styles.xsAction, className]), "aria-label": `${copied ? 'Copied' : 'Copy'} "${text}" to clipboard`, iconSlot: copied ? (React__default.createElement(SuccessIcon, { color: colors.secondary.green.base, ...iconSizes })) : (React__default.createElement(ClipboardIcon, { color: colors.secondary.blue.base, ...iconSizes })), onClick: handleCopy })));
|
|
26
26
|
};
|
|
27
27
|
|
|
28
28
|
export { CopyToClipboard };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CopyToClipboard.js","sources":["../../../src/components/CopyToClipboard/CopyToClipboard.tsx"],"sourcesContent":["import React, { useCallback } from 'react';\n\nimport {
|
|
1
|
+
{"version":3,"file":"CopyToClipboard.js","sources":["../../../src/components/CopyToClipboard/CopyToClipboard.tsx"],"sourcesContent":["import React, { useCallback } from 'react';\n\nimport { ClipboardIcon, SuccessIcon } from '../../icons';\nimport { colors } from '../../theme/modules/colors';\nimport { sizes } from '../../theme/modules/sizes';\nimport { buildClassnames } from '../../utils/buildClassnames';\nimport { Action } from '../Action';\nimport { Tooltip } from '../Tooltip';\nimport styles from './CopyToClipboard.module.scss';\n\nexport interface CopyToClipboardProps {\n className?: string;\n text: string;\n onCopy?: () => void;\n}\n\nconst iconSizes = { width: sizes.base, height: sizes.base };\n\n/**\n * A dynamic button to facilitate copying text to a users' keyboard when clicked.\n */\nexport const CopyToClipboard = ({ className, text, onCopy }: CopyToClipboardProps) => {\n const [copied, setCopied] = React.useState(false);\n\n const handleCopy = useCallback(() => {\n navigator.clipboard.writeText(text);\n if (onCopy) onCopy();\n setCopied(true);\n setTimeout(() => setCopied(false), 2500);\n }, [onCopy, text]);\n\n return (\n <Tooltip text={copied ? 'Copied!' : 'Copy to clipboard'}>\n <Action\n variant=\"flat\"\n size=\"sm\"\n className={buildClassnames([styles.xsAction, className])}\n aria-label={`${copied ? 'Copied' : 'Copy'} \"${text}\" to clipboard`}\n iconSlot={\n copied ? (\n <SuccessIcon color={colors.secondary.green.base} {...iconSizes} />\n ) : (\n <ClipboardIcon color={colors.secondary.blue.base} {...iconSizes} />\n )\n }\n onClick={handleCopy}\n />\n </Tooltip>\n );\n};\n"],"names":["React"],"mappings":";;;;;;;;;;AAgBA,MAAM,SAAS,GAAG,EAAE,KAAK,EAAE,KAAK,CAAC,IAAI,EAAE,MAAM,EAAE,KAAK,CAAC,IAAI,EAAE;AAE3D;;AAEG;AACI,MAAM,eAAe,GAAG,CAAC,EAAE,SAAS,EAAE,IAAI,EAAE,MAAM,EAAwB,KAAI;AACnF,IAAA,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAGA,cAAK,CAAC,QAAQ,CAAC,KAAK,CAAC;AAEjD,IAAA,MAAM,UAAU,GAAG,WAAW,CAAC,MAAK;AAClC,QAAA,SAAS,CAAC,SAAS,CAAC,SAAS,CAAC,IAAI,CAAC;AACnC,QAAA,IAAI,MAAM;AAAE,YAAA,MAAM,EAAE;QACpB,SAAS,CAAC,IAAI,CAAC;QACf,UAAU,CAAC,MAAM,SAAS,CAAC,KAAK,CAAC,EAAE,IAAI,CAAC;AAC1C,IAAA,CAAC,EAAE,CAAC,MAAM,EAAE,IAAI,CAAC,CAAC;AAElB,IAAA,QACEA,cAAA,CAAA,aAAA,CAAC,OAAO,EAAA,EAAC,IAAI,EAAE,MAAM,GAAG,SAAS,GAAG,mBAAmB,EAAA;AACrD,QAAAA,cAAA,CAAA,aAAA,CAAC,MAAM,EAAA,EACL,OAAO,EAAC,MAAM,EACd,IAAI,EAAC,IAAI,EACT,SAAS,EAAE,eAAe,CAAC,CAAC,MAAM,CAAC,QAAQ,EAAE,SAAS,CAAC,CAAC,gBAC5C,CAAA,EAAG,MAAM,GAAG,QAAQ,GAAG,MAAM,CAAA,EAAA,EAAK,IAAI,CAAA,cAAA,CAAgB,EAClE,QAAQ,EACN,MAAM,IACJA,cAAA,CAAA,aAAA,CAAC,WAAW,EAAA,EAAC,KAAK,EAAE,MAAM,CAAC,SAAS,CAAC,KAAK,CAAC,IAAI,EAAA,GAAM,SAAS,EAAA,CAAI,KAElEA,cAAA,CAAA,aAAA,CAAC,aAAa,EAAA,EAAC,KAAK,EAAE,MAAM,CAAC,SAAS,CAAC,IAAI,CAAC,IAAI,EAAA,GAAM,SAAS,EAAA,CAAI,CACpE,EAEH,OAAO,EAAE,UAAU,EAAA,CACnB,CACM;AAEd;;;;"}
|
|
@@ -2,8 +2,8 @@
|
|
|
2
2
|
|
|
3
3
|
var ___$insertStyle = require('../../_virtual/____insertStyle.cjs');
|
|
4
4
|
|
|
5
|
-
___$insertStyle(".
|
|
6
|
-
var styles = {"
|
|
5
|
+
___$insertStyle("._xsAction_4p8bg_1 {\n padding: 1px;\n height: unset;\n}\n._xsAction_4p8bg_1 span {\n height: var(--sizes-base);\n width: var(--sizes-base);\n top: unset;\n}");
|
|
6
|
+
var styles = {"xsAction":"_xsAction_4p8bg_1"};
|
|
7
7
|
|
|
8
8
|
module.exports = styles;
|
|
9
9
|
//# sourceMappingURL=CopyToClipboard.module.scss.cjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CopyToClipboard.module.scss.cjs","sources":["../../../src/components/CopyToClipboard/CopyToClipboard.module.scss"],"sourcesContent":[".
|
|
1
|
+
{"version":3,"file":"CopyToClipboard.module.scss.cjs","sources":["../../../src/components/CopyToClipboard/CopyToClipboard.module.scss"],"sourcesContent":[".xsAction {\n padding: 1px;\n height: unset;\n\n span {\n height: var(--sizes-base);\n width: var(--sizes-base);\n top: unset;\n }\n}\n"],"names":[],"mappings":";;;;AACE,eAAA,CAAA,oKAAA;AACA,aAAA,CAAA,UAAA,CAAA,mBAAA;;;;"}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import insertStyle from '../../_virtual/____insertStyle.js';
|
|
2
2
|
|
|
3
|
-
insertStyle(".
|
|
4
|
-
var styles = {"
|
|
3
|
+
insertStyle("._xsAction_4p8bg_1 {\n padding: 1px;\n height: unset;\n}\n._xsAction_4p8bg_1 span {\n height: var(--sizes-base);\n width: var(--sizes-base);\n top: unset;\n}");
|
|
4
|
+
var styles = {"xsAction":"_xsAction_4p8bg_1"};
|
|
5
5
|
|
|
6
6
|
export { styles as default };
|
|
7
7
|
//# sourceMappingURL=CopyToClipboard.module.scss.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CopyToClipboard.module.scss.js","sources":["../../../src/components/CopyToClipboard/CopyToClipboard.module.scss"],"sourcesContent":[".
|
|
1
|
+
{"version":3,"file":"CopyToClipboard.module.scss.js","sources":["../../../src/components/CopyToClipboard/CopyToClipboard.module.scss"],"sourcesContent":[".xsAction {\n padding: 1px;\n height: unset;\n\n span {\n height: var(--sizes-base);\n width: var(--sizes-base);\n top: unset;\n }\n}\n"],"names":["___$insertStyle"],"mappings":";;AACEA,WAAA,CAAA,oKAAA;AACA,aAAA,CAAA,UAAA,CAAA,mBAAA;;;;"}
|
|
@@ -0,0 +1,34 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
var React = require('react');
|
|
4
|
+
|
|
5
|
+
function _interopNamespaceCompat(e) {
|
|
6
|
+
if (e && typeof e === 'object' && 'default' in e) return e;
|
|
7
|
+
var n = Object.create(null);
|
|
8
|
+
if (e) {
|
|
9
|
+
Object.keys(e).forEach(function (k) {
|
|
10
|
+
if (k !== 'default') {
|
|
11
|
+
var d = Object.getOwnPropertyDescriptor(e, k);
|
|
12
|
+
Object.defineProperty(n, k, d.get ? d : {
|
|
13
|
+
enumerable: true,
|
|
14
|
+
get: function () { return e[k]; }
|
|
15
|
+
});
|
|
16
|
+
}
|
|
17
|
+
});
|
|
18
|
+
}
|
|
19
|
+
n.default = e;
|
|
20
|
+
return Object.freeze(n);
|
|
21
|
+
}
|
|
22
|
+
|
|
23
|
+
var React__namespace = /*#__PURE__*/_interopNamespaceCompat(React);
|
|
24
|
+
|
|
25
|
+
const CreditIcon = (props) => (React__namespace.createElement("svg", { viewBox: "0 0 28 28", fill: "none", xmlns: "http://www.w3.org/2000/svg", "aria-label": "Veeqo Credits", ...props },
|
|
26
|
+
React__namespace.createElement("path", { d: "M14.036 27.93c7.622 0 13.8-6.179 13.8-13.8 0-7.622-6.178-13.8-13.8-13.8-7.621 0-13.8 6.178-13.8 13.8 0 7.621 6.179 13.8 13.8 13.8Z", fill: "#05AD12" }),
|
|
27
|
+
React__namespace.createElement("path", { d: "m20.928 2.949-1.542-.918-1.059 1.78 1.542.917 1.059-1.78ZM10.512 25.048l-2.863-1.576-.998 1.813 2.862 1.576.999-1.813Zm-3.198-2.01-.937-.551-1.05 1.784.937.55 1.05-1.783ZM22.031 3.264l-.566-.337-1.059 1.78.566.336 1.059-1.779Z", fill: "#fff" }),
|
|
28
|
+
React__namespace.createElement("path", { d: "M14.036 27.628c7.455 0 13.498-6.043 13.498-13.498 0-7.455-6.043-13.498-13.498-13.498C6.581.632.538 6.675.538 14.13c0 7.455 6.043 13.498 13.498 13.498Z", stroke: "#070F17", strokeWidth: ".574" }),
|
|
29
|
+
React__namespace.createElement("path", { d: "M14.036 25.17c6.097 0 11.04-4.943 11.04-11.04 0-6.097-4.943-11.04-11.04-11.04-6.097 0-11.04 4.943-11.04 11.04 0 6.097 4.943 11.04 11.04 11.04Z", fill: "#fff", stroke: "#070F17", strokeWidth: ".574" }),
|
|
30
|
+
React__namespace.createElement("path", { d: "M13.897 20.582c-.905 0-1.723-.155-2.454-.463-.72-.31-1.29-.754-1.711-1.335-.422-.58-.639-1.267-.651-2.057h2.79c.036.53.222.951.557 1.26.347.309.818.463 1.413.463.608 0 1.085-.142 1.432-.426.347-.297.52-.68.52-1.15 0-.382-.117-.697-.352-.944a2.366 2.366 0 0 0-.893-.575c-.347-.148-.83-.309-1.45-.482-.844-.247-1.532-.488-2.065-.723a3.824 3.824 0 0 1-1.357-1.094c-.372-.494-.558-1.149-.558-1.964 0-.766.192-1.434.576-2.002.385-.568.924-1 1.618-1.298.695-.308 1.488-.463 2.38-.463 1.34 0 2.424.328 3.255.982.843.643 1.308 1.545 1.395 2.707h-2.864a1.443 1.443 0 0 0-.577-1.094c-.347-.297-.812-.445-1.394-.445-.509 0-.918.13-1.228.39-.297.259-.446.636-.446 1.13 0 .346.112.636.335.871.235.223.52.408.855.556.347.136.83.297 1.45.482.844.247 1.532.495 2.065.742.533.247.991.617 1.376 1.112.384.494.576 1.143.576 1.946 0 .692-.18 1.335-.539 1.928-.36.593-.886 1.069-1.58 1.427-.695.346-1.52.519-2.474.519Z", fill: "#196F3F" }),
|
|
31
|
+
React__namespace.createElement("path", { d: "M13.322 6.135h.928v15.771h-.928V6.136Z", fill: "#196F3F" })));
|
|
32
|
+
|
|
33
|
+
exports.CreditIcon = CreditIcon;
|
|
34
|
+
//# sourceMappingURL=CreditIcon.cjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"CreditIcon.cjs","sources":["../../../../src/icons/custom/components/CreditIcon.tsx"],"sourcesContent":["import * as React from 'react';\nimport { IconComponentProps } from 'src/icons/types';\n\nexport const CreditIcon = (props: IconComponentProps) => (\n <svg\n viewBox=\"0 0 28 28\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n aria-label=\"Veeqo Credits\"\n {...props}\n >\n <path\n d=\"M14.036 27.93c7.622 0 13.8-6.179 13.8-13.8 0-7.622-6.178-13.8-13.8-13.8-7.621 0-13.8 6.178-13.8 13.8 0 7.621 6.179 13.8 13.8 13.8Z\"\n fill=\"#05AD12\"\n />\n <path\n d=\"m20.928 2.949-1.542-.918-1.059 1.78 1.542.917 1.059-1.78ZM10.512 25.048l-2.863-1.576-.998 1.813 2.862 1.576.999-1.813Zm-3.198-2.01-.937-.551-1.05 1.784.937.55 1.05-1.783ZM22.031 3.264l-.566-.337-1.059 1.78.566.336 1.059-1.779Z\"\n fill=\"#fff\"\n />\n <path\n d=\"M14.036 27.628c7.455 0 13.498-6.043 13.498-13.498 0-7.455-6.043-13.498-13.498-13.498C6.581.632.538 6.675.538 14.13c0 7.455 6.043 13.498 13.498 13.498Z\"\n stroke=\"#070F17\"\n strokeWidth=\".574\"\n />\n <path\n d=\"M14.036 25.17c6.097 0 11.04-4.943 11.04-11.04 0-6.097-4.943-11.04-11.04-11.04-6.097 0-11.04 4.943-11.04 11.04 0 6.097 4.943 11.04 11.04 11.04Z\"\n fill=\"#fff\"\n stroke=\"#070F17\"\n strokeWidth=\".574\"\n />\n <path\n d=\"M13.897 20.582c-.905 0-1.723-.155-2.454-.463-.72-.31-1.29-.754-1.711-1.335-.422-.58-.639-1.267-.651-2.057h2.79c.036.53.222.951.557 1.26.347.309.818.463 1.413.463.608 0 1.085-.142 1.432-.426.347-.297.52-.68.52-1.15 0-.382-.117-.697-.352-.944a2.366 2.366 0 0 0-.893-.575c-.347-.148-.83-.309-1.45-.482-.844-.247-1.532-.488-2.065-.723a3.824 3.824 0 0 1-1.357-1.094c-.372-.494-.558-1.149-.558-1.964 0-.766.192-1.434.576-2.002.385-.568.924-1 1.618-1.298.695-.308 1.488-.463 2.38-.463 1.34 0 2.424.328 3.255.982.843.643 1.308 1.545 1.395 2.707h-2.864a1.443 1.443 0 0 0-.577-1.094c-.347-.297-.812-.445-1.394-.445-.509 0-.918.13-1.228.39-.297.259-.446.636-.446 1.13 0 .346.112.636.335.871.235.223.52.408.855.556.347.136.83.297 1.45.482.844.247 1.532.495 2.065.742.533.247.991.617 1.376 1.112.384.494.576 1.143.576 1.946 0 .692-.18 1.335-.539 1.928-.36.593-.886 1.069-1.58 1.427-.695.346-1.52.519-2.474.519Z\"\n fill=\"#196F3F\"\n />\n <path d=\"M13.322 6.135h.928v15.771h-.928V6.136Z\" fill=\"#196F3F\" />\n </svg>\n);\n"],"names":["React"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAGO,MAAM,UAAU,GAAG,CAAC,KAAyB,MAClDA,gBAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EACE,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,MAAM,EACX,KAAK,EAAC,4BAA4B,EAAA,YAAA,EACvB,eAAe,EAAA,GACtB,KAAK,EAAA;AAET,IAAAA,gBAAA,CAAA,aAAA,CAAA,MAAA,EAAA,EACE,CAAC,EAAC,oIAAoI,EACtI,IAAI,EAAC,SAAS,EAAA,CACd;AACF,IAAAA,gBAAA,CAAA,aAAA,CAAA,MAAA,EAAA,EACE,CAAC,EAAC,oOAAoO,EACtO,IAAI,EAAC,MAAM,EAAA,CACX;IACFA,gBAAA,CAAA,aAAA,CAAA,MAAA,EAAA,EACE,CAAC,EAAC,wJAAwJ,EAC1J,MAAM,EAAC,SAAS,EAChB,WAAW,EAAC,MAAM,EAAA,CAClB;AACF,IAAAA,gBAAA,CAAA,aAAA,CAAA,MAAA,EAAA,EACE,CAAC,EAAC,gJAAgJ,EAClJ,IAAI,EAAC,MAAM,EACX,MAAM,EAAC,SAAS,EAChB,WAAW,EAAC,MAAM,EAAA,CAClB;AACF,IAAAA,gBAAA,CAAA,aAAA,CAAA,MAAA,EAAA,EACE,CAAC,EAAC,m4BAAm4B,EACr4B,IAAI,EAAC,SAAS,EAAA,CACd;IACFA,gBAAA,CAAA,aAAA,CAAA,MAAA,EAAA,EAAM,CAAC,EAAC,wCAAwC,EAAC,IAAI,EAAC,SAAS,EAAA,CAAG,CAC9D;;;;"}
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
|
|
3
|
+
const CreditIcon = (props) => (React.createElement("svg", { viewBox: "0 0 28 28", fill: "none", xmlns: "http://www.w3.org/2000/svg", "aria-label": "Veeqo Credits", ...props },
|
|
4
|
+
React.createElement("path", { d: "M14.036 27.93c7.622 0 13.8-6.179 13.8-13.8 0-7.622-6.178-13.8-13.8-13.8-7.621 0-13.8 6.178-13.8 13.8 0 7.621 6.179 13.8 13.8 13.8Z", fill: "#05AD12" }),
|
|
5
|
+
React.createElement("path", { d: "m20.928 2.949-1.542-.918-1.059 1.78 1.542.917 1.059-1.78ZM10.512 25.048l-2.863-1.576-.998 1.813 2.862 1.576.999-1.813Zm-3.198-2.01-.937-.551-1.05 1.784.937.55 1.05-1.783ZM22.031 3.264l-.566-.337-1.059 1.78.566.336 1.059-1.779Z", fill: "#fff" }),
|
|
6
|
+
React.createElement("path", { d: "M14.036 27.628c7.455 0 13.498-6.043 13.498-13.498 0-7.455-6.043-13.498-13.498-13.498C6.581.632.538 6.675.538 14.13c0 7.455 6.043 13.498 13.498 13.498Z", stroke: "#070F17", strokeWidth: ".574" }),
|
|
7
|
+
React.createElement("path", { d: "M14.036 25.17c6.097 0 11.04-4.943 11.04-11.04 0-6.097-4.943-11.04-11.04-11.04-6.097 0-11.04 4.943-11.04 11.04 0 6.097 4.943 11.04 11.04 11.04Z", fill: "#fff", stroke: "#070F17", strokeWidth: ".574" }),
|
|
8
|
+
React.createElement("path", { d: "M13.897 20.582c-.905 0-1.723-.155-2.454-.463-.72-.31-1.29-.754-1.711-1.335-.422-.58-.639-1.267-.651-2.057h2.79c.036.53.222.951.557 1.26.347.309.818.463 1.413.463.608 0 1.085-.142 1.432-.426.347-.297.52-.68.52-1.15 0-.382-.117-.697-.352-.944a2.366 2.366 0 0 0-.893-.575c-.347-.148-.83-.309-1.45-.482-.844-.247-1.532-.488-2.065-.723a3.824 3.824 0 0 1-1.357-1.094c-.372-.494-.558-1.149-.558-1.964 0-.766.192-1.434.576-2.002.385-.568.924-1 1.618-1.298.695-.308 1.488-.463 2.38-.463 1.34 0 2.424.328 3.255.982.843.643 1.308 1.545 1.395 2.707h-2.864a1.443 1.443 0 0 0-.577-1.094c-.347-.297-.812-.445-1.394-.445-.509 0-.918.13-1.228.39-.297.259-.446.636-.446 1.13 0 .346.112.636.335.871.235.223.52.408.855.556.347.136.83.297 1.45.482.844.247 1.532.495 2.065.742.533.247.991.617 1.376 1.112.384.494.576 1.143.576 1.946 0 .692-.18 1.335-.539 1.928-.36.593-.886 1.069-1.58 1.427-.695.346-1.52.519-2.474.519Z", fill: "#196F3F" }),
|
|
9
|
+
React.createElement("path", { d: "M13.322 6.135h.928v15.771h-.928V6.136Z", fill: "#196F3F" })));
|
|
10
|
+
|
|
11
|
+
export { CreditIcon };
|
|
12
|
+
//# sourceMappingURL=CreditIcon.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"CreditIcon.js","sources":["../../../../src/icons/custom/components/CreditIcon.tsx"],"sourcesContent":["import * as React from 'react';\nimport { IconComponentProps } from 'src/icons/types';\n\nexport const CreditIcon = (props: IconComponentProps) => (\n <svg\n viewBox=\"0 0 28 28\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n aria-label=\"Veeqo Credits\"\n {...props}\n >\n <path\n d=\"M14.036 27.93c7.622 0 13.8-6.179 13.8-13.8 0-7.622-6.178-13.8-13.8-13.8-7.621 0-13.8 6.178-13.8 13.8 0 7.621 6.179 13.8 13.8 13.8Z\"\n fill=\"#05AD12\"\n />\n <path\n d=\"m20.928 2.949-1.542-.918-1.059 1.78 1.542.917 1.059-1.78ZM10.512 25.048l-2.863-1.576-.998 1.813 2.862 1.576.999-1.813Zm-3.198-2.01-.937-.551-1.05 1.784.937.55 1.05-1.783ZM22.031 3.264l-.566-.337-1.059 1.78.566.336 1.059-1.779Z\"\n fill=\"#fff\"\n />\n <path\n d=\"M14.036 27.628c7.455 0 13.498-6.043 13.498-13.498 0-7.455-6.043-13.498-13.498-13.498C6.581.632.538 6.675.538 14.13c0 7.455 6.043 13.498 13.498 13.498Z\"\n stroke=\"#070F17\"\n strokeWidth=\".574\"\n />\n <path\n d=\"M14.036 25.17c6.097 0 11.04-4.943 11.04-11.04 0-6.097-4.943-11.04-11.04-11.04-6.097 0-11.04 4.943-11.04 11.04 0 6.097 4.943 11.04 11.04 11.04Z\"\n fill=\"#fff\"\n stroke=\"#070F17\"\n strokeWidth=\".574\"\n />\n <path\n d=\"M13.897 20.582c-.905 0-1.723-.155-2.454-.463-.72-.31-1.29-.754-1.711-1.335-.422-.58-.639-1.267-.651-2.057h2.79c.036.53.222.951.557 1.26.347.309.818.463 1.413.463.608 0 1.085-.142 1.432-.426.347-.297.52-.68.52-1.15 0-.382-.117-.697-.352-.944a2.366 2.366 0 0 0-.893-.575c-.347-.148-.83-.309-1.45-.482-.844-.247-1.532-.488-2.065-.723a3.824 3.824 0 0 1-1.357-1.094c-.372-.494-.558-1.149-.558-1.964 0-.766.192-1.434.576-2.002.385-.568.924-1 1.618-1.298.695-.308 1.488-.463 2.38-.463 1.34 0 2.424.328 3.255.982.843.643 1.308 1.545 1.395 2.707h-2.864a1.443 1.443 0 0 0-.577-1.094c-.347-.297-.812-.445-1.394-.445-.509 0-.918.13-1.228.39-.297.259-.446.636-.446 1.13 0 .346.112.636.335.871.235.223.52.408.855.556.347.136.83.297 1.45.482.844.247 1.532.495 2.065.742.533.247.991.617 1.376 1.112.384.494.576 1.143.576 1.946 0 .692-.18 1.335-.539 1.928-.36.593-.886 1.069-1.58 1.427-.695.346-1.52.519-2.474.519Z\"\n fill=\"#196F3F\"\n />\n <path d=\"M13.322 6.135h.928v15.771h-.928V6.136Z\" fill=\"#196F3F\" />\n </svg>\n);\n"],"names":[],"mappings":";;AAGO,MAAM,UAAU,GAAG,CAAC,KAAyB,MAClD,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EACE,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,MAAM,EACX,KAAK,EAAC,4BAA4B,EAAA,YAAA,EACvB,eAAe,EAAA,GACtB,KAAK,EAAA;AAET,IAAA,KAAA,CAAA,aAAA,CAAA,MAAA,EAAA,EACE,CAAC,EAAC,oIAAoI,EACtI,IAAI,EAAC,SAAS,EAAA,CACd;AACF,IAAA,KAAA,CAAA,aAAA,CAAA,MAAA,EAAA,EACE,CAAC,EAAC,oOAAoO,EACtO,IAAI,EAAC,MAAM,EAAA,CACX;IACF,KAAA,CAAA,aAAA,CAAA,MAAA,EAAA,EACE,CAAC,EAAC,wJAAwJ,EAC1J,MAAM,EAAC,SAAS,EAChB,WAAW,EAAC,MAAM,EAAA,CAClB;AACF,IAAA,KAAA,CAAA,aAAA,CAAA,MAAA,EAAA,EACE,CAAC,EAAC,gJAAgJ,EAClJ,IAAI,EAAC,MAAM,EACX,MAAM,EAAC,SAAS,EAChB,WAAW,EAAC,MAAM,EAAA,CAClB;AACF,IAAA,KAAA,CAAA,aAAA,CAAA,MAAA,EAAA,EACE,CAAC,EAAC,m4BAAm4B,EACr4B,IAAI,EAAC,SAAS,EAAA,CACd;IACF,KAAA,CAAA,aAAA,CAAA,MAAA,EAAA,EAAM,CAAC,EAAC,wCAAwC,EAAC,IAAI,EAAC,SAAS,EAAA,CAAG,CAC9D;;;;"}
|
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
export { ActiveCheckboxIcon } from './components/ActiveCheckboxIcon';
|
|
2
2
|
export { ActiveRadioIcon } from './components/ActiveRadioIcon';
|
|
3
3
|
export { AmazonSmileIcon } from './components/AmazonSmileIcon';
|
|
4
|
+
export { CreditIcon } from './components/CreditIcon';
|
|
4
5
|
export { DashboardIcon } from './components/DashboardIcon';
|
|
5
6
|
export { DestructiveIcon } from './components/DestructiveIcon';
|
|
6
7
|
export { DoubleArrowAscIcon } from './components/DoubleArrowAscIcon';
|
package/dist/index.cjs
CHANGED
|
@@ -315,6 +315,7 @@ var WooCommerceIcon = require('./icons/design-system/components/WooCommerceIcon.
|
|
|
315
315
|
var ActiveCheckboxIcon = require('./icons/custom/components/ActiveCheckboxIcon.cjs');
|
|
316
316
|
var ActiveRadioIcon = require('./icons/custom/components/ActiveRadioIcon.cjs');
|
|
317
317
|
var AmazonSmileIcon = require('./icons/custom/components/AmazonSmileIcon.cjs');
|
|
318
|
+
var CreditIcon = require('./icons/custom/components/CreditIcon.cjs');
|
|
318
319
|
var DashboardIcon = require('./icons/custom/components/DashboardIcon.cjs');
|
|
319
320
|
var DestructiveIcon = require('./icons/custom/components/DestructiveIcon.cjs');
|
|
320
321
|
var DoubleArrowAscIcon = require('./icons/custom/components/DoubleArrowAscIcon.cjs');
|
|
@@ -684,6 +685,7 @@ exports.WooCommerceIcon = WooCommerceIcon.ReactComponent;
|
|
|
684
685
|
exports.ActiveCheckboxIcon = ActiveCheckboxIcon.ActiveCheckboxIcon;
|
|
685
686
|
exports.ActiveRadioIcon = ActiveRadioIcon.ActiveRadioIcon;
|
|
686
687
|
exports.AmazonSmileIcon = AmazonSmileIcon.AmazonSmileIcon;
|
|
688
|
+
exports.CreditIcon = CreditIcon.CreditIcon;
|
|
687
689
|
exports.DashboardIcon = DashboardIcon.DashboardIcon;
|
|
688
690
|
exports.DestructiveIcon = DestructiveIcon.DestructiveIcon;
|
|
689
691
|
exports.DoubleArrowAscIcon = DoubleArrowAscIcon.DoubleArrowAscIcon;
|
package/dist/index.cjs.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
package/dist/index.js
CHANGED
|
@@ -313,6 +313,7 @@ export { ReactComponent as WooCommerceIcon } from './icons/design-system/compone
|
|
|
313
313
|
export { ActiveCheckboxIcon } from './icons/custom/components/ActiveCheckboxIcon.js';
|
|
314
314
|
export { ActiveRadioIcon } from './icons/custom/components/ActiveRadioIcon.js';
|
|
315
315
|
export { AmazonSmileIcon } from './icons/custom/components/AmazonSmileIcon.js';
|
|
316
|
+
export { CreditIcon } from './icons/custom/components/CreditIcon.js';
|
|
316
317
|
export { DashboardIcon } from './icons/custom/components/DashboardIcon.js';
|
|
317
318
|
export { DestructiveIcon } from './icons/custom/components/DestructiveIcon.js';
|
|
318
319
|
export { DoubleArrowAscIcon } from './icons/custom/components/DoubleArrowAscIcon.js';
|
package/dist/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|