@kwiz/fluentui 1.0.136 → 1.0.137

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.
Files changed (10) hide show
  1. package/dist/controls/horizontal.d.ts +1 -1
  2. package/dist/controls/horizontal.js +1 -1
  3. package/dist/controls/horizontal.js.map +1 -1
  4. package/dist/controls/stack.d.ts +1 -1
  5. package/dist/controls/stack.js +22 -5
  6. package/dist/controls/stack.js.map +1 -1
  7. package/dist/controls/vertical.d.ts +1 -1
  8. package/dist/controls/vertical.js +1 -1
  9. package/dist/controls/vertical.js.map +1 -1
  10. package/package.json +1 -1
package/dist/controls/horizontal.d.ts CHANGED
@@ -6,7 +6,7 @@ export interface iHorizontalProps extends Omit<IStackProps, "direction" | "justi
6
6
  /** align items horizontal centered */
7
7
  hCentered?: boolean;
8
8
  /** horizontal space items evenly */
9
- hSpaced?: boolean;
9
+ hSpaced?: boolean | "evenly" | "between" | "around";
10
10
  }
11
11
  export declare const Horizontal: (props: iHorizontalProps & {
12
12
  children?: React.ReactNode | undefined;
package/dist/controls/horizontal.js CHANGED
@@ -2,6 +2,6 @@ import { jsx as _jsx } from "react/jsx-runtime";
2
2
  import React from 'react';
3
3
  import { Stack } from './stack';
4
4
  export const Horizontal = React.forwardRef((props, ref) => {
5
- return _jsx(Stack, Object.assign({}, props, { ref: ref, direction: 'h', justified: props.hCentered ? "centered" : props.hSpaced ? "spaced" : false }));
5
+ return _jsx(Stack, Object.assign({}, props, { ref: ref, direction: 'h', justified: props.hCentered === true ? "centered" : props.hSpaced === true ? "evenly" : props.hSpaced }));
6
6
  });
7
7
  //# sourceMappingURL=horizontal.js.map
package/dist/controls/horizontal.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"horizontal.js","sourceRoot":"","sources":["../../src/controls/horizontal.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAe,KAAK,EAAE,MAAM,SAAS,CAAC;AAU7C,MAAM,CAAC,MAAM,UAAU,GAAG,KAAK,CAAC,UAAU,CAA4D,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE;IACjH,OAAO,KAAC,KAAK,oBAAK,KAAK,IAAE,GAAG,EAAE,GAAG,EAC7B,SAAS,EAAC,GAAG,EACb,SAAS,EAAE,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,KAAK,IAC5E,CAAC;AACP,CAAC,CAAC,CAAC"}
1
+ {"version":3,"file":"horizontal.js","sourceRoot":"","sources":["../../src/controls/horizontal.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAe,KAAK,EAAE,MAAM,SAAS,CAAC;AAU7C,MAAM,CAAC,MAAM,UAAU,GAAG,KAAK,CAAC,UAAU,CAA4D,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE;IACjH,OAAO,KAAC,KAAK,oBAAK,KAAK,IAAE,GAAG,EAAE,GAAG,EAC7B,SAAS,EAAC,GAAG,EACb,SAAS,EAAE,KAAK,CAAC,SAAS,KAAK,IAAI,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,KAAK,CAAC,OAAO,KAAK,IAAI,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,OAAO,IACtG,CAAC;AACP,CAAC,CAAC,CAAC"}
package/dist/controls/stack.d.ts CHANGED
@@ -8,7 +8,7 @@ export interface IStackProps extends ISectionProps {
8
8
  /** align items */
9
9
  centered?: boolean;
10
10
  /** justify items */
11
- justified?: boolean | "centered" | "spaced";
11
+ justified?: boolean | "centered" | "evenly" | "between" | "around";
12
12
  }
13
13
  export declare const Stack: (props: IStackProps & {
14
14
  children?: React.ReactNode | undefined;
package/dist/controls/stack.js CHANGED
@@ -15,9 +15,15 @@ const useStyles = makeStyles({
15
15
  justified: {
16
16
  justifyContent: "center"
17
17
  },
18
- justifiedSpaced: {
18
+ justifiedEvenly: {
19
19
  justifyContent: "space-evently"
20
20
  },
21
+ justifiedBetween: {
22
+ justifyContent: "space-between"
23
+ },
24
+ justifiedAround: {
25
+ justifyContent: "space-around"
26
+ },
21
27
  });
22
28
  export const Stack = React.forwardRef((props, ref) => {
23
29
  const cssNames = useStyles();
@@ -31,10 +37,21 @@ export const Stack = React.forwardRef((props, ref) => {
31
37
  css.push(cssNames.nogap);
32
38
  if (props.centered)
33
39
  css.push(cssNames.centered);
34
- if (props.justified === "spaced")
35
- css.push(cssNames.justifiedSpaced);
36
- else if (props.justified === true || props.justified === "centered")
37
- css.push(cssNames.justified);
40
+ switch (props.justified) {
41
+ case "evenly":
42
+ css.push(cssNames.justifiedEvenly);
43
+ break;
44
+ case "between":
45
+ css.push(cssNames.justifiedBetween);
46
+ break;
47
+ case "around":
48
+ css.push(cssNames.justifiedAround);
49
+ break;
50
+ case "centered":
51
+ case true:
52
+ css.push(cssNames.justified);
53
+ break;
54
+ }
38
55
  if (isNotEmptyArray(props.css))
39
56
  css.push(...props.css);
40
57
  return (_jsx(Section, Object.assign({}, props, { css: css, ref: ref })));
package/dist/controls/stack.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"stack.js","sourceRoot":"","sources":["../../src/controls/stack.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,4BAA4B,CAAC;AACxD,OAAO,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AAC/C,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,eAAe,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAC;AAC3D,OAAO,EAAiB,OAAO,EAAE,MAAM,WAAW,CAAC;AAEnD,MAAM,SAAS,GAAG,UAAU,CAAC;IACzB,UAAU,kCACH,MAAM,CAAC,IAAI,KACd,aAAa,EAAE,KAAK,GACvB;IACD,QAAQ,kCACD,MAAM,CAAC,IAAI,KACd,aAAa,EAAE,QAAQ,GAC1B;IACD,IAAI,EAAE,MAAM,CAAC,IAAI;IACjB,KAAK,EAAE,MAAM,CAAC,KAAK;IACnB,QAAQ,EAAE;QACN,UAAU,EAAE,QAAQ;KACvB;IACD,SAAS,EAAE;QACP,cAAc,EAAE,QAAQ;KAC3B;IACD,eAAe,EAAE;QACb,cAAc,EAAE,eAAe;KAClC;CACJ,CAAC,CAAA;AAYF,MAAM,CAAC,MAAM,KAAK,GAAG,KAAK,CAAC,UAAU,CAAuD,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE;IACvG,MAAM,QAAQ,GAAG,SAAS,EAAE,CAAC;IAC7B,IAAI,GAAG,GAAa;QAChB,KAAK,CAAC,SAAS,KAAK,GAAG,CAAC,CAAC,CAAC,eAAe,CAAC,UAAU,CAAC,CAAC,CAAC,eAAe,CAAC,QAAQ;QAC/E,KAAK,CAAC,SAAS,KAAK,GAAG,CAAC,CAAC,CAAC,QAAQ,CAAC,UAAU,CAAC,CAAC,CAAC,QAAQ,CAAC,QAAQ;KACpE,CAAC;IAEF,IAAI,KAAK,CAAC,IAAI;QACV,GAAG,CAAC,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC;IAC5B,IAAI,KAAK,CAAC,KAAK;QACX,GAAG,CAAC,IAAI,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;IAC7B,IAAI,KAAK,CAAC,QAAQ;QACd,GAAG,CAAC,IAAI,CAAC,QAAQ,CAAC,QAAQ,CAAC,CAAC;IAEhC,IAAI,KAAK,CAAC,SAAS,KAAK,QAAQ;QAC5B,GAAG,CAAC,IAAI,CAAC,QAAQ,CAAC,eAAe,CAAC,CAAC;SAClC,IAAI,KAAK,CAAC,SAAS,KAAK,IAAI,IAAI,KAAK,CAAC,SAAS,KAAK,UAAU;QAC/D,GAAG,CAAC,IAAI,CAAC,QAAQ,CAAC,SAAS,CAAC,CAAC;IAEjC,IAAI,eAAe,CAAC,KAAK,CAAC,GAAG,CAAC;QAAE,GAAG,CAAC,IAAI,CAAC,GAAG,KAAK,CAAC,GAAG,CAAC,CAAC;IAEvD,OAAO,CACH,KAAC,OAAO,oBAAK,KAAK,IAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,IAAI,CAC7C,CAAC;AACN,CAAC,CAAC,CAAC"}
1
+ {"version":3,"file":"stack.js","sourceRoot":"","sources":["../../src/controls/stack.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,4BAA4B,CAAC;AACxD,OAAO,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AAC/C,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,eAAe,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAC;AAC3D,OAAO,EAAiB,OAAO,EAAE,MAAM,WAAW,CAAC;AAEnD,MAAM,SAAS,GAAG,UAAU,CAAC;IACzB,UAAU,kCACH,MAAM,CAAC,IAAI,KACd,aAAa,EAAE,KAAK,GACvB;IACD,QAAQ,kCACD,MAAM,CAAC,IAAI,KACd,aAAa,EAAE,QAAQ,GAC1B;IACD,IAAI,EAAE,MAAM,CAAC,IAAI;IACjB,KAAK,EAAE,MAAM,CAAC,KAAK;IACnB,QAAQ,EAAE;QACN,UAAU,EAAE,QAAQ;KACvB;IACD,SAAS,EAAE;QACP,cAAc,EAAE,QAAQ;KAC3B;IACD,eAAe,EAAE;QACb,cAAc,EAAE,eAAe;KAClC;IACD,gBAAgB,EAAE;QACd,cAAc,EAAE,eAAe;KAClC;IACD,eAAe,EAAE;QACb,cAAc,EAAE,cAAc;KACjC;CACJ,CAAC,CAAA;AAYF,MAAM,CAAC,MAAM,KAAK,GAAG,KAAK,CAAC,UAAU,CAAuD,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE;IACvG,MAAM,QAAQ,GAAG,SAAS,EAAE,CAAC;IAC7B,IAAI,GAAG,GAAa;QAChB,KAAK,CAAC,SAAS,KAAK,GAAG,CAAC,CAAC,CAAC,eAAe,CAAC,UAAU,CAAC,CAAC,CAAC,eAAe,CAAC,QAAQ;QAC/E,KAAK,CAAC,SAAS,KAAK,GAAG,CAAC,CAAC,CAAC,QAAQ,CAAC,UAAU,CAAC,CAAC,CAAC,QAAQ,CAAC,QAAQ;KACpE,CAAC;IAEF,IAAI,KAAK,CAAC,IAAI;QACV,GAAG,CAAC,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC;IAC5B,IAAI,KAAK,CAAC,KAAK;QACX,GAAG,CAAC,IAAI,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;IAC7B,IAAI,KAAK,CAAC,QAAQ;QACd,GAAG,CAAC,IAAI,CAAC,QAAQ,CAAC,QAAQ,CAAC,CAAC;IAEhC,QAAQ,KAAK,CAAC,SAAS,EAAE,CAAC;QACtB,KAAK,QAAQ;YACT,GAAG,CAAC,IAAI,CAAC,QAAQ,CAAC,eAAe,CAAC,CAAC;YACnC,MAAM;QACV,KAAK,SAAS;YACV,GAAG,CAAC,IAAI,CAAC,QAAQ,CAAC,gBAAgB,CAAC,CAAC;YACpC,MAAM;QACV,KAAK,QAAQ;YACT,GAAG,CAAC,IAAI,CAAC,QAAQ,CAAC,eAAe,CAAC,CAAC;YACnC,MAAM;QACV,KAAK,UAAU,CAAC;QAChB,KAAK,IAAI;YACL,GAAG,CAAC,IAAI,CAAC,QAAQ,CAAC,SAAS,CAAC,CAAC;YAC7B,MAAM;IACd,CAAC;IAED,IAAI,eAAe,CAAC,KAAK,CAAC,GAAG,CAAC;QAAE,GAAG,CAAC,IAAI,CAAC,GAAG,KAAK,CAAC,GAAG,CAAC,CAAC;IAEvD,OAAO,CACH,KAAC,OAAO,oBAAK,KAAK,IAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,IAAI,CAC7C,CAAC;AACN,CAAC,CAAC,CAAC"}
package/dist/controls/vertical.d.ts CHANGED
@@ -6,7 +6,7 @@ interface IProps extends Omit<IStackProps, "direction" | "justified"> {
6
6
  /** align items vertical centered */
7
7
  vCentered?: boolean;
8
8
  /** vertical space items evenly */
9
- vSpaced?: boolean;
9
+ vSpaced?: boolean | "evenly" | "between" | "around";
10
10
  }
11
11
  export declare const Vertical: (props: IProps & {
12
12
  children?: React.ReactNode | undefined;
package/dist/controls/vertical.js CHANGED
@@ -2,6 +2,6 @@ import { jsx as _jsx } from "react/jsx-runtime";
2
2
  import React from 'react';
3
3
  import { Stack } from './stack';
4
4
  export const Vertical = React.forwardRef((props, ref) => {
5
- return _jsx(Stack, Object.assign({}, props, { direction: 'v', justified: props.vCentered ? "centered" : props.vSpaced ? "spaced" : false }));
5
+ return _jsx(Stack, Object.assign({}, props, { direction: 'v', justified: props.vCentered === true ? "centered" : props.vSpaced === true ? "evenly" : props.vSpaced }));
6
6
  });
7
7
  //# sourceMappingURL=vertical.js.map
package/dist/controls/vertical.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"vertical.js","sourceRoot":"","sources":["../../src/controls/vertical.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAe,KAAK,EAAE,MAAM,SAAS,CAAC;AAU7C,MAAM,CAAC,MAAM,QAAQ,GAAG,KAAK,CAAC,UAAU,CAAkD,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE;IACrG,OAAO,KAAC,KAAK,oBAAK,KAAK,IACnB,SAAS,EAAC,GAAG,EACb,SAAS,EAAE,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,KAAK,IAC5E,CAAC;AACP,CAAC,CAAC,CAAC"}
1
+ {"version":3,"file":"vertical.js","sourceRoot":"","sources":["../../src/controls/vertical.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAe,KAAK,EAAE,MAAM,SAAS,CAAC;AAU7C,MAAM,CAAC,MAAM,QAAQ,GAAG,KAAK,CAAC,UAAU,CAAkD,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE;IACrG,OAAO,KAAC,KAAK,oBAAK,KAAK,IACnB,SAAS,EAAC,GAAG,EACb,SAAS,EAAE,KAAK,CAAC,SAAS,KAAK,IAAI,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,KAAK,CAAC,OAAO,KAAK,IAAI,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,OAAO,IACtG,CAAC;AACP,CAAC,CAAC,CAAC"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@kwiz/fluentui",
3
- "version": "1.0.136",
3
+ "version": "1.0.137",
4
4
  "description": "KWIZ common controls for FluentUI",
5
5
  "module": "dist/index.js",
6
6
  "types": "dist/index.d.ts",