@fluentui/react-divider 0.0.0-nightly-20230807-0415.1 → 0.0.0-nightly-20230808-0415.1

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/CHANGELOG.json CHANGED
@@ -2,9 +2,9 @@
2
2
  "name": "@fluentui/react-divider",
3
3
  "entries": [
4
4
  {
5
- "date": "Mon, 07 Aug 2023 04:22:30 GMT",
6
- "tag": "@fluentui/react-divider_v0.0.0-nightly-20230807-0415.1",
7
- "version": "0.0.0-nightly-20230807-0415.1",
5
+ "date": "Tue, 08 Aug 2023 04:22:20 GMT",
6
+ "tag": "@fluentui/react-divider_v0.0.0-nightly-20230808-0415.1",
7
+ "version": "0.0.0-nightly-20230808-0415.1",
8
8
  "comments": {
9
9
  "prerelease": [
10
10
  {
@@ -16,38 +16,38 @@
16
16
  {
17
17
  "author": "beachball",
18
18
  "package": "@fluentui/react-divider",
19
- "comment": "Bump @fluentui/react-jsx-runtime to v0.0.0-nightly-20230807-0415.1",
20
- "commit": "272d9efb55a09fdcdf1014ff7075d14e312e31e7"
19
+ "comment": "Bump @fluentui/react-jsx-runtime to v0.0.0-nightly-20230808-0415.1",
20
+ "commit": "307bdb0a82868b26dbcb9a7aa2318bda66c1cd64"
21
21
  },
22
22
  {
23
23
  "author": "beachball",
24
24
  "package": "@fluentui/react-divider",
25
- "comment": "Bump @fluentui/react-shared-contexts to v0.0.0-nightly-20230807-0415.1",
26
- "commit": "272d9efb55a09fdcdf1014ff7075d14e312e31e7"
25
+ "comment": "Bump @fluentui/react-shared-contexts to v0.0.0-nightly-20230808-0415.1",
26
+ "commit": "307bdb0a82868b26dbcb9a7aa2318bda66c1cd64"
27
27
  },
28
28
  {
29
29
  "author": "beachball",
30
30
  "package": "@fluentui/react-divider",
31
- "comment": "Bump @fluentui/react-theme to v0.0.0-nightly-20230807-0415.1",
32
- "commit": "272d9efb55a09fdcdf1014ff7075d14e312e31e7"
31
+ "comment": "Bump @fluentui/react-theme to v0.0.0-nightly-20230808-0415.1",
32
+ "commit": "307bdb0a82868b26dbcb9a7aa2318bda66c1cd64"
33
33
  },
34
34
  {
35
35
  "author": "beachball",
36
36
  "package": "@fluentui/react-divider",
37
- "comment": "Bump @fluentui/react-utilities to v0.0.0-nightly-20230807-0415.1",
38
- "commit": "272d9efb55a09fdcdf1014ff7075d14e312e31e7"
37
+ "comment": "Bump @fluentui/react-utilities to v0.0.0-nightly-20230808-0415.1",
38
+ "commit": "307bdb0a82868b26dbcb9a7aa2318bda66c1cd64"
39
39
  },
40
40
  {
41
41
  "author": "beachball",
42
42
  "package": "@fluentui/react-divider",
43
- "comment": "Bump @fluentui/react-conformance to v0.0.0-nightly-20230807-0415.1",
44
- "commit": "272d9efb55a09fdcdf1014ff7075d14e312e31e7"
43
+ "comment": "Bump @fluentui/react-conformance to v0.0.0-nightly-20230808-0415.1",
44
+ "commit": "307bdb0a82868b26dbcb9a7aa2318bda66c1cd64"
45
45
  },
46
46
  {
47
47
  "author": "beachball",
48
48
  "package": "@fluentui/react-divider",
49
- "comment": "Bump @fluentui/react-conformance-griffel to v0.0.0-nightly-20230807-0415.1",
50
- "commit": "272d9efb55a09fdcdf1014ff7075d14e312e31e7"
49
+ "comment": "Bump @fluentui/react-conformance-griffel to v0.0.0-nightly-20230808-0415.1",
50
+ "commit": "307bdb0a82868b26dbcb9a7aa2318bda66c1cd64"
51
51
  }
52
52
  ]
53
53
  }
package/CHANGELOG.md CHANGED
@@ -1,23 +1,23 @@
1
1
  # Change Log - @fluentui/react-divider
2
2
 
3
- This log was last generated on Mon, 07 Aug 2023 04:22:30 GMT and should not be manually modified.
3
+ This log was last generated on Tue, 08 Aug 2023 04:22:20 GMT and should not be manually modified.
4
4
 
5
5
  <!-- Start content -->
6
6
 
7
- ## [0.0.0-nightly-20230807-0415.1](https://github.com/microsoft/fluentui/tree/@fluentui/react-divider_v0.0.0-nightly-20230807-0415.1)
7
+ ## [0.0.0-nightly-20230808-0415.1](https://github.com/microsoft/fluentui/tree/@fluentui/react-divider_v0.0.0-nightly-20230808-0415.1)
8
8
 
9
- Mon, 07 Aug 2023 04:22:30 GMT
10
- [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-divider_v9.2.23..@fluentui/react-divider_v0.0.0-nightly-20230807-0415.1)
9
+ Tue, 08 Aug 2023 04:22:20 GMT
10
+ [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-divider_v9.2.23..@fluentui/react-divider_v0.0.0-nightly-20230808-0415.1)
11
11
 
12
12
  ### Changes
13
13
 
14
14
  - Release nightly v9 ([commit](https://github.com/microsoft/fluentui/commit/not available) by fluentui-internal@service.microsoft.com)
15
- - Bump @fluentui/react-jsx-runtime to v0.0.0-nightly-20230807-0415.1 ([commit](https://github.com/microsoft/fluentui/commit/272d9efb55a09fdcdf1014ff7075d14e312e31e7) by beachball)
16
- - Bump @fluentui/react-shared-contexts to v0.0.0-nightly-20230807-0415.1 ([commit](https://github.com/microsoft/fluentui/commit/272d9efb55a09fdcdf1014ff7075d14e312e31e7) by beachball)
17
- - Bump @fluentui/react-theme to v0.0.0-nightly-20230807-0415.1 ([commit](https://github.com/microsoft/fluentui/commit/272d9efb55a09fdcdf1014ff7075d14e312e31e7) by beachball)
18
- - Bump @fluentui/react-utilities to v0.0.0-nightly-20230807-0415.1 ([commit](https://github.com/microsoft/fluentui/commit/272d9efb55a09fdcdf1014ff7075d14e312e31e7) by beachball)
19
- - Bump @fluentui/react-conformance to v0.0.0-nightly-20230807-0415.1 ([commit](https://github.com/microsoft/fluentui/commit/272d9efb55a09fdcdf1014ff7075d14e312e31e7) by beachball)
20
- - Bump @fluentui/react-conformance-griffel to v0.0.0-nightly-20230807-0415.1 ([commit](https://github.com/microsoft/fluentui/commit/272d9efb55a09fdcdf1014ff7075d14e312e31e7) by beachball)
15
+ - Bump @fluentui/react-jsx-runtime to v0.0.0-nightly-20230808-0415.1 ([commit](https://github.com/microsoft/fluentui/commit/307bdb0a82868b26dbcb9a7aa2318bda66c1cd64) by beachball)
16
+ - Bump @fluentui/react-shared-contexts to v0.0.0-nightly-20230808-0415.1 ([commit](https://github.com/microsoft/fluentui/commit/307bdb0a82868b26dbcb9a7aa2318bda66c1cd64) by beachball)
17
+ - Bump @fluentui/react-theme to v0.0.0-nightly-20230808-0415.1 ([commit](https://github.com/microsoft/fluentui/commit/307bdb0a82868b26dbcb9a7aa2318bda66c1cd64) by beachball)
18
+ - Bump @fluentui/react-utilities to v0.0.0-nightly-20230808-0415.1 ([commit](https://github.com/microsoft/fluentui/commit/307bdb0a82868b26dbcb9a7aa2318bda66c1cd64) by beachball)
19
+ - Bump @fluentui/react-conformance to v0.0.0-nightly-20230808-0415.1 ([commit](https://github.com/microsoft/fluentui/commit/307bdb0a82868b26dbcb9a7aa2318bda66c1cd64) by beachball)
20
+ - Bump @fluentui/react-conformance-griffel to v0.0.0-nightly-20230808-0415.1 ([commit](https://github.com/microsoft/fluentui/commit/307bdb0a82868b26dbcb9a7aa2318bda66c1cd64) by beachball)
21
21
 
22
22
  ## [9.2.23](https://github.com/microsoft/fluentui/tree/@fluentui/react-divider_v9.2.23)
23
23
 
@@ -1,8 +1,8 @@
1
1
  /** @jsxRuntime classic */ /** @jsx createElement */ import { createElement } from '@fluentui/react-jsx-runtime';
2
- import { getSlotsNext } from '@fluentui/react-utilities';
2
+ import { assertSlots } from '@fluentui/react-utilities';
3
3
  /**
4
4
  * Renders a Divider component by passing the slot props (defined in `state`) to the appropriate slots.
5
5
  */ export const renderDivider_unstable = (state)=>{
6
- const { slots , slotProps } = getSlotsNext(state);
7
- return /*#__PURE__*/ createElement(slots.root, slotProps.root, slotProps.root.children !== undefined && /*#__PURE__*/ createElement(slots.wrapper, slotProps.wrapper, slotProps.root.children));
6
+ assertSlots(state);
7
+ return /*#__PURE__*/ createElement(state.root, null, state.root.children !== undefined && /*#__PURE__*/ createElement(state.wrapper, null, state.root.children));
8
8
  };
@@ -1 +1 @@
1
- {"version":3,"sources":["renderDivider.tsx"],"sourcesContent":["/** @jsxRuntime classic */\n/** @jsx createElement */\n\nimport { createElement } from '@fluentui/react-jsx-runtime';\n\nimport { getSlotsNext } from '@fluentui/react-utilities';\nimport { DividerSlots, DividerState } from './Divider.types';\n\n/**\n * Renders a Divider component by passing the slot props (defined in `state`) to the appropriate slots.\n */\nexport const renderDivider_unstable = (state: DividerState) => {\n const { slots, slotProps } = getSlotsNext<DividerSlots>(state);\n return (\n <slots.root {...slotProps.root}>\n {slotProps.root.children !== undefined && (\n <slots.wrapper {...slotProps.wrapper}>{slotProps.root.children}</slots.wrapper>\n )}\n </slots.root>\n );\n};\n"],"names":["createElement","getSlotsNext","renderDivider_unstable","state","slots","slotProps","root","children","undefined","wrapper"],"mappings":"AAAA,wBAAwB,GACxB,uBAAuB,GAEvB,SAASA,aAAa,QAAQ,8BAA8B;AAE5D,SAASC,YAAY,QAAQ,4BAA4B;AAGzD;;CAEC,GACD,OAAO,MAAMC,yBAAyB,CAACC,QAAwB;IAC7D,MAAM,EAAEC,MAAK,EAAEC,UAAS,EAAE,GAAGJ,aAA2BE;IACxD,qBACE,AAbJ,cAaKC,MAAME,IAAI,EAAKD,UAAUC,IAAI,EAC3BD,UAAUC,IAAI,CAACC,QAAQ,KAAKC,2BAC3B,AAfR,cAeSJ,MAAMK,OAAO,EAAKJ,UAAUI,OAAO,EAAGJ,UAAUC,IAAI,CAACC,QAAQ;AAItE,EAAE"}
1
+ {"version":3,"sources":["renderDivider.tsx"],"sourcesContent":["/** @jsxRuntime classic */\n/** @jsx createElement */\n\nimport { createElement } from '@fluentui/react-jsx-runtime';\n\nimport { assertSlots } from '@fluentui/react-utilities';\nimport { DividerSlots, DividerState } from './Divider.types';\n\n/**\n * Renders a Divider component by passing the slot props (defined in `state`) to the appropriate slots.\n */\nexport const renderDivider_unstable = (state: DividerState) => {\n assertSlots<DividerSlots>(state);\n return (\n <state.root>{state.root.children !== undefined && <state.wrapper>{state.root.children}</state.wrapper>}</state.root>\n );\n};\n"],"names":["createElement","assertSlots","renderDivider_unstable","state","root","children","undefined","wrapper"],"mappings":"AAAA,wBAAwB,GACxB,uBAAuB,GAEvB,SAASA,aAAa,QAAQ,8BAA8B;AAE5D,SAASC,WAAW,QAAQ,4BAA4B;AAGxD;;CAEC,GACD,OAAO,MAAMC,yBAAyB,CAACC,QAAwB;IAC7DF,YAA0BE;IAC1B,qBACE,AAbJ,cAaKA,MAAMC,IAAI,QAAED,MAAMC,IAAI,CAACC,QAAQ,KAAKC,2BAAa,AAbtD,cAauDH,MAAMI,OAAO,QAAEJ,MAAMC,IAAI,CAACC,QAAQ;AAEzF,EAAE"}
@@ -1,5 +1,5 @@
1
1
  import * as React from 'react';
2
- import { getNativeElementProps, resolveShorthand, useId } from '@fluentui/react-utilities';
2
+ import { getNativeElementProps, useId, slot } from '@fluentui/react-utilities';
3
3
  /**
4
4
  * Returns the props and state required to render the component
5
5
  * @param props - User-provided props to the Divider component.
@@ -18,19 +18,21 @@ import { getNativeElementProps, resolveShorthand, useId } from '@fluentui/react-
18
18
  root: 'div',
19
19
  wrapper: 'div'
20
20
  },
21
- root: getNativeElementProps('div', {
21
+ root: slot.always(getNativeElementProps('div', {
22
22
  role: 'separator',
23
23
  'aria-orientation': vertical ? 'vertical' : 'horizontal',
24
24
  'aria-labelledby': props.children ? dividerId : undefined,
25
25
  ...props,
26
26
  ref
27
+ }), {
28
+ elementType: 'div'
27
29
  }),
28
- wrapper: resolveShorthand(wrapper, {
29
- required: true,
30
+ wrapper: slot.always(wrapper, {
30
31
  defaultProps: {
31
32
  id: dividerId,
32
33
  children: props.children
33
- }
34
+ },
35
+ elementType: 'div'
34
36
  })
35
37
  };
36
38
  };
@@ -1 +1 @@
1
- {"version":3,"sources":["useDivider.ts"],"sourcesContent":["import * as React from 'react';\nimport { getNativeElementProps, resolveShorthand, useId } from '@fluentui/react-utilities';\nimport type { DividerProps, DividerState } from './Divider.types';\n\n/**\n * Returns the props and state required to render the component\n * @param props - User-provided props to the Divider component.\n * @param ref - User-provided ref to be passed to the Divider component.\n */\nexport const useDivider_unstable = (props: DividerProps, ref: React.Ref<HTMLElement>): DividerState => {\n const { alignContent = 'center', appearance = 'default', inset = false, vertical = false, wrapper } = props;\n const dividerId = useId('divider-');\n\n return {\n // Props passed at the top-level\n alignContent,\n appearance,\n inset,\n vertical,\n\n // Slots definition\n components: {\n root: 'div',\n wrapper: 'div',\n },\n\n root: getNativeElementProps('div', {\n role: 'separator',\n 'aria-orientation': vertical ? 'vertical' : 'horizontal',\n 'aria-labelledby': props.children ? dividerId : undefined,\n ...props,\n ref,\n }),\n wrapper: resolveShorthand(wrapper, {\n required: true,\n defaultProps: {\n id: dividerId,\n children: props.children,\n },\n }),\n };\n};\n"],"names":["React","getNativeElementProps","resolveShorthand","useId","useDivider_unstable","props","ref","alignContent","appearance","inset","vertical","wrapper","dividerId","components","root","role","children","undefined","required","defaultProps","id"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,qBAAqB,EAAEC,gBAAgB,EAAEC,KAAK,QAAQ,4BAA4B;AAG3F;;;;CAIC,GACD,OAAO,MAAMC,sBAAsB,CAACC,OAAqBC,MAA8C;IACrG,MAAM,EAAEC,cAAe,SAAQ,EAAEC,YAAa,UAAS,EAAEC,OAAQ,KAAK,CAAA,EAAEC,UAAW,KAAK,CAAA,EAAEC,QAAO,EAAE,GAAGN;IACtG,MAAMO,YAAYT,MAAM;IAExB,OAAO;QACL,gCAAgC;QAChCI;QACAC;QACAC;QACAC;QAEA,mBAAmB;QACnBG,YAAY;YACVC,MAAM;YACNH,SAAS;QACX;QAEAG,MAAMb,sBAAsB,OAAO;YACjCc,MAAM;YACN,oBAAoBL,WAAW,aAAa,YAAY;YACxD,mBAAmBL,MAAMW,QAAQ,GAAGJ,YAAYK,SAAS;YACzD,GAAGZ,KAAK;YACRC;QACF;QACAK,SAAST,iBAAiBS,SAAS;YACjCO,UAAU,IAAI;YACdC,cAAc;gBACZC,IAAIR;gBACJI,UAAUX,MAAMW,QAAQ;YAC1B;QACF;IACF;AACF,EAAE"}
1
+ {"version":3,"sources":["useDivider.ts"],"sourcesContent":["import * as React from 'react';\nimport { getNativeElementProps, useId, slot } from '@fluentui/react-utilities';\nimport type { DividerProps, DividerState } from './Divider.types';\n\n/**\n * Returns the props and state required to render the component\n * @param props - User-provided props to the Divider component.\n * @param ref - User-provided ref to be passed to the Divider component.\n */\nexport const useDivider_unstable = (props: DividerProps, ref: React.Ref<HTMLElement>): DividerState => {\n const { alignContent = 'center', appearance = 'default', inset = false, vertical = false, wrapper } = props;\n const dividerId = useId('divider-');\n\n return {\n // Props passed at the top-level\n alignContent,\n appearance,\n inset,\n vertical,\n\n // Slots definition\n components: {\n root: 'div',\n wrapper: 'div',\n },\n\n root: slot.always(\n getNativeElementProps('div', {\n role: 'separator',\n 'aria-orientation': vertical ? 'vertical' : 'horizontal',\n 'aria-labelledby': props.children ? dividerId : undefined,\n ...props,\n ref,\n }),\n { elementType: 'div' },\n ),\n wrapper: slot.always(wrapper, {\n defaultProps: {\n id: dividerId,\n children: props.children,\n },\n elementType: 'div',\n }),\n };\n};\n"],"names":["React","getNativeElementProps","useId","slot","useDivider_unstable","props","ref","alignContent","appearance","inset","vertical","wrapper","dividerId","components","root","always","role","children","undefined","elementType","defaultProps","id"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,qBAAqB,EAAEC,KAAK,EAAEC,IAAI,QAAQ,4BAA4B;AAG/E;;;;CAIC,GACD,OAAO,MAAMC,sBAAsB,CAACC,OAAqBC,MAA8C;IACrG,MAAM,EAAEC,cAAe,SAAQ,EAAEC,YAAa,UAAS,EAAEC,OAAQ,KAAK,CAAA,EAAEC,UAAW,KAAK,CAAA,EAAEC,QAAO,EAAE,GAAGN;IACtG,MAAMO,YAAYV,MAAM;IAExB,OAAO;QACL,gCAAgC;QAChCK;QACAC;QACAC;QACAC;QAEA,mBAAmB;QACnBG,YAAY;YACVC,MAAM;YACNH,SAAS;QACX;QAEAG,MAAMX,KAAKY,MAAM,CACfd,sBAAsB,OAAO;YAC3Be,MAAM;YACN,oBAAoBN,WAAW,aAAa,YAAY;YACxD,mBAAmBL,MAAMY,QAAQ,GAAGL,YAAYM,SAAS;YACzD,GAAGb,KAAK;YACRC;QACF,IACA;YAAEa,aAAa;QAAM;QAEvBR,SAASR,KAAKY,MAAM,CAACJ,SAAS;YAC5BS,cAAc;gBACZC,IAAIT;gBACJK,UAAUZ,MAAMY,QAAQ;YAC1B;YACAE,aAAa;QACf;IACF;AACF,EAAE"}
@@ -9,6 +9,6 @@ Object.defineProperty(exports, "renderDivider_unstable", {
9
9
  const _reactJsxRuntime = require("@fluentui/react-jsx-runtime");
10
10
  const _reactUtilities = require("@fluentui/react-utilities");
11
11
  const renderDivider_unstable = (state)=>{
12
- const { slots , slotProps } = (0, _reactUtilities.getSlotsNext)(state);
13
- return /*#__PURE__*/ (0, _reactJsxRuntime.createElement)(slots.root, slotProps.root, slotProps.root.children !== undefined && /*#__PURE__*/ (0, _reactJsxRuntime.createElement)(slots.wrapper, slotProps.wrapper, slotProps.root.children));
12
+ (0, _reactUtilities.assertSlots)(state);
13
+ return /*#__PURE__*/ (0, _reactJsxRuntime.createElement)(state.root, null, state.root.children !== undefined && /*#__PURE__*/ (0, _reactJsxRuntime.createElement)(state.wrapper, null, state.root.children));
14
14
  };
@@ -1 +1 @@
1
- {"version":3,"sources":["renderDivider.js"],"sourcesContent":["/** @jsxRuntime classic */ /** @jsx createElement */ import { createElement } from '@fluentui/react-jsx-runtime';\nimport { getSlotsNext } from '@fluentui/react-utilities';\n/**\n * Renders a Divider component by passing the slot props (defined in `state`) to the appropriate slots.\n */ export const renderDivider_unstable = (state)=>{\n const { slots , slotProps } = getSlotsNext(state);\n return /*#__PURE__*/ createElement(slots.root, slotProps.root, slotProps.root.children !== undefined && /*#__PURE__*/ createElement(slots.wrapper, slotProps.wrapper, slotProps.root.children));\n};\n"],"names":["renderDivider_unstable","state","slots","slotProps","getSlotsNext","createElement","root","children","undefined","wrapper"],"mappings":"AAAA,wBAAwB,GAAG,uBAAuB;;;;+BAIjCA;;aAAAA;;iCAJkE;gCACtD;AAGlB,MAAMA,yBAAyB,CAACC,QAAQ;IAC/C,MAAM,EAAEC,MAAK,EAAGC,UAAS,EAAG,GAAGC,IAAAA,4BAAY,EAACH;IAC5C,OAAO,WAAW,GAAGI,IAAAA,8BAAa,EAACH,MAAMI,IAAI,EAAEH,UAAUG,IAAI,EAAEH,UAAUG,IAAI,CAACC,QAAQ,KAAKC,aAAa,WAAW,GAAGH,IAAAA,8BAAa,EAACH,MAAMO,OAAO,EAAEN,UAAUM,OAAO,EAAEN,UAAUG,IAAI,CAACC,QAAQ;AACjM"}
1
+ {"version":3,"sources":["renderDivider.js"],"sourcesContent":["/** @jsxRuntime classic */ /** @jsx createElement */ import { createElement } from '@fluentui/react-jsx-runtime';\nimport { assertSlots } from '@fluentui/react-utilities';\n/**\n * Renders a Divider component by passing the slot props (defined in `state`) to the appropriate slots.\n */ export const renderDivider_unstable = (state)=>{\n assertSlots(state);\n return /*#__PURE__*/ createElement(state.root, null, state.root.children !== undefined && /*#__PURE__*/ createElement(state.wrapper, null, state.root.children));\n};\n"],"names":["renderDivider_unstable","state","assertSlots","createElement","root","children","undefined","wrapper"],"mappings":"AAAA,wBAAwB,GAAG,uBAAuB;;;;+BAIjCA;;aAAAA;;iCAJkE;gCACvD;AAGjB,MAAMA,yBAAyB,CAACC,QAAQ;IAC/CC,IAAAA,2BAAW,EAACD;IACZ,OAAO,WAAW,GAAGE,IAAAA,8BAAa,EAACF,MAAMG,IAAI,EAAE,IAAI,EAAEH,MAAMG,IAAI,CAACC,QAAQ,KAAKC,aAAa,WAAW,GAAGH,IAAAA,8BAAa,EAACF,MAAMM,OAAO,EAAE,IAAI,EAAEN,MAAMG,IAAI,CAACC,QAAQ;AAClK"}
@@ -23,19 +23,21 @@ const useDivider_unstable = (props, ref)=>{
23
23
  root: 'div',
24
24
  wrapper: 'div'
25
25
  },
26
- root: (0, _reactUtilities.getNativeElementProps)('div', {
26
+ root: _reactUtilities.slot.always((0, _reactUtilities.getNativeElementProps)('div', {
27
27
  role: 'separator',
28
28
  'aria-orientation': vertical ? 'vertical' : 'horizontal',
29
29
  'aria-labelledby': props.children ? dividerId : undefined,
30
30
  ...props,
31
31
  ref
32
+ }), {
33
+ elementType: 'div'
32
34
  }),
33
- wrapper: (0, _reactUtilities.resolveShorthand)(wrapper, {
34
- required: true,
35
+ wrapper: _reactUtilities.slot.always(wrapper, {
35
36
  defaultProps: {
36
37
  id: dividerId,
37
38
  children: props.children
38
- }
39
+ },
40
+ elementType: 'div'
39
41
  })
40
42
  };
41
43
  };
@@ -1 +1 @@
1
- {"version":3,"sources":["useDivider.js"],"sourcesContent":["import * as React from 'react';\nimport { getNativeElementProps, resolveShorthand, useId } from '@fluentui/react-utilities';\n/**\n * Returns the props and state required to render the component\n * @param props - User-provided props to the Divider component.\n * @param ref - User-provided ref to be passed to the Divider component.\n */ export const useDivider_unstable = (props, ref)=>{\n const { alignContent ='center' , appearance ='default' , inset =false , vertical =false , wrapper } = props;\n const dividerId = useId('divider-');\n return {\n // Props passed at the top-level\n alignContent,\n appearance,\n inset,\n vertical,\n // Slots definition\n components: {\n root: 'div',\n wrapper: 'div'\n },\n root: getNativeElementProps('div', {\n role: 'separator',\n 'aria-orientation': vertical ? 'vertical' : 'horizontal',\n 'aria-labelledby': props.children ? dividerId : undefined,\n ...props,\n ref\n }),\n wrapper: resolveShorthand(wrapper, {\n required: true,\n defaultProps: {\n id: dividerId,\n children: props.children\n }\n })\n };\n};\n"],"names":["useDivider_unstable","props","ref","alignContent","appearance","inset","vertical","wrapper","dividerId","useId","components","root","getNativeElementProps","role","children","undefined","resolveShorthand","required","defaultProps","id"],"mappings":";;;;+BAMiBA;;aAAAA;;;6DANM;gCACwC;AAKpD,MAAMA,sBAAsB,CAACC,OAAOC,MAAM;IACjD,MAAM,EAAEC,cAAc,SAAQ,EAAGC,YAAY,UAAS,EAAGC,OAAO,KAAK,CAAA,EAAGC,UAAU,KAAK,CAAA,EAAGC,QAAO,EAAG,GAAGN;IACvG,MAAMO,YAAYC,IAAAA,qBAAK,EAAC;IACxB,OAAO;QACH,gCAAgC;QAChCN;QACAC;QACAC;QACAC;QACA,mBAAmB;QACnBI,YAAY;YACRC,MAAM;YACNJ,SAAS;QACb;QACAI,MAAMC,IAAAA,qCAAqB,EAAC,OAAO;YAC/BC,MAAM;YACN,oBAAoBP,WAAW,aAAa,YAAY;YACxD,mBAAmBL,MAAMa,QAAQ,GAAGN,YAAYO,SAAS;YACzD,GAAGd,KAAK;YACRC;QACJ;QACAK,SAASS,IAAAA,gCAAgB,EAACT,SAAS;YAC/BU,UAAU,IAAI;YACdC,cAAc;gBACVC,IAAIX;gBACJM,UAAUb,MAAMa,QAAQ;YAC5B;QACJ;IACJ;AACJ"}
1
+ {"version":3,"sources":["useDivider.js"],"sourcesContent":["import * as React from 'react';\nimport { getNativeElementProps, useId, slot } from '@fluentui/react-utilities';\n/**\n * Returns the props and state required to render the component\n * @param props - User-provided props to the Divider component.\n * @param ref - User-provided ref to be passed to the Divider component.\n */ export const useDivider_unstable = (props, ref)=>{\n const { alignContent ='center' , appearance ='default' , inset =false , vertical =false , wrapper } = props;\n const dividerId = useId('divider-');\n return {\n // Props passed at the top-level\n alignContent,\n appearance,\n inset,\n vertical,\n // Slots definition\n components: {\n root: 'div',\n wrapper: 'div'\n },\n root: slot.always(getNativeElementProps('div', {\n role: 'separator',\n 'aria-orientation': vertical ? 'vertical' : 'horizontal',\n 'aria-labelledby': props.children ? dividerId : undefined,\n ...props,\n ref\n }), {\n elementType: 'div'\n }),\n wrapper: slot.always(wrapper, {\n defaultProps: {\n id: dividerId,\n children: props.children\n },\n elementType: 'div'\n })\n };\n};\n"],"names":["useDivider_unstable","props","ref","alignContent","appearance","inset","vertical","wrapper","dividerId","useId","components","root","slot","always","getNativeElementProps","role","children","undefined","elementType","defaultProps","id"],"mappings":";;;;+BAMiBA;;aAAAA;;;6DANM;gCAC4B;AAKxC,MAAMA,sBAAsB,CAACC,OAAOC,MAAM;IACjD,MAAM,EAAEC,cAAc,SAAQ,EAAGC,YAAY,UAAS,EAAGC,OAAO,KAAK,CAAA,EAAGC,UAAU,KAAK,CAAA,EAAGC,QAAO,EAAG,GAAGN;IACvG,MAAMO,YAAYC,IAAAA,qBAAK,EAAC;IACxB,OAAO;QACH,gCAAgC;QAChCN;QACAC;QACAC;QACAC;QACA,mBAAmB;QACnBI,YAAY;YACRC,MAAM;YACNJ,SAAS;QACb;QACAI,MAAMC,oBAAI,CAACC,MAAM,CAACC,IAAAA,qCAAqB,EAAC,OAAO;YAC3CC,MAAM;YACN,oBAAoBT,WAAW,aAAa,YAAY;YACxD,mBAAmBL,MAAMe,QAAQ,GAAGR,YAAYS,SAAS;YACzD,GAAGhB,KAAK;YACRC;QACJ,IAAI;YACAgB,aAAa;QACjB;QACAX,SAASK,oBAAI,CAACC,MAAM,CAACN,SAAS;YAC1BY,cAAc;gBACVC,IAAIZ;gBACJQ,UAAUf,MAAMe,QAAQ;YAC5B;YACAE,aAAa;QACjB;IACJ;AACJ"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@fluentui/react-divider",
3
- "version": "0.0.0-nightly-20230807-0415.1",
3
+ "version": "0.0.0-nightly-20230808-0415.1",
4
4
  "description": "Fluent UI component to visually separate content.",
5
5
  "main": "lib-commonjs/index.js",
6
6
  "module": "lib/index.js",
@@ -27,16 +27,16 @@
27
27
  },
28
28
  "devDependencies": {
29
29
  "@fluentui/eslint-plugin": "*",
30
- "@fluentui/react-conformance": "0.0.0-nightly-20230807-0415.1",
31
- "@fluentui/react-conformance-griffel": "0.0.0-nightly-20230807-0415.1",
30
+ "@fluentui/react-conformance": "0.0.0-nightly-20230808-0415.1",
31
+ "@fluentui/react-conformance-griffel": "0.0.0-nightly-20230808-0415.1",
32
32
  "@fluentui/scripts-api-extractor": "*",
33
33
  "@fluentui/scripts-tasks": "*"
34
34
  },
35
35
  "dependencies": {
36
- "@fluentui/react-jsx-runtime": "0.0.0-nightly-20230807-0415.1",
37
- "@fluentui/react-shared-contexts": "0.0.0-nightly-20230807-0415.1",
38
- "@fluentui/react-theme": "0.0.0-nightly-20230807-0415.1",
39
- "@fluentui/react-utilities": "0.0.0-nightly-20230807-0415.1",
36
+ "@fluentui/react-jsx-runtime": "0.0.0-nightly-20230808-0415.1",
37
+ "@fluentui/react-shared-contexts": "0.0.0-nightly-20230808-0415.1",
38
+ "@fluentui/react-theme": "0.0.0-nightly-20230808-0415.1",
39
+ "@fluentui/react-utilities": "0.0.0-nightly-20230808-0415.1",
40
40
  "@griffel/react": "^1.5.7",
41
41
  "@swc/helpers": "^0.4.14"
42
42
  },