@fluentui/react-accordion 0.0.0-nightly6a6e258c4020220125.1 → 0.0.0-nightly6faffd280a20220221.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.
Files changed (105) hide show
  1. package/CHANGELOG.json +192 -34
  2. package/CHANGELOG.md +51 -14
  3. package/Spec.md +36 -4
  4. package/dist/react-accordion.d.ts +19 -15
  5. package/lib/Accordion.js.map +1 -1
  6. package/lib/AccordionHeader.js.map +1 -1
  7. package/lib/AccordionItem.js.map +1 -1
  8. package/lib/AccordionPanel.js.map +1 -1
  9. package/lib/components/Accordion/Accordion.js.map +1 -1
  10. package/lib/components/Accordion/Accordion.types.d.ts +7 -5
  11. package/lib/components/Accordion/Accordion.types.js.map +1 -1
  12. package/lib/components/Accordion/AccordionContext.js +0 -1
  13. package/lib/components/Accordion/AccordionContext.js.map +1 -1
  14. package/lib/components/Accordion/index.js.map +1 -1
  15. package/lib/components/Accordion/renderAccordion.js.map +1 -1
  16. package/lib/components/Accordion/useAccordion.js +13 -18
  17. package/lib/components/Accordion/useAccordion.js.map +1 -1
  18. package/lib/components/Accordion/useAccordionContextValues.js +2 -2
  19. package/lib/components/Accordion/useAccordionContextValues.js.map +1 -1
  20. package/lib/components/Accordion/useAccordionStyles.js +1 -1
  21. package/lib/components/Accordion/useAccordionStyles.js.map +1 -1
  22. package/lib/components/AccordionHeader/AccordionHeader.js.map +1 -1
  23. package/lib/components/AccordionHeader/AccordionHeader.types.d.ts +12 -8
  24. package/lib/components/AccordionHeader/AccordionHeader.types.js.map +1 -1
  25. package/lib/components/AccordionHeader/AccordionHeaderContext.js.map +1 -1
  26. package/lib/components/AccordionHeader/index.js.map +1 -1
  27. package/lib/components/AccordionHeader/renderAccordionHeader.js +1 -1
  28. package/lib/components/AccordionHeader/renderAccordionHeader.js.map +1 -1
  29. package/lib/components/AccordionHeader/useAccordionHeader.js +2 -2
  30. package/lib/components/AccordionHeader/useAccordionHeader.js.map +1 -1
  31. package/lib/components/AccordionHeader/useAccordionHeaderContextValues.js.map +1 -1
  32. package/lib/components/AccordionHeader/useAccordionHeaderStyles.js +6 -2
  33. package/lib/components/AccordionHeader/useAccordionHeaderStyles.js.map +1 -1
  34. package/lib/components/AccordionItem/AccordionItem.js.map +1 -1
  35. package/lib/components/AccordionItem/AccordionItem.types.d.ts +4 -3
  36. package/lib/components/AccordionItem/AccordionItem.types.js.map +1 -1
  37. package/lib/components/AccordionItem/AccordionItemContext.js.map +1 -1
  38. package/lib/components/AccordionItem/index.js.map +1 -1
  39. package/lib/components/AccordionItem/renderAccordionItem.js.map +1 -1
  40. package/lib/components/AccordionItem/useAccordionItem.js +5 -7
  41. package/lib/components/AccordionItem/useAccordionItem.js.map +1 -1
  42. package/lib/components/AccordionItem/useAccordionItemContextValues.js.map +1 -1
  43. package/lib/components/AccordionItem/useAccordionItemStyles.js +1 -1
  44. package/lib/components/AccordionItem/useAccordionItemStyles.js.map +1 -1
  45. package/lib/components/AccordionPanel/AccordionPanel.js.map +1 -1
  46. package/lib/components/AccordionPanel/AccordionPanel.types.d.ts +2 -2
  47. package/lib/components/AccordionPanel/AccordionPanel.types.js.map +1 -1
  48. package/lib/components/AccordionPanel/index.js.map +1 -1
  49. package/lib/components/AccordionPanel/renderAccordionPanel.js.map +1 -1
  50. package/lib/components/AccordionPanel/useAccordionPanel.js +0 -1
  51. package/lib/components/AccordionPanel/useAccordionPanel.js.map +1 -1
  52. package/lib/components/AccordionPanel/useAccordionPanelStyles.js +1 -1
  53. package/lib/components/AccordionPanel/useAccordionPanelStyles.js.map +1 -1
  54. package/lib/index.js.map +1 -1
  55. package/lib-commonjs/Accordion.js.map +1 -1
  56. package/lib-commonjs/AccordionHeader.js.map +1 -1
  57. package/lib-commonjs/AccordionItem.js.map +1 -1
  58. package/lib-commonjs/AccordionPanel.js.map +1 -1
  59. package/lib-commonjs/components/Accordion/Accordion.js.map +1 -1
  60. package/lib-commonjs/components/Accordion/Accordion.types.d.ts +7 -5
  61. package/lib-commonjs/components/Accordion/Accordion.types.js.map +1 -1
  62. package/lib-commonjs/components/Accordion/AccordionContext.js +0 -1
  63. package/lib-commonjs/components/Accordion/AccordionContext.js.map +1 -1
  64. package/lib-commonjs/components/Accordion/index.js.map +1 -1
  65. package/lib-commonjs/components/Accordion/renderAccordion.js.map +1 -1
  66. package/lib-commonjs/components/Accordion/useAccordion.js +14 -18
  67. package/lib-commonjs/components/Accordion/useAccordion.js.map +1 -1
  68. package/lib-commonjs/components/Accordion/useAccordionContextValues.js +2 -2
  69. package/lib-commonjs/components/Accordion/useAccordionContextValues.js.map +1 -1
  70. package/lib-commonjs/components/Accordion/useAccordionStyles.js +2 -2
  71. package/lib-commonjs/components/Accordion/useAccordionStyles.js.map +1 -1
  72. package/lib-commonjs/components/AccordionHeader/AccordionHeader.js.map +1 -1
  73. package/lib-commonjs/components/AccordionHeader/AccordionHeader.types.d.ts +12 -8
  74. package/lib-commonjs/components/AccordionHeader/AccordionHeader.types.js.map +1 -1
  75. package/lib-commonjs/components/AccordionHeader/AccordionHeaderContext.js.map +1 -1
  76. package/lib-commonjs/components/AccordionHeader/index.js.map +1 -1
  77. package/lib-commonjs/components/AccordionHeader/renderAccordionHeader.js +1 -1
  78. package/lib-commonjs/components/AccordionHeader/renderAccordionHeader.js.map +1 -1
  79. package/lib-commonjs/components/AccordionHeader/useAccordionHeader.js +2 -2
  80. package/lib-commonjs/components/AccordionHeader/useAccordionHeader.js.map +1 -1
  81. package/lib-commonjs/components/AccordionHeader/useAccordionHeaderContextValues.js.map +1 -1
  82. package/lib-commonjs/components/AccordionHeader/useAccordionHeaderStyles.js +11 -7
  83. package/lib-commonjs/components/AccordionHeader/useAccordionHeaderStyles.js.map +1 -1
  84. package/lib-commonjs/components/AccordionItem/AccordionItem.js.map +1 -1
  85. package/lib-commonjs/components/AccordionItem/AccordionItem.types.d.ts +4 -3
  86. package/lib-commonjs/components/AccordionItem/AccordionItem.types.js.map +1 -1
  87. package/lib-commonjs/components/AccordionItem/AccordionItemContext.js.map +1 -1
  88. package/lib-commonjs/components/AccordionItem/index.js.map +1 -1
  89. package/lib-commonjs/components/AccordionItem/renderAccordionItem.js.map +1 -1
  90. package/lib-commonjs/components/AccordionItem/useAccordionItem.js +4 -6
  91. package/lib-commonjs/components/AccordionItem/useAccordionItem.js.map +1 -1
  92. package/lib-commonjs/components/AccordionItem/useAccordionItemContextValues.js.map +1 -1
  93. package/lib-commonjs/components/AccordionItem/useAccordionItemStyles.js +2 -2
  94. package/lib-commonjs/components/AccordionItem/useAccordionItemStyles.js.map +1 -1
  95. package/lib-commonjs/components/AccordionPanel/AccordionPanel.js.map +1 -1
  96. package/lib-commonjs/components/AccordionPanel/AccordionPanel.types.d.ts +2 -2
  97. package/lib-commonjs/components/AccordionPanel/AccordionPanel.types.js.map +1 -1
  98. package/lib-commonjs/components/AccordionPanel/index.js.map +1 -1
  99. package/lib-commonjs/components/AccordionPanel/renderAccordionPanel.js.map +1 -1
  100. package/lib-commonjs/components/AccordionPanel/useAccordionPanel.js +0 -1
  101. package/lib-commonjs/components/AccordionPanel/useAccordionPanel.js.map +1 -1
  102. package/lib-commonjs/components/AccordionPanel/useAccordionPanelStyles.js +3 -3
  103. package/lib-commonjs/components/AccordionPanel/useAccordionPanelStyles.js.map +1 -1
  104. package/lib-commonjs/index.js.map +1 -1
  105. package/package.json +13 -15
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../src/components/AccordionItem/useAccordionItemContextValues.ts"],"names":[],"mappings":";;;;;;;AAAA,MAAA,KAAA,gBAAA,OAAA,CAAA,OAAA,CAAA;;AAGA,SAAgB,sCAAhB,CAAuD,KAAvD,EAAgF;AAC9E,QAAM;AAAE,IAAA,QAAF;AAAY,IAAA,aAAZ;AAA2B,IAAA;AAA3B,MAAoC,KAA1C;AACA,QAAM,aAAa,GAAG,KAAK,CAAC,OAAN,CAAyC,OAAO;AAAE,IAAA,QAAF;AAAY,IAAA,aAAZ;AAA2B,IAAA;AAA3B,GAAP,CAAzC,EAAoF,CACxG,QADwG,EAExG,aAFwG,EAGxG,IAHwG,CAApF,CAAtB;AAMA,SAAO;AAAE,IAAA;AAAF,GAAP;AACD;;AATD,OAAA,CAAA,sCAAA,GAAA,sCAAA","sourceRoot":""}
1
+ {"version":3,"sources":["components/AccordionItem/useAccordionItemContextValues.ts"],"names":[],"mappings":";;;;;;;AAAA,MAAA,KAAA,gBAAA,OAAA,CAAA,OAAA,CAAA;;AAGA,SAAgB,sCAAhB,CAAuD,KAAvD,EAAgF;AAC9E,QAAM;AAAE,IAAA,QAAF;AAAY,IAAA,aAAZ;AAA2B,IAAA;AAA3B,MAAoC,KAA1C;AACA,QAAM,aAAa,GAAG,KAAK,CAAC,OAAN,CAAyC,OAAO;AAAE,IAAA,QAAF;AAAY,IAAA,aAAZ;AAA2B,IAAA;AAA3B,GAAP,CAAzC,EAAoF,CACxG,QADwG,EAExG,aAFwG,EAGxG,IAHwG,CAApF,CAAtB;AAMA,SAAO;AAAE,IAAA;AAAF,GAAP;AACD;;AATD,OAAA,CAAA,sCAAA,GAAA,sCAAA","sourcesContent":["import * as React from 'react';\nimport type { AccordionItemContextValue, AccordionItemContextValues, AccordionItemState } from './AccordionItem.types';\n\nexport function useAccordionItemContextValues_unstable(state: AccordionItemState): AccordionItemContextValues {\n const { disabled, onHeaderClick, open } = state;\n const accordionItem = React.useMemo<AccordionItemContextValue>(() => ({ disabled, onHeaderClick, open }), [\n disabled,\n onHeaderClick,\n open,\n ]);\n\n return { accordionItem };\n}\n"],"sourceRoot":"../src/"}
@@ -5,12 +5,12 @@ Object.defineProperty(exports, "__esModule", {
5
5
  });
6
6
  exports.useAccordionItemStyles_unstable = exports.accordionItemClassName = void 0;
7
7
 
8
- const react_make_styles_1 = /*#__PURE__*/require("@fluentui/react-make-styles");
8
+ const react_1 = /*#__PURE__*/require("@griffel/react");
9
9
 
10
10
  exports.accordionItemClassName = 'fui-AccordionItem';
11
11
 
12
12
  const useAccordionItemStyles_unstable = state => {
13
- state.root.className = react_make_styles_1.mergeClasses(exports.accordionItemClassName, state.root.className);
13
+ state.root.className = react_1.mergeClasses(exports.accordionItemClassName, state.root.className);
14
14
  return state;
15
15
  };
16
16
 
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../src/components/AccordionItem/useAccordionItemStyles.ts"],"names":[],"mappings":";;;;;;;AAAA,MAAA,mBAAA,gBAAA,OAAA,CAAA,6BAAA,CAAA;;AAGa,OAAA,CAAA,sBAAA,GAAyB,mBAAzB;;AAEN,MAAM,+BAA+B,GAAI,KAAD,IAA8B;AAC3E,EAAA,KAAK,CAAC,IAAN,CAAW,SAAX,GAAuB,mBAAA,CAAA,YAAA,CAAa,OAAA,CAAA,sBAAb,EAAqC,KAAK,CAAC,IAAN,CAAW,SAAhD,CAAvB;AAEA,SAAO,KAAP;AACD,CAJM;;AAAM,OAAA,CAAA,+BAAA,GAA+B,+BAA/B","sourceRoot":""}
1
+ {"version":3,"sources":["components/AccordionItem/useAccordionItemStyles.ts"],"names":[],"mappings":";;;;;;;AAAA,MAAA,OAAA,gBAAA,OAAA,CAAA,gBAAA,CAAA;;AAGa,OAAA,CAAA,sBAAA,GAAyB,mBAAzB;;AAEN,MAAM,+BAA+B,GAAI,KAAD,IAA8B;AAC3E,EAAA,KAAK,CAAC,IAAN,CAAW,SAAX,GAAuB,OAAA,CAAA,YAAA,CAAa,OAAA,CAAA,sBAAb,EAAqC,KAAK,CAAC,IAAN,CAAW,SAAhD,CAAvB;AAEA,SAAO,KAAP;AACD,CAJM;;AAAM,OAAA,CAAA,+BAAA,GAA+B,+BAA/B","sourcesContent":["import { mergeClasses } from '@griffel/react';\nimport type { AccordionItemState } from './AccordionItem.types';\n\nexport const accordionItemClassName = 'fui-AccordionItem';\n\nexport const useAccordionItemStyles_unstable = (state: AccordionItemState) => {\n state.root.className = mergeClasses(accordionItemClassName, state.root.className);\n\n return state;\n};\n"],"sourceRoot":"../src/"}
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../src/components/AccordionPanel/AccordionPanel.tsx"],"names":[],"mappings":";;;;;;;AAAA,MAAA,KAAA,gBAAA,OAAA,CAAA,OAAA,CAAA;;AACA,MAAA,mBAAA,gBAAA,OAAA,CAAA,qBAAA,CAAA;;AACA,MAAA,sBAAA,gBAAA,OAAA,CAAA,wBAAA,CAAA;;AACA,MAAA,yBAAA,gBAAA,OAAA,CAAA,2BAAA,CAAA;AAIA;;AAEG;;;AACU,OAAA,CAAA,cAAA,gBAA2D,KAAK,CAAC,UAAN,CAAiB,CAAC,KAAD,EAAQ,GAAR,KAAe;AACtG,QAAM,KAAK,GAAG,mBAAA,CAAA,0BAAA,CAA2B,KAA3B,EAAkC,GAAlC,CAAd;AAEA,EAAA,yBAAA,CAAA,gCAAA,CAAiC,KAAjC;AACA,SAAO,sBAAA,CAAA,6BAAA,CAA8B,KAA9B,CAAP;AACD,CALuE,CAA3D;AAOb,OAAA,CAAA,cAAA,CAAe,WAAf,GAA6B,gBAA7B","sourceRoot":""}
1
+ {"version":3,"sources":["components/AccordionPanel/AccordionPanel.tsx"],"names":[],"mappings":";;;;;;;AAAA,MAAA,KAAA,gBAAA,OAAA,CAAA,OAAA,CAAA;;AACA,MAAA,mBAAA,gBAAA,OAAA,CAAA,qBAAA,CAAA;;AACA,MAAA,sBAAA,gBAAA,OAAA,CAAA,wBAAA,CAAA;;AACA,MAAA,yBAAA,gBAAA,OAAA,CAAA,2BAAA,CAAA;AAIA;;AAEG;;;AACU,OAAA,CAAA,cAAA,gBAA2D,KAAK,CAAC,UAAN,CAAiB,CAAC,KAAD,EAAQ,GAAR,KAAe;AACtG,QAAM,KAAK,GAAG,mBAAA,CAAA,0BAAA,CAA2B,KAA3B,EAAkC,GAAlC,CAAd;AAEA,EAAA,yBAAA,CAAA,gCAAA,CAAiC,KAAjC;AACA,SAAO,sBAAA,CAAA,6BAAA,CAA8B,KAA9B,CAAP;AACD,CALuE,CAA3D;AAOb,OAAA,CAAA,cAAA,CAAe,WAAf,GAA6B,gBAA7B","sourcesContent":["import * as React from 'react';\nimport { useAccordionPanel_unstable } from './useAccordionPanel';\nimport { renderAccordionPanel_unstable } from './renderAccordionPanel';\nimport { useAccordionPanelStyles_unstable } from './useAccordionPanelStyles';\nimport type { AccordionPanelProps } from './AccordionPanel.types';\nimport type { ForwardRefComponent } from '@fluentui/react-utilities';\n\n/**\n * Define a styled AccordionPanel, using the `useAccordionPanel_unstable` and `useAccordionPanelStyles_unstable` hooks.\n */\nexport const AccordionPanel: ForwardRefComponent<AccordionPanelProps> = React.forwardRef((props, ref) => {\n const state = useAccordionPanel_unstable(props, ref);\n\n useAccordionPanelStyles_unstable(state);\n return renderAccordionPanel_unstable(state);\n});\n\nAccordionPanel.displayName = 'AccordionPanel';\n"],"sourceRoot":"../src/"}
@@ -1,6 +1,6 @@
1
- import type { ComponentProps, ComponentState, IntrinsicShorthandProps } from '@fluentui/react-utilities';
1
+ import type { ComponentProps, ComponentState, Slot } from '@fluentui/react-utilities';
2
2
  export declare type AccordionPanelSlots = {
3
- root: IntrinsicShorthandProps<'div'>;
3
+ root: Slot<'div'>;
4
4
  };
5
5
  export declare type AccordionPanelProps = ComponentProps<AccordionPanelSlots>;
6
6
  export declare type AccordionPanelState = ComponentState<AccordionPanelSlots> & {
@@ -1 +1 @@
1
- {"version":3,"sources":[],"names":[],"mappings":"","sourceRoot":""}
1
+ {"version":3,"sources":[],"names":[],"mappings":"","sourceRoot":"../src/"}
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../src/components/AccordionPanel/index.ts"],"names":[],"mappings":";;;;;;;;AAAA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,kBAAA,CAAA,EAAA,OAAA;;AACA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,wBAAA,CAAA,EAAA,OAAA;;AACA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,wBAAA,CAAA,EAAA,OAAA;;AACA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,qBAAA,CAAA,EAAA,OAAA;;AACA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,2BAAA,CAAA,EAAA,OAAA","sourceRoot":""}
1
+ {"version":3,"sources":["components/AccordionPanel/index.ts"],"names":[],"mappings":";;;;;;;;AAAA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,kBAAA,CAAA,EAAA,OAAA;;AACA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,wBAAA,CAAA,EAAA,OAAA;;AACA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,wBAAA,CAAA,EAAA,OAAA;;AACA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,qBAAA,CAAA,EAAA,OAAA;;AACA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,2BAAA,CAAA,EAAA,OAAA","sourcesContent":["export * from './AccordionPanel';\nexport * from './AccordionPanel.types';\nexport * from './renderAccordionPanel';\nexport * from './useAccordionPanel';\nexport * from './useAccordionPanelStyles';\n"],"sourceRoot":"../src/"}
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../src/components/AccordionPanel/renderAccordionPanel.tsx"],"names":[],"mappings":";;;;;;;AAAA,MAAA,KAAA,gBAAA,OAAA,CAAA,OAAA,CAAA;;AACA,MAAA,iBAAA,gBAAA,OAAA,CAAA,2BAAA,CAAA;AAGA;;AAEG;;;AACI,MAAM,6BAA6B,GAAI,KAAD,IAA+B;AAC1E,QAAM;AAAE,IAAA,KAAF;AAAS,IAAA;AAAT,MAAuB,iBAAA,CAAA,QAAA,CAA8B,KAA9B,CAA7B;AACA,SAAO,KAAK,CAAC,IAAN,GAAa,KAAA,CAAA,aAAA,CAAC,KAAK,CAAC,IAAP,EAAW,EAAA,GAAK,SAAS,CAAC;AAAf,GAAX,EAAiC,SAAS,CAAC,IAAV,CAAe,QAAhD,CAAb,GAAsF,IAA7F;AACD,CAHM;;AAAM,OAAA,CAAA,6BAAA,GAA6B,6BAA7B","sourceRoot":""}
1
+ {"version":3,"sources":["components/AccordionPanel/renderAccordionPanel.tsx"],"names":[],"mappings":";;;;;;;AAAA,MAAA,KAAA,gBAAA,OAAA,CAAA,OAAA,CAAA;;AACA,MAAA,iBAAA,gBAAA,OAAA,CAAA,2BAAA,CAAA;AAGA;;AAEG;;;AACI,MAAM,6BAA6B,GAAI,KAAD,IAA+B;AAC1E,QAAM;AAAE,IAAA,KAAF;AAAS,IAAA;AAAT,MAAuB,iBAAA,CAAA,QAAA,CAA8B,KAA9B,CAA7B;AACA,SAAO,KAAK,CAAC,IAAN,GAAa,KAAA,CAAA,aAAA,CAAC,KAAK,CAAC,IAAP,EAAW,EAAA,GAAK,SAAS,CAAC;AAAf,GAAX,EAAiC,SAAS,CAAC,IAAV,CAAe,QAAhD,CAAb,GAAsF,IAA7F;AACD,CAHM;;AAAM,OAAA,CAAA,6BAAA,GAA6B,6BAA7B","sourcesContent":["import * as React from 'react';\nimport { getSlots } from '@fluentui/react-utilities';\nimport type { AccordionPanelState, AccordionPanelSlots } from './AccordionPanel.types';\n\n/**\n * Function that renders the final JSX of the component\n */\nexport const renderAccordionPanel_unstable = (state: AccordionPanelState) => {\n const { slots, slotProps } = getSlots<AccordionPanelSlots>(state);\n return state.open ? <slots.root {...slotProps.root}>{slotProps.root.children}</slots.root> : null;\n};\n"],"sourceRoot":"../src/"}
@@ -26,7 +26,6 @@ const useAccordionPanel_unstable = (props, ref) => {
26
26
  },
27
27
  root: react_utilities_1.getNativeElementProps('div', {
28
28
  ref,
29
- role: 'region',
30
29
  ...props
31
30
  })
32
31
  };
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../src/components/AccordionPanel/useAccordionPanel.ts"],"names":[],"mappings":";;;;;;;AACA,MAAA,iBAAA,gBAAA,OAAA,CAAA,2BAAA,CAAA;;AACA,MAAA,OAAA,gBAAA,OAAA,CAAA,wBAAA,CAAA;AAGA;;;;AAIG;;;AACI,MAAM,0BAA0B,GAAG,CACxC,KADwC,EAExC,GAFwC,KAGjB;AACvB,QAAM;AAAE,IAAA;AAAF,MAAW,OAAA,CAAA,gCAAA,EAAjB;AACA,SAAO;AACL,IAAA,IADK;AAEL,IAAA,UAAU,EAAE;AACV,MAAA,IAAI,EAAE;AADI,KAFP;AAKL,IAAA,IAAI,EAAE,iBAAA,CAAA,qBAAA,CAAsB,KAAtB,EAA6B;AACjC,MAAA,GADiC;AAEjC,MAAA,IAAI,EAAE,QAF2B;AAGjC,SAAG;AAH8B,KAA7B;AALD,GAAP;AAWD,CAhBM;;AAAM,OAAA,CAAA,0BAAA,GAA0B,0BAA1B","sourceRoot":""}
1
+ {"version":3,"sources":["components/AccordionPanel/useAccordionPanel.ts"],"names":[],"mappings":";;;;;;;AACA,MAAA,iBAAA,gBAAA,OAAA,CAAA,2BAAA,CAAA;;AACA,MAAA,OAAA,gBAAA,OAAA,CAAA,wBAAA,CAAA;AAGA;;;;AAIG;;;AACI,MAAM,0BAA0B,GAAG,CACxC,KADwC,EAExC,GAFwC,KAGjB;AACvB,QAAM;AAAE,IAAA;AAAF,MAAW,OAAA,CAAA,gCAAA,EAAjB;AACA,SAAO;AACL,IAAA,IADK;AAEL,IAAA,UAAU,EAAE;AACV,MAAA,IAAI,EAAE;AADI,KAFP;AAKL,IAAA,IAAI,EAAE,iBAAA,CAAA,qBAAA,CAAsB,KAAtB,EAA6B;AACjC,MAAA,GADiC;AAEjC,SAAG;AAF8B,KAA7B;AALD,GAAP;AAUD,CAfM;;AAAM,OAAA,CAAA,0BAAA,GAA0B,0BAA1B","sourcesContent":["import * as React from 'react';\nimport { getNativeElementProps } from '@fluentui/react-utilities';\nimport { useAccordionItemContext_unstable } from '../AccordionItem/index';\nimport type { AccordionPanelProps, AccordionPanelState } from './AccordionPanel.types';\n\n/**\n * Returns the props and state required to render the component\n * @param props - AccordionPanel properties\n * @param ref - reference to root HTMLElement of AccordionPanel\n */\nexport const useAccordionPanel_unstable = (\n props: AccordionPanelProps,\n ref: React.Ref<HTMLElement>,\n): AccordionPanelState => {\n const { open } = useAccordionItemContext_unstable();\n return {\n open,\n components: {\n root: 'div',\n },\n root: getNativeElementProps('div', {\n ref,\n ...props,\n }),\n };\n};\n"],"sourceRoot":"../src/"}
@@ -5,14 +5,14 @@ Object.defineProperty(exports, "__esModule", {
5
5
  });
6
6
  exports.useAccordionPanelStyles_unstable = exports.accordionPanelClassName = void 0;
7
7
 
8
- const react_make_styles_1 = /*#__PURE__*/require("@fluentui/react-make-styles");
8
+ const react_1 = /*#__PURE__*/require("@griffel/react");
9
9
 
10
10
  exports.accordionPanelClassName = 'fui-AccordionPanel';
11
11
  /**
12
12
  * Styles for the root slot
13
13
  */
14
14
 
15
- const useStyles = /*#__PURE__*/react_make_styles_1.__styles({
15
+ const useStyles = /*#__PURE__*/react_1.__styles({
16
16
  "root": {
17
17
  "t21cq0": ["f1x4n1mu", "f1hf5xhj"],
18
18
  "Frg6f3": ["f1hf5xhj", "f1x4n1mu"]
@@ -25,7 +25,7 @@ const useStyles = /*#__PURE__*/react_make_styles_1.__styles({
25
25
 
26
26
  const useAccordionPanelStyles_unstable = state => {
27
27
  const styles = useStyles();
28
- state.root.className = react_make_styles_1.mergeClasses(exports.accordionPanelClassName, styles.root, state.root.className);
28
+ state.root.className = react_1.mergeClasses(exports.accordionPanelClassName, styles.root, state.root.className);
29
29
  return state;
30
30
  };
31
31
 
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../src/components/AccordionPanel/useAccordionPanelStyles.ts"],"names":[],"mappings":";;;;;;;AAAA,MAAA,mBAAA,gBAAA,OAAA,CAAA,6BAAA,CAAA;;AAGa,OAAA,CAAA,uBAAA,GAA0B,oBAA1B;AAEb;;AAEG;;AACH,MAAM,SAAS,gBAAG,mBAAA,SAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAAlB;AAOA;;;AACO,MAAM,gCAAgC,GAAI,KAAD,IAA+B;AAC7E,QAAM,MAAM,GAAG,SAAS,EAAxB;AACA,EAAA,KAAK,CAAC,IAAN,CAAW,SAAX,GAAuB,mBAAA,CAAA,YAAA,CAAa,OAAA,CAAA,uBAAb,EAAsC,MAAM,CAAC,IAA7C,EAAmD,KAAK,CAAC,IAAN,CAAW,SAA9D,CAAvB;AAEA,SAAO,KAAP;AACD,CALM;;AAAM,OAAA,CAAA,gCAAA,GAAgC,gCAAhC","sourceRoot":""}
1
+ {"version":3,"sources":["components/AccordionPanel/useAccordionPanelStyles.ts"],"names":[],"mappings":";;;;;;;AAAA,MAAA,OAAA,gBAAA,OAAA,CAAA,gBAAA,CAAA;;AAGa,OAAA,CAAA,uBAAA,GAA0B,oBAA1B;AAEb;;AAEG;;AACH,MAAM,SAAS,gBAAG,OAAA,SAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAAlB;AAOA;;;AACO,MAAM,gCAAgC,GAAI,KAAD,IAA+B;AAC7E,QAAM,MAAM,GAAG,SAAS,EAAxB;AACA,EAAA,KAAK,CAAC,IAAN,CAAW,SAAX,GAAuB,OAAA,CAAA,YAAA,CAAa,OAAA,CAAA,uBAAb,EAAsC,MAAM,CAAC,IAA7C,EAAmD,KAAK,CAAC,IAAN,CAAW,SAA9D,CAAvB;AAEA,SAAO,KAAP;AACD,CALM;;AAAM,OAAA,CAAA,gCAAA,GAAgC,gCAAhC","sourcesContent":["import { makeStyles, mergeClasses } from '@griffel/react';\nimport type { AccordionPanelState } from './AccordionPanel.types';\n\nexport const accordionPanelClassName = 'fui-AccordionPanel';\n\n/**\n * Styles for the root slot\n */\nconst useStyles = makeStyles({\n root: {\n marginRight: '12px',\n marginLeft: '12px',\n },\n});\n\n/** Applies style classnames to slots */\nexport const useAccordionPanelStyles_unstable = (state: AccordionPanelState) => {\n const styles = useStyles();\n state.root.className = mergeClasses(accordionPanelClassName, styles.root, state.root.className);\n\n return state;\n};\n"],"sourceRoot":"../src/"}
@@ -1 +1 @@
1
- {"version":3,"sources":["../src/index.ts"],"names":[],"mappings":";;;;;;;;AAAA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,aAAA,CAAA,EAAA,OAAA;;AACA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,iBAAA,CAAA,EAAA,OAAA;;AACA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,mBAAA,CAAA,EAAA,OAAA;;AACA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,kBAAA,CAAA,EAAA,OAAA","sourceRoot":""}
1
+ {"version":3,"sources":["index.ts"],"names":[],"mappings":";;;;;;;;AAAA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,aAAA,CAAA,EAAA,OAAA;;AACA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,iBAAA,CAAA,EAAA,OAAA;;AACA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,mBAAA,CAAA,EAAA,OAAA;;AACA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,kBAAA,CAAA,EAAA,OAAA","sourcesContent":["export * from './Accordion';\nexport * from './AccordionItem';\nexport * from './AccordionHeader';\nexport * from './AccordionPanel';\n"],"sourceRoot":"../src/"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@fluentui/react-accordion",
3
- "version": "0.0.0-nightly6a6e258c4020220125.1",
3
+ "version": "0.0.0-nightly6faffd280a20220221.1",
4
4
  "description": "Fluent UI accordion component",
5
5
  "main": "lib-commonjs/index.js",
6
6
  "module": "lib/index.js",
@@ -26,11 +26,9 @@
26
26
  "type-check": "tsc -b tsconfig.json"
27
27
  },
28
28
  "devDependencies": {
29
- "@fluentui/babel-make-styles": "0.0.0-nightly6a6e258c4020220125.1",
30
29
  "@fluentui/eslint-plugin": "*",
31
- "@fluentui/jest-serializer-make-styles": "0.0.0-nightly6a6e258c4020220125.1",
32
30
  "@fluentui/react-conformance": "*",
33
- "@fluentui/react-conformance-make-styles": "0.0.0-nightly6a6e258c4020220125.1",
31
+ "@fluentui/react-conformance-griffel": "0.0.0-nightly6faffd280a20220221.1",
34
32
  "@fluentui/scripts": "^1.0.0",
35
33
  "@types/enzyme": "3.10.3",
36
34
  "@types/enzyme-adapter-react-16": "1.0.3",
@@ -44,20 +42,20 @@
44
42
  "react-test-renderer": "^16.3.0"
45
43
  },
46
44
  "dependencies": {
47
- "@fluentui/react-aria": "0.0.0-nightly6a6e258c4020220125.1",
48
- "@fluentui/react-context-selector": "0.0.0-nightly6a6e258c4020220125.1",
49
- "@fluentui/react-icons": "^2.0.154-beta.5",
50
- "@fluentui/react-make-styles": "0.0.0-nightly6a6e258c4020220125.1",
51
- "@fluentui/react-tabster": "0.0.0-nightly6a6e258c4020220125.1",
52
- "@fluentui/react-theme": "0.0.0-nightly6a6e258c4020220125.1",
53
- "@fluentui/react-utilities": "0.0.0-nightly6a6e258c4020220125.1",
45
+ "@fluentui/react-aria": "0.0.0-nightly6faffd280a20220221.1",
46
+ "@fluentui/react-context-selector": "0.0.0-nightly6faffd280a20220221.1",
47
+ "@fluentui/react-icons": "^2.0.159-beta.10",
48
+ "@griffel/react": "1.0.0",
49
+ "@fluentui/react-tabster": "0.0.0-nightly6faffd280a20220221.1",
50
+ "@fluentui/react-theme": "0.0.0-nightly6faffd280a20220221.1",
51
+ "@fluentui/react-utilities": "0.0.0-nightly6faffd280a20220221.1",
54
52
  "tslib": "^2.1.0"
55
53
  },
56
54
  "peerDependencies": {
57
- "@types/react": ">=16.8.0 <17.0.0",
58
- "@types/react-dom": ">=16.8.0 <17.0.0",
59
- "react": ">=16.8.0 <17.0.0",
60
- "react-dom": ">=16.8.0 <17.0.0"
55
+ "@types/react": ">=16.8.0 <18.0.0",
56
+ "@types/react-dom": ">=16.8.0 <18.0.0",
57
+ "react": ">=16.8.0 <18.0.0",
58
+ "react-dom": ">=16.8.0 <18.0.0"
61
59
  },
62
60
  "beachball": {
63
61
  "disallowedChangeTypes": [