@kwiz/fluentui 1.0.135 → 1.0.136

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 +2 -0
  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 +6 -1
  6. package/dist/controls/stack.js.map +1 -1
  7. package/dist/controls/vertical.d.ts +5 -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
@@ -5,6 +5,8 @@ export interface iHorizontalProps extends Omit<IStackProps, "direction" | "justi
5
5
  centered?: boolean;
6
6
  /** align items horizontal centered */
7
7
  hCentered?: boolean;
8
+ /** horizontal space items evenly */
9
+ hSpaced?: boolean;
8
10
  }
9
11
  export declare const Horizontal: (props: iHorizontalProps & {
10
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 }));
5
+ return _jsx(Stack, Object.assign({}, props, { ref: ref, direction: 'h', justified: props.hCentered ? "centered" : props.hSpaced ? "spaced" : false }));
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;AAQ7C,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,IAAI,CAAC;AACvC,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,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,KAAK,IAC5E,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;
11
+ justified?: boolean | "centered" | "spaced";
12
12
  }
13
13
  export declare const Stack: (props: IStackProps & {
14
14
  children?: React.ReactNode | undefined;
package/dist/controls/stack.js CHANGED
@@ -15,6 +15,9 @@ const useStyles = makeStyles({
15
15
  justified: {
16
16
  justifyContent: "center"
17
17
  },
18
+ justifiedSpaced: {
19
+ justifyContent: "space-evently"
20
+ },
18
21
  });
19
22
  export const Stack = React.forwardRef((props, ref) => {
20
23
  const cssNames = useStyles();
@@ -28,7 +31,9 @@ export const Stack = React.forwardRef((props, ref) => {
28
31
  css.push(cssNames.nogap);
29
32
  if (props.centered)
30
33
  css.push(cssNames.centered);
31
- if (props.justified)
34
+ if (props.justified === "spaced")
35
+ css.push(cssNames.justifiedSpaced);
36
+ else if (props.justified === true || props.justified === "centered")
32
37
  css.push(cssNames.justified);
33
38
  if (isNotEmptyArray(props.css))
34
39
  css.push(...props.css);
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;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;IAChC,IAAI,KAAK,CAAC,SAAS;QACf,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;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"}
package/dist/controls/vertical.d.ts CHANGED
@@ -5,8 +5,12 @@ interface IProps extends Omit<IStackProps, "direction" | "justified"> {
5
5
  centered?: boolean;
6
6
  /** align items vertical centered */
7
7
  vCentered?: boolean;
8
+ /** vertical space items evenly */
9
+ vSpaced?: boolean;
8
10
  }
9
11
  export declare const Vertical: (props: IProps & {
10
12
  children?: React.ReactNode | undefined;
11
- } & React.RefAttributes<HTMLDivElement>) => React.JSX.Element | null;
13
+ } & React.RefAttributes<HTMLDivElement>) => React.
14
+ /** vertical space items evenly */
15
+ JSX /** vertical space items evenly */.Element | null;
12
16
  export {};
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 }));
5
+ return _jsx(Stack, Object.assign({}, props, { direction: 'v', justified: props.vCentered ? "centered" : props.vSpaced ? "spaced" : false }));
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;AAQ7C,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,IAAI,CAAC;AACvC,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,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,KAAK,IAC5E,CAAC;AACP,CAAC,CAAC,CAAC"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@kwiz/fluentui",
3
- "version": "1.0.135",
3
+ "version": "1.0.136",
4
4
  "description": "KWIZ common controls for FluentUI",
5
5
  "module": "dist/index.js",
6
6
  "types": "dist/index.d.ts",