@vuu-ui/vuu-utils 2.0.0 → 2.1.0-alpha.2

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 (171) hide show
  1. package/cjs/node_modules/@dnd-kit/react/hooks.js +3 -3
  2. package/cjs/node_modules/@floating-ui/dom/dist/floating-ui.dom.js +492 -0
  3. package/cjs/node_modules/@floating-ui/dom/dist/floating-ui.dom.js.map +1 -0
  4. package/cjs/node_modules/@floating-ui/react/dist/floating-ui.react.js +987 -0
  5. package/cjs/node_modules/@floating-ui/react/dist/floating-ui.react.js.map +1 -0
  6. package/cjs/node_modules/@floating-ui/react/dist/floating-ui.react.utils.js +130 -0
  7. package/cjs/node_modules/@floating-ui/react/dist/floating-ui.react.utils.js.map +1 -0
  8. package/cjs/node_modules/@floating-ui/utils/dist/floating-ui.utils.dom.js +183 -0
  9. package/cjs/node_modules/@floating-ui/utils/dist/floating-ui.utils.dom.js.map +1 -0
  10. package/cjs/node_modules/@floating-ui/utils/dist/floating-ui.utils.js +39 -0
  11. package/cjs/node_modules/@floating-ui/utils/dist/floating-ui.utils.js.map +1 -0
  12. package/cjs/node_modules/@salt-ds/core/dist-es/aria-announcer/AriaAnnouncerContext.js +10 -0
  13. package/cjs/node_modules/@salt-ds/core/dist-es/aria-announcer/AriaAnnouncerContext.js.map +1 -0
  14. package/cjs/node_modules/@salt-ds/core/dist-es/aria-announcer/AriaAnnouncerProvider.js +76 -0
  15. package/cjs/node_modules/@salt-ds/core/dist-es/aria-announcer/AriaAnnouncerProvider.js.map +1 -0
  16. package/cjs/node_modules/@salt-ds/core/dist-es/aria-announcer/useAriaAnnouncer.js +52 -0
  17. package/cjs/node_modules/@salt-ds/core/dist-es/aria-announcer/useAriaAnnouncer.js.map +1 -0
  18. package/cjs/node_modules/@salt-ds/core/dist-es/breakpoints/BreakpointProvider.js +59 -0
  19. package/cjs/node_modules/@salt-ds/core/dist-es/breakpoints/BreakpointProvider.js.map +1 -0
  20. package/cjs/node_modules/@salt-ds/core/dist-es/breakpoints/Breakpoints.js +12 -0
  21. package/cjs/node_modules/@salt-ds/core/dist-es/breakpoints/Breakpoints.js.map +1 -0
  22. package/cjs/node_modules/@salt-ds/core/dist-es/button/Button.css.js +6 -0
  23. package/cjs/node_modules/@salt-ds/core/dist-es/button/Button.css.js.map +1 -0
  24. package/cjs/node_modules/@salt-ds/core/dist-es/button/Button.js +96 -0
  25. package/cjs/node_modules/@salt-ds/core/dist-es/button/Button.js.map +1 -0
  26. package/cjs/node_modules/@salt-ds/core/dist-es/button/useButton.js +65 -0
  27. package/cjs/node_modules/@salt-ds/core/dist-es/button/useButton.js.map +1 -0
  28. package/cjs/node_modules/@salt-ds/core/dist-es/salt-provider/ProviderContext.js +11 -0
  29. package/cjs/node_modules/@salt-ds/core/dist-es/salt-provider/ProviderContext.js.map +1 -0
  30. package/cjs/node_modules/@salt-ds/core/dist-es/salt-provider/SaltProvider.css.js +6 -0
  31. package/cjs/node_modules/@salt-ds/core/dist-es/salt-provider/SaltProvider.css.js.map +1 -0
  32. package/cjs/node_modules/@salt-ds/core/dist-es/salt-provider/SaltProvider.js +160 -0
  33. package/cjs/node_modules/@salt-ds/core/dist-es/salt-provider/SaltProvider.js.map +1 -0
  34. package/cjs/node_modules/@salt-ds/core/dist-es/salt-provider/ThemeApplicator.js +115 -0
  35. package/cjs/node_modules/@salt-ds/core/dist-es/salt-provider/ThemeApplicator.js.map +1 -0
  36. package/cjs/node_modules/@salt-ds/core/dist-es/spinner/Spinner.css.js +6 -0
  37. package/cjs/node_modules/@salt-ds/core/dist-es/spinner/Spinner.css.js.map +1 -0
  38. package/cjs/node_modules/@salt-ds/core/dist-es/spinner/Spinner.js +86 -0
  39. package/cjs/node_modules/@salt-ds/core/dist-es/spinner/Spinner.js.map +1 -0
  40. package/cjs/node_modules/@salt-ds/core/dist-es/spinner/svgSpinners/SpinnerSVG.js +93 -0
  41. package/cjs/node_modules/@salt-ds/core/dist-es/spinner/svgSpinners/SpinnerSVG.js.map +1 -0
  42. package/cjs/node_modules/@salt-ds/core/dist-es/utils/createChainedFunction.js +20 -0
  43. package/cjs/node_modules/@salt-ds/core/dist-es/utils/createChainedFunction.js.map +1 -0
  44. package/cjs/node_modules/@salt-ds/core/dist-es/utils/createContext.js +14 -0
  45. package/cjs/node_modules/@salt-ds/core/dist-es/utils/createContext.js.map +1 -0
  46. package/cjs/node_modules/@salt-ds/core/dist-es/utils/debounce.js +22 -0
  47. package/cjs/node_modules/@salt-ds/core/dist-es/utils/debounce.js.map +1 -0
  48. package/cjs/node_modules/@salt-ds/core/dist-es/utils/makePrefixer.js +6 -0
  49. package/cjs/node_modules/@salt-ds/core/dist-es/utils/makePrefixer.js.map +1 -0
  50. package/cjs/node_modules/@salt-ds/core/dist-es/utils/useFloatingUI/useFloatingUI.js +52 -0
  51. package/cjs/node_modules/@salt-ds/core/dist-es/utils/useFloatingUI/useFloatingUI.js.map +1 -0
  52. package/cjs/node_modules/@salt-ds/core/dist-es/utils/useId.js +45 -0
  53. package/cjs/node_modules/@salt-ds/core/dist-es/utils/useId.js.map +1 -0
  54. package/cjs/node_modules/@salt-ds/core/dist-es/utils/useIsomorphicLayoutEffect.js +8 -0
  55. package/cjs/node_modules/@salt-ds/core/dist-es/utils/useIsomorphicLayoutEffect.js.map +1 -0
  56. package/cjs/node_modules/@salt-ds/core/dist-es/utils/usePreventScroll.js +233 -0
  57. package/cjs/node_modules/@salt-ds/core/dist-es/utils/usePreventScroll.js.map +1 -0
  58. package/cjs/node_modules/@salt-ds/core/dist-es/viewport/ViewportProvider.js +35 -0
  59. package/cjs/node_modules/@salt-ds/core/dist-es/viewport/ViewportProvider.js.map +1 -0
  60. package/cjs/node_modules/@salt-ds/styles/dist-es/style-injection-provider/index.js +22 -0
  61. package/cjs/node_modules/@salt-ds/styles/dist-es/style-injection-provider/index.js.map +1 -0
  62. package/cjs/node_modules/@salt-ds/styles/dist-es/use-style-injection/InsertionPointProvider.js +16 -0
  63. package/cjs/node_modules/@salt-ds/styles/dist-es/use-style-injection/InsertionPointProvider.js.map +1 -0
  64. package/cjs/node_modules/@salt-ds/styles/dist-es/use-style-injection/useStyleInjection.js +75 -0
  65. package/cjs/node_modules/@salt-ds/styles/dist-es/use-style-injection/useStyleInjection.js.map +1 -0
  66. package/cjs/node_modules/@salt-ds/window/dist-es/WindowProvider.js +17 -0
  67. package/cjs/node_modules/@salt-ds/window/dist-es/WindowProvider.js.map +1 -0
  68. package/cjs/node_modules/tabbable/dist/index.esm.js +550 -0
  69. package/cjs/node_modules/tabbable/dist/index.esm.js.map +1 -0
  70. package/cjs/packages/vuu-utils/src/ThemeProvider.js +2 -2
  71. package/cjs/packages/vuu-utils/src/ThemeProvider.js.map +1 -1
  72. package/cjs/packages/vuu-utils/src/data-editing/DataEditingProvider.js +25 -0
  73. package/cjs/packages/vuu-utils/src/data-editing/DataEditingProvider.js.map +1 -0
  74. package/cjs/packages/vuu-utils/src/data-editing/EditButtons.js +23 -0
  75. package/cjs/packages/vuu-utils/src/data-editing/EditButtons.js.map +1 -0
  76. package/cjs/packages/vuu-utils/src/data-editing/EditTracker.js +154 -0
  77. package/cjs/packages/vuu-utils/src/data-editing/EditTracker.js.map +1 -0
  78. package/cjs/packages/vuu-utils/src/data-editing/useEditableTable.js +69 -0
  79. package/cjs/packages/vuu-utils/src/data-editing/useEditableTable.js.map +1 -0
  80. package/cjs/packages/vuu-utils/src/index.js +9 -0
  81. package/cjs/packages/vuu-utils/src/index.js.map +1 -1
  82. package/esm/node_modules/@floating-ui/dom/dist/floating-ui.dom.js +489 -0
  83. package/esm/node_modules/@floating-ui/dom/dist/floating-ui.dom.js.map +1 -0
  84. package/esm/node_modules/@floating-ui/react/dist/floating-ui.react.js +962 -0
  85. package/esm/node_modules/@floating-ui/react/dist/floating-ui.react.js.map +1 -0
  86. package/esm/node_modules/@floating-ui/react/dist/floating-ui.react.utils.js +114 -0
  87. package/esm/node_modules/@floating-ui/react/dist/floating-ui.react.utils.js.map +1 -0
  88. package/esm/node_modules/@floating-ui/utils/dist/floating-ui.utils.dom.js +162 -0
  89. package/esm/node_modules/@floating-ui/utils/dist/floating-ui.utils.dom.js.map +1 -0
  90. package/esm/node_modules/@floating-ui/utils/dist/floating-ui.utils.js +33 -0
  91. package/esm/node_modules/@floating-ui/utils/dist/floating-ui.utils.js.map +1 -0
  92. package/esm/node_modules/@salt-ds/core/dist-es/aria-announcer/AriaAnnouncerContext.js +8 -0
  93. package/esm/node_modules/@salt-ds/core/dist-es/aria-announcer/AriaAnnouncerContext.js.map +1 -0
  94. package/esm/node_modules/@salt-ds/core/dist-es/aria-announcer/AriaAnnouncerProvider.js +73 -0
  95. package/esm/node_modules/@salt-ds/core/dist-es/aria-announcer/AriaAnnouncerProvider.js.map +1 -0
  96. package/esm/node_modules/@salt-ds/core/dist-es/aria-announcer/useAriaAnnouncer.js +50 -0
  97. package/esm/node_modules/@salt-ds/core/dist-es/aria-announcer/useAriaAnnouncer.js.map +1 -0
  98. package/esm/node_modules/@salt-ds/core/dist-es/breakpoints/BreakpointProvider.js +56 -0
  99. package/esm/node_modules/@salt-ds/core/dist-es/breakpoints/BreakpointProvider.js.map +1 -0
  100. package/esm/node_modules/@salt-ds/core/dist-es/breakpoints/Breakpoints.js +10 -0
  101. package/esm/node_modules/@salt-ds/core/dist-es/breakpoints/Breakpoints.js.map +1 -0
  102. package/esm/node_modules/@salt-ds/core/dist-es/button/Button.css.js +4 -0
  103. package/esm/node_modules/@salt-ds/core/dist-es/button/Button.css.js.map +1 -0
  104. package/esm/node_modules/@salt-ds/core/dist-es/button/Button.js +94 -0
  105. package/esm/node_modules/@salt-ds/core/dist-es/button/Button.js.map +1 -0
  106. package/esm/node_modules/@salt-ds/core/dist-es/button/useButton.js +63 -0
  107. package/esm/node_modules/@salt-ds/core/dist-es/button/useButton.js.map +1 -0
  108. package/esm/node_modules/@salt-ds/core/dist-es/salt-provider/ProviderContext.js +9 -0
  109. package/esm/node_modules/@salt-ds/core/dist-es/salt-provider/ProviderContext.js.map +1 -0
  110. package/esm/node_modules/@salt-ds/core/dist-es/salt-provider/SaltProvider.css.js +4 -0
  111. package/esm/node_modules/@salt-ds/core/dist-es/salt-provider/SaltProvider.css.js.map +1 -0
  112. package/esm/node_modules/@salt-ds/core/dist-es/salt-provider/SaltProvider.js +151 -0
  113. package/esm/node_modules/@salt-ds/core/dist-es/salt-provider/SaltProvider.js.map +1 -0
  114. package/esm/node_modules/@salt-ds/core/dist-es/salt-provider/ThemeApplicator.js +113 -0
  115. package/esm/node_modules/@salt-ds/core/dist-es/salt-provider/ThemeApplicator.js.map +1 -0
  116. package/esm/node_modules/@salt-ds/core/dist-es/spinner/Spinner.css.js +4 -0
  117. package/esm/node_modules/@salt-ds/core/dist-es/spinner/Spinner.css.js.map +1 -0
  118. package/esm/node_modules/@salt-ds/core/dist-es/spinner/Spinner.js +84 -0
  119. package/esm/node_modules/@salt-ds/core/dist-es/spinner/Spinner.js.map +1 -0
  120. package/esm/node_modules/@salt-ds/core/dist-es/spinner/svgSpinners/SpinnerSVG.js +91 -0
  121. package/esm/node_modules/@salt-ds/core/dist-es/spinner/svgSpinners/SpinnerSVG.js.map +1 -0
  122. package/esm/node_modules/@salt-ds/core/dist-es/utils/createChainedFunction.js +18 -0
  123. package/esm/node_modules/@salt-ds/core/dist-es/utils/createChainedFunction.js.map +1 -0
  124. package/esm/node_modules/@salt-ds/core/dist-es/utils/createContext.js +12 -0
  125. package/esm/node_modules/@salt-ds/core/dist-es/utils/createContext.js.map +1 -0
  126. package/esm/node_modules/@salt-ds/core/dist-es/utils/debounce.js +20 -0
  127. package/esm/node_modules/@salt-ds/core/dist-es/utils/debounce.js.map +1 -0
  128. package/esm/node_modules/@salt-ds/core/dist-es/utils/makePrefixer.js +4 -0
  129. package/esm/node_modules/@salt-ds/core/dist-es/utils/makePrefixer.js.map +1 -0
  130. package/esm/node_modules/@salt-ds/core/dist-es/utils/useFloatingUI/useFloatingUI.js +50 -0
  131. package/esm/node_modules/@salt-ds/core/dist-es/utils/useFloatingUI/useFloatingUI.js.map +1 -0
  132. package/esm/node_modules/@salt-ds/core/dist-es/utils/useId.js +24 -0
  133. package/esm/node_modules/@salt-ds/core/dist-es/utils/useId.js.map +1 -0
  134. package/esm/node_modules/@salt-ds/core/dist-es/utils/useIsomorphicLayoutEffect.js +6 -0
  135. package/esm/node_modules/@salt-ds/core/dist-es/utils/useIsomorphicLayoutEffect.js.map +1 -0
  136. package/esm/node_modules/@salt-ds/core/dist-es/utils/usePreventScroll.js +231 -0
  137. package/esm/node_modules/@salt-ds/core/dist-es/utils/usePreventScroll.js.map +1 -0
  138. package/esm/node_modules/@salt-ds/core/dist-es/viewport/ViewportProvider.js +32 -0
  139. package/esm/node_modules/@salt-ds/core/dist-es/viewport/ViewportProvider.js.map +1 -0
  140. package/esm/node_modules/@salt-ds/styles/dist-es/style-injection-provider/index.js +19 -0
  141. package/esm/node_modules/@salt-ds/styles/dist-es/style-injection-provider/index.js.map +1 -0
  142. package/esm/node_modules/@salt-ds/styles/dist-es/use-style-injection/InsertionPointProvider.js +14 -0
  143. package/esm/node_modules/@salt-ds/styles/dist-es/use-style-injection/InsertionPointProvider.js.map +1 -0
  144. package/esm/node_modules/@salt-ds/styles/dist-es/use-style-injection/useStyleInjection.js +54 -0
  145. package/esm/node_modules/@salt-ds/styles/dist-es/use-style-injection/useStyleInjection.js.map +1 -0
  146. package/esm/node_modules/@salt-ds/window/dist-es/WindowProvider.js +15 -0
  147. package/esm/node_modules/@salt-ds/window/dist-es/WindowProvider.js.map +1 -0
  148. package/esm/node_modules/tabbable/dist/index.esm.js +546 -0
  149. package/esm/node_modules/tabbable/dist/index.esm.js.map +1 -0
  150. package/esm/packages/vuu-utils/src/ThemeProvider.js +2 -2
  151. package/esm/packages/vuu-utils/src/ThemeProvider.js.map +1 -1
  152. package/esm/packages/vuu-utils/src/context-definitions/WorkspaceContext.js +2 -2
  153. package/esm/packages/vuu-utils/src/context-definitions/WorkspaceContext.js.map +1 -1
  154. package/esm/packages/vuu-utils/src/data-editing/DataEditingProvider.js +22 -0
  155. package/esm/packages/vuu-utils/src/data-editing/DataEditingProvider.js.map +1 -0
  156. package/esm/packages/vuu-utils/src/data-editing/EditButtons.js +21 -0
  157. package/esm/packages/vuu-utils/src/data-editing/EditButtons.js.map +1 -0
  158. package/esm/packages/vuu-utils/src/data-editing/EditTracker.js +152 -0
  159. package/esm/packages/vuu-utils/src/data-editing/EditTracker.js.map +1 -0
  160. package/esm/packages/vuu-utils/src/data-editing/useEditableTable.js +67 -0
  161. package/esm/packages/vuu-utils/src/data-editing/useEditableTable.js.map +1 -0
  162. package/esm/packages/vuu-utils/src/feature-utils.js +2 -2
  163. package/esm/packages/vuu-utils/src/feature-utils.js.map +1 -1
  164. package/esm/packages/vuu-utils/src/index.js +4 -0
  165. package/esm/packages/vuu-utils/src/index.js.map +1 -1
  166. package/package.json +6 -6
  167. package/types/data-editing/DataEditingProvider.d.ts +7 -0
  168. package/types/data-editing/EditButtons.d.ts +7 -0
  169. package/types/data-editing/EditTracker.d.ts +24 -0
  170. package/types/data-editing/useEditableTable.d.ts +15 -0
  171. package/types/index.d.ts +5 -1
@@ -0,0 +1,4 @@
1
+ var css_248z = ".saltButton {\n --button-borderWidth: var(--salt-size-fixed-100);\n\n align-items: var(--saltButton-alignItems, center);\n appearance: none;\n background: var(--saltButton-background, var(--button-background));\n border-color: var(--saltButton-borderColor, var(--button-borderColor, transparent));\n border-style: var(--saltButton-borderStyle, solid);\n border-width: var(--saltButton-borderWidth, var(--button-borderWidth));\n border-radius: var(--saltButton-borderRadius, var(--salt-palette-corner-weak, 0));\n color: var(--saltButton-text-color, var(--button-text-color));\n display: inline-flex;\n gap: var(--salt-spacing-50);\n justify-content: var(--saltButton-justifyContent, center);\n font-size: var(--saltButton-fontSize, var(--salt-text-fontSize));\n font-family: var(--saltButton-fontFamily, var(--salt-text-action-fontFamily));\n line-height: var(--saltButton-lineHeight, var(--salt-text-lineHeight));\n letter-spacing: var(--saltButton-letterSpacing, var(--salt-text-action-letterSpacing));\n text-transform: var(--saltButton-textTransform, var(--salt-text-action-textTransform));\n padding: 0 var(--saltButton-padding, calc(var(--salt-spacing-100) - var(--saltButton-borderWidth, var(--button-borderWidth))));\n margin: var(--saltButton-margin, 0);\n height: var(--saltButton-height, var(--salt-size-base));\n min-width: var(--saltButton-minWidth, unset);\n position: relative;\n text-align: var(--saltButton-textAlign, var(--salt-text-action-textAlign));\n text-decoration: none;\n transition: none;\n width: var(--saltButton-width, auto);\n -webkit-appearance: none;\n -webkit-tap-highlight-color: transparent;\n /* Styles applied to align children*/\n font-weight: var(--saltButton-fontWeight, var(--salt-text-action-fontWeight));\n}\n\n/* Pseudo-class applied to the root element on focus */\n.saltButton:focus-visible {\n outline-style: var(--salt-focused-outlineStyle);\n outline-width: var(--salt-focused-outlineWidth);\n outline-color: var(--salt-focused-outlineColor);\n outline-offset: var(--salt-focused-outlineOffset);\n background: var(--saltButton-background-hover, var(--button-background-hover));\n color: var(--saltButton-text-color-hover, var(--button-text-color-hover));\n border-color: var(--saltButton-borderColor-hover, var(--button-borderColor-hover));\n}\n\n@media (hover: hover) {\n /* Pseudo-class applied to the root element on hover when Button is not active or disabled */\n .saltButton:hover {\n background: var(--saltButton-background-hover, var(--button-background-hover));\n color: var(--saltButton-text-color-hover, var(--button-text-color-hover));\n border-color: var(--saltButton-borderColor-hover, var(--button-borderColor-hover));\n cursor: var(--salt-cursor-hover);\n }\n}\n\n/* Pseudo-class applied to the root element when Button is active and not disabled */\n.saltButton.saltButton-active:focus-visible,\n.saltButton:focus-visible:active,\n.saltButton:active,\n.saltButton.saltButton-active {\n background: var(--saltButton-background-active, var(--button-background-active));\n color: var(--saltButton-text-color-active, var(--button-text-color-active));\n border-color: var(--saltButton-borderColor-active, var(--button-borderColor-active));\n cursor: var(--salt-cursor-active);\n}\n\n/* Styles applied when the button triggers a dialog or menu */\n.saltButton[aria-expanded=\"true\"][aria-haspopup=\"menu\"],\n.saltButton[aria-expanded=\"true\"][aria-haspopup=\"dialog\"] {\n background: var(--saltButton-background-active, var(--button-background-active));\n color: var(--saltButton-text-color-active, var(--button-text-color-active));\n border-color: var(--saltButton-borderColor-active, var(--button-borderColor-active));\n}\n\n/* Pseudo-class applied to the root element if disabled={true} */\n.saltButton:disabled,\n.saltButton.saltButton-disabled,\n.saltButton.saltButton-disabled:active,\n.saltButton.saltButton-disabled:focus-visible,\n.saltButton.saltButton-disabled:focus-visible:active,\n.saltButton.saltButton-disabled:hover {\n background: var(--saltButton-background-disabled, var(--button-background));\n color: var(--saltButton-text-color-disabled, var(--button-text-color));\n cursor: var(--saltButton-cursor-disabled, var(--salt-cursor-disabled));\n border-color: var(--saltButton-borderColor-disabled, var(--button-borderColor));\n\n opacity: 0.4;\n}\n\n.saltButton-accented.saltButton-solid {\n --button-text-color: var(--salt-actionable-accented-bold-foreground);\n --button-text-color-hover: var(--salt-actionable-accented-bold-foreground-hover);\n --button-text-color-active: var(--salt-actionable-accented-bold-foreground-active);\n --button-background: var(--salt-actionable-accented-bold-background);\n --button-background-active: var(--salt-actionable-accented-bold-background-active);\n --button-background-hover: var(--salt-actionable-accented-bold-background-hover);\n --button-borderColor: var(--salt-actionable-accented-bold-borderColor);\n --button-borderColor-hover: var(--salt-actionable-accented-bold-borderColor-hover);\n --button-borderColor-active: var(--salt-actionable-accented-bold-borderColor-active);\n}\n\n.saltButton-accented.saltButton-bordered {\n --button-text-color: var(--salt-actionable-accented-foreground);\n --button-text-color-hover: var(--salt-actionable-accented-foreground-hover);\n --button-text-color-active: var(--salt-actionable-accented-foreground-active);\n --button-background: var(--salt-actionable-accented-background);\n --button-background-hover: var(--salt-actionable-accented-background-hover);\n --button-background-active: var(--salt-actionable-accented-background-active);\n --button-borderColor: var(--salt-actionable-accented-borderColor);\n --button-borderColor-hover: var(--salt-actionable-accented-borderColor-hover);\n --button-borderColor-active: var(--salt-actionable-accented-borderColor-active);\n}\n\n.saltButton-accented.saltButton-transparent {\n --button-text-color: var(--salt-actionable-accented-subtle-foreground);\n --button-text-color-hover: var(--salt-actionable-accented-subtle-foreground-hover);\n --button-text-color-active: var(--salt-actionable-accented-subtle-foreground-active);\n --button-background: var(--salt-actionable-accented-subtle-background);\n --button-background-hover: var(--salt-actionable-accented-subtle-background-hover);\n --button-background-active: var(--salt-actionable-accented-subtle-background-active);\n --button-borderColor: var(--salt-actionable-accented-subtle-borderColor);\n --button-borderColor-hover: var(--salt-actionable-accented-subtle-borderColor-hover);\n --button-borderColor-active: var(--salt-actionable-accented-subtle-borderColor-active);\n}\n\n.saltButton-accented.saltButton-loading {\n --button-text-color: var(--salt-actionable-accented-background);\n --button-text-color-hover: var(--salt-actionable-accented-background);\n --button-text-color-active: var(--salt-actionable-accented-background);\n --button-background: var(--salt-actionable-accented-background);\n --button-background-hover: var(--salt-actionable-accented-background);\n --button-background-active: var(--salt-actionable-accented-background);\n --button-borderColor: var(--salt-actionable-accented-borderColor);\n --button-borderColor-hover: var(--salt-actionable-accented-borderColor);\n --button-borderColor-active: var(--salt-actionable-accented-borderColor);\n cursor: var(--salt-cursor-pending);\n}\n\n.saltButton-neutral.saltButton-solid {\n --button-text-color: var(--salt-actionable-bold-foreground);\n --button-text-color-hover: var(--salt-actionable-bold-foreground-hover);\n --button-text-color-active: var(--salt-actionable-bold-foreground-active);\n --button-background: var(--salt-actionable-bold-background);\n --button-background-hover: var(--salt-actionable-bold-background-hover);\n --button-background-active: var(--salt-actionable-bold-background-active);\n --button-borderColor: var(--salt-actionable-bold-borderColor);\n --button-borderColor-hover: var(--salt-actionable-bold-borderColor-hover);\n --button-borderColor-active: var(--salt-actionable-bold-borderColor-active);\n}\n\n.saltButton-neutral.saltButton-bordered {\n --button-text-color: var(--salt-actionable-foreground);\n --button-text-color-hover: var(--salt-actionable-foreground-hover);\n --button-text-color-active: var(--salt-actionable-foreground-active);\n --button-background: var(--salt-actionable-background);\n --button-background-hover: var(--salt-actionable-background-hover);\n --button-background-active: var(--salt-actionable-background-active);\n --button-borderColor: var(--salt-actionable-borderColor);\n --button-borderColor-hover: var(--salt-actionable-borderColor-hover);\n --button-borderColor-active: var(--salt-actionable-borderColor-active);\n}\n\n.saltButton-neutral.saltButton-transparent {\n --button-text-color: var(--salt-actionable-subtle-foreground);\n --button-text-color-hover: var(--salt-actionable-subtle-foreground-hover);\n --button-text-color-active: var(--salt-actionable-subtle-foreground-active);\n --button-background: var(--salt-actionable-subtle-background);\n --button-background-hover: var(--salt-actionable-subtle-background-hover);\n --button-background-active: var(--salt-actionable-subtle-background-active);\n --button-borderColor: var(--salt-actionable-subtle-borderColor);\n --button-borderColor-hover: var(--salt-actionable-subtle-borderColor-hover);\n --button-borderColor-active: var(--salt-actionable-subtle-borderColor-active);\n}\n\n.saltButton-neutral.saltButton-loading {\n --button-text-color: var(--salt-actionable-background);\n --button-text-color-hover: var(--salt-actionable-background);\n --button-text-color-active: var(--salt-actionable-background);\n --button-background: var(--salt-actionable-background);\n --button-background-hover: var(--salt-actionable-background);\n --button-background-active: var(--salt-actionable-background);\n --button-borderColor: var(--salt-actionable-borderColor);\n --button-borderColor-hover: var(--salt-actionable-borderColor);\n --button-borderColor-active: var(--salt-actionable-borderColor);\n cursor: var(--salt-cursor-pending);\n}\n\n.saltButton-negative.saltButton-solid {\n --button-text-color: var(--salt-actionable-negative-bold-foreground);\n --button-text-color-hover: var(--salt-actionable-negative-bold-foreground-hover);\n --button-text-color-active: var(--salt-actionable-negative-bold-foreground-active);\n --button-background: var(--salt-actionable-negative-bold-background);\n --button-background-hover: var(--salt-actionable-negative-bold-background-hover);\n --button-background-active: var(--salt-actionable-negative-bold-background-active);\n --button-borderColor: var(--salt-actionable-negative-bold-borderColor);\n --button-borderColor-hover: var(--salt-actionable-negative-bold-borderColor-hover);\n --button-borderColor-active: var(--salt-actionable-negative-bold-borderColor-active);\n}\n\n.saltButton-negative.saltButton-bordered {\n --button-text-color: var(--salt-actionable-negative-foreground);\n --button-text-color-hover: var(--salt-actionable-negative-foreground-hover);\n --button-text-color-active: var(--salt-actionable-negative-foreground-active);\n --button-background: var(--salt-actionable-negative-background);\n --button-background-hover: var(--salt-actionable-negative-background-hover);\n --button-background-active: var(--salt-actionable-negative-background-active);\n --button-borderColor: var(--salt-actionable-negative-borderColor);\n --button-borderColor-hover: var(--salt-actionable-negative-borderColor-hover);\n --button-borderColor-active: var(--salt-actionable-negative-borderColor-active);\n}\n\n.saltButton-negative.saltButton-transparent {\n --button-text-color: var(--salt-actionable-negative-subtle-foreground);\n --button-text-color-hover: var(--salt-actionable-negative-subtle-foreground-hover);\n --button-text-color-active: var(--salt-actionable-negative-subtle-foreground-active);\n --button-background: var(--salt-actionable-negative-subtle-background);\n --button-background-hover: var(--salt-actionable-negative-subtle-background-hover);\n --button-background-active: var(--salt-actionable-negative-subtle-background-active);\n --button-borderColor: var(--salt-actionable-negative-subtle-borderColor);\n --button-borderColor-hover: var(--salt-actionable-negative-subtle-borderColor-hover);\n --button-borderColor-active: var(--salt-actionable-negative-subtle-borderColor-active);\n}\n\n.saltButton-negative.saltButton-loading {\n --button-text-color: var(--salt-actionable-negative-background);\n --button-text-color-hover: var(--salt-actionable-negative-background);\n --button-text-color-active: var(--salt-actionable-negative-background);\n --button-background: var(--salt-actionable-negative-background);\n --button-background-hover: var(--salt-actionable-negative-background);\n --button-background-active: var(--salt-actionable-negative-background);\n --button-borderColor: var(--salt-actionable-negative-borderColor);\n --button-borderColor-hover: var(--salt-actionable-negative-borderColor);\n --button-borderColor-active: var(--salt-actionable-negative-borderColor);\n cursor: var(--salt-cursor-pending);\n}\n\n.saltButton-positive.saltButton-solid {\n --button-text-color: var(--salt-actionable-positive-bold-foreground);\n --button-text-color-hover: var(--salt-actionable-positive-bold-foreground-hover);\n --button-text-color-active: var(--salt-actionable-positive-bold-foreground-active);\n --button-background: var(--salt-actionable-positive-bold-background);\n --button-background-hover: var(--salt-actionable-positive-bold-background-hover);\n --button-background-active: var(--salt-actionable-positive-bold-background-active);\n --button-borderColor: var(--salt-actionable-positive-bold-borderColor);\n --button-borderColor-hover: var(--salt-actionable-positive-bold-borderColor-hover);\n --button-borderColor-active: var(--salt-actionable-positive-bold-borderColor-active);\n}\n\n.saltButton-positive.saltButton-bordered {\n --button-text-color: var(--salt-actionable-positive-foreground);\n --button-text-color-hover: var(--salt-actionable-positive-foreground-hover);\n --button-text-color-active: var(--salt-actionable-positive-foreground-active);\n --button-background: var(--salt-actionable-positive-background);\n --button-background-hover: var(--salt-actionable-positive-background-hover);\n --button-background-active: var(--salt-actionable-positive-background-active);\n --button-borderColor: var(--salt-actionable-positive-borderColor);\n --button-borderColor-hover: var(--salt-actionable-positive-borderColor-hover);\n --button-borderColor-active: var(--salt-actionable-positive-borderColor-active);\n}\n\n.saltButton-positive.saltButton-transparent {\n --button-text-color: var(--salt-actionable-positive-subtle-foreground);\n --button-text-color-hover: var(--salt-actionable-positive-subtle-foreground-hover);\n --button-text-color-active: var(--salt-actionable-positive-subtle-foreground-active);\n --button-background: var(--salt-actionable-positive-subtle-background);\n --button-background-hover: var(--salt-actionable-positive-subtle-background-hover);\n --button-background-active: var(--salt-actionable-positive-subtle-background-active);\n --button-borderColor: var(--salt-actionable-positive-subtle-borderColor);\n --button-borderColor-hover: var(--salt-actionable-positive-subtle-borderColor-hover);\n --button-borderColor-active: var(--salt-actionable-positive-subtle-borderColor-active);\n}\n\n.saltButton-positive.saltButton-loading {\n --button-text-color: var(--salt-actionable-positive-background);\n --button-text-color-hover: var(--salt-actionable-positive-background);\n --button-text-color-active: var(--salt-actionable-positive-background);\n --button-background: var(--salt-actionable-positive-background);\n --button-background-hover: var(--salt-actionable-positive-background);\n --button-background-active: var(--salt-actionable-positive-background);\n --button-borderColor: var(--salt-actionable-positive-borderColor);\n --button-borderColor-hover: var(--salt-actionable-positive-borderColor);\n --button-borderColor-active: var(--salt-actionable-positive-borderColor);\n cursor: var(--salt-cursor-pending);\n}\n\n.saltButton-caution.saltButton-solid {\n --button-text-color: var(--salt-actionable-caution-bold-foreground);\n --button-text-color-hover: var(--salt-actionable-caution-bold-foreground-hover);\n --button-text-color-active: var(--salt-actionable-caution-bold-foreground-active);\n --button-background: var(--salt-actionable-caution-bold-background);\n --button-background-hover: var(--salt-actionable-caution-bold-background-hover);\n --button-background-active: var(--salt-actionable-caution-bold-background-active);\n --button-borderColor: var(--salt-actionable-caution-bold-borderColor);\n --button-borderColor-hover: var(--salt-actionable-caution-bold-borderColor-hover);\n --button-borderColor-active: var(--salt-actionable-caution-bold-borderColor-active);\n}\n\n.saltButton-caution.saltButton-bordered {\n --button-text-color: var(--salt-actionable-caution-foreground);\n --button-text-color-hover: var(--salt-actionable-caution-foreground-hover);\n --button-text-color-active: var(--salt-actionable-caution-foreground-active);\n --button-background: var(--salt-actionable-caution-background);\n --button-background-hover: var(--salt-actionable-caution-background-hover);\n --button-background-active: var(--salt-actionable-caution-background-active);\n --button-borderColor: var(--salt-actionable-caution-borderColor);\n --button-borderColor-hover: var(--salt-actionable-caution-borderColor-hover);\n --button-borderColor-active: var(--salt-actionable-caution-borderColor-active);\n}\n\n.saltButton-caution.saltButton-transparent {\n --button-text-color: var(--salt-actionable-caution-subtle-foreground);\n --button-text-color-hover: var(--salt-actionable-caution-subtle-foreground-hover);\n --button-text-color-active: var(--salt-actionable-caution-subtle-foreground-active);\n --button-background: var(--salt-actionable-caution-subtle-background);\n --button-background-hover: var(--salt-actionable-caution-subtle-background-hover);\n --button-background-active: var(--salt-actionable-caution-subtle-background-active);\n --button-borderColor: var(--salt-actionable-caution-subtle-borderColor);\n --button-borderColor-hover: var(--salt-actionable-caution-subtle-borderColor-hover);\n --button-borderColor-active: var(--salt-actionable-caution-subtle-borderColor-active);\n}\n\n.saltButton-caution.saltButton-loading {\n --button-text-color: var(--salt-actionable-caution-background);\n --button-text-color-hover: var(--salt-actionable-caution-background);\n --button-text-color-active: var(--salt-actionable-caution-background);\n --button-background: var(--salt-actionable-caution-background);\n --button-background-hover: var(--salt-actionable-caution-background);\n --button-background-active: var(--salt-actionable-caution-background);\n --button-borderColor: var(--salt-actionable-caution-borderColor);\n --button-borderColor-hover: var(--salt-actionable-caution-borderColor);\n --button-borderColor-active: var(--salt-actionable-caution-borderColor);\n cursor: var(--salt-cursor-pending);\n}\n\n.saltButton strong {\n font-weight: var(--salt-text-action-fontWeight-strong);\n}\n\n.saltButton small {\n font-size: inherit;\n font-weight: var(--salt-text-action-fontWeight-small);\n}\n\n.saltButton-spinner {\n position: absolute;\n inset: 0;\n display: flex;\n align-items: center;\n justify-content: center;\n}\n\n.saltButton-sr-only {\n position: fixed;\n top: 0;\n left: 0;\n transform: translate(-100%, -100%);\n}\n";
2
+
3
+ export { css_248z as default };
4
+ //# sourceMappingURL=Button.css.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Button.css.js","sources":["../../../../../../../../node_modules/@salt-ds/core/dist-es/button/Button.css.js"],"sourcesContent":["var css_248z = \".saltButton {\\n --button-borderWidth: var(--salt-size-fixed-100);\\n\\n align-items: var(--saltButton-alignItems, center);\\n appearance: none;\\n background: var(--saltButton-background, var(--button-background));\\n border-color: var(--saltButton-borderColor, var(--button-borderColor, transparent));\\n border-style: var(--saltButton-borderStyle, solid);\\n border-width: var(--saltButton-borderWidth, var(--button-borderWidth));\\n border-radius: var(--saltButton-borderRadius, var(--salt-palette-corner-weak, 0));\\n color: var(--saltButton-text-color, var(--button-text-color));\\n display: inline-flex;\\n gap: var(--salt-spacing-50);\\n justify-content: var(--saltButton-justifyContent, center);\\n font-size: var(--saltButton-fontSize, var(--salt-text-fontSize));\\n font-family: var(--saltButton-fontFamily, var(--salt-text-action-fontFamily));\\n line-height: var(--saltButton-lineHeight, var(--salt-text-lineHeight));\\n letter-spacing: var(--saltButton-letterSpacing, var(--salt-text-action-letterSpacing));\\n text-transform: var(--saltButton-textTransform, var(--salt-text-action-textTransform));\\n padding: 0 var(--saltButton-padding, calc(var(--salt-spacing-100) - var(--saltButton-borderWidth, var(--button-borderWidth))));\\n margin: var(--saltButton-margin, 0);\\n height: var(--saltButton-height, var(--salt-size-base));\\n min-width: var(--saltButton-minWidth, unset);\\n position: relative;\\n text-align: var(--saltButton-textAlign, var(--salt-text-action-textAlign));\\n text-decoration: none;\\n transition: none;\\n width: var(--saltButton-width, auto);\\n -webkit-appearance: none;\\n -webkit-tap-highlight-color: transparent;\\n /* Styles applied to align children*/\\n font-weight: var(--saltButton-fontWeight, var(--salt-text-action-fontWeight));\\n}\\n\\n/* Pseudo-class applied to the root element on focus */\\n.saltButton:focus-visible {\\n outline-style: var(--salt-focused-outlineStyle);\\n outline-width: var(--salt-focused-outlineWidth);\\n outline-color: var(--salt-focused-outlineColor);\\n outline-offset: var(--salt-focused-outlineOffset);\\n background: var(--saltButton-background-hover, var(--button-background-hover));\\n color: var(--saltButton-text-color-hover, var(--button-text-color-hover));\\n border-color: var(--saltButton-borderColor-hover, var(--button-borderColor-hover));\\n}\\n\\n@media (hover: hover) {\\n /* Pseudo-class applied to the root element on hover when Button is not active or disabled */\\n .saltButton:hover {\\n background: var(--saltButton-background-hover, var(--button-background-hover));\\n color: var(--saltButton-text-color-hover, var(--button-text-color-hover));\\n border-color: var(--saltButton-borderColor-hover, var(--button-borderColor-hover));\\n cursor: var(--salt-cursor-hover);\\n }\\n}\\n\\n/* Pseudo-class applied to the root element when Button is active and not disabled */\\n.saltButton.saltButton-active:focus-visible,\\n.saltButton:focus-visible:active,\\n.saltButton:active,\\n.saltButton.saltButton-active {\\n background: var(--saltButton-background-active, var(--button-background-active));\\n color: var(--saltButton-text-color-active, var(--button-text-color-active));\\n border-color: var(--saltButton-borderColor-active, var(--button-borderColor-active));\\n cursor: var(--salt-cursor-active);\\n}\\n\\n/* Styles applied when the button triggers a dialog or menu */\\n.saltButton[aria-expanded=\\\"true\\\"][aria-haspopup=\\\"menu\\\"],\\n.saltButton[aria-expanded=\\\"true\\\"][aria-haspopup=\\\"dialog\\\"] {\\n background: var(--saltButton-background-active, var(--button-background-active));\\n color: var(--saltButton-text-color-active, var(--button-text-color-active));\\n border-color: var(--saltButton-borderColor-active, var(--button-borderColor-active));\\n}\\n\\n/* Pseudo-class applied to the root element if disabled={true} */\\n.saltButton:disabled,\\n.saltButton.saltButton-disabled,\\n.saltButton.saltButton-disabled:active,\\n.saltButton.saltButton-disabled:focus-visible,\\n.saltButton.saltButton-disabled:focus-visible:active,\\n.saltButton.saltButton-disabled:hover {\\n background: var(--saltButton-background-disabled, var(--button-background));\\n color: var(--saltButton-text-color-disabled, var(--button-text-color));\\n cursor: var(--saltButton-cursor-disabled, var(--salt-cursor-disabled));\\n border-color: var(--saltButton-borderColor-disabled, var(--button-borderColor));\\n\\n opacity: 0.4;\\n}\\n\\n.saltButton-accented.saltButton-solid {\\n --button-text-color: var(--salt-actionable-accented-bold-foreground);\\n --button-text-color-hover: var(--salt-actionable-accented-bold-foreground-hover);\\n --button-text-color-active: var(--salt-actionable-accented-bold-foreground-active);\\n --button-background: var(--salt-actionable-accented-bold-background);\\n --button-background-active: var(--salt-actionable-accented-bold-background-active);\\n --button-background-hover: var(--salt-actionable-accented-bold-background-hover);\\n --button-borderColor: var(--salt-actionable-accented-bold-borderColor);\\n --button-borderColor-hover: var(--salt-actionable-accented-bold-borderColor-hover);\\n --button-borderColor-active: var(--salt-actionable-accented-bold-borderColor-active);\\n}\\n\\n.saltButton-accented.saltButton-bordered {\\n --button-text-color: var(--salt-actionable-accented-foreground);\\n --button-text-color-hover: var(--salt-actionable-accented-foreground-hover);\\n --button-text-color-active: var(--salt-actionable-accented-foreground-active);\\n --button-background: var(--salt-actionable-accented-background);\\n --button-background-hover: var(--salt-actionable-accented-background-hover);\\n --button-background-active: var(--salt-actionable-accented-background-active);\\n --button-borderColor: var(--salt-actionable-accented-borderColor);\\n --button-borderColor-hover: var(--salt-actionable-accented-borderColor-hover);\\n --button-borderColor-active: var(--salt-actionable-accented-borderColor-active);\\n}\\n\\n.saltButton-accented.saltButton-transparent {\\n --button-text-color: var(--salt-actionable-accented-subtle-foreground);\\n --button-text-color-hover: var(--salt-actionable-accented-subtle-foreground-hover);\\n --button-text-color-active: var(--salt-actionable-accented-subtle-foreground-active);\\n --button-background: var(--salt-actionable-accented-subtle-background);\\n --button-background-hover: var(--salt-actionable-accented-subtle-background-hover);\\n --button-background-active: var(--salt-actionable-accented-subtle-background-active);\\n --button-borderColor: var(--salt-actionable-accented-subtle-borderColor);\\n --button-borderColor-hover: var(--salt-actionable-accented-subtle-borderColor-hover);\\n --button-borderColor-active: var(--salt-actionable-accented-subtle-borderColor-active);\\n}\\n\\n.saltButton-accented.saltButton-loading {\\n --button-text-color: var(--salt-actionable-accented-background);\\n --button-text-color-hover: var(--salt-actionable-accented-background);\\n --button-text-color-active: var(--salt-actionable-accented-background);\\n --button-background: var(--salt-actionable-accented-background);\\n --button-background-hover: var(--salt-actionable-accented-background);\\n --button-background-active: var(--salt-actionable-accented-background);\\n --button-borderColor: var(--salt-actionable-accented-borderColor);\\n --button-borderColor-hover: var(--salt-actionable-accented-borderColor);\\n --button-borderColor-active: var(--salt-actionable-accented-borderColor);\\n cursor: var(--salt-cursor-pending);\\n}\\n\\n.saltButton-neutral.saltButton-solid {\\n --button-text-color: var(--salt-actionable-bold-foreground);\\n --button-text-color-hover: var(--salt-actionable-bold-foreground-hover);\\n --button-text-color-active: var(--salt-actionable-bold-foreground-active);\\n --button-background: var(--salt-actionable-bold-background);\\n --button-background-hover: var(--salt-actionable-bold-background-hover);\\n --button-background-active: var(--salt-actionable-bold-background-active);\\n --button-borderColor: var(--salt-actionable-bold-borderColor);\\n --button-borderColor-hover: var(--salt-actionable-bold-borderColor-hover);\\n --button-borderColor-active: var(--salt-actionable-bold-borderColor-active);\\n}\\n\\n.saltButton-neutral.saltButton-bordered {\\n --button-text-color: var(--salt-actionable-foreground);\\n --button-text-color-hover: var(--salt-actionable-foreground-hover);\\n --button-text-color-active: var(--salt-actionable-foreground-active);\\n --button-background: var(--salt-actionable-background);\\n --button-background-hover: var(--salt-actionable-background-hover);\\n --button-background-active: var(--salt-actionable-background-active);\\n --button-borderColor: var(--salt-actionable-borderColor);\\n --button-borderColor-hover: var(--salt-actionable-borderColor-hover);\\n --button-borderColor-active: var(--salt-actionable-borderColor-active);\\n}\\n\\n.saltButton-neutral.saltButton-transparent {\\n --button-text-color: var(--salt-actionable-subtle-foreground);\\n --button-text-color-hover: var(--salt-actionable-subtle-foreground-hover);\\n --button-text-color-active: var(--salt-actionable-subtle-foreground-active);\\n --button-background: var(--salt-actionable-subtle-background);\\n --button-background-hover: var(--salt-actionable-subtle-background-hover);\\n --button-background-active: var(--salt-actionable-subtle-background-active);\\n --button-borderColor: var(--salt-actionable-subtle-borderColor);\\n --button-borderColor-hover: var(--salt-actionable-subtle-borderColor-hover);\\n --button-borderColor-active: var(--salt-actionable-subtle-borderColor-active);\\n}\\n\\n.saltButton-neutral.saltButton-loading {\\n --button-text-color: var(--salt-actionable-background);\\n --button-text-color-hover: var(--salt-actionable-background);\\n --button-text-color-active: var(--salt-actionable-background);\\n --button-background: var(--salt-actionable-background);\\n --button-background-hover: var(--salt-actionable-background);\\n --button-background-active: var(--salt-actionable-background);\\n --button-borderColor: var(--salt-actionable-borderColor);\\n --button-borderColor-hover: var(--salt-actionable-borderColor);\\n --button-borderColor-active: var(--salt-actionable-borderColor);\\n cursor: var(--salt-cursor-pending);\\n}\\n\\n.saltButton-negative.saltButton-solid {\\n --button-text-color: var(--salt-actionable-negative-bold-foreground);\\n --button-text-color-hover: var(--salt-actionable-negative-bold-foreground-hover);\\n --button-text-color-active: var(--salt-actionable-negative-bold-foreground-active);\\n --button-background: var(--salt-actionable-negative-bold-background);\\n --button-background-hover: var(--salt-actionable-negative-bold-background-hover);\\n --button-background-active: var(--salt-actionable-negative-bold-background-active);\\n --button-borderColor: var(--salt-actionable-negative-bold-borderColor);\\n --button-borderColor-hover: var(--salt-actionable-negative-bold-borderColor-hover);\\n --button-borderColor-active: var(--salt-actionable-negative-bold-borderColor-active);\\n}\\n\\n.saltButton-negative.saltButton-bordered {\\n --button-text-color: var(--salt-actionable-negative-foreground);\\n --button-text-color-hover: var(--salt-actionable-negative-foreground-hover);\\n --button-text-color-active: var(--salt-actionable-negative-foreground-active);\\n --button-background: var(--salt-actionable-negative-background);\\n --button-background-hover: var(--salt-actionable-negative-background-hover);\\n --button-background-active: var(--salt-actionable-negative-background-active);\\n --button-borderColor: var(--salt-actionable-negative-borderColor);\\n --button-borderColor-hover: var(--salt-actionable-negative-borderColor-hover);\\n --button-borderColor-active: var(--salt-actionable-negative-borderColor-active);\\n}\\n\\n.saltButton-negative.saltButton-transparent {\\n --button-text-color: var(--salt-actionable-negative-subtle-foreground);\\n --button-text-color-hover: var(--salt-actionable-negative-subtle-foreground-hover);\\n --button-text-color-active: var(--salt-actionable-negative-subtle-foreground-active);\\n --button-background: var(--salt-actionable-negative-subtle-background);\\n --button-background-hover: var(--salt-actionable-negative-subtle-background-hover);\\n --button-background-active: var(--salt-actionable-negative-subtle-background-active);\\n --button-borderColor: var(--salt-actionable-negative-subtle-borderColor);\\n --button-borderColor-hover: var(--salt-actionable-negative-subtle-borderColor-hover);\\n --button-borderColor-active: var(--salt-actionable-negative-subtle-borderColor-active);\\n}\\n\\n.saltButton-negative.saltButton-loading {\\n --button-text-color: var(--salt-actionable-negative-background);\\n --button-text-color-hover: var(--salt-actionable-negative-background);\\n --button-text-color-active: var(--salt-actionable-negative-background);\\n --button-background: var(--salt-actionable-negative-background);\\n --button-background-hover: var(--salt-actionable-negative-background);\\n --button-background-active: var(--salt-actionable-negative-background);\\n --button-borderColor: var(--salt-actionable-negative-borderColor);\\n --button-borderColor-hover: var(--salt-actionable-negative-borderColor);\\n --button-borderColor-active: var(--salt-actionable-negative-borderColor);\\n cursor: var(--salt-cursor-pending);\\n}\\n\\n.saltButton-positive.saltButton-solid {\\n --button-text-color: var(--salt-actionable-positive-bold-foreground);\\n --button-text-color-hover: var(--salt-actionable-positive-bold-foreground-hover);\\n --button-text-color-active: var(--salt-actionable-positive-bold-foreground-active);\\n --button-background: var(--salt-actionable-positive-bold-background);\\n --button-background-hover: var(--salt-actionable-positive-bold-background-hover);\\n --button-background-active: var(--salt-actionable-positive-bold-background-active);\\n --button-borderColor: var(--salt-actionable-positive-bold-borderColor);\\n --button-borderColor-hover: var(--salt-actionable-positive-bold-borderColor-hover);\\n --button-borderColor-active: var(--salt-actionable-positive-bold-borderColor-active);\\n}\\n\\n.saltButton-positive.saltButton-bordered {\\n --button-text-color: var(--salt-actionable-positive-foreground);\\n --button-text-color-hover: var(--salt-actionable-positive-foreground-hover);\\n --button-text-color-active: var(--salt-actionable-positive-foreground-active);\\n --button-background: var(--salt-actionable-positive-background);\\n --button-background-hover: var(--salt-actionable-positive-background-hover);\\n --button-background-active: var(--salt-actionable-positive-background-active);\\n --button-borderColor: var(--salt-actionable-positive-borderColor);\\n --button-borderColor-hover: var(--salt-actionable-positive-borderColor-hover);\\n --button-borderColor-active: var(--salt-actionable-positive-borderColor-active);\\n}\\n\\n.saltButton-positive.saltButton-transparent {\\n --button-text-color: var(--salt-actionable-positive-subtle-foreground);\\n --button-text-color-hover: var(--salt-actionable-positive-subtle-foreground-hover);\\n --button-text-color-active: var(--salt-actionable-positive-subtle-foreground-active);\\n --button-background: var(--salt-actionable-positive-subtle-background);\\n --button-background-hover: var(--salt-actionable-positive-subtle-background-hover);\\n --button-background-active: var(--salt-actionable-positive-subtle-background-active);\\n --button-borderColor: var(--salt-actionable-positive-subtle-borderColor);\\n --button-borderColor-hover: var(--salt-actionable-positive-subtle-borderColor-hover);\\n --button-borderColor-active: var(--salt-actionable-positive-subtle-borderColor-active);\\n}\\n\\n.saltButton-positive.saltButton-loading {\\n --button-text-color: var(--salt-actionable-positive-background);\\n --button-text-color-hover: var(--salt-actionable-positive-background);\\n --button-text-color-active: var(--salt-actionable-positive-background);\\n --button-background: var(--salt-actionable-positive-background);\\n --button-background-hover: var(--salt-actionable-positive-background);\\n --button-background-active: var(--salt-actionable-positive-background);\\n --button-borderColor: var(--salt-actionable-positive-borderColor);\\n --button-borderColor-hover: var(--salt-actionable-positive-borderColor);\\n --button-borderColor-active: var(--salt-actionable-positive-borderColor);\\n cursor: var(--salt-cursor-pending);\\n}\\n\\n.saltButton-caution.saltButton-solid {\\n --button-text-color: var(--salt-actionable-caution-bold-foreground);\\n --button-text-color-hover: var(--salt-actionable-caution-bold-foreground-hover);\\n --button-text-color-active: var(--salt-actionable-caution-bold-foreground-active);\\n --button-background: var(--salt-actionable-caution-bold-background);\\n --button-background-hover: var(--salt-actionable-caution-bold-background-hover);\\n --button-background-active: var(--salt-actionable-caution-bold-background-active);\\n --button-borderColor: var(--salt-actionable-caution-bold-borderColor);\\n --button-borderColor-hover: var(--salt-actionable-caution-bold-borderColor-hover);\\n --button-borderColor-active: var(--salt-actionable-caution-bold-borderColor-active);\\n}\\n\\n.saltButton-caution.saltButton-bordered {\\n --button-text-color: var(--salt-actionable-caution-foreground);\\n --button-text-color-hover: var(--salt-actionable-caution-foreground-hover);\\n --button-text-color-active: var(--salt-actionable-caution-foreground-active);\\n --button-background: var(--salt-actionable-caution-background);\\n --button-background-hover: var(--salt-actionable-caution-background-hover);\\n --button-background-active: var(--salt-actionable-caution-background-active);\\n --button-borderColor: var(--salt-actionable-caution-borderColor);\\n --button-borderColor-hover: var(--salt-actionable-caution-borderColor-hover);\\n --button-borderColor-active: var(--salt-actionable-caution-borderColor-active);\\n}\\n\\n.saltButton-caution.saltButton-transparent {\\n --button-text-color: var(--salt-actionable-caution-subtle-foreground);\\n --button-text-color-hover: var(--salt-actionable-caution-subtle-foreground-hover);\\n --button-text-color-active: var(--salt-actionable-caution-subtle-foreground-active);\\n --button-background: var(--salt-actionable-caution-subtle-background);\\n --button-background-hover: var(--salt-actionable-caution-subtle-background-hover);\\n --button-background-active: var(--salt-actionable-caution-subtle-background-active);\\n --button-borderColor: var(--salt-actionable-caution-subtle-borderColor);\\n --button-borderColor-hover: var(--salt-actionable-caution-subtle-borderColor-hover);\\n --button-borderColor-active: var(--salt-actionable-caution-subtle-borderColor-active);\\n}\\n\\n.saltButton-caution.saltButton-loading {\\n --button-text-color: var(--salt-actionable-caution-background);\\n --button-text-color-hover: var(--salt-actionable-caution-background);\\n --button-text-color-active: var(--salt-actionable-caution-background);\\n --button-background: var(--salt-actionable-caution-background);\\n --button-background-hover: var(--salt-actionable-caution-background);\\n --button-background-active: var(--salt-actionable-caution-background);\\n --button-borderColor: var(--salt-actionable-caution-borderColor);\\n --button-borderColor-hover: var(--salt-actionable-caution-borderColor);\\n --button-borderColor-active: var(--salt-actionable-caution-borderColor);\\n cursor: var(--salt-cursor-pending);\\n}\\n\\n.saltButton strong {\\n font-weight: var(--salt-text-action-fontWeight-strong);\\n}\\n\\n.saltButton small {\\n font-size: inherit;\\n font-weight: var(--salt-text-action-fontWeight-small);\\n}\\n\\n.saltButton-spinner {\\n position: absolute;\\n inset: 0;\\n display: flex;\\n align-items: center;\\n justify-content: center;\\n}\\n\\n.saltButton-sr-only {\\n position: fixed;\\n top: 0;\\n left: 0;\\n transform: translate(-100%, -100%);\\n}\\n\";\n\nexport { css_248z as default };\n//# sourceMappingURL=Button.css.js.map\n"],"names":[],"mappings":"AAAG,IAAC,QAAQ,GAAG;;;;","x_google_ignoreList":[0]}
@@ -0,0 +1,94 @@
1
+ import { jsxs, jsx } from 'react/jsx-runtime';
2
+ import { clsx } from 'clsx';
3
+ import { forwardRef } from 'react';
4
+ import { Spinner } from '../spinner/Spinner.js';
5
+ import { makePrefixer } from '../utils/makePrefixer.js';
6
+ import '../utils/useFloatingUI/useFloatingUI.js';
7
+ import '../utils/useId.js';
8
+ import '../salt-provider/SaltProvider.js';
9
+ import '../viewport/ViewportProvider.js';
10
+ import css_248z from './Button.css.js';
11
+ import { useButton } from './useButton.js';
12
+ import { useWindow } from '../../../window/dist-es/WindowProvider.js';
13
+ import { useComponentCssInjection } from '../../../styles/dist-es/use-style-injection/useStyleInjection.js';
14
+
15
+ const withBaseName = makePrefixer("saltButton");
16
+ function variantToAppearanceAndColor(variant) {
17
+ switch (variant) {
18
+ case "primary":
19
+ return { appearance: "solid", sentiment: "neutral" };
20
+ case "secondary":
21
+ return { appearance: "transparent", sentiment: "neutral" };
22
+ case "cta":
23
+ return { appearance: "solid", sentiment: "accented" };
24
+ }
25
+ }
26
+ const Button = forwardRef(
27
+ function Button2({
28
+ children,
29
+ className,
30
+ disabled,
31
+ focusableWhenDisabled,
32
+ onKeyUp,
33
+ onKeyDown,
34
+ onBlur,
35
+ onClick,
36
+ loading,
37
+ loadingAnnouncement,
38
+ appearance: appearanceProp,
39
+ sentiment: sentimentProp,
40
+ type: typeProp = "button",
41
+ variant = "primary",
42
+ ...restProps
43
+ }, ref) {
44
+ const { active, buttonProps } = useButton({
45
+ loading,
46
+ disabled,
47
+ focusableWhenDisabled,
48
+ onKeyUp,
49
+ onKeyDown,
50
+ onBlur,
51
+ onClick
52
+ });
53
+ const targetWindow = useWindow();
54
+ useComponentCssInjection({
55
+ testId: "salt-button",
56
+ css: css_248z,
57
+ window: targetWindow
58
+ });
59
+ const mapped = variantToAppearanceAndColor(variant);
60
+ const appearance = appearanceProp ?? (mapped == null ? void 0 : mapped.appearance) ?? "solid";
61
+ const sentiment = sentimentProp ?? (mapped == null ? void 0 : mapped.sentiment) ?? "neutral";
62
+ const { tabIndex, ...restButtonProps } = buttonProps;
63
+ const type = typeProp === "submit" && loading ? "button" : typeProp;
64
+ return /* @__PURE__ */ jsxs(
65
+ "button",
66
+ {
67
+ ...restButtonProps,
68
+ className: clsx(
69
+ withBaseName(),
70
+ withBaseName(variant),
71
+ {
72
+ [withBaseName("loading")]: loading,
73
+ [withBaseName("disabled")]: disabled,
74
+ [withBaseName("active")]: active,
75
+ [withBaseName(appearance)]: appearance,
76
+ [withBaseName(sentiment)]: sentiment
77
+ },
78
+ className
79
+ ),
80
+ ...restProps,
81
+ ref,
82
+ type,
83
+ children: [
84
+ loading && /* @__PURE__ */ jsx("div", { className: withBaseName("spinner"), "aria-hidden": true, children: /* @__PURE__ */ jsx(Spinner, { size: "small", "aria-hidden": true, disableAnnouncer: true }) }),
85
+ typeof loadingAnnouncement === "string" && /* @__PURE__ */ jsx("span", { role: "status", className: withBaseName("sr-only"), children: loadingAnnouncement }),
86
+ children
87
+ ]
88
+ }
89
+ );
90
+ }
91
+ );
92
+
93
+ export { Button };
94
+ //# sourceMappingURL=Button.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Button.js","sources":["../../../../../../../../node_modules/@salt-ds/core/dist-es/button/Button.js"],"sourcesContent":["import { jsxs, jsx } from 'react/jsx-runtime';\nimport { useComponentCssInjection } from '@salt-ds/styles';\nimport { useWindow } from '@salt-ds/window';\nimport { clsx } from 'clsx';\nimport { forwardRef } from 'react';\nimport { Spinner } from '../spinner/Spinner.js';\nimport { makePrefixer } from '../utils/makePrefixer.js';\nimport '../utils/useFloatingUI/useFloatingUI.js';\nimport '../utils/useId.js';\nimport '../salt-provider/SaltProvider.js';\nimport '../viewport/ViewportProvider.js';\nimport css_248z from './Button.css.js';\nimport { useButton } from './useButton.js';\n\nconst withBaseName = makePrefixer(\"saltButton\");\nconst ButtonVariantValues = [\"primary\", \"secondary\", \"cta\"];\nconst ButtonAppearanceValues = [\n \"solid\",\n \"bordered\",\n \"transparent\"\n];\nconst ButtonSentimentValues = [\n \"accented\",\n \"neutral\",\n \"positive\",\n \"negative\",\n \"caution\"\n];\nfunction variantToAppearanceAndColor(variant) {\n switch (variant) {\n case \"primary\":\n return { appearance: \"solid\", sentiment: \"neutral\" };\n case \"secondary\":\n return { appearance: \"transparent\", sentiment: \"neutral\" };\n case \"cta\":\n return { appearance: \"solid\", sentiment: \"accented\" };\n }\n}\nconst Button = forwardRef(\n function Button2({\n children,\n className,\n disabled,\n focusableWhenDisabled,\n onKeyUp,\n onKeyDown,\n onBlur,\n onClick,\n loading,\n loadingAnnouncement,\n appearance: appearanceProp,\n sentiment: sentimentProp,\n type: typeProp = \"button\",\n variant = \"primary\",\n ...restProps\n }, ref) {\n const { active, buttonProps } = useButton({\n loading,\n disabled,\n focusableWhenDisabled,\n onKeyUp,\n onKeyDown,\n onBlur,\n onClick\n });\n const targetWindow = useWindow();\n useComponentCssInjection({\n testId: \"salt-button\",\n css: css_248z,\n window: targetWindow\n });\n const mapped = variantToAppearanceAndColor(variant);\n const appearance = appearanceProp ?? (mapped == null ? void 0 : mapped.appearance) ?? \"solid\";\n const sentiment = sentimentProp ?? (mapped == null ? void 0 : mapped.sentiment) ?? \"neutral\";\n const { tabIndex, ...restButtonProps } = buttonProps;\n const type = typeProp === \"submit\" && loading ? \"button\" : typeProp;\n return /* @__PURE__ */ jsxs(\n \"button\",\n {\n ...restButtonProps,\n className: clsx(\n withBaseName(),\n withBaseName(variant),\n {\n [withBaseName(\"loading\")]: loading,\n [withBaseName(\"disabled\")]: disabled,\n [withBaseName(\"active\")]: active,\n [withBaseName(appearance)]: appearance,\n [withBaseName(sentiment)]: sentiment\n },\n className\n ),\n ...restProps,\n ref,\n type,\n children: [\n loading && /* @__PURE__ */ jsx(\"div\", { className: withBaseName(\"spinner\"), \"aria-hidden\": true, children: /* @__PURE__ */ jsx(Spinner, { size: \"small\", \"aria-hidden\": true, disableAnnouncer: true }) }),\n typeof loadingAnnouncement === \"string\" && /* @__PURE__ */ jsx(\"span\", { role: \"status\", className: withBaseName(\"sr-only\"), children: loadingAnnouncement }),\n children\n ]\n }\n );\n }\n);\n\nexport { Button, ButtonAppearanceValues, ButtonSentimentValues, ButtonVariantValues };\n//# sourceMappingURL=Button.js.map\n"],"names":[],"mappings":"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","x_google_ignoreList":[0]}
@@ -0,0 +1,63 @@
1
+ import { useState, useEffect } from 'react';
2
+
3
+ const useButton = ({
4
+ loading,
5
+ disabled,
6
+ focusableWhenDisabled,
7
+ onKeyUp,
8
+ onKeyDown,
9
+ onClick,
10
+ onBlur
11
+ }) => {
12
+ const [keyIsDown, setKeyIsDown] = useState("");
13
+ const [active, setActive] = useState(false);
14
+ const enter = "Enter";
15
+ const space = " ";
16
+ useEffect(() => {
17
+ const t = setTimeout(() => {
18
+ if (keyIsDown !== enter && keyIsDown !== space) {
19
+ setActive(false);
20
+ }
21
+ }, 0);
22
+ return () => {
23
+ clearTimeout(t);
24
+ };
25
+ }, [active, keyIsDown]);
26
+ const handleKeyUp = (event) => {
27
+ setKeyIsDown("");
28
+ setActive(false);
29
+ onKeyUp == null ? void 0 : onKeyUp(event);
30
+ };
31
+ const handleClick = (event) => {
32
+ setActive(true);
33
+ onClick == null ? void 0 : onClick(event);
34
+ };
35
+ const handleBlur = (event) => {
36
+ setActive(false);
37
+ onBlur == null ? void 0 : onBlur(event);
38
+ };
39
+ const handleKeyDown = (event) => {
40
+ if (event.key === enter || event.key === space) {
41
+ setKeyIsDown(event.key);
42
+ setActive(true);
43
+ }
44
+ onKeyDown == null ? void 0 : onKeyDown(event);
45
+ };
46
+ const buttonProps = {
47
+ "aria-disabled": disabled && focusableWhenDisabled ? true : void 0,
48
+ "data-loading": loading,
49
+ disabled: disabled && !focusableWhenDisabled,
50
+ tabIndex: disabled && !focusableWhenDisabled ? -1 : 0,
51
+ onBlur: handleBlur,
52
+ onClick: !loading && !disabled ? handleClick : void 0,
53
+ onKeyDown: handleKeyDown,
54
+ onKeyUp: handleKeyUp
55
+ };
56
+ return {
57
+ active,
58
+ buttonProps
59
+ };
60
+ };
61
+
62
+ export { useButton };
63
+ //# sourceMappingURL=useButton.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"useButton.js","sources":["../../../../../../../../node_modules/@salt-ds/core/dist-es/button/useButton.js"],"sourcesContent":["import { useState, useEffect } from 'react';\n\nconst useButton = ({\n loading,\n disabled,\n focusableWhenDisabled,\n onKeyUp,\n onKeyDown,\n onClick,\n onBlur\n}) => {\n const [keyIsDown, setKeyIsDown] = useState(\"\");\n const [active, setActive] = useState(false);\n const enter = \"Enter\";\n const space = \" \";\n useEffect(() => {\n const t = setTimeout(() => {\n if (keyIsDown !== enter && keyIsDown !== space) {\n setActive(false);\n }\n }, 0);\n return () => {\n clearTimeout(t);\n };\n }, [active, keyIsDown]);\n const handleKeyUp = (event) => {\n setKeyIsDown(\"\");\n setActive(false);\n onKeyUp == null ? void 0 : onKeyUp(event);\n };\n const handleClick = (event) => {\n setActive(true);\n onClick == null ? void 0 : onClick(event);\n };\n const handleBlur = (event) => {\n setActive(false);\n onBlur == null ? void 0 : onBlur(event);\n };\n const handleKeyDown = (event) => {\n if (event.key === enter || event.key === space) {\n setKeyIsDown(event.key);\n setActive(true);\n }\n onKeyDown == null ? void 0 : onKeyDown(event);\n };\n const buttonProps = {\n \"aria-disabled\": disabled && focusableWhenDisabled ? true : void 0,\n \"data-loading\": loading,\n disabled: disabled && !focusableWhenDisabled,\n tabIndex: disabled && !focusableWhenDisabled ? -1 : 0,\n onBlur: handleBlur,\n onClick: !loading && !disabled ? handleClick : void 0,\n onKeyDown: handleKeyDown,\n onKeyUp: handleKeyUp\n };\n return {\n active,\n buttonProps\n };\n};\n\nexport { useButton };\n//# sourceMappingURL=useButton.js.map\n"],"names":[],"mappings":";;AAEK,MAAC,SAAS,GAAG,CAAC;AACnB,EAAE,OAAO;AACT,EAAE,QAAQ;AACV,EAAE,qBAAqB;AACvB,EAAE,OAAO;AACT,EAAE,SAAS;AACX,EAAE,OAAO;AACT,EAAE;AACF,CAAC,KAAK;AACN,EAAE,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,QAAQ,CAAC,EAAE,CAAC;AAChD,EAAE,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC;AAC7C,EAAE,MAAM,KAAK,GAAG,OAAO;AACvB,EAAE,MAAM,KAAK,GAAG,GAAG;AACnB,EAAE,SAAS,CAAC,MAAM;AAClB,IAAI,MAAM,CAAC,GAAG,UAAU,CAAC,MAAM;AAC/B,MAAM,IAAI,SAAS,KAAK,KAAK,IAAI,SAAS,KAAK,KAAK,EAAE;AACtD,QAAQ,SAAS,CAAC,KAAK,CAAC;AACxB;AACA,KAAK,EAAE,CAAC,CAAC;AACT,IAAI,OAAO,MAAM;AACjB,MAAM,YAAY,CAAC,CAAC,CAAC;AACrB,KAAK;AACL,GAAG,EAAE,CAAC,MAAM,EAAE,SAAS,CAAC,CAAC;AACzB,EAAE,MAAM,WAAW,GAAG,CAAC,KAAK,KAAK;AACjC,IAAI,YAAY,CAAC,EAAE,CAAC;AACpB,IAAI,SAAS,CAAC,KAAK,CAAC;AACpB,IAAI,OAAO,IAAI,IAAI,GAAG,KAAK,CAAC,GAAG,OAAO,CAAC,KAAK,CAAC;AAC7C,GAAG;AACH,EAAE,MAAM,WAAW,GAAG,CAAC,KAAK,KAAK;AACjC,IAAI,SAAS,CAAC,IAAI,CAAC;AACnB,IAAI,OAAO,IAAI,IAAI,GAAG,KAAK,CAAC,GAAG,OAAO,CAAC,KAAK,CAAC;AAC7C,GAAG;AACH,EAAE,MAAM,UAAU,GAAG,CAAC,KAAK,KAAK;AAChC,IAAI,SAAS,CAAC,KAAK,CAAC;AACpB,IAAI,MAAM,IAAI,IAAI,GAAG,KAAK,CAAC,GAAG,MAAM,CAAC,KAAK,CAAC;AAC3C,GAAG;AACH,EAAE,MAAM,aAAa,GAAG,CAAC,KAAK,KAAK;AACnC,IAAI,IAAI,KAAK,CAAC,GAAG,KAAK,KAAK,IAAI,KAAK,CAAC,GAAG,KAAK,KAAK,EAAE;AACpD,MAAM,YAAY,CAAC,KAAK,CAAC,GAAG,CAAC;AAC7B,MAAM,SAAS,CAAC,IAAI,CAAC;AACrB;AACA,IAAI,SAAS,IAAI,IAAI,GAAG,KAAK,CAAC,GAAG,SAAS,CAAC,KAAK,CAAC;AACjD,GAAG;AACH,EAAE,MAAM,WAAW,GAAG;AACtB,IAAI,eAAe,EAAE,QAAQ,IAAI,qBAAqB,GAAG,IAAI,GAAG,KAAK,CAAC;AACtE,IAAI,cAAc,EAAE,OAAO;AAC3B,IAAI,QAAQ,EAAE,QAAQ,IAAI,CAAC,qBAAqB;AAChD,IAAI,QAAQ,EAAE,QAAQ,IAAI,CAAC,qBAAqB,GAAG,CAAC,CAAC,GAAG,CAAC;AACzD,IAAI,MAAM,EAAE,UAAU;AACtB,IAAI,OAAO,EAAE,CAAC,OAAO,IAAI,CAAC,QAAQ,GAAG,WAAW,GAAG,KAAK,CAAC;AACzD,IAAI,SAAS,EAAE,aAAa;AAC5B,IAAI,OAAO,EAAE;AACb,GAAG;AACH,EAAE,OAAO;AACT,IAAI,MAAM;AACV,IAAI;AACJ,GAAG;AACH;;;;","x_google_ignoreList":[0]}
@@ -0,0 +1,9 @@
1
+ import { createContext } from '../utils/createContext.js';
2
+
3
+ const ProviderContext = createContext(
4
+ "ProviderContext",
5
+ null
6
+ );
7
+
8
+ export { ProviderContext };
9
+ //# sourceMappingURL=ProviderContext.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"ProviderContext.js","sources":["../../../../../../../../node_modules/@salt-ds/core/dist-es/salt-provider/ProviderContext.js"],"sourcesContent":["import { createContext } from '../utils/createContext.js';\n\nconst ProviderContext = createContext(\n \"ProviderContext\",\n null\n);\n\nexport { ProviderContext };\n//# sourceMappingURL=ProviderContext.js.map\n"],"names":[],"mappings":";;AAEK,MAAC,eAAe,GAAG,aAAa;AACrC,EAAE,iBAAiB;AACnB,EAAE;AACF;;;;","x_google_ignoreList":[0]}
@@ -0,0 +1,4 @@
1
+ var css_248z = ".salt-provider {\n display: contents;\n}\n";
2
+
3
+ export { css_248z as default };
4
+ //# sourceMappingURL=SaltProvider.css.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"SaltProvider.css.js","sources":["../../../../../../../../node_modules/@salt-ds/core/dist-es/salt-provider/SaltProvider.css.js"],"sourcesContent":["var css_248z = \".salt-provider {\\n display: contents;\\n}\\n\";\n\nexport { css_248z as default };\n//# sourceMappingURL=SaltProvider.css.js.map\n"],"names":[],"mappings":"AAAG,IAAC,QAAQ,GAAG;;;;","x_google_ignoreList":[0]}
@@ -0,0 +1,151 @@
1
+ import { jsx } from 'react/jsx-runtime';
2
+ import { clsx } from 'clsx';
3
+ import { createContext, useContext, useMemo } from 'react';
4
+ import '../aria-announcer/AriaAnnouncerContext.js';
5
+ import { AriaAnnouncerProvider } from '../aria-announcer/AriaAnnouncerProvider.js';
6
+ import { useMatchedBreakpoints, BreakpointProvider } from '../breakpoints/BreakpointProvider.js';
7
+ import { DEFAULT_BREAKPOINTS } from '../breakpoints/Breakpoints.js';
8
+ import { ViewportProvider } from '../viewport/ViewportProvider.js';
9
+ import { ProviderContext } from './ProviderContext.js';
10
+ import css_248z from './SaltProvider.css.js';
11
+ import { ThemeApplicator } from './ThemeApplicator.js';
12
+ import { StyleInjectionProvider } from '../../../styles/dist-es/style-injection-provider/index.js';
13
+ import { useWindow } from '../../../window/dist-es/WindowProvider.js';
14
+ import { useComponentCssInjection } from '../../../styles/dist-es/use-style-injection/useStyleInjection.js';
15
+
16
+ const DEFAULT_DENSITY = "medium";
17
+ const DEFAULT_THEME_NAME = "salt-theme";
18
+ const DEFAULT_THEME_NAME_NEXT = "salt-theme-next";
19
+ const DEFAULT_MODE = "light";
20
+ const DEFAULT_CORNER = "sharp";
21
+ const DEFAULT_HEADING_FONT = "Open Sans";
22
+ const DEFAULT_ACCENT = "blue";
23
+ const DEFAULT_ACTION_FONT = "Open Sans";
24
+ const DensityContext = createContext(DEFAULT_DENSITY);
25
+ const ThemeContext = createContext({
26
+ theme: "",
27
+ mode: DEFAULT_MODE,
28
+ themeNext: false,
29
+ corner: DEFAULT_CORNER,
30
+ UNSTABLE_corner: DEFAULT_CORNER,
31
+ headingFont: DEFAULT_HEADING_FONT,
32
+ UNSTABLE_headingFont: DEFAULT_HEADING_FONT,
33
+ accent: DEFAULT_ACCENT,
34
+ UNSTABLE_accent: DEFAULT_ACCENT,
35
+ actionFont: DEFAULT_ACTION_FONT,
36
+ UNSTABLE_actionFont: DEFAULT_ACTION_FONT
37
+ });
38
+ const BreakpointContext = createContext(DEFAULT_BREAKPOINTS);
39
+ function InternalSaltProvider({
40
+ applyClassesTo: applyClassesToProp,
41
+ children,
42
+ density: densityProp,
43
+ theme: themeProp,
44
+ mode: modeProp,
45
+ breakpoints: breakpointsProp,
46
+ themeNext,
47
+ corner: cornerProp,
48
+ headingFont: headingFontProp,
49
+ accent: accentProp,
50
+ actionFont: actionFontProp
51
+ }) {
52
+ const prevProvider = useContext(ProviderContext);
53
+ const inheritedDensity = useContext(DensityContext);
54
+ const {
55
+ theme: inheritedTheme,
56
+ mode: inheritedMode,
57
+ corner: inheritedCorner,
58
+ headingFont: inheritedHeadingFont,
59
+ accent: inheritedAccent,
60
+ actionFont: inheritedActionFont
61
+ } = useContext(ThemeContext);
62
+ const isRootProvider = prevProvider === null;
63
+ const density = densityProp ?? inheritedDensity ?? DEFAULT_DENSITY;
64
+ const inheritedThemeName = inheritedTheme === "" ? DEFAULT_THEME_NAME : inheritedTheme;
65
+ const themeName = themeProp ?? inheritedThemeName;
66
+ const mode = modeProp ?? inheritedMode;
67
+ const breakpoints = breakpointsProp ?? DEFAULT_BREAKPOINTS;
68
+ const corner = cornerProp ?? inheritedCorner ?? DEFAULT_CORNER;
69
+ const headingFont = headingFontProp ?? inheritedHeadingFont ?? DEFAULT_HEADING_FONT;
70
+ const accent = accentProp ?? inheritedAccent ?? DEFAULT_ACCENT;
71
+ const actionFont = actionFontProp ?? inheritedActionFont ?? DEFAULT_ACTION_FONT;
72
+ const targetWindow = useWindow();
73
+ useComponentCssInjection({
74
+ testId: "salt-provider",
75
+ css: css_248z,
76
+ window: targetWindow
77
+ });
78
+ const themeContextValue = useMemo(
79
+ () => ({
80
+ theme: themeName,
81
+ mode,
82
+ window: targetWindow,
83
+ themeNext: Boolean(themeNext),
84
+ corner,
85
+ headingFont,
86
+ accent,
87
+ actionFont,
88
+ // Backward compatibility
89
+ UNSTABLE_corner: corner,
90
+ UNSTABLE_headingFont: headingFont,
91
+ UNSTABLE_accent: accent,
92
+ UNSTABLE_actionFont: actionFont
93
+ }),
94
+ [
95
+ themeName,
96
+ mode,
97
+ targetWindow,
98
+ themeNext,
99
+ corner,
100
+ headingFont,
101
+ accent,
102
+ actionFont
103
+ ]
104
+ );
105
+ const matchedBreakpoints = useMatchedBreakpoints(breakpoints);
106
+ const saltProvider = /* @__PURE__ */ jsx(ProviderContext.Provider, { value: { targetWindow }, children: /* @__PURE__ */ jsx(DensityContext.Provider, { value: density, children: /* @__PURE__ */ jsx(ThemeContext.Provider, { value: themeContextValue, children: /* @__PURE__ */ jsx(BreakpointProvider, { matchedBreakpoints, children: /* @__PURE__ */ jsx(BreakpointContext.Provider, { value: breakpoints, children: /* @__PURE__ */ jsx(ViewportProvider, { children: /* @__PURE__ */ jsx(
107
+ ThemeApplicator,
108
+ {
109
+ applyClassesTo: applyClassesToProp ?? (isRootProvider ? "root" : "scope"),
110
+ density,
111
+ theme: clsx(
112
+ DEFAULT_THEME_NAME,
113
+ { [DEFAULT_THEME_NAME_NEXT]: themeNext },
114
+ themeName
115
+ ),
116
+ mode,
117
+ accent: themeNext ? accent : void 0,
118
+ actionFont: themeNext ? actionFont : void 0,
119
+ headingFont: themeNext ? headingFont : void 0,
120
+ corner: themeNext ? corner : void 0,
121
+ children
122
+ }
123
+ ) }) }) }) }) }) });
124
+ if (isRootProvider) {
125
+ return /* @__PURE__ */ jsx(AriaAnnouncerProvider, { children: saltProvider });
126
+ }
127
+ return saltProvider;
128
+ }
129
+ function SaltProvider({
130
+ enableStyleInjection,
131
+ ...restProps
132
+ }) {
133
+ return /* @__PURE__ */ jsx(StyleInjectionProvider, { value: enableStyleInjection, children: /* @__PURE__ */ jsx(InternalSaltProvider, { ...restProps }) });
134
+ }
135
+ function SaltProviderNext({
136
+ enableStyleInjection,
137
+ ...restProps
138
+ }) {
139
+ return /* @__PURE__ */ jsx(StyleInjectionProvider, { value: enableStyleInjection, children: /* @__PURE__ */ jsx(InternalSaltProvider, { ...restProps, themeNext: true }) });
140
+ }
141
+ const useTheme = () => {
142
+ const { window: _window, ...contextWithoutWindow } = useContext(ThemeContext);
143
+ return contextWithoutWindow;
144
+ };
145
+ function useDensity(density) {
146
+ const densityFromContext = useContext(DensityContext);
147
+ return densityFromContext ?? DEFAULT_DENSITY;
148
+ }
149
+
150
+ export { BreakpointContext, DEFAULT_DENSITY, DensityContext, SaltProvider, SaltProviderNext, ThemeContext, useDensity, useTheme };
151
+ //# sourceMappingURL=SaltProvider.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"SaltProvider.js","sources":["../../../../../../../../node_modules/@salt-ds/core/dist-es/salt-provider/SaltProvider.js"],"sourcesContent":["import { jsx } from 'react/jsx-runtime';\nimport { StyleInjectionProvider, useComponentCssInjection } from '@salt-ds/styles';\nimport { useWindow } from '@salt-ds/window';\nimport { clsx } from 'clsx';\nimport { createContext, useContext, useMemo } from 'react';\nimport '../aria-announcer/AriaAnnouncerContext.js';\nimport { AriaAnnouncerProvider } from '../aria-announcer/AriaAnnouncerProvider.js';\nimport { useMatchedBreakpoints, BreakpointProvider } from '../breakpoints/BreakpointProvider.js';\nimport { DEFAULT_BREAKPOINTS } from '../breakpoints/Breakpoints.js';\nimport { ViewportProvider } from '../viewport/ViewportProvider.js';\nimport { ProviderContext } from './ProviderContext.js';\nimport css_248z from './SaltProvider.css.js';\nimport { ThemeApplicator } from './ThemeApplicator.js';\n\nconst DEFAULT_DENSITY = \"medium\";\nconst DEFAULT_THEME_NAME = \"salt-theme\";\nconst DEFAULT_THEME_NAME_NEXT = \"salt-theme-next\";\nconst DEFAULT_MODE = \"light\";\nconst DEFAULT_CORNER = \"sharp\";\nconst DEFAULT_HEADING_FONT = \"Open Sans\";\nconst DEFAULT_ACCENT = \"blue\";\nconst DEFAULT_ACTION_FONT = \"Open Sans\";\nconst DensityContext = createContext(DEFAULT_DENSITY);\nconst ThemeContext = createContext({\n theme: \"\",\n mode: DEFAULT_MODE,\n themeNext: false,\n corner: DEFAULT_CORNER,\n UNSTABLE_corner: DEFAULT_CORNER,\n headingFont: DEFAULT_HEADING_FONT,\n UNSTABLE_headingFont: DEFAULT_HEADING_FONT,\n accent: DEFAULT_ACCENT,\n UNSTABLE_accent: DEFAULT_ACCENT,\n actionFont: DEFAULT_ACTION_FONT,\n UNSTABLE_actionFont: DEFAULT_ACTION_FONT\n});\nconst BreakpointContext = createContext(DEFAULT_BREAKPOINTS);\nfunction InternalSaltProvider({\n applyClassesTo: applyClassesToProp,\n children,\n density: densityProp,\n theme: themeProp,\n mode: modeProp,\n breakpoints: breakpointsProp,\n themeNext,\n corner: cornerProp,\n headingFont: headingFontProp,\n accent: accentProp,\n actionFont: actionFontProp\n}) {\n const prevProvider = useContext(ProviderContext);\n const inheritedDensity = useContext(DensityContext);\n const {\n theme: inheritedTheme,\n mode: inheritedMode,\n corner: inheritedCorner,\n headingFont: inheritedHeadingFont,\n accent: inheritedAccent,\n actionFont: inheritedActionFont\n } = useContext(ThemeContext);\n const isRootProvider = prevProvider === null;\n const density = densityProp ?? inheritedDensity ?? DEFAULT_DENSITY;\n const inheritedThemeName = inheritedTheme === \"\" ? DEFAULT_THEME_NAME : inheritedTheme;\n const themeName = themeProp ?? inheritedThemeName;\n const mode = modeProp ?? inheritedMode;\n const breakpoints = breakpointsProp ?? DEFAULT_BREAKPOINTS;\n const corner = cornerProp ?? inheritedCorner ?? DEFAULT_CORNER;\n const headingFont = headingFontProp ?? inheritedHeadingFont ?? DEFAULT_HEADING_FONT;\n const accent = accentProp ?? inheritedAccent ?? DEFAULT_ACCENT;\n const actionFont = actionFontProp ?? inheritedActionFont ?? DEFAULT_ACTION_FONT;\n const targetWindow = useWindow();\n useComponentCssInjection({\n testId: \"salt-provider\",\n css: css_248z,\n window: targetWindow\n });\n const themeContextValue = useMemo(\n () => ({\n theme: themeName,\n mode,\n window: targetWindow,\n themeNext: Boolean(themeNext),\n corner,\n headingFont,\n accent,\n actionFont,\n // Backward compatibility\n UNSTABLE_corner: corner,\n UNSTABLE_headingFont: headingFont,\n UNSTABLE_accent: accent,\n UNSTABLE_actionFont: actionFont\n }),\n [\n themeName,\n mode,\n targetWindow,\n themeNext,\n corner,\n headingFont,\n accent,\n actionFont\n ]\n );\n const matchedBreakpoints = useMatchedBreakpoints(breakpoints);\n const saltProvider = /* @__PURE__ */ jsx(ProviderContext.Provider, { value: { targetWindow }, children: /* @__PURE__ */ jsx(DensityContext.Provider, { value: density, children: /* @__PURE__ */ jsx(ThemeContext.Provider, { value: themeContextValue, children: /* @__PURE__ */ jsx(BreakpointProvider, { matchedBreakpoints, children: /* @__PURE__ */ jsx(BreakpointContext.Provider, { value: breakpoints, children: /* @__PURE__ */ jsx(ViewportProvider, { children: /* @__PURE__ */ jsx(\n ThemeApplicator,\n {\n applyClassesTo: applyClassesToProp ?? (isRootProvider ? \"root\" : \"scope\"),\n density,\n theme: clsx(\n DEFAULT_THEME_NAME,\n { [DEFAULT_THEME_NAME_NEXT]: themeNext },\n themeName\n ),\n mode,\n accent: themeNext ? accent : void 0,\n actionFont: themeNext ? actionFont : void 0,\n headingFont: themeNext ? headingFont : void 0,\n corner: themeNext ? corner : void 0,\n children\n }\n ) }) }) }) }) }) });\n if (isRootProvider) {\n return /* @__PURE__ */ jsx(AriaAnnouncerProvider, { children: saltProvider });\n }\n return saltProvider;\n}\nfunction SaltProvider({\n enableStyleInjection,\n ...restProps\n}) {\n return /* @__PURE__ */ jsx(StyleInjectionProvider, { value: enableStyleInjection, children: /* @__PURE__ */ jsx(InternalSaltProvider, { ...restProps }) });\n}\nfunction SaltProviderNext({\n enableStyleInjection,\n ...restProps\n}) {\n return /* @__PURE__ */ jsx(StyleInjectionProvider, { value: enableStyleInjection, children: /* @__PURE__ */ jsx(InternalSaltProvider, { ...restProps, themeNext: true }) });\n}\nconst UNSTABLE_SaltProviderNext = SaltProviderNext;\nconst useTheme = () => {\n const { window: _window, ...contextWithoutWindow } = useContext(ThemeContext);\n return contextWithoutWindow;\n};\nfunction useDensity(density) {\n const densityFromContext = useContext(DensityContext);\n return density ?? densityFromContext ?? DEFAULT_DENSITY;\n}\nconst useBreakpoints = () => {\n return useContext(BreakpointContext);\n};\n\nexport { BreakpointContext, DEFAULT_DENSITY, DensityContext, SaltProvider, SaltProviderNext, ThemeContext, UNSTABLE_SaltProviderNext, useBreakpoints, useDensity, useTheme };\n//# sourceMappingURL=SaltProvider.js.map\n"],"names":[],"mappings":"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","x_google_ignoreList":[0]}
@@ -0,0 +1,113 @@
1
+ import { jsx } from 'react/jsx-runtime';
2
+ import { clsx } from 'clsx';
3
+ import { isValidElement, cloneElement } from 'react';
4
+ import { useId } from '../utils/useId.js';
5
+ import { useIsomorphicLayoutEffect } from '../utils/useIsomorphicLayoutEffect.js';
6
+ import { useWindow } from '../../../window/dist-es/WindowProvider.js';
7
+
8
+ const providerSymbol = Symbol.for("salt-provider");
9
+ function ThemeApplicator({
10
+ applyClassesTo,
11
+ children,
12
+ density,
13
+ mode,
14
+ theme,
15
+ corner,
16
+ headingFont,
17
+ accent,
18
+ actionFont
19
+ }) {
20
+ var _a;
21
+ const targetWindow = useWindow();
22
+ const providerId = useId();
23
+ useIsomorphicLayoutEffect(() => {
24
+ if (applyClassesTo !== "root" || !targetWindow || !providerId) return;
25
+ const targetDocument = targetWindow.document;
26
+ if (!targetDocument[providerSymbol]) {
27
+ targetDocument[providerSymbol] = providerId;
28
+ }
29
+ if (providerId !== targetDocument[providerSymbol]) {
30
+ console.warn(
31
+ "Multiple providers targeting the same window. There can be only one level root level SaltProvider per window."
32
+ );
33
+ return;
34
+ }
35
+ const themeNames = theme.split(" ");
36
+ targetDocument.documentElement.classList.add(
37
+ ...themeNames,
38
+ `salt-density-${density}`
39
+ );
40
+ targetDocument.documentElement.dataset.mode = mode;
41
+ if (corner) targetDocument.documentElement.dataset.corner = corner;
42
+ if (headingFont)
43
+ targetDocument.documentElement.dataset.headingFont = headingFont;
44
+ if (accent) targetDocument.documentElement.dataset.accent = accent;
45
+ if (actionFont)
46
+ targetDocument.documentElement.dataset.actionFont = actionFont;
47
+ return () => {
48
+ delete targetDocument[providerSymbol];
49
+ targetDocument.documentElement.classList.remove(
50
+ ...themeNames,
51
+ `salt-density-${density}`
52
+ );
53
+ targetDocument.documentElement.dataset.mode = void 0;
54
+ delete targetDocument.documentElement.dataset.corner;
55
+ delete targetDocument.documentElement.dataset.headingFont;
56
+ delete targetDocument.documentElement.dataset.accent;
57
+ delete targetDocument.documentElement.dataset.actionFont;
58
+ };
59
+ }, [
60
+ providerId,
61
+ applyClassesTo,
62
+ density,
63
+ mode,
64
+ theme,
65
+ targetWindow,
66
+ corner,
67
+ headingFont,
68
+ accent,
69
+ actionFont
70
+ ]);
71
+ const themeNextProps = {
72
+ "data-corner": corner,
73
+ "data-heading-font": headingFont,
74
+ "data-accent": accent,
75
+ "data-action-font": actionFont
76
+ };
77
+ if (applyClassesTo === "child") {
78
+ if (isValidElement(children)) {
79
+ return cloneElement(children, {
80
+ className: clsx(
81
+ (_a = children.props) == null ? void 0 : _a.className,
82
+ theme,
83
+ `salt-density-${density}`
84
+ ),
85
+ // @ts-expect-error
86
+ "data-mode": mode,
87
+ ...themeNextProps
88
+ });
89
+ }
90
+ console.warn(
91
+ `
92
+ SaltProvider can only apply CSS classes for theming to a single nested child element of the SaltProvider.
93
+ Either wrap elements with a single container or consider removing the applyClassesToChild prop, in which case a
94
+ div element will wrap your child elements`
95
+ );
96
+ return children;
97
+ }
98
+ if (applyClassesTo === "scope") {
99
+ return /* @__PURE__ */ jsx(
100
+ "div",
101
+ {
102
+ className: clsx("salt-provider", theme, `salt-density-${density}`),
103
+ "data-mode": mode,
104
+ ...themeNextProps,
105
+ children
106
+ }
107
+ );
108
+ }
109
+ return children;
110
+ }
111
+
112
+ export { ThemeApplicator };
113
+ //# sourceMappingURL=ThemeApplicator.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"ThemeApplicator.js","sources":["../../../../../../../../node_modules/@salt-ds/core/dist-es/salt-provider/ThemeApplicator.js"],"sourcesContent":["import { jsx } from 'react/jsx-runtime';\nimport { useWindow } from '@salt-ds/window';\nimport { clsx } from 'clsx';\nimport { isValidElement, cloneElement } from 'react';\nimport { useId } from '../utils/useId.js';\nimport { useIsomorphicLayoutEffect } from '../utils/useIsomorphicLayoutEffect.js';\n\nconst providerSymbol = Symbol.for(\"salt-provider\");\nfunction ThemeApplicator({\n applyClassesTo,\n children,\n density,\n mode,\n theme,\n corner,\n headingFont,\n accent,\n actionFont\n}) {\n var _a;\n const targetWindow = useWindow();\n const providerId = useId();\n useIsomorphicLayoutEffect(() => {\n if (applyClassesTo !== \"root\" || !targetWindow || !providerId) return;\n const targetDocument = targetWindow.document;\n if (!targetDocument[providerSymbol]) {\n targetDocument[providerSymbol] = providerId;\n }\n if (providerId !== targetDocument[providerSymbol]) {\n console.warn(\n \"Multiple providers targeting the same window. There can be only one level root level SaltProvider per window.\"\n );\n return;\n }\n const themeNames = theme.split(\" \");\n targetDocument.documentElement.classList.add(\n ...themeNames,\n `salt-density-${density}`\n );\n targetDocument.documentElement.dataset.mode = mode;\n if (corner) targetDocument.documentElement.dataset.corner = corner;\n if (headingFont)\n targetDocument.documentElement.dataset.headingFont = headingFont;\n if (accent) targetDocument.documentElement.dataset.accent = accent;\n if (actionFont)\n targetDocument.documentElement.dataset.actionFont = actionFont;\n return () => {\n delete targetDocument[providerSymbol];\n targetDocument.documentElement.classList.remove(\n ...themeNames,\n `salt-density-${density}`\n );\n targetDocument.documentElement.dataset.mode = void 0;\n delete targetDocument.documentElement.dataset.corner;\n delete targetDocument.documentElement.dataset.headingFont;\n delete targetDocument.documentElement.dataset.accent;\n delete targetDocument.documentElement.dataset.actionFont;\n };\n }, [\n providerId,\n applyClassesTo,\n density,\n mode,\n theme,\n targetWindow,\n corner,\n headingFont,\n accent,\n actionFont\n ]);\n const themeNextProps = {\n \"data-corner\": corner,\n \"data-heading-font\": headingFont,\n \"data-accent\": accent,\n \"data-action-font\": actionFont\n };\n if (applyClassesTo === \"child\") {\n if (isValidElement(children)) {\n return cloneElement(children, {\n className: clsx(\n (_a = children.props) == null ? void 0 : _a.className,\n theme,\n `salt-density-${density}`\n ),\n // @ts-expect-error\n \"data-mode\": mode,\n ...themeNextProps\n });\n }\n console.warn(\n `\nSaltProvider can only apply CSS classes for theming to a single nested child element of the SaltProvider.\n Either wrap elements with a single container or consider removing the applyClassesToChild prop, in which case a\n div element will wrap your child elements`\n );\n return children;\n }\n if (applyClassesTo === \"scope\") {\n return /* @__PURE__ */ jsx(\n \"div\",\n {\n className: clsx(\"salt-provider\", theme, `salt-density-${density}`),\n \"data-mode\": mode,\n ...themeNextProps,\n children\n }\n );\n }\n return children;\n}\n\nexport { ThemeApplicator };\n//# sourceMappingURL=ThemeApplicator.js.map\n"],"names":[],"mappings":"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","x_google_ignoreList":[0]}
@@ -0,0 +1,4 @@
1
+ var css_248z = "/* Styles applied to the root element */\n.saltSpinner {\n position: relative;\n}\n\n/* Styles applied to the SVG stop elements */\n.saltSpinner-gradientStop {\n stop-color: var(--saltSpinner-gradient-color, var(--salt-accent-background));\n}\n\n/* Styles applied when `size=\"medium\"` */\n.saltSpinner-medium {\n --spinner-strokeWidth: var(--salt-size-bar);\n height: var(--salt-size-base);\n width: var(--salt-size-base);\n}\n\n/* Styles applied when `size=\"large\"` */\n.saltSpinner-large {\n --spinner-strokeWidth: var(--salt-size-bar);\n height: calc(var(--salt-size-base) * 2);\n width: calc(var(--salt-size-base) * 2);\n}\n\n/* Styles applied when `size=\"small\"` */\n.saltSpinner-small {\n --spinner-strokeWidth: var(--salt-size-fixed-200);\n height: var(--salt-size-icon);\n width: var(--salt-size-icon);\n}\n\n/* Styles applied to the SVG */\n.saltSpinner-spinner {\n animation: spinner 0.9s linear infinite;\n width: 100%;\n height: 100%;\n position: absolute;\n left: 0;\n top: 0;\n}\n\n@keyframes spinner {\n 0% {\n transform: rotate(0);\n }\n 100% {\n transform: rotate(360deg);\n }\n}\n";
2
+
3
+ export { css_248z as default };
4
+ //# sourceMappingURL=Spinner.css.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Spinner.css.js","sources":["../../../../../../../../node_modules/@salt-ds/core/dist-es/spinner/Spinner.css.js"],"sourcesContent":["var css_248z = \"/* Styles applied to the root element */\\n.saltSpinner {\\n position: relative;\\n}\\n\\n/* Styles applied to the SVG stop elements */\\n.saltSpinner-gradientStop {\\n stop-color: var(--saltSpinner-gradient-color, var(--salt-accent-background));\\n}\\n\\n/* Styles applied when `size=\\\"medium\\\"` */\\n.saltSpinner-medium {\\n --spinner-strokeWidth: var(--salt-size-bar);\\n height: var(--salt-size-base);\\n width: var(--salt-size-base);\\n}\\n\\n/* Styles applied when `size=\\\"large\\\"` */\\n.saltSpinner-large {\\n --spinner-strokeWidth: var(--salt-size-bar);\\n height: calc(var(--salt-size-base) * 2);\\n width: calc(var(--salt-size-base) * 2);\\n}\\n\\n/* Styles applied when `size=\\\"small\\\"` */\\n.saltSpinner-small {\\n --spinner-strokeWidth: var(--salt-size-fixed-200);\\n height: var(--salt-size-icon);\\n width: var(--salt-size-icon);\\n}\\n\\n/* Styles applied to the SVG */\\n.saltSpinner-spinner {\\n animation: spinner 0.9s linear infinite;\\n width: 100%;\\n height: 100%;\\n position: absolute;\\n left: 0;\\n top: 0;\\n}\\n\\n@keyframes spinner {\\n 0% {\\n transform: rotate(0);\\n }\\n 100% {\\n transform: rotate(360deg);\\n }\\n}\\n\";\n\nexport { css_248z as default };\n//# sourceMappingURL=Spinner.css.js.map\n"],"names":[],"mappings":"AAAG,IAAC,QAAQ,GAAG;;;;","x_google_ignoreList":[0]}