@activecollab/components 2.0.378 → 2.0.380
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/Icons/collection/TextAlignCenter.js +62 -0
- package/dist/cjs/components/Icons/collection/TextAlignCenter.js.map +1 -0
- package/dist/cjs/components/Icons/collection/TextAlignJustify.js +62 -0
- package/dist/cjs/components/Icons/collection/TextAlignJustify.js.map +1 -0
- package/dist/cjs/components/Icons/collection/TextAlignLeft.js +62 -0
- package/dist/cjs/components/Icons/collection/TextAlignLeft.js.map +1 -0
- package/dist/cjs/components/Icons/collection/TextAlignRight.js +62 -0
- package/dist/cjs/components/Icons/collection/TextAlignRight.js.map +1 -0
- package/dist/cjs/components/Icons/collection/TextStyleBold.js +62 -0
- package/dist/cjs/components/Icons/collection/TextStyleBold.js.map +1 -0
- package/dist/cjs/components/Icons/collection/TextStyleItalic.js +62 -0
- package/dist/cjs/components/Icons/collection/TextStyleItalic.js.map +1 -0
- package/dist/cjs/components/Icons/collection/TextStyleStrike.js +68 -0
- package/dist/cjs/components/Icons/collection/TextStyleStrike.js.map +1 -0
- package/dist/cjs/components/Icons/collection/TextStyleUnderline.js +68 -0
- package/dist/cjs/components/Icons/collection/TextStyleUnderline.js.map +1 -0
- package/dist/cjs/components/Icons/collection/index.js +56 -0
- package/dist/cjs/components/Icons/collection/index.js.map +1 -1
- package/dist/cjs/utils/themes.js +37 -7
- package/dist/cjs/utils/themes.js.map +1 -1
- package/dist/cjs/utils/themes.swatch.test.js +47 -0
- package/dist/cjs/utils/themes.swatch.test.js.map +1 -0
- package/dist/cjs/utils/themes.test.js +60 -0
- package/dist/cjs/utils/themes.test.js.map +1 -0
- package/dist/esm/components/Icons/collection/TextAlignCenter.d.ts +32 -0
- package/dist/esm/components/Icons/collection/TextAlignCenter.d.ts.map +1 -0
- package/dist/esm/components/Icons/collection/TextAlignCenter.js +55 -0
- package/dist/esm/components/Icons/collection/TextAlignCenter.js.map +1 -0
- package/dist/esm/components/Icons/collection/TextAlignJustify.d.ts +32 -0
- package/dist/esm/components/Icons/collection/TextAlignJustify.d.ts.map +1 -0
- package/dist/esm/components/Icons/collection/TextAlignJustify.js +55 -0
- package/dist/esm/components/Icons/collection/TextAlignJustify.js.map +1 -0
- package/dist/esm/components/Icons/collection/TextAlignLeft.d.ts +32 -0
- package/dist/esm/components/Icons/collection/TextAlignLeft.d.ts.map +1 -0
- package/dist/esm/components/Icons/collection/TextAlignLeft.js +55 -0
- package/dist/esm/components/Icons/collection/TextAlignLeft.js.map +1 -0
- package/dist/esm/components/Icons/collection/TextAlignRight.d.ts +32 -0
- package/dist/esm/components/Icons/collection/TextAlignRight.d.ts.map +1 -0
- package/dist/esm/components/Icons/collection/TextAlignRight.js +55 -0
- package/dist/esm/components/Icons/collection/TextAlignRight.js.map +1 -0
- package/dist/esm/components/Icons/collection/TextStyleBold.d.ts +32 -0
- package/dist/esm/components/Icons/collection/TextStyleBold.d.ts.map +1 -0
- package/dist/esm/components/Icons/collection/TextStyleBold.js +55 -0
- package/dist/esm/components/Icons/collection/TextStyleBold.js.map +1 -0
- package/dist/esm/components/Icons/collection/TextStyleItalic.d.ts +32 -0
- package/dist/esm/components/Icons/collection/TextStyleItalic.d.ts.map +1 -0
- package/dist/esm/components/Icons/collection/TextStyleItalic.js +55 -0
- package/dist/esm/components/Icons/collection/TextStyleItalic.js.map +1 -0
- package/dist/esm/components/Icons/collection/TextStyleStrike.d.ts +32 -0
- package/dist/esm/components/Icons/collection/TextStyleStrike.d.ts.map +1 -0
- package/dist/esm/components/Icons/collection/TextStyleStrike.js +61 -0
- package/dist/esm/components/Icons/collection/TextStyleStrike.js.map +1 -0
- package/dist/esm/components/Icons/collection/TextStyleUnderline.d.ts +32 -0
- package/dist/esm/components/Icons/collection/TextStyleUnderline.d.ts.map +1 -0
- package/dist/esm/components/Icons/collection/TextStyleUnderline.js +61 -0
- package/dist/esm/components/Icons/collection/TextStyleUnderline.js.map +1 -0
- package/dist/esm/components/Icons/collection/index.d.ts +8 -0
- package/dist/esm/components/Icons/collection/index.d.ts.map +1 -1
- package/dist/esm/components/Icons/collection/index.js +8 -0
- package/dist/esm/components/Icons/collection/index.js.map +1 -1
- package/dist/esm/utils/themes.d.ts +13 -0
- package/dist/esm/utils/themes.d.ts.map +1 -1
- package/dist/esm/utils/themes.js +30 -6
- package/dist/esm/utils/themes.js.map +1 -1
- package/dist/esm/utils/themes.swatch.test.d.ts +2 -0
- package/dist/esm/utils/themes.swatch.test.d.ts.map +1 -0
- package/dist/esm/utils/themes.swatch.test.js +39 -0
- package/dist/esm/utils/themes.swatch.test.js.map +1 -0
- package/dist/esm/utils/themes.test.d.ts +2 -0
- package/dist/esm/utils/themes.test.d.ts.map +1 -0
- package/dist/esm/utils/themes.test.js +58 -0
- package/dist/esm/utils/themes.test.js.map +1 -0
- package/dist/index.js +952 -488
- package/dist/index.js.map +1 -1
- package/dist/index.min.js +1 -1
- package/dist/index.min.js.map +1 -1
- package/package.json +1 -1
|
@@ -0,0 +1,62 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.default = void 0;
|
|
7
|
+
var _react = _interopRequireDefault(require("react"));
|
|
8
|
+
var _GradientDefs = require("../../GradientDefs");
|
|
9
|
+
var _excluded = ["gradient"];
|
|
10
|
+
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
11
|
+
function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
|
|
12
|
+
function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
|
|
13
|
+
function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
|
|
14
|
+
/**
|
|
15
|
+
* @component TextAlignCenterIcon
|
|
16
|
+
* @description
|
|
17
|
+
*
|
|
18
|
+
* The React Icon component is a visual element that displays an icon to represent a concept, object, or action.
|
|
19
|
+
* The Icon component is
|
|
20
|
+
* customizable, allowing for variations in size, color, and style to fit the needs of the application.
|
|
21
|
+
*
|
|
22
|
+
* @prop {string} [gradient] - Optional CSS linear-gradient string to apply a custom fill.
|
|
23
|
+
* Format: "linear-gradient(<angle>deg, <color1>, <color2>, ...)"
|
|
24
|
+
*
|
|
25
|
+
* @example
|
|
26
|
+
* return (
|
|
27
|
+
* <TextAlignCenterIcon gradient="linear-gradient(135deg, #4da2ed, #f72222)" />
|
|
28
|
+
* )
|
|
29
|
+
*
|
|
30
|
+
* @example
|
|
31
|
+
* return (
|
|
32
|
+
* <TextAlignCenterIcon className="mr-2" />
|
|
33
|
+
* )
|
|
34
|
+
*
|
|
35
|
+
* @see
|
|
36
|
+
* https://system.activecollab.com/?path=/story/foundation-icons-icons--icons
|
|
37
|
+
* @see
|
|
38
|
+
* https://design.activecollab.com/docs/foundations/icons
|
|
39
|
+
*/
|
|
40
|
+
var TextAlignCenterIcon = /*#__PURE__*/_react.default.forwardRef(function (_ref, ref) {
|
|
41
|
+
var gradient = _ref.gradient,
|
|
42
|
+
props = _objectWithoutProperties(_ref, _excluded);
|
|
43
|
+
return /*#__PURE__*/_react.default.createElement("svg", _extends({
|
|
44
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
45
|
+
width: 24,
|
|
46
|
+
height: 24,
|
|
47
|
+
viewBox: "0 0 24 24",
|
|
48
|
+
"data-testid": "TextAlignCenterIcon",
|
|
49
|
+
fill: gradient ? "url(#icon-gradient)" : props !== null && props !== void 0 && props.fill ? props.fill : "var(--color-theme-600)",
|
|
50
|
+
focusable: false,
|
|
51
|
+
ref: ref
|
|
52
|
+
}, props), /*#__PURE__*/_react.default.createElement(_GradientDefs.GradientDefs, {
|
|
53
|
+
gradient: gradient
|
|
54
|
+
}), /*#__PURE__*/_react.default.createElement("path", {
|
|
55
|
+
fillRule: "evenodd",
|
|
56
|
+
d: "M4 4h16a1 1 0 0 1 1 1a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1a1 1 0 0 1 1-1zM7.5 9h9a1 1 0 0 1 1 1a1 1 0 0 1-1 1h-9a1 1 0 0 1-1-1a1 1 0 0 1 1-1zM4 14h16a1 1 0 0 1 1 1a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1a1 1 0 0 1 1-1zM7.5 19h9a1 1 0 0 1 1 1a1 1 0 0 1-1 1h-9a1 1 0 0 1-1-1a1 1 0 0 1 1-1z",
|
|
57
|
+
clipRule: "evenodd"
|
|
58
|
+
}));
|
|
59
|
+
});
|
|
60
|
+
TextAlignCenterIcon.displayName = "TextAlignCenterIcon";
|
|
61
|
+
var _default = exports.default = TextAlignCenterIcon;
|
|
62
|
+
//# sourceMappingURL=TextAlignCenter.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"TextAlignCenter.js","names":["_react","_interopRequireDefault","require","_GradientDefs","_excluded","e","__esModule","default","_extends","Object","assign","bind","n","arguments","length","t","r","hasOwnProperty","call","apply","_objectWithoutProperties","o","i","_objectWithoutPropertiesLoose","getOwnPropertySymbols","indexOf","propertyIsEnumerable","TextAlignCenterIcon","React","forwardRef","_ref","ref","gradient","props","createElement","xmlns","width","height","viewBox","fill","focusable","GradientDefs","fillRule","d","clipRule","displayName","_default","exports"],"sources":["../../../../../src/components/Icons/collection/TextAlignCenter.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { GradientDefs } from \"../../GradientDefs\";\n\n/**\n * @component TextAlignCenterIcon\n * @description\n *\n * The React Icon component is a visual element that displays an icon to represent a concept, object, or action.\n * The Icon component is\n * customizable, allowing for variations in size, color, and style to fit the needs of the application.\n *\n * @prop {string} [gradient] - Optional CSS linear-gradient string to apply a custom fill.\n * Format: \"linear-gradient(<angle>deg, <color1>, <color2>, ...)\"\n *\n * @example\n * return (\n * <TextAlignCenterIcon gradient=\"linear-gradient(135deg, #4da2ed, #f72222)\" />\n * )\n *\n * @example\n * return (\n * <TextAlignCenterIcon className=\"mr-2\" />\n * )\n *\n * @see\n * https://system.activecollab.com/?path=/story/foundation-icons-icons--icons\n * @see\n * https://design.activecollab.com/docs/foundations/icons\n */\nconst TextAlignCenterIcon = React.forwardRef(\n (\n {\n gradient,\n ...props\n }: React.SVGProps<SVGSVGElement> & {\n gradient?: string;\n },\n ref?: React.Ref<SVGSVGElement>\n ) => (\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n width={24}\n height={24}\n viewBox=\"0 0 24 24\"\n data-testid=\"TextAlignCenterIcon\"\n fill={\n gradient\n ? \"url(#icon-gradient)\"\n : props?.fill\n ? props.fill\n : \"var(--color-theme-600)\"\n }\n focusable={false}\n ref={ref}\n {...props}\n >\n <GradientDefs gradient={gradient} />\n <path\n fillRule=\"evenodd\"\n d=\"M4 4h16a1 1 0 0 1 1 1a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1a1 1 0 0 1 1-1zM7.5 9h9a1 1 0 0 1 1 1a1 1 0 0 1-1 1h-9a1 1 0 0 1-1-1a1 1 0 0 1 1-1zM4 14h16a1 1 0 0 1 1 1a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1a1 1 0 0 1 1-1zM7.5 19h9a1 1 0 0 1 1 1a1 1 0 0 1-1 1h-9a1 1 0 0 1-1-1a1 1 0 0 1 1-1z\"\n clipRule=\"evenodd\"\n />\n </svg>\n )\n);\nTextAlignCenterIcon.displayName = \"TextAlignCenterIcon\";\nexport default TextAlignCenterIcon;\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAEA,IAAAC,aAAA,GAAAD,OAAA;AAAkD,IAAAE,SAAA;AAAA,SAAAH,uBAAAI,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAAA,SAAAG,SAAA,WAAAA,QAAA,GAAAC,MAAA,CAAAC,MAAA,GAAAD,MAAA,CAAAC,MAAA,CAAAC,IAAA,eAAAC,CAAA,aAAAP,CAAA,MAAAA,CAAA,GAAAQ,SAAA,CAAAC,MAAA,EAAAT,CAAA,UAAAU,CAAA,GAAAF,SAAA,CAAAR,CAAA,YAAAW,CAAA,IAAAD,CAAA,OAAAE,cAAA,CAAAC,IAAA,CAAAH,CAAA,EAAAC,CAAA,MAAAJ,CAAA,CAAAI,CAAA,IAAAD,CAAA,CAAAC,CAAA,aAAAJ,CAAA,KAAAJ,QAAA,CAAAW,KAAA,OAAAN,SAAA;AAAA,SAAAO,yBAAAf,CAAA,EAAAU,CAAA,gBAAAV,CAAA,iBAAAgB,CAAA,EAAAL,CAAA,EAAAM,CAAA,GAAAC,6BAAA,CAAAlB,CAAA,EAAAU,CAAA,OAAAN,MAAA,CAAAe,qBAAA,QAAAZ,CAAA,GAAAH,MAAA,CAAAe,qBAAA,CAAAnB,CAAA,QAAAW,CAAA,MAAAA,CAAA,GAAAJ,CAAA,CAAAE,MAAA,EAAAE,CAAA,IAAAK,CAAA,GAAAT,CAAA,CAAAI,CAAA,UAAAD,CAAA,CAAAU,OAAA,CAAAJ,CAAA,QAAAK,oBAAA,CAAAR,IAAA,CAAAb,CAAA,EAAAgB,CAAA,MAAAC,CAAA,CAAAD,CAAA,IAAAhB,CAAA,CAAAgB,CAAA,aAAAC,CAAA;AAAA,SAAAC,8BAAAP,CAAA,EAAAX,CAAA,gBAAAW,CAAA,iBAAAD,CAAA,gBAAAH,CAAA,IAAAI,CAAA,SAAAC,cAAA,CAAAC,IAAA,CAAAF,CAAA,EAAAJ,CAAA,gBAAAP,CAAA,CAAAoB,OAAA,CAAAb,CAAA,aAAAG,CAAA,CAAAH,CAAA,IAAAI,CAAA,CAAAJ,CAAA,YAAAG,CAAA;AAElD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,IAAMY,mBAAmB,gBAAGC,cAAK,CAACC,UAAU,CAC1C,UAAAC,IAAA,EAOEC,GAA8B;EAAA,IAL5BC,QAAQ,GAAAF,IAAA,CAARE,QAAQ;IACLC,KAAK,GAAAb,wBAAA,CAAAU,IAAA,EAAA1B,SAAA;EAAA,oBAMVJ,MAAA,CAAAO,OAAA,CAAA2B,aAAA,QAAA1B,QAAA;IACE2B,KAAK,EAAC,4BAA4B;IAClCC,KAAK,EAAE,EAAG;IACVC,MAAM,EAAE,EAAG;IACXC,OAAO,EAAC,WAAW;IACnB,eAAY,qBAAqB;IACjCC,IAAI,EACFP,QAAQ,GACJ,qBAAqB,GACrBC,KAAK,aAALA,KAAK,eAALA,KAAK,CAAEM,IAAI,GACXN,KAAK,CAACM,IAAI,GACV,wBACL;IACDC,SAAS,EAAE,KAAM;IACjBT,GAAG,EAAEA;EAAI,GACLE,KAAK,gBAETjC,MAAA,CAAAO,OAAA,CAAA2B,aAAA,CAAC/B,aAAA,CAAAsC,YAAY;IAACT,QAAQ,EAAEA;EAAS,CAAE,CAAC,eACpChC,MAAA,CAAAO,OAAA,CAAA2B,aAAA;IACEQ,QAAQ,EAAC,SAAS;IAClBC,CAAC,EAAC,gRAAgR;IAClRC,QAAQ,EAAC;EAAS,CACnB,CACE,CAAC;AAAA,CAEV,CAAC;AACDjB,mBAAmB,CAACkB,WAAW,GAAG,qBAAqB;AAAC,IAAAC,QAAA,GAAAC,OAAA,CAAAxC,OAAA,GACzCoB,mBAAmB","ignoreList":[]}
|
|
@@ -0,0 +1,62 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.default = void 0;
|
|
7
|
+
var _react = _interopRequireDefault(require("react"));
|
|
8
|
+
var _GradientDefs = require("../../GradientDefs");
|
|
9
|
+
var _excluded = ["gradient"];
|
|
10
|
+
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
11
|
+
function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
|
|
12
|
+
function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
|
|
13
|
+
function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
|
|
14
|
+
/**
|
|
15
|
+
* @component TextAlignJustifyIcon
|
|
16
|
+
* @description
|
|
17
|
+
*
|
|
18
|
+
* The React Icon component is a visual element that displays an icon to represent a concept, object, or action.
|
|
19
|
+
* The Icon component is
|
|
20
|
+
* customizable, allowing for variations in size, color, and style to fit the needs of the application.
|
|
21
|
+
*
|
|
22
|
+
* @prop {string} [gradient] - Optional CSS linear-gradient string to apply a custom fill.
|
|
23
|
+
* Format: "linear-gradient(<angle>deg, <color1>, <color2>, ...)"
|
|
24
|
+
*
|
|
25
|
+
* @example
|
|
26
|
+
* return (
|
|
27
|
+
* <TextAlignJustifyIcon gradient="linear-gradient(135deg, #4da2ed, #f72222)" />
|
|
28
|
+
* )
|
|
29
|
+
*
|
|
30
|
+
* @example
|
|
31
|
+
* return (
|
|
32
|
+
* <TextAlignJustifyIcon className="mr-2" />
|
|
33
|
+
* )
|
|
34
|
+
*
|
|
35
|
+
* @see
|
|
36
|
+
* https://system.activecollab.com/?path=/story/foundation-icons-icons--icons
|
|
37
|
+
* @see
|
|
38
|
+
* https://design.activecollab.com/docs/foundations/icons
|
|
39
|
+
*/
|
|
40
|
+
var TextAlignJustifyIcon = /*#__PURE__*/_react.default.forwardRef(function (_ref, ref) {
|
|
41
|
+
var gradient = _ref.gradient,
|
|
42
|
+
props = _objectWithoutProperties(_ref, _excluded);
|
|
43
|
+
return /*#__PURE__*/_react.default.createElement("svg", _extends({
|
|
44
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
45
|
+
width: 24,
|
|
46
|
+
height: 24,
|
|
47
|
+
viewBox: "0 0 24 24",
|
|
48
|
+
"data-testid": "TextAlignJustifyIcon",
|
|
49
|
+
fill: gradient ? "url(#icon-gradient)" : props !== null && props !== void 0 && props.fill ? props.fill : "var(--color-theme-600)",
|
|
50
|
+
focusable: false,
|
|
51
|
+
ref: ref
|
|
52
|
+
}, props), /*#__PURE__*/_react.default.createElement(_GradientDefs.GradientDefs, {
|
|
53
|
+
gradient: gradient
|
|
54
|
+
}), /*#__PURE__*/_react.default.createElement("path", {
|
|
55
|
+
fillRule: "evenodd",
|
|
56
|
+
d: "M4 4h16a1 1 0 0 1 1 1a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1a1 1 0 0 1 1-1zM4 9h16a1 1 0 0 1 1 1a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1a1 1 0 0 1 1-1zM4 14h16a1 1 0 0 1 1 1a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1a1 1 0 0 1 1-1zM4 19h9a1 1 0 0 1 1 1a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1a1 1 0 0 1 1-1z",
|
|
57
|
+
clipRule: "evenodd"
|
|
58
|
+
}));
|
|
59
|
+
});
|
|
60
|
+
TextAlignJustifyIcon.displayName = "TextAlignJustifyIcon";
|
|
61
|
+
var _default = exports.default = TextAlignJustifyIcon;
|
|
62
|
+
//# sourceMappingURL=TextAlignJustify.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"TextAlignJustify.js","names":["_react","_interopRequireDefault","require","_GradientDefs","_excluded","e","__esModule","default","_extends","Object","assign","bind","n","arguments","length","t","r","hasOwnProperty","call","apply","_objectWithoutProperties","o","i","_objectWithoutPropertiesLoose","getOwnPropertySymbols","indexOf","propertyIsEnumerable","TextAlignJustifyIcon","React","forwardRef","_ref","ref","gradient","props","createElement","xmlns","width","height","viewBox","fill","focusable","GradientDefs","fillRule","d","clipRule","displayName","_default","exports"],"sources":["../../../../../src/components/Icons/collection/TextAlignJustify.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { GradientDefs } from \"../../GradientDefs\";\n\n/**\n * @component TextAlignJustifyIcon\n * @description\n *\n * The React Icon component is a visual element that displays an icon to represent a concept, object, or action.\n * The Icon component is\n * customizable, allowing for variations in size, color, and style to fit the needs of the application.\n *\n * @prop {string} [gradient] - Optional CSS linear-gradient string to apply a custom fill.\n * Format: \"linear-gradient(<angle>deg, <color1>, <color2>, ...)\"\n *\n * @example\n * return (\n * <TextAlignJustifyIcon gradient=\"linear-gradient(135deg, #4da2ed, #f72222)\" />\n * )\n *\n * @example\n * return (\n * <TextAlignJustifyIcon className=\"mr-2\" />\n * )\n *\n * @see\n * https://system.activecollab.com/?path=/story/foundation-icons-icons--icons\n * @see\n * https://design.activecollab.com/docs/foundations/icons\n */\nconst TextAlignJustifyIcon = React.forwardRef(\n (\n {\n gradient,\n ...props\n }: React.SVGProps<SVGSVGElement> & {\n gradient?: string;\n },\n ref?: React.Ref<SVGSVGElement>\n ) => (\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n width={24}\n height={24}\n viewBox=\"0 0 24 24\"\n data-testid=\"TextAlignJustifyIcon\"\n fill={\n gradient\n ? \"url(#icon-gradient)\"\n : props?.fill\n ? props.fill\n : \"var(--color-theme-600)\"\n }\n focusable={false}\n ref={ref}\n {...props}\n >\n <GradientDefs gradient={gradient} />\n <path\n fillRule=\"evenodd\"\n d=\"M4 4h16a1 1 0 0 1 1 1a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1a1 1 0 0 1 1-1zM4 9h16a1 1 0 0 1 1 1a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1a1 1 0 0 1 1-1zM4 14h16a1 1 0 0 1 1 1a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1a1 1 0 0 1 1-1zM4 19h9a1 1 0 0 1 1 1a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1a1 1 0 0 1 1-1z\"\n clipRule=\"evenodd\"\n />\n </svg>\n )\n);\nTextAlignJustifyIcon.displayName = \"TextAlignJustifyIcon\";\nexport default TextAlignJustifyIcon;\n"],"mappings":"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","ignoreList":[]}
|
|
@@ -0,0 +1,62 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.default = void 0;
|
|
7
|
+
var _react = _interopRequireDefault(require("react"));
|
|
8
|
+
var _GradientDefs = require("../../GradientDefs");
|
|
9
|
+
var _excluded = ["gradient"];
|
|
10
|
+
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
11
|
+
function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
|
|
12
|
+
function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
|
|
13
|
+
function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
|
|
14
|
+
/**
|
|
15
|
+
* @component TextAlignLeftIcon
|
|
16
|
+
* @description
|
|
17
|
+
*
|
|
18
|
+
* The React Icon component is a visual element that displays an icon to represent a concept, object, or action.
|
|
19
|
+
* The Icon component is
|
|
20
|
+
* customizable, allowing for variations in size, color, and style to fit the needs of the application.
|
|
21
|
+
*
|
|
22
|
+
* @prop {string} [gradient] - Optional CSS linear-gradient string to apply a custom fill.
|
|
23
|
+
* Format: "linear-gradient(<angle>deg, <color1>, <color2>, ...)"
|
|
24
|
+
*
|
|
25
|
+
* @example
|
|
26
|
+
* return (
|
|
27
|
+
* <TextAlignLeftIcon gradient="linear-gradient(135deg, #4da2ed, #f72222)" />
|
|
28
|
+
* )
|
|
29
|
+
*
|
|
30
|
+
* @example
|
|
31
|
+
* return (
|
|
32
|
+
* <TextAlignLeftIcon className="mr-2" />
|
|
33
|
+
* )
|
|
34
|
+
*
|
|
35
|
+
* @see
|
|
36
|
+
* https://system.activecollab.com/?path=/story/foundation-icons-icons--icons
|
|
37
|
+
* @see
|
|
38
|
+
* https://design.activecollab.com/docs/foundations/icons
|
|
39
|
+
*/
|
|
40
|
+
var TextAlignLeftIcon = /*#__PURE__*/_react.default.forwardRef(function (_ref, ref) {
|
|
41
|
+
var gradient = _ref.gradient,
|
|
42
|
+
props = _objectWithoutProperties(_ref, _excluded);
|
|
43
|
+
return /*#__PURE__*/_react.default.createElement("svg", _extends({
|
|
44
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
45
|
+
width: 24,
|
|
46
|
+
height: 24,
|
|
47
|
+
viewBox: "0 0 24 24",
|
|
48
|
+
"data-testid": "TextAlignLeftIcon",
|
|
49
|
+
fill: gradient ? "url(#icon-gradient)" : props !== null && props !== void 0 && props.fill ? props.fill : "var(--color-theme-600)",
|
|
50
|
+
focusable: false,
|
|
51
|
+
ref: ref
|
|
52
|
+
}, props), /*#__PURE__*/_react.default.createElement(_GradientDefs.GradientDefs, {
|
|
53
|
+
gradient: gradient
|
|
54
|
+
}), /*#__PURE__*/_react.default.createElement("path", {
|
|
55
|
+
fillRule: "evenodd",
|
|
56
|
+
d: "M4 4h16a1 1 0 0 1 1 1a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1a1 1 0 0 1 1-1zM4 9h9a1 1 0 0 1 1 1a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1a1 1 0 0 1 1-1zM4 14h16a1 1 0 0 1 1 1a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1a1 1 0 0 1 1-1zM4 19h9a1 1 0 0 1 1 1a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1a1 1 0 0 1 1-1z",
|
|
57
|
+
clipRule: "evenodd"
|
|
58
|
+
}));
|
|
59
|
+
});
|
|
60
|
+
TextAlignLeftIcon.displayName = "TextAlignLeftIcon";
|
|
61
|
+
var _default = exports.default = TextAlignLeftIcon;
|
|
62
|
+
//# sourceMappingURL=TextAlignLeft.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"TextAlignLeft.js","names":["_react","_interopRequireDefault","require","_GradientDefs","_excluded","e","__esModule","default","_extends","Object","assign","bind","n","arguments","length","t","r","hasOwnProperty","call","apply","_objectWithoutProperties","o","i","_objectWithoutPropertiesLoose","getOwnPropertySymbols","indexOf","propertyIsEnumerable","TextAlignLeftIcon","React","forwardRef","_ref","ref","gradient","props","createElement","xmlns","width","height","viewBox","fill","focusable","GradientDefs","fillRule","d","clipRule","displayName","_default","exports"],"sources":["../../../../../src/components/Icons/collection/TextAlignLeft.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { GradientDefs } from \"../../GradientDefs\";\n\n/**\n * @component TextAlignLeftIcon\n * @description\n *\n * The React Icon component is a visual element that displays an icon to represent a concept, object, or action.\n * The Icon component is\n * customizable, allowing for variations in size, color, and style to fit the needs of the application.\n *\n * @prop {string} [gradient] - Optional CSS linear-gradient string to apply a custom fill.\n * Format: \"linear-gradient(<angle>deg, <color1>, <color2>, ...)\"\n *\n * @example\n * return (\n * <TextAlignLeftIcon gradient=\"linear-gradient(135deg, #4da2ed, #f72222)\" />\n * )\n *\n * @example\n * return (\n * <TextAlignLeftIcon className=\"mr-2\" />\n * )\n *\n * @see\n * https://system.activecollab.com/?path=/story/foundation-icons-icons--icons\n * @see\n * https://design.activecollab.com/docs/foundations/icons\n */\nconst TextAlignLeftIcon = React.forwardRef(\n (\n {\n gradient,\n ...props\n }: React.SVGProps<SVGSVGElement> & {\n gradient?: string;\n },\n ref?: React.Ref<SVGSVGElement>\n ) => (\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n width={24}\n height={24}\n viewBox=\"0 0 24 24\"\n data-testid=\"TextAlignLeftIcon\"\n fill={\n gradient\n ? \"url(#icon-gradient)\"\n : props?.fill\n ? props.fill\n : \"var(--color-theme-600)\"\n }\n focusable={false}\n ref={ref}\n {...props}\n >\n <GradientDefs gradient={gradient} />\n <path\n fillRule=\"evenodd\"\n d=\"M4 4h16a1 1 0 0 1 1 1a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1a1 1 0 0 1 1-1zM4 9h9a1 1 0 0 1 1 1a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1a1 1 0 0 1 1-1zM4 14h16a1 1 0 0 1 1 1a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1a1 1 0 0 1 1-1zM4 19h9a1 1 0 0 1 1 1a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1a1 1 0 0 1 1-1z\"\n clipRule=\"evenodd\"\n />\n </svg>\n )\n);\nTextAlignLeftIcon.displayName = \"TextAlignLeftIcon\";\nexport default TextAlignLeftIcon;\n"],"mappings":"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","ignoreList":[]}
|
|
@@ -0,0 +1,62 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.default = void 0;
|
|
7
|
+
var _react = _interopRequireDefault(require("react"));
|
|
8
|
+
var _GradientDefs = require("../../GradientDefs");
|
|
9
|
+
var _excluded = ["gradient"];
|
|
10
|
+
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
11
|
+
function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
|
|
12
|
+
function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
|
|
13
|
+
function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
|
|
14
|
+
/**
|
|
15
|
+
* @component TextAlignRightIcon
|
|
16
|
+
* @description
|
|
17
|
+
*
|
|
18
|
+
* The React Icon component is a visual element that displays an icon to represent a concept, object, or action.
|
|
19
|
+
* The Icon component is
|
|
20
|
+
* customizable, allowing for variations in size, color, and style to fit the needs of the application.
|
|
21
|
+
*
|
|
22
|
+
* @prop {string} [gradient] - Optional CSS linear-gradient string to apply a custom fill.
|
|
23
|
+
* Format: "linear-gradient(<angle>deg, <color1>, <color2>, ...)"
|
|
24
|
+
*
|
|
25
|
+
* @example
|
|
26
|
+
* return (
|
|
27
|
+
* <TextAlignRightIcon gradient="linear-gradient(135deg, #4da2ed, #f72222)" />
|
|
28
|
+
* )
|
|
29
|
+
*
|
|
30
|
+
* @example
|
|
31
|
+
* return (
|
|
32
|
+
* <TextAlignRightIcon className="mr-2" />
|
|
33
|
+
* )
|
|
34
|
+
*
|
|
35
|
+
* @see
|
|
36
|
+
* https://system.activecollab.com/?path=/story/foundation-icons-icons--icons
|
|
37
|
+
* @see
|
|
38
|
+
* https://design.activecollab.com/docs/foundations/icons
|
|
39
|
+
*/
|
|
40
|
+
var TextAlignRightIcon = /*#__PURE__*/_react.default.forwardRef(function (_ref, ref) {
|
|
41
|
+
var gradient = _ref.gradient,
|
|
42
|
+
props = _objectWithoutProperties(_ref, _excluded);
|
|
43
|
+
return /*#__PURE__*/_react.default.createElement("svg", _extends({
|
|
44
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
45
|
+
width: 24,
|
|
46
|
+
height: 24,
|
|
47
|
+
viewBox: "0 0 24 24",
|
|
48
|
+
"data-testid": "TextAlignRightIcon",
|
|
49
|
+
fill: gradient ? "url(#icon-gradient)" : props !== null && props !== void 0 && props.fill ? props.fill : "var(--color-theme-600)",
|
|
50
|
+
focusable: false,
|
|
51
|
+
ref: ref
|
|
52
|
+
}, props), /*#__PURE__*/_react.default.createElement(_GradientDefs.GradientDefs, {
|
|
53
|
+
gradient: gradient
|
|
54
|
+
}), /*#__PURE__*/_react.default.createElement("path", {
|
|
55
|
+
fillRule: "evenodd",
|
|
56
|
+
d: "M4 4h16a1 1 0 0 1 1 1a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1a1 1 0 0 1 1-1zM11 9h9a1 1 0 0 1 1 1a1 1 0 0 1-1 1h-9a1 1 0 0 1-1-1a1 1 0 0 1 1-1zM4 14h16a1 1 0 0 1 1 1a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1a1 1 0 0 1 1-1zM11 19h9a1 1 0 0 1 1 1a1 1 0 0 1-1 1h-9a1 1 0 0 1-1-1a1 1 0 0 1 1-1z",
|
|
57
|
+
clipRule: "evenodd"
|
|
58
|
+
}));
|
|
59
|
+
});
|
|
60
|
+
TextAlignRightIcon.displayName = "TextAlignRightIcon";
|
|
61
|
+
var _default = exports.default = TextAlignRightIcon;
|
|
62
|
+
//# sourceMappingURL=TextAlignRight.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"TextAlignRight.js","names":["_react","_interopRequireDefault","require","_GradientDefs","_excluded","e","__esModule","default","_extends","Object","assign","bind","n","arguments","length","t","r","hasOwnProperty","call","apply","_objectWithoutProperties","o","i","_objectWithoutPropertiesLoose","getOwnPropertySymbols","indexOf","propertyIsEnumerable","TextAlignRightIcon","React","forwardRef","_ref","ref","gradient","props","createElement","xmlns","width","height","viewBox","fill","focusable","GradientDefs","fillRule","d","clipRule","displayName","_default","exports"],"sources":["../../../../../src/components/Icons/collection/TextAlignRight.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { GradientDefs } from \"../../GradientDefs\";\n\n/**\n * @component TextAlignRightIcon\n * @description\n *\n * The React Icon component is a visual element that displays an icon to represent a concept, object, or action.\n * The Icon component is\n * customizable, allowing for variations in size, color, and style to fit the needs of the application.\n *\n * @prop {string} [gradient] - Optional CSS linear-gradient string to apply a custom fill.\n * Format: \"linear-gradient(<angle>deg, <color1>, <color2>, ...)\"\n *\n * @example\n * return (\n * <TextAlignRightIcon gradient=\"linear-gradient(135deg, #4da2ed, #f72222)\" />\n * )\n *\n * @example\n * return (\n * <TextAlignRightIcon className=\"mr-2\" />\n * )\n *\n * @see\n * https://system.activecollab.com/?path=/story/foundation-icons-icons--icons\n * @see\n * https://design.activecollab.com/docs/foundations/icons\n */\nconst TextAlignRightIcon = React.forwardRef(\n (\n {\n gradient,\n ...props\n }: React.SVGProps<SVGSVGElement> & {\n gradient?: string;\n },\n ref?: React.Ref<SVGSVGElement>\n ) => (\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n width={24}\n height={24}\n viewBox=\"0 0 24 24\"\n data-testid=\"TextAlignRightIcon\"\n fill={\n gradient\n ? \"url(#icon-gradient)\"\n : props?.fill\n ? props.fill\n : \"var(--color-theme-600)\"\n }\n focusable={false}\n ref={ref}\n {...props}\n >\n <GradientDefs gradient={gradient} />\n <path\n fillRule=\"evenodd\"\n d=\"M4 4h16a1 1 0 0 1 1 1a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1a1 1 0 0 1 1-1zM11 9h9a1 1 0 0 1 1 1a1 1 0 0 1-1 1h-9a1 1 0 0 1-1-1a1 1 0 0 1 1-1zM4 14h16a1 1 0 0 1 1 1a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1a1 1 0 0 1 1-1zM11 19h9a1 1 0 0 1 1 1a1 1 0 0 1-1 1h-9a1 1 0 0 1-1-1a1 1 0 0 1 1-1z\"\n clipRule=\"evenodd\"\n />\n </svg>\n )\n);\nTextAlignRightIcon.displayName = \"TextAlignRightIcon\";\nexport default TextAlignRightIcon;\n"],"mappings":"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","ignoreList":[]}
|
|
@@ -0,0 +1,62 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.default = void 0;
|
|
7
|
+
var _react = _interopRequireDefault(require("react"));
|
|
8
|
+
var _GradientDefs = require("../../GradientDefs");
|
|
9
|
+
var _excluded = ["gradient"];
|
|
10
|
+
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
11
|
+
function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
|
|
12
|
+
function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
|
|
13
|
+
function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
|
|
14
|
+
/**
|
|
15
|
+
* @component TextStyleBoldIcon
|
|
16
|
+
* @description
|
|
17
|
+
*
|
|
18
|
+
* The React Icon component is a visual element that displays an icon to represent a concept, object, or action.
|
|
19
|
+
* The Icon component is
|
|
20
|
+
* customizable, allowing for variations in size, color, and style to fit the needs of the application.
|
|
21
|
+
*
|
|
22
|
+
* @prop {string} [gradient] - Optional CSS linear-gradient string to apply a custom fill.
|
|
23
|
+
* Format: "linear-gradient(<angle>deg, <color1>, <color2>, ...)"
|
|
24
|
+
*
|
|
25
|
+
* @example
|
|
26
|
+
* return (
|
|
27
|
+
* <TextStyleBoldIcon gradient="linear-gradient(135deg, #4da2ed, #f72222)" />
|
|
28
|
+
* )
|
|
29
|
+
*
|
|
30
|
+
* @example
|
|
31
|
+
* return (
|
|
32
|
+
* <TextStyleBoldIcon className="mr-2" />
|
|
33
|
+
* )
|
|
34
|
+
*
|
|
35
|
+
* @see
|
|
36
|
+
* https://system.activecollab.com/?path=/story/foundation-icons-icons--icons
|
|
37
|
+
* @see
|
|
38
|
+
* https://design.activecollab.com/docs/foundations/icons
|
|
39
|
+
*/
|
|
40
|
+
var TextStyleBoldIcon = /*#__PURE__*/_react.default.forwardRef(function (_ref, ref) {
|
|
41
|
+
var gradient = _ref.gradient,
|
|
42
|
+
props = _objectWithoutProperties(_ref, _excluded);
|
|
43
|
+
return /*#__PURE__*/_react.default.createElement("svg", _extends({
|
|
44
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
45
|
+
width: 24,
|
|
46
|
+
height: 24,
|
|
47
|
+
viewBox: "0 0 24 24",
|
|
48
|
+
"data-testid": "TextStyleBoldIcon",
|
|
49
|
+
fill: gradient ? "url(#icon-gradient)" : props !== null && props !== void 0 && props.fill ? props.fill : "var(--color-theme-600)",
|
|
50
|
+
focusable: false,
|
|
51
|
+
ref: ref
|
|
52
|
+
}, props), /*#__PURE__*/_react.default.createElement(_GradientDefs.GradientDefs, {
|
|
53
|
+
gradient: gradient
|
|
54
|
+
}), /*#__PURE__*/_react.default.createElement("path", {
|
|
55
|
+
fillRule: "evenodd",
|
|
56
|
+
d: "M19.53 15.65Q19.53 16.94 19.02 17.86Q18.5 18.79 17.6 19.37Q16.7 19.96 15.5 20.23Q14.31 20.5 12.97 20.5H4.47V3.5H12.25Q13.76 3.5 14.93 3.76Q16.11 4.02 16.92 4.55Q17.72 5.08 18.14 5.88Q18.56 6.69 18.56 7.77Q18.56 9.22 17.76 10.21Q16.95 11.21 15.31 11.56Q17.38 11.8 18.45 12.86Q19.53 13.91 19.53 15.65ZM14.97 8.25Q14.97 7.11 14.24 6.62Q13.51 6.14 12.08 6.14H8.02V10.35H12.1Q13.61 10.35 14.29 9.83Q14.97 9.3 14.97 8.25ZM15.96 15.37Q15.96 14.7 15.7 14.24Q15.43 13.78 14.97 13.5Q14.5 13.22 13.88 13.1Q13.26 12.98 12.54 12.98H8.02V17.86H12.67Q13.37 17.86 13.97 17.74Q14.58 17.63 15.02 17.34Q15.46 17.06 15.71 16.58Q15.96 16.1 15.96 15.37Z",
|
|
57
|
+
clipRule: "evenodd"
|
|
58
|
+
}));
|
|
59
|
+
});
|
|
60
|
+
TextStyleBoldIcon.displayName = "TextStyleBoldIcon";
|
|
61
|
+
var _default = exports.default = TextStyleBoldIcon;
|
|
62
|
+
//# sourceMappingURL=TextStyleBold.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"TextStyleBold.js","names":["_react","_interopRequireDefault","require","_GradientDefs","_excluded","e","__esModule","default","_extends","Object","assign","bind","n","arguments","length","t","r","hasOwnProperty","call","apply","_objectWithoutProperties","o","i","_objectWithoutPropertiesLoose","getOwnPropertySymbols","indexOf","propertyIsEnumerable","TextStyleBoldIcon","React","forwardRef","_ref","ref","gradient","props","createElement","xmlns","width","height","viewBox","fill","focusable","GradientDefs","fillRule","d","clipRule","displayName","_default","exports"],"sources":["../../../../../src/components/Icons/collection/TextStyleBold.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { GradientDefs } from \"../../GradientDefs\";\n\n/**\n * @component TextStyleBoldIcon\n * @description\n *\n * The React Icon component is a visual element that displays an icon to represent a concept, object, or action.\n * The Icon component is\n * customizable, allowing for variations in size, color, and style to fit the needs of the application.\n *\n * @prop {string} [gradient] - Optional CSS linear-gradient string to apply a custom fill.\n * Format: \"linear-gradient(<angle>deg, <color1>, <color2>, ...)\"\n *\n * @example\n * return (\n * <TextStyleBoldIcon gradient=\"linear-gradient(135deg, #4da2ed, #f72222)\" />\n * )\n *\n * @example\n * return (\n * <TextStyleBoldIcon className=\"mr-2\" />\n * )\n *\n * @see\n * https://system.activecollab.com/?path=/story/foundation-icons-icons--icons\n * @see\n * https://design.activecollab.com/docs/foundations/icons\n */\nconst TextStyleBoldIcon = React.forwardRef(\n (\n {\n gradient,\n ...props\n }: React.SVGProps<SVGSVGElement> & {\n gradient?: string;\n },\n ref?: React.Ref<SVGSVGElement>\n ) => (\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n width={24}\n height={24}\n viewBox=\"0 0 24 24\"\n data-testid=\"TextStyleBoldIcon\"\n fill={\n gradient\n ? \"url(#icon-gradient)\"\n : props?.fill\n ? props.fill\n : \"var(--color-theme-600)\"\n }\n focusable={false}\n ref={ref}\n {...props}\n >\n <GradientDefs gradient={gradient} />\n <path\n fillRule=\"evenodd\"\n d=\"M19.53 15.65Q19.53 16.94 19.02 17.86Q18.5 18.79 17.6 19.37Q16.7 19.96 15.5 20.23Q14.31 20.5 12.97 20.5H4.47V3.5H12.25Q13.76 3.5 14.93 3.76Q16.11 4.02 16.92 4.55Q17.72 5.08 18.14 5.88Q18.56 6.69 18.56 7.77Q18.56 9.22 17.76 10.21Q16.95 11.21 15.31 11.56Q17.38 11.8 18.45 12.86Q19.53 13.91 19.53 15.65ZM14.97 8.25Q14.97 7.11 14.24 6.62Q13.51 6.14 12.08 6.14H8.02V10.35H12.1Q13.61 10.35 14.29 9.83Q14.97 9.3 14.97 8.25ZM15.96 15.37Q15.96 14.7 15.7 14.24Q15.43 13.78 14.97 13.5Q14.5 13.22 13.88 13.1Q13.26 12.98 12.54 12.98H8.02V17.86H12.67Q13.37 17.86 13.97 17.74Q14.58 17.63 15.02 17.34Q15.46 17.06 15.71 16.58Q15.96 16.1 15.96 15.37Z\"\n clipRule=\"evenodd\"\n />\n </svg>\n )\n);\nTextStyleBoldIcon.displayName = \"TextStyleBoldIcon\";\nexport default TextStyleBoldIcon;\n"],"mappings":"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","ignoreList":[]}
|
|
@@ -0,0 +1,62 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.default = void 0;
|
|
7
|
+
var _react = _interopRequireDefault(require("react"));
|
|
8
|
+
var _GradientDefs = require("../../GradientDefs");
|
|
9
|
+
var _excluded = ["gradient"];
|
|
10
|
+
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
11
|
+
function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
|
|
12
|
+
function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
|
|
13
|
+
function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
|
|
14
|
+
/**
|
|
15
|
+
* @component TextStyleItalicIcon
|
|
16
|
+
* @description
|
|
17
|
+
*
|
|
18
|
+
* The React Icon component is a visual element that displays an icon to represent a concept, object, or action.
|
|
19
|
+
* The Icon component is
|
|
20
|
+
* customizable, allowing for variations in size, color, and style to fit the needs of the application.
|
|
21
|
+
*
|
|
22
|
+
* @prop {string} [gradient] - Optional CSS linear-gradient string to apply a custom fill.
|
|
23
|
+
* Format: "linear-gradient(<angle>deg, <color1>, <color2>, ...)"
|
|
24
|
+
*
|
|
25
|
+
* @example
|
|
26
|
+
* return (
|
|
27
|
+
* <TextStyleItalicIcon gradient="linear-gradient(135deg, #4da2ed, #f72222)" />
|
|
28
|
+
* )
|
|
29
|
+
*
|
|
30
|
+
* @example
|
|
31
|
+
* return (
|
|
32
|
+
* <TextStyleItalicIcon className="mr-2" />
|
|
33
|
+
* )
|
|
34
|
+
*
|
|
35
|
+
* @see
|
|
36
|
+
* https://system.activecollab.com/?path=/story/foundation-icons-icons--icons
|
|
37
|
+
* @see
|
|
38
|
+
* https://design.activecollab.com/docs/foundations/icons
|
|
39
|
+
*/
|
|
40
|
+
var TextStyleItalicIcon = /*#__PURE__*/_react.default.forwardRef(function (_ref, ref) {
|
|
41
|
+
var gradient = _ref.gradient,
|
|
42
|
+
props = _objectWithoutProperties(_ref, _excluded);
|
|
43
|
+
return /*#__PURE__*/_react.default.createElement("svg", _extends({
|
|
44
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
45
|
+
width: 24,
|
|
46
|
+
height: 24,
|
|
47
|
+
viewBox: "0 0 24 24",
|
|
48
|
+
"data-testid": "TextStyleItalicIcon",
|
|
49
|
+
fill: gradient ? "url(#icon-gradient)" : props !== null && props !== void 0 && props.fill ? props.fill : "var(--color-theme-600)",
|
|
50
|
+
focusable: false,
|
|
51
|
+
ref: ref
|
|
52
|
+
}, props), /*#__PURE__*/_react.default.createElement(_GradientDefs.GradientDefs, {
|
|
53
|
+
gradient: gradient
|
|
54
|
+
}), /*#__PURE__*/_react.default.createElement("path", {
|
|
55
|
+
fillRule: "evenodd",
|
|
56
|
+
d: "M8.57 20.5 11.87 3.5H15.43L12.12 20.5Z",
|
|
57
|
+
clipRule: "evenodd"
|
|
58
|
+
}));
|
|
59
|
+
});
|
|
60
|
+
TextStyleItalicIcon.displayName = "TextStyleItalicIcon";
|
|
61
|
+
var _default = exports.default = TextStyleItalicIcon;
|
|
62
|
+
//# sourceMappingURL=TextStyleItalic.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"TextStyleItalic.js","names":["_react","_interopRequireDefault","require","_GradientDefs","_excluded","e","__esModule","default","_extends","Object","assign","bind","n","arguments","length","t","r","hasOwnProperty","call","apply","_objectWithoutProperties","o","i","_objectWithoutPropertiesLoose","getOwnPropertySymbols","indexOf","propertyIsEnumerable","TextStyleItalicIcon","React","forwardRef","_ref","ref","gradient","props","createElement","xmlns","width","height","viewBox","fill","focusable","GradientDefs","fillRule","d","clipRule","displayName","_default","exports"],"sources":["../../../../../src/components/Icons/collection/TextStyleItalic.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { GradientDefs } from \"../../GradientDefs\";\n\n/**\n * @component TextStyleItalicIcon\n * @description\n *\n * The React Icon component is a visual element that displays an icon to represent a concept, object, or action.\n * The Icon component is\n * customizable, allowing for variations in size, color, and style to fit the needs of the application.\n *\n * @prop {string} [gradient] - Optional CSS linear-gradient string to apply a custom fill.\n * Format: \"linear-gradient(<angle>deg, <color1>, <color2>, ...)\"\n *\n * @example\n * return (\n * <TextStyleItalicIcon gradient=\"linear-gradient(135deg, #4da2ed, #f72222)\" />\n * )\n *\n * @example\n * return (\n * <TextStyleItalicIcon className=\"mr-2\" />\n * )\n *\n * @see\n * https://system.activecollab.com/?path=/story/foundation-icons-icons--icons\n * @see\n * https://design.activecollab.com/docs/foundations/icons\n */\nconst TextStyleItalicIcon = React.forwardRef(\n (\n {\n gradient,\n ...props\n }: React.SVGProps<SVGSVGElement> & {\n gradient?: string;\n },\n ref?: React.Ref<SVGSVGElement>\n ) => (\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n width={24}\n height={24}\n viewBox=\"0 0 24 24\"\n data-testid=\"TextStyleItalicIcon\"\n fill={\n gradient\n ? \"url(#icon-gradient)\"\n : props?.fill\n ? props.fill\n : \"var(--color-theme-600)\"\n }\n focusable={false}\n ref={ref}\n {...props}\n >\n <GradientDefs gradient={gradient} />\n <path\n fillRule=\"evenodd\"\n d=\"M8.57 20.5 11.87 3.5H15.43L12.12 20.5Z\"\n clipRule=\"evenodd\"\n />\n </svg>\n )\n);\nTextStyleItalicIcon.displayName = \"TextStyleItalicIcon\";\nexport default TextStyleItalicIcon;\n"],"mappings":"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","ignoreList":[]}
|
|
@@ -0,0 +1,68 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.default = void 0;
|
|
7
|
+
var _react = _interopRequireDefault(require("react"));
|
|
8
|
+
var _GradientDefs = require("../../GradientDefs");
|
|
9
|
+
var _excluded = ["gradient"];
|
|
10
|
+
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
11
|
+
function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
|
|
12
|
+
function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
|
|
13
|
+
function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
|
|
14
|
+
/**
|
|
15
|
+
* @component TextStyleStrikeIcon
|
|
16
|
+
* @description
|
|
17
|
+
*
|
|
18
|
+
* The React Icon component is a visual element that displays an icon to represent a concept, object, or action.
|
|
19
|
+
* The Icon component is
|
|
20
|
+
* customizable, allowing for variations in size, color, and style to fit the needs of the application.
|
|
21
|
+
*
|
|
22
|
+
* @prop {string} [gradient] - Optional CSS linear-gradient string to apply a custom fill.
|
|
23
|
+
* Format: "linear-gradient(<angle>deg, <color1>, <color2>, ...)"
|
|
24
|
+
*
|
|
25
|
+
* @example
|
|
26
|
+
* return (
|
|
27
|
+
* <TextStyleStrikeIcon gradient="linear-gradient(135deg, #4da2ed, #f72222)" />
|
|
28
|
+
* )
|
|
29
|
+
*
|
|
30
|
+
* @example
|
|
31
|
+
* return (
|
|
32
|
+
* <TextStyleStrikeIcon className="mr-2" />
|
|
33
|
+
* )
|
|
34
|
+
*
|
|
35
|
+
* @see
|
|
36
|
+
* https://system.activecollab.com/?path=/story/foundation-icons-icons--icons
|
|
37
|
+
* @see
|
|
38
|
+
* https://design.activecollab.com/docs/foundations/icons
|
|
39
|
+
*/
|
|
40
|
+
var TextStyleStrikeIcon = /*#__PURE__*/_react.default.forwardRef(function (_ref, ref) {
|
|
41
|
+
var gradient = _ref.gradient,
|
|
42
|
+
props = _objectWithoutProperties(_ref, _excluded);
|
|
43
|
+
return /*#__PURE__*/_react.default.createElement("svg", _extends({
|
|
44
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
45
|
+
width: 24,
|
|
46
|
+
height: 24,
|
|
47
|
+
viewBox: "0 0 24 24",
|
|
48
|
+
"data-testid": "TextStyleStrikeIcon",
|
|
49
|
+
fill: gradient ? "url(#icon-gradient)" : props !== null && props !== void 0 && props.fill ? props.fill : "var(--color-theme-600)",
|
|
50
|
+
focusable: false,
|
|
51
|
+
ref: ref
|
|
52
|
+
}, props), /*#__PURE__*/_react.default.createElement(_GradientDefs.GradientDefs, {
|
|
53
|
+
gradient: gradient
|
|
54
|
+
}), /*#__PURE__*/_react.default.createElement("path", {
|
|
55
|
+
fillRule: "evenodd",
|
|
56
|
+
d: "M19.19 15.51Q19.19 16.63 18.78 17.55Q18.37 18.47 17.51 19.13Q16.65 19.78 15.31 20.14Q13.96 20.5 12.11 20.5Q10.47 20.5 9.22 20.21Q7.96 19.91 7.06 19.34Q6.17 18.76 5.61 17.91Q5.05 17.06 4.81 15.96L8.15 15.41Q8.29 15.96 8.56 16.42Q8.83 16.88 9.3 17.21Q9.78 17.55 10.49 17.73Q11.2 17.91 12.21 17.91Q13.96 17.91 14.9 17.38Q15.83 16.84 15.83 15.7Q15.83 15.02 15.45 14.59Q15.08 14.16 14.46 13.88Q13.83 13.59 13.03 13.41Q12.22 13.22 11.34 13.04Q10.63 12.88 9.93 12.7Q9.23 12.53 8.59 12.28Q7.95 12.04 7.4 11.7Q6.85 11.36 6.44 10.86Q6.04 10.36 5.81 9.69Q5.58 9.02 5.58 8.12Q5.58 6.89 6.07 6.01Q6.57 5.13 7.44 4.57Q8.31 4.02 9.52 3.76Q10.73 3.5 12.16 3.5Q13.78 3.5 14.93 3.75Q16.09 4 16.87 4.52Q17.65 5.04 18.1 5.82Q18.55 6.6 18.76 7.64L15.41 8.1Q15.15 7.03 14.36 6.49Q13.57 5.95 12.09 5.95Q11.17 5.95 10.57 6.11Q9.97 6.27 9.61 6.54Q9.25 6.81 9.1 7.16Q8.95 7.52 8.95 7.92Q8.95 8.53 9.24 8.92Q9.53 9.32 10.06 9.58Q10.59 9.84 11.32 10.02Q12.05 10.21 12.93 10.39Q13.71 10.56 14.47 10.74Q15.23 10.92 15.92 11.17Q16.61 11.41 17.21 11.77Q17.81 12.12 18.25 12.63Q18.69 13.14 18.94 13.84Q19.19 14.54 19.19 15.51Z",
|
|
57
|
+
clipRule: "evenodd"
|
|
58
|
+
}), /*#__PURE__*/_react.default.createElement("rect", {
|
|
59
|
+
x: "3",
|
|
60
|
+
y: "11",
|
|
61
|
+
width: "18",
|
|
62
|
+
height: "2",
|
|
63
|
+
rx: "1"
|
|
64
|
+
}));
|
|
65
|
+
});
|
|
66
|
+
TextStyleStrikeIcon.displayName = "TextStyleStrikeIcon";
|
|
67
|
+
var _default = exports.default = TextStyleStrikeIcon;
|
|
68
|
+
//# sourceMappingURL=TextStyleStrike.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"TextStyleStrike.js","names":["_react","_interopRequireDefault","require","_GradientDefs","_excluded","e","__esModule","default","_extends","Object","assign","bind","n","arguments","length","t","r","hasOwnProperty","call","apply","_objectWithoutProperties","o","i","_objectWithoutPropertiesLoose","getOwnPropertySymbols","indexOf","propertyIsEnumerable","TextStyleStrikeIcon","React","forwardRef","_ref","ref","gradient","props","createElement","xmlns","width","height","viewBox","fill","focusable","GradientDefs","fillRule","d","clipRule","x","y","rx","displayName","_default","exports"],"sources":["../../../../../src/components/Icons/collection/TextStyleStrike.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { GradientDefs } from \"../../GradientDefs\";\n\n/**\n * @component TextStyleStrikeIcon\n * @description\n *\n * The React Icon component is a visual element that displays an icon to represent a concept, object, or action.\n * The Icon component is\n * customizable, allowing for variations in size, color, and style to fit the needs of the application.\n *\n * @prop {string} [gradient] - Optional CSS linear-gradient string to apply a custom fill.\n * Format: \"linear-gradient(<angle>deg, <color1>, <color2>, ...)\"\n *\n * @example\n * return (\n * <TextStyleStrikeIcon gradient=\"linear-gradient(135deg, #4da2ed, #f72222)\" />\n * )\n *\n * @example\n * return (\n * <TextStyleStrikeIcon className=\"mr-2\" />\n * )\n *\n * @see\n * https://system.activecollab.com/?path=/story/foundation-icons-icons--icons\n * @see\n * https://design.activecollab.com/docs/foundations/icons\n */\nconst TextStyleStrikeIcon = React.forwardRef(\n (\n {\n gradient,\n ...props\n }: React.SVGProps<SVGSVGElement> & {\n gradient?: string;\n },\n ref?: React.Ref<SVGSVGElement>\n ) => (\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n width={24}\n height={24}\n viewBox=\"0 0 24 24\"\n data-testid=\"TextStyleStrikeIcon\"\n fill={\n gradient\n ? \"url(#icon-gradient)\"\n : props?.fill\n ? props.fill\n : \"var(--color-theme-600)\"\n }\n focusable={false}\n ref={ref}\n {...props}\n >\n <GradientDefs gradient={gradient} />\n <path\n fillRule=\"evenodd\"\n d=\"M19.19 15.51Q19.19 16.63 18.78 17.55Q18.37 18.47 17.51 19.13Q16.65 19.78 15.31 20.14Q13.96 20.5 12.11 20.5Q10.47 20.5 9.22 20.21Q7.96 19.91 7.06 19.34Q6.17 18.76 5.61 17.91Q5.05 17.06 4.81 15.96L8.15 15.41Q8.29 15.96 8.56 16.42Q8.83 16.88 9.3 17.21Q9.78 17.55 10.49 17.73Q11.2 17.91 12.21 17.91Q13.96 17.91 14.9 17.38Q15.83 16.84 15.83 15.7Q15.83 15.02 15.45 14.59Q15.08 14.16 14.46 13.88Q13.83 13.59 13.03 13.41Q12.22 13.22 11.34 13.04Q10.63 12.88 9.93 12.7Q9.23 12.53 8.59 12.28Q7.95 12.04 7.4 11.7Q6.85 11.36 6.44 10.86Q6.04 10.36 5.81 9.69Q5.58 9.02 5.58 8.12Q5.58 6.89 6.07 6.01Q6.57 5.13 7.44 4.57Q8.31 4.02 9.52 3.76Q10.73 3.5 12.16 3.5Q13.78 3.5 14.93 3.75Q16.09 4 16.87 4.52Q17.65 5.04 18.1 5.82Q18.55 6.6 18.76 7.64L15.41 8.1Q15.15 7.03 14.36 6.49Q13.57 5.95 12.09 5.95Q11.17 5.95 10.57 6.11Q9.97 6.27 9.61 6.54Q9.25 6.81 9.1 7.16Q8.95 7.52 8.95 7.92Q8.95 8.53 9.24 8.92Q9.53 9.32 10.06 9.58Q10.59 9.84 11.32 10.02Q12.05 10.21 12.93 10.39Q13.71 10.56 14.47 10.74Q15.23 10.92 15.92 11.17Q16.61 11.41 17.21 11.77Q17.81 12.12 18.25 12.63Q18.69 13.14 18.94 13.84Q19.19 14.54 19.19 15.51Z\"\n clipRule=\"evenodd\"\n />\n <rect x=\"3\" y=\"11\" width=\"18\" height=\"2\" rx=\"1\" />\n </svg>\n )\n);\nTextStyleStrikeIcon.displayName = \"TextStyleStrikeIcon\";\nexport default TextStyleStrikeIcon;\n"],"mappings":"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","ignoreList":[]}
|
|
@@ -0,0 +1,68 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.default = void 0;
|
|
7
|
+
var _react = _interopRequireDefault(require("react"));
|
|
8
|
+
var _GradientDefs = require("../../GradientDefs");
|
|
9
|
+
var _excluded = ["gradient"];
|
|
10
|
+
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
11
|
+
function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
|
|
12
|
+
function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
|
|
13
|
+
function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
|
|
14
|
+
/**
|
|
15
|
+
* @component TextStyleUnderlineIcon
|
|
16
|
+
* @description
|
|
17
|
+
*
|
|
18
|
+
* The React Icon component is a visual element that displays an icon to represent a concept, object, or action.
|
|
19
|
+
* The Icon component is
|
|
20
|
+
* customizable, allowing for variations in size, color, and style to fit the needs of the application.
|
|
21
|
+
*
|
|
22
|
+
* @prop {string} [gradient] - Optional CSS linear-gradient string to apply a custom fill.
|
|
23
|
+
* Format: "linear-gradient(<angle>deg, <color1>, <color2>, ...)"
|
|
24
|
+
*
|
|
25
|
+
* @example
|
|
26
|
+
* return (
|
|
27
|
+
* <TextStyleUnderlineIcon gradient="linear-gradient(135deg, #4da2ed, #f72222)" />
|
|
28
|
+
* )
|
|
29
|
+
*
|
|
30
|
+
* @example
|
|
31
|
+
* return (
|
|
32
|
+
* <TextStyleUnderlineIcon className="mr-2" />
|
|
33
|
+
* )
|
|
34
|
+
*
|
|
35
|
+
* @see
|
|
36
|
+
* https://system.activecollab.com/?path=/story/foundation-icons-icons--icons
|
|
37
|
+
* @see
|
|
38
|
+
* https://design.activecollab.com/docs/foundations/icons
|
|
39
|
+
*/
|
|
40
|
+
var TextStyleUnderlineIcon = /*#__PURE__*/_react.default.forwardRef(function (_ref, ref) {
|
|
41
|
+
var gradient = _ref.gradient,
|
|
42
|
+
props = _objectWithoutProperties(_ref, _excluded);
|
|
43
|
+
return /*#__PURE__*/_react.default.createElement("svg", _extends({
|
|
44
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
45
|
+
width: 24,
|
|
46
|
+
height: 24,
|
|
47
|
+
viewBox: "0 0 24 24",
|
|
48
|
+
"data-testid": "TextStyleUnderlineIcon",
|
|
49
|
+
fill: gradient ? "url(#icon-gradient)" : props !== null && props !== void 0 && props.fill ? props.fill : "var(--color-theme-600)",
|
|
50
|
+
focusable: false,
|
|
51
|
+
ref: ref
|
|
52
|
+
}, props), /*#__PURE__*/_react.default.createElement(_GradientDefs.GradientDefs, {
|
|
53
|
+
gradient: gradient
|
|
54
|
+
}), /*#__PURE__*/_react.default.createElement("path", {
|
|
55
|
+
fillRule: "evenodd",
|
|
56
|
+
d: "M11.84 18Q10.45 18 9.3 17.67Q8.14 17.34 7.31 16.64Q6.47 15.94 6.01 14.85Q5.54 13.76 5.54 12.25V3H8.64V12.01Q8.64 12.94 8.87 13.62Q9.1 14.29 9.53 14.73Q9.96 15.17 10.57 15.37Q11.18 15.58 11.92 15.58Q12.68 15.58 13.31 15.36Q13.95 15.14 14.4 14.69Q14.86 14.24 15.11 13.55Q15.36 12.86 15.36 11.9V3H18.46V12.09Q18.46 13.61 17.97 14.72Q17.47 15.84 16.59 16.57Q15.71 17.3 14.5 17.65Q13.29 18 11.84 18Z",
|
|
57
|
+
clipRule: "evenodd"
|
|
58
|
+
}), /*#__PURE__*/_react.default.createElement("rect", {
|
|
59
|
+
x: "4",
|
|
60
|
+
y: "20",
|
|
61
|
+
width: "16",
|
|
62
|
+
height: "2",
|
|
63
|
+
rx: "1"
|
|
64
|
+
}));
|
|
65
|
+
});
|
|
66
|
+
TextStyleUnderlineIcon.displayName = "TextStyleUnderlineIcon";
|
|
67
|
+
var _default = exports.default = TextStyleUnderlineIcon;
|
|
68
|
+
//# sourceMappingURL=TextStyleUnderline.js.map
|