@olenbetong/synergi-react 0.8.2 → 0.8.4
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/esm/ob.react.css +5 -5
- package/dist/esm/ob.react.js +1 -1
- package/dist/esm/ob.react.min.css +1 -1
- package/dist/esm/ob.react.min.css.map +2 -2
- package/dist/esm/ob.react.min.js +1 -1
- package/dist/esm/ob.react.min.js.map +3 -3
- package/dist/iife/ob.react.css +5 -5
- package/dist/iife/ob.react.js +1 -1
- package/dist/iife/ob.react.min.css +1 -1
- package/dist/iife/ob.react.min.css.map +2 -2
- package/dist/iife/ob.react.min.js +1 -1
- package/dist/iife/ob.react.min.js.map +2 -2
- package/dist/styles/styles.css.map +1 -1
- package/package.json +3 -3
- package/src/Checkbox/index.tsx +1 -1
- package/src/ColorCard/index.scss +20 -4
- package/src/DateNavigator/index.tsx +1 -1
- package/src/PageBanner/index.tsx +1 -1
- package/src/ProgressBar/index.scss +12 -4
- package/src/ProgressBar/index.tsx +1 -1
- package/src/Sidebar/index.scss +3 -1
- package/src/Sidebar/index.tsx +2 -2
- package/src/SplitContainer/index.tsx +3 -3
- package/src/ValueToggle/index.tsx +1 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sourceRoot":"","sources":["../../src/Checkbox/index.scss","../../src/ColorCard/index.scss","../../src/DateNavigator/index.scss","../../src/styles/_mixins.scss","../../src/LinkedCardList/index.scss","../../src/PageBanner/index.scss","../../src/styles/_variables.scss","../../src/ProgressBar/index.scss","../../src/Sidebar/index.scss","../../src/SplitContainer/index.scss","../../src/ValueToggle/index.scss"],"names":[],"mappings":"CAAA,iBACC,oBACA,qDACA,8DACA,wCAEA,qBACA,0BACA,gBAEA,8CACC,wBAGD,6BACC,qCACA,kCAIF,gBACC,kBAEA,2BACA,iCAEA,gBAEA,0CACA,0BACA,yBAEA,sBACC,iCAIF,kBACC,kBACA,gBACA,gBAEA,wBACC,aAIF,iBACC,WACA,qBACA,sCACA,SACA,UACA,oBACA,kBACA,QACA,iCACA,qBACA,yCAGD,kBACC,mBACA,qBACA,WACA,gBACA,kBACA,mBACA,UAEA,wBACC,aAIF,aACC,gBACA,YAGD,2DACC,kCAGD,2EACC,oCAGD,6EACC,yCACA,uBACA,UAGD,6CACC,mBAGD,kBACC,IACC,gCAGD,IACC,kCAGD,IACC,kCAGD,IACC,kCAGD,KACC,+BClHF,kBACC,yBACA,uBACA,mBACA,2BAEA,oBACA,iHACA,qKAOA,qBACA,
|
|
1
|
+
{"version":3,"sourceRoot":"","sources":["../../src/Checkbox/index.scss","../../src/ColorCard/index.scss","../../src/DateNavigator/index.scss","../../src/styles/_mixins.scss","../../src/LinkedCardList/index.scss","../../src/PageBanner/index.scss","../../src/styles/_variables.scss","../../src/ProgressBar/index.scss","../../src/Sidebar/index.scss","../../src/SplitContainer/index.scss","../../src/ValueToggle/index.scss"],"names":[],"mappings":"CAAA,iBACC,oBACA,qDACA,8DACA,wCAEA,qBACA,0BACA,gBAEA,8CACC,wBAGD,6BACC,qCACA,kCAIF,gBACC,kBAEA,2BACA,iCAEA,gBAEA,0CACA,0BACA,yBAEA,sBACC,iCAIF,kBACC,kBACA,gBACA,gBAEA,wBACC,aAIF,iBACC,WACA,qBACA,sCACA,SACA,UACA,oBACA,kBACA,QACA,iCACA,qBACA,yCAGD,kBACC,mBACA,qBACA,WACA,gBACA,kBACA,mBACA,UAEA,wBACC,aAIF,aACC,gBACA,YAGD,2DACC,kCAGD,2EACC,oCAGD,6EACC,yCACA,uBACA,UAGD,6CACC,mBAGD,kBACC,IACC,gCAGD,IACC,kCAGD,IACC,kCAGD,IACC,kCAGD,KACC,+BClHF,kBACC,yBACA,uBACA,mBACA,2BAEA,oBACA,iHACA,qKAOA,qBACA,WACC,qDAED,WACA,eACA,aACA,YACC,6LAaD,eACA,iBACA,gBACA,iCAEA,sCACC,sCAED,sCACC,oCAED,sCACC,qCAED,sCACC,oCAED,sCACC,qCAGD,gDAGC,yBAEA,WACC,sDAED,WACA,qBAID,qCAtED,kBAuEE,kBAIF,oBACC,aACA,cACA,sBACA,8BACA,cACA,gBACA,gCACA,uBAEA,gCACC,mBACA,2BAGD,sCACC,+BACA,cACA,oCAGD,qCACC,sCACC,eAKH,yBACC,WACA,gBACA,yBAIA,qCACC,oBAGD,yGAEC,kBACA,gBAGD,iEACC,YAGD,qCAfD,oBAgBE,gBAIF,yBACC,WAGD,mBACC,kBACA,oBAGA,oCACC,mBAEA,2CACC,WACA,kBACA,YACA,yBACA,8BACA,YACA,UACA,UAIF,2BACC,gBACA,2BACA,0CACA,kBACA,WACA,cACA,cACA,OACA,kBACA,UACA,aACA,UCnKF,sBACC,qBAEA,0BACC,aACA,kBACA,SAIF,sBACC,yBACA,8CACA,aACA,eAGD,uBCpBC,gBACA,SACA,cAEA,aACA,mBACA,iBACA,UACA,0BACA,yBACA,sBACA,qBDWA,aACA,mBACA,cACA,uBAEA,OA1BoB,KA4BpB,eACA,kBCjBA,yCACC,SACA,UDiBD,6BACC,yBACA,kDAIF,2BACC,4BACA,QAGD,4BACC,2BACA,QAGD,sBACC,aACA,cACA,sBACA,uBACA,QAEA,OAtDoB,KAwDpB,kBErDD,mBACC,qBACA,cACA,eAGD,mBACC,aACA,mBACA,mBAGD,yBACC,aACA,gBACA,cACA,kBAGD,0BACC,cACA,0BAGD,mBACC,aACA,mBACA,cACA,gBACA,kBAGD,qBACC,gBAEA,oCACA,oBACA,OAxCa,KAyCb,MAzCa,KA2Cb,kBACA,OACA,QAEA,mCAGD,mBACC,gBACA,iBACA,qCACA,sBACA,cACA,eACA,cACA,kBAGD,2BACC,uCACA,4BACA,oCACA,YACA,uDACA,WACA,UACA,kBACA,kBACA,QACA,UAGD,yBACC,oCACA,cACA,wBAGD,iCACC,sCClFD,mBACC,iBCHe,QDIf,mCACA,sCACA,WAEA,qBACC,cAIF,oBACC,aACA,mBACA,sBAEA,qCALD,oBAME,uBACA,oBAIF,yBACC,eAEA,qCAHD,yBAIE,gBAIF,0BACC,mBACA,sBACA,qBACA,YACA,iBACA,8BACA,WAEA,qCATD,0BAUE,kBACA,SACA,kBACA,wBACA,kBACA,aACA,aAGD,qCAnBD,0BAoBE,aACA,aAIF,0BACC,mBACA,gBACA,eAEA,qCALD,0BAME,cAGD,qCATD,0BAUE,gBAKD,6BACC,wBACA,gBACA,MACA,aAIF,2BACC,gBACA,qBACA,mBAGD,kBACC,yCACA,qBACA,iBACA,eACA,mBACA,kBACA,0BAEA,yBACC,kBE9FF,oBACC,aACA,WACA,gBACA,wBACA,yBACA,YACA,kBACA,0CACA,cACA,kBAEA,0CACC,yBACA,kBACA,0CAGD,4CACC,oTAUA,iBACC,2TAUD,gBACC,8BAGD,kBACA,kBACA,8BAGD,kDACC,sBACA,WAEA,mBACA,WAEA,kBACA,UACA,QACA,UAGD,uCACC,4QAUA,iBACC,0QAUD,gBACC,8BAGD,kBACA,8BC3FF,gBACC,eACA,SACA,OACA,MACA,UAEA,sBAEA,4BACA,kCACA,sBAQA,gBANA,yBACC,WACA,QACA,2BAKD,wBACC,wBAGD,iCACC,uCAEA,0CACC,wCAKH,mBACC,eACA,SACA,OACA,QACA,MACA,UAEA,UACA,kBAEA,WACC,6CAED,gCAEA,2BACC,UACA,mBCjDF,IACC,gBAGD,uBACC,aACA,sBACA,YACA,WAEA,kCACC,mBAIF,wBACC,gBAGD,0BACC,eACA,+BACA,gBACA,iBAEA,aACA,mBACA,uBAEA,gCACC,gCAGD,4DACC,iBACA,yBAIF,iCACC,oBCzCD,oBACC,aACA,mBAGD,sBACC,gBAGD,qBACC,eACA,eACA,cACA,kBACA,yBAEA,2BACC,gBAGD,kDACC,8BACA,sBACA,iCACA,eACA,WAGD,+DACC,+BAGD,wDACC,sBACA,iCAIF,qBACC,kBACA,UACA,WACA,UACA,YACA,gBACA,sBACA","file":"styles.css"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@olenbetong/synergi-react",
|
|
3
|
-
"version": "0.8.
|
|
3
|
+
"version": "0.8.4",
|
|
4
4
|
"description": "Standalone React component for SynergiWeb and Partner Portal",
|
|
5
5
|
"type": "module",
|
|
6
6
|
"types": "./es/index.d.ts",
|
|
@@ -68,7 +68,7 @@
|
|
|
68
68
|
},
|
|
69
69
|
"sideEffects": false,
|
|
70
70
|
"dependencies": {
|
|
71
|
-
"@olenbetong/appframe-core": "2.
|
|
71
|
+
"@olenbetong/appframe-core": "2.8.0",
|
|
72
72
|
"clsx": "^1.2.1",
|
|
73
73
|
"localforage": "^1.10.0",
|
|
74
74
|
"mitt": "^3.0.0"
|
|
@@ -87,5 +87,5 @@
|
|
|
87
87
|
"devDependencies": {
|
|
88
88
|
"replace-in-files": "^3.0.0"
|
|
89
89
|
},
|
|
90
|
-
"gitHead": "
|
|
90
|
+
"gitHead": "2ebf310e6c8bf90e7430fceb0871fd7106c29eac"
|
|
91
91
|
}
|
package/src/Checkbox/index.tsx
CHANGED
|
@@ -21,7 +21,7 @@ export type CheckboxProps = React.RefAttributes<HTMLInputElement> &
|
|
|
21
21
|
|
|
22
22
|
export const Checkbox = forwardRef<HTMLInputElement, CheckboxProps>(function Checkbox(
|
|
23
23
|
{ className, disabled = false, id, onChange = () => null, title, value, ...other }: CheckboxProps,
|
|
24
|
-
ref: React.ForwardedRef<HTMLInputElement
|
|
24
|
+
ref: React.ForwardedRef<HTMLInputElement>,
|
|
25
25
|
) {
|
|
26
26
|
const inputId = useId() + (id ?? "");
|
|
27
27
|
const input = useRef<HTMLInputElement>(null);
|
package/src/ColorCard/index.scss
CHANGED
|
@@ -16,12 +16,26 @@
|
|
|
16
16
|
var(--bg-color-main)
|
|
17
17
|
);
|
|
18
18
|
border-radius: 0.25rem;
|
|
19
|
-
box-shadow:
|
|
19
|
+
box-shadow:
|
|
20
|
+
0 1px 12px rgba(0, 0, 0, 0.15),
|
|
21
|
+
0 1px 6px rgba(0, 0, 0, 0.25);
|
|
20
22
|
color: #666;
|
|
21
23
|
cursor: pointer;
|
|
22
24
|
display: flex;
|
|
23
|
-
font-family:
|
|
24
|
-
"
|
|
25
|
+
font-family:
|
|
26
|
+
"Variable Bahnschrift",
|
|
27
|
+
"Bahnschrift",
|
|
28
|
+
"Open Sans",
|
|
29
|
+
-apple-system,
|
|
30
|
+
BlinkMacSystemFont,
|
|
31
|
+
"Segoe UI",
|
|
32
|
+
Roboto,
|
|
33
|
+
"Helvetica Neue",
|
|
34
|
+
Arial,
|
|
35
|
+
sans-serif,
|
|
36
|
+
"Apple Color Emoji",
|
|
37
|
+
"Segoe UI Emoji",
|
|
38
|
+
"Segoe UI Symbol";
|
|
25
39
|
font-size: 1rem;
|
|
26
40
|
min-height: 10rem;
|
|
27
41
|
overflow: hidden;
|
|
@@ -48,7 +62,9 @@
|
|
|
48
62
|
/*--bg-size: 1rem;*/
|
|
49
63
|
--bg-color-main: #f5f5f5;
|
|
50
64
|
|
|
51
|
-
box-shadow:
|
|
65
|
+
box-shadow:
|
|
66
|
+
0 3px 18px rgba(0, 0, 0, 0.15),
|
|
67
|
+
0 3px 12px rgba(0, 0, 0, 0.25);
|
|
52
68
|
color: #666;
|
|
53
69
|
text-decoration: none;
|
|
54
70
|
/*transform: scale(1.03) translateY(-3px);*/
|
|
@@ -16,7 +16,7 @@ function Arrow(props) {
|
|
|
16
16
|
<button
|
|
17
17
|
className={clsx(
|
|
18
18
|
"ObDateNavigator-arrow",
|
|
19
|
-
direction === "left" ? "ObDateNavigator-arrowLeft" : "ObDateNavigator-arrowRight"
|
|
19
|
+
direction === "left" ? "ObDateNavigator-arrowLeft" : "ObDateNavigator-arrowRight",
|
|
20
20
|
)}
|
|
21
21
|
{...rest}
|
|
22
22
|
>
|
package/src/PageBanner/index.tsx
CHANGED
|
@@ -23,7 +23,7 @@ export type BannerImageProps = React.DetailedHTMLProps<React.ImgHTMLAttributes<H
|
|
|
23
23
|
|
|
24
24
|
export const BannerImage = React.forwardRef<HTMLImageElement, BannerImageProps>(function BannerImage(
|
|
25
25
|
props: BannerImageProps,
|
|
26
|
-
ref
|
|
26
|
+
ref,
|
|
27
27
|
) {
|
|
28
28
|
const { className, ...other } = props;
|
|
29
29
|
return <img ref={ref} className={clsx("ObPageBanner-bannerImage", className)} {...other} />;
|
|
@@ -29,7 +29,8 @@
|
|
|
29
29
|
),
|
|
30
30
|
linear-gradient(top, rgba(255, 255, 255, 0.25), rgba(0, 0, 0, 0.2)),
|
|
31
31
|
linear-gradient(left, var(--brand-primary, $brand-primary), var(--brand-light, $brand-light));
|
|
32
|
-
background-image:
|
|
32
|
+
background-image:
|
|
33
|
+
-webkit-linear-gradient(
|
|
33
34
|
135deg,
|
|
34
35
|
transparent,
|
|
35
36
|
transparent 33%,
|
|
@@ -39,7 +40,10 @@
|
|
|
39
40
|
),
|
|
40
41
|
-webkit-linear-gradient(top, rgba(255, 255, 255, 0.25), rgba(0, 0, 0, 0.2)),
|
|
41
42
|
-webkit-linear-gradient(left, var(--brand-primary), $brand-primary, var(--brand-light, $brand-light));
|
|
42
|
-
background-size:
|
|
43
|
+
background-size:
|
|
44
|
+
35px 20px,
|
|
45
|
+
100% 100%,
|
|
46
|
+
100% 100%;
|
|
43
47
|
border-radius: 3px;
|
|
44
48
|
position: relative;
|
|
45
49
|
transition: width 0.5s ease-out;
|
|
@@ -69,7 +73,8 @@
|
|
|
69
73
|
),
|
|
70
74
|
linear-gradient(top, rgba(255, 255, 255, 0.25), rgba(0, 0, 0, 0.2)),
|
|
71
75
|
linear-gradient(left, var(--brand-primary), var(--brand-light));
|
|
72
|
-
background-image:
|
|
76
|
+
background-image:
|
|
77
|
+
-moz-linear-gradient(
|
|
73
78
|
135deg,
|
|
74
79
|
transparent,
|
|
75
80
|
transparent 33%,
|
|
@@ -79,7 +84,10 @@
|
|
|
79
84
|
),
|
|
80
85
|
-moz-linear-gradient(top, rgba(255, 255, 255, 0.25), rgba(0, 0, 0, 0.2)),
|
|
81
86
|
-moz-linear-gradient(left, var(--brand-primary), var(--brand-light));
|
|
82
|
-
background-size:
|
|
87
|
+
background-size:
|
|
88
|
+
35px 20px,
|
|
89
|
+
100% 100%,
|
|
90
|
+
100% 100%;
|
|
83
91
|
border-radius: 3px;
|
|
84
92
|
transition: width 0.5s ease-out;
|
|
85
93
|
}
|
|
@@ -7,7 +7,7 @@ export type ProgressBarProps = React.HTMLProps<HTMLProgressElement>;
|
|
|
7
7
|
|
|
8
8
|
export const ProgressBar = forwardRef<HTMLProgressElement, ProgressBarProps>(function ProgressBar(
|
|
9
9
|
{ className, ...props }: ProgressBarProps,
|
|
10
|
-
ref
|
|
10
|
+
ref,
|
|
11
11
|
) {
|
|
12
12
|
return <progress className={clsx("ObProgressBar-root", className)} {...props} ref={ref} />;
|
|
13
13
|
});
|
package/src/Sidebar/index.scss
CHANGED
package/src/Sidebar/index.tsx
CHANGED
|
@@ -67,7 +67,7 @@ export function Sidebar(props: SidebarProps) {
|
|
|
67
67
|
prevFocus.current = document.activeElement as HTMLElement | null;
|
|
68
68
|
|
|
69
69
|
const firstFocusable = sidebar.current?.querySelector(
|
|
70
|
-
'button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])'
|
|
70
|
+
'button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])',
|
|
71
71
|
) as HTMLElement | undefined;
|
|
72
72
|
|
|
73
73
|
if (firstFocusable) {
|
|
@@ -97,7 +97,7 @@ export function Sidebar(props: SidebarProps) {
|
|
|
97
97
|
open && "Ob-open",
|
|
98
98
|
pullRight && "Ob-right",
|
|
99
99
|
shadow && "ObSidebar-shadow",
|
|
100
|
-
className
|
|
100
|
+
className,
|
|
101
101
|
)}
|
|
102
102
|
ref={sidebar}
|
|
103
103
|
tabIndex={-1}
|