@primer/react 37.29.0-rc.d46ec0131 → 38.0.0-rc.389f01088

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 (216) hide show
  1. package/CHANGELOG.md +3 -15
  2. package/dist/browser.esm.js +2 -2
  3. package/dist/browser.esm.js.map +1 -1
  4. package/dist/browser.umd.js +3 -3
  5. package/dist/browser.umd.js.map +1 -1
  6. package/dist/components.css +77 -115
  7. package/generated/components.json +133 -133
  8. package/lib/ActionList/Description.d.ts.map +1 -1
  9. package/lib/ActionList/Description.js +2 -1
  10. package/lib/ActionList/Divider.d.ts.map +1 -1
  11. package/lib/ActionList/Divider.js +2 -1
  12. package/lib/ActionList/Group.d.ts.map +1 -1
  13. package/lib/ActionList/Group.js +6 -1
  14. package/lib/ActionList/Item.d.ts.map +1 -1
  15. package/lib/ActionList/Item.js +2 -1
  16. package/lib/ActionList/LinkItem.d.ts.map +1 -1
  17. package/lib/ActionList/LinkItem.js +2 -1
  18. package/lib/ActionList/List.d.ts.map +1 -1
  19. package/lib/ActionList/List.js +3 -0
  20. package/lib/ActionList/Visuals.d.ts.map +1 -1
  21. package/lib/ActionList/Visuals.js +7 -0
  22. package/lib/Avatar/Avatar.d.ts.map +1 -1
  23. package/lib/Avatar/Avatar.js +41 -39
  24. package/lib/AvatarPair/AvatarPair.js +1 -1
  25. package/lib/AvatarStack/AvatarStack.d.ts +1 -1
  26. package/lib/AvatarStack/AvatarStack.d.ts.map +1 -1
  27. package/lib/AvatarStack/AvatarStack.js +2 -1
  28. package/lib/ButtonGroup/ButtonGroup.d.ts.map +1 -1
  29. package/lib/ButtonGroup/ButtonGroup.js +61 -24
  30. package/lib/CounterLabel/CounterLabel.d.ts.map +1 -1
  31. package/lib/CounterLabel/CounterLabel.js +87 -43
  32. package/lib/DataTable/Pagination.d.ts.map +1 -1
  33. package/lib/DataTable/Pagination.js +88 -81
  34. package/lib/DataTable/Table.d.ts +1 -1
  35. package/lib/DataTable/Table.d.ts.map +1 -1
  36. package/lib/DataTable/Table.js +26 -18
  37. package/lib/Details/Details.d.ts.map +1 -1
  38. package/lib/Details/Details.js +82 -35
  39. package/lib/FilteredActionList/FilteredActionListLoaders.js +1 -1
  40. package/lib/FormControl/FormControl.d.ts.map +1 -1
  41. package/lib/FormControl/FormControl.js +9 -3
  42. package/lib/Header/Header.d.ts.map +1 -1
  43. package/lib/Header/Header.js +170 -64
  44. package/lib/InlineMessage/InlineMessage.d.ts +1 -1
  45. package/lib/InlineMessage/InlineMessage.d.ts.map +1 -1
  46. package/lib/InlineMessage/InlineMessage.js +69 -31
  47. package/lib/PageLayout/PageLayout.d.ts.map +1 -1
  48. package/lib/PageLayout/PageLayout.js +473 -465
  49. package/lib/Pagehead/Pagehead.d.ts +1 -1
  50. package/lib/Pagehead/Pagehead.d.ts.map +1 -1
  51. package/lib/Pagehead/Pagehead.js +11 -2
  52. package/lib/Radio/Radio.d.ts.map +1 -1
  53. package/lib/Radio/Radio.js +91 -40
  54. package/lib/SegmentedControl/SegmentedControl.d.ts.map +1 -1
  55. package/lib/SegmentedControl/SegmentedControl.js +25 -23
  56. package/lib/SegmentedControl/SegmentedControlButton.d.ts.map +1 -1
  57. package/lib/SegmentedControl/SegmentedControlButton.js +72 -70
  58. package/lib/SegmentedControl/SegmentedControlIconButton.d.ts.map +1 -1
  59. package/lib/SegmentedControl/SegmentedControlIconButton.js +112 -110
  60. package/lib/SideNav.d.ts.map +1 -1
  61. package/lib/SideNav.js +2 -1
  62. package/lib/Skeleton/SkeletonBox.d.ts +2 -2
  63. package/lib/Skeleton/SkeletonBox.d.ts.map +1 -1
  64. package/lib/Skeleton/SkeletonBox.js +24 -25
  65. package/lib/Spinner/Spinner.d.ts +1 -1
  66. package/lib/Spinner/Spinner.d.ts.map +1 -1
  67. package/lib/Spinner/Spinner.js +51 -13
  68. package/lib/SubNav/SubNav.d.ts.map +1 -1
  69. package/lib/SubNav/SubNav.js +215 -77
  70. package/lib/Timeline/Timeline.d.ts +1 -1
  71. package/lib/Timeline/Timeline.d.ts.map +1 -1
  72. package/lib/Timeline/Timeline.js +264 -92
  73. package/lib/Token/Token.d.ts.map +1 -1
  74. package/lib/Token/Token.js +128 -120
  75. package/lib/TreeView/TreeView.js +2 -2
  76. package/lib/VisuallyHidden/VisuallyHidden.d.ts +1 -1
  77. package/lib/VisuallyHidden/VisuallyHidden.d.ts.map +1 -1
  78. package/lib/VisuallyHidden/VisuallyHidden.js +51 -19
  79. package/lib/_VisuallyHidden.d.ts +2 -3
  80. package/lib/_VisuallyHidden.d.ts.map +1 -1
  81. package/lib/_VisuallyHidden.js +26 -63
  82. package/lib/experimental/Skeleton/SkeletonAvatar-e00fff32.css +2 -0
  83. package/lib/experimental/Skeleton/SkeletonAvatar-e00fff32.css.map +1 -0
  84. package/lib/experimental/Skeleton/SkeletonAvatar.d.ts +8 -0
  85. package/lib/experimental/Skeleton/SkeletonAvatar.d.ts.map +1 -0
  86. package/lib/{SkeletonAvatar → experimental/Skeleton}/SkeletonAvatar.js +5 -5
  87. package/lib/{SkeletonAvatar → experimental/Skeleton}/SkeletonAvatar.module.css.js +1 -1
  88. package/lib/experimental/Skeleton/SkeletonText-5cf908c1.css +2 -0
  89. package/lib/experimental/Skeleton/SkeletonText-5cf908c1.css.map +1 -0
  90. package/lib/{SkeletonText → experimental/Skeleton}/SkeletonText.d.ts +4 -5
  91. package/lib/experimental/Skeleton/SkeletonText.d.ts.map +1 -0
  92. package/lib/experimental/Skeleton/SkeletonText.js +149 -0
  93. package/lib/experimental/Skeleton/SkeletonText.module.css.js +7 -0
  94. package/lib/experimental/Skeleton/index.d.ts +4 -0
  95. package/lib/experimental/Skeleton/index.d.ts.map +1 -0
  96. package/lib/experimental/UnderlinePanels/UnderlinePanels.d.ts.map +1 -1
  97. package/lib/experimental/UnderlinePanels/UnderlinePanels.js +40 -30
  98. package/lib/experimental/index.d.ts +1 -6
  99. package/lib/experimental/index.d.ts.map +1 -1
  100. package/lib/experimental/index.js +2 -2
  101. package/lib/internal/components/ButtonReset.d.ts +2 -1
  102. package/lib/internal/components/ButtonReset.d.ts.map +1 -1
  103. package/lib/internal/components/ButtonReset.js +13 -49
  104. package/lib/internal/components/{TextInputWrapper-889df5d3.css → TextInputWrapper-ca608f70.css} +2 -2
  105. package/lib/internal/components/{TextInputWrapper-889df5d3.css.map → TextInputWrapper-ca608f70.css.map} +1 -1
  106. package/lib/internal/components/TextInputWrapper.module.css.js +1 -1
  107. package/lib/internal/components/UnderlineTabbedInterface.d.ts.map +1 -1
  108. package/lib/internal/components/UnderlineTabbedInterface.js +108 -60
  109. package/lib/internal/utils/toggleStyledComponent.d.ts +20 -0
  110. package/lib/internal/utils/toggleStyledComponent.d.ts.map +1 -0
  111. package/lib-esm/ActionList/Description.js +2 -1
  112. package/lib-esm/ActionList/Divider.js +2 -1
  113. package/lib-esm/ActionList/Group.js +6 -1
  114. package/lib-esm/ActionList/Item.js +2 -1
  115. package/lib-esm/ActionList/LinkItem.js +2 -1
  116. package/lib-esm/ActionList/List.js +3 -0
  117. package/lib-esm/ActionList/Visuals.js +7 -0
  118. package/lib-esm/Avatar/Avatar.js +41 -39
  119. package/lib-esm/AvatarPair/AvatarPair.js +1 -1
  120. package/lib-esm/AvatarStack/AvatarStack.d.ts +1 -1
  121. package/lib-esm/AvatarStack/AvatarStack.js +2 -1
  122. package/lib-esm/ButtonGroup/ButtonGroup.js +61 -24
  123. package/lib-esm/CounterLabel/CounterLabel.js +87 -43
  124. package/lib-esm/DataTable/Pagination.js +84 -81
  125. package/lib-esm/DataTable/Table.d.ts +1 -1
  126. package/lib-esm/DataTable/Table.js +26 -18
  127. package/lib-esm/Details/Details.js +82 -35
  128. package/lib-esm/FilteredActionList/FilteredActionListLoaders.js +1 -1
  129. package/lib-esm/FormControl/FormControl.js +9 -3
  130. package/lib-esm/Header/Header.js +170 -64
  131. package/lib-esm/InlineMessage/InlineMessage.d.ts +1 -1
  132. package/lib-esm/InlineMessage/InlineMessage.js +69 -31
  133. package/lib-esm/PageLayout/PageLayout.js +473 -465
  134. package/lib-esm/Pagehead/Pagehead.d.ts +1 -1
  135. package/lib-esm/Pagehead/Pagehead.js +11 -2
  136. package/lib-esm/Radio/Radio.js +91 -40
  137. package/lib-esm/SegmentedControl/SegmentedControl.js +25 -23
  138. package/lib-esm/SegmentedControl/SegmentedControlButton.js +72 -70
  139. package/lib-esm/SegmentedControl/SegmentedControlIconButton.js +112 -110
  140. package/lib-esm/SideNav.js +2 -1
  141. package/lib-esm/Skeleton/SkeletonBox.d.ts +2 -2
  142. package/lib-esm/Skeleton/SkeletonBox.js +24 -25
  143. package/lib-esm/Spinner/Spinner.d.ts +1 -1
  144. package/lib-esm/Spinner/Spinner.js +47 -13
  145. package/lib-esm/SubNav/SubNav.js +215 -77
  146. package/lib-esm/Timeline/Timeline.d.ts +1 -1
  147. package/lib-esm/Timeline/Timeline.js +264 -92
  148. package/lib-esm/Token/Token.js +128 -120
  149. package/lib-esm/TreeView/TreeView.js +2 -2
  150. package/lib-esm/VisuallyHidden/VisuallyHidden.d.ts +1 -1
  151. package/lib-esm/VisuallyHidden/VisuallyHidden.js +51 -19
  152. package/lib-esm/_VisuallyHidden.d.ts +2 -3
  153. package/lib-esm/_VisuallyHidden.js +22 -63
  154. package/lib-esm/experimental/Skeleton/SkeletonAvatar-e00fff32.css +2 -0
  155. package/lib-esm/experimental/Skeleton/SkeletonAvatar-e00fff32.css.map +1 -0
  156. package/lib-esm/experimental/Skeleton/SkeletonAvatar.d.ts +8 -0
  157. package/lib-esm/{SkeletonAvatar → experimental/Skeleton}/SkeletonAvatar.js +5 -5
  158. package/lib-esm/experimental/Skeleton/SkeletonAvatar.module.css.js +5 -0
  159. package/lib-esm/experimental/Skeleton/SkeletonText-5cf908c1.css +2 -0
  160. package/lib-esm/experimental/Skeleton/SkeletonText-5cf908c1.css.map +1 -0
  161. package/lib-esm/{SkeletonText → experimental/Skeleton}/SkeletonText.d.ts +4 -5
  162. package/lib-esm/experimental/Skeleton/SkeletonText.js +143 -0
  163. package/lib-esm/experimental/Skeleton/SkeletonText.module.css.js +5 -0
  164. package/lib-esm/experimental/Skeleton/index.d.ts +4 -0
  165. package/lib-esm/experimental/UnderlinePanels/UnderlinePanels.js +40 -30
  166. package/lib-esm/experimental/index.d.ts +1 -6
  167. package/lib-esm/experimental/index.js +2 -2
  168. package/lib-esm/internal/components/ButtonReset.d.ts +2 -1
  169. package/lib-esm/internal/components/ButtonReset.js +9 -49
  170. package/lib-esm/internal/components/{TextInputWrapper-889df5d3.css → TextInputWrapper-ca608f70.css} +2 -2
  171. package/lib-esm/internal/components/{TextInputWrapper-889df5d3.css.map → TextInputWrapper-ca608f70.css.map} +1 -1
  172. package/lib-esm/internal/components/TextInputWrapper.module.css.js +1 -1
  173. package/lib-esm/internal/components/UnderlineTabbedInterface.js +108 -60
  174. package/lib-esm/internal/utils/toggleStyledComponent.d.ts +20 -0
  175. package/package.json +1 -1
  176. package/lib/DataTable/Pagination-b6f8418c.css +0 -2
  177. package/lib/DataTable/Pagination-b6f8418c.css.map +0 -1
  178. package/lib/DataTable/Pagination.module.css.js +0 -7
  179. package/lib/SkeletonAvatar/SkeletonAvatar-e00fff32.css +0 -2
  180. package/lib/SkeletonAvatar/SkeletonAvatar-e00fff32.css.map +0 -1
  181. package/lib/SkeletonAvatar/SkeletonAvatar.d.ts +0 -12
  182. package/lib/SkeletonAvatar/SkeletonAvatar.d.ts.map +0 -1
  183. package/lib/SkeletonAvatar/index.d.ts +0 -3
  184. package/lib/SkeletonAvatar/index.d.ts.map +0 -1
  185. package/lib/SkeletonText/SkeletonText-5cf908c1.css +0 -2
  186. package/lib/SkeletonText/SkeletonText-5cf908c1.css.map +0 -1
  187. package/lib/SkeletonText/SkeletonText.d.ts.map +0 -1
  188. package/lib/SkeletonText/SkeletonText.js +0 -142
  189. package/lib/SkeletonText/SkeletonText.module.css.js +0 -7
  190. package/lib/SkeletonText/index.d.ts +0 -3
  191. package/lib/SkeletonText/index.d.ts.map +0 -1
  192. package/lib/_VisuallyHidden-5c0a2499.css +0 -2
  193. package/lib/_VisuallyHidden-5c0a2499.css.map +0 -1
  194. package/lib/_VisuallyHidden.module.css.js +0 -7
  195. package/lib/internal/components/ButtonReset-904f2483.css +0 -2
  196. package/lib/internal/components/ButtonReset-904f2483.css.map +0 -1
  197. package/lib/internal/components/ButtonReset.module.css.js +0 -7
  198. package/lib-esm/DataTable/Pagination-b6f8418c.css +0 -2
  199. package/lib-esm/DataTable/Pagination-b6f8418c.css.map +0 -1
  200. package/lib-esm/DataTable/Pagination.module.css.js +0 -5
  201. package/lib-esm/SkeletonAvatar/SkeletonAvatar-e00fff32.css +0 -2
  202. package/lib-esm/SkeletonAvatar/SkeletonAvatar-e00fff32.css.map +0 -1
  203. package/lib-esm/SkeletonAvatar/SkeletonAvatar.d.ts +0 -12
  204. package/lib-esm/SkeletonAvatar/SkeletonAvatar.module.css.js +0 -5
  205. package/lib-esm/SkeletonAvatar/index.d.ts +0 -3
  206. package/lib-esm/SkeletonText/SkeletonText-5cf908c1.css +0 -2
  207. package/lib-esm/SkeletonText/SkeletonText-5cf908c1.css.map +0 -1
  208. package/lib-esm/SkeletonText/SkeletonText.js +0 -140
  209. package/lib-esm/SkeletonText/SkeletonText.module.css.js +0 -5
  210. package/lib-esm/SkeletonText/index.d.ts +0 -3
  211. package/lib-esm/_VisuallyHidden-5c0a2499.css +0 -2
  212. package/lib-esm/_VisuallyHidden-5c0a2499.css.map +0 -1
  213. package/lib-esm/_VisuallyHidden.module.css.js +0 -5
  214. package/lib-esm/internal/components/ButtonReset-904f2483.css +0 -2
  215. package/lib-esm/internal/components/ButtonReset-904f2483.css.map +0 -1
  216. package/lib-esm/internal/components/ButtonReset.module.css.js +0 -5
@@ -0,0 +1,2 @@
1
+ .prc-Skeleton-SkeletonText-o0dUS{--font-size:var(--text-body-size-medium,0.875rem);--line-height:var(--text-body-lineHeight-medium,1.4285);--leading:calc(var(--font-size)*var(--line-height) - var(--font-size))}@supports (margin-block:mod(1px,1px)){.prc-Skeleton-SkeletonText-o0dUS{--leading:mod(var(--font-size) * var(--line-height),var(--font-size))}}.prc-Skeleton-SkeletonText-o0dUS{border-radius:var(--borderRadius-small,.1875rem);height:var(--font-size);margin-block:calc(var(--leading)/2)}.prc-Skeleton-SkeletonText-o0dUS:where([data-in-multiline]){margin-block-end:calc(var(--leading)*2)}.prc-Skeleton-SkeletonText-o0dUS:where([data-in-multiline]):last-child{margin-bottom:0;max-width:65%;min-width:50px}.prc-Skeleton-SkeletonText-o0dUS:where([data-text-skeleton-size=display]),.prc-Skeleton-SkeletonText-o0dUS:where([data-text-skeleton-size=titleLarge]){border-radius:var(--borderRadius-medium,.375rem)}.prc-Skeleton-SkeletonText-o0dUS:where([data-text-skeleton-size=display]){--font-size:var(--text-display-size,2.5rem);--line-height:var(--text-display-lineHeight,1.4)}.prc-Skeleton-SkeletonText-o0dUS:where([data-text-skeleton-size=titleLarge]){--font-size:var(--text-title-size-large,2rem);--line-height:var(--text-title-lineHeight-large,1.5)}.prc-Skeleton-SkeletonText-o0dUS:where([data-text-skeleton-size=titleMedium]){--font-size:var(--text-title-size-medium,1.25rem);--line-height:var(--text-title-lineHeight-medium,1.6)}.prc-Skeleton-SkeletonText-o0dUS:where([data-text-skeleton-size=titleSmall]){--font-size:var(--text-title-size-small,1rem);--line-height:var(--text-title-lineHeight-small,1.5)}.prc-Skeleton-SkeletonText-o0dUS:where([data-text-skeleton-size=subtitle]){--font-size:var(--text-subtitle-size,1.25rem);--line-height:var(--text-subtitle-lineHeight,1.6)}.prc-Skeleton-SkeletonText-o0dUS:where([data-text-skeleton-size=bodyLarge]){--font-size:var(--text-body-size-large,1rem);--line-height:var(--text-body-lineHeight-large,1.5)}.prc-Skeleton-SkeletonText-o0dUS:where([data-text-skeleton-size=bodySmall]){--font-size:var(--text-body-size-small,0.75rem);--line-height:var(--text-body-lineHeight-small,1.6666)}.prc-Skeleton-SkeletonTextWrapper-QRoBW{padding-block:.1px}
2
+ /*# sourceMappingURL=SkeletonText-5cf908c1.css.map */
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["../../src/experimental/Skeleton/SkeletonText.module.css"],"names":[],"mappings":"AAAA,iCACE,iDAAyC,CACzC,uDAAiD,CACjD,sEA6DF,CA3DE,sCALF,iCAMI,qEA0DJ,CAzDE,CAPF,iCAUE,gDAAwC,CADxC,uBAAwB,CAGxB,mCAoDF,CAlDE,4DAEE,uCAOF,CALE,uEAGE,eAAgB,CADhB,aAAc,CADd,cAGF,CAGF,uJAEE,gDACF,CAEA,0EACE,2CAAqC,CACrC,gDACF,CAEA,6EACE,6CAAyC,CACzC,oDACF,CAEA,8EACE,iDAA0C,CAC1C,qDACF,CAEA,6EACE,6CAAyC,CACzC,oDACF,CAEA,2EACE,6CAAsC,CACtC,iDACF,CAEA,4EACE,4CAAwC,CACxC,mDACF,CAEA,4EACE,+CAAwC,CACxC,sDACF,CAGF,wCAEE,kBACF","file":"SkeletonText-5cf908c1.css","sourcesContent":[".SkeletonText {\n --font-size: var(--text-body-size-medium);\n --line-height: var(--text-body-lineHeight-medium);\n --leading: calc(var(--font-size) * var(--line-height) - var(--font-size));\n\n @supports (margin-block: mod(1px, 1px)) {\n --leading: mod(var(--font-size) * var(--line-height), var(--font-size));\n }\n\n height: var(--font-size);\n border-radius: var(--borderRadius-small);\n /* stylelint-disable-next-line primer/spacing */\n margin-block: calc(var(--leading) / 2);\n\n &:where([data-in-multiline]) {\n /* stylelint-disable-next-line primer/spacing */\n margin-block-end: calc(var(--leading) * 2);\n\n &:last-child {\n min-width: 50px;\n max-width: 65%;\n margin-bottom: 0;\n }\n }\n\n &:where([data-text-skeleton-size='display']),\n &:where([data-text-skeleton-size='titleLarge']) {\n border-radius: var(--borderRadius-medium);\n }\n\n &:where([data-text-skeleton-size='display']) {\n --font-size: var(--text-display-size);\n --line-height: var(--text-display-lineHeight);\n }\n\n &:where([data-text-skeleton-size='titleLarge']) {\n --font-size: var(--text-title-size-large);\n --line-height: var(--text-title-lineHeight-large);\n }\n\n &:where([data-text-skeleton-size='titleMedium']) {\n --font-size: var(--text-title-size-medium);\n --line-height: var(--text-title-lineHeight-medium);\n }\n\n &:where([data-text-skeleton-size='titleSmall']) {\n --font-size: var(--text-title-size-small);\n --line-height: var(--text-title-lineHeight-small);\n }\n\n &:where([data-text-skeleton-size='subtitle']) {\n --font-size: var(--text-subtitle-size);\n --line-height: var(--text-subtitle-lineHeight);\n }\n\n &:where([data-text-skeleton-size='bodyLarge']) {\n --font-size: var(--text-body-size-large);\n --line-height: var(--text-body-lineHeight-large);\n }\n\n &:where([data-text-skeleton-size='bodySmall']) {\n --font-size: var(--text-body-size-small);\n --line-height: var(--text-body-lineHeight-small);\n }\n}\n\n.SkeletonTextWrapper {\n /* stylelint-disable-next-line primer/spacing */\n padding-block: 0.1px;\n}\n"]}
@@ -1,6 +1,6 @@
1
1
  import type React from 'react';
2
2
  import { type HTMLProps } from 'react';
3
- interface SkeletonTextProps extends Omit<HTMLProps<HTMLElement>, 'size'> {
3
+ type SkeletonTextProps = {
4
4
  /** Size of the text that the skeleton is replacing. */
5
5
  size?: 'display' | 'titleLarge' | 'titleMedium' | 'titleSmall' | 'bodyLarge' | 'bodyMedium' | 'bodySmall' | 'subtitle';
6
6
  /** Number of lines of skeleton text to render. */
@@ -9,8 +9,7 @@ interface SkeletonTextProps extends Omit<HTMLProps<HTMLElement>, 'size'> {
9
9
  maxWidth?: React.CSSProperties['maxWidth'];
10
10
  /** Class name for custom styling */
11
11
  className?: string;
12
- }
13
- declare function SkeletonText({ lines, maxWidth, size, className, style, ...rest }: SkeletonTextProps): React.JSX.Element;
14
- export { SkeletonText };
15
- export type { SkeletonTextProps };
12
+ } & Omit<HTMLProps<HTMLDivElement>, 'size'>;
13
+ export declare const SkeletonText: React.FC<SkeletonTextProps>;
14
+ export {};
16
15
  //# sourceMappingURL=SkeletonText.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"SkeletonText.d.ts","sourceRoot":"","sources":["../../../src/experimental/Skeleton/SkeletonText.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAqB,KAAK,SAAS,EAAC,MAAM,OAAO,CAAA;AAMxD,KAAK,iBAAiB,GAAG;IACvB,uDAAuD;IACvD,IAAI,CAAC,EAAE,SAAS,GAAG,YAAY,GAAG,aAAa,GAAG,YAAY,GAAG,WAAW,GAAG,YAAY,GAAG,WAAW,GAAG,UAAU,CAAA;IACtH,kDAAkD;IAClD,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,6GAA6G;IAC7G,QAAQ,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,UAAU,CAAC,CAAA;IAC1C,oCAAoC;IACpC,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB,GAAG,IAAI,CAAC,SAAS,CAAC,cAAc,CAAC,EAAE,MAAM,CAAC,CAAA;AAE3C,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAuCpD,CAAA"}
@@ -0,0 +1,149 @@
1
+ 'use strict';
2
+
3
+ var reactCompilerRuntime = require('react-compiler-runtime');
4
+ var SkeletonText_module = require('./SkeletonText.module.css.js');
5
+ var clsx = require('clsx');
6
+ require('@styled-system/css');
7
+ var merge = require('deepmerge');
8
+ var SkeletonBox = require('../../Skeleton/SkeletonBox.js');
9
+ var jsxRuntime = require('react/jsx-runtime');
10
+
11
+ function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
12
+
13
+ var merge__default = /*#__PURE__*/_interopDefault(merge);
14
+
15
+ const SkeletonText = t0 => {
16
+ const $ = reactCompilerRuntime.c(32);
17
+ let className;
18
+ let maxWidth;
19
+ let rest;
20
+ let style;
21
+ let t1;
22
+ let t2;
23
+ if ($[0] !== t0) {
24
+ ({
25
+ lines: t1,
26
+ maxWidth,
27
+ size: t2,
28
+ className,
29
+ style,
30
+ ...rest
31
+ } = t0);
32
+ $[0] = t0;
33
+ $[1] = className;
34
+ $[2] = maxWidth;
35
+ $[3] = rest;
36
+ $[4] = style;
37
+ $[5] = t1;
38
+ $[6] = t2;
39
+ } else {
40
+ className = $[1];
41
+ maxWidth = $[2];
42
+ rest = $[3];
43
+ style = $[4];
44
+ t1 = $[5];
45
+ t2 = $[6];
46
+ }
47
+ const lines = t1 === undefined ? 1 : t1;
48
+ const size = t2 === undefined ? "bodyMedium" : t2;
49
+ if (lines < 2) {
50
+ let t3;
51
+ if ($[7] !== className) {
52
+ t3 = clsx.clsx(className, SkeletonText_module.SkeletonText);
53
+ $[7] = className;
54
+ $[8] = t3;
55
+ } else {
56
+ t3 = $[8];
57
+ }
58
+ const t4 = style;
59
+ let t5;
60
+ if ($[9] !== maxWidth || $[10] !== t4) {
61
+ t5 = merge__default.default(t4, {
62
+ maxWidth
63
+ });
64
+ $[9] = maxWidth;
65
+ $[10] = t4;
66
+ $[11] = t5;
67
+ } else {
68
+ t5 = $[11];
69
+ }
70
+ let t6;
71
+ if ($[12] !== rest || $[13] !== size || $[14] !== t3 || $[15] !== t5) {
72
+ t6 = /*#__PURE__*/jsxRuntime.jsx(SkeletonBox.SkeletonBox, {
73
+ "data-component": "SkeletonText",
74
+ "data-text-skeleton-size": size,
75
+ width: "100%",
76
+ className: t3,
77
+ style: t5,
78
+ ...rest
79
+ });
80
+ $[12] = rest;
81
+ $[13] = size;
82
+ $[14] = t3;
83
+ $[15] = t5;
84
+ $[16] = t6;
85
+ } else {
86
+ t6 = $[16];
87
+ }
88
+ return t6;
89
+ } else {
90
+ const t3 = style;
91
+ let t4;
92
+ if ($[17] !== maxWidth || $[18] !== t3) {
93
+ t4 = merge__default.default(t3, {
94
+ maxWidth
95
+ });
96
+ $[17] = maxWidth;
97
+ $[18] = t3;
98
+ $[19] = t4;
99
+ } else {
100
+ t4 = $[19];
101
+ }
102
+ let t5;
103
+ if ($[20] !== className || $[21] !== lines || $[22] !== rest || $[23] !== size) {
104
+ let t6;
105
+ if ($[25] !== className || $[26] !== rest || $[27] !== size) {
106
+ t6 = (_, index) => /*#__PURE__*/jsxRuntime.jsx(SkeletonBox.SkeletonBox, {
107
+ "data-component": "SkeletonText",
108
+ "data-in-multiline": "true",
109
+ "data-text-skeleton-size": size,
110
+ className: clsx.clsx(className, SkeletonText_module.SkeletonText),
111
+ ...rest
112
+ }, index);
113
+ $[25] = className;
114
+ $[26] = rest;
115
+ $[27] = size;
116
+ $[28] = t6;
117
+ } else {
118
+ t6 = $[28];
119
+ }
120
+ t5 = Array.from({
121
+ length: lines
122
+ }, t6);
123
+ $[20] = className;
124
+ $[21] = lines;
125
+ $[22] = rest;
126
+ $[23] = size;
127
+ $[24] = t5;
128
+ } else {
129
+ t5 = $[24];
130
+ }
131
+ let t6;
132
+ if ($[29] !== t4 || $[30] !== t5) {
133
+ t6 = /*#__PURE__*/jsxRuntime.jsx("div", {
134
+ "data-component": "multilineContainer",
135
+ className: SkeletonText_module.SkeletonTextWrapper,
136
+ style: t4,
137
+ children: t5
138
+ });
139
+ $[29] = t4;
140
+ $[30] = t5;
141
+ $[31] = t6;
142
+ } else {
143
+ t6 = $[31];
144
+ }
145
+ return t6;
146
+ }
147
+ };
148
+
149
+ exports.SkeletonText = SkeletonText;
@@ -0,0 +1,7 @@
1
+ 'use strict';
2
+
3
+ require('./SkeletonText-5cf908c1.css');
4
+
5
+ var classes = {"SkeletonText":"prc-Skeleton-SkeletonText-o0dUS","SkeletonTextWrapper":"prc-Skeleton-SkeletonTextWrapper-QRoBW"};
6
+
7
+ module.exports = classes;
@@ -0,0 +1,4 @@
1
+ export { SkeletonBox } from '../../Skeleton/SkeletonBox';
2
+ export { SkeletonText } from './SkeletonText';
3
+ export { SkeletonAvatar } from './SkeletonAvatar';
4
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/experimental/Skeleton/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,WAAW,EAAC,MAAM,4BAA4B,CAAA;AACtD,OAAO,EAAC,YAAY,EAAC,MAAM,gBAAgB,CAAA;AAC3C,OAAO,EAAC,cAAc,EAAC,MAAM,kBAAkB,CAAA"}
@@ -1 +1 @@
1
- {"version":3,"file":"UnderlinePanels.d.ts","sourceRoot":"","sources":["../../../src/experimental/UnderlinePanels/UnderlinePanels.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAMZ,KAAK,EAAE,EACP,KAAK,iBAAiB,EAEvB,MAAM,OAAO,CAAA;AAEd,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,wBAAwB,CAAA;AAQrD,OAAO,EAAC,KAAK,QAAQ,EAAC,MAAM,WAAW,CAAA;AAGvC,OAAO,EAAC,KAAK,MAAM,EAAC,MAAM,UAAU,CAAA;AAOpC,MAAM,MAAM,oBAAoB,GAAG;IACjC;;OAEG;IACH,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB;;OAEG;IACH,YAAY,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,YAAY,CAAC,CAAA;IACjD;;OAEG;IACH,iBAAiB,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,iBAAiB,CAAC,CAAA;IAC3D;;OAEG;IACH,EAAE,CAAC,EAAE,MAAM,CAAA;IACX;;OAEG;IACH,eAAe,CAAC,EAAE,OAAO,CAAA;IACzB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB,GAAG,MAAM,CAAA;AAEV,MAAM,MAAM,QAAQ,GAAG,iBAAiB,CAAC;IACvC;;OAEG;IACH,eAAe,CAAC,EAAE,OAAO,CAAA;IACzB;;OAEG;IACH,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,aAAa,CAAC,iBAAiB,CAAC,GAAG,KAAK,CAAC,UAAU,CAAC,iBAAiB,CAAC,KAAK,IAAI,CAAA;IACxG;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IACzB;;OAEG;IACH,IAAI,CAAC,EAAE,EAAE,CAAC,SAAS,CAAC,CAAA;CACrB,CAAC,GACA,MAAM,CAAA;AAER,MAAM,MAAM,UAAU,GAAG,IAAI,CAAC,QAAQ,EAAE,IAAI,CAAC,CAAA;;;;;AAyJ7C,wBAA2D"}
1
+ {"version":3,"file":"UnderlinePanels.d.ts","sourceRoot":"","sources":["../../../src/experimental/UnderlinePanels/UnderlinePanels.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAMZ,KAAK,EAAE,EACP,KAAK,iBAAiB,EAEvB,MAAM,OAAO,CAAA;AAEd,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,wBAAwB,CAAA;AAQrD,OAAY,EAAC,KAAK,QAAQ,EAAC,MAAM,WAAW,CAAA;AAG5C,OAAO,EAAC,KAAK,MAAM,EAAC,MAAM,UAAU,CAAA;AAOpC,MAAM,MAAM,oBAAoB,GAAG;IACjC;;OAEG;IACH,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB;;OAEG;IACH,YAAY,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,YAAY,CAAC,CAAA;IACjD;;OAEG;IACH,iBAAiB,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,iBAAiB,CAAC,CAAA;IAC3D;;OAEG;IACH,EAAE,CAAC,EAAE,MAAM,CAAA;IACX;;OAEG;IACH,eAAe,CAAC,EAAE,OAAO,CAAA;IACzB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB,GAAG,MAAM,CAAA;AAEV,MAAM,MAAM,QAAQ,GAAG,iBAAiB,CAAC;IACvC;;OAEG;IACH,eAAe,CAAC,EAAE,OAAO,CAAA;IACzB;;OAEG;IACH,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,aAAa,CAAC,iBAAiB,CAAC,GAAG,KAAK,CAAC,UAAU,CAAC,iBAAiB,CAAC,KAAK,IAAI,CAAA;IACxG;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IACzB;;OAEG;IACH,IAAI,CAAC,EAAE,EAAE,CAAC,SAAS,CAAC,CAAA;CACrB,CAAC,GACA,MAAM,CAAA;AAER,MAAM,MAAM,UAAU,GAAG,IAAI,CAAC,QAAQ,EAAE,IAAI,CAAC,CAAA;;;;;AA4J7C,wBAA2D"}
@@ -7,13 +7,14 @@ require('../../node_modules/@github/tab-container-element/dist/tab-container-ele
7
7
  var createComponent = require('../../utils/create-component.js');
8
8
  var UnderlineTabbedInterface = require('../../internal/components/UnderlineTabbedInterface.js');
9
9
  var invariant = require('../../utils/invariant.js');
10
+ var defaultSxProp = require('../../utils/defaultSxProp.js');
10
11
  var useResizeObserver = require('../../hooks/useResizeObserver.js');
11
12
  var useIsomorphicLayoutEffect = require('../../utils/useIsomorphicLayoutEffect.js');
12
13
  var UnderlinePanels_module = require('./UnderlinePanels.module.css.js');
13
14
  var clsx = require('clsx');
14
- var BoxWithFallback = require('../../internal/components/BoxWithFallback.js');
15
15
  var jsxRuntime = require('react/jsx-runtime');
16
16
  var useId = require('../../hooks/useId.js');
17
+ var Box = require('../../Box/Box.js');
17
18
 
18
19
  function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
19
20
 
@@ -25,6 +26,7 @@ const UnderlinePanels = ({
25
26
  'aria-labelledby': ariaLabelledBy,
26
27
  children,
27
28
  loadingCounters,
29
+ sx: sxProp = defaultSxProp.defaultSxProp,
28
30
  className,
29
31
  ...props
30
32
  }) => {
@@ -99,6 +101,7 @@ const UnderlinePanels = ({
99
101
  ref: wrapperRef,
100
102
  slot: "tablist-wrapper",
101
103
  "data-icons-visible": iconsVisible,
104
+ sx: sxProp,
102
105
  className: clsx.clsx(className, UnderlinePanels_module.StyledUnderlineWrapper),
103
106
  ...props,
104
107
  children: /*#__PURE__*/jsxRuntime.jsx(UnderlineTabbedInterface.UnderlineItemList, {
@@ -113,13 +116,15 @@ const UnderlinePanels = ({
113
116
  };
114
117
  UnderlinePanels.displayName = "UnderlinePanels";
115
118
  const Tab = t0 => {
116
- const $ = reactCompilerRuntime.c(14);
119
+ const $ = reactCompilerRuntime.c(16);
117
120
  let ariaSelected;
118
121
  let onSelect;
119
122
  let props;
123
+ let t1;
120
124
  if ($[0] !== t0) {
121
125
  ({
122
126
  "aria-selected": ariaSelected,
127
+ sx: t1,
123
128
  onSelect,
124
129
  ...props
125
130
  } = t0);
@@ -127,67 +132,72 @@ const Tab = t0 => {
127
132
  $[1] = ariaSelected;
128
133
  $[2] = onSelect;
129
134
  $[3] = props;
135
+ $[4] = t1;
130
136
  } else {
131
137
  ariaSelected = $[1];
132
138
  onSelect = $[2];
133
139
  props = $[3];
140
+ t1 = $[4];
134
141
  }
135
- let t1;
136
- if ($[4] !== onSelect) {
137
- t1 = event => {
142
+ const sxProp = t1 === undefined ? defaultSxProp.defaultSxProp : t1;
143
+ let t2;
144
+ if ($[5] !== onSelect) {
145
+ t2 = event => {
138
146
  if (!event.defaultPrevented && typeof onSelect === "function") {
139
147
  onSelect(event);
140
148
  }
141
149
  };
142
- $[4] = onSelect;
143
- $[5] = t1;
150
+ $[5] = onSelect;
151
+ $[6] = t2;
144
152
  } else {
145
- t1 = $[5];
153
+ t2 = $[6];
146
154
  }
147
- const clickHandler = t1;
148
- let t2;
149
- if ($[6] !== onSelect) {
150
- t2 = event_0 => {
155
+ const clickHandler = t2;
156
+ let t3;
157
+ if ($[7] !== onSelect) {
158
+ t3 = event_0 => {
151
159
  if ((event_0.key === " " || event_0.key === "Enter") && !event_0.defaultPrevented && typeof onSelect === "function") {
152
160
  onSelect(event_0);
153
161
  }
154
162
  };
155
- $[6] = onSelect;
156
- $[7] = t2;
163
+ $[7] = onSelect;
164
+ $[8] = t3;
157
165
  } else {
158
- t2 = $[7];
166
+ t3 = $[8];
159
167
  }
160
- const keyDownHandler = t2;
161
- const t3 = ariaSelected ? 0 : -1;
162
- let t4;
163
- if ($[8] !== ariaSelected || $[9] !== clickHandler || $[10] !== keyDownHandler || $[11] !== props || $[12] !== t3) {
164
- t4 = /*#__PURE__*/jsxRuntime.jsx(UnderlineTabbedInterface.UnderlineItem, {
168
+ const keyDownHandler = t3;
169
+ const t4 = ariaSelected ? 0 : -1;
170
+ let t5;
171
+ if ($[9] !== ariaSelected || $[10] !== clickHandler || $[11] !== keyDownHandler || $[12] !== props || $[13] !== sxProp || $[14] !== t4) {
172
+ t5 = /*#__PURE__*/jsxRuntime.jsx(UnderlineTabbedInterface.UnderlineItem, {
165
173
  as: "button",
166
174
  role: "tab",
167
- tabIndex: t3,
175
+ tabIndex: t4,
168
176
  "aria-selected": ariaSelected,
177
+ sx: sxProp,
169
178
  type: "button",
170
179
  onClick: clickHandler,
171
180
  onKeyDown: keyDownHandler,
172
181
  ...props
173
182
  });
174
- $[8] = ariaSelected;
175
- $[9] = clickHandler;
176
- $[10] = keyDownHandler;
177
- $[11] = props;
178
- $[12] = t3;
179
- $[13] = t4;
183
+ $[9] = ariaSelected;
184
+ $[10] = clickHandler;
185
+ $[11] = keyDownHandler;
186
+ $[12] = props;
187
+ $[13] = sxProp;
188
+ $[14] = t4;
189
+ $[15] = t5;
180
190
  } else {
181
- t4 = $[13];
191
+ t5 = $[15];
182
192
  }
183
- return t4;
193
+ return t5;
184
194
  };
185
195
  Tab.displayName = 'UnderlinePanels.Tab';
186
196
  const Panel = props => {
187
197
  const $ = reactCompilerRuntime.c(2);
188
198
  let t0;
189
199
  if ($[0] !== props) {
190
- t0 = /*#__PURE__*/jsxRuntime.jsx(BoxWithFallback.BoxWithFallback, {
200
+ t0 = /*#__PURE__*/jsxRuntime.jsx(Box, {
191
201
  as: "div",
192
202
  role: "tabpanel",
193
203
  ...props
@@ -33,12 +33,7 @@ export { Announce, AriaStatus, AriaAlert } from '../live-region';
33
33
  export type { AnnounceProps, AriaStatusProps, AriaAlertProps } from '../live-region';
34
34
  export { UnderlinePanels } from './UnderlinePanels';
35
35
  export type { UnderlinePanelsProps, UnderlinePanelsTabProps, UnderlinePanelsPanelProps } from './UnderlinePanels';
36
- export { SkeletonBox } from '../Skeleton';
37
- export type { SkeletonBoxProps } from '../Skeleton';
38
- export { SkeletonText } from '../SkeletonText';
39
- export type { SkeletonTextProps } from '../SkeletonText';
40
- export { SkeletonAvatar } from '../SkeletonAvatar';
41
- export type { SkeletonAvatarProps } from '../SkeletonAvatar';
36
+ export { SkeletonBox, SkeletonText, SkeletonAvatar } from './Skeleton';
42
37
  export { FeatureFlags, DefaultFeatureFlags, useFeatureFlag } from '../FeatureFlags';
43
38
  export type { FeatureFlagsProps } from '../FeatureFlags';
44
39
  export { FilteredActionList } from '../FilteredActionList';
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/experimental/index.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAIH,OAAO,EAAC,UAAU,EAAC,MAAM,eAAe,CAAA;AACxC,YAAY,EAAC,eAAe,EAAC,MAAM,eAAe,CAAA;AAElD,OAAO,EAAC,UAAU,EAAC,MAAM,WAAW,CAAA;AACpC,YAAY,EAAC,eAAe,EAAC,MAAM,WAAW,CAAA;AAE9C,OAAO,EAAC,MAAM,EAAC,MAAM,WAAW,CAAA;AAChC,YAAY,EAAC,WAAW,EAAC,MAAM,WAAW,CAAA;AAE1C,OAAO,EAAC,SAAS,EAAE,KAAK,EAAE,kBAAkB,EAAC,MAAM,cAAc,CAAA;AACjE,YAAY,EACV,cAAc,EACd,UAAU,EACV,cAAc,EACd,cAAc,EACd,aAAa,EACb,gBAAgB,EAChB,cAAc,EACd,mBAAmB,EACnB,eAAe,EACf,kBAAkB,EAClB,iBAAiB,EACjB,MAAM,EACN,aAAa,EACb,WAAW,EACX,SAAS,EACT,WAAW,GACZ,MAAM,cAAc,CAAA;AAErB,cAAc,kBAAkB,CAAA;AAEhC,OAAO,EAAC,aAAa,EAAC,MAAM,kBAAkB,CAAA;AAC9C,YAAY,EAAC,kBAAkB,EAAC,MAAM,kBAAkB,CAAA;AAExD,cAAc,eAAe,CAAA;AAE7B,cAAc,WAAW,CAAA;AAEzB,cAAc,SAAS,CAAA;AAEvB,OAAO,EAAC,OAAO,EAAC,MAAM,YAAY,CAAA;AAClC,YAAY,EACV,YAAY,EACZ,gBAAgB,EAChB,kBAAkB,EAClB,iBAAiB,EACjB,yBAAyB,EACzB,0BAA0B,EAC1B,mBAAmB,GACpB,MAAM,YAAY,CAAA;AACnB,cAAc,gBAAgB,CAAA;AAC9B,OAAO,EAAC,OAAO,EAAC,MAAM,cAAc,CAAA;AACpC,YAAY,EAAC,YAAY,EAAC,MAAM,cAAc,CAAA;AAC9C,cAAc,cAAc,CAAA;AAE5B,OAAO,EAAC,gBAAgB,EAAC,MAAM,qBAAqB,CAAA;AACpD,YAAY,EAAC,qBAAqB,EAAC,MAAM,qBAAqB,CAAA;AAE9D,OAAO,EAAC,KAAK,EAAC,MAAM,UAAU,CAAA;AAC9B,YAAY,EAAC,UAAU,EAAE,cAAc,EAAC,MAAM,UAAU,CAAA;AAExD,OAAO,EAAC,QAAQ,EAAE,UAAU,EAAE,SAAS,EAAC,MAAM,gBAAgB,CAAA;AAC9D,YAAY,EAAC,aAAa,EAAE,eAAe,EAAE,cAAc,EAAC,MAAM,gBAAgB,CAAA;AAElF,OAAO,EAAC,eAAe,EAAC,MAAM,mBAAmB,CAAA;AACjD,YAAY,EAAC,oBAAoB,EAAE,uBAAuB,EAAE,yBAAyB,EAAC,MAAM,mBAAmB,CAAA;AAE/G,OAAO,EAAC,WAAW,EAAC,MAAM,aAAa,CAAA;AACvC,YAAY,EAAC,gBAAgB,EAAC,MAAM,aAAa,CAAA;AACjD,OAAO,EAAC,YAAY,EAAC,MAAM,iBAAiB,CAAA;AAC5C,YAAY,EAAC,iBAAiB,EAAC,MAAM,iBAAiB,CAAA;AACtD,OAAO,EAAC,cAAc,EAAC,MAAM,mBAAmB,CAAA;AAChD,YAAY,EAAC,mBAAmB,EAAC,MAAM,mBAAmB,CAAA;AAC1D,OAAO,EAAC,YAAY,EAAE,mBAAmB,EAAE,cAAc,EAAC,MAAM,iBAAiB,CAAA;AACjF,YAAY,EAAC,iBAAiB,EAAC,MAAM,iBAAiB,CAAA;AAEtD,OAAO,EAAC,kBAAkB,EAAC,MAAM,uBAAuB,CAAA;AACxD,YAAY,EAAC,uBAAuB,EAAC,MAAM,uBAAuB,CAAA;AAClE,OAAO,EAAC,UAAU,EAAC,MAAM,cAAc,CAAA;AACvC,YAAY,EAAC,eAAe,EAAC,MAAM,cAAc,CAAA;AAEjD,cAAc,mBAAmB,CAAA"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/experimental/index.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAIH,OAAO,EAAC,UAAU,EAAC,MAAM,eAAe,CAAA;AACxC,YAAY,EAAC,eAAe,EAAC,MAAM,eAAe,CAAA;AAElD,OAAO,EAAC,UAAU,EAAC,MAAM,WAAW,CAAA;AACpC,YAAY,EAAC,eAAe,EAAC,MAAM,WAAW,CAAA;AAE9C,OAAO,EAAC,MAAM,EAAC,MAAM,WAAW,CAAA;AAChC,YAAY,EAAC,WAAW,EAAC,MAAM,WAAW,CAAA;AAE1C,OAAO,EAAC,SAAS,EAAE,KAAK,EAAE,kBAAkB,EAAC,MAAM,cAAc,CAAA;AACjE,YAAY,EACV,cAAc,EACd,UAAU,EACV,cAAc,EACd,cAAc,EACd,aAAa,EACb,gBAAgB,EAChB,cAAc,EACd,mBAAmB,EACnB,eAAe,EACf,kBAAkB,EAClB,iBAAiB,EACjB,MAAM,EACN,aAAa,EACb,WAAW,EACX,SAAS,EACT,WAAW,GACZ,MAAM,cAAc,CAAA;AAErB,cAAc,kBAAkB,CAAA;AAEhC,OAAO,EAAC,aAAa,EAAC,MAAM,kBAAkB,CAAA;AAC9C,YAAY,EAAC,kBAAkB,EAAC,MAAM,kBAAkB,CAAA;AAExD,cAAc,eAAe,CAAA;AAE7B,cAAc,WAAW,CAAA;AAEzB,cAAc,SAAS,CAAA;AAEvB,OAAO,EAAC,OAAO,EAAC,MAAM,YAAY,CAAA;AAClC,YAAY,EACV,YAAY,EACZ,gBAAgB,EAChB,kBAAkB,EAClB,iBAAiB,EACjB,yBAAyB,EACzB,0BAA0B,EAC1B,mBAAmB,GACpB,MAAM,YAAY,CAAA;AACnB,cAAc,gBAAgB,CAAA;AAC9B,OAAO,EAAC,OAAO,EAAC,MAAM,cAAc,CAAA;AACpC,YAAY,EAAC,YAAY,EAAC,MAAM,cAAc,CAAA;AAC9C,cAAc,cAAc,CAAA;AAE5B,OAAO,EAAC,gBAAgB,EAAC,MAAM,qBAAqB,CAAA;AACpD,YAAY,EAAC,qBAAqB,EAAC,MAAM,qBAAqB,CAAA;AAE9D,OAAO,EAAC,KAAK,EAAC,MAAM,UAAU,CAAA;AAC9B,YAAY,EAAC,UAAU,EAAE,cAAc,EAAC,MAAM,UAAU,CAAA;AAExD,OAAO,EAAC,QAAQ,EAAE,UAAU,EAAE,SAAS,EAAC,MAAM,gBAAgB,CAAA;AAC9D,YAAY,EAAC,aAAa,EAAE,eAAe,EAAE,cAAc,EAAC,MAAM,gBAAgB,CAAA;AAElF,OAAO,EAAC,eAAe,EAAC,MAAM,mBAAmB,CAAA;AACjD,YAAY,EAAC,oBAAoB,EAAE,uBAAuB,EAAE,yBAAyB,EAAC,MAAM,mBAAmB,CAAA;AAE/G,OAAO,EAAC,WAAW,EAAE,YAAY,EAAE,cAAc,EAAC,MAAM,YAAY,CAAA;AACpE,OAAO,EAAC,YAAY,EAAE,mBAAmB,EAAE,cAAc,EAAC,MAAM,iBAAiB,CAAA;AACjF,YAAY,EAAC,iBAAiB,EAAC,MAAM,iBAAiB,CAAA;AAEtD,OAAO,EAAC,kBAAkB,EAAC,MAAM,uBAAuB,CAAA;AACxD,YAAY,EAAC,uBAAuB,EAAC,MAAM,uBAAuB,CAAA;AAClE,OAAO,EAAC,UAAU,EAAC,MAAM,cAAc,CAAA;AACvC,YAAY,EAAC,eAAe,EAAC,MAAM,cAAc,CAAA;AAEjD,cAAc,mBAAmB,CAAA"}
@@ -19,8 +19,8 @@ var AriaStatus = require('../live-region/AriaStatus.js');
19
19
  var AriaAlert = require('../live-region/AriaAlert.js');
20
20
  var UnderlinePanels = require('./UnderlinePanels/UnderlinePanels.js');
21
21
  var SkeletonBox = require('../Skeleton/SkeletonBox.js');
22
- var SkeletonText = require('../SkeletonText/SkeletonText.js');
23
- var SkeletonAvatar = require('../SkeletonAvatar/SkeletonAvatar.js');
22
+ var SkeletonText = require('./Skeleton/SkeletonText.js');
23
+ var SkeletonAvatar = require('./Skeleton/SkeletonAvatar.js');
24
24
  var FeatureFlags = require('../FeatureFlags/FeatureFlags.js');
25
25
  var DefaultFeatureFlags = require('../FeatureFlags/DefaultFeatureFlags.js');
26
26
  var useFeatureFlag = require('../FeatureFlags/useFeatureFlag.js');
@@ -1,5 +1,6 @@
1
+ import type { SxProp } from '../../sx';
1
2
  /**
2
3
  * Provides an unstyled button that can be styled as-needed for components
3
4
  */
4
- export declare const Button: ({ children, className, ...rest }: React.ComponentPropsWithoutRef<"button">) => import("react").JSX.Element;
5
+ export declare const Button: import("styled-components").StyledComponent<"button", any, SxProp, never>;
5
6
  //# sourceMappingURL=ButtonReset.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"ButtonReset.d.ts","sourceRoot":"","sources":["../../../src/internal/components/ButtonReset.tsx"],"names":[],"mappings":"AAGA;;GAEG;AACH,eAAO,MAAM,MAAM,GAAI,kCAAgC,KAAK,CAAC,wBAAwB,CAAC,QAAQ,CAAC,gCAM9F,CAAA"}
1
+ {"version":3,"file":"ButtonReset.d.ts","sourceRoot":"","sources":["../../../src/internal/components/ButtonReset.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAC,MAAM,EAAC,MAAM,UAAU,CAAA;AAGpC;;GAEG;AACH,eAAO,MAAM,MAAM,2EAoBlB,CAAA"}
@@ -1,54 +1,18 @@
1
1
  'use strict';
2
2
 
3
- var reactCompilerRuntime = require('react-compiler-runtime');
4
- var ButtonReset_module = require('./ButtonReset.module.css.js');
5
- var clsx = require('clsx');
6
- var jsxRuntime = require('react/jsx-runtime');
3
+ var styled = require('styled-components');
4
+ var sx = require('../../sx.js');
7
5
 
8
- const Button = t0 => {
9
- const $ = reactCompilerRuntime.c(10);
10
- let children;
11
- let className;
12
- let rest;
13
- if ($[0] !== t0) {
14
- ({
15
- children,
16
- className,
17
- ...rest
18
- } = t0);
19
- $[0] = t0;
20
- $[1] = children;
21
- $[2] = className;
22
- $[3] = rest;
23
- } else {
24
- children = $[1];
25
- className = $[2];
26
- rest = $[3];
27
- }
28
- let t1;
29
- if ($[4] !== className) {
30
- t1 = clsx.clsx(className, ButtonReset_module.ButtonReset);
31
- $[4] = className;
32
- $[5] = t1;
33
- } else {
34
- t1 = $[5];
35
- }
36
- let t2;
37
- if ($[6] !== children || $[7] !== rest || $[8] !== t1) {
38
- t2 = /*#__PURE__*/jsxRuntime.jsx("button", {
39
- className: t1,
40
- type: "button",
41
- ...rest,
42
- children: children
43
- });
44
- $[6] = children;
45
- $[7] = rest;
46
- $[8] = t1;
47
- $[9] = t2;
48
- } else {
49
- t2 = $[9];
50
- }
51
- return t2;
52
- };
6
+ function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
7
+
8
+ var styled__default = /*#__PURE__*/_interopDefault(styled);
9
+
10
+ /**
11
+ * Provides an unstyled button that can be styled as-needed for components
12
+ */
13
+ const Button = styled__default.default.button.withConfig({
14
+ displayName: "ButtonReset__Button",
15
+ componentId: "sc-1yqlmwf-0"
16
+ })(["padding:0;border:0;margin:0;display:inline-flex;padding:0;border:0;appearance:none;background:none;cursor:pointer;text-align:start;font:inherit;color:inherit;align-items:center;&::-moz-focus-inner{border:0;}", ""], sx.default);
53
17
 
54
18
  exports.Button = Button;
@@ -1,2 +1,2 @@
1
- .prc-components-TextInputBaseWrapper-ueK9q{align-items:stretch;background-color:var(--bgColor-default,var(--color-canvas-default));border:var(--borderWidth-thin,.0625rem) solid var(--control-borderColor-rest,var(--color-btn-border));border-radius:var(--borderRadius-medium,.375rem);box-shadow:var(--shadow-inset,var(--color-primer-shadow-inset));color:var(--fgColor-default,var(--color-fg-default));cursor:text;display:inline-flex;font-size:var(--text-body-size-medium,.875rem);line-height:var(--base-size-20,1.25rem);min-height:var(--base-size-32,2rem);outline:none;overflow:hidden;vertical-align:middle}.prc-components-TextInputBaseWrapper-ueK9q input,.prc-components-TextInputBaseWrapper-ueK9q textarea{cursor:text}.prc-components-TextInputBaseWrapper-ueK9q select{cursor:pointer}:is(.prc-components-TextInputBaseWrapper-ueK9q input,.prc-components-TextInputBaseWrapper-ueK9q textarea,.prc-components-TextInputBaseWrapper-ueK9q select)::placeholder{color:var(--fgColor-muted,var(--color-fg-muted))}.prc-components-TextInputBaseWrapper-ueK9q:where(:not([data-trailing-action]):focus-within),.prc-components-TextInputBaseWrapper-ueK9q:where([data-trailing-action][data-focused]){border-color:var(--borderColor-accent-emphasis,var(--color-accent-emphasis));outline:var(--borderWidth-thick,.125rem) solid var(--borderColor-accent-emphasis,var(--color-accent-emphasis));outline-offset:-1px}.prc-components-TextInputBaseWrapper-ueK9q>textarea{padding:var(--base-size-12,.75rem)}.prc-components-TextInputBaseWrapper-ueK9q:where([data-contrast]){background-color:var(--control-bgColor-contrast,var(--bgColor-inset,var(--color-canvas-inset)))}.prc-components-TextInputBaseWrapper-ueK9q:where([data-disabled]){background-color:var(--control-bgColor-disabled,var(--color-input-disabled-bg));border-color:var(--control-borderColor-disabled,var(--color-btn-border));box-shadow:none;color:var(--fgColor-disabled,var(--color-primer-fg-disabled))}.prc-components-TextInputBaseWrapper-ueK9q:where([data-disabled]) input,.prc-components-TextInputBaseWrapper-ueK9q:where([data-disabled]) select,.prc-components-TextInputBaseWrapper-ueK9q:where([data-disabled]) textarea{cursor:not-allowed}.prc-components-TextInputBaseWrapper-ueK9q:where([data-monospace]){font-family:var(--fontStack-monospace,ui-monospace,SFMono-Regular,SF Mono,Menlo,Consolas,Liberation Mono,monospace)}.prc-components-TextInputBaseWrapper-ueK9q:where([data-validation=error]){border-color:var(--borderColor-danger-emphasis,var(--color-danger-emphasis))}.prc-components-TextInputBaseWrapper-ueK9q:where([data-validation=error]):where(:not([data-trailing-action])):focus-within,.prc-components-TextInputBaseWrapper-ueK9q:where([data-validation=error]):where([data-trailing-action][data-focused]){border-color:var(--control-borderColor-danger,var(--color-danger-emphasis));outline:2px solid var(--control-borderColor-danger,var(--color-danger-emphasis));outline-offset:-1px}.prc-components-TextInputBaseWrapper-ueK9q:where([data-validation=success]){border-color:var(--bgColor-success-emphasis,var(--color-success-emphasis))}.prc-components-TextInputBaseWrapper-ueK9q:where([data-block]){align-self:stretch;display:flex;width:100%}@media screen and (min-width:48rem){.prc-components-TextInputBaseWrapper-ueK9q{font-size:var(--text-body-size-medium,.875rem)}}.prc-components-TextInputBaseWrapper-ueK9q{--inner-action-size:var(--base-size-24,1.5rem)}.prc-components-TextInputBaseWrapper-ueK9q:where([data-size=small]){--inner-action-size:var(--base-size-20,1.25rem);font-size:var(--text-body-size-small,.75rem);line-height:var(--base-size-20,1.25rem);min-height:var(--base-size-28,1.75rem);padding-bottom:3px;padding-left:var(--base-size-8,.5rem);padding-right:var(--base-size-8,.5rem);padding-top:3px}.prc-components-TextInputBaseWrapper-ueK9q:where([data-size=large]){--inner-action-size:var(--base-size-28,1.75rem);height:var(--base-size-40,2.5rem);padding-bottom:10px;padding-left:var(--base-size-8,.5rem);padding-right:var(--base-size-8,.5rem);padding-top:10px}.prc-components-TextInputBaseWrapper-ueK9q:where([data-variant=small]){font-size:(--text-body-size-small);line-height:var(--base-size-20,1.25rem);min-height:28px;padding-bottom:3px;padding-left:var(--base-size-8,.5rem);padding-right:var(--base-size-8,.5rem);padding-top:3px}.prc-components-TextInputBaseWrapper-ueK9q:where([data-variant=large]){font-size:var(--text-title-size-medium,1.25rem);padding-bottom:10px;padding-left:var(--base-size-8,.5rem);padding-right:var(--base-size-8,.5rem);padding-top:10px}.prc-components-TextInputWrapper-i1ofR,.prc-components-TextInputWrapper-i1ofR>input,.prc-components-TextInputWrapper-i1ofR>select{padding-left:0;padding-right:0}.prc-components-TextInputWrapper-i1ofR{background-position:right 8px center;background-repeat:no-repeat}.prc-components-TextInputWrapper-i1ofR>:not(:last-child){margin-right:var(--base-size-8,.5rem)}.prc-components-TextInputWrapper-i1ofR .TextInput-action,.prc-components-TextInputWrapper-i1ofR .TextInput-icon{align-self:center;color:var(--fgColor-muted,var(--color-fg-muted));flex-shrink:0}.prc-components-TextInputWrapper-i1ofR:where([data-leading-visual]){padding-left:var(--base-size-8,.5rem)}.prc-components-TextInputWrapper-i1ofR:where([data-trailing-visual]:not([data-trailing-action])){padding-right:var(--base-size-8,.5rem)}:is(.prc-components-TextInputWrapper-i1ofR:where(:not([data-leading-visual])[data-trailing-visual]),.prc-components-TextInputWrapper-i1ofR:where(:not([data-leading-visual])[data-trailing-action]))>input,:is(.prc-components-TextInputWrapper-i1ofR:where(:not([data-leading-visual])[data-trailing-visual]),.prc-components-TextInputWrapper-i1ofR:where(:not([data-leading-visual])[data-trailing-action]))>select{padding-left:var(--base-size-8,.5rem)}.prc-components-TextInputWrapper-i1ofR:where(:not([data-trailing-visual]):not([data-trailing-action]))>input,.prc-components-TextInputWrapper-i1ofR:where(:not([data-trailing-visual]):not([data-trailing-action]))>select{padding-right:var(--base-size-8,.5rem)}.prc-components-TextInputWrapper-i1ofR:where(:not([data-leading-visual]):not([data-trailing-visual]):not([data-trailing-action]))>input,.prc-components-TextInputWrapper-i1ofR:where(:not([data-leading-visual]):not([data-trailing-visual]):not([data-trailing-action]))>select{padding-left:var(--base-size-12,.75rem);padding-right:var(--base-size-12,.75rem)}.prc-components-TextInputWrapper-i1ofR:where([data-size=large]):where([data-leading-visual]){padding-left:var(--base-size-12,.75rem)}.prc-components-TextInputWrapper-i1ofR:where([data-size=large]):where([data-trailing-visual]:not([data-trailing-action])){padding-right:var(--base-size-12,.75rem)}
2
- /*# sourceMappingURL=TextInputWrapper-889df5d3.css.map */
1
+ .prc-components-TextInputBaseWrapper-ueK9q{align-items:stretch;background-color:var(--bgColor-default,var(--color-canvas-default));border:var(--borderWidth-thin,.0625rem) solid var(--control-borderColor-rest,var(--color-btn-border));border-radius:var(--borderRadius-medium,.375rem);box-shadow:var(--shadow-inset,var(--color-primer-shadow-inset));color:var(--fgColor-default,var(--color-fg-default));cursor:text;display:inline-flex;font-size:var(--text-body-size-medium,.875rem);line-height:var(--base-size-20,1.25rem);min-height:var(--base-size-32,2rem);outline:none;overflow:hidden;vertical-align:middle}.prc-components-TextInputBaseWrapper-ueK9q input,.prc-components-TextInputBaseWrapper-ueK9q textarea{cursor:text}.prc-components-TextInputBaseWrapper-ueK9q select{cursor:pointer}:is(.prc-components-TextInputBaseWrapper-ueK9q input,.prc-components-TextInputBaseWrapper-ueK9q textarea,.prc-components-TextInputBaseWrapper-ueK9q select)::placeholder{color:var(--fgColor-muted,var(--color-fg-muted))}.prc-components-TextInputBaseWrapper-ueK9q:where(:not([data-trailing-action]):focus-within),.prc-components-TextInputBaseWrapper-ueK9q:where([data-trailing-action][data-focused]){border-color:var(--borderColor-accent-emphasis,var(--color-accent-emphasis));outline:var(--borderWidth-thick,.125rem) solid var(--borderColor-accent-emphasis,var(--color-accent-emphasis));outline-offset:-1px}.prc-components-TextInputBaseWrapper-ueK9q>textarea{padding:var(--base-size-12,.75rem)}.prc-components-TextInputBaseWrapper-ueK9q:where([data-contrast]){background-color:var(--control-bgColor-contrast,var(--bgColor-inset,var(--color-canvas-inset)))}.prc-components-TextInputBaseWrapper-ueK9q:where([data-disabled]){background-color:var(--control-bgColor-disabled,var(--color-input-disabled-bg));border-color:var(--control-borderColor-disabled,var(--color-btn-border));box-shadow:none;color:var(--fgColor-disabled,var(--color-primer-fg-disabled))}.prc-components-TextInputBaseWrapper-ueK9q:where([data-disabled]) input,.prc-components-TextInputBaseWrapper-ueK9q:where([data-disabled]) select,.prc-components-TextInputBaseWrapper-ueK9q:where([data-disabled]) textarea{cursor:not-allowed}.prc-components-TextInputBaseWrapper-ueK9q:where([data-monospace]){font-family:var(--fontStack-monospace,ui-monospace,SFMono-Regular,SF Mono,Menlo,Consolas,Liberation Mono,monospace)}.prc-components-TextInputBaseWrapper-ueK9q:where([data-validation=error]){border-color:var(--borderColor-danger-emphasis,var(--color-danger-emphasis))}.prc-components-TextInputBaseWrapper-ueK9q:where([data-validation=error]):where(:not([data-trailing-action])):focus-within,.prc-components-TextInputBaseWrapper-ueK9q:where([data-validation=error]):where([data-trailing-action][data-focused]){border-color:var(--control-borderColor-danger,var(--color-danger-emphasis));outline:2px solid var(--control-borderColor-danger,var(--color-danger-emphasis));outline-offset:-1px}.prc-components-TextInputBaseWrapper-ueK9q:where([data-validation=success]){border-color:var(--bgColor-success-emphasis,var(--color-success-emphasis))}.prc-components-TextInputBaseWrapper-ueK9q:where([data-block]){align-self:stretch;display:flex;width:100%}@media screen and (min-width:48rem){.prc-components-TextInputBaseWrapper-ueK9q{font-size:var(--text-body-size-medium,.875rem)}}.prc-components-TextInputBaseWrapper-ueK9q{--inner-action-size:var(--base-size-24,1.5rem)}.prc-components-TextInputBaseWrapper-ueK9q:where([data-size=small]){--inner-action-size:var(--base-size-20,1.25rem);font-size:var(--text-body-size-small,.75rem);line-height:var(--base-size-20,1.25rem);min-height:var(--base-size-28,1.75rem);padding-bottom:3px;padding-left:var(--base-size-8,.5rem);padding-right:var(--base-size-8,.5rem);padding-top:3px}.prc-components-TextInputBaseWrapper-ueK9q:where([data-size=large]){--inner-action-size:var(--base-size-28,1.75rem);height:var(--base-size-40,2.5rem);padding-bottom:10px;padding-left:var(--base-size-8,.5rem);padding-right:var(--base-size-8,.5rem);padding-top:10px}.prc-components-TextInputBaseWrapper-ueK9q:where([data-variant=small]){font-size:(--text-body-size-small);line-height:var(--base-size-20,1.25rem);min-height:28px;padding-bottom:3px;padding-left:var(--base-size-8,.5rem);padding-right:var(--base-size-8,.5rem);padding-top:3px}.prc-components-TextInputBaseWrapper-ueK9q:where([data-variant=large]){font-size:var(--text-title-size-medium,1.25rem);padding-bottom:10px;padding-left:var(--base-size-8,.5rem);padding-right:var(--base-size-8,.5rem);padding-top:10px}.prc-components-TextInputWrapper-i1ofR,.prc-components-TextInputWrapper-i1ofR>input,.prc-components-TextInputWrapper-i1ofR>select{padding-left:0;padding-right:0}.prc-components-TextInputWrapper-i1ofR{background-position:right 8px center;background-repeat:no-repeat}.prc-components-TextInputWrapper-i1ofR>:not(:last-child){margin-right:var(--base-size-8,.5rem)}.prc-components-TextInputWrapper-i1ofR .TextInput-action,.prc-components-TextInputWrapper-i1ofR .TextInput-icon{align-self:center;color:var(--fgColor-muted,var(--color-fg-muted));flex-shrink:0}.prc-components-TextInputWrapper-i1ofR:where([data-leading-visual]){padding-left:var(--base-size-12,.75rem)}.prc-components-TextInputWrapper-i1ofR:where([data-trailing-visual]:not([data-trailing-action])){padding-right:var(--base-size-12,.75rem)}.prc-components-TextInputWrapper-i1ofR:where(:not([data-leading-visual]))>input,.prc-components-TextInputWrapper-i1ofR:where(:not([data-leading-visual]))>select{padding-left:var(--base-size-12,.75rem)}.prc-components-TextInputWrapper-i1ofR:where(:not([data-trailing-visual]):not([data-trailing-action]))>input,.prc-components-TextInputWrapper-i1ofR:where(:not([data-trailing-visual]):not([data-trailing-action]))>select{padding-right:var(--base-size-12,.75rem)}
2
+ /*# sourceMappingURL=TextInputWrapper-ca608f70.css.map */
@@ -1 +1 @@
1
- {"version":3,"sources":["../../src/internal/components/TextInputWrapper.module.css"],"names":[],"mappings":"AAAA,2CAeE,mBAAoB,CALpB,mEAAwC,CACxC,qGAAqE,CACrE,gDAAyC,CAEzC,+DAA+B,CAP/B,oDAA6B,CAE7B,WAAY,CARZ,mBAAoB,CAGpB,8CAAuC,CAEvC,uCAAgC,CAJhC,mCAA+B,CAW/B,YAAa,CAVb,eAAgB,CAKhB,qBA6IF,CApIE,qGAEE,WACF,CAEA,kDACE,cACF,CAKE,yKACE,gDACF,CAGF,mLAEE,4EAAgD,CAChD,8GAA0E,CAC1E,mBACF,CAEA,oDACE,kCACF,CAEA,kEAGE,+FACF,CAEA,kEAEE,+EAAiD,CACjD,wEAAiD,CACjD,eAAgB,CAHhB,6DAUF,CALE,4NAGE,kBACF,CAGF,mEACE,mHACF,CAEA,0EACE,4EAQF,CANE,iPAEE,2EAA+C,CAC/C,gFAAoD,CACpD,mBACF,CAGF,4EAEE,0EACF,CAEA,+DAGE,kBAAmB,CAFnB,YAAa,CACb,UAEF,CAGA,oCA3FF,2CA4FI,8CAyDJ,CAxDE,CA7FF,2CA+FE,8CAsDF,CApDE,oEACE,+CAAwC,CASxC,4CAAsC,CAEtC,uCAAgC,CAThC,sCAA+B,CAK/B,kBAAmB,CACnB,qCAAgC,CAHhC,sCAAiC,CADjC,eAQF,CAEA,oEACE,+CAAwC,CAExC,iCAA2B,CAK3B,mBAAoB,CACpB,qCAAgC,CAHhC,sCAAiC,CADjC,gBAKF,CAGA,uEASE,kCAAmC,CAEnC,uCAAgC,CAVhC,eAAgB,CAKhB,kBAAmB,CACnB,qCAAgC,CAHhC,sCAAiC,CADjC,eASF,CAGA,uEAOE,+CAAwC,CAFxC,mBAAoB,CACpB,qCAAgC,CAHhC,sCAAiC,CADjC,gBAMF,CAOA,kIAGE,cAAe,CADf,eAEF,CARF,uCAcE,oCAAqC,CAHrC,2BA+CF,CA1CE,yDACE,qCACF,CAEA,gHAEE,iBAAkB,CAClB,gDAA2B,CAC3B,aACF,CAGA,oEACE,qCACF,CAGA,iGACE,sCACF,CAKE,uZAEE,qCACF,CAIF,2NAEE,sCACF,CAGA,iRAEE,uCAAiC,CACjC,wCACF,CAKA,6FACE,uCACF,CAEA,0HACE,wCACF","file":"TextInputWrapper-889df5d3.css","sourcesContent":[".TextInputBaseWrapper {\n display: inline-flex;\n min-height: var(--base-size-32);\n overflow: hidden;\n font-size: var(--text-body-size-medium);\n /* stylelint-disable-next-line primer/typography */\n line-height: var(--base-size-20);\n color: var(--fgColor-default);\n vertical-align: middle;\n cursor: text;\n background-color: var(--bgColor-default);\n border: var(--borderWidth-thin) solid var(--control-borderColor-rest);\n border-radius: var(--borderRadius-medium);\n outline: none;\n box-shadow: var(--shadow-inset);\n align-items: stretch;\n\n input,\n textarea {\n cursor: text;\n }\n\n select {\n cursor: pointer;\n }\n\n input,\n textarea,\n select {\n &::placeholder {\n color: var(--fgColor-muted);\n }\n }\n\n &:where([data-trailing-action][data-focused]),\n &:where(:not([data-trailing-action]):focus-within) {\n border-color: var(--borderColor-accent-emphasis);\n outline: var(--borderWidth-thick) solid var(--borderColor-accent-emphasis);\n outline-offset: -1px;\n }\n\n > textarea {\n padding: var(--base-size-12);\n }\n\n &:where([data-contrast]) {\n /* this variable is available behind a feature flag in gh/gh */\n /* stylelint-disable-next-line primer/colors */\n background-color: var(--control-bgColor-contrast, var(--bgColor-inset));\n }\n\n &:where([data-disabled]) {\n color: var(--fgColor-disabled);\n background-color: var(--control-bgColor-disabled);\n border-color: var(--control-borderColor-disabled);\n box-shadow: none;\n\n input,\n textarea,\n select {\n cursor: not-allowed;\n }\n }\n\n &:where([data-monospace]) {\n font-family: var(--fontStack-monospace);\n }\n\n &:where([data-validation='error']) {\n border-color: var(--borderColor-danger-emphasis);\n\n &:where([data-trailing-action][data-focused]),\n &:where(:not([data-trailing-action])):focus-within {\n border-color: var(--control-borderColor-danger);\n outline: 2px solid var(--control-borderColor-danger);\n outline-offset: -1px;\n }\n }\n\n &:where([data-validation='success']) {\n /* stylelint-disable-next-line primer/colors */\n border-color: var(--bgColor-success-emphasis);\n }\n\n &:where([data-block]) {\n display: flex;\n width: 100%;\n align-self: stretch;\n }\n\n /* Ensures inputs don't zoom on mobile but are body-font size on desktop */\n @media screen and (--viewportRange-regular) {\n font-size: var(--text-body-size-medium);\n }\n\n --inner-action-size: var(--base-size-24); /* Default size */\n\n &:where([data-size='small']) {\n --inner-action-size: var(--base-size-20);\n\n min-height: var(--base-size-28);\n /* stylelint-disable-next-line primer/spacing */\n padding-top: 3px;\n padding-right: var(--base-size-8);\n /* stylelint-disable-next-line primer/spacing */\n padding-bottom: 3px;\n padding-left: var(--base-size-8);\n font-size: var(--text-body-size-small);\n /* stylelint-disable-next-line primer/typography */\n line-height: var(--base-size-20);\n }\n\n &:where([data-size='large']) {\n --inner-action-size: var(--base-size-28);\n\n height: var(--base-size-40);\n /* stylelint-disable-next-line primer/spacing */\n padding-top: 10px;\n padding-right: var(--base-size-8);\n /* stylelint-disable-next-line primer/spacing */\n padding-bottom: 10px;\n padding-left: var(--base-size-8);\n }\n\n /* Deprecated */\n &:where([data-variant='small']) {\n min-height: 28px;\n /* stylelint-disable-next-line primer/spacing */\n padding-top: 3px;\n padding-right: var(--base-size-8);\n /* stylelint-disable-next-line primer/spacing */\n padding-bottom: 3px;\n padding-left: var(--base-size-8);\n /* stylelint-disable-next-line declaration-property-value-no-unknown */\n font-size: (--text-body-size-small);\n /* stylelint-disable-next-line primer/typography */\n line-height: var(--base-size-20);\n }\n\n /* Deprecated */\n &:where([data-variant='large']) {\n /* stylelint-disable-next-line primer/spacing */\n padding-top: 10px;\n padding-right: var(--base-size-8);\n /* stylelint-disable-next-line primer/spacing */\n padding-bottom: 10px;\n padding-left: var(--base-size-8);\n font-size: var(--text-title-size-medium);\n }\n}\n\n.TextInputWrapper {\n padding-right: 0;\n padding-left: 0;\n\n > input,\n > select {\n padding-right: 0;\n padding-left: 0;\n }\n\n /* Repeat and position set for form states (success, error, etc) */\n background-repeat: no-repeat;\n\n /* For form validation. This keeps images 8px from right and centered vertically. */\n background-position: right 8px center;\n\n & > :not(:last-child) {\n margin-right: var(--base-size-8);\n }\n\n & :global(.TextInput-icon) /* stylelint-disable-line selector-class-pattern */,\n & :global(.TextInput-action) /* stylelint-disable-line selector-class-pattern */ {\n align-self: center;\n color: var(--fgColor-muted);\n flex-shrink: 0;\n }\n\n /* With leading visual */\n &:where([data-leading-visual]) {\n padding-left: var(--base-size-8);\n }\n\n /* With trailing visual */\n &:where([data-trailing-visual]:not([data-trailing-action])) {\n padding-right: var(--base-size-8);\n }\n\n /* Only trailing visual */\n &:where(:not([data-leading-visual])[data-trailing-visual]),\n &:where(:not([data-leading-visual])[data-trailing-action]) {\n > input,\n > select {\n padding-left: var(--base-size-8);\n }\n }\n\n /* Only leading visual */\n &:where(:not([data-trailing-visual]):not([data-trailing-action])) > input,\n &:where(:not([data-trailing-visual]):not([data-trailing-action])) > select {\n padding-right: var(--base-size-8);\n }\n\n /* No visuals at all */\n &:where(:not([data-leading-visual]):not([data-trailing-visual]):not([data-trailing-action])) > input,\n &:where(:not([data-leading-visual]):not([data-trailing-visual]):not([data-trailing-action])) > select {\n padding-left: var(--base-size-12);\n padding-right: var(--base-size-12);\n }\n}\n\n/* Large size input */\n.TextInputWrapper:where([data-size='large']) {\n &:where([data-leading-visual]) {\n padding-left: var(--base-size-12);\n }\n\n &:where([data-trailing-visual]:not([data-trailing-action])) {\n padding-right: var(--base-size-12);\n }\n}\n"]}
1
+ {"version":3,"sources":["../../src/internal/components/TextInputWrapper.module.css"],"names":[],"mappings":"AAAA,2CAeE,mBAAoB,CALpB,mEAAwC,CACxC,qGAAqE,CACrE,gDAAyC,CAEzC,+DAA+B,CAP/B,oDAA6B,CAE7B,WAAY,CARZ,mBAAoB,CAGpB,8CAAuC,CAEvC,uCAAgC,CAJhC,mCAA+B,CAW/B,YAAa,CAVb,eAAgB,CAKhB,qBA6IF,CApIE,qGAEE,WACF,CAEA,kDACE,cACF,CAKE,yKACE,gDACF,CAGF,mLAEE,4EAAgD,CAChD,8GAA0E,CAC1E,mBACF,CAEA,oDACE,kCACF,CAEA,kEAGE,+FACF,CAEA,kEAEE,+EAAiD,CACjD,wEAAiD,CACjD,eAAgB,CAHhB,6DAUF,CALE,4NAGE,kBACF,CAGF,mEACE,mHACF,CAEA,0EACE,4EAQF,CANE,iPAEE,2EAA+C,CAC/C,gFAAoD,CACpD,mBACF,CAGF,4EAEE,0EACF,CAEA,+DAGE,kBAAmB,CAFnB,YAAa,CACb,UAEF,CAGA,oCA3FF,2CA4FI,8CAyDJ,CAxDE,CA7FF,2CA+FE,8CAsDF,CApDE,oEACE,+CAAwC,CASxC,4CAAsC,CAEtC,uCAAgC,CAThC,sCAA+B,CAK/B,kBAAmB,CACnB,qCAAgC,CAHhC,sCAAiC,CADjC,eAQF,CAEA,oEACE,+CAAwC,CAExC,iCAA2B,CAK3B,mBAAoB,CACpB,qCAAgC,CAHhC,sCAAiC,CADjC,gBAKF,CAGA,uEASE,kCAAmC,CAEnC,uCAAgC,CAVhC,eAAgB,CAKhB,kBAAmB,CACnB,qCAAgC,CAHhC,sCAAiC,CADjC,eASF,CAGA,uEAOE,+CAAwC,CAFxC,mBAAoB,CACpB,qCAAgC,CAHhC,sCAAiC,CADjC,gBAMF,CAOA,kIAGE,cAAe,CADf,eAEF,CARF,uCAcE,oCAAqC,CAHrC,2BAiCF,CA5BE,yDACE,qCACF,CAEA,gHAEE,iBAAkB,CAClB,gDAA2B,CAC3B,aACF,CAEA,oEACE,uCACF,CAEA,iGACE,wCACF,CAEA,iKAEE,uCACF,CAEA,2NAEE,wCACF","file":"TextInputWrapper-ca608f70.css","sourcesContent":[".TextInputBaseWrapper {\n display: inline-flex;\n min-height: var(--base-size-32);\n overflow: hidden;\n font-size: var(--text-body-size-medium);\n /* stylelint-disable-next-line primer/typography */\n line-height: var(--base-size-20);\n color: var(--fgColor-default);\n vertical-align: middle;\n cursor: text;\n background-color: var(--bgColor-default);\n border: var(--borderWidth-thin) solid var(--control-borderColor-rest);\n border-radius: var(--borderRadius-medium);\n outline: none;\n box-shadow: var(--shadow-inset);\n align-items: stretch;\n\n input,\n textarea {\n cursor: text;\n }\n\n select {\n cursor: pointer;\n }\n\n input,\n textarea,\n select {\n &::placeholder {\n color: var(--fgColor-muted);\n }\n }\n\n &:where([data-trailing-action][data-focused]),\n &:where(:not([data-trailing-action]):focus-within) {\n border-color: var(--borderColor-accent-emphasis);\n outline: var(--borderWidth-thick) solid var(--borderColor-accent-emphasis);\n outline-offset: -1px;\n }\n\n > textarea {\n padding: var(--base-size-12);\n }\n\n &:where([data-contrast]) {\n /* this variable is available behind a feature flag in gh/gh */\n /* stylelint-disable-next-line primer/colors */\n background-color: var(--control-bgColor-contrast, var(--bgColor-inset));\n }\n\n &:where([data-disabled]) {\n color: var(--fgColor-disabled);\n background-color: var(--control-bgColor-disabled);\n border-color: var(--control-borderColor-disabled);\n box-shadow: none;\n\n input,\n textarea,\n select {\n cursor: not-allowed;\n }\n }\n\n &:where([data-monospace]) {\n font-family: var(--fontStack-monospace);\n }\n\n &:where([data-validation='error']) {\n border-color: var(--borderColor-danger-emphasis);\n\n &:where([data-trailing-action][data-focused]),\n &:where(:not([data-trailing-action])):focus-within {\n border-color: var(--control-borderColor-danger);\n outline: 2px solid var(--control-borderColor-danger);\n outline-offset: -1px;\n }\n }\n\n &:where([data-validation='success']) {\n /* stylelint-disable-next-line primer/colors */\n border-color: var(--bgColor-success-emphasis);\n }\n\n &:where([data-block]) {\n display: flex;\n width: 100%;\n align-self: stretch;\n }\n\n /* Ensures inputs don't zoom on mobile but are body-font size on desktop */\n @media screen and (--viewportRange-regular) {\n font-size: var(--text-body-size-medium);\n }\n\n --inner-action-size: var(--base-size-24); /* Default size */\n\n &:where([data-size='small']) {\n --inner-action-size: var(--base-size-20);\n\n min-height: var(--base-size-28);\n /* stylelint-disable-next-line primer/spacing */\n padding-top: 3px;\n padding-right: var(--base-size-8);\n /* stylelint-disable-next-line primer/spacing */\n padding-bottom: 3px;\n padding-left: var(--base-size-8);\n font-size: var(--text-body-size-small);\n /* stylelint-disable-next-line primer/typography */\n line-height: var(--base-size-20);\n }\n\n &:where([data-size='large']) {\n --inner-action-size: var(--base-size-28);\n\n height: var(--base-size-40);\n /* stylelint-disable-next-line primer/spacing */\n padding-top: 10px;\n padding-right: var(--base-size-8);\n /* stylelint-disable-next-line primer/spacing */\n padding-bottom: 10px;\n padding-left: var(--base-size-8);\n }\n\n /* Deprecated */\n &:where([data-variant='small']) {\n min-height: 28px;\n /* stylelint-disable-next-line primer/spacing */\n padding-top: 3px;\n padding-right: var(--base-size-8);\n /* stylelint-disable-next-line primer/spacing */\n padding-bottom: 3px;\n padding-left: var(--base-size-8);\n /* stylelint-disable-next-line declaration-property-value-no-unknown */\n font-size: (--text-body-size-small);\n /* stylelint-disable-next-line primer/typography */\n line-height: var(--base-size-20);\n }\n\n /* Deprecated */\n &:where([data-variant='large']) {\n /* stylelint-disable-next-line primer/spacing */\n padding-top: 10px;\n padding-right: var(--base-size-8);\n /* stylelint-disable-next-line primer/spacing */\n padding-bottom: 10px;\n padding-left: var(--base-size-8);\n font-size: var(--text-title-size-medium);\n }\n}\n\n.TextInputWrapper {\n padding-right: 0;\n padding-left: 0;\n\n > input,\n > select {\n padding-right: 0;\n padding-left: 0;\n }\n\n /* Repeat and position set for form states (success, error, etc) */\n background-repeat: no-repeat;\n\n /* For form validation. This keeps images 8px from right and centered vertically. */\n background-position: right 8px center;\n\n & > :not(:last-child) {\n margin-right: var(--base-size-8);\n }\n\n & :global(.TextInput-icon) /* stylelint-disable-line selector-class-pattern */,\n & :global(.TextInput-action) /* stylelint-disable-line selector-class-pattern */ {\n align-self: center;\n color: var(--fgColor-muted);\n flex-shrink: 0;\n }\n\n &:where([data-leading-visual]) {\n padding-left: var(--base-size-12);\n }\n\n &:where([data-trailing-visual]:not([data-trailing-action])) {\n padding-right: var(--base-size-12);\n }\n\n &:where(:not([data-leading-visual])) > input,\n &:where(:not([data-leading-visual])) > select {\n padding-left: var(--base-size-12);\n }\n\n &:where(:not([data-trailing-visual]):not([data-trailing-action])) > input,\n &:where(:not([data-trailing-visual]):not([data-trailing-action])) > select {\n padding-right: var(--base-size-12);\n }\n}\n"]}
@@ -1,6 +1,6 @@
1
1
  'use strict';
2
2
 
3
- require('./TextInputWrapper-889df5d3.css');
3
+ require('./TextInputWrapper-ca608f70.css');
4
4
 
5
5
  var styles = {"TextInputBaseWrapper":"prc-components-TextInputBaseWrapper-ueK9q","TextInputWrapper":"prc-components-TextInputWrapper-i1ofR"};
6
6
 
@@ -1 +1 @@
1
- {"version":3,"file":"UnderlineTabbedInterface.d.ts","sourceRoot":"","sources":["../../../src/internal/components/UnderlineTabbedInterface.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAa,KAAK,EAAE,EAAyB,MAAM,OAAO,CAAA;AAEjE,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,wBAAwB,CAAA;AAErD,OAAO,EAAC,KAAK,MAAM,EAAC,MAAM,UAAU,CAAA;AACpC,OAAO,KAAK,EAAC,mBAAmB,IAAI,8BAA8B,EAAC,MAAM,yBAAyB,CAAA;AAOlG,eAAO,MAAM,GAAG,IAAI,CAAA;AAEpB,KAAK,qBAAqB,GAAG;IAC3B,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,EAAE,CAAC,EAAE,KAAK,CAAC,WAAW,CAAA;IACtB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC,CAAA;CACzB,GAAG,MAAM,CAAA;AAEV,eAAO,MAAM,gBAAgB,6HAQ5B,CAAA;AAED,eAAO,MAAM,iBAAiB,EAMxB,8BAA8B,CAAC,IAAI,CAAC,CAAA;AAE1C,eAAO,MAAM,cAAc,yBAE1B,CAAA;AAED,MAAM,MAAM,kBAAkB,GAAG;IAC/B,EAAE,CAAC,EAAE,KAAK,CAAC,WAAW,GAAG,GAAG,GAAG,QAAQ,CAAA;IACvC,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,YAAY,CAAC,EAAE,OAAO,CAAA;IACtB,eAAe,CAAC,EAAE,OAAO,CAAA;IACzB,OAAO,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IACzB,IAAI,CAAC,EAAE,EAAE,CAAC,SAAS,CAAC,GAAG,KAAK,CAAC,YAAY,CAAA;IACzC,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC,CAAA;CACzB,GAAG,MAAM,CAAA;AAEV,eAAO,MAAM,aAAa,EAoCrB,8BAA8B,CAAC,GAAG,EAAE,kBAAkB,CAAC,CAAA"}
1
+ {"version":3,"file":"UnderlineTabbedInterface.d.ts","sourceRoot":"","sources":["../../../src/internal/components/UnderlineTabbedInterface.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAa,KAAK,EAAE,EAAyB,MAAM,OAAO,CAAA;AAEjE,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,wBAAwB,CAAA;AAErD,OAAO,EAAC,KAAK,MAAM,EAAC,MAAM,UAAU,CAAA;AACpC,OAAO,KAAK,EAAC,mBAAmB,IAAI,8BAA8B,EAAC,MAAM,yBAAyB,CAAA;AAQlG,eAAO,MAAM,GAAG,IAAI,CAAA;AAEpB,KAAK,qBAAqB,GAAG;IAC3B,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,EAAE,CAAC,EAAE,KAAK,CAAC,WAAW,CAAA;IACtB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC,CAAA;CACzB,GAAG,MAAM,CAAA;AAEV,eAAO,MAAM,gBAAgB,6HAW5B,CAAA;AAED,eAAO,MAAM,iBAAiB,EAMxB,8BAA8B,CAAC,IAAI,CAAC,CAAA;AAE1C,eAAO,MAAM,cAAc,yBAE1B,CAAA;AAkCD,MAAM,MAAM,kBAAkB,GAAG;IAC/B,EAAE,CAAC,EAAE,KAAK,CAAC,WAAW,GAAG,GAAG,GAAG,QAAQ,CAAA;IACvC,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,YAAY,CAAC,EAAE,OAAO,CAAA;IACtB,eAAe,CAAC,EAAE,OAAO,CAAA;IACzB,OAAO,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IACzB,IAAI,CAAC,EAAE,EAAE,CAAC,SAAS,CAAC,GAAG,KAAK,CAAC,YAAY,CAAA;IACzC,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC,CAAA;CACzB,GAAG,MAAM,CAAA;AAEV,eAAO,MAAM,aAAa,EA2CrB,8BAA8B,CAAC,GAAG,EAAE,kBAAkB,CAAC,CAAA"}