@activecollab/components 2.0.218 → 2.0.220
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/index.js +0 -14
- package/dist/cjs/components/Icons/collection/index.js.map +1 -1
- package/dist/cjs/components/Steppers/DateStepper/DateStepper.js +9 -3
- package/dist/cjs/components/Steppers/DateStepper/DateStepper.js.map +1 -1
- package/dist/cjs/components/Steppers/DateStepper/Styles.js +16 -3
- package/dist/cjs/components/Steppers/DateStepper/Styles.js.map +1 -1
- package/dist/esm/components/Icons/collection/index.d.ts +0 -2
- package/dist/esm/components/Icons/collection/index.d.ts.map +1 -1
- package/dist/esm/components/Icons/collection/index.js +0 -2
- package/dist/esm/components/Icons/collection/index.js.map +1 -1
- package/dist/esm/components/Steppers/DateStepper/DateStepper.d.ts +5 -0
- package/dist/esm/components/Steppers/DateStepper/DateStepper.d.ts.map +1 -1
- package/dist/esm/components/Steppers/DateStepper/DateStepper.js +7 -3
- package/dist/esm/components/Steppers/DateStepper/DateStepper.js.map +1 -1
- package/dist/esm/components/Steppers/DateStepper/Styles.d.ts +2 -0
- package/dist/esm/components/Steppers/DateStepper/Styles.d.ts.map +1 -1
- package/dist/esm/components/Steppers/DateStepper/Styles.js +8 -5
- package/dist/esm/components/Steppers/DateStepper/Styles.js.map +1 -1
- package/dist/index.js +25 -95
- 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
- package/dist/cjs/components/Icons/collection/ThumbsDownOutline.js +0 -56
- package/dist/cjs/components/Icons/collection/ThumbsDownOutline.js.map +0 -1
- package/dist/cjs/components/Icons/collection/ThumbsUpOutline.js +0 -49
- package/dist/cjs/components/Icons/collection/ThumbsUpOutline.js.map +0 -1
- package/dist/esm/components/Icons/collection/ThumbsDownOutline.d.ts +0 -23
- package/dist/esm/components/Icons/collection/ThumbsDownOutline.d.ts.map +0 -1
- package/dist/esm/components/Icons/collection/ThumbsDownOutline.js +0 -48
- package/dist/esm/components/Icons/collection/ThumbsDownOutline.js.map +0 -1
- package/dist/esm/components/Icons/collection/ThumbsUpOutline.d.ts +0 -23
- package/dist/esm/components/Icons/collection/ThumbsUpOutline.d.ts.map +0 -1
- package/dist/esm/components/Icons/collection/ThumbsUpOutline.js +0 -41
- package/dist/esm/components/Icons/collection/ThumbsUpOutline.js.map +0 -1
package/package.json
CHANGED
|
@@ -1,56 +0,0 @@
|
|
|
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
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
9
|
-
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
10
|
-
/**
|
|
11
|
-
* @component ThumbsDownOutlineIcon
|
|
12
|
-
* @description
|
|
13
|
-
*
|
|
14
|
-
* The React Icon component is a visual element that displays an icon to represent a concept, object, or action.
|
|
15
|
-
* The Icon component is
|
|
16
|
-
* customizable, allowing for variations in size, color, and style to fit the needs of the application.
|
|
17
|
-
*
|
|
18
|
-
*
|
|
19
|
-
* @example
|
|
20
|
-
* return (
|
|
21
|
-
* <ThumbsDownOutlineIcon className="mr-2" />
|
|
22
|
-
* )
|
|
23
|
-
*
|
|
24
|
-
* @see
|
|
25
|
-
* https://system.activecollab.com/?path=/story/foundation-icons-icons--icons
|
|
26
|
-
* @see
|
|
27
|
-
* https://design.activecollab.com/docs/foundations/icons
|
|
28
|
-
*/
|
|
29
|
-
var ThumbsDownOutlineIcon = /*#__PURE__*/_react.default.forwardRef(function (props, svgRef) {
|
|
30
|
-
return /*#__PURE__*/_react.default.createElement("svg", _extends({
|
|
31
|
-
width: 20,
|
|
32
|
-
height: 19,
|
|
33
|
-
viewBox: "0 0 20 19",
|
|
34
|
-
xmlns: "http://www.w3.org/2000/svg",
|
|
35
|
-
"data-testid": "ThumbsDownOutlineIcon",
|
|
36
|
-
fill: "var(--color-theme-600)",
|
|
37
|
-
focusable: false,
|
|
38
|
-
ref: svgRef
|
|
39
|
-
}, props), /*#__PURE__*/_react.default.createElement("g", {
|
|
40
|
-
clipPath: "url(#thumbs-down-outline_svg__clip0_120_6299)"
|
|
41
|
-
}, /*#__PURE__*/_react.default.createElement("path", {
|
|
42
|
-
d: "M13.916 10.283l-3.132 7.049a2.35 2.35 0 01-2.35-2.35V11.85H4.001a1.567 1.567 0 01-1.566-1.802L3.515 3a1.566 1.566 0 011.567-1.331h8.835m0 8.615V1.668m0 8.615h2.09a1.81 1.81 0 001.825-1.566V3.234a1.81 1.81 0 00-1.824-1.566h-2.091",
|
|
43
|
-
stroke: "#6D6D73",
|
|
44
|
-
strokeWidth: 1.566,
|
|
45
|
-
strokeLinecap: "round",
|
|
46
|
-
strokeLinejoin: "round"
|
|
47
|
-
})), /*#__PURE__*/_react.default.createElement("defs", null, /*#__PURE__*/_react.default.createElement("clipPath", {
|
|
48
|
-
id: "thumbs-down-outline_svg__clip0_120_6299"
|
|
49
|
-
}, /*#__PURE__*/_react.default.createElement("path", {
|
|
50
|
-
transform: "translate(.602 .102)",
|
|
51
|
-
d: "M0 0h18.797v18.797H0z"
|
|
52
|
-
}))));
|
|
53
|
-
});
|
|
54
|
-
ThumbsDownOutlineIcon.displayName = "ThumbsDownOutlineIcon";
|
|
55
|
-
var _default = exports.default = ThumbsDownOutlineIcon;
|
|
56
|
-
//# sourceMappingURL=ThumbsDownOutline.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"ThumbsDownOutline.js","names":["_react","_interopRequireDefault","require","obj","__esModule","default","_extends","Object","assign","bind","target","i","arguments","length","source","key","prototype","hasOwnProperty","call","apply","ThumbsDownOutlineIcon","React","forwardRef","props","svgRef","createElement","width","height","viewBox","xmlns","fill","focusable","ref","clipPath","d","stroke","strokeWidth","strokeLinecap","strokeLinejoin","id","transform","displayName","_default","exports"],"sources":["../../../../../src/components/Icons/collection/ThumbsDownOutline.tsx"],"sourcesContent":["import React from \"react\";\n\n/**\n * @component ThumbsDownOutlineIcon\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 *\n * @example\n * return (\n * <ThumbsDownOutlineIcon 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 ThumbsDownOutlineIcon = React.forwardRef(\n (props: React.SVGProps<SVGSVGElement>, svgRef?: React.Ref<SVGSVGElement>) => (\n <svg\n width={20}\n height={19}\n viewBox=\"0 0 20 19\"\n xmlns=\"http://www.w3.org/2000/svg\"\n data-testid=\"ThumbsDownOutlineIcon\"\n fill=\"var(--color-theme-600)\"\n focusable={false}\n ref={svgRef}\n {...props}\n >\n <g clipPath=\"url(#thumbs-down-outline_svg__clip0_120_6299)\">\n <path\n d=\"M13.916 10.283l-3.132 7.049a2.35 2.35 0 01-2.35-2.35V11.85H4.001a1.567 1.567 0 01-1.566-1.802L3.515 3a1.566 1.566 0 011.567-1.331h8.835m0 8.615V1.668m0 8.615h2.09a1.81 1.81 0 001.825-1.566V3.234a1.81 1.81 0 00-1.824-1.566h-2.091\"\n stroke=\"#6D6D73\"\n strokeWidth={1.566}\n strokeLinecap=\"round\"\n strokeLinejoin=\"round\"\n />\n </g>\n <defs>\n <clipPath id=\"thumbs-down-outline_svg__clip0_120_6299\">\n <path transform=\"translate(.602 .102)\" d=\"M0 0h18.797v18.797H0z\" />\n </clipPath>\n </defs>\n </svg>\n )\n);\nThumbsDownOutlineIcon.displayName = \"ThumbsDownOutlineIcon\";\nexport default ThumbsDownOutlineIcon;\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAA0B,SAAAD,uBAAAE,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAAA,SAAAG,SAAA,IAAAA,QAAA,GAAAC,MAAA,CAAAC,MAAA,GAAAD,MAAA,CAAAC,MAAA,CAAAC,IAAA,eAAAC,MAAA,aAAAC,CAAA,MAAAA,CAAA,GAAAC,SAAA,CAAAC,MAAA,EAAAF,CAAA,UAAAG,MAAA,GAAAF,SAAA,CAAAD,CAAA,YAAAI,GAAA,IAAAD,MAAA,QAAAP,MAAA,CAAAS,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAJ,MAAA,EAAAC,GAAA,KAAAL,MAAA,CAAAK,GAAA,IAAAD,MAAA,CAAAC,GAAA,gBAAAL,MAAA,YAAAJ,QAAA,CAAAa,KAAA,OAAAP,SAAA;AAE1B;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,IAAMQ,qBAAqB,gBAAGC,cAAK,CAACC,UAAU,CAC5C,UAACC,KAAoC,EAAEC,MAAiC;EAAA,oBACtExB,MAAA,CAAAK,OAAA,CAAAoB,aAAA,QAAAnB,QAAA;IACEoB,KAAK,EAAE,EAAG;IACVC,MAAM,EAAE,EAAG;IACXC,OAAO,EAAC,WAAW;IACnBC,KAAK,EAAC,4BAA4B;IAClC,eAAY,uBAAuB;IACnCC,IAAI,EAAC,wBAAwB;IAC7BC,SAAS,EAAE,KAAM;IACjBC,GAAG,EAAER;EAAO,GACRD,KAAK,gBAETvB,MAAA,CAAAK,OAAA,CAAAoB,aAAA;IAAGQ,QAAQ,EAAC;EAA+C,gBACzDjC,MAAA,CAAAK,OAAA,CAAAoB,aAAA;IACES,CAAC,EAAC,sOAAsO;IACxOC,MAAM,EAAC,SAAS;IAChBC,WAAW,EAAE,KAAM;IACnBC,aAAa,EAAC,OAAO;IACrBC,cAAc,EAAC;EAAO,CACvB,CACA,CAAC,eACJtC,MAAA,CAAAK,OAAA,CAAAoB,aAAA,4BACEzB,MAAA,CAAAK,OAAA,CAAAoB,aAAA;IAAUc,EAAE,EAAC;EAAyC,gBACpDvC,MAAA,CAAAK,OAAA,CAAAoB,aAAA;IAAMe,SAAS,EAAC,sBAAsB;IAACN,CAAC,EAAC;EAAuB,CAAE,CAC1D,CACN,CACH,CAAC;AAAA,CAEV,CAAC;AACDd,qBAAqB,CAACqB,WAAW,GAAG,uBAAuB;AAAC,IAAAC,QAAA,GAAAC,OAAA,CAAAtC,OAAA,GAC7Ce,qBAAqB"}
|
|
@@ -1,49 +0,0 @@
|
|
|
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
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
9
|
-
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
10
|
-
/**
|
|
11
|
-
* @component ThumbsUpOutlineIcon
|
|
12
|
-
* @description
|
|
13
|
-
*
|
|
14
|
-
* The React Icon component is a visual element that displays an icon to represent a concept, object, or action.
|
|
15
|
-
* The Icon component is
|
|
16
|
-
* customizable, allowing for variations in size, color, and style to fit the needs of the application.
|
|
17
|
-
*
|
|
18
|
-
*
|
|
19
|
-
* @example
|
|
20
|
-
* return (
|
|
21
|
-
* <ThumbsUpOutlineIcon className="mr-2" />
|
|
22
|
-
* )
|
|
23
|
-
*
|
|
24
|
-
* @see
|
|
25
|
-
* https://system.activecollab.com/?path=/story/foundation-icons-icons--icons
|
|
26
|
-
* @see
|
|
27
|
-
* https://design.activecollab.com/docs/foundations/icons
|
|
28
|
-
*/
|
|
29
|
-
var ThumbsUpOutlineIcon = /*#__PURE__*/_react.default.forwardRef(function (props, svgRef) {
|
|
30
|
-
return /*#__PURE__*/_react.default.createElement("svg", _extends({
|
|
31
|
-
width: 20,
|
|
32
|
-
height: 19,
|
|
33
|
-
viewBox: "0 0 20 19",
|
|
34
|
-
xmlns: "http://www.w3.org/2000/svg",
|
|
35
|
-
"data-testid": "ThumbsUpOutlineIcon",
|
|
36
|
-
fill: "var(--color-theme-600)",
|
|
37
|
-
focusable: false,
|
|
38
|
-
ref: svgRef
|
|
39
|
-
}, props), /*#__PURE__*/_react.default.createElement("path", {
|
|
40
|
-
d: "M6.232 8.746l3.014-6.782a2.26 2.26 0 012.26 2.261v3.014h4.266a1.507 1.507 0 011.507 1.734l-1.04 6.782a1.507 1.507 0 01-1.507 1.28h-8.5m0-8.289v8.29m0-8.29H3.97a1.507 1.507 0 00-1.507 1.508v5.275a1.507 1.507 0 001.507 1.507h2.26",
|
|
41
|
-
stroke: "#6D6D73",
|
|
42
|
-
strokeWidth: 1.507,
|
|
43
|
-
strokeLinecap: "round",
|
|
44
|
-
strokeLinejoin: "round"
|
|
45
|
-
}));
|
|
46
|
-
});
|
|
47
|
-
ThumbsUpOutlineIcon.displayName = "ThumbsUpOutlineIcon";
|
|
48
|
-
var _default = exports.default = ThumbsUpOutlineIcon;
|
|
49
|
-
//# sourceMappingURL=ThumbsUpOutline.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"ThumbsUpOutline.js","names":["_react","_interopRequireDefault","require","obj","__esModule","default","_extends","Object","assign","bind","target","i","arguments","length","source","key","prototype","hasOwnProperty","call","apply","ThumbsUpOutlineIcon","React","forwardRef","props","svgRef","createElement","width","height","viewBox","xmlns","fill","focusable","ref","d","stroke","strokeWidth","strokeLinecap","strokeLinejoin","displayName","_default","exports"],"sources":["../../../../../src/components/Icons/collection/ThumbsUpOutline.tsx"],"sourcesContent":["import React from \"react\";\n\n/**\n * @component ThumbsUpOutlineIcon\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 *\n * @example\n * return (\n * <ThumbsUpOutlineIcon 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 ThumbsUpOutlineIcon = React.forwardRef(\n (props: React.SVGProps<SVGSVGElement>, svgRef?: React.Ref<SVGSVGElement>) => (\n <svg\n width={20}\n height={19}\n viewBox=\"0 0 20 19\"\n xmlns=\"http://www.w3.org/2000/svg\"\n data-testid=\"ThumbsUpOutlineIcon\"\n fill=\"var(--color-theme-600)\"\n focusable={false}\n ref={svgRef}\n {...props}\n >\n <path\n d=\"M6.232 8.746l3.014-6.782a2.26 2.26 0 012.26 2.261v3.014h4.266a1.507 1.507 0 011.507 1.734l-1.04 6.782a1.507 1.507 0 01-1.507 1.28h-8.5m0-8.289v8.29m0-8.29H3.97a1.507 1.507 0 00-1.507 1.508v5.275a1.507 1.507 0 001.507 1.507h2.26\"\n stroke=\"#6D6D73\"\n strokeWidth={1.507}\n strokeLinecap=\"round\"\n strokeLinejoin=\"round\"\n />\n </svg>\n )\n);\nThumbsUpOutlineIcon.displayName = \"ThumbsUpOutlineIcon\";\nexport default ThumbsUpOutlineIcon;\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAA0B,SAAAD,uBAAAE,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAAA,SAAAG,SAAA,IAAAA,QAAA,GAAAC,MAAA,CAAAC,MAAA,GAAAD,MAAA,CAAAC,MAAA,CAAAC,IAAA,eAAAC,MAAA,aAAAC,CAAA,MAAAA,CAAA,GAAAC,SAAA,CAAAC,MAAA,EAAAF,CAAA,UAAAG,MAAA,GAAAF,SAAA,CAAAD,CAAA,YAAAI,GAAA,IAAAD,MAAA,QAAAP,MAAA,CAAAS,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAJ,MAAA,EAAAC,GAAA,KAAAL,MAAA,CAAAK,GAAA,IAAAD,MAAA,CAAAC,GAAA,gBAAAL,MAAA,YAAAJ,QAAA,CAAAa,KAAA,OAAAP,SAAA;AAE1B;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,IAAMQ,mBAAmB,gBAAGC,cAAK,CAACC,UAAU,CAC1C,UAACC,KAAoC,EAAEC,MAAiC;EAAA,oBACtExB,MAAA,CAAAK,OAAA,CAAAoB,aAAA,QAAAnB,QAAA;IACEoB,KAAK,EAAE,EAAG;IACVC,MAAM,EAAE,EAAG;IACXC,OAAO,EAAC,WAAW;IACnBC,KAAK,EAAC,4BAA4B;IAClC,eAAY,qBAAqB;IACjCC,IAAI,EAAC,wBAAwB;IAC7BC,SAAS,EAAE,KAAM;IACjBC,GAAG,EAAER;EAAO,GACRD,KAAK,gBAETvB,MAAA,CAAAK,OAAA,CAAAoB,aAAA;IACEQ,CAAC,EAAC,qOAAqO;IACvOC,MAAM,EAAC,SAAS;IAChBC,WAAW,EAAE,KAAM;IACnBC,aAAa,EAAC,OAAO;IACrBC,cAAc,EAAC;EAAO,CACvB,CACE,CAAC;AAAA,CAEV,CAAC;AACDjB,mBAAmB,CAACkB,WAAW,GAAG,qBAAqB;AAAC,IAAAC,QAAA,GAAAC,OAAA,CAAAnC,OAAA,GACzCe,mBAAmB"}
|
|
@@ -1,23 +0,0 @@
|
|
|
1
|
-
import React from "react";
|
|
2
|
-
/**
|
|
3
|
-
* @component ThumbsDownOutlineIcon
|
|
4
|
-
* @description
|
|
5
|
-
*
|
|
6
|
-
* The React Icon component is a visual element that displays an icon to represent a concept, object, or action.
|
|
7
|
-
* The Icon component is
|
|
8
|
-
* customizable, allowing for variations in size, color, and style to fit the needs of the application.
|
|
9
|
-
*
|
|
10
|
-
*
|
|
11
|
-
* @example
|
|
12
|
-
* return (
|
|
13
|
-
* <ThumbsDownOutlineIcon className="mr-2" />
|
|
14
|
-
* )
|
|
15
|
-
*
|
|
16
|
-
* @see
|
|
17
|
-
* https://system.activecollab.com/?path=/story/foundation-icons-icons--icons
|
|
18
|
-
* @see
|
|
19
|
-
* https://design.activecollab.com/docs/foundations/icons
|
|
20
|
-
*/
|
|
21
|
-
declare const ThumbsDownOutlineIcon: React.ForwardRefExoticComponent<Omit<React.SVGProps<SVGSVGElement>, "ref"> & React.RefAttributes<SVGSVGElement>>;
|
|
22
|
-
export default ThumbsDownOutlineIcon;
|
|
23
|
-
//# sourceMappingURL=ThumbsDownOutline.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"ThumbsDownOutline.d.ts","sourceRoot":"","sources":["../../../../../src/components/Icons/collection/ThumbsDownOutline.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B;;;;;;;;;;;;;;;;;;GAkBG;AACH,QAAA,MAAM,qBAAqB,kHA6B1B,CAAC;AAEF,eAAe,qBAAqB,CAAC"}
|
|
@@ -1,48 +0,0 @@
|
|
|
1
|
-
import _extends from "@babel/runtime/helpers/esm/extends";
|
|
2
|
-
import React from "react";
|
|
3
|
-
|
|
4
|
-
/**
|
|
5
|
-
* @component ThumbsDownOutlineIcon
|
|
6
|
-
* @description
|
|
7
|
-
*
|
|
8
|
-
* The React Icon component is a visual element that displays an icon to represent a concept, object, or action.
|
|
9
|
-
* The Icon component is
|
|
10
|
-
* customizable, allowing for variations in size, color, and style to fit the needs of the application.
|
|
11
|
-
*
|
|
12
|
-
*
|
|
13
|
-
* @example
|
|
14
|
-
* return (
|
|
15
|
-
* <ThumbsDownOutlineIcon className="mr-2" />
|
|
16
|
-
* )
|
|
17
|
-
*
|
|
18
|
-
* @see
|
|
19
|
-
* https://system.activecollab.com/?path=/story/foundation-icons-icons--icons
|
|
20
|
-
* @see
|
|
21
|
-
* https://design.activecollab.com/docs/foundations/icons
|
|
22
|
-
*/
|
|
23
|
-
const ThumbsDownOutlineIcon = /*#__PURE__*/React.forwardRef((props, svgRef) => /*#__PURE__*/React.createElement("svg", _extends({
|
|
24
|
-
width: 20,
|
|
25
|
-
height: 19,
|
|
26
|
-
viewBox: "0 0 20 19",
|
|
27
|
-
xmlns: "http://www.w3.org/2000/svg",
|
|
28
|
-
"data-testid": "ThumbsDownOutlineIcon",
|
|
29
|
-
fill: "var(--color-theme-600)",
|
|
30
|
-
focusable: false,
|
|
31
|
-
ref: svgRef
|
|
32
|
-
}, props), /*#__PURE__*/React.createElement("g", {
|
|
33
|
-
clipPath: "url(#thumbs-down-outline_svg__clip0_120_6299)"
|
|
34
|
-
}, /*#__PURE__*/React.createElement("path", {
|
|
35
|
-
d: "M13.916 10.283l-3.132 7.049a2.35 2.35 0 01-2.35-2.35V11.85H4.001a1.567 1.567 0 01-1.566-1.802L3.515 3a1.566 1.566 0 011.567-1.331h8.835m0 8.615V1.668m0 8.615h2.09a1.81 1.81 0 001.825-1.566V3.234a1.81 1.81 0 00-1.824-1.566h-2.091",
|
|
36
|
-
stroke: "#6D6D73",
|
|
37
|
-
strokeWidth: 1.566,
|
|
38
|
-
strokeLinecap: "round",
|
|
39
|
-
strokeLinejoin: "round"
|
|
40
|
-
})), /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("clipPath", {
|
|
41
|
-
id: "thumbs-down-outline_svg__clip0_120_6299"
|
|
42
|
-
}, /*#__PURE__*/React.createElement("path", {
|
|
43
|
-
transform: "translate(.602 .102)",
|
|
44
|
-
d: "M0 0h18.797v18.797H0z"
|
|
45
|
-
})))));
|
|
46
|
-
ThumbsDownOutlineIcon.displayName = "ThumbsDownOutlineIcon";
|
|
47
|
-
export default ThumbsDownOutlineIcon;
|
|
48
|
-
//# sourceMappingURL=ThumbsDownOutline.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"ThumbsDownOutline.js","names":["React","ThumbsDownOutlineIcon","forwardRef","props","svgRef","createElement","_extends","width","height","viewBox","xmlns","fill","focusable","ref","clipPath","d","stroke","strokeWidth","strokeLinecap","strokeLinejoin","id","transform","displayName"],"sources":["../../../../../src/components/Icons/collection/ThumbsDownOutline.tsx"],"sourcesContent":["import React from \"react\";\n\n/**\n * @component ThumbsDownOutlineIcon\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 *\n * @example\n * return (\n * <ThumbsDownOutlineIcon 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 ThumbsDownOutlineIcon = React.forwardRef(\n (props: React.SVGProps<SVGSVGElement>, svgRef?: React.Ref<SVGSVGElement>) => (\n <svg\n width={20}\n height={19}\n viewBox=\"0 0 20 19\"\n xmlns=\"http://www.w3.org/2000/svg\"\n data-testid=\"ThumbsDownOutlineIcon\"\n fill=\"var(--color-theme-600)\"\n focusable={false}\n ref={svgRef}\n {...props}\n >\n <g clipPath=\"url(#thumbs-down-outline_svg__clip0_120_6299)\">\n <path\n d=\"M13.916 10.283l-3.132 7.049a2.35 2.35 0 01-2.35-2.35V11.85H4.001a1.567 1.567 0 01-1.566-1.802L3.515 3a1.566 1.566 0 011.567-1.331h8.835m0 8.615V1.668m0 8.615h2.09a1.81 1.81 0 001.825-1.566V3.234a1.81 1.81 0 00-1.824-1.566h-2.091\"\n stroke=\"#6D6D73\"\n strokeWidth={1.566}\n strokeLinecap=\"round\"\n strokeLinejoin=\"round\"\n />\n </g>\n <defs>\n <clipPath id=\"thumbs-down-outline_svg__clip0_120_6299\">\n <path transform=\"translate(.602 .102)\" d=\"M0 0h18.797v18.797H0z\" />\n </clipPath>\n </defs>\n </svg>\n )\n);\nThumbsDownOutlineIcon.displayName = \"ThumbsDownOutlineIcon\";\nexport default ThumbsDownOutlineIcon;\n"],"mappings":";AAAA,OAAOA,KAAK,MAAM,OAAO;;AAEzB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,MAAMC,qBAAqB,gBAAGD,KAAK,CAACE,UAAU,CAC5C,CAACC,KAAoC,EAAEC,MAAiC,kBACtEJ,KAAA,CAAAK,aAAA,QAAAC,QAAA;EACEC,KAAK,EAAE,EAAG;EACVC,MAAM,EAAE,EAAG;EACXC,OAAO,EAAC,WAAW;EACnBC,KAAK,EAAC,4BAA4B;EAClC,eAAY,uBAAuB;EACnCC,IAAI,EAAC,wBAAwB;EAC7BC,SAAS,EAAE,KAAM;EACjBC,GAAG,EAAET;AAAO,GACRD,KAAK,gBAETH,KAAA,CAAAK,aAAA;EAAGS,QAAQ,EAAC;AAA+C,gBACzDd,KAAA,CAAAK,aAAA;EACEU,CAAC,EAAC,sOAAsO;EACxOC,MAAM,EAAC,SAAS;EAChBC,WAAW,EAAE,KAAM;EACnBC,aAAa,EAAC,OAAO;EACrBC,cAAc,EAAC;AAAO,CACvB,CACA,CAAC,eACJnB,KAAA,CAAAK,aAAA,4BACEL,KAAA,CAAAK,aAAA;EAAUe,EAAE,EAAC;AAAyC,gBACpDpB,KAAA,CAAAK,aAAA;EAAMgB,SAAS,EAAC,sBAAsB;EAACN,CAAC,EAAC;AAAuB,CAAE,CAC1D,CACN,CACH,CAET,CAAC;AACDd,qBAAqB,CAACqB,WAAW,GAAG,uBAAuB;AAC3D,eAAerB,qBAAqB"}
|
|
@@ -1,23 +0,0 @@
|
|
|
1
|
-
import React from "react";
|
|
2
|
-
/**
|
|
3
|
-
* @component ThumbsUpOutlineIcon
|
|
4
|
-
* @description
|
|
5
|
-
*
|
|
6
|
-
* The React Icon component is a visual element that displays an icon to represent a concept, object, or action.
|
|
7
|
-
* The Icon component is
|
|
8
|
-
* customizable, allowing for variations in size, color, and style to fit the needs of the application.
|
|
9
|
-
*
|
|
10
|
-
*
|
|
11
|
-
* @example
|
|
12
|
-
* return (
|
|
13
|
-
* <ThumbsUpOutlineIcon className="mr-2" />
|
|
14
|
-
* )
|
|
15
|
-
*
|
|
16
|
-
* @see
|
|
17
|
-
* https://system.activecollab.com/?path=/story/foundation-icons-icons--icons
|
|
18
|
-
* @see
|
|
19
|
-
* https://design.activecollab.com/docs/foundations/icons
|
|
20
|
-
*/
|
|
21
|
-
declare const ThumbsUpOutlineIcon: React.ForwardRefExoticComponent<Omit<React.SVGProps<SVGSVGElement>, "ref"> & React.RefAttributes<SVGSVGElement>>;
|
|
22
|
-
export default ThumbsUpOutlineIcon;
|
|
23
|
-
//# sourceMappingURL=ThumbsUpOutline.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"ThumbsUpOutline.d.ts","sourceRoot":"","sources":["../../../../../src/components/Icons/collection/ThumbsUpOutline.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B;;;;;;;;;;;;;;;;;;GAkBG;AACH,QAAA,MAAM,mBAAmB,kHAsBxB,CAAC;AAEF,eAAe,mBAAmB,CAAC"}
|
|
@@ -1,41 +0,0 @@
|
|
|
1
|
-
import _extends from "@babel/runtime/helpers/esm/extends";
|
|
2
|
-
import React from "react";
|
|
3
|
-
|
|
4
|
-
/**
|
|
5
|
-
* @component ThumbsUpOutlineIcon
|
|
6
|
-
* @description
|
|
7
|
-
*
|
|
8
|
-
* The React Icon component is a visual element that displays an icon to represent a concept, object, or action.
|
|
9
|
-
* The Icon component is
|
|
10
|
-
* customizable, allowing for variations in size, color, and style to fit the needs of the application.
|
|
11
|
-
*
|
|
12
|
-
*
|
|
13
|
-
* @example
|
|
14
|
-
* return (
|
|
15
|
-
* <ThumbsUpOutlineIcon className="mr-2" />
|
|
16
|
-
* )
|
|
17
|
-
*
|
|
18
|
-
* @see
|
|
19
|
-
* https://system.activecollab.com/?path=/story/foundation-icons-icons--icons
|
|
20
|
-
* @see
|
|
21
|
-
* https://design.activecollab.com/docs/foundations/icons
|
|
22
|
-
*/
|
|
23
|
-
const ThumbsUpOutlineIcon = /*#__PURE__*/React.forwardRef((props, svgRef) => /*#__PURE__*/React.createElement("svg", _extends({
|
|
24
|
-
width: 20,
|
|
25
|
-
height: 19,
|
|
26
|
-
viewBox: "0 0 20 19",
|
|
27
|
-
xmlns: "http://www.w3.org/2000/svg",
|
|
28
|
-
"data-testid": "ThumbsUpOutlineIcon",
|
|
29
|
-
fill: "var(--color-theme-600)",
|
|
30
|
-
focusable: false,
|
|
31
|
-
ref: svgRef
|
|
32
|
-
}, props), /*#__PURE__*/React.createElement("path", {
|
|
33
|
-
d: "M6.232 8.746l3.014-6.782a2.26 2.26 0 012.26 2.261v3.014h4.266a1.507 1.507 0 011.507 1.734l-1.04 6.782a1.507 1.507 0 01-1.507 1.28h-8.5m0-8.289v8.29m0-8.29H3.97a1.507 1.507 0 00-1.507 1.508v5.275a1.507 1.507 0 001.507 1.507h2.26",
|
|
34
|
-
stroke: "#6D6D73",
|
|
35
|
-
strokeWidth: 1.507,
|
|
36
|
-
strokeLinecap: "round",
|
|
37
|
-
strokeLinejoin: "round"
|
|
38
|
-
})));
|
|
39
|
-
ThumbsUpOutlineIcon.displayName = "ThumbsUpOutlineIcon";
|
|
40
|
-
export default ThumbsUpOutlineIcon;
|
|
41
|
-
//# sourceMappingURL=ThumbsUpOutline.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"ThumbsUpOutline.js","names":["React","ThumbsUpOutlineIcon","forwardRef","props","svgRef","createElement","_extends","width","height","viewBox","xmlns","fill","focusable","ref","d","stroke","strokeWidth","strokeLinecap","strokeLinejoin","displayName"],"sources":["../../../../../src/components/Icons/collection/ThumbsUpOutline.tsx"],"sourcesContent":["import React from \"react\";\n\n/**\n * @component ThumbsUpOutlineIcon\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 *\n * @example\n * return (\n * <ThumbsUpOutlineIcon 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 ThumbsUpOutlineIcon = React.forwardRef(\n (props: React.SVGProps<SVGSVGElement>, svgRef?: React.Ref<SVGSVGElement>) => (\n <svg\n width={20}\n height={19}\n viewBox=\"0 0 20 19\"\n xmlns=\"http://www.w3.org/2000/svg\"\n data-testid=\"ThumbsUpOutlineIcon\"\n fill=\"var(--color-theme-600)\"\n focusable={false}\n ref={svgRef}\n {...props}\n >\n <path\n d=\"M6.232 8.746l3.014-6.782a2.26 2.26 0 012.26 2.261v3.014h4.266a1.507 1.507 0 011.507 1.734l-1.04 6.782a1.507 1.507 0 01-1.507 1.28h-8.5m0-8.289v8.29m0-8.29H3.97a1.507 1.507 0 00-1.507 1.508v5.275a1.507 1.507 0 001.507 1.507h2.26\"\n stroke=\"#6D6D73\"\n strokeWidth={1.507}\n strokeLinecap=\"round\"\n strokeLinejoin=\"round\"\n />\n </svg>\n )\n);\nThumbsUpOutlineIcon.displayName = \"ThumbsUpOutlineIcon\";\nexport default ThumbsUpOutlineIcon;\n"],"mappings":";AAAA,OAAOA,KAAK,MAAM,OAAO;;AAEzB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,MAAMC,mBAAmB,gBAAGD,KAAK,CAACE,UAAU,CAC1C,CAACC,KAAoC,EAAEC,MAAiC,kBACtEJ,KAAA,CAAAK,aAAA,QAAAC,QAAA;EACEC,KAAK,EAAE,EAAG;EACVC,MAAM,EAAE,EAAG;EACXC,OAAO,EAAC,WAAW;EACnBC,KAAK,EAAC,4BAA4B;EAClC,eAAY,qBAAqB;EACjCC,IAAI,EAAC,wBAAwB;EAC7BC,SAAS,EAAE,KAAM;EACjBC,GAAG,EAAET;AAAO,GACRD,KAAK,gBAETH,KAAA,CAAAK,aAAA;EACES,CAAC,EAAC,qOAAqO;EACvOC,MAAM,EAAC,SAAS;EAChBC,WAAW,EAAE,KAAM;EACnBC,aAAa,EAAC,OAAO;EACrBC,cAAc,EAAC;AAAO,CACvB,CACE,CAET,CAAC;AACDjB,mBAAmB,CAACkB,WAAW,GAAG,qBAAqB;AACvD,eAAelB,mBAAmB"}
|