@activecollab/components 1.0.124 → 1.0.127
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/Chip/Chip.js +46 -0
- package/dist/cjs/components/Chip/Chip.js.map +1 -0
- package/dist/cjs/components/Chip/Styles.js +99 -0
- package/dist/cjs/components/Chip/Styles.js.map +1 -0
- package/dist/cjs/components/Chip/index.js +19 -0
- package/dist/cjs/components/Chip/index.js.map +1 -0
- package/dist/cjs/components/Input/Input.js +3 -2
- package/dist/cjs/components/Input/Input.js.map +1 -1
- package/dist/cjs/components/Loaders/Spinner/SpinnerLoader.js +22 -17
- package/dist/cjs/components/Loaders/Spinner/SpinnerLoader.js.map +1 -1
- package/dist/cjs/components/Loaders/Spinner/Styles.js +12 -3
- package/dist/cjs/components/Loaders/Spinner/Styles.js.map +1 -1
- package/dist/cjs/components/index.js +13 -0
- package/dist/cjs/components/index.js.map +1 -1
- package/dist/esm/components/Chip/Chip.d.ts +8 -0
- package/dist/esm/components/Chip/Chip.d.ts.map +1 -0
- package/dist/esm/components/Chip/Chip.js +27 -0
- package/dist/esm/components/Chip/Chip.js.map +1 -0
- package/dist/esm/components/Chip/Styles.d.ts +8 -0
- package/dist/esm/components/Chip/Styles.d.ts.map +1 -0
- package/dist/esm/components/Chip/Styles.js +74 -0
- package/dist/esm/components/Chip/Styles.js.map +1 -0
- package/dist/esm/components/Chip/index.d.ts +2 -0
- package/dist/esm/components/Chip/index.d.ts.map +1 -0
- package/dist/esm/components/Chip/index.js +2 -0
- package/dist/esm/components/Chip/index.js.map +1 -0
- package/dist/esm/components/Input/Input.d.ts.map +1 -1
- package/dist/esm/components/Input/Input.js +3 -2
- package/dist/esm/components/Input/Input.js.map +1 -1
- package/dist/esm/components/Loaders/Spinner/SpinnerLoader.d.ts +9 -1
- package/dist/esm/components/Loaders/Spinner/SpinnerLoader.d.ts.map +1 -1
- package/dist/esm/components/Loaders/Spinner/SpinnerLoader.js +22 -14
- package/dist/esm/components/Loaders/Spinner/SpinnerLoader.js.map +1 -1
- package/dist/esm/components/Loaders/Spinner/Styles.d.ts +9 -1
- package/dist/esm/components/Loaders/Spinner/Styles.d.ts.map +1 -1
- package/dist/esm/components/Loaders/Spinner/Styles.js +12 -4
- package/dist/esm/components/Loaders/Spinner/Styles.js.map +1 -1
- package/dist/esm/components/index.d.ts +1 -0
- package/dist/esm/components/index.d.ts.map +1 -1
- package/dist/esm/components/index.js +1 -0
- package/dist/esm/components/index.js.map +1 -1
- package/dist/index.js +258 -149
- 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
|
@@ -33,15 +33,16 @@ export var Input = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
|
|
|
33
33
|
$size: size,
|
|
34
34
|
$invalid: invalid,
|
|
35
35
|
$disabled: disabled,
|
|
36
|
-
className: classnames("c-input", className),
|
|
37
36
|
style: style,
|
|
37
|
+
className: classnames("c-input-wrapper", className),
|
|
38
38
|
onClick: handleWrapperClick,
|
|
39
39
|
ref: ref
|
|
40
40
|
}, startAdornment, /*#__PURE__*/React.createElement(StyledInput, _extends({
|
|
41
41
|
ref: handleRef,
|
|
42
42
|
type: type,
|
|
43
43
|
$size: size,
|
|
44
|
-
disabled: disabled
|
|
44
|
+
disabled: disabled,
|
|
45
|
+
className: "c-input"
|
|
45
46
|
}, rest)), endAdornment);
|
|
46
47
|
});
|
|
47
48
|
Input.displayName = "Input";
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../../src/components/Input/Input.tsx"],"names":["React","useCallback","useRef","classnames","StyledInput","StyledInputWrapper","useForkRef","Input","forwardRef","ref","className","style","type","disabled","size","invalid","startAdornment","endAdornment","inputRef","rest","intInputRef","handleRef","handleWrapperClick","current","focus","displayName"],"mappings":";;;AAAA,OAAOA,KAAP,IAAgCC,WAAhC,EAA6CC,MAA7C,QAA2D,OAA3D;AACA,OAAOC,UAAP,MAAuB,YAAvB;AACA,SAASC,WAAT,EAAsBC,kBAAtB,QAAgD,UAAhD;AACA,OAAOC,UAAP,MAAuB,wBAAvB;AAWA,OAAO,IAAMC,KAAK,gBAAGP,KAAK,CAACQ,UAAN,CAInB,gBAaEC,GAbF,EAcK;AAAA,4BAZDC,SAYC;AAAA,MAZDA,SAYC,+BAZW,EAYX;AAAA,MAXDC,KAWC,QAXDA,KAWC;AAAA,uBAVDC,IAUC;AAAA,MAVDA,IAUC,0BAVM,MAUN;AAAA,2BATDC,QASC;AAAA,MATDA,QASC,8BATU,KASV;AAAA,uBARDC,IAQC;AAAA,MARDA,IAQC,0BARM,SAQN;AAAA,0BAPDC,OAOC;AAAA,MAPDA,OAOC,6BAPS,KAOT;AAAA,MANDC,cAMC,QANDA,cAMC;AAAA,MALDC,YAKC,QALDA,YAKC;AAAA,MAJDC,QAIC,QAJDA,QAIC;AAAA,MAHEC,IAGF;;AACH,MAAMC,WAAW,GAAGlB,MAAM,CAAmB,IAAnB,CAA1B;AACA,MAAMmB,SAAS,GAAGf,UAAU,CAACY,QAAD,EAAWE,WAAX,CAA5B;AAEA,MAAME,kBAAkB,GAAGrB,WAAW,CAAC,YAAM;AAAA;;AAC3C,4BAAAmB,WAAW,CAACG,OAAZ,0CAAqBC,KAArB;AACD,GAFqC,EAEnC,EAFmC,CAAtC;AAIA,sBACE,oBAAC,kBAAD;AACE,IAAA,KAAK,EAAEV,IADT;AAEE,IAAA,QAAQ,EAAEC,OAFZ;AAGE,IAAA,SAAS,EAAEF,QAHb;AAIE,IAAA,
|
|
1
|
+
{"version":3,"sources":["../../../../src/components/Input/Input.tsx"],"names":["React","useCallback","useRef","classnames","StyledInput","StyledInputWrapper","useForkRef","Input","forwardRef","ref","className","style","type","disabled","size","invalid","startAdornment","endAdornment","inputRef","rest","intInputRef","handleRef","handleWrapperClick","current","focus","displayName"],"mappings":";;;AAAA,OAAOA,KAAP,IAAgCC,WAAhC,EAA6CC,MAA7C,QAA2D,OAA3D;AACA,OAAOC,UAAP,MAAuB,YAAvB;AACA,SAASC,WAAT,EAAsBC,kBAAtB,QAAgD,UAAhD;AACA,OAAOC,UAAP,MAAuB,wBAAvB;AAWA,OAAO,IAAMC,KAAK,gBAAGP,KAAK,CAACQ,UAAN,CAInB,gBAaEC,GAbF,EAcK;AAAA,4BAZDC,SAYC;AAAA,MAZDA,SAYC,+BAZW,EAYX;AAAA,MAXDC,KAWC,QAXDA,KAWC;AAAA,uBAVDC,IAUC;AAAA,MAVDA,IAUC,0BAVM,MAUN;AAAA,2BATDC,QASC;AAAA,MATDA,QASC,8BATU,KASV;AAAA,uBARDC,IAQC;AAAA,MARDA,IAQC,0BARM,SAQN;AAAA,0BAPDC,OAOC;AAAA,MAPDA,OAOC,6BAPS,KAOT;AAAA,MANDC,cAMC,QANDA,cAMC;AAAA,MALDC,YAKC,QALDA,YAKC;AAAA,MAJDC,QAIC,QAJDA,QAIC;AAAA,MAHEC,IAGF;;AACH,MAAMC,WAAW,GAAGlB,MAAM,CAAmB,IAAnB,CAA1B;AACA,MAAMmB,SAAS,GAAGf,UAAU,CAACY,QAAD,EAAWE,WAAX,CAA5B;AAEA,MAAME,kBAAkB,GAAGrB,WAAW,CAAC,YAAM;AAAA;;AAC3C,4BAAAmB,WAAW,CAACG,OAAZ,0CAAqBC,KAArB;AACD,GAFqC,EAEnC,EAFmC,CAAtC;AAIA,sBACE,oBAAC,kBAAD;AACE,IAAA,KAAK,EAAEV,IADT;AAEE,IAAA,QAAQ,EAAEC,OAFZ;AAGE,IAAA,SAAS,EAAEF,QAHb;AAIE,IAAA,KAAK,EAAEF,KAJT;AAKE,IAAA,SAAS,EAAER,UAAU,CAAC,iBAAD,EAAoBO,SAApB,CALvB;AAME,IAAA,OAAO,EAAEY,kBANX;AAOE,IAAA,GAAG,EAAEb;AAPP,KASGO,cATH,eAUE,oBAAC,WAAD;AACE,IAAA,GAAG,EAAEK,SADP;AAEE,IAAA,IAAI,EAAET,IAFR;AAGE,IAAA,KAAK,EAAEE,IAHT;AAIE,IAAA,QAAQ,EAAED,QAJZ;AAKE,IAAA,SAAS,EAAC;AALZ,KAMMM,IANN,EAVF,EAkBGF,YAlBH,CADF;AAsBD,CAhDkB,CAAd;AAmDPV,KAAK,CAACkB,WAAN,GAAoB,OAApB","sourcesContent":["import React, { ReactNode, Ref, useCallback, useRef } from \"react\";\nimport classnames from \"classnames\";\nimport { StyledInput, StyledInputWrapper } from \"./Styles\";\nimport useForkRef from \"../../utils/useForkRef\";\nimport { InputSize } from \"./types\";\nexport interface InputProps {\n /** Velicina inputa koja definse font-size i border radius */\n size?: InputSize;\n invalid?: boolean;\n startAdornment?: ReactNode;\n endAdornment?: ReactNode;\n inputRef?: Ref<HTMLInputElement>;\n}\n\nexport const Input = React.forwardRef<\n HTMLDivElement,\n InputProps & Omit<React.ComponentPropsWithoutRef<\"input\">, keyof InputProps>\n>(\n (\n {\n className = \"\",\n style,\n type = \"text\",\n disabled = false,\n size = \"regular\",\n invalid = false,\n startAdornment,\n endAdornment,\n inputRef,\n ...rest\n },\n ref\n ) => {\n const intInputRef = useRef<HTMLInputElement>(null);\n const handleRef = useForkRef(inputRef, intInputRef);\n\n const handleWrapperClick = useCallback(() => {\n intInputRef.current?.focus();\n }, []);\n\n return (\n <StyledInputWrapper\n $size={size}\n $invalid={invalid}\n $disabled={disabled}\n style={style}\n className={classnames(\"c-input-wrapper\", className)}\n onClick={handleWrapperClick}\n ref={ref}\n >\n {startAdornment}\n <StyledInput\n ref={handleRef}\n type={type}\n $size={size}\n disabled={disabled}\n className=\"c-input\"\n {...rest}\n />\n {endAdornment}\n </StyledInputWrapper>\n );\n }\n);\n\nInput.displayName = \"Input\";\n"],"file":"Input.js"}
|
|
@@ -1,3 +1,11 @@
|
|
|
1
1
|
import React from "react";
|
|
2
|
-
export
|
|
2
|
+
export interface SpinnerLoaderProps {
|
|
3
|
+
radius?: number;
|
|
4
|
+
strokeWidth?: number;
|
|
5
|
+
activeStrokeColor?: string;
|
|
6
|
+
activeColorPercentage?: "25%" | "50%" | "75%";
|
|
7
|
+
inactiveStrokeColor?: string;
|
|
8
|
+
rotateDurationInSeconds?: number;
|
|
9
|
+
}
|
|
10
|
+
export declare const SpinnerLoader: React.ForwardRefExoticComponent<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof React.HTMLAttributes<HTMLDivElement>> & SpinnerLoaderProps & React.RefAttributes<HTMLDivElement>>;
|
|
3
11
|
//# sourceMappingURL=SpinnerLoader.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SpinnerLoader.d.ts","sourceRoot":"","sources":["../../../../../src/components/Loaders/Spinner/SpinnerLoader.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"SpinnerLoader.d.ts","sourceRoot":"","sources":["../../../../../src/components/Loaders/Spinner/SpinnerLoader.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAG1C,MAAM,WAAW,kBAAkB;IAEjC,MAAM,CAAC,EAAE,MAAM,CAAC;IAEhB,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAE3B,qBAAqB,CAAC,EAAE,KAAK,GAAG,KAAK,GAAG,KAAK,CAAC;IAE9C,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAE7B,uBAAuB,CAAC,EAAE,MAAM,CAAC;CAClC;AAED,eAAO,MAAM,aAAa,qOA+BzB,CAAC"}
|
|
@@ -1,26 +1,34 @@
|
|
|
1
1
|
import _extends from "@babel/runtime/helpers/esm/extends";
|
|
2
2
|
import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
|
|
3
|
-
var _excluded = ["className"];
|
|
3
|
+
var _excluded = ["radius", "strokeWidth", "activeStrokeColor", "inactiveStrokeColor", "activeColorPercentage", "rotateDurationInSeconds", "className"];
|
|
4
4
|
import React, { forwardRef } from "react";
|
|
5
|
-
import classNames from "classnames";
|
|
6
5
|
import { StyledSpinnerLoader } from "./Styles";
|
|
7
6
|
export var SpinnerLoader = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
8
|
-
var
|
|
7
|
+
var _ref$radius = _ref.radius,
|
|
8
|
+
radius = _ref$radius === void 0 ? 20 : _ref$radius,
|
|
9
|
+
_ref$strokeWidth = _ref.strokeWidth,
|
|
10
|
+
strokeWidth = _ref$strokeWidth === void 0 ? 2 : _ref$strokeWidth,
|
|
11
|
+
_ref$activeStrokeColo = _ref.activeStrokeColor,
|
|
12
|
+
activeStrokeColor = _ref$activeStrokeColo === void 0 ? "var(--color-primary)" : _ref$activeStrokeColo,
|
|
13
|
+
_ref$inactiveStrokeCo = _ref.inactiveStrokeColor,
|
|
14
|
+
inactiveStrokeColor = _ref$inactiveStrokeCo === void 0 ? "var(--color-theme-300)" : _ref$inactiveStrokeCo,
|
|
15
|
+
_ref$activeColorPerce = _ref.activeColorPercentage,
|
|
16
|
+
activeColorPercentage = _ref$activeColorPerce === void 0 ? "25%" : _ref$activeColorPerce,
|
|
17
|
+
_ref$rotateDurationIn = _ref.rotateDurationInSeconds,
|
|
18
|
+
rotateDurationInSeconds = _ref$rotateDurationIn === void 0 ? 0.75 : _ref$rotateDurationIn,
|
|
19
|
+
className = _ref.className,
|
|
9
20
|
rest = _objectWithoutPropertiesLoose(_ref, _excluded);
|
|
10
21
|
|
|
11
22
|
return /*#__PURE__*/React.createElement(StyledSpinnerLoader, _extends({
|
|
12
23
|
ref: ref,
|
|
13
|
-
className:
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
strokeWidth: "4",
|
|
22
|
-
strokeMiterlimit: "10"
|
|
23
|
-
})));
|
|
24
|
+
className: className,
|
|
25
|
+
$radius: radius,
|
|
26
|
+
$strokeWidth: strokeWidth,
|
|
27
|
+
$activeStrokeColor: activeStrokeColor,
|
|
28
|
+
$inactiveStrokeColor: inactiveStrokeColor,
|
|
29
|
+
$activeColorPercentage: activeColorPercentage,
|
|
30
|
+
$rotateDurationInSeconds: rotateDurationInSeconds
|
|
31
|
+
}, rest));
|
|
24
32
|
});
|
|
25
33
|
SpinnerLoader.displayName = "SpinnerLoader";
|
|
26
34
|
//# sourceMappingURL=SpinnerLoader.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../../../src/components/Loaders/Spinner/SpinnerLoader.tsx"],"names":["React","forwardRef","
|
|
1
|
+
{"version":3,"sources":["../../../../../src/components/Loaders/Spinner/SpinnerLoader.tsx"],"names":["React","forwardRef","StyledSpinnerLoader","SpinnerLoader","ref","radius","strokeWidth","activeStrokeColor","inactiveStrokeColor","activeColorPercentage","rotateDurationInSeconds","className","rest","displayName"],"mappings":";;;AAAA,OAAOA,KAAP,IAAgBC,UAAhB,QAAkC,OAAlC;AACA,SAASC,mBAAT,QAAoC,UAApC;AAiBA,OAAO,IAAMC,aAAa,gBAAGF,UAAU,CAIrC,gBAWEG,GAXF,EAYK;AAAA,yBAVDC,MAUC;AAAA,MAVDA,MAUC,4BAVQ,EAUR;AAAA,8BATDC,WASC;AAAA,MATDA,WASC,iCATa,CASb;AAAA,mCARDC,iBAQC;AAAA,MARDA,iBAQC,sCARmB,sBAQnB;AAAA,mCAPDC,mBAOC;AAAA,MAPDA,mBAOC,sCAPqB,wBAOrB;AAAA,mCANDC,qBAMC;AAAA,MANDA,qBAMC,sCANuB,KAMvB;AAAA,mCALDC,uBAKC;AAAA,MALDA,uBAKC,sCALyB,IAKzB;AAAA,MAJDC,SAIC,QAJDA,SAIC;AAAA,MAHEC,IAGF;;AACH,sBACE,oBAAC,mBAAD;AACE,IAAA,GAAG,EAAER,GADP;AAEE,IAAA,SAAS,EAAEO,SAFb;AAGE,IAAA,OAAO,EAAEN,MAHX;AAIE,IAAA,YAAY,EAAEC,WAJhB;AAKE,IAAA,kBAAkB,EAAEC,iBALtB;AAME,IAAA,oBAAoB,EAAEC,mBANxB;AAOE,IAAA,sBAAsB,EAAEC,qBAP1B;AAQE,IAAA,wBAAwB,EAAEC;AAR5B,KASME,IATN,EADF;AAaD,CA9BoC,CAAhC;AAiCPT,aAAa,CAACU,WAAd,GAA4B,eAA5B","sourcesContent":["import React, { forwardRef } from \"react\";\nimport { StyledSpinnerLoader } from \"./Styles\";\n\nexport interface SpinnerLoaderProps {\n /** Loader circumference size */\n radius?: number;\n /** Stroke width of the loader */\n strokeWidth?: number;\n /** Active color of spinning loader */\n activeStrokeColor?: string;\n /** Percentage of the circle which the active color takes */\n activeColorPercentage?: \"25%\" | \"50%\" | \"75%\";\n /** Inactive color of spinning loader */\n inactiveStrokeColor?: string;\n /** Rotate speed of animation in seconds */\n rotateDurationInSeconds?: number;\n}\n\nexport const SpinnerLoader = forwardRef<\n HTMLDivElement,\n React.ComponentPropsWithoutRef<\"div\"> & SpinnerLoaderProps\n>(\n (\n {\n radius = 20,\n strokeWidth = 2,\n activeStrokeColor = \"var(--color-primary)\",\n inactiveStrokeColor = \"var(--color-theme-300)\",\n activeColorPercentage = \"25%\",\n rotateDurationInSeconds = 0.75,\n className,\n ...rest\n },\n ref\n ) => {\n return (\n <StyledSpinnerLoader\n ref={ref}\n className={className}\n $radius={radius}\n $strokeWidth={strokeWidth}\n $activeStrokeColor={activeStrokeColor}\n $inactiveStrokeColor={inactiveStrokeColor}\n $activeColorPercentage={activeColorPercentage}\n $rotateDurationInSeconds={rotateDurationInSeconds}\n {...rest}\n />\n );\n }\n);\n\nSpinnerLoader.displayName = \"SpinnerLoader\";\n"],"file":"SpinnerLoader.js"}
|
|
@@ -1,2 +1,10 @@
|
|
|
1
|
-
export
|
|
1
|
+
export interface StyledSpinnerLoaderProps {
|
|
2
|
+
$radius: number;
|
|
3
|
+
$strokeWidth: number;
|
|
4
|
+
$activeStrokeColor: string;
|
|
5
|
+
$inactiveStrokeColor: string;
|
|
6
|
+
$activeColorPercentage: "25%" | "50%" | "75%";
|
|
7
|
+
$rotateDurationInSeconds: number;
|
|
8
|
+
}
|
|
9
|
+
export declare const StyledSpinnerLoader: import("styled-components").StyledComponent<"div", any, StyledSpinnerLoaderProps, never>;
|
|
2
10
|
//# sourceMappingURL=Styles.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Styles.d.ts","sourceRoot":"","sources":["../../../../../src/components/Loaders/Spinner/Styles.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"Styles.d.ts","sourceRoot":"","sources":["../../../../../src/components/Loaders/Spinner/Styles.ts"],"names":[],"mappings":"AAQA,MAAM,WAAW,wBAAwB;IACvC,OAAO,EAAE,MAAM,CAAC;IAChB,YAAY,EAAE,MAAM,CAAC;IACrB,kBAAkB,EAAE,MAAM,CAAC;IAC3B,oBAAoB,EAAE,MAAM,CAAC;IAC7B,sBAAsB,EAAE,KAAK,GAAG,KAAK,GAAG,KAAK,CAAC;IAC9C,wBAAwB,EAAE,MAAM,CAAC;CAClC;AAED,eAAO,MAAM,mBAAmB,0FAqC/B,CAAC"}
|
|
@@ -1,8 +1,16 @@
|
|
|
1
|
-
import styled, { keyframes } from "styled-components";
|
|
2
|
-
|
|
3
|
-
var
|
|
1
|
+
import styled, { css, keyframes } from "styled-components";
|
|
2
|
+
import { BoxSizingStyle } from "../../BoxSizingStyle";
|
|
3
|
+
var rotateAnimation = keyframes(["from{transform:rotate(0deg);}to{transform:rotate(359deg);}"]);
|
|
4
4
|
export var StyledSpinnerLoader = styled.div.withConfig({
|
|
5
5
|
displayName: "Styles__StyledSpinnerLoader",
|
|
6
6
|
componentId: "sc-1ht53g9-0"
|
|
7
|
-
})(["
|
|
7
|
+
})(["", " border-radius:100%;", " ", " ", " ", ""], BoxSizingStyle, function (props) {
|
|
8
|
+
return css(["width:", "px;height:", "px;animation:", " ", "s infinite linear;"], props.$radius, props.$radius, rotateAnimation, props.$rotateDurationInSeconds);
|
|
9
|
+
}, function (props) {
|
|
10
|
+
return props.$activeColorPercentage === "25%" && css(["border-right:", "px solid ", ";border-bottom:", "px solid ", ";border-left:", "px solid ", ";border-top:", "px solid ", ";"], props.$strokeWidth, props.$inactiveStrokeColor, props.$strokeWidth, props.$inactiveStrokeColor, props.$strokeWidth, props.$inactiveStrokeColor, props.$strokeWidth, props.$activeStrokeColor);
|
|
11
|
+
}, function (props) {
|
|
12
|
+
return props.$activeColorPercentage === "50%" && css(["border-right:", "px solid ", ";border-bottom:", "px solid ", ";border-left:", "px solid ", ";border-top:", "px solid ", ";"], props.$strokeWidth, props.$activeStrokeColor, props.$strokeWidth, props.$inactiveStrokeColor, props.$strokeWidth, props.$inactiveStrokeColor, props.$strokeWidth, props.$activeStrokeColor);
|
|
13
|
+
}, function (props) {
|
|
14
|
+
return props.$activeColorPercentage === "75%" && css(["border-right:", "px solid ", ";border-bottom:", "px solid ", ";border-left:", "px solid ", ";border-top:", "px solid ", ";"], props.$strokeWidth, props.$activeStrokeColor, props.$strokeWidth, props.$activeStrokeColor, props.$strokeWidth, props.$inactiveStrokeColor, props.$strokeWidth, props.$activeStrokeColor);
|
|
15
|
+
});
|
|
8
16
|
//# sourceMappingURL=Styles.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../../../src/components/Loaders/Spinner/Styles.ts"],"names":["styled","keyframes","
|
|
1
|
+
{"version":3,"sources":["../../../../../src/components/Loaders/Spinner/Styles.ts"],"names":["styled","css","keyframes","BoxSizingStyle","rotateAnimation","StyledSpinnerLoader","div","props","$radius","$rotateDurationInSeconds","$activeColorPercentage","$strokeWidth","$inactiveStrokeColor","$activeStrokeColor"],"mappings":"AAAA,OAAOA,MAAP,IAAiBC,GAAjB,EAAsBC,SAAtB,QAAuC,mBAAvC;AACA,SAASC,cAAT,QAA+B,sBAA/B;AAEA,IAAMC,eAAe,GAAGF,SAAH,gEAArB;AAcA,OAAO,IAAMG,mBAAmB,GAAGL,MAAM,CAACM,GAAV;AAAA;AAAA;AAAA,oDAC5BH,cAD4B,EAG5B,UAACI,KAAD;AAAA,SACAN,GADA,uEAEWM,KAAK,CAACC,OAFjB,EAGYD,KAAK,CAACC,OAHlB,EAIeJ,eAJf,EAIkCG,KAAK,CAACE,wBAJxC;AAAA,CAH4B,EAW5B,UAACF,KAAD;AAAA,SACAA,KAAK,CAACG,sBAAN,KAAiC,KAAjC,IACAT,GADA,iIAEkBM,KAAK,CAACI,YAFxB,EAEgDJ,KAAK,CAACK,oBAFtD,EAGmBL,KAAK,CAACI,YAHzB,EAGiDJ,KAAK,CAACK,oBAHvD,EAIiBL,KAAK,CAACI,YAJvB,EAI+CJ,KAAK,CAACK,oBAJrD,EAKgBL,KAAK,CAACI,YALtB,EAK8CJ,KAAK,CAACM,kBALpD,CADA;AAAA,CAX4B,EAoB5B,UAACN,KAAD;AAAA,SACAA,KAAK,CAACG,sBAAN,KAAiC,KAAjC,IACAT,GADA,iIAEkBM,KAAK,CAACI,YAFxB,EAEgDJ,KAAK,CAACM,kBAFtD,EAGmBN,KAAK,CAACI,YAHzB,EAGiDJ,KAAK,CAACK,oBAHvD,EAIiBL,KAAK,CAACI,YAJvB,EAI+CJ,KAAK,CAACK,oBAJrD,EAKgBL,KAAK,CAACI,YALtB,EAK8CJ,KAAK,CAACM,kBALpD,CADA;AAAA,CApB4B,EA6B1B,UAACN,KAAD;AAAA,SACFA,KAAK,CAACG,sBAAN,KAAiC,KAAjC,IACAT,GADA,iIAEkBM,KAAK,CAACI,YAFxB,EAEgDJ,KAAK,CAACM,kBAFtD,EAGmBN,KAAK,CAACI,YAHzB,EAGiDJ,KAAK,CAACM,kBAHvD,EAIiBN,KAAK,CAACI,YAJvB,EAI+CJ,KAAK,CAACK,oBAJrD,EAKgBL,KAAK,CAACI,YALtB,EAK8CJ,KAAK,CAACM,kBALpD,CADE;AAAA,CA7B0B,CAAzB","sourcesContent":["import styled, { css, keyframes } from \"styled-components\";\nimport { BoxSizingStyle } from \"../../BoxSizingStyle\";\n\nconst rotateAnimation = keyframes`\n from { transform: rotate(0deg); }\n to { transform: rotate(359deg); }\n`;\n\nexport interface StyledSpinnerLoaderProps {\n $radius: number;\n $strokeWidth: number;\n $activeStrokeColor: string;\n $inactiveStrokeColor: string;\n $activeColorPercentage: \"25%\" | \"50%\" | \"75%\";\n $rotateDurationInSeconds: number;\n}\n\nexport const StyledSpinnerLoader = styled.div<StyledSpinnerLoaderProps>`\n ${BoxSizingStyle}\n border-radius: 100%;\n ${(props) =>\n css`\n width: ${props.$radius}px;\n height: ${props.$radius}px;\n animation: ${rotateAnimation} ${props.$rotateDurationInSeconds}s infinite\n linear;\n `}\n\n ${(props) =>\n props.$activeColorPercentage === \"25%\" &&\n css`\n border-right: ${props.$strokeWidth}px solid ${props.$inactiveStrokeColor};\n border-bottom: ${props.$strokeWidth}px solid ${props.$inactiveStrokeColor};\n border-left: ${props.$strokeWidth}px solid ${props.$inactiveStrokeColor};\n border-top: ${props.$strokeWidth}px solid ${props.$activeStrokeColor};\n `}\n\n ${(props) =>\n props.$activeColorPercentage === \"50%\" &&\n css`\n border-right: ${props.$strokeWidth}px solid ${props.$activeStrokeColor};\n border-bottom: ${props.$strokeWidth}px solid ${props.$inactiveStrokeColor};\n border-left: ${props.$strokeWidth}px solid ${props.$inactiveStrokeColor};\n border-top: ${props.$strokeWidth}px solid ${props.$activeStrokeColor};\n `}\n\n ${(props) =>\n props.$activeColorPercentage === \"75%\" &&\n css`\n border-right: ${props.$strokeWidth}px solid ${props.$activeStrokeColor};\n border-bottom: ${props.$strokeWidth}px solid ${props.$activeStrokeColor};\n border-left: ${props.$strokeWidth}px solid ${props.$inactiveStrokeColor};\n border-top: ${props.$strokeWidth}px solid ${props.$activeStrokeColor};\n `}\n`;\n"],"file":"Styles.js"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAC;AACzB,cAAc,eAAe,CAAC;AAC9B,cAAc,eAAe,CAAC;AAC9B,cAAc,iBAAiB,CAAC;AAChC,cAAc,YAAY,CAAC;AAC3B,cAAc,UAAU,CAAC;AACzB,cAAc,oBAAoB,CAAC;AACnC,cAAc,SAAS,CAAC;AACxB,cAAc,YAAY,CAAC;AAC3B,cAAc,QAAQ,CAAC;AACvB,cAAc,cAAc,CAAC;AAC7B,cAAc,aAAa,CAAC;AAC5B,cAAc,UAAU,CAAC;AACzB,cAAc,OAAO,CAAC;AACtB,cAAc,WAAW,CAAC;AAC1B,cAAc,OAAO,CAAC;AACtB,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,QAAQ,CAAC;AACvB,cAAc,aAAa,CAAC;AAC5B,cAAc,WAAW,CAAC;AAC1B,cAAc,cAAc,CAAC;AAC7B,cAAc,QAAQ,CAAC;AACvB,cAAc,gBAAgB,CAAC;AAC/B,cAAc,eAAe,CAAC;AAC9B,cAAc,eAAe,CAAC;AAC9B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,SAAS,CAAC;AACxB,cAAc,YAAY,CAAC;AAC3B,cAAc,SAAS,CAAC;AACxB,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,sBAAsB,CAAC;AACrC,cAAc,WAAW,CAAC;AAC1B,cAAc,aAAa,CAAC;AAC5B,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,cAAc,CAAC;AAC7B,cAAc,UAAU,CAAC;AACzB,cAAc,gBAAgB,CAAC;AAC/B,cAAc,WAAW,CAAC;AAC1B,cAAc,eAAe,CAAC;AAC9B,cAAc,WAAW,CAAC;AAC1B,cAAc,UAAU,CAAC;AACzB,cAAc,eAAe,CAAC;AAC9B,cAAc,UAAU,CAAC;AACzB,cAAc,iBAAiB,CAAC;AAChC,cAAc,UAAU,CAAC;AACzB,cAAc,iBAAiB,CAAC;AAChC,cAAc,YAAY,CAAC;AAC3B,cAAc,UAAU,CAAC;AACzB,cAAc,cAAc,CAAC;AAC7B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,YAAY,CAAC;AAC3B,cAAc,eAAe,CAAC;AAC9B,cAAc,aAAa,CAAC;AAC5B,cAAc,SAAS,CAAC;AACxB,cAAc,eAAe,CAAC;AAC9B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,UAAU,CAAC"}
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAC;AACzB,cAAc,eAAe,CAAC;AAC9B,cAAc,eAAe,CAAC;AAC9B,cAAc,iBAAiB,CAAC;AAChC,cAAc,YAAY,CAAC;AAC3B,cAAc,UAAU,CAAC;AACzB,cAAc,oBAAoB,CAAC;AACnC,cAAc,SAAS,CAAC;AACxB,cAAc,YAAY,CAAC;AAC3B,cAAc,QAAQ,CAAC;AACvB,cAAc,cAAc,CAAC;AAC7B,cAAc,aAAa,CAAC;AAC5B,cAAc,UAAU,CAAC;AACzB,cAAc,OAAO,CAAC;AACtB,cAAc,WAAW,CAAC;AAC1B,cAAc,OAAO,CAAC;AACtB,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,QAAQ,CAAC;AACvB,cAAc,aAAa,CAAC;AAC5B,cAAc,WAAW,CAAC;AAC1B,cAAc,cAAc,CAAC;AAC7B,cAAc,QAAQ,CAAC;AACvB,cAAc,gBAAgB,CAAC;AAC/B,cAAc,eAAe,CAAC;AAC9B,cAAc,eAAe,CAAC;AAC9B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,SAAS,CAAC;AACxB,cAAc,YAAY,CAAC;AAC3B,cAAc,SAAS,CAAC;AACxB,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,sBAAsB,CAAC;AACrC,cAAc,WAAW,CAAC;AAC1B,cAAc,aAAa,CAAC;AAC5B,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,cAAc,CAAC;AAC7B,cAAc,UAAU,CAAC;AACzB,cAAc,gBAAgB,CAAC;AAC/B,cAAc,WAAW,CAAC;AAC1B,cAAc,eAAe,CAAC;AAC9B,cAAc,WAAW,CAAC;AAC1B,cAAc,UAAU,CAAC;AACzB,cAAc,eAAe,CAAC;AAC9B,cAAc,UAAU,CAAC;AACzB,cAAc,iBAAiB,CAAC;AAChC,cAAc,UAAU,CAAC;AACzB,cAAc,iBAAiB,CAAC;AAChC,cAAc,YAAY,CAAC;AAC3B,cAAc,UAAU,CAAC;AACzB,cAAc,cAAc,CAAC;AAC7B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,YAAY,CAAC;AAC3B,cAAc,eAAe,CAAC;AAC9B,cAAc,aAAa,CAAC;AAC5B,cAAc,SAAS,CAAC;AACxB,cAAc,eAAe,CAAC;AAC9B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAd;AACA,cAAc,eAAd;AACA,cAAc,eAAd;AACA,cAAc,iBAAd;AACA,cAAc,YAAd;AACA,cAAc,UAAd;AACA,cAAc,oBAAd;AACA,cAAc,SAAd;AACA,cAAc,YAAd;AACA,cAAc,QAAd;AACA,cAAc,cAAd;AACA,cAAc,aAAd;AACA,cAAc,UAAd;AACA,cAAc,OAAd;AACA,cAAc,WAAd;AACA,cAAc,OAAd;AACA,cAAc,UAAd;AACA,cAAc,SAAd;AACA,cAAc,QAAd;AACA,cAAc,aAAd;AACA,cAAc,WAAd;AACA,cAAc,cAAd;AACA,cAAc,QAAd;AACA,cAAc,gBAAd;AACA,cAAc,eAAd;AACA,cAAc,eAAd;AACA,cAAc,gBAAd;AACA,cAAc,SAAd;AACA,cAAc,YAAd;AACA,cAAc,SAAd;AACA,cAAc,SAAd;AACA,cAAc,UAAd;AACA,cAAc,sBAAd;AACA,cAAc,WAAd;AACA,cAAc,aAAd;AACA,cAAc,UAAd;AACA,cAAc,SAAd;AACA,cAAc,cAAd;AACA,cAAc,UAAd;AACA,cAAc,gBAAd;AACA,cAAc,WAAd;AACA,cAAc,eAAd;AACA,cAAc,WAAd;AACA,cAAc,UAAd;AACA,cAAc,eAAd;AACA,cAAc,UAAd;AACA,cAAc,iBAAd;AACA,cAAc,UAAd;AACA,cAAc,iBAAd;AACA,cAAc,YAAd;AACA,cAAc,UAAd;AACA,cAAc,cAAd;AACA,cAAc,gBAAd;AACA,cAAc,YAAd;AACA,cAAc,eAAd;AACA,cAAc,aAAd;AACA,cAAc,SAAd;AACA,cAAc,eAAd;AACA,cAAc,gBAAd;AACA,cAAc,UAAd","sourcesContent":["export * from \"./Button\";\nexport * from \"./ButtonGroup\";\nexport * from \"./Breadcrumbs\";\nexport * from \"./CounterButton\";\nexport * from \"./Steppers\";\nexport * from \"./Tables\";\nexport * from \"./CompleteCheckbox\";\nexport * from \"./Paper\";\nexport * from \"./ScaleBar\";\nexport * from \"./Card\";\nexport * from \"./EntityCard\";\nexport * from \"./Signifier\";\nexport * from \"./Avatar\";\nexport * from \"./Tag\";\nexport * from \"./Loaders\";\nexport * from \"./Nav\";\nexport * from \"./Bubble\";\nexport * from \"./Input\";\nexport * from \"./Menu\";\nexport * from \"./Expanders\";\nexport * from \"./Pickers\";\nexport * from \"./DatePicker\";\nexport * from \"./List\";\nexport * from \"./MenuSelector\";\nexport * from \"./MultiAvatar\";\nexport * from \"./RadioButton\";\nexport * from \"./ScrollShadow\";\nexport * from \"./Icons\";\nexport * from \"./Textarea\";\nexport * from \"./Modal\";\nexport * from \"./Sheet\";\nexport * from \"./Header\";\nexport * from \"./AutoResizeTextarea\";\nexport * from \"./Overlay\";\nexport * from \"./Accordion\";\nexport * from \"./Choose\";\nexport * from \"./Links\";\nexport * from \"./SelectDate\";\nexport * from \"./Popper\";\nexport * from \"./ToastMessage\";\nexport * from \"./Tooltip\";\nexport * from \"./Transitions\";\nexport * from \"./Pressed\";\nexport * from \"./Window\";\nexport * from \"./ValueButton\";\nexport * from \"./Select\";\nexport * from \"./SelectTrigger\";\nexport * from \"./Dialog\";\nexport * from \"./ConfirmDialog\";\nexport * from \"./Checkbox\";\nexport * from \"./Toggle\";\nexport * from \"./Typography\";\nexport * from \"./Autocomplete\";\nexport * from \"./ComboBox\";\nexport * from \"./ProgressBar\";\nexport * from \"./Reactions\";\nexport * from \"./Label\";\nexport * from \"./GlobalStyle\";\nexport * from \"./ProgressRing\";\nexport * from \"./Folder\";\n"],"file":"index.js"}
|
|
1
|
+
{"version":3,"sources":["../../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAd;AACA,cAAc,eAAd;AACA,cAAc,eAAd;AACA,cAAc,iBAAd;AACA,cAAc,YAAd;AACA,cAAc,UAAd;AACA,cAAc,oBAAd;AACA,cAAc,SAAd;AACA,cAAc,YAAd;AACA,cAAc,QAAd;AACA,cAAc,cAAd;AACA,cAAc,aAAd;AACA,cAAc,UAAd;AACA,cAAc,OAAd;AACA,cAAc,WAAd;AACA,cAAc,OAAd;AACA,cAAc,UAAd;AACA,cAAc,SAAd;AACA,cAAc,QAAd;AACA,cAAc,aAAd;AACA,cAAc,WAAd;AACA,cAAc,cAAd;AACA,cAAc,QAAd;AACA,cAAc,gBAAd;AACA,cAAc,eAAd;AACA,cAAc,eAAd;AACA,cAAc,gBAAd;AACA,cAAc,SAAd;AACA,cAAc,YAAd;AACA,cAAc,SAAd;AACA,cAAc,SAAd;AACA,cAAc,UAAd;AACA,cAAc,sBAAd;AACA,cAAc,WAAd;AACA,cAAc,aAAd;AACA,cAAc,UAAd;AACA,cAAc,SAAd;AACA,cAAc,cAAd;AACA,cAAc,UAAd;AACA,cAAc,gBAAd;AACA,cAAc,WAAd;AACA,cAAc,eAAd;AACA,cAAc,WAAd;AACA,cAAc,UAAd;AACA,cAAc,eAAd;AACA,cAAc,UAAd;AACA,cAAc,iBAAd;AACA,cAAc,UAAd;AACA,cAAc,iBAAd;AACA,cAAc,YAAd;AACA,cAAc,UAAd;AACA,cAAc,cAAd;AACA,cAAc,gBAAd;AACA,cAAc,YAAd;AACA,cAAc,eAAd;AACA,cAAc,aAAd;AACA,cAAc,SAAd;AACA,cAAc,eAAd;AACA,cAAc,gBAAd;AACA,cAAc,UAAd;AACA,cAAc,QAAd","sourcesContent":["export * from \"./Button\";\nexport * from \"./ButtonGroup\";\nexport * from \"./Breadcrumbs\";\nexport * from \"./CounterButton\";\nexport * from \"./Steppers\";\nexport * from \"./Tables\";\nexport * from \"./CompleteCheckbox\";\nexport * from \"./Paper\";\nexport * from \"./ScaleBar\";\nexport * from \"./Card\";\nexport * from \"./EntityCard\";\nexport * from \"./Signifier\";\nexport * from \"./Avatar\";\nexport * from \"./Tag\";\nexport * from \"./Loaders\";\nexport * from \"./Nav\";\nexport * from \"./Bubble\";\nexport * from \"./Input\";\nexport * from \"./Menu\";\nexport * from \"./Expanders\";\nexport * from \"./Pickers\";\nexport * from \"./DatePicker\";\nexport * from \"./List\";\nexport * from \"./MenuSelector\";\nexport * from \"./MultiAvatar\";\nexport * from \"./RadioButton\";\nexport * from \"./ScrollShadow\";\nexport * from \"./Icons\";\nexport * from \"./Textarea\";\nexport * from \"./Modal\";\nexport * from \"./Sheet\";\nexport * from \"./Header\";\nexport * from \"./AutoResizeTextarea\";\nexport * from \"./Overlay\";\nexport * from \"./Accordion\";\nexport * from \"./Choose\";\nexport * from \"./Links\";\nexport * from \"./SelectDate\";\nexport * from \"./Popper\";\nexport * from \"./ToastMessage\";\nexport * from \"./Tooltip\";\nexport * from \"./Transitions\";\nexport * from \"./Pressed\";\nexport * from \"./Window\";\nexport * from \"./ValueButton\";\nexport * from \"./Select\";\nexport * from \"./SelectTrigger\";\nexport * from \"./Dialog\";\nexport * from \"./ConfirmDialog\";\nexport * from \"./Checkbox\";\nexport * from \"./Toggle\";\nexport * from \"./Typography\";\nexport * from \"./Autocomplete\";\nexport * from \"./ComboBox\";\nexport * from \"./ProgressBar\";\nexport * from \"./Reactions\";\nexport * from \"./Label\";\nexport * from \"./GlobalStyle\";\nexport * from \"./ProgressRing\";\nexport * from \"./Folder\";\nexport * from \"./Chip\";\n"],"file":"index.js"}
|