@kwiz/fluentui 1.0.87 → 1.0.88
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.
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
2
|
import { makeStyles } from '@fluentui/react-components';
|
|
3
|
+
import { KnownClassNames } from '../styles';
|
|
3
4
|
import { CardEX } from './card';
|
|
4
5
|
import { Centered } from './centered';
|
|
5
6
|
import { Horizontal } from './horizontal';
|
|
@@ -12,6 +13,6 @@ const useStyles = makeStyles({
|
|
|
12
13
|
});
|
|
13
14
|
export const CardList = (props) => {
|
|
14
15
|
const classes = useStyles();
|
|
15
|
-
return (_jsxs(Horizontal, { main: true, wrap: true, children: [props.backfill && _jsx("div", { className: classes.emptyList, children: _jsx(Centered, { children: props.backfill }) }), props.cards.map((card, idx) => _jsx(CardEX, Object.assign({}, card), `i${idx}`))] }));
|
|
16
|
+
return (_jsxs(Horizontal, { main: true, wrap: true, css: [KnownClassNames.cardList], children: [props.backfill && _jsx("div", { className: classes.emptyList, children: _jsx(Centered, { children: props.backfill }) }), props.cards.map((card, idx) => _jsx(CardEX, Object.assign({}, card), `i${idx}`))] }));
|
|
16
17
|
};
|
|
17
18
|
//# sourceMappingURL=card-list.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"card-list.js","sourceRoot":"","sources":["../../src/controls/card-list.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,4BAA4B,CAAC;AAExD,OAAO,EAAE,MAAM,EAAc,MAAM,QAAQ,CAAC;AAC5C,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAE1C,MAAM,SAAS,GAAG,UAAU,CAAC;IACzB,SAAS,EAAE;QACP,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;CACJ,CAAC,CAAC;AAMH,MAAM,CAAC,MAAM,QAAQ,GAA6D,CAAC,KAAK,EAAE,EAAE;IACxF,MAAM,OAAO,GAAG,SAAS,EAAE,CAAC;IAC5B,OAAO,CACH,MAAC,UAAU,IAAC,IAAI,QAAC,IAAI,
|
|
1
|
+
{"version":3,"file":"card-list.js","sourceRoot":"","sources":["../../src/controls/card-list.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,4BAA4B,CAAC;AAExD,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;AAE1C,MAAM,SAAS,GAAG,UAAU,CAAC;IACzB,SAAS,EAAE;QACP,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;CACJ,CAAC,CAAC;AAMH,MAAM,CAAC,MAAM,QAAQ,GAA6D,CAAC,KAAK,EAAE,EAAE;IACxF,MAAM,OAAO,GAAG,SAAS,EAAE,CAAC;IAC5B,OAAO,CACH,MAAC,UAAU,IAAC,IAAI,QAAC,IAAI,QAAC,GAAG,EAAE,CAAC,eAAe,CAAC,QAAQ,CAAC,aAChD,KAAK,CAAC,QAAQ,IAAI,cAAK,SAAS,EAAE,OAAO,CAAC,SAAS,YAChD,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,GAAnB,IAAI,GAAG,EAAE,CAAc,CAAC,IAC5D,CAChB,CAAC;AACN,CAAC,CAAA"}
|
package/dist/styles/styles.d.ts
CHANGED
|
@@ -1,14 +1,4 @@
|
|
|
1
1
|
import { GriffelStyle } from "@fluentui/react-components";
|
|
2
|
-
export declare namespace mixins {
|
|
3
|
-
const main: GriffelStyle;
|
|
4
|
-
const clickable: GriffelStyle;
|
|
5
|
-
const box: GriffelStyle;
|
|
6
|
-
const float: GriffelStyle;
|
|
7
|
-
const flex: GriffelStyle;
|
|
8
|
-
const wrap: GriffelStyle;
|
|
9
|
-
const nogap: GriffelStyle;
|
|
10
|
-
const ellipsis: GriffelStyle;
|
|
11
|
-
}
|
|
12
2
|
export declare const KnownClassNames: {
|
|
13
3
|
print: string;
|
|
14
4
|
printHide: string;
|
|
@@ -25,7 +15,18 @@ export declare const KnownClassNames: {
|
|
|
25
15
|
progressBarStepLabel: string;
|
|
26
16
|
left: string;
|
|
27
17
|
right: string;
|
|
18
|
+
cardList: string;
|
|
28
19
|
};
|
|
20
|
+
export declare namespace mixins {
|
|
21
|
+
const main: GriffelStyle;
|
|
22
|
+
const clickable: GriffelStyle;
|
|
23
|
+
const box: GriffelStyle;
|
|
24
|
+
const float: GriffelStyle;
|
|
25
|
+
const flex: GriffelStyle;
|
|
26
|
+
const wrap: GriffelStyle;
|
|
27
|
+
const nogap: GriffelStyle;
|
|
28
|
+
const ellipsis: GriffelStyle;
|
|
29
|
+
}
|
|
29
30
|
export declare const useCommonStyles: () => Record<"hintLabel" | "validationLabel" | "fullscreen" | "header", string>;
|
|
30
31
|
export declare const commonSizes: {
|
|
31
32
|
/** 360 */
|
package/dist/styles/styles.js
CHANGED
|
@@ -1,4 +1,22 @@
|
|
|
1
1
|
import { makeStyles, tokens } from "@fluentui/react-components";
|
|
2
|
+
export const KnownClassNames = {
|
|
3
|
+
print: 'print-root',
|
|
4
|
+
printHide: 'print-hide',
|
|
5
|
+
printShow: 'print-show',
|
|
6
|
+
section: 'kfui-section',
|
|
7
|
+
vertical: 'kfui-vertical',
|
|
8
|
+
horizontal: 'kfui-horizontal',
|
|
9
|
+
list: 'kfui-list',
|
|
10
|
+
accordion: 'kfui-accordion',
|
|
11
|
+
accordionHeader: 'kfui-accordion-header',
|
|
12
|
+
accordionBody: 'kfui-accordion-body',
|
|
13
|
+
accordionBodyWrapper: 'kfui-accordion-body-wrapper',
|
|
14
|
+
isOpen: 'is-opened',
|
|
15
|
+
progressBarStepLabel: 'step-label',
|
|
16
|
+
left: 'float-left',
|
|
17
|
+
right: 'float-right',
|
|
18
|
+
cardList: 'card-list'
|
|
19
|
+
};
|
|
2
20
|
export var mixins;
|
|
3
21
|
(function (mixins) {
|
|
4
22
|
mixins.main = {
|
|
@@ -33,7 +51,11 @@ export var mixins;
|
|
|
33
51
|
columnGap: tokens.spacingVerticalM,
|
|
34
52
|
};
|
|
35
53
|
mixins.wrap = {
|
|
36
|
-
flexWrap: "wrap"
|
|
54
|
+
flexWrap: "wrap",
|
|
55
|
+
//for some reason priority here is not right
|
|
56
|
+
[`&.${KnownClassNames.horizontal},&.${KnownClassNames.vertical}`]: {
|
|
57
|
+
flexWrap: "wrap"
|
|
58
|
+
}
|
|
37
59
|
};
|
|
38
60
|
mixins.nogap = {
|
|
39
61
|
rowGap: 0,
|
|
@@ -48,23 +70,6 @@ export var mixins;
|
|
|
48
70
|
// export const box: GriffelStyle = {
|
|
49
71
|
// }
|
|
50
72
|
})(mixins || (mixins = {}));
|
|
51
|
-
export const KnownClassNames = {
|
|
52
|
-
print: 'print-root',
|
|
53
|
-
printHide: 'print-hide',
|
|
54
|
-
printShow: 'print-show',
|
|
55
|
-
section: 'kfui-section',
|
|
56
|
-
vertical: 'kfui-vertical',
|
|
57
|
-
horizontal: 'kfui-horizontal',
|
|
58
|
-
list: 'kfui-list',
|
|
59
|
-
accordion: 'kfui-accordion',
|
|
60
|
-
accordionHeader: 'kfui-accordion-header',
|
|
61
|
-
accordionBody: 'kfui-accordion-body',
|
|
62
|
-
accordionBodyWrapper: 'kfui-accordion-body-wrapper',
|
|
63
|
-
isOpen: 'is-opened',
|
|
64
|
-
progressBarStepLabel: 'step-label',
|
|
65
|
-
left: 'float-left',
|
|
66
|
-
right: 'float-right'
|
|
67
|
-
};
|
|
68
73
|
export const useCommonStyles = makeStyles({
|
|
69
74
|
hintLabel: {
|
|
70
75
|
color: tokens.colorNeutralForeground3,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../src/styles/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAgB,UAAU,EAAE,MAAM,EAAE,MAAM,4BAA4B,CAAC;AAE9E,MAAM,KAAQ,MAAM,
|
|
1
|
+
{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../src/styles/styles.ts"],"names":[],"mappings":"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"}
|