@vuu-ui/vuu-utils 2.1.0-alpha.8 → 2.1.0

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 (182) hide show
  1. package/cjs/node_modules/@dnd-kit/react/hooks.js +3 -3
  2. package/cjs/packages/vuu-utils/src/ThemeProvider.js +2 -2
  3. package/cjs/packages/vuu-utils/src/ThemeProvider.js.map +1 -1
  4. package/cjs/packages/vuu-utils/src/context-definitions/DataContext.js +1 -0
  5. package/cjs/packages/vuu-utils/src/context-definitions/DataContext.js.map +1 -1
  6. package/cjs/packages/vuu-utils/src/data-editing/DataEditingProvider.js +9 -6
  7. package/cjs/packages/vuu-utils/src/data-editing/DataEditingProvider.js.map +1 -1
  8. package/cjs/packages/vuu-utils/src/data-editing/EditButtons.js +3 -3
  9. package/cjs/packages/vuu-utils/src/data-editing/EditButtons.js.map +1 -1
  10. package/cjs/packages/vuu-utils/src/data-editing/EditTracker.js +4 -1
  11. package/cjs/packages/vuu-utils/src/data-editing/EditTracker.js.map +1 -1
  12. package/cjs/packages/vuu-utils/src/data-editing/useEditableTable.js +19 -7
  13. package/cjs/packages/vuu-utils/src/data-editing/useEditableTable.js.map +1 -1
  14. package/cjs/packages/vuu-utils/src/data-utils.js +15 -0
  15. package/cjs/packages/vuu-utils/src/data-utils.js.map +1 -1
  16. package/cjs/packages/vuu-utils/src/datasource/BaseDataSource.js +1 -0
  17. package/cjs/packages/vuu-utils/src/datasource/BaseDataSource.js.map +1 -1
  18. package/cjs/packages/vuu-utils/src/index.js +1 -0
  19. package/cjs/packages/vuu-utils/src/index.js.map +1 -1
  20. package/esm/packages/vuu-utils/src/ThemeProvider.js +2 -2
  21. package/esm/packages/vuu-utils/src/ThemeProvider.js.map +1 -1
  22. package/esm/packages/vuu-utils/src/context-definitions/DataContext.js +1 -1
  23. package/esm/packages/vuu-utils/src/context-definitions/DataContext.js.map +1 -1
  24. package/esm/packages/vuu-utils/src/context-definitions/WorkspaceContext.js +2 -2
  25. package/esm/packages/vuu-utils/src/context-definitions/WorkspaceContext.js.map +1 -1
  26. package/esm/packages/vuu-utils/src/data-editing/DataEditingProvider.js +9 -6
  27. package/esm/packages/vuu-utils/src/data-editing/DataEditingProvider.js.map +1 -1
  28. package/esm/packages/vuu-utils/src/data-editing/EditButtons.js +1 -1
  29. package/esm/packages/vuu-utils/src/data-editing/EditTracker.js +4 -1
  30. package/esm/packages/vuu-utils/src/data-editing/EditTracker.js.map +1 -1
  31. package/esm/packages/vuu-utils/src/data-editing/useEditableTable.js +20 -8
  32. package/esm/packages/vuu-utils/src/data-editing/useEditableTable.js.map +1 -1
  33. package/esm/packages/vuu-utils/src/data-utils.js +15 -1
  34. package/esm/packages/vuu-utils/src/data-utils.js.map +1 -1
  35. package/esm/packages/vuu-utils/src/datasource/BaseDataSource.js +1 -0
  36. package/esm/packages/vuu-utils/src/datasource/BaseDataSource.js.map +1 -1
  37. package/esm/packages/vuu-utils/src/feature-utils.js +2 -2
  38. package/esm/packages/vuu-utils/src/feature-utils.js.map +1 -1
  39. package/esm/packages/vuu-utils/src/index.js +1 -1
  40. package/package.json +9 -6
  41. package/types/context-definitions/DataContext.d.ts +3 -0
  42. package/types/data-editing/DataEditingProvider.d.ts +2 -1
  43. package/types/data-editing/EditTracker.d.ts +4 -4
  44. package/types/data-editing/useEditableTable.d.ts +7 -2
  45. package/types/data-utils.d.ts +2 -0
  46. package/types/filters/filter-utils.d.ts +2 -0
  47. package/cjs/node_modules/@floating-ui/dom/dist/floating-ui.dom.js +0 -492
  48. package/cjs/node_modules/@floating-ui/dom/dist/floating-ui.dom.js.map +0 -1
  49. package/cjs/node_modules/@floating-ui/react/dist/floating-ui.react.js +0 -987
  50. package/cjs/node_modules/@floating-ui/react/dist/floating-ui.react.js.map +0 -1
  51. package/cjs/node_modules/@floating-ui/react/dist/floating-ui.react.utils.js +0 -130
  52. package/cjs/node_modules/@floating-ui/react/dist/floating-ui.react.utils.js.map +0 -1
  53. package/cjs/node_modules/@floating-ui/utils/dist/floating-ui.utils.dom.js +0 -183
  54. package/cjs/node_modules/@floating-ui/utils/dist/floating-ui.utils.dom.js.map +0 -1
  55. package/cjs/node_modules/@floating-ui/utils/dist/floating-ui.utils.js +0 -39
  56. package/cjs/node_modules/@floating-ui/utils/dist/floating-ui.utils.js.map +0 -1
  57. package/cjs/node_modules/@salt-ds/core/dist-es/aria-announcer/AriaAnnouncerContext.js +0 -10
  58. package/cjs/node_modules/@salt-ds/core/dist-es/aria-announcer/AriaAnnouncerContext.js.map +0 -1
  59. package/cjs/node_modules/@salt-ds/core/dist-es/aria-announcer/AriaAnnouncerProvider.js +0 -76
  60. package/cjs/node_modules/@salt-ds/core/dist-es/aria-announcer/AriaAnnouncerProvider.js.map +0 -1
  61. package/cjs/node_modules/@salt-ds/core/dist-es/aria-announcer/useAriaAnnouncer.js +0 -52
  62. package/cjs/node_modules/@salt-ds/core/dist-es/aria-announcer/useAriaAnnouncer.js.map +0 -1
  63. package/cjs/node_modules/@salt-ds/core/dist-es/breakpoints/BreakpointProvider.js +0 -59
  64. package/cjs/node_modules/@salt-ds/core/dist-es/breakpoints/BreakpointProvider.js.map +0 -1
  65. package/cjs/node_modules/@salt-ds/core/dist-es/breakpoints/Breakpoints.js +0 -12
  66. package/cjs/node_modules/@salt-ds/core/dist-es/breakpoints/Breakpoints.js.map +0 -1
  67. package/cjs/node_modules/@salt-ds/core/dist-es/button/Button.css.js +0 -6
  68. package/cjs/node_modules/@salt-ds/core/dist-es/button/Button.css.js.map +0 -1
  69. package/cjs/node_modules/@salt-ds/core/dist-es/button/Button.js +0 -96
  70. package/cjs/node_modules/@salt-ds/core/dist-es/button/Button.js.map +0 -1
  71. package/cjs/node_modules/@salt-ds/core/dist-es/button/useButton.js +0 -65
  72. package/cjs/node_modules/@salt-ds/core/dist-es/button/useButton.js.map +0 -1
  73. package/cjs/node_modules/@salt-ds/core/dist-es/salt-provider/ProviderContext.js +0 -11
  74. package/cjs/node_modules/@salt-ds/core/dist-es/salt-provider/ProviderContext.js.map +0 -1
  75. package/cjs/node_modules/@salt-ds/core/dist-es/salt-provider/SaltProvider.css.js +0 -6
  76. package/cjs/node_modules/@salt-ds/core/dist-es/salt-provider/SaltProvider.css.js.map +0 -1
  77. package/cjs/node_modules/@salt-ds/core/dist-es/salt-provider/SaltProvider.js +0 -160
  78. package/cjs/node_modules/@salt-ds/core/dist-es/salt-provider/SaltProvider.js.map +0 -1
  79. package/cjs/node_modules/@salt-ds/core/dist-es/salt-provider/ThemeApplicator.js +0 -115
  80. package/cjs/node_modules/@salt-ds/core/dist-es/salt-provider/ThemeApplicator.js.map +0 -1
  81. package/cjs/node_modules/@salt-ds/core/dist-es/spinner/Spinner.css.js +0 -6
  82. package/cjs/node_modules/@salt-ds/core/dist-es/spinner/Spinner.css.js.map +0 -1
  83. package/cjs/node_modules/@salt-ds/core/dist-es/spinner/Spinner.js +0 -86
  84. package/cjs/node_modules/@salt-ds/core/dist-es/spinner/Spinner.js.map +0 -1
  85. package/cjs/node_modules/@salt-ds/core/dist-es/spinner/svgSpinners/SpinnerSVG.js +0 -93
  86. package/cjs/node_modules/@salt-ds/core/dist-es/spinner/svgSpinners/SpinnerSVG.js.map +0 -1
  87. package/cjs/node_modules/@salt-ds/core/dist-es/utils/createChainedFunction.js +0 -20
  88. package/cjs/node_modules/@salt-ds/core/dist-es/utils/createChainedFunction.js.map +0 -1
  89. package/cjs/node_modules/@salt-ds/core/dist-es/utils/createContext.js +0 -14
  90. package/cjs/node_modules/@salt-ds/core/dist-es/utils/createContext.js.map +0 -1
  91. package/cjs/node_modules/@salt-ds/core/dist-es/utils/debounce.js +0 -22
  92. package/cjs/node_modules/@salt-ds/core/dist-es/utils/debounce.js.map +0 -1
  93. package/cjs/node_modules/@salt-ds/core/dist-es/utils/makePrefixer.js +0 -6
  94. package/cjs/node_modules/@salt-ds/core/dist-es/utils/makePrefixer.js.map +0 -1
  95. package/cjs/node_modules/@salt-ds/core/dist-es/utils/useFloatingUI/useFloatingUI.js +0 -52
  96. package/cjs/node_modules/@salt-ds/core/dist-es/utils/useFloatingUI/useFloatingUI.js.map +0 -1
  97. package/cjs/node_modules/@salt-ds/core/dist-es/utils/useId.js +0 -45
  98. package/cjs/node_modules/@salt-ds/core/dist-es/utils/useId.js.map +0 -1
  99. package/cjs/node_modules/@salt-ds/core/dist-es/utils/useIsomorphicLayoutEffect.js +0 -8
  100. package/cjs/node_modules/@salt-ds/core/dist-es/utils/useIsomorphicLayoutEffect.js.map +0 -1
  101. package/cjs/node_modules/@salt-ds/core/dist-es/utils/usePreventScroll.js +0 -233
  102. package/cjs/node_modules/@salt-ds/core/dist-es/utils/usePreventScroll.js.map +0 -1
  103. package/cjs/node_modules/@salt-ds/core/dist-es/viewport/ViewportProvider.js +0 -35
  104. package/cjs/node_modules/@salt-ds/core/dist-es/viewport/ViewportProvider.js.map +0 -1
  105. package/cjs/node_modules/@salt-ds/styles/dist-es/style-injection-provider/index.js +0 -22
  106. package/cjs/node_modules/@salt-ds/styles/dist-es/style-injection-provider/index.js.map +0 -1
  107. package/cjs/node_modules/@salt-ds/styles/dist-es/use-style-injection/InsertionPointProvider.js +0 -16
  108. package/cjs/node_modules/@salt-ds/styles/dist-es/use-style-injection/InsertionPointProvider.js.map +0 -1
  109. package/cjs/node_modules/@salt-ds/styles/dist-es/use-style-injection/useStyleInjection.js +0 -75
  110. package/cjs/node_modules/@salt-ds/styles/dist-es/use-style-injection/useStyleInjection.js.map +0 -1
  111. package/cjs/node_modules/@salt-ds/window/dist-es/WindowProvider.js +0 -17
  112. package/cjs/node_modules/@salt-ds/window/dist-es/WindowProvider.js.map +0 -1
  113. package/cjs/node_modules/tabbable/dist/index.esm.js +0 -550
  114. package/cjs/node_modules/tabbable/dist/index.esm.js.map +0 -1
  115. package/esm/node_modules/@floating-ui/dom/dist/floating-ui.dom.js +0 -489
  116. package/esm/node_modules/@floating-ui/dom/dist/floating-ui.dom.js.map +0 -1
  117. package/esm/node_modules/@floating-ui/react/dist/floating-ui.react.js +0 -962
  118. package/esm/node_modules/@floating-ui/react/dist/floating-ui.react.js.map +0 -1
  119. package/esm/node_modules/@floating-ui/react/dist/floating-ui.react.utils.js +0 -114
  120. package/esm/node_modules/@floating-ui/react/dist/floating-ui.react.utils.js.map +0 -1
  121. package/esm/node_modules/@floating-ui/utils/dist/floating-ui.utils.dom.js +0 -162
  122. package/esm/node_modules/@floating-ui/utils/dist/floating-ui.utils.dom.js.map +0 -1
  123. package/esm/node_modules/@floating-ui/utils/dist/floating-ui.utils.js +0 -33
  124. package/esm/node_modules/@floating-ui/utils/dist/floating-ui.utils.js.map +0 -1
  125. package/esm/node_modules/@salt-ds/core/dist-es/aria-announcer/AriaAnnouncerContext.js +0 -8
  126. package/esm/node_modules/@salt-ds/core/dist-es/aria-announcer/AriaAnnouncerContext.js.map +0 -1
  127. package/esm/node_modules/@salt-ds/core/dist-es/aria-announcer/AriaAnnouncerProvider.js +0 -73
  128. package/esm/node_modules/@salt-ds/core/dist-es/aria-announcer/AriaAnnouncerProvider.js.map +0 -1
  129. package/esm/node_modules/@salt-ds/core/dist-es/aria-announcer/useAriaAnnouncer.js +0 -50
  130. package/esm/node_modules/@salt-ds/core/dist-es/aria-announcer/useAriaAnnouncer.js.map +0 -1
  131. package/esm/node_modules/@salt-ds/core/dist-es/breakpoints/BreakpointProvider.js +0 -56
  132. package/esm/node_modules/@salt-ds/core/dist-es/breakpoints/BreakpointProvider.js.map +0 -1
  133. package/esm/node_modules/@salt-ds/core/dist-es/breakpoints/Breakpoints.js +0 -10
  134. package/esm/node_modules/@salt-ds/core/dist-es/breakpoints/Breakpoints.js.map +0 -1
  135. package/esm/node_modules/@salt-ds/core/dist-es/button/Button.css.js +0 -4
  136. package/esm/node_modules/@salt-ds/core/dist-es/button/Button.css.js.map +0 -1
  137. package/esm/node_modules/@salt-ds/core/dist-es/button/Button.js +0 -94
  138. package/esm/node_modules/@salt-ds/core/dist-es/button/Button.js.map +0 -1
  139. package/esm/node_modules/@salt-ds/core/dist-es/button/useButton.js +0 -63
  140. package/esm/node_modules/@salt-ds/core/dist-es/button/useButton.js.map +0 -1
  141. package/esm/node_modules/@salt-ds/core/dist-es/salt-provider/ProviderContext.js +0 -9
  142. package/esm/node_modules/@salt-ds/core/dist-es/salt-provider/ProviderContext.js.map +0 -1
  143. package/esm/node_modules/@salt-ds/core/dist-es/salt-provider/SaltProvider.css.js +0 -4
  144. package/esm/node_modules/@salt-ds/core/dist-es/salt-provider/SaltProvider.css.js.map +0 -1
  145. package/esm/node_modules/@salt-ds/core/dist-es/salt-provider/SaltProvider.js +0 -151
  146. package/esm/node_modules/@salt-ds/core/dist-es/salt-provider/SaltProvider.js.map +0 -1
  147. package/esm/node_modules/@salt-ds/core/dist-es/salt-provider/ThemeApplicator.js +0 -113
  148. package/esm/node_modules/@salt-ds/core/dist-es/salt-provider/ThemeApplicator.js.map +0 -1
  149. package/esm/node_modules/@salt-ds/core/dist-es/spinner/Spinner.css.js +0 -4
  150. package/esm/node_modules/@salt-ds/core/dist-es/spinner/Spinner.css.js.map +0 -1
  151. package/esm/node_modules/@salt-ds/core/dist-es/spinner/Spinner.js +0 -84
  152. package/esm/node_modules/@salt-ds/core/dist-es/spinner/Spinner.js.map +0 -1
  153. package/esm/node_modules/@salt-ds/core/dist-es/spinner/svgSpinners/SpinnerSVG.js +0 -91
  154. package/esm/node_modules/@salt-ds/core/dist-es/spinner/svgSpinners/SpinnerSVG.js.map +0 -1
  155. package/esm/node_modules/@salt-ds/core/dist-es/utils/createChainedFunction.js +0 -18
  156. package/esm/node_modules/@salt-ds/core/dist-es/utils/createChainedFunction.js.map +0 -1
  157. package/esm/node_modules/@salt-ds/core/dist-es/utils/createContext.js +0 -12
  158. package/esm/node_modules/@salt-ds/core/dist-es/utils/createContext.js.map +0 -1
  159. package/esm/node_modules/@salt-ds/core/dist-es/utils/debounce.js +0 -20
  160. package/esm/node_modules/@salt-ds/core/dist-es/utils/debounce.js.map +0 -1
  161. package/esm/node_modules/@salt-ds/core/dist-es/utils/makePrefixer.js +0 -4
  162. package/esm/node_modules/@salt-ds/core/dist-es/utils/makePrefixer.js.map +0 -1
  163. package/esm/node_modules/@salt-ds/core/dist-es/utils/useFloatingUI/useFloatingUI.js +0 -50
  164. package/esm/node_modules/@salt-ds/core/dist-es/utils/useFloatingUI/useFloatingUI.js.map +0 -1
  165. package/esm/node_modules/@salt-ds/core/dist-es/utils/useId.js +0 -24
  166. package/esm/node_modules/@salt-ds/core/dist-es/utils/useId.js.map +0 -1
  167. package/esm/node_modules/@salt-ds/core/dist-es/utils/useIsomorphicLayoutEffect.js +0 -6
  168. package/esm/node_modules/@salt-ds/core/dist-es/utils/useIsomorphicLayoutEffect.js.map +0 -1
  169. package/esm/node_modules/@salt-ds/core/dist-es/utils/usePreventScroll.js +0 -231
  170. package/esm/node_modules/@salt-ds/core/dist-es/utils/usePreventScroll.js.map +0 -1
  171. package/esm/node_modules/@salt-ds/core/dist-es/viewport/ViewportProvider.js +0 -32
  172. package/esm/node_modules/@salt-ds/core/dist-es/viewport/ViewportProvider.js.map +0 -1
  173. package/esm/node_modules/@salt-ds/styles/dist-es/style-injection-provider/index.js +0 -19
  174. package/esm/node_modules/@salt-ds/styles/dist-es/style-injection-provider/index.js.map +0 -1
  175. package/esm/node_modules/@salt-ds/styles/dist-es/use-style-injection/InsertionPointProvider.js +0 -14
  176. package/esm/node_modules/@salt-ds/styles/dist-es/use-style-injection/InsertionPointProvider.js.map +0 -1
  177. package/esm/node_modules/@salt-ds/styles/dist-es/use-style-injection/useStyleInjection.js +0 -54
  178. package/esm/node_modules/@salt-ds/styles/dist-es/use-style-injection/useStyleInjection.js.map +0 -1
  179. package/esm/node_modules/@salt-ds/window/dist-es/WindowProvider.js +0 -15
  180. package/esm/node_modules/@salt-ds/window/dist-es/WindowProvider.js.map +0 -1
  181. package/esm/node_modules/tabbable/dist/index.esm.js +0 -546
  182. package/esm/node_modules/tabbable/dist/index.esm.js.map +0 -1
@@ -1,4 +0,0 @@
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
@@ -1 +0,0 @@
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]}
@@ -1,94 +0,0 @@
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
@@ -1 +0,0 @@
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]}
@@ -1,63 +0,0 @@
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
@@ -1 +0,0 @@
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]}
@@ -1,9 +0,0 @@
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
@@ -1 +0,0 @@
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]}
@@ -1,4 +0,0 @@
1
- var css_248z = ".salt-provider {\n display: contents;\n}\n";
2
-
3
- export { css_248z as default };
4
- //# sourceMappingURL=SaltProvider.css.js.map
@@ -1 +0,0 @@
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]}
@@ -1,151 +0,0 @@
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
@@ -1 +0,0 @@
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]}
@@ -1,113 +0,0 @@
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
@@ -1 +0,0 @@
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]}
@@ -1,4 +0,0 @@
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
@@ -1 +0,0 @@
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]}