@cgi-learning-hub/ui 0.0.1-dev.1712582510 → 0.0.1-dev.1712750342
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/assets/index.css +1 -1
- package/dist/assets/styles.css +1 -0
- package/dist/components/LoaderBackdrop/LoaderBackdrop.cjs.js +1 -1
- package/dist/components/LoaderBackdrop/LoaderBackdrop.es.js +8 -9
- package/dist/components/inputs/PasswordInput/PasswordInput.cjs.js +1 -1
- package/dist/components/inputs/PasswordInput/PasswordInput.es.js +11 -10
- package/package.json +1 -1
package/dist/assets/index.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
body{margin:0;padding:0;background:#
|
|
1
|
+
body{margin:0;padding:0;background:#fff}.cs-loader{position:absolute;top:0;left:0;height:100%;width:100%}.cs-loader-inner{transform:translateY(-50%);top:50%;position:absolute;width:calc(100% - 200px);color:#00b8de;padding:0 100px;text-align:center}.cs-loader-inner label{font-size:20px;opacity:0;display:inline-block}@keyframes lol{0%{opacity:0;transform:translate(-300px)}33%{opacity:1;transform:translate(0)}66%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(300px)}}.cs-loader-inner label:nth-child(4){animation:lol 3s .2s infinite ease-in-out}.cs-loader-inner label:nth-child(3){animation:lol 3s .3s infinite ease-in-out}.cs-loader-inner label:nth-child(2){animation:lol 3s .4s infinite ease-in-out}.cs-loader-inner label:nth-child(1){animation:lol 3s .5s infinite ease-in-out}*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }.flex{display:flex}.table{display:table}.w-full{width:100%}.border{border-width:1px}.text-start{text-align:start}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
body{margin:0;padding:0;background:#fff}.cs-loader{position:absolute;top:0;left:0;height:100%;width:100%}.cs-loader-inner{transform:translateY(-50%);top:50%;position:absolute;width:calc(100% - 200px);color:#00b8de;padding:0 100px;text-align:center}.cs-loader-inner label{font-size:20px;opacity:0;display:inline-block}@keyframes lol{0%{opacity:0;transform:translate(-300px)}33%{opacity:1;transform:translate(0)}66%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(300px)}}.cs-loader-inner label:nth-child(4){animation:lol 3s .2s infinite ease-in-out}.cs-loader-inner label:nth-child(3){animation:lol 3s .3s infinite ease-in-out}.cs-loader-inner label:nth-child(2){animation:lol 3s .4s infinite ease-in-out}.cs-loader-inner label:nth-child(1){animation:lol 3s .5s infinite ease-in-out}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";const e=require("react/jsx-runtime")
|
|
1
|
+
"use strict";const e=require("react/jsx-runtime");;/* empty css */const r=({})=>e.jsx("div",{className:"cs-loader",children:e.jsxs("div",{className:"cs-loader-inner",children:[e.jsx("label",{children:"●"}),e.jsx("label",{children:"●"}),e.jsx("label",{children:"●"}),e.jsx("label",{children:"●"})]})});module.exports=r;
|
|
@@ -1,12 +1,11 @@
|
|
|
1
|
-
import { jsx as
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
/* @__PURE__ */
|
|
5
|
-
/* @__PURE__ */
|
|
6
|
-
/* @__PURE__ */
|
|
7
|
-
/* @__PURE__ */
|
|
8
|
-
/* @__PURE__ */ l("label", { children: "●" })
|
|
1
|
+
import { jsx as e, jsxs as l } from "react/jsx-runtime";
|
|
2
|
+
/* empty css */
|
|
3
|
+
const d = ({}) => /* @__PURE__ */ e("div", { className: "cs-loader", children: /* @__PURE__ */ l("div", { className: "cs-loader-inner", children: [
|
|
4
|
+
/* @__PURE__ */ e("label", { children: "●" }),
|
|
5
|
+
/* @__PURE__ */ e("label", { children: "●" }),
|
|
6
|
+
/* @__PURE__ */ e("label", { children: "●" }),
|
|
7
|
+
/* @__PURE__ */ e("label", { children: "●" })
|
|
9
8
|
] }) });
|
|
10
9
|
export {
|
|
11
|
-
|
|
10
|
+
d as default
|
|
12
11
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";const e=require("react/jsx-runtime"),u=require("react"),a=require("../../../TextInput-CzIbLsyF.cjs");require("../../Dropzone/Dropzone.cjs.js")
|
|
1
|
+
"use strict";const e=require("react/jsx-runtime"),u=require("react"),a=require("../../../TextInput-CzIbLsyF.cjs");require("../../Dropzone/Dropzone.cjs.js");;/* empty css */require("../../../fr-D4QyQkl7.cjs");require("../../../DefaultButton-Dmnj4YiY.cjs");const l=require("../../../SearchInput-RQ8PErJq.cjs");require("../../lists/FileList/FileListItem.cjs.js");require("../../feedback/Alert/Alert.cjs.js");const d=require("../../../IconButton-DoeRjo0e.cjs"),r=require("../../../createSvgIcon-eNQw4DMM.cjs"),p=r.createSvgIcon(e.jsx("path",{d:"M12 4.5C7 4.5 2.73 7.61 1 12c1.73 4.39 6 7.5 11 7.5s9.27-3.11 11-7.5c-1.73-4.39-6-7.5-11-7.5M12 17c-2.76 0-5-2.24-5-5s2.24-5 5-5 5 2.24 5 5-2.24 5-5 5m0-8c-1.66 0-3 1.34-3 3s1.34 3 3 3 3-1.34 3-3-1.34-3-3-3"}),"Visibility"),q=r.createSvgIcon(e.jsx("path",{d:"M12 7c2.76 0 5 2.24 5 5 0 .65-.13 1.26-.36 1.83l2.92 2.92c1.51-1.26 2.7-2.89 3.43-4.75-1.73-4.39-6-7.5-11-7.5-1.4 0-2.74.25-3.98.7l2.16 2.16C10.74 7.13 11.35 7 12 7M2 4.27l2.28 2.28.46.46C3.08 8.3 1.78 10.02 1 12c1.73 4.39 6 7.5 11 7.5 1.55 0 3.03-.3 4.38-.84l.42.42L19.73 22 21 20.73 3.27 3zM7.53 9.8l1.55 1.55c-.05.21-.08.43-.08.65 0 1.66 1.34 3 3 3 .22 0 .44-.03.65-.08l1.55 1.55c-.67.33-1.41.53-2.2.53-2.76 0-5-2.24-5-5 0-.79.2-1.53.53-2.2m4.31-.78 3.15 3.15.02-.16c0-1.66-1.34-3-3-3z"}),"VisibilityOff"),I=s=>{const[n,o]=u.useState(!1),i=()=>o(t=>!t),c=t=>{t.preventDefault()};return e.jsx(a.TextInput,{...s,variant:"outlined",label:s.label,type:n?"text":"password",InputProps:{endAdornment:e.jsx(l.InputAdornment,{position:"end",children:e.jsx(d.IconButton,{"aria-label":"toggle password visibility",onClick:i,onMouseDown:c,edge:"end",children:n?e.jsx(q,{}):e.jsx(p,{})})})}})};module.exports=I;
|
|
@@ -2,37 +2,38 @@ import { jsx as o } from "react/jsx-runtime";
|
|
|
2
2
|
import { useState as l } from "react";
|
|
3
3
|
import { T as c } from "../../../TextInput-CApOq4O9.js";
|
|
4
4
|
import "../../Dropzone/Dropzone.es.js";
|
|
5
|
+
/* empty css */
|
|
5
6
|
import "../../../fr-D1ea57Ie.js";
|
|
6
7
|
import "../../../DefaultButton-8hBSwYkf.js";
|
|
7
8
|
import { I as p } from "../../../SearchInput-CtPUde8G.js";
|
|
8
9
|
import "../../lists/FileList/FileListItem.es.js";
|
|
9
10
|
import "../../feedback/Alert/Alert.es.js";
|
|
10
|
-
import { I as
|
|
11
|
+
import { I as m } from "../../../IconButton-BEHIWcEd.js";
|
|
11
12
|
import { c as r } from "../../../createSvgIcon-T1h5CEgM.js";
|
|
12
|
-
const
|
|
13
|
+
const d = r(/* @__PURE__ */ o("path", {
|
|
13
14
|
d: "M12 4.5C7 4.5 2.73 7.61 1 12c1.73 4.39 6 7.5 11 7.5s9.27-3.11 11-7.5c-1.73-4.39-6-7.5-11-7.5M12 17c-2.76 0-5-2.24-5-5s2.24-5 5-5 5 2.24 5 5-2.24 5-5 5m0-8c-1.66 0-3 1.34-3 3s1.34 3 3 3 3-1.34 3-3-1.34-3-3-3"
|
|
14
15
|
}), "Visibility"), f = r(/* @__PURE__ */ o("path", {
|
|
15
16
|
d: "M12 7c2.76 0 5 2.24 5 5 0 .65-.13 1.26-.36 1.83l2.92 2.92c1.51-1.26 2.7-2.89 3.43-4.75-1.73-4.39-6-7.5-11-7.5-1.4 0-2.74.25-3.98.7l2.16 2.16C10.74 7.13 11.35 7 12 7M2 4.27l2.28 2.28.46.46C3.08 8.3 1.78 10.02 1 12c1.73 4.39 6 7.5 11 7.5 1.55 0 3.03-.3 4.38-.84l.42.42L19.73 22 21 20.73 3.27 3zM7.53 9.8l1.55 1.55c-.05.21-.08.43-.08.65 0 1.66 1.34 3 3 3 .22 0 .44-.03.65-.08l1.55 1.55c-.67.33-1.41.53-2.2.53-2.76 0-5-2.24-5-5 0-.79.2-1.53.53-2.2m4.31-.78 3.15 3.15.02-.16c0-1.66-1.34-3-3-3z"
|
|
16
|
-
}), "VisibilityOff"),
|
|
17
|
-
const [
|
|
17
|
+
}), "VisibilityOff"), S = (i) => {
|
|
18
|
+
const [s, e] = l(!1), n = () => e((t) => !t), a = (t) => {
|
|
18
19
|
t.preventDefault();
|
|
19
20
|
};
|
|
20
21
|
return /* @__PURE__ */ o(
|
|
21
22
|
c,
|
|
22
23
|
{
|
|
23
|
-
...
|
|
24
|
+
...i,
|
|
24
25
|
variant: "outlined",
|
|
25
|
-
label:
|
|
26
|
-
type:
|
|
26
|
+
label: i.label,
|
|
27
|
+
type: s ? "text" : "password",
|
|
27
28
|
InputProps: {
|
|
28
29
|
endAdornment: /* @__PURE__ */ o(p, { position: "end", children: /* @__PURE__ */ o(
|
|
29
|
-
|
|
30
|
+
m,
|
|
30
31
|
{
|
|
31
32
|
"aria-label": "toggle password visibility",
|
|
32
33
|
onClick: n,
|
|
33
34
|
onMouseDown: a,
|
|
34
35
|
edge: "end",
|
|
35
|
-
children:
|
|
36
|
+
children: s ? /* @__PURE__ */ o(f, {}) : /* @__PURE__ */ o(d, {})
|
|
36
37
|
}
|
|
37
38
|
) })
|
|
38
39
|
}
|
|
@@ -40,5 +41,5 @@ const m = r(/* @__PURE__ */ o("path", {
|
|
|
40
41
|
);
|
|
41
42
|
};
|
|
42
43
|
export {
|
|
43
|
-
|
|
44
|
+
S as default
|
|
44
45
|
};
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@cgi-learning-hub/ui",
|
|
3
|
-
"version": "0.0.1-dev.
|
|
3
|
+
"version": "0.0.1-dev.1712750342",
|
|
4
4
|
"private": false,
|
|
5
5
|
"author": "CGI Learning-hub Team",
|
|
6
6
|
"description": "@cgi-learning-hub/ui is an open-source React component library that implements UI for HUB's features",
|