@reapit/elements 5.0.0-beta.67 → 5.0.0-beta.68

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 (193) hide show
  1. package/dist/js/{anchor-positioning-CmSZkNof.cjs → anchor-positioning-B-1bVP2v.cjs} +7 -7
  2. package/dist/js/{anchor-positioning-B3GGsbFM.js → anchor-positioning-mAfJClCi.js} +39 -36
  3. package/dist/js/{app-switcher-DNyr8R9j.js → app-switcher-B3Gme35H.js} +3 -3
  4. package/dist/js/{app-switcher-Da0jpH_0.cjs → app-switcher-alq1ioRt.cjs} +1 -1
  5. package/dist/js/{at-a-glance-N68VKcxo.cjs → at-a-glance-Bowg_R7J.cjs} +1 -1
  6. package/dist/js/{at-a-glance-B0WukTyX.js → at-a-glance-Bvs_m_s8.js} +1 -1
  7. package/dist/js/{autocomplete-Cbhl4kCC.cjs → autocomplete-BXNYfkuS.cjs} +1 -1
  8. package/dist/js/{autocomplete-Cjqj5b4A.js → autocomplete-BY50e2OI.js} +2 -2
  9. package/dist/js/{autocomplete-control-B1yvpZcw.cjs → autocomplete-control-7AtK271I.cjs} +1 -1
  10. package/dist/js/{autocomplete-control-tyu0N1_5.js → autocomplete-control-D3qPiyZB.js} +1 -1
  11. package/dist/js/{badge-C9eQWVc1.cjs → badge-BvLnt-2S.cjs} +1 -1
  12. package/dist/js/{badge-BH7WvutW.js → badge-C_Za5PMD.js} +1 -1
  13. package/dist/js/{bottom-bar-CiDA0QAt.js → bottom-bar-DIdKkbsi.js} +1 -1
  14. package/dist/js/{bottom-bar-y_VAqgE3.cjs → bottom-bar-DeODIkXt.cjs} +1 -1
  15. package/dist/js/{combobox-BMcjE-Hz.js → combobox-1az8akBD.js} +43 -45
  16. package/dist/js/combobox-DEZrdZM-.cjs +1 -0
  17. package/dist/js/{compact-select-CGGyCX2N.cjs → compact-select-BAqO95r3.cjs} +1 -1
  18. package/dist/js/{compact-select-B-fRAGbk.js → compact-select-Cj_eJ_Gk.js} +3 -3
  19. package/dist/js/core/app-switcher.cjs +1 -1
  20. package/dist/js/core/app-switcher.js +1 -1
  21. package/dist/js/core/at-a-glance.cjs +1 -1
  22. package/dist/js/core/at-a-glance.js +1 -1
  23. package/dist/js/core/autocomplete-control.cjs +1 -1
  24. package/dist/js/core/autocomplete-control.js +1 -1
  25. package/dist/js/core/autocomplete.cjs +1 -1
  26. package/dist/js/core/autocomplete.js +1 -1
  27. package/dist/js/core/badge.cjs +1 -1
  28. package/dist/js/core/badge.js +1 -1
  29. package/dist/js/core/bottom-bar.cjs +1 -1
  30. package/dist/js/core/bottom-bar.js +1 -1
  31. package/dist/js/core/combobox.cjs +1 -1
  32. package/dist/js/core/combobox.js +30 -31
  33. package/dist/js/core/compact-select.cjs +1 -1
  34. package/dist/js/core/compact-select.js +1 -1
  35. package/dist/js/core/dialog.cjs +1 -1
  36. package/dist/js/core/dialog.js +3 -3
  37. package/dist/js/core/drawer.cjs +1 -1
  38. package/dist/js/core/drawer.js +12 -12
  39. package/dist/js/core/features.cjs +1 -1
  40. package/dist/js/core/features.js +1 -1
  41. package/dist/js/core/menu.cjs +1 -1
  42. package/dist/js/core/menu.js +1 -1
  43. package/dist/js/core/office-switcher.cjs +1 -1
  44. package/dist/js/core/office-switcher.js +128 -34
  45. package/dist/js/core/section-message.cjs +1 -1
  46. package/dist/js/core/section-message.js +1 -1
  47. package/dist/js/core/select-control.cjs +1 -1
  48. package/dist/js/core/select-control.js +1 -1
  49. package/dist/js/core/select.cjs +1 -1
  50. package/dist/js/core/select.js +1 -1
  51. package/dist/js/core/side-bar.cjs +1 -1
  52. package/dist/js/core/side-bar.js +1 -1
  53. package/dist/js/core/split-button.cjs +1 -1
  54. package/dist/js/core/split-button.js +1 -1
  55. package/dist/js/core/table.cjs +1 -1
  56. package/dist/js/core/table.js +1 -1
  57. package/dist/js/core/tooltip.cjs +1 -1
  58. package/dist/js/core/tooltip.js +1 -1
  59. package/dist/js/core/top-bar.cjs +1 -1
  60. package/dist/js/core/top-bar.js +1 -1
  61. package/dist/js/dialog-X9q5RTrQ.js +121 -0
  62. package/dist/js/dialog-j6m9UOwL.cjs +1 -0
  63. package/dist/js/drawer-DeMe2YSy.cjs +1 -0
  64. package/dist/js/drawer-n8sZIGeL.js +202 -0
  65. package/dist/js/{features-xa9s_F2X.cjs → features-DDWY0bS-.cjs} +1 -1
  66. package/dist/js/{features-DPy7FK5b.js → features-xSaxyxVa.js} +1 -1
  67. package/dist/js/index.cjs +1 -1
  68. package/dist/js/index.js +473 -472
  69. package/dist/js/lab/select-custom.cjs +1 -1
  70. package/dist/js/lab/select-custom.js +2 -2
  71. package/dist/js/{line-clamp-CcqDlxOD.js → line-clamp-B8Z8vzU2.js} +1 -1
  72. package/dist/js/{line-clamp-BHxcW-g_.cjs → line-clamp-xEX76LvR.cjs} +1 -1
  73. package/dist/js/{listbox-DaqNCLTr.js → listbox-LxpZYH0B.js} +7 -7
  74. package/dist/js/listbox-uSbN6RQG.cjs +1 -0
  75. package/dist/js/{menu-BB1lyDsI.cjs → menu-C5zczNsx.cjs} +1 -1
  76. package/dist/js/{menu-DUQjcwNM.js → menu-CP0Bep1V.js} +1 -1
  77. package/dist/js/popover-Xyg0sgru.cjs +1 -0
  78. package/dist/js/{popover-BWnbK_dO.js → popover-dzUc2bK7.js} +21 -19
  79. package/dist/js/{section-message-79DbPIVf.cjs → section-message-Bn33yi2F.cjs} +1 -1
  80. package/dist/js/{section-message-DhkYCDQk.js → section-message-CEzwuyor.js} +1 -1
  81. package/dist/js/{select-C9m1ujim.js → select-BUeFgouh.js} +2 -2
  82. package/dist/js/{select-C8XEaJmE.cjs → select-BlpaGf5-.cjs} +1 -1
  83. package/dist/js/{select-control-CNKEx3wt.js → select-control-BlU3KNOJ.js} +3 -3
  84. package/dist/js/{select-control-C5inPWYx.cjs → select-control-DlaKfZ3x.cjs} +1 -1
  85. package/dist/js/{side-bar-q0Dapddc.cjs → side-bar-BkE4eONG.cjs} +1 -1
  86. package/dist/js/{side-bar-CsPEFLGc.js → side-bar-D6aRZHCV.js} +1 -1
  87. package/dist/js/{split-button-GzVuhKx-.cjs → split-button-Bnyv8DHF.cjs} +1 -1
  88. package/dist/js/{split-button-DHHUZ-41.js → split-button-CrofNP3Q.js} +1 -1
  89. package/dist/js/style.css +1 -1
  90. package/dist/js/{table-BVLzp-xe.js → table-2CxL0Pev.js} +1 -1
  91. package/dist/js/{table-skEBWgL8.cjs → table-WHyA-HQG.cjs} +1 -1
  92. package/dist/js/{tooltip-9vKZqx5w.cjs → tooltip-BU8hYqZ9.cjs} +1 -1
  93. package/dist/js/{tooltip-C2y49rDB.js → tooltip-Bj7DqYdo.js} +1 -1
  94. package/dist/js/{top-bar-BnR_HVWD.js → top-bar-BvxpBZri.js} +2 -2
  95. package/dist/js/{top-bar-CXJfqax_.cjs → top-bar-CjUR7fhL.cjs} +1 -1
  96. package/dist/js/utils/anchor-positioning.cjs +1 -1
  97. package/dist/js/utils/anchor-positioning.js +1 -1
  98. package/dist/js/utils/dialog.cjs +1 -0
  99. package/dist/js/utils/dialog.js +9 -0
  100. package/dist/js/utils/line-clamp.cjs +1 -1
  101. package/dist/js/utils/line-clamp.js +1 -1
  102. package/dist/js/utils/listbox.cjs +1 -1
  103. package/dist/js/utils/listbox.js +1 -1
  104. package/dist/js/utils/popover.cjs +1 -1
  105. package/dist/js/utils/popover.js +2 -2
  106. package/dist/types/core/combobox/popup-dialog/event-handlers.d.ts +0 -15
  107. package/dist/types/core/combobox/popup-dialog/event-handlers.d.ts.map +1 -1
  108. package/dist/types/core/combobox/popup-dialog/popup-dialog.d.ts.map +1 -1
  109. package/dist/types/core/dialog/dialog.d.ts +13 -18
  110. package/dist/types/core/dialog/dialog.d.ts.map +1 -1
  111. package/dist/types/core/dialog/dialog.stories.d.ts +25 -0
  112. package/dist/types/core/dialog/dialog.stories.d.ts.map +1 -1
  113. package/dist/types/core/dialog/styles.d.ts +1 -6
  114. package/dist/types/core/dialog/styles.d.ts.map +1 -1
  115. package/dist/types/core/drawer/drawer.d.ts +13 -18
  116. package/dist/types/core/drawer/drawer.d.ts.map +1 -1
  117. package/dist/types/core/drawer/drawer.stories.d.ts +25 -0
  118. package/dist/types/core/drawer/drawer.stories.d.ts.map +1 -1
  119. package/dist/types/core/drawer/styles.d.ts +1 -1
  120. package/dist/types/core/drawer/styles.d.ts.map +1 -1
  121. package/dist/types/core/office-switcher/__tests__/office-switcher-select-optgroup.test.d.ts +2 -0
  122. package/dist/types/core/office-switcher/__tests__/office-switcher-select-optgroup.test.d.ts.map +1 -0
  123. package/dist/types/core/office-switcher/__tests__/office-switcher-select-option.test.d.ts +2 -0
  124. package/dist/types/core/office-switcher/__tests__/office-switcher-select-option.test.d.ts.map +1 -0
  125. package/dist/types/core/office-switcher/index.d.ts +4 -0
  126. package/dist/types/core/office-switcher/index.d.ts.map +1 -1
  127. package/dist/types/core/office-switcher/office-group/__tests__/office-group-summary.test.d.ts +2 -0
  128. package/dist/types/core/office-switcher/office-group/__tests__/office-group-summary.test.d.ts.map +1 -0
  129. package/dist/types/core/office-switcher/office-group/__tests__/office-group.test.d.ts +2 -0
  130. package/dist/types/core/office-switcher/office-group/__tests__/office-group.test.d.ts.map +1 -0
  131. package/dist/types/core/office-switcher/office-group/index.d.ts +4 -0
  132. package/dist/types/core/office-switcher/office-group/index.d.ts.map +1 -0
  133. package/dist/types/core/office-switcher/office-group/office-group-summary.d.ts +22 -0
  134. package/dist/types/core/office-switcher/office-group/office-group-summary.d.ts.map +1 -0
  135. package/dist/types/core/office-switcher/office-group/office-group.d.ts +20 -0
  136. package/dist/types/core/office-switcher/office-group/office-group.d.ts.map +1 -0
  137. package/dist/types/core/office-switcher/office-group/office-group.stories.d.ts +20 -0
  138. package/dist/types/core/office-switcher/office-group/office-group.stories.d.ts.map +1 -0
  139. package/dist/types/core/office-switcher/office-group/styles.d.ts +5 -0
  140. package/dist/types/core/office-switcher/office-group/styles.d.ts.map +1 -0
  141. package/dist/types/core/office-switcher/office-item/__tests__/office-item.test.d.ts +2 -0
  142. package/dist/types/core/office-switcher/office-item/__tests__/office-item.test.d.ts.map +1 -0
  143. package/dist/types/core/office-switcher/office-item/index.d.ts +3 -0
  144. package/dist/types/core/office-switcher/office-item/index.d.ts.map +1 -0
  145. package/dist/types/core/office-switcher/office-item/office-item.d.ts +18 -0
  146. package/dist/types/core/office-switcher/office-item/office-item.d.ts.map +1 -0
  147. package/dist/types/core/office-switcher/office-item/office-item.stories.d.ts +42 -0
  148. package/dist/types/core/office-switcher/office-item/office-item.stories.d.ts.map +1 -0
  149. package/dist/types/core/office-switcher/office-item/styles.d.ts +6 -0
  150. package/dist/types/core/office-switcher/office-item/styles.d.ts.map +1 -0
  151. package/dist/types/core/office-switcher/office-switcher-popup.figma.d.ts +2 -0
  152. package/dist/types/core/office-switcher/office-switcher-popup.figma.d.ts.map +1 -0
  153. package/dist/types/core/office-switcher/office-switcher-select-optgroup.d.ts +24 -0
  154. package/dist/types/core/office-switcher/office-switcher-select-optgroup.d.ts.map +1 -0
  155. package/dist/types/core/office-switcher/office-switcher-select-optgroup.figma.d.ts +2 -0
  156. package/dist/types/core/office-switcher/office-switcher-select-optgroup.figma.d.ts.map +1 -0
  157. package/dist/types/core/office-switcher/office-switcher-select-option.d.ts +15 -0
  158. package/dist/types/core/office-switcher/office-switcher-select-option.d.ts.map +1 -0
  159. package/dist/types/core/office-switcher/office-switcher-select-option.figma.d.ts +2 -0
  160. package/dist/types/core/office-switcher/office-switcher-select-option.figma.d.ts.map +1 -0
  161. package/dist/types/core/office-switcher/office-switcher-select.figma.d.ts +2 -0
  162. package/dist/types/core/office-switcher/office-switcher-select.figma.d.ts.map +1 -0
  163. package/dist/types/core/office-switcher/office-switcher.d.ts +23 -3
  164. package/dist/types/core/office-switcher/office-switcher.d.ts.map +1 -1
  165. package/dist/types/core/office-switcher/office-switcher.figma.d.ts +2 -0
  166. package/dist/types/core/office-switcher/office-switcher.figma.d.ts.map +1 -0
  167. package/dist/types/core/office-switcher/office-switcher.stories.d.ts +4 -0
  168. package/dist/types/core/office-switcher/office-switcher.stories.d.ts.map +1 -1
  169. package/dist/types/utils/anchor-positioning/anchor-positioning.d.ts +1 -1
  170. package/dist/types/utils/anchor-positioning/anchor-positioning.d.ts.map +1 -1
  171. package/dist/types/utils/anchor-positioning/anchor-positioning.stories.d.ts.map +1 -1
  172. package/dist/types/utils/anchor-positioning/build-anchor-positioning-css.d.ts +5 -1
  173. package/dist/types/utils/anchor-positioning/build-anchor-positioning-css.d.ts.map +1 -1
  174. package/dist/types/utils/dialog/__tests__/close-on-backdrop-click.test.d.ts +2 -0
  175. package/dist/types/utils/dialog/__tests__/close-on-backdrop-click.test.d.ts.map +1 -0
  176. package/dist/types/utils/dialog/close-on-backdrop-click.d.ts +24 -0
  177. package/dist/types/utils/dialog/close-on-backdrop-click.d.ts.map +1 -0
  178. package/dist/types/utils/dialog/index.d.ts +2 -0
  179. package/dist/types/utils/dialog/index.d.ts.map +1 -0
  180. package/dist/types/utils/index.d.ts +1 -0
  181. package/dist/types/utils/index.d.ts.map +1 -1
  182. package/dist/types/utils/listbox/dom-helpers/selectors.d.ts +8 -2
  183. package/dist/types/utils/listbox/dom-helpers/selectors.d.ts.map +1 -1
  184. package/dist/types/utils/popover/popover.d.ts +6 -2
  185. package/dist/types/utils/popover/popover.d.ts.map +1 -1
  186. package/package.json +1 -1
  187. package/dist/js/combobox-ykwrJ8qP.cjs +0 -1
  188. package/dist/js/dialog-CjN2Nll1.js +0 -116
  189. package/dist/js/dialog-oPE93fe0.cjs +0 -1
  190. package/dist/js/drawer-DcgSXF1g.cjs +0 -1
  191. package/dist/js/drawer-GNG7AmHl.js +0 -197
  192. package/dist/js/listbox-BGrp52Hs.cjs +0 -1
  193. package/dist/js/popover-CA0t-z5e.cjs +0 -1
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("../anchor-positioning-CmSZkNof.cjs");exports.AnchorPositioning=n.AnchorPositioning;exports.buildAnchorPositioningCSS=n.buildAnchorPositioningCSS;exports.mapPlacementToCSS=n.mapPlacementToCSS;exports.placements=n.placements;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("../anchor-positioning-B-1bVP2v.cjs");exports.AnchorPositioning=n.AnchorPositioning;exports.buildAnchorPositioningCSS=n.buildAnchorPositioningCSS;exports.mapPlacementToCSS=n.mapPlacementToCSS;exports.placements=n.placements;
@@ -1,4 +1,4 @@
1
- import { A as a, b as i, m as s, p as e } from "../anchor-positioning-B3GGsbFM.js";
1
+ import { A as a, b as i, m as s, p as e } from "../anchor-positioning-mAfJClCi.js";
2
2
  export {
3
3
  a as AnchorPositioning,
4
4
  i as buildAnchorPositioningCSS,
@@ -0,0 +1 @@
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});function t(e){const o=e.currentTarget;if(!(o.getAttribute("closedby")==="any"))return;!("closedBy"in HTMLDialogElement.prototype)&&e.target===e.currentTarget&&o.close()}exports.maybeCloseOnBackdropClick=t;
@@ -0,0 +1,9 @@
1
+ function s(o) {
2
+ const e = o.currentTarget;
3
+ if (!(e.getAttribute("closedby") === "any"))
4
+ return;
5
+ !("closedBy" in HTMLDialogElement.prototype) && o.target === o.currentTarget && e.close();
6
+ }
7
+ export {
8
+ s as maybeCloseOnBackdropClick
9
+ };
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../line-clamp-BHxcW-g_.cjs");exports.LineClamp=e.LineClamp;exports.elLineClampDisclosureButton=e.elLineClampDisclosureButton;exports.elLineClampText=e.elLineClampText;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../line-clamp-xEX76LvR.cjs");exports.LineClamp=e.LineClamp;exports.elLineClampDisclosureButton=e.elLineClampDisclosureButton;exports.elLineClampText=e.elLineClampText;
@@ -1,4 +1,4 @@
1
- import { L as l, a as s, e as i } from "../line-clamp-CcqDlxOD.js";
1
+ import { L as l, a as s, e as i } from "../line-clamp-B8Z8vzU2.js";
2
2
  export {
3
3
  l as LineClamp,
4
4
  s as elLineClampDisclosureButton,
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("../listbox-BGrp52Hs.cjs");function o(e){return e.ariaChecked==="true"||e.ariaSelected==="true"}exports.Listbox=t.Listbox;exports.ListboxContext=t.ListboxContext;exports.ListboxOptgroup=t.ListboxOptgroup;exports.ListboxOption=t.ListboxOption;exports.ListboxRenderContext=t.ListboxRenderContext;exports.OPTION_SELECTOR=t.OPTION_SELECTOR;exports.SELECTED_OPTION_SELECTOR=t.SELECTED_OPTION_SELECTOR;exports.clearListboxValue=t.clearListboxValue;exports.getListboxSelectId=t.getListboxSelectId;exports.getListboxSelectedOptions=t.getListboxSelectedOptions;exports.getListboxValue=t.getListboxValue;exports.setListboxOptionSelectedState=t.setListboxOptionSelectedState;exports.useFocusManagement=t.useFocusManagement;exports.useListboxContext=t.useListboxContext;exports.useListboxRenderContext=t.useListboxRenderContext;exports.useListboxSelectState=t.useListboxSelectState;exports.useListboxSelectionObserver=t.useListboxSelectionObserver;exports.useListboxState=t.useListboxState;exports.isListboxOptionSelected=o;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("../listbox-uSbN6RQG.cjs");function o(e){return e.ariaChecked==="true"||e.ariaSelected==="true"}exports.Listbox=t.Listbox;exports.ListboxContext=t.ListboxContext;exports.ListboxOptgroup=t.ListboxOptgroup;exports.ListboxOption=t.ListboxOption;exports.ListboxRenderContext=t.ListboxRenderContext;exports.OPTION_SELECTOR=t.OPTION_SELECTOR;exports.SELECTED_OPTION_SELECTOR=t.SELECTED_OPTION_SELECTOR;exports.clearListboxValue=t.clearListboxValue;exports.getListboxSelectId=t.getListboxSelectId;exports.getListboxSelectedOptions=t.getListboxSelectedOptions;exports.getListboxValue=t.getListboxValue;exports.setListboxOptionSelectedState=t.setListboxOptionSelectedState;exports.useFocusManagement=t.useFocusManagement;exports.useListboxContext=t.useListboxContext;exports.useListboxRenderContext=t.useListboxRenderContext;exports.useListboxSelectState=t.useListboxSelectState;exports.useListboxSelectionObserver=t.useListboxSelectionObserver;exports.useListboxState=t.useListboxState;exports.isListboxOptionSelected=o;
@@ -1,4 +1,4 @@
1
- import { d as o, L as i, e as x, f as L, h as b, O as n, S as r, c as u, b as S, a as O, g as c, s as l, j as d, u as C, i as p, l as E, k as g, m as T } from "../listbox-DaqNCLTr.js";
1
+ import { d as o, L as i, e as x, f as L, h as b, O as n, S as r, c as u, b as S, a as O, g as c, s as l, j as d, u as C, i as p, l as E, k as g, m as T } from "../listbox-LxpZYH0B.js";
2
2
  function t(e) {
3
3
  return e.ariaChecked === "true" || e.ariaSelected === "true";
4
4
  }
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../popover-CA0t-z5e.cjs");require("react/jsx-runtime");const o=require("../anchor-positioning-CmSZkNof.cjs");require("react");exports.Popover=e.Popover;exports.elPopover=e.elPopover;exports.getPopoverTriggerProps=e.getPopoverTriggerProps;exports.popoverPlacements=o.placements;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../popover-Xyg0sgru.cjs");require("react/jsx-runtime");const o=require("../anchor-positioning-B-1bVP2v.cjs");require("react");exports.Popover=e.Popover;exports.elPopover=e.elPopover;exports.getPopoverTriggerProps=e.getPopoverTriggerProps;exports.popoverPlacements=o.placements;
@@ -1,6 +1,6 @@
1
- import { P as s, e as t, g as P } from "../popover-BWnbK_dO.js";
1
+ import { P as s, e as t, g as P } from "../popover-dzUc2bK7.js";
2
2
  import "react/jsx-runtime";
3
- import { p as m } from "../anchor-positioning-B3GGsbFM.js";
3
+ import { p as m } from "../anchor-positioning-mAfJClCi.js";
4
4
  import "react";
5
5
  export {
6
6
  s as Popover,
@@ -24,21 +24,6 @@ export type CloseOnSelection = (typeof CLOSE_ON_SELECTION)[keyof typeof CLOSE_ON
24
24
  * }
25
25
  */
26
26
  export declare function maybeCloseOnSelection(event: MouseEvent<HTMLDialogElement>): void;
27
- /**
28
- * Closes the dialog when clicking on the backdrop (Safari workaround).
29
- *
30
- * Safari doesn't support the closedby attribute, so we handle backdrop clicks manually.
31
- * This function checks if the click target is the dialog element itself (not its children),
32
- * which indicates a backdrop click.
33
- *
34
- * @param event The click event from the dialog element
35
- *
36
- * @example
37
- * const handleClick = (event: MouseEvent<HTMLDialogElement>) => {
38
- * closeOnBackdropClick(event)
39
- * }
40
- */
41
- export declare function closeOnBackdropClick(event: MouseEvent<HTMLDialogElement>): void;
42
27
  /**
43
28
  * Finds the closest option element from a click target.
44
29
  *
@@ -1 +1 @@
1
- {"version":3,"file":"event-handlers.d.ts","sourceRoot":"/","sources":["core/combobox/popup-dialog/event-handlers.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,UAAU,EAAE,cAAc,EAAE,MAAM,OAAO,CAAA;AAEvD;;GAEG;AACH,eAAO,MAAM,kBAAkB;;;;CAIrB,CAAA;AAEV,MAAM,MAAM,gBAAgB,GAAG,CAAC,OAAO,kBAAkB,CAAC,CAAC,MAAM,OAAO,kBAAkB,CAAC,CAAA;AAE3F;;;;;;;;;;;;;;GAcG;AACH,wBAAgB,qBAAqB,CAAC,KAAK,EAAE,UAAU,CAAC,iBAAiB,CAAC,GAAG,IAAI,CAoChF;AAED;;;;;;;;;;;;;GAaG;AACH,wBAAgB,oBAAoB,CAAC,KAAK,EAAE,UAAU,CAAC,iBAAiB,CAAC,GAAG,IAAI,CAO/E;AAED;;;;;;;;;;;;;;;GAeG;AACH,wBAAgB,gBAAgB,CAAC,OAAO,EAAE,OAAO,GAAG,WAAW,GAAG,IAAI,CAKrE;AAuBD;;;;;;;;;;;;GAYG;AACH,wBAAgB,uBAAuB,CAAC,KAAK,EAAE,cAAc,CAAC,iBAAiB,CAAC,GAAG,IAAI,CAgBtF"}
1
+ {"version":3,"file":"event-handlers.d.ts","sourceRoot":"/","sources":["core/combobox/popup-dialog/event-handlers.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,UAAU,EAAE,cAAc,EAAE,MAAM,OAAO,CAAA;AAEvD;;GAEG;AACH,eAAO,MAAM,kBAAkB;;;;CAIrB,CAAA;AAEV,MAAM,MAAM,gBAAgB,GAAG,CAAC,OAAO,kBAAkB,CAAC,CAAC,MAAM,OAAO,kBAAkB,CAAC,CAAA;AAE3F;;;;;;;;;;;;;;GAcG;AACH,wBAAgB,qBAAqB,CAAC,KAAK,EAAE,UAAU,CAAC,iBAAiB,CAAC,GAAG,IAAI,CAoChF;AAED;;;;;;;;;;;;;;;GAeG;AACH,wBAAgB,gBAAgB,CAAC,OAAO,EAAE,OAAO,GAAG,WAAW,GAAG,IAAI,CAKrE;AAuBD;;;;;;;;;;;;GAYG;AACH,wBAAgB,uBAAuB,CAAC,KAAK,EAAE,cAAc,CAAC,iBAAiB,CAAC,GAAG,IAAI,CAgBtF"}
@@ -1 +1 @@
1
- {"version":3,"file":"popup-dialog.d.ts","sourceRoot":"/","sources":["core/combobox/popup-dialog/popup-dialog.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,kBAAkB,EAAE,MAAM,eAAe,CAAA;AAElD,OAAO,EAAE,0BAA0B,EAAE,6BAA6B,EAAE,MAAM,WAAW,CAAA;AAIrF,OAAO,EAAE,iBAAiB,EAAE,MAAM,cAAc,CAAA;AAIhD,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,kBAAkB,CAAA;AACxD,OAAO,KAAK,EAAE,oBAAoB,EAAqB,SAAS,EAAE,MAAM,OAAO,CAAA;AAE/E,yBAAiB,mBAAmB,CAAC;IACnC,UAAiB,KAAM,SAAQ,oBAAoB,CAAC,iBAAiB,CAAC;QACpE,+CAA+C;QAC/C,iBAAiB,EAAE,MAAM,CAAA;QACzB,qBAAqB;QACrB,QAAQ,EAAE,SAAS,CAAA;QACnB;;;;WAIG;QACH,gBAAgB,CAAC,EAAE,gBAAgB,CAAA;QACnC,+BAA+B;QAC/B,EAAE,EAAE,MAAM,CAAA;QACV,4EAA4E;QAC5E,SAAS,CAAC,EAAE,MAAM,CAAA;QAClB,gFAAgF;QAChF,QAAQ,CAAC,EAAE,MAAM,CAAA;QACjB,gFAAgF;QAChF,QAAQ,CAAC,EAAE,MAAM,CAAA;QACjB;;;;WAIG;QACH,qBAAqB,CAAC,EAAE,OAAO,CAAA;QAC/B,8FAA8F;QAC9F,MAAM,CAAC,EAAE,SAAS,CAAA;QAClB;;;;;WAKG;QACH,OAAO,CAAC,EAAE,SAAS,GAAG,QAAQ,GAAG,MAAM,CAAA;KACxC;CACF;AAGD,eAAO,MAAM,iBAAiB,iEAAiE,CAAA;AAC/F,eAAO,MAAM,qBAAqB,uDAAuD,CAAA;AACzF,eAAO,MAAM,oBAAoB,sDAAsD,CAAA;AAEvF;;;;;;;;;;GAUG;AACH,wBAAgB,mBAAmB,CAAC,EAClC,iBAAiB,EAAE,cAAc,EACjC,QAAQ,EACR,SAAS,EACT,gBAAyB,EACzB,EAAE,EACF,SAAS,EACT,QAA4B,EAC5B,QAA4B,EAC5B,QAAQ,EACR,OAAO,EACP,OAAO,EACP,qBAA6B,EAC7B,MAAM,EACN,KAAK,EACL,OAAgB,EAChB,GAAG,IAAI,EACR,EAAE,mBAAmB,CAAC,KAAK,2CA6D3B;yBA9Ee,mBAAmB"}
1
+ {"version":3,"file":"popup-dialog.d.ts","sourceRoot":"/","sources":["core/combobox/popup-dialog/popup-dialog.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,kBAAkB,EAAE,MAAM,eAAe,CAAA;AAElD,OAAO,EAAE,0BAA0B,EAAE,6BAA6B,EAAE,MAAM,WAAW,CAAA;AAKrF,OAAO,EAAE,iBAAiB,EAAE,MAAM,cAAc,CAAA;AAIhD,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,kBAAkB,CAAA;AACxD,OAAO,KAAK,EAAE,oBAAoB,EAAqB,SAAS,EAAE,MAAM,OAAO,CAAA;AAE/E,yBAAiB,mBAAmB,CAAC;IACnC,UAAiB,KAAM,SAAQ,oBAAoB,CAAC,iBAAiB,CAAC;QACpE,+CAA+C;QAC/C,iBAAiB,EAAE,MAAM,CAAA;QACzB,qBAAqB;QACrB,QAAQ,EAAE,SAAS,CAAA;QACnB;;;;WAIG;QACH,gBAAgB,CAAC,EAAE,gBAAgB,CAAA;QACnC,+BAA+B;QAC/B,EAAE,EAAE,MAAM,CAAA;QACV,4EAA4E;QAC5E,SAAS,CAAC,EAAE,MAAM,CAAA;QAClB,gFAAgF;QAChF,QAAQ,CAAC,EAAE,MAAM,CAAA;QACjB,gFAAgF;QAChF,QAAQ,CAAC,EAAE,MAAM,CAAA;QACjB;;;;WAIG;QACH,qBAAqB,CAAC,EAAE,OAAO,CAAA;QAC/B,8FAA8F;QAC9F,MAAM,CAAC,EAAE,SAAS,CAAA;QAClB;;;;;WAKG;QACH,OAAO,CAAC,EAAE,SAAS,GAAG,QAAQ,GAAG,MAAM,CAAA;KACxC;CACF;AAGD,eAAO,MAAM,iBAAiB,iEAAiE,CAAA;AAC/F,eAAO,MAAM,qBAAqB,uDAAuD,CAAA;AACzF,eAAO,MAAM,oBAAoB,sDAAsD,CAAA;AAEvF;;;;;;;;;;GAUG;AACH,wBAAgB,mBAAmB,CAAC,EAClC,iBAAiB,EAAE,cAAc,EACjC,QAAQ,EACR,SAAS,EACT,gBAAyB,EACzB,EAAE,EACF,SAAS,EACT,QAA4B,EAC5B,QAA4B,EAC5B,QAAQ,EACR,OAAO,EACP,OAAO,EACP,qBAA6B,EAC7B,MAAM,EACN,KAAK,EACL,OAAgB,EAChB,GAAG,IAAI,EACR,EAAE,mBAAmB,CAAC,KAAK,2CAgE3B;yBAjFe,mBAAmB"}
@@ -10,33 +10,28 @@ export declare namespace Dialog {
10
10
  children: ReactNode;
11
11
  /**
12
12
  * Specifies the types of user actions that can be used to close the dialog. This property distinguishes
13
- * two methods by which a dialog can be closed:
13
+ * three methods by which a dialog can be closed:
14
14
  *
15
- * (1) A platform-specific user action, such as pressing the `Esc` key on desktop platforms, or a "back" or
16
- * "dismiss" gesture on mobile platforms.
17
- *
18
- * (2) A developer-specified mechanism such as the dialog close button and a `<form>` submission.
15
+ * - A _light dismiss user action_, in which the dialog is closed when the user clicks or taps
16
+ * outside it. This is equivalent to the "light dismiss" behavior of "auto" state popovers.
17
+ * - A _platform-specific user action_, such as pressing the `Esc` key on desktop platforms, or a "back"
18
+ * or "dismiss" gesture on mobile platforms.
19
+ * - A developer-specified mechanism such as a `<button>` with a `click` handler that invokes
20
+ * `HTMLDialogElement.close()` or a `<form>` submission.
19
21
  *
20
22
  * Possible values are:
21
23
  *
24
+ * - `any`: The dialog can be closed by clicking on the backdrop, pressing the `Esc` key, or a
25
+ * developer-specified mechanism. This is useful for lightweight dismissible dialogs.
22
26
  * - `closerequest`: The dialog can be dismissed with a platform-specific user action or a
23
27
  * developer-specified mechanism. This is what detail dialogs should use.
24
- *
25
28
  * - `none`: The dialog cannot be closed by the user (e.g. via the close button). This is what form dialogs
26
29
  * should use.
27
30
  *
28
- * **Note:** The `closedby` attribute for the HTML `<dialog>` element is experimental. We currently approximate
29
- * its behaviour internally, but we are not using the attribute itself.
30
- *
31
- * **Note 2:** The HTML `<dialog>` element distinguishes a third method, `any`, for closing a dialog element,
32
- * but Dialog does not currently support it. See MDN's
33
- * [closedBy](https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/dialog#closedby)
34
- * attribute docs for more information.
35
- *
36
- * **Note 3:** The `closedBy` attribute is not supported in all browsers. We currently approximate its behaviour
37
- * internally, but we are not using the attribute itself.
31
+ * **note:** Safari does not currently support `closedBy`. `Dialog` attempts to polyfill its behaviour,
32
+ * but it's not perfect. Namely, "back" or "dismiss" gestures on mobile platforms are not supported.
38
33
  */
39
- closedBy?: 'closerequest' | 'none';
34
+ closedBy?: 'any' | 'closerequest' | 'none';
40
35
  /** Indicates whether the dialog is open or not */
41
36
  isOpen?: boolean;
42
37
  /** The size of the dialog. */
@@ -56,7 +51,7 @@ export declare namespace Dialog {
56
51
  * the drawer. See the [accessibility](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/dialog#accessibility)
57
52
  * section of MDN's `<dialog>` documentation.
58
53
  */
59
- export declare function Dialog({ 'aria-labelledby': ariaLabelledBy, children, closedBy, isOpen: isOpenProp, onCancel: onCancelProp, onClose: onCloseProp, size, ...rest }: Dialog.Props): import("react/jsx-runtime").JSX.Element;
54
+ export declare function Dialog({ 'aria-labelledby': ariaLabelledBy, children, className, closedBy, isOpen: isOpenProp, onCancel: onCancelProp, onClose: onCloseProp, onClick: onClickProp, size, ...rest }: Dialog.Props): import("react/jsx-runtime").JSX.Element;
60
55
  export declare namespace Dialog {
61
56
  var Body: typeof DialogBody;
62
57
  var Footer: typeof DialogFooter;
@@ -1 +1 @@
1
- {"version":3,"file":"dialog.d.ts","sourceRoot":"/","sources":["core/dialog/dialog.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,QAAQ,CAAA;AACnC,OAAO,EAAE,aAAa,EAAE,gBAAgB,EAAE,MAAM,WAAW,CAAA;AAC3D,OAAO,EAAE,YAAY,EAAE,MAAM,UAAU,CAAA;AACvC,OAAO,EAAE,YAAY,EAAE,MAAM,UAAU,CAAA;AAWvC,OAAO,KAAK,EAAE,oBAAoB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAE5D,yBAAiB,MAAM,CAAC;IAItB,KAAK,gBAAgB,GAAG,MAAM,CAAA;IAE9B,MAAM,WAAW,KAAM,SAAQ,IAAI,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EAAE,gBAAgB,CAAC;QAC5F,yBAAyB;QACzB,QAAQ,EAAE,SAAS,CAAA;QACnB;;;;;;;;;;;;;;;;;;;;;;;;;;;WA2BG;QACH,QAAQ,CAAC,EAAE,cAAc,GAAG,MAAM,CAAA;QAClC,kDAAkD;QAClD,MAAM,CAAC,EAAE,OAAO,CAAA;QAChB,8BAA8B;QAC9B,IAAI,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,GAAG,aAAa,CAAA;KACnD;;CACF;AAED;;;;;;;;;;;GAWG;AACH,wBAAgB,MAAM,CAAC,EACrB,iBAAiB,EAAE,cAAc,EACjC,QAAQ,EACR,QAAyB,EACzB,MAAM,EAAE,UAAU,EAClB,QAAQ,EAAE,YAAY,EACtB,OAAO,EAAE,WAAW,EACpB,IAAI,EACJ,GAAG,IAAI,EACR,EAAE,MAAM,CAAC,KAAK,2CAqCd;yBA9Ce,MAAM"}
1
+ {"version":3,"file":"dialog.d.ts","sourceRoot":"/","sources":["core/dialog/dialog.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,UAAU,EAAE,MAAM,QAAQ,CAAA;AACnC,OAAO,EAAE,aAAa,EAAE,gBAAgB,EAAE,MAAM,WAAW,CAAA;AAC3D,OAAO,EAAE,YAAY,EAAE,MAAM,UAAU,CAAA;AACvC,OAAO,EAAE,YAAY,EAAE,MAAM,UAAU,CAAA;AAYvC,OAAO,KAAK,EAAE,oBAAoB,EAAqB,SAAS,EAAE,MAAM,OAAO,CAAA;AAE/E,yBAAiB,MAAM,CAAC;IAItB,KAAK,gBAAgB,GAAG,MAAM,CAAA;IAE9B,MAAM,WAAW,KAAM,SAAQ,IAAI,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EAAE,gBAAgB,CAAC;QAC5F,yBAAyB;QACzB,QAAQ,EAAE,SAAS,CAAA;QACnB;;;;;;;;;;;;;;;;;;;;;;WAsBG;QACH,QAAQ,CAAC,EAAE,KAAK,GAAG,cAAc,GAAG,MAAM,CAAA;QAC1C,kDAAkD;QAClD,MAAM,CAAC,EAAE,OAAO,CAAA;QAChB,8BAA8B;QAC9B,IAAI,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,GAAG,aAAa,CAAA;KACnD;;CACF;AAED;;;;;;;;;;;GAWG;AACH,wBAAgB,MAAM,CAAC,EACrB,iBAAiB,EAAE,cAAc,EACjC,QAAQ,EACR,SAAS,EACT,QAAyB,EACzB,MAAM,EAAE,UAAU,EAClB,QAAQ,EAAE,YAAY,EACtB,OAAO,EAAE,WAAW,EACpB,OAAO,EAAE,WAAW,EACpB,IAAI,EACJ,GAAG,IAAI,EACR,EAAE,MAAM,CAAC,KAAK,2CAgDd;yBA3De,MAAM"}
@@ -26,6 +26,31 @@ type Story = StoryObj<typeof meta>;
26
26
  * which will simply require some local component state.
27
27
  */
28
28
  export declare const Example: Story;
29
+ /**
30
+ * The `closedBy` prop specifies the types of user actions that can be used to close the dialog. It
31
+ * distinguishes three methods:
32
+ *
33
+ * - A _light dismiss user action_, in which the dialog is closed when the user clicks or taps
34
+ * outside it. This is equivalent to the "light dismiss" behavior of "auto" state popovers.
35
+ * - A _platform-specific user action_, such as pressing the `Esc` key on desktop platforms, or a "back"
36
+ * or "dismiss" gesture on mobile platforms.
37
+ * - A developer-specified mechanism such as a `<button>` with a `click` handler that invokes
38
+ * `HTMLDialogElement.close()` or a `<form>` submission.
39
+ *
40
+ * Possible values are:
41
+ *
42
+ * - `any`, the dialog can be dismissed using any of the three methods.
43
+ * - `closerequest`, the dialog can be dismissed with a platform-specific user action or a
44
+ * developer-specified mechanism.
45
+ * - `none`, the dialog can only be dismissed with a developer-specified mechanism.
46
+ *
47
+ * **note:** Safari does not currently support `closedBy`. `Dialog` attempts to polyfill its behaviour,
48
+ * but it's not perfect. Namely, "back" or "dismiss" gestures on mobile platforms are not supported.
49
+ *
50
+ * In this example, the dialog is using `closedBy="any"`, meaning any of the three methods can be used
51
+ * to dismiss it.
52
+ */
53
+ export declare const ClosedBy: Story;
29
54
  /**
30
55
  * In future, we expect to enable the opening and closing of dialogs using the new
31
56
  * [Invoker Commands API](https://developer.mozilla.org/en-US/docs/Web/API/Invoker_Commands_API).
@@ -1 +1 @@
1
- {"version":3,"file":"dialog.stories.d.ts","sourceRoot":"/","sources":["core/dialog/dialog.stories.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAA;AAIjC,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,uBAAuB,CAAA;AAE3D,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;;CAgBqB,CAAA;AAE/B,eAAe,IAAI,CAAA;AACnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAA;AAElC;;;;;GAKG;AACH,eAAO,MAAM,OAAO,EAAE,KAgBrB,CAAA;AAED;;;;;;;GAOG;AACH,eAAO,MAAM,eAAe,EAAE,KAoB7B,CAAA"}
1
+ {"version":3,"file":"dialog.stories.d.ts","sourceRoot":"/","sources":["core/dialog/dialog.stories.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAA;AAKjC,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,uBAAuB,CAAA;AAE3D,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;;CAgBqB,CAAA;AAE/B,eAAe,IAAI,CAAA;AACnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAA;AAElC;;;;;GAKG;AACH,eAAO,MAAM,OAAO,EAAE,KAgBrB,CAAA;AAED;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AACH,eAAO,MAAM,QAAQ,EAAE,KActB,CAAA;AAED;;;;;;;GAOG;AACH,eAAO,MAAM,eAAe,EAAE,KAoB7B,CAAA"}
@@ -1,7 +1,2 @@
1
- interface ElDialogContainerProps {
2
- /** The size of the dialog. */
3
- 'data-size': 'small' | 'medium' | 'large' | 'full-screen';
4
- }
5
- export declare const ElDialog: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDialogElement> & import("react").DialogHTMLAttributes<HTMLDialogElement> & ElDialogContainerProps>;
6
- export {};
1
+ export declare const elDialog: import("@linaria/core").LinariaClassName;
7
2
  //# sourceMappingURL=styles.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"styles.d.ts","sourceRoot":"/","sources":["core/dialog/styles.ts"],"names":[],"mappings":"AASA,UAAU,sBAAsB;IAC9B,8BAA8B;IAC9B,WAAW,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,GAAG,aAAa,CAAA;CAC1D;AAED,eAAO,MAAM,QAAQ,iLAuGpB,CAAA"}
1
+ {"version":3,"file":"styles.d.ts","sourceRoot":"/","sources":["core/dialog/styles.ts"],"names":[],"mappings":"AASA,eAAO,MAAM,QAAQ,0CAuGpB,CAAA"}
@@ -10,33 +10,28 @@ export declare namespace Drawer {
10
10
  children: ReactNode;
11
11
  /**
12
12
  * Specifies the types of user actions that can be used to close the drawer. This property distinguishes
13
- * two methods by which a drawer can be closed:
13
+ * three methods by which a drawer can be closed:
14
14
  *
15
- * (1) A platform-specific user action, such as pressing the `Esc` key on desktop platforms, or a "back" or
16
- * "dismiss" gesture on mobile platforms.
17
- *
18
- * (2) A developer-specified mechanism such as the drawer close button and a `<form>` submission.
15
+ * - A _light dismiss user action_, in which the drawer is closed when the user clicks or taps
16
+ * outside it. This is equivalent to the "light dismiss" behavior of "auto" state popovers.
17
+ * - A _platform-specific user action_, such as pressing the `Esc` key on desktop platforms, or a "back"
18
+ * or "dismiss" gesture on mobile platforms.
19
+ * - A developer-specified mechanism such as a `<button>` with a `click` handler that invokes
20
+ * `HTMLDialogElement.close()` or a `<form>` submission.
19
21
  *
20
22
  * Possible values are:
21
23
  *
24
+ * - `any`: The drawer can be closed by clicking on the backdrop, pressing the `Esc` key, or a
25
+ * developer-specified mechanism. This is useful for lightweight dismissible drawers.
22
26
  * - `closerequest`: The drawer can be dismissed with a platform-specific user action or a
23
27
  * developer-specified mechanism. This is what detail drawers should use.
24
- *
25
28
  * - `none`: The drawer cannot be closed by the user (e.g. via the close button). This is what form drawers
26
29
  * should use.
27
30
  *
28
- * **Note:** The `closedby` attribute for the HTML `<dialog>` element is experimental. We currently approximate
29
- * its behaviour internally, but we are not using the attribute itself.
30
- *
31
- * **Note 2:** The HTML `<dialog>` element distinguishes a third method, `any`, for closing a dialog element,
32
- * but Drawer does not currently support it. See MDN's
33
- * [closedBy](https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/dialog#closedby)
34
- * attribute docs for more information.
35
- *
36
- * **Note 3:** The `closedBy` attribute is not supported in all browsers. We currently approximate its behaviour
37
- * internally, but we are not using the attribute itself.
31
+ * **note:** Safari does not currently support `closedBy`. `Drawer` attempts to polyfill its behaviour,
32
+ * but it's not perfect. Namely, "back" or "dismiss" gestures on mobile platforms are not supported.
38
33
  */
39
- closedBy?: 'closerequest' | 'none';
34
+ closedBy?: 'any' | 'closerequest' | 'none';
40
35
  /** Indicates whether the Drawer is open or not */
41
36
  isOpen?: boolean;
42
37
  }
@@ -52,7 +47,7 @@ export declare namespace Drawer {
52
47
  * the drawer. See the [accessibility](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/dialog#accessibility)
53
48
  * section of MDN's `<dialog>` documentation.
54
49
  */
55
- export declare function Drawer({ 'aria-label': ariaLabel, 'aria-labelledby': ariaLabelledBy, children, closedBy, isOpen: isOpenProp, onCancel: onCancelProp, onClose: onCloseProp, ...rest }: Drawer.Props): import("react/jsx-runtime").JSX.Element;
50
+ export declare function Drawer({ 'aria-label': ariaLabel, 'aria-labelledby': ariaLabelledBy, children, className, closedBy, isOpen: isOpenProp, onCancel: onCancelProp, onClick: onClickProp, onClose: onCloseProp, ...rest }: Drawer.Props): import("react/jsx-runtime").JSX.Element;
56
51
  export declare namespace Drawer {
57
52
  var Body: typeof DrawerBody;
58
53
  var Footer: typeof DrawerFooter;
@@ -1 +1 @@
1
- {"version":3,"file":"drawer.d.ts","sourceRoot":"/","sources":["core/drawer/drawer.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,QAAQ,CAAA;AACnC,OAAO,EAAE,aAAa,EAAE,gBAAgB,EAAE,MAAM,WAAW,CAAA;AAC3D,OAAO,EAAE,YAAY,EAAE,MAAM,UAAU,CAAA;AACvC,OAAO,EAAE,YAAY,EAAE,MAAM,UAAU,CAAA;AASvC,OAAO,KAAK,EAAE,oBAAoB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAK5D,KAAK,gBAAgB,GAAG,MAAM,CAAA;AAE9B,yBAAiB,MAAM,CAAC;IACtB,UAAiB,KAAM,SAAQ,IAAI,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EAAE,gBAAgB,CAAC;QAC5F,yBAAyB;QACzB,QAAQ,EAAE,SAAS,CAAA;QACnB;;;;;;;;;;;;;;;;;;;;;;;;;;;WA2BG;QACH,QAAQ,CAAC,EAAE,cAAc,GAAG,MAAM,CAAA;QAClC,kDAAkD;QAClD,MAAM,CAAC,EAAE,OAAO,CAAA;KACjB;CACF;AAED;;;;;;;;;;GAUG;AACH,wBAAgB,MAAM,CAAC,EACrB,YAAY,EAAE,SAAS,EACvB,iBAAiB,EAAE,cAAc,EACjC,QAAQ,EACR,QAAyB,EACzB,MAAM,EAAE,UAAU,EAClB,QAAQ,EAAE,YAAY,EACtB,OAAO,EAAE,WAAW,EACpB,GAAG,IAAI,EACR,EAAE,MAAM,CAAC,KAAK,2CAuCd;yBAhDe,MAAM"}
1
+ {"version":3,"file":"drawer.d.ts","sourceRoot":"/","sources":["core/drawer/drawer.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,UAAU,EAAE,MAAM,QAAQ,CAAA;AACnC,OAAO,EAAE,aAAa,EAAE,gBAAgB,EAAE,MAAM,WAAW,CAAA;AAC3D,OAAO,EAAE,YAAY,EAAE,MAAM,UAAU,CAAA;AACvC,OAAO,EAAE,YAAY,EAAE,MAAM,UAAU,CAAA;AAUvC,OAAO,KAAK,EAAE,oBAAoB,EAAqB,SAAS,EAAE,MAAM,OAAO,CAAA;AAK/E,KAAK,gBAAgB,GAAG,MAAM,CAAA;AAE9B,yBAAiB,MAAM,CAAC;IACtB,UAAiB,KAAM,SAAQ,IAAI,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EAAE,gBAAgB,CAAC;QAC5F,yBAAyB;QACzB,QAAQ,EAAE,SAAS,CAAA;QACnB;;;;;;;;;;;;;;;;;;;;;;WAsBG;QACH,QAAQ,CAAC,EAAE,KAAK,GAAG,cAAc,GAAG,MAAM,CAAA;QAC1C,kDAAkD;QAClD,MAAM,CAAC,EAAE,OAAO,CAAA;KACjB;CACF;AAED;;;;;;;;;;GAUG;AACH,wBAAgB,MAAM,CAAC,EACrB,YAAY,EAAE,SAAS,EACvB,iBAAiB,EAAE,cAAc,EACjC,QAAQ,EACR,SAAS,EACT,QAAyB,EACzB,MAAM,EAAE,UAAU,EAClB,QAAQ,EAAE,YAAY,EACtB,OAAO,EAAE,WAAW,EACpB,OAAO,EAAE,WAAW,EACpB,GAAG,IAAI,EACR,EAAE,MAAM,CAAC,KAAK,2CAkDd;yBA7De,MAAM"}
@@ -24,6 +24,31 @@ type Story = StoryObj<typeof meta>;
24
24
  * the page.
25
25
  */
26
26
  export declare const Example: Story;
27
+ /**
28
+ * The `closedBy` prop specifies the types of user actions that can be used to close the drawer. It
29
+ * distinguishes three methods:
30
+ *
31
+ * - A _light dismiss user action_, in which the drawer is closed when the user clicks or taps
32
+ * outside it. This is equivalent to the "light dismiss" behavior of "auto" state popovers.
33
+ * - A _platform-specific user action_, such as pressing the `Esc` key on desktop platforms, or a "back"
34
+ * or "dismiss" gesture on mobile platforms.
35
+ * - A developer-specified mechanism such as a `<button>` with a `click` handler that invokes
36
+ * `HTMLDialogElement.close()` or a `<form>` submission.
37
+ *
38
+ * Possible values are:
39
+ *
40
+ * - `any`, the drawer can be dismissed using any of the three methods.
41
+ * - `closerequest`, the drawer can be dismissed with a platform-specific user action or a
42
+ * developer-specified mechanism.
43
+ * - `none`, the drawer can only be dismissed with a developer-specified mechanism.
44
+ *
45
+ * **note:** Safari does not currently support `closedBy`. `Drawer` attempts to polyfill its behaviour,
46
+ * but it's not perfect. Namely, "back" or "dismiss" gestures on mobile platforms are not supported.
47
+ *
48
+ * In this example, the drawer is using `closedBy="any"`, meaning any of the three methods can be used
49
+ * to dismiss it.
50
+ */
51
+ export declare const ClosedBy: Story;
27
52
  /**
28
53
  * In future, we expect to enable the opening and closing of drawers using the new
29
54
  * [Invoker Commands API](https://developer.mozilla.org/en-US/docs/Web/API/Invoker_Commands_API).
@@ -1 +1 @@
1
- {"version":3,"file":"drawer.stories.d.ts","sourceRoot":"/","sources":["core/drawer/drawer.stories.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAA;AAOjC,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,uBAAuB,CAAA;AAE3D,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;CAeqB,CAAA;AAE/B,eAAe,IAAI,CAAA;AACnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAA;AAElC;;;;GAIG;AACH,eAAO,MAAM,OAAO,EAAE,KAerB,CAAA;AAED;;;;;;;GAOG;AACH,eAAO,MAAM,eAAe,EAAE,KAqB7B,CAAA;AAED;;;;;;;GAOG;AACH,eAAO,MAAM,WAAW,EAAE,QAwBzB,CAAA"}
1
+ {"version":3,"file":"drawer.stories.d.ts","sourceRoot":"/","sources":["core/drawer/drawer.stories.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAA;AAQjC,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,uBAAuB,CAAA;AAE3D,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;CAeqB,CAAA;AAE/B,eAAe,IAAI,CAAA;AACnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAA;AAElC;;;;GAIG;AACH,eAAO,MAAM,OAAO,EAAE,KAerB,CAAA;AAED;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AACH,eAAO,MAAM,QAAQ,EAAE,KActB,CAAA;AAED;;;;;;;GAOG;AACH,eAAO,MAAM,eAAe,EAAE,KAqB7B,CAAA;AAED;;;;;;;GAOG;AACH,eAAO,MAAM,WAAW,EAAE,QAwBzB,CAAA"}
@@ -1,2 +1,2 @@
1
- export declare const ElDrawer: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDialogElement> & import("react").DialogHTMLAttributes<HTMLDialogElement> & Record<never, unknown>>;
1
+ export declare const elDrawer: import("@linaria/core").LinariaClassName;
2
2
  //# sourceMappingURL=styles.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"styles.d.ts","sourceRoot":"/","sources":["core/drawer/styles.ts"],"names":[],"mappings":"AAWA,eAAO,MAAM,QAAQ,iLAqGpB,CAAA"}
1
+ {"version":3,"file":"styles.d.ts","sourceRoot":"/","sources":["core/drawer/styles.ts"],"names":[],"mappings":"AAWA,eAAO,MAAM,QAAQ,0CAqGpB,CAAA"}
@@ -0,0 +1,2 @@
1
+ export {};
2
+ //# sourceMappingURL=office-switcher-select-optgroup.test.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"office-switcher-select-optgroup.test.d.ts","sourceRoot":"/","sources":["core/office-switcher/__tests__/office-switcher-select-optgroup.test.tsx"],"names":[],"mappings":""}
@@ -0,0 +1,2 @@
1
+ export {};
2
+ //# sourceMappingURL=office-switcher-select-option.test.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"office-switcher-select-option.test.d.ts","sourceRoot":"/","sources":["core/office-switcher/__tests__/office-switcher-select-option.test.tsx"],"names":[],"mappings":""}
@@ -1,2 +1,6 @@
1
+ export * from './office-group';
2
+ export * from './office-item';
1
3
  export * from './office-switcher';
4
+ export * from './office-switcher-select-option';
5
+ export * from './office-switcher-select-optgroup';
2
6
  //# sourceMappingURL=index.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"/","sources":["core/office-switcher/index.ts"],"names":[],"mappings":"AAAA,cAAc,mBAAmB,CAAA"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"/","sources":["core/office-switcher/index.ts"],"names":[],"mappings":"AAAA,cAAc,gBAAgB,CAAA;AAC9B,cAAc,eAAe,CAAA;AAC7B,cAAc,mBAAmB,CAAA;AACjC,cAAc,iCAAiC,CAAA;AAC/C,cAAc,mCAAmC,CAAA"}
@@ -0,0 +1,2 @@
1
+ export {};
2
+ //# sourceMappingURL=office-group-summary.test.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"office-group-summary.test.d.ts","sourceRoot":"/","sources":["core/office-switcher/office-group/__tests__/office-group-summary.test.tsx"],"names":[],"mappings":""}
@@ -0,0 +1,2 @@
1
+ export {};
2
+ //# sourceMappingURL=office-group.test.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"office-group.test.d.ts","sourceRoot":"/","sources":["core/office-switcher/office-group/__tests__/office-group.test.tsx"],"names":[],"mappings":""}
@@ -0,0 +1,4 @@
1
+ export * from './office-group';
2
+ export * from './office-group-summary';
3
+ export * from './styles';
4
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"/","sources":["core/office-switcher/office-group/index.ts"],"names":[],"mappings":"AAAA,cAAc,gBAAgB,CAAA;AAC9B,cAAc,wBAAwB,CAAA;AACtC,cAAc,UAAU,CAAA"}
@@ -0,0 +1,22 @@
1
+ import type { HTMLAttributes, ReactNode } from 'react';
2
+ export declare namespace OfficeSwitcherOfficeGroupSummary {
3
+ interface Props extends HTMLAttributes<HTMLElement> {
4
+ /**
5
+ * The label text for the office group summary
6
+ */
7
+ children: ReactNode;
8
+ }
9
+ }
10
+ /**
11
+ * The summary element for the `OfficeSwitcherOfficeGroup`. Displays the group label with a
12
+ * chevron icon that rotates when the group is expanded.
13
+ *
14
+ * The summary creates a separate label ID internally and uses `aria-labelledby` to associate
15
+ * the summary element with its label text, allowing the parent `<details>` element to reference
16
+ * the summary via its `id`.
17
+ *
18
+ * ⚠️ **Important**: `<summary>` elements are only interactive within a parent `<details>` element.
19
+ * This component should only be used as part of an `OfficeSwitcherOfficeGroup` component.
20
+ */
21
+ export declare function OfficeSwitcherOfficeGroupSummary({ 'aria-labelledby': ariaLabelledBy, children, className, id, ...props }: OfficeSwitcherOfficeGroupSummary.Props): import("react/jsx-runtime").JSX.Element;
22
+ //# sourceMappingURL=office-group-summary.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"office-group-summary.d.ts","sourceRoot":"/","sources":["core/office-switcher/office-group/office-group-summary.tsx"],"names":[],"mappings":"AASA,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAEtD,yBAAiB,gCAAgC,CAAC;IAChD,UAAiB,KAAM,SAAQ,cAAc,CAAC,WAAW,CAAC;QACxD;;WAEG;QACH,QAAQ,EAAE,SAAS,CAAA;KACpB;CACF;AAED;;;;;;;;;;GAUG;AACH,wBAAgB,gCAAgC,CAAC,EAC/C,iBAAiB,EAAE,cAAc,EACjC,QAAQ,EACR,SAAS,EACT,EAAE,EACF,GAAG,KAAK,EACT,EAAE,gCAAgC,CAAC,KAAK,2CAWxC"}
@@ -0,0 +1,20 @@
1
+ import type { DetailsHTMLAttributes, ReactNode } from 'react';
2
+ export declare namespace OfficeSwitcherOfficeGroup {
3
+ interface Props extends DetailsHTMLAttributes<HTMLDetailsElement> {
4
+ /**
5
+ * The office items to display within the group. Typically a collection of
6
+ * `OfficeSwitcher.Option` components.
7
+ */
8
+ children?: ReactNode;
9
+ /**
10
+ * The label text for the office group
11
+ */
12
+ label?: string;
13
+ }
14
+ }
15
+ /**
16
+ * A collapsible group component for the OfficeSwitcher. Uses a `<details>` element to provide
17
+ * a native disclosure widget for showing and hiding grouped office items.
18
+ */
19
+ export declare function OfficeSwitcherOfficeGroup({ 'aria-labelledby': ariaLabelledBy, children, className, label, ...rest }: OfficeSwitcherOfficeGroup.Props): import("react/jsx-runtime").JSX.Element;
20
+ //# sourceMappingURL=office-group.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"office-group.d.ts","sourceRoot":"/","sources":["core/office-switcher/office-group/office-group.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,qBAAqB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAE7D,yBAAiB,yBAAyB,CAAC;IACzC,UAAiB,KAAM,SAAQ,qBAAqB,CAAC,kBAAkB,CAAC;QACtE;;;WAGG;QACH,QAAQ,CAAC,EAAE,SAAS,CAAA;QACpB;;WAEG;QACH,KAAK,CAAC,EAAE,MAAM,CAAA;KACf;CACF;AAED;;;GAGG;AACH,wBAAgB,yBAAyB,CAAC,EACxC,iBAAiB,EAAE,cAAc,EACjC,QAAQ,EACR,SAAS,EACT,KAAK,EACL,GAAG,IAAI,EACR,EAAE,yBAAyB,CAAC,KAAK,2CAQjC"}
@@ -0,0 +1,20 @@
1
+ import { OfficeSwitcherOfficeGroup } from './office-group';
2
+ import type { StoryObj } from '@storybook/react-vite';
3
+ declare const meta: {
4
+ title: string;
5
+ component: typeof OfficeSwitcherOfficeGroup;
6
+ argTypes: {
7
+ children: {
8
+ control: false;
9
+ };
10
+ };
11
+ };
12
+ export default meta;
13
+ type Story = StoryObj<typeof OfficeSwitcherOfficeGroup>;
14
+ export declare const Example: Story;
15
+ /**
16
+ * A group can be initially open by passing the `open` prop. Generally, there should be no need to control
17
+ * this prop.
18
+ */
19
+ export declare const Open: Story;
20
+ //# sourceMappingURL=office-group.stories.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"office-group.stories.d.ts","sourceRoot":"/","sources":["core/office-switcher/office-group/office-group.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,yBAAyB,EAAE,MAAM,gBAAgB,CAAA;AAG1D,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,uBAAuB,CAAA;AAE3D,QAAA,MAAM,IAAI;;;;;;;;CAQwC,CAAA;AAElD,eAAe,IAAI,CAAA;AAEnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,yBAAyB,CAAC,CAAA;AAEvD,eAAO,MAAM,OAAO,EAAE,KAWrB,CAAA;AAED;;;GAGG;AACH,eAAO,MAAM,IAAI,EAAE,KAYlB,CAAA"}
@@ -0,0 +1,5 @@
1
+ export declare const elOfficeSwitcherOfficeGroup: import("@linaria/core").LinariaClassName;
2
+ export declare const elOfficeSwitcherOfficeGroupSummary: import("@linaria/core").LinariaClassName;
3
+ export declare const ElOfficeSwitcherOfficeGroupLabel: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLSpanElement> & import("react").HTMLAttributes<HTMLSpanElement> & Record<never, unknown>>;
4
+ export declare const ElOfficeSwitcherOfficeGroupChevron: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLSpanElement> & import("react").HTMLAttributes<HTMLSpanElement> & Record<never, unknown>>;
5
+ //# sourceMappingURL=styles.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"styles.d.ts","sourceRoot":"/","sources":["core/office-switcher/office-group/styles.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,2BAA2B,0CAEvC,CAAA;AAED,eAAO,MAAM,kCAAkC,0CA0B9C,CAAA;AAED,eAAO,MAAM,gCAAgC,uKAM5C,CAAA;AAED,eAAO,MAAM,kCAAkC,uKAW9C,CAAA"}
@@ -0,0 +1,2 @@
1
+ export {};
2
+ //# sourceMappingURL=office-item.test.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"office-item.test.d.ts","sourceRoot":"/","sources":["core/office-switcher/office-item/__tests__/office-item.test.tsx"],"names":[],"mappings":""}
@@ -0,0 +1,3 @@
1
+ export * from './office-item';
2
+ export * from './styles';
3
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"/","sources":["core/office-switcher/office-item/index.ts"],"names":[],"mappings":"AAAA,cAAc,eAAe,CAAA;AAC7B,cAAc,UAAU,CAAA"}
@@ -0,0 +1,18 @@
1
+ import type { ButtonHTMLAttributes, ReactNode } from 'react';
2
+ type AttributesToOmit = 'role';
3
+ export declare namespace OfficeItem {
4
+ interface Props extends Omit<ButtonHTMLAttributes<HTMLButtonElement>, AttributesToOmit> {
5
+ /** Badge displayed after the label */
6
+ badge?: ReactNode;
7
+ /** Office label text */
8
+ children?: ReactNode;
9
+ /** Office value */
10
+ value: string;
11
+ }
12
+ }
13
+ /**
14
+ * An office switcher item. Use via `OfficeSwitcher.Option`.
15
+ */
16
+ export declare function OfficeItem({ badge, children, ...rest }: OfficeItem.Props): import("react/jsx-runtime").JSX.Element;
17
+ export {};
18
+ //# sourceMappingURL=office-item.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"office-item.d.ts","sourceRoot":"/","sources":["core/office-switcher/office-item/office-item.tsx"],"names":[],"mappings":"AAUA,OAAO,KAAK,EAAE,oBAAoB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAG5D,KAAK,gBAAgB,GAAG,MAAM,CAAA;AAE9B,yBAAiB,UAAU,CAAC;IAC1B,UAAiB,KAAM,SAAQ,IAAI,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EAAE,gBAAgB,CAAC;QAC5F,sCAAsC;QACtC,KAAK,CAAC,EAAE,SAAS,CAAA;QACjB,wBAAwB;QACxB,QAAQ,CAAC,EAAE,SAAS,CAAA;QACpB,mBAAmB;QACnB,KAAK,EAAE,MAAM,CAAA;KACd;CACF;AAED;;GAEG;AACH,wBAAgB,UAAU,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,GAAG,IAAI,EAAE,EAAE,UAAU,CAAC,KAAK,2CAoBxE"}
@@ -0,0 +1,42 @@
1
+ import { OfficeItem } from './office-item';
2
+ import type { StoryObj } from '@storybook/react-vite';
3
+ declare const meta: {
4
+ title: string;
5
+ component: typeof OfficeItem;
6
+ argTypes: {
7
+ 'aria-selected': {
8
+ control: "boolean";
9
+ };
10
+ badge: {
11
+ control: "radio";
12
+ options: string[];
13
+ mapping: {
14
+ None: undefined;
15
+ Badge: import("react/jsx-runtime").JSX.Element;
16
+ };
17
+ };
18
+ children: {
19
+ control: "text";
20
+ };
21
+ value: {
22
+ control: "text";
23
+ };
24
+ };
25
+ };
26
+ export default meta;
27
+ type Story = StoryObj<typeof meta>;
28
+ export declare const Example: Story;
29
+ /**
30
+ * Each office item manages its selection state internally. Office switchers use the
31
+ * `aria-selected` attribute to mark selected offices.
32
+ */
33
+ export declare const Selected: Story;
34
+ /**
35
+ * Badges provide additional context. Place them after the office label.
36
+ */
37
+ export declare const WithBadge: Story;
38
+ /**
39
+ * When there is insufficient space, the office name will truncate.
40
+ */
41
+ export declare const Truncation: Story;
42
+ //# sourceMappingURL=office-item.stories.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"office-item.stories.d.ts","sourceRoot":"/","sources":["core/office-switcher/office-item/office-item.stories.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAA;AAI1C,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,uBAAuB,CAAA;AAE3D,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;CAsByB,CAAA;AAEnC,eAAe,IAAI,CAAA;AACnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAA;AAElC,eAAO,MAAM,OAAO,EAAE,KAOrB,CAAA;AAED;;;GAGG;AACH,eAAO,MAAM,QAAQ,EAAE,KAKtB,CAAA;AAED;;GAEG;AACH,eAAO,MAAM,SAAS,EAAE,KAMvB,CAAA;AAED;;GAEG;AACH,eAAO,MAAM,UAAU,EAAE,KA0CxB,CAAA"}
@@ -0,0 +1,6 @@
1
+ export declare const ElOfficeItem: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLButtonElement> & import("react").ButtonHTMLAttributes<HTMLButtonElement> & Record<never, unknown>>;
2
+ export declare const ElOfficeItemLeftContent: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLSpanElement> & import("react").HTMLAttributes<HTMLSpanElement> & Record<never, unknown>>;
3
+ export declare const ElOfficeItemTextContainer: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLSpanElement> & import("react").HTMLAttributes<HTMLSpanElement> & Record<never, unknown>>;
4
+ export declare const ElOfficeItemBadgeContainer: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLSpanElement> & import("react").HTMLAttributes<HTMLSpanElement> & Record<never, unknown>>;
5
+ export declare const ElOfficeItemCheckIconContainer: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLSpanElement> & import("react").HTMLAttributes<HTMLSpanElement> & Record<never, unknown>>;
6
+ //# sourceMappingURL=styles.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"styles.d.ts","sourceRoot":"/","sources":["core/office-switcher/office-item/styles.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,YAAY,iLAyCxB,CAAA;AAED,eAAO,MAAM,uBAAuB,uKAMnC,CAAA;AAED,eAAO,MAAM,yBAAyB,uKAOrC,CAAA;AAED,eAAO,MAAM,0BAA0B,uKAItC,CAAA;AAED,eAAO,MAAM,8BAA8B,uKAU1C,CAAA"}
@@ -0,0 +1,2 @@
1
+ export {};
2
+ //# sourceMappingURL=office-switcher-popup.figma.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"office-switcher-popup.figma.d.ts","sourceRoot":"/","sources":["core/office-switcher/office-switcher-popup.figma.tsx"],"names":[],"mappings":""}