@kwiz/fluentui 1.0.208 → 1.0.210
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/controls/accordion.d.ts +1 -0
- package/dist/controls/accordion.js.map +1 -1
- package/dist/controls/button.js +4 -8
- package/dist/controls/button.js.map +1 -1
- package/dist/controls/card-list.js +2 -1
- package/dist/controls/card-list.js.map +1 -1
- package/dist/helpers/use-theme.d.ts +8 -0
- package/dist/helpers/use-theme.js +25 -11
- package/dist/helpers/use-theme.js.map +1 -1
- package/dist/styles/theme.d.ts +9 -0
- package/dist/styles/theme.js +33 -7
- package/dist/styles/theme.js.map +1 -1
- package/package.json +3 -2
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"accordion.js","sourceRoot":"","sources":["../../src/controls/accordion.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,4BAA4B,CAAC;AACxD,OAAO,EAAE,kBAAkB,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAChF,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,oBAAoB,EAAE,MAAM,6BAA6B,CAAC;AACnE,OAAO,EAAE,eAAe,EAAE,MAAM,kBAAkB,CAAC;AACnD,OAAO,EAAE,QAAQ,EAAE,MAAM,UAAU,CAAC;AACpC,OAAO,EAAE,SAAS,EAAE,MAAM,WAAW,CAAC;AACtC,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAEtC,MAAM,SAAS,GAAG,UAAU,CAAC;IACzB,MAAM,EAAE;QACJ,SAAS,EAAE,eAAe;QAC1B,UAAU,EAAE,0BAA0B;KACzC;IACD,MAAM,EAAE;QACJ,WAAW,EAAE,CAAC;KACjB;IACD,IAAI,EAAE;QACF,SAAS,EAAE,MAAM;KACpB;IACD,QAAQ,EAAE;QACN,SAAS,EAAE,MAAM;KACpB;IACD,IAAI,EAAE;QACF,QAAQ,EAAE,MAAM;KACnB;CACJ,CAAC,CAAC;
|
|
1
|
+
{"version":3,"file":"accordion.js","sourceRoot":"","sources":["../../src/controls/accordion.tsx"],"names":[],"mappings":"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"}
|
package/dist/controls/button.js
CHANGED
|
@@ -103,7 +103,7 @@ export const ButtonEX = React.forwardRef((_a, ref) => {
|
|
|
103
103
|
}
|
|
104
104
|
};
|
|
105
105
|
}
|
|
106
|
-
let btn = _jsx(Button, Object.assign({ ref: ref, appearance: 'subtle' }, passProps, { onClick: onClick, className: mergeClasses(...css, className), "aria-label": myTitle, title: undefined, icon: myIcon, onMouseEnter: trackHover ? (e) => {
|
|
106
|
+
let btn = _jsx(Button, Object.assign({ ref: ref, appearance: 'subtle', shape: ctx.buttonShape }, passProps, { onClick: onClick, className: mergeClasses(...css, className), "aria-label": myTitle, title: undefined, icon: myIcon, onMouseEnter: trackHover ? (e) => {
|
|
107
107
|
setHover(true);
|
|
108
108
|
if (isFunction(onMouseEnter))
|
|
109
109
|
onMouseEnter(e);
|
|
@@ -120,7 +120,7 @@ export const ButtonEX = React.forwardRef((_a, ref) => {
|
|
|
120
120
|
});
|
|
121
121
|
export const ButtonEXSecondary = React.forwardRef((props, ref) => {
|
|
122
122
|
const ctx = useKWIZFluentContext();
|
|
123
|
-
return (_jsx(ButtonEX, Object.assign({ ref: ref, appearance: 'secondary'
|
|
123
|
+
return (_jsx(ButtonEX, Object.assign({ ref: ref, appearance: 'secondary' }, props)));
|
|
124
124
|
});
|
|
125
125
|
/** to be used in MessageBarActions for prominent actions. Otherwise use ButtonEX or ButtonEXDangerSubtle */
|
|
126
126
|
export const ButtonEXMessageBarAction = React.forwardRef((props, ref) => {
|
|
@@ -131,19 +131,15 @@ export const ButtonEXPrimary = React.forwardRef((props, ref) => {
|
|
|
131
131
|
return (_jsx(ButtonEXSecondary, Object.assign({ ref: ref, appearance: 'primary' }, props, { children: props.children })));
|
|
132
132
|
});
|
|
133
133
|
export const ButtonEXDanger = React.forwardRef((props, ref) => {
|
|
134
|
-
const cssNames = useStyles();
|
|
135
134
|
return (_jsx(ButtonEXSecondary, Object.assign({ ref: ref, variant: 'danger' }, props, { children: props.children })));
|
|
136
135
|
});
|
|
137
136
|
export const ButtonEXSuccess = React.forwardRef((props, ref) => {
|
|
138
|
-
const cssNames = useStyles();
|
|
139
137
|
return (_jsx(ButtonEX, Object.assign({ ref: ref, variant: "success" }, props, { children: props.children })));
|
|
140
138
|
});
|
|
141
139
|
export const ButtonEXPrimarySubtle = React.forwardRef((props, ref) => {
|
|
142
|
-
const cssNames = useStyles();
|
|
143
140
|
return (_jsx(ButtonEX, Object.assign({ ref: ref, variant: "primary-subtle" }, props, { children: props.children })));
|
|
144
141
|
});
|
|
145
142
|
export const ButtonEXDangerSubtle = React.forwardRef((props, ref) => {
|
|
146
|
-
const cssNames = useStyles();
|
|
147
143
|
return (_jsx(ButtonEX, Object.assign({ ref: ref, variant: "danger-subtle" }, props, { children: props.children })));
|
|
148
144
|
});
|
|
149
145
|
export const CompoundButtonEX = React.forwardRef((props, ref) => {
|
|
@@ -170,11 +166,11 @@ export const CompoundButtonEX = React.forwardRef((props, ref) => {
|
|
|
170
166
|
}
|
|
171
167
|
};
|
|
172
168
|
}
|
|
173
|
-
return (_jsx(Tooltip, { showDelay: 1000, relationship: 'label', withArrow: true, appearance: 'inverted', content: tooltip, mountNode: ctx.mountNode, children: _jsx(CompoundButton, Object.assign({ ref: ref, appearance: 'subtle', style: { justifyContent: "flex-start", maxWidth: max } }, props, { onClick: onClick, "aria-label": tooltip, title: undefined, children: props.children || capitalizeFirstLetter(title) })) }));
|
|
169
|
+
return (_jsx(Tooltip, { showDelay: 1000, relationship: 'label', withArrow: true, appearance: 'inverted', content: tooltip, mountNode: ctx.mountNode, children: _jsx(CompoundButton, Object.assign({ ref: ref, appearance: 'subtle', shape: ctx.buttonShape, style: { justifyContent: "flex-start", maxWidth: max } }, props, { onClick: onClick, "aria-label": tooltip, title: undefined, children: props.children || capitalizeFirstLetter(title) })) }));
|
|
174
170
|
});
|
|
175
171
|
export const CompoundButtonEXSecondary = React.forwardRef((props, ref) => {
|
|
176
172
|
const ctx = useKWIZFluentContext();
|
|
177
|
-
return (_jsx(CompoundButtonEX, Object.assign({ ref: ref, appearance: 'secondary'
|
|
173
|
+
return (_jsx(CompoundButtonEX, Object.assign({ ref: ref, appearance: 'secondary' }, props)));
|
|
178
174
|
});
|
|
179
175
|
export const CompoundButtonEXPrimary = React.forwardRef((props, ref) => {
|
|
180
176
|
return (_jsx(CompoundButtonEXSecondary, Object.assign({ ref: ref, appearance: 'primary' }, props, { children: props.children })));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"button.js","sourceRoot":"","sources":["../../src/controls/button.tsx"],"names":[],"mappings":"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
|
|
1
|
+
{"version":3,"file":"button.js","sourceRoot":"","sources":["../../src/controls/button.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA,OAAO,EAAE,MAAM,EAAe,cAAc,EAAE,wBAAwB,EAAuB,UAAU,EAAE,YAAY,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,4BAA4B,CAAC;AAC3K,OAAO,EAAE,qBAAqB,EAAE,UAAU,EAAE,gBAAgB,EAAE,mBAAmB,EAAE,iBAAiB,EAAE,QAAQ,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AACtJ,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,oBAAoB,EAAE,MAAM,6BAA6B,CAAC;AACnE,OAAO,EAAE,WAAW,EAAE,eAAe,EAAE,MAAM,kBAAkB,CAAC;AAGhE,MAAM,SAAS,GAAG,UAAU,CAAC;IACzB,cAAc,EAAE;QACZ,cAAc,EAAE,YAAY;QAC5B,SAAS,EAAE,OAAO;QAClB,KAAK,EAAE;YACH,gFAAgF;YAChF,UAAU,EAAE,YAAY;SAC3B;KACJ;IACD,MAAM,EAAE;QACJ,eAAe,EAAE,MAAM,CAAC,4BAA4B;QACpD,KAAK,EAAE,MAAM,CAAC,6BAA6B;QAE3C,CAAC,MAAM,wBAAwB,CAAC,gBAAgB,EAAE,CAAC,EAAE;YACjD,KAAK,EAAE,MAAM,CAAC,6BAA6B;SAC9C;KACJ;IACD,OAAO,EAAE;QACL,KAAK,EAAE,MAAM,CAAC,6BAA6B;QAE3C,CAAC,MAAM,wBAAwB,CAAC,gBAAgB,EAAE,CAAC,EAAE;YACjD,KAAK,EAAE,MAAM,CAAC,6BAA6B;SAC9C;KACJ;IACD,aAAa,EAAE;QACX,KAAK,EAAE,MAAM,CAAC,qBAAqB;QAEnC,CAAC,MAAM,wBAAwB,CAAC,gBAAgB,EAAE,CAAC,EAAE;YACjD,KAAK,EAAE,MAAM,CAAC,qBAAqB;SACtC;KACJ;IACD,YAAY,EAAE;QACV,KAAK,EAAE,MAAM,CAAC,6BAA6B;QAE3C,CAAC,MAAM,wBAAwB,CAAC,gBAAgB,EAAE,CAAC,EAAE;YACjD,KAAK,EAAE,MAAM,CAAC,6BAA6B;SAC9C;KACJ;CACJ,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,QAAQ,GAAG,KAAK,CAAC,UAAU,CAAqC,CAAC,EAe5D,EAAE,GAAG,EAAE,EAAE;QAfmD,EAAE,iBAAiB,EAC7F,WAAW,EACX,WAAW,EACX,cAAc,EACd,IAAI,EACJ,SAAS,EACT,UAAU,EACV,KAAK,EACL,YAAY,EAAE,SAAS,EACvB,QAAQ,EACR,OAAO,EACP,SAAS,EACT,OAAO,EACP,YAAY,EAAE,YAAY,EAC1B,IAAI,EAAE,MAAM,OACE,EAAX,SAAS,cAf8D,gOAe5D,CAAF;IACZ,MAAM,GAAG,GAAG,oBAAoB,EAAE,CAAC;IACnC,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;IAChD,MAAM,UAAU,GAAG,CAAC,mBAAmB,CAAC,UAAU,CAAC,IAAI,CAAC,iBAAiB,CAAC,SAAS,CAAC,CAAC;IAErF,MAAM,OAAO,GAAG,KAAK,IAAI,CAAC,mBAAmB,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,UAAU;QAClE,CAAC,CAAC,KAAK,IAAI,SAAS,CAAC;IACzB,MAAM,MAAM,GAAG,KAAK,IAAI,CAAC,iBAAiB,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC;IACzE,IAAI,OAAO,GAAG,CAAC,iBAAiB,CAAC,MAAM,CAAC,CAAC;IACzC,IAAI,OAAO,GAAG,QAAQ,IAAI,CAAC,OAAO,IAAI,CAAC,OAAO,IAAI,iBAAiB,KAAK,IAAI,CAAC,CAAC;IAE9E,MAAM,QAAQ,GAAG,SAAS,EAAE,CAAC;IAC7B,IAAI,GAAG,GAAa,EAAE,CAAC;IACvB,IAAI,gBAAgB,CAAC,OAAO,CAAC,EAAE,CAAC;QAC5B,QAAQ,OAAO,EAAE,CAAC;YACd,KAAK,QAAQ;gBACT,IAAI,CAAC,SAAS,CAAC,QAAQ;oBAAE,GAAG,CAAC,IAAI,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC;gBACnD,MAAM;YACV,KAAK,eAAe;gBAChB,IAAI,CAAC,SAAS,CAAC,QAAQ;oBAAE,GAAG,CAAC,IAAI,CAAC,QAAQ,CAAC,YAAY,CAAC,CAAC;gBACzD,MAAM;YACV,KAAK,gBAAgB;gBACjB,IAAI,CAAC,SAAS,CAAC,QAAQ;oBAAE,GAAG,CAAC,IAAI,CAAC,QAAQ,CAAC,aAAa,CAAC,CAAC;gBAC1D,MAAM;YACV,KAAK,SAAS;gBACV,GAAG,CAAC,IAAI,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAC;gBAC3B,MAAM;QACd,CAAC;IACL,CAAC;IAED,IAAI,WAAW;QAAE,eAAe,CAAC,GAAG,EAAE,eAAe,CAAC,SAAS,CAAC,CAAC;IACjE,IAAI,cAAc;QAAE,eAAe,CAAC,GAAG,EAAE,QAAQ,CAAC,cAAc,CAAC,CAAC;IAElE,IAAI,iBAAiB,CAAC,OAAO,CAAC,IAAI,gBAAgB,CAAC,IAAI,CAAC,EAAE,CAAC;QACvD,OAAO,GAAG,GAAG,EAAE;YACX,QAAQ,MAAM,EAAE,CAAC;gBACb,KAAK,MAAM;oBACP,MAAM,CAAC,GAAG,CAAC,QAAQ,CAAC,IAAI,GAAG,IAAI,CAAC;oBAChC,MAAM;gBACV,KAAK,SAAS;oBACV,MAAM,CAAC,MAAM,CAAC,QAAQ,CAAC,IAAI,GAAG,IAAI,CAAC;oBACnC,MAAM;gBACV,KAAK,QAAQ;oBACT,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;oBAClB,MAAM;gBACV;oBACI,MAAM,CAAC,QAAQ,CAAC,IAAI,GAAG,IAAI,CAAC;oBAC5B,MAAM;YACd,CAAC;QACL,CAAC,CAAC;IACN,CAAC;IAED,IAAI,GAAG,GAAG,KAAC,MAAM,kBAAC,GAAG,EAAE,GAAG,EAAE,UAAU,EAAC,QAAQ,EAAC,KAAK,EAAE,GAAG,CAAC,WAAW,IAAM,SAA+B,IAAE,OAAO,EAAE,OAAO,EAAE,SAAS,EAAE,YAAY,CAAC,GAAG,GAAG,EAAE,SAAS,CAAC,gBACzJ,OAAO,EAAE,KAAK,EAAE,SAAS,EAAE,IAAI,EAAE,MAAM,EACnD,YAAY,EAAE,UAAU,CAAC,CAAC,CAAC,CAAC,CAAkD,EAAE,EAAE;YAC9E,QAAQ,CAAC,IAAI,CAAC,CAAC;YACf,IAAI,UAAU,CAAC,YAAY,CAAC;gBACxB,YAAY,CAAC,CAAQ,CAAC,CAAC;QAC/B,CAAC,CAAC,CAAC,CAAC,YAAmB,EACvB,YAAY,EAAE,UAAU,CAAC,CAAC,CAAC,CAAC,CAAkD,EAAE,EAAE;YAC9E,QAAQ,CAAC,KAAK,CAAC,CAAC;YAChB,IAAI,UAAU,CAAC,YAAY,CAAC;gBACxB,YAAY,CAAC,CAAQ,CAAC,CAAC;QAC/B,CAAC,CAAC,CAAC,CAAC,YAAmB,YACzB,QAAQ;YACN,yCAAyC;YACzC,CAAC,OAAO,IAAI,qBAAqB,CAAC,OAAO,CAAC,CAAC,IAAU,CAAC;IAC1D,IAAI,CAAC,OAAO,IAAI,QAAQ,EAAC,yDAAyD;QAC9E,GAAG,GAAG,KAAC,OAAO,IAAC,SAAS,EAAE,IAAI,EAAE,YAAY,EAAC,OAAO,EAAC,SAAS,QAAC,UAAU,EAAC,UAAU,EAAC,OAAO,EAAE,OAAO,EACjG,SAAS,EAAE,GAAG,CAAC,SAAS,YACvB,GAAG,GACE,CAAC;IAEf,OAAO,CACH,WAAW,CAAC,CAAC,CAAC,wBAAM,GAAG,GAAO,CAAC,CAAC,CAAC,GAAG,CAEvC,CAAC;AACN,CAAC,CAAC,CAAC;AACH,MAAM,CAAC,MAAM,iBAAiB,GAAG,KAAK,CAAC,UAAU,CAAqC,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE;IACjG,MAAM,GAAG,GAAG,oBAAoB,EAAE,CAAC;IACnC,OAAO,CACH,KAAC,QAAQ,kBAAC,GAAG,EAAE,GAAG,EAAE,UAAU,EAAC,WAAW,IAAK,KAAK,EAAa,CACpE,CAAC;AACN,CAAC,CAAC,CAAC;AACH,4GAA4G;AAC5G,MAAM,CAAC,MAAM,wBAAwB,GAAG,KAAK,CAAC,UAAU,CAAqC,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE;IACxG,MAAM,GAAG,GAAG,oBAAoB,EAAE,CAAC;IACnC,OAAO,CACH,KAAC,QAAQ,kBAAC,GAAG,EAAE,GAAG,EAAE,UAAU,EAAC,WAAW,EAAC,WAAW,UAAK,KAAK,EAAa,CAChF,CAAC;AACN,CAAC,CAAC,CAAC;AACH,MAAM,CAAC,MAAM,eAAe,GAAG,KAAK,CAAC,UAAU,CAAqC,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE;IAC/F,OAAO,CACH,KAAC,iBAAiB,kBAAC,GAAG,EAAE,GAAG,EAAE,UAAU,EAAC,SAAS,IAAK,KAAK,cAAG,KAAK,CAAC,QAAQ,IAAqB,CACpG,CAAC;AACN,CAAC,CAAC,CAAC;AACH,MAAM,CAAC,MAAM,cAAc,GAAG,KAAK,CAAC,UAAU,CAAqC,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE;IAC9F,OAAO,CACH,KAAC,iBAAiB,kBAAC,GAAG,EAAE,GAAG,EAAE,OAAO,EAAC,QAAQ,IAAK,KAAK,cAAG,KAAK,CAAC,QAAQ,IAAqB,CAChG,CAAC;AACN,CAAC,CAAC,CAAC;AACH,MAAM,CAAC,MAAM,eAAe,GAAG,KAAK,CAAC,UAAU,CAAqC,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE;IAC/F,OAAO,CACH,KAAC,QAAQ,kBAAC,GAAG,EAAE,GAAG,EAAE,OAAO,EAAC,SAAS,IAAK,KAAK,cAAG,KAAK,CAAC,QAAQ,IAAY,CAC/E,CAAC;AACN,CAAC,CAAC,CAAC;AACH,MAAM,CAAC,MAAM,qBAAqB,GAAG,KAAK,CAAC,UAAU,CAAqC,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE;IACrG,OAAO,CACH,KAAC,QAAQ,kBAAC,GAAG,EAAE,GAAG,EAAE,OAAO,EAAC,gBAAgB,IAAK,KAAK,cAAG,KAAK,CAAC,QAAQ,IAAY,CACtF,CAAC;AACN,CAAC,CAAC,CAAC;AACH,MAAM,CAAC,MAAM,oBAAoB,GAAG,KAAK,CAAC,UAAU,CAAqC,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE;IACpG,OAAO,CACH,KAAC,QAAQ,kBAAC,GAAG,EAAE,GAAG,EAAE,OAAO,EAAC,eAAe,IAAK,KAAK,cAAG,KAAK,CAAC,QAAQ,IAAY,CACrF,CAAC;AACN,CAAC,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,gBAAgB,GAAG,KAAK,CAAC,UAAU,CAA6C,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE;IACxG,MAAM,GAAG,GAAG,oBAAoB,EAAE,CAAC;IACnC,IAAI,KAAK,GAAG,KAAK,CAAC,KAAK,IAAI,KAAK,CAAC,YAAY,CAAC,CAAC;IAC/C,IAAI,OAAO,GAAG,QAAQ,CAAC,KAAK,CAAC,gBAAgB,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,gBAAgB,CAAC,CAAC,CAAC,KAAK,CAAC;IAChF,IAAI,GAAG,GAAG,OAAO,CAAC,KAAK,CAAC,KAAK,CAAC,KAAK,WAAW,CAAC,CAAC,CAAC,WAAW,CAAC,WAAW,CAAC,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC;IAEvF,IAAI,OAAO,GAAG,KAAK,CAAC,OAAO,CAAC;IAE5B,IAAI,iBAAiB,CAAC,OAAO,CAAC,IAAI,gBAAgB,CAAC,KAAK,CAAC,IAAI,CAAC,EAAE,CAAC;QAC7D,OAAO,GAAG,GAAG,EAAE;YACX,QAAQ,KAAK,CAAC,MAAM,EAAE,CAAC;gBACnB,KAAK,MAAM;oBACP,MAAM,CAAC,GAAG,CAAC,QAAQ,CAAC,IAAI,GAAG,KAAK,CAAC,IAAI,CAAC;oBACtC,MAAM;gBACV,KAAK,SAAS;oBACV,MAAM,CAAC,MAAM,CAAC,QAAQ,CAAC,IAAI,GAAG,KAAK,CAAC,IAAI,CAAC;oBACzC,MAAM;gBACV,KAAK,QAAQ;oBACT,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC;oBACxB,MAAM;gBACV;oBACI,MAAM,CAAC,QAAQ,CAAC,IAAI,GAAG,KAAK,CAAC,IAAI,CAAC;oBAClC,MAAM;YACd,CAAC;QACL,CAAC,CAAC;IACN,CAAC;IAED,OAAO,CACH,KAAC,OAAO,IAAC,SAAS,EAAE,IAAI,EAAE,YAAY,EAAC,OAAO,EAAC,SAAS,QAAC,UAAU,EAAC,UAAU,EAAC,OAAO,EAAE,OAAO,EAC3F,SAAS,EAAE,GAAG,CAAC,SAAS,YAExB,KAAC,cAAc,kBAAC,GAAG,EAAE,GAAG,EAAE,UAAU,EAAC,QAAQ,EAAC,KAAK,EAAE,GAAG,CAAC,WAAW,EAAE,KAAK,EAAE,EAAE,cAAc,EAAE,YAAY,EAAE,QAAQ,EAAE,GAAG,EAAE,IAAM,KAAmC,IAAE,OAAO,EAAE,OAAO,gBAAc,OAAO,EAAE,KAAK,EAAE,SAAS,YACzN,KAAK,CAAC,QAAQ,IAAI,qBAAqB,CAAC,KAAK,CAAC,IAAkB,GAC/D,CACb,CAAC;AACN,CAAC,CAAC,CAAC;AACH,MAAM,CAAC,MAAM,yBAAyB,GAAG,KAAK,CAAC,UAAU,CAA6C,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE;IACjH,MAAM,GAAG,GAAG,oBAAoB,EAAE,CAAC;IACnC,OAAO,CACH,KAAC,gBAAgB,kBAAC,GAAG,EAAE,GAAG,EAAE,UAAU,EAAC,WAAW,IAAK,KAAK,EAAqB,CACpF,CAAC;AACN,CAAC,CAAC,CAAC;AACH,MAAM,CAAC,MAAM,uBAAuB,GAAG,KAAK,CAAC,UAAU,CAA6C,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE;IAC/G,OAAO,CACH,KAAC,yBAAyB,kBAAC,GAAG,EAAE,GAAG,EAAE,UAAU,EAAC,SAAS,IAAK,KAAK,cAAG,KAAK,CAAC,QAAQ,IAA6B,CACpH,CAAC;AACN,CAAC,CAAC,CAAC;AACH,MAAM,CAAC,MAAM,sBAAsB,GAAG,KAAK,CAAC,UAAU,CAA6C,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE;IAC9G,MAAM,QAAQ,GAAG,SAAS,EAAE,CAAC;IAC7B,OAAO,CACH,KAAC,yBAAyB,kBAAC,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,QAAQ,CAAC,MAAM,IAAM,KAAK,cAAG,KAAK,CAAC,QAAQ,IAA6B,CAC3H,CAAC;AACN,CAAC,CAAC,CAAC"}
|
|
@@ -17,7 +17,8 @@ const useStyles = makeStyles({
|
|
|
17
17
|
zIndex: 0
|
|
18
18
|
},
|
|
19
19
|
overflowStyle: {
|
|
20
|
-
padding: tokens.spacingHorizontalXXS
|
|
20
|
+
padding: tokens.spacingHorizontalXXS,
|
|
21
|
+
boxSizing: "border-box" //include padding in the size
|
|
21
22
|
}
|
|
22
23
|
});
|
|
23
24
|
export const CardList = (props) => {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"card-list.js","sourceRoot":"","sources":["../../src/controls/card-list.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,EAAE,MAAM,4BAA4B,CAAC;AAEhE,OAAO,EAAE,cAAc,EAAE,MAAM,YAAY,CAAC;AAC5C,OAAO,EAAE,eAAe,EAAE,MAAM,WAAW,CAAC;AAC5C,OAAO,EAAE,MAAM,EAAc,MAAM,QAAQ,CAAC;AAC5C,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAoB,cAAc,EAAE,MAAM,iBAAiB,CAAC;AAEnE,MAAM,SAAS,GAAG,UAAU,CAAC;IACzB,QAAQ,EAAE;QACN,QAAQ,EAAE,UAAU,EAAE,GAAG,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,IAAI,EAAE,CAAC,EAAE,KAAK,EAAE,CAAC;QAC1D,OAAO,EAAE,MAAM;QACf,MAAM,EAAE,CAAC,CAAC;KACb;IACD,SAAS,EAAE;QACP,QAAQ,EAAE,UAAU;QACpB,MAAM,EAAE,CAAC;KACZ;IACD,aAAa,EAAE;QACX,OAAO,EAAE,MAAM,CAAC,oBAAoB;
|
|
1
|
+
{"version":3,"file":"card-list.js","sourceRoot":"","sources":["../../src/controls/card-list.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,EAAE,MAAM,4BAA4B,CAAC;AAEhE,OAAO,EAAE,cAAc,EAAE,MAAM,YAAY,CAAC;AAC5C,OAAO,EAAE,eAAe,EAAE,MAAM,WAAW,CAAC;AAC5C,OAAO,EAAE,MAAM,EAAc,MAAM,QAAQ,CAAC;AAC5C,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAoB,cAAc,EAAE,MAAM,iBAAiB,CAAC;AAEnE,MAAM,SAAS,GAAG,UAAU,CAAC;IACzB,QAAQ,EAAE;QACN,QAAQ,EAAE,UAAU,EAAE,GAAG,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,IAAI,EAAE,CAAC,EAAE,KAAK,EAAE,CAAC;QAC1D,OAAO,EAAE,MAAM;QACf,MAAM,EAAE,CAAC,CAAC;KACb;IACD,SAAS,EAAE;QACP,QAAQ,EAAE,UAAU;QACpB,MAAM,EAAE,CAAC;KACZ;IACD,aAAa,EAAE;QACX,OAAO,EAAE,MAAM,CAAC,oBAAoB;QACpC,SAAS,EAAE,YAAY,CAAA,6BAA6B;KACvD;CACJ,CAAC,CAAC;AAUH,MAAM,CAAC,MAAM,QAAQ,GAA6D,CAAC,KAAK,EAAE,EAAE;IACxF,MAAM,OAAO,GAAG,SAAS,EAAE,CAAC;IAC5B,MAAM,SAAS,GAAG,cAAc,EAAE,CAAC;IACnC,OAAO,CAAC,CAAC,KAAK,CAAC,WAAW;QACtB,CAAC,CAAC,MAAC,UAAU,IAAC,IAAI,QAAC,IAAI,QAAC,GAAG,EAAE,CAAC,eAAe,CAAC,QAAQ,EAAE,OAAO,CAAC,SAAS,CAAC,aACrE,KAAK,CAAC,QAAQ,IAAI,cAAK,SAAS,EAAE,OAAO,CAAC,QAAQ,YAC/C,KAAC,QAAQ,cACJ,KAAK,CAAC,QAAQ,GACR,GACT,EAEL,KAAK,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,GAAG,EAAE,EAAE,CAAC,KAAC,MAAM,oBAAqB,IAAI,IAAE,GAAG,EAAE,CAAC,KAAK,CAAC,gBAAgB,IAAI,GAAG,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,GAAG,CAAC,CAAC,CAAC,SAAS,KAA3F,IAAI,GAAG,EAAE,CAAsF,CAAC,IACpI;QACb,CAAC,CAAC,KAAC,cAAc,IAAC,IAAI,EAAE,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,SAAS,EAAE,OAAO,CAAC,aAAa,CAAC,EAAE,EACvE,KAAK,EAAE,KAAK,CAAC,KAAK,EAClB,UAAU,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,KAAC,MAAM,oBAAM,IAAI,EAAI,EAC3C,wBAAwB,EAAE,KAAK,CAAC,wBAAwB,YAC1D,KAAK,CAAC,QAAQ,IAAI,cAAK,SAAS,EAAE,OAAO,CAAC,QAAQ,YAChD,KAAC,QAAQ,cACJ,KAAK,CAAC,QAAQ,GACR,GACT,GAAkB,CAC3B,CAAC;AACN,CAAC,CAAA"}
|
|
@@ -1,7 +1,15 @@
|
|
|
1
|
+
import { BrandVariants } from "@fluentui/react-components";
|
|
1
2
|
export type themeScheme = "light" | "dark";
|
|
2
3
|
export interface iThemeInfo {
|
|
3
4
|
auto: boolean;
|
|
4
5
|
scheme: themeScheme;
|
|
6
|
+
/** if you want to change the theme colors on the fly */
|
|
7
|
+
brandVariants?: BrandVariants;
|
|
5
8
|
}
|
|
6
9
|
export declare function setThemeInfo(themeInfo: iThemeInfo): void;
|
|
10
|
+
/** returns the theme hook, tells you if to use dark / light and brand variables if they were ever saved.
|
|
11
|
+
* call getTheme({dark:theme.scheme==="dark"}) to get the theme, or if your app wants to use custom colors too
|
|
12
|
+
* call getTheme({dark:theme.scheme==="dark"}, theme.brandVariants) or
|
|
13
|
+
* getTheme({dark:theme.scheme==="dark"}, netSuiteDefault)
|
|
14
|
+
*/
|
|
7
15
|
export declare function useTheme(): iThemeInfo;
|
|
@@ -1,24 +1,19 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
import {
|
|
2
|
+
import { dispatchCustomEvent, getGlobal, isNotEmptyString, isNullOrUndefined, jsonParse, jsonStringify } from "@kwiz/common";
|
|
3
3
|
import { useEffect, useId, useState } from "react";
|
|
4
4
|
import { useIsInPrint } from "./hooks-events";
|
|
5
|
-
const $themeCookie = "KWTheme";
|
|
6
5
|
function getDefaultThemeInfo() {
|
|
7
6
|
const themeInfo = { auto: true, scheme: window.matchMedia('(prefers-color-scheme: dark)').matches ? "dark" : "light" };
|
|
8
7
|
return themeInfo;
|
|
9
8
|
}
|
|
10
9
|
function getThemeInfo() {
|
|
11
|
-
let themeInfo =
|
|
12
|
-
|
|
13
|
-
if (isNullOrUndefined(cookie)) {
|
|
10
|
+
let themeInfo = getThemeFromLocalStorage();
|
|
11
|
+
if (themeInfo) {
|
|
14
12
|
themeInfo = getDefaultThemeInfo();
|
|
15
13
|
}
|
|
16
|
-
else {
|
|
17
|
-
themeInfo = { auto: false, scheme: cookie === "dark" ? "dark" : "light" };
|
|
18
|
-
}
|
|
19
14
|
return themeInfo;
|
|
20
15
|
}
|
|
21
|
-
const globals = getGlobal("
|
|
16
|
+
const globals = getGlobal("sos_theme_global", {
|
|
22
17
|
theme: getThemeInfo()
|
|
23
18
|
});
|
|
24
19
|
export function setThemeInfo(themeInfo) {
|
|
@@ -26,14 +21,19 @@ export function setThemeInfo(themeInfo) {
|
|
|
26
21
|
? getDefaultThemeInfo()
|
|
27
22
|
: themeInfo;
|
|
28
23
|
if (!themeInfo.auto) {
|
|
29
|
-
|
|
24
|
+
saveThemeInLocalStorage(themeInfo);
|
|
30
25
|
}
|
|
31
26
|
else {
|
|
32
|
-
|
|
27
|
+
removeThemeInLocalStorage();
|
|
33
28
|
}
|
|
34
29
|
globals.theme = newThemeInfo;
|
|
35
30
|
dispatchCustomEvent(globalThis, "OnThemeChanged");
|
|
36
31
|
}
|
|
32
|
+
/** returns the theme hook, tells you if to use dark / light and brand variables if they were ever saved.
|
|
33
|
+
* call getTheme({dark:theme.scheme==="dark"}) to get the theme, or if your app wants to use custom colors too
|
|
34
|
+
* call getTheme({dark:theme.scheme==="dark"}, theme.brandVariants) or
|
|
35
|
+
* getTheme({dark:theme.scheme==="dark"}, netSuiteDefault)
|
|
36
|
+
*/
|
|
37
37
|
export function useTheme() {
|
|
38
38
|
const [theme, setTheme] = useState(globals.theme);
|
|
39
39
|
const isInPrint = useIsInPrint();
|
|
@@ -47,4 +47,18 @@ export function useTheme() {
|
|
|
47
47
|
}, [id]);
|
|
48
48
|
return isInPrint ? { auto: false, scheme: "light" } : theme;
|
|
49
49
|
}
|
|
50
|
+
const $themeStorageKey = "sos-theme-info";
|
|
51
|
+
function saveThemeInLocalStorage(themeInfo) {
|
|
52
|
+
localStorage.setItem($themeStorageKey, jsonStringify(themeInfo));
|
|
53
|
+
}
|
|
54
|
+
function getThemeFromLocalStorage() {
|
|
55
|
+
const str = localStorage.getItem($themeStorageKey);
|
|
56
|
+
if (isNotEmptyString(str))
|
|
57
|
+
return jsonParse(str);
|
|
58
|
+
else
|
|
59
|
+
return null;
|
|
60
|
+
}
|
|
61
|
+
function removeThemeInLocalStorage() {
|
|
62
|
+
localStorage.removeItem($themeStorageKey);
|
|
63
|
+
}
|
|
50
64
|
//# sourceMappingURL=use-theme.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"use-theme.js","sourceRoot":"","sources":["../../src/helpers/use-theme.ts"],"names":[],"mappings":"AAAA,YAAY,CAAA;
|
|
1
|
+
{"version":3,"file":"use-theme.js","sourceRoot":"","sources":["../../src/helpers/use-theme.ts"],"names":[],"mappings":"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"}
|
package/dist/styles/theme.d.ts
CHANGED
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
import { BrandVariants, Theme } from "@fluentui/react-components";
|
|
2
|
+
import { IDictionary } from "@kwiz/common";
|
|
2
3
|
export interface iThemeContext {
|
|
3
4
|
teams?: boolean;
|
|
4
5
|
dark?: boolean;
|
|
@@ -10,3 +11,11 @@ export declare const kThemePurple: BrandVariants;
|
|
|
10
11
|
export declare const kThemeOrange: BrandVariants;
|
|
11
12
|
export declare const kThemeSecondary: BrandVariants;
|
|
12
13
|
export declare const netSuiteDefault: BrandVariants;
|
|
14
|
+
/**
|
|
15
|
+
* Automatically generates a valid Fluent UI v9 Theme from the current SharePoint site theme
|
|
16
|
+
* Or pass along a v8 __themeState__.theme
|
|
17
|
+
*/
|
|
18
|
+
export declare function getFluentV9BrandVariantsFromV8Pallet(theme?: IDictionary<string>): {
|
|
19
|
+
bv: BrandVariants;
|
|
20
|
+
isDark: boolean;
|
|
21
|
+
};
|
package/dist/styles/theme.js
CHANGED
|
@@ -1,8 +1,19 @@
|
|
|
1
1
|
import { createDarkTheme, createLightTheme, teamsDarkTheme, teamsLightTheme } from "@fluentui/react-components";
|
|
2
|
-
|
|
2
|
+
import { createBrandVariants } from '@fluentui/react-migration-v8-v9';
|
|
3
|
+
import { isNullOrUndefined } from "@kwiz/common";
|
|
4
|
+
export function getTheme(ctx, t) {
|
|
5
|
+
if (isNullOrUndefined(t)) {
|
|
6
|
+
const spoTheme = getFluentV9BrandVariantsFromV8Pallet();
|
|
7
|
+
if (spoTheme) {
|
|
8
|
+
t = spoTheme.bv;
|
|
9
|
+
ctx.dark = spoTheme.isDark;
|
|
10
|
+
}
|
|
11
|
+
else
|
|
12
|
+
t = kThemeDefault;
|
|
13
|
+
}
|
|
3
14
|
const theme = ctx.dark
|
|
4
|
-
? getDarkTheme(ctx, t)
|
|
5
|
-
: getLightTheme(ctx, t);
|
|
15
|
+
? getDarkTheme(ctx.teams, t)
|
|
16
|
+
: getLightTheme(ctx.teams, t);
|
|
6
17
|
if (ctx.fullPage) {
|
|
7
18
|
try {
|
|
8
19
|
//make these variables available from the page root
|
|
@@ -110,15 +121,15 @@ export const netSuiteDefault = {
|
|
|
110
121
|
150: "#C0C8D7",
|
|
111
122
|
160: "#D1D7E2"
|
|
112
123
|
};
|
|
113
|
-
function getLightTheme(
|
|
114
|
-
if (
|
|
124
|
+
function getLightTheme(teams, t = kThemeDefault) {
|
|
125
|
+
if (teams)
|
|
115
126
|
return teamsLightTheme;
|
|
116
127
|
//return jsonClone(webLightTheme);
|
|
117
128
|
const lightTheme = Object.assign({}, createLightTheme(t));
|
|
118
129
|
return lightTheme;
|
|
119
130
|
}
|
|
120
|
-
function getDarkTheme(
|
|
121
|
-
if (
|
|
131
|
+
function getDarkTheme(teams, t = kThemeDefault) {
|
|
132
|
+
if (teams)
|
|
122
133
|
return teamsDarkTheme;
|
|
123
134
|
//return jsonClone(webDarkTheme);
|
|
124
135
|
const darkTheme = Object.assign({}, createDarkTheme(t));
|
|
@@ -126,4 +137,19 @@ function getDarkTheme(ctx, t = kThemeDefault) {
|
|
|
126
137
|
darkTheme.colorBrandForeground2 = t[120];
|
|
127
138
|
return darkTheme;
|
|
128
139
|
}
|
|
140
|
+
/**
|
|
141
|
+
* Automatically generates a valid Fluent UI v9 Theme from the current SharePoint site theme
|
|
142
|
+
* Or pass along a v8 __themeState__.theme
|
|
143
|
+
*/
|
|
144
|
+
export function getFluentV9BrandVariantsFromV8Pallet(theme) {
|
|
145
|
+
var _a;
|
|
146
|
+
const spPalette = theme || ((_a = window.__themeState__) === null || _a === void 0 ? void 0 : _a.theme);
|
|
147
|
+
if (spPalette && spPalette.themePrimary && spPalette.white) {
|
|
148
|
+
const isDark = spPalette.white.toLowerCase() !== '#ffffff';
|
|
149
|
+
// Generate a v9 16-shade brand ramp mapping from the legacy slots
|
|
150
|
+
const bv = createBrandVariants(spPalette);
|
|
151
|
+
return { bv, isDark };
|
|
152
|
+
}
|
|
153
|
+
return null;
|
|
154
|
+
}
|
|
129
155
|
//# sourceMappingURL=theme.js.map
|
package/dist/styles/theme.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"theme.js","sourceRoot":"","sources":["../../src/styles/theme.ts"],"names":[],"mappings":"AAAA,OAAO,EAAwB,eAAe,EAAE,gBAAgB,EAAE,cAAc,EAAE,eAAe,EAAE,MAAM,4BAA4B,CAAC;
|
|
1
|
+
{"version":3,"file":"theme.js","sourceRoot":"","sources":["../../src/styles/theme.ts"],"names":[],"mappings":"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"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@kwiz/fluentui",
|
|
3
|
-
"version": "1.0.
|
|
3
|
+
"version": "1.0.210",
|
|
4
4
|
"description": "KWIZ common controls for FluentUI",
|
|
5
5
|
"module": "dist/index.js",
|
|
6
6
|
"types": "dist/index.d.ts",
|
|
@@ -63,8 +63,9 @@
|
|
|
63
63
|
"dependencies": {
|
|
64
64
|
"@fluentui/react-datepicker-compat": "^0.4.53",
|
|
65
65
|
"@fluentui/react-file-type-icons": "^8.17.0",
|
|
66
|
+
"@fluentui/react-migration-v8-v9": "^9.10.19",
|
|
66
67
|
"@fluentui/react-timepicker-compat": "^0.2.42",
|
|
67
|
-
"@kwiz/common": "^1.0.
|
|
68
|
+
"@kwiz/common": "^1.0.270",
|
|
68
69
|
"@mismerge/core": "^1.2.1",
|
|
69
70
|
"@mismerge/react": "^1.0.1",
|
|
70
71
|
"@monaco-editor/react": "^4.7.0",
|