@clickhouse/click-ui 0.6.2-rc3 → 0.7.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 (212) hide show
  1. package/dist/cjs/click-ui.css +1872 -59
  2. package/dist/cjs/components/Alert/index.cjs +2 -2
  3. package/dist/cjs/components/Alert/index.cjs.map +1 -1
  4. package/dist/cjs/components/Assets/Logos/Polaris.cjs +22 -0
  5. package/dist/cjs/components/Assets/Logos/Polaris.cjs.map +1 -0
  6. package/dist/cjs/components/Assets/Logos/system/LogosDark.cjs +2 -0
  7. package/dist/cjs/components/Assets/Logos/system/LogosDark.cjs.map +1 -1
  8. package/dist/cjs/components/Assets/Logos/system/LogosLight.cjs +2 -0
  9. package/dist/cjs/components/Assets/Logos/system/LogosLight.cjs.map +1 -1
  10. package/dist/cjs/components/BigStat/BigStat.css +77 -0
  11. package/dist/cjs/components/BigStat/BigStat.module.css.cjs +22 -0
  12. package/dist/cjs/components/BigStat/BigStat.module.css.cjs.map +1 -0
  13. package/dist/cjs/components/BigStat/index.cjs +60 -52
  14. package/dist/cjs/components/BigStat/index.cjs.map +1 -1
  15. package/dist/cjs/components/ButtonGroup/index.cjs +1 -1
  16. package/dist/cjs/components/ButtonGroup/index.cjs.map +1 -1
  17. package/dist/cjs/components/CardPromotion/index.cjs +1 -1
  18. package/dist/cjs/components/CardPromotion/index.cjs.map +1 -1
  19. package/dist/cjs/components/CardSecondary/CardSecondary.css +99 -0
  20. package/dist/cjs/components/CardSecondary/CardSecondary.module.css.cjs +39 -0
  21. package/dist/cjs/components/CardSecondary/CardSecondary.module.css.cjs.map +1 -0
  22. package/dist/cjs/components/CardSecondary/index.cjs +35 -84
  23. package/dist/cjs/components/CardSecondary/index.cjs.map +1 -1
  24. package/dist/cjs/components/ConfirmationDialog/ConfirmationDialog.css +20 -0
  25. package/dist/cjs/components/ConfirmationDialog/ConfirmationDialog.module.css.cjs +15 -0
  26. package/dist/cjs/components/ConfirmationDialog/ConfirmationDialog.module.css.cjs.map +1 -0
  27. package/dist/cjs/components/ConfirmationDialog/index.cjs +6 -11
  28. package/dist/cjs/components/ConfirmationDialog/index.cjs.map +1 -1
  29. package/dist/cjs/components/ContextMenu/ContextMenu.css +28 -0
  30. package/dist/cjs/components/ContextMenu/ContextMenu.module.css.cjs +10 -0
  31. package/dist/cjs/components/ContextMenu/ContextMenu.module.css.cjs.map +1 -0
  32. package/dist/cjs/components/ContextMenu/index.cjs +27 -29
  33. package/dist/cjs/components/ContextMenu/index.cjs.map +1 -1
  34. package/dist/cjs/components/CrossButton/index.cjs +5 -1
  35. package/dist/cjs/components/CrossButton/index.cjs.map +1 -1
  36. package/dist/cjs/components/DatePicker/Common.cjs +1 -1
  37. package/dist/cjs/components/DatePicker/Common.cjs.map +1 -1
  38. package/dist/cjs/components/Dropdown/Dropdown.css +13 -0
  39. package/dist/cjs/components/Dropdown/Dropdown.module.css.cjs +11 -0
  40. package/dist/cjs/components/Dropdown/Dropdown.module.css.cjs.map +1 -0
  41. package/dist/cjs/components/Dropdown/index.cjs +19 -13
  42. package/dist/cjs/components/Dropdown/index.cjs.map +1 -1
  43. package/dist/cjs/components/FileTabs/index.cjs +1 -1
  44. package/dist/cjs/components/FileTabs/index.cjs.map +1 -1
  45. package/dist/cjs/components/Flyout/Flyout.css +231 -0
  46. package/dist/cjs/components/Flyout/Flyout.module.css.cjs +93 -0
  47. package/dist/cjs/components/Flyout/Flyout.module.css.cjs.map +1 -0
  48. package/dist/cjs/components/Flyout/index.cjs +148 -126
  49. package/dist/cjs/components/Flyout/index.cjs.map +1 -1
  50. package/dist/cjs/components/GenericMenu/GenericMenu.css +176 -0
  51. package/dist/cjs/components/GenericMenu/GenericMenu.module.css.cjs +23 -0
  52. package/dist/cjs/components/GenericMenu/GenericMenu.module.css.cjs.map +1 -0
  53. package/dist/cjs/components/GenericMenu/index.cjs +93 -99
  54. package/dist/cjs/components/GenericMenu/index.cjs.map +1 -1
  55. package/dist/cjs/components/HoverCard/index.cjs +1 -1
  56. package/dist/cjs/components/HoverCard/index.cjs.map +1 -1
  57. package/dist/cjs/components/IconButton/index.cjs +2 -1
  58. package/dist/cjs/components/IconButton/index.cjs.map +1 -1
  59. package/dist/cjs/components/InputWrapper/InputWrapper.css +221 -0
  60. package/dist/cjs/components/InputWrapper/InputWrapper.module.css.cjs +39 -0
  61. package/dist/cjs/components/InputWrapper/InputWrapper.module.css.cjs.map +1 -0
  62. package/dist/cjs/components/InputWrapper/index.cjs +84 -185
  63. package/dist/cjs/components/InputWrapper/index.cjs.map +1 -1
  64. package/dist/cjs/components/Popover/Popover.css +12 -0
  65. package/dist/cjs/components/Popover/Popover.module.css.cjs +11 -0
  66. package/dist/cjs/components/Popover/Popover.module.css.cjs.map +1 -0
  67. package/dist/cjs/components/Popover/index.cjs +26 -19
  68. package/dist/cjs/components/Popover/index.cjs.map +1 -1
  69. package/dist/cjs/components/RadioGroup/RadioGroup.css +99 -0
  70. package/dist/cjs/components/RadioGroup/RadioGroup.module.css.cjs +18 -0
  71. package/dist/cjs/components/RadioGroup/RadioGroup.module.css.cjs.map +1 -0
  72. package/dist/cjs/components/RadioGroup/index.cjs +28 -77
  73. package/dist/cjs/components/RadioGroup/index.cjs.map +1 -1
  74. package/dist/cjs/components/Select/common/InternalSelect.cjs +1 -1
  75. package/dist/cjs/components/Select/common/InternalSelect.cjs.map +1 -1
  76. package/dist/cjs/components/SplitButton/index.cjs +2 -1
  77. package/dist/cjs/components/SplitButton/index.cjs.map +1 -1
  78. package/dist/cjs/components/Table/Table.css +376 -0
  79. package/dist/cjs/components/Table/Table.module.css.cjs +86 -0
  80. package/dist/cjs/components/Table/Table.module.css.cjs.map +1 -0
  81. package/dist/cjs/components/Table/index.cjs +132 -214
  82. package/dist/cjs/components/Table/index.cjs.map +1 -1
  83. package/dist/cjs/components/Toast/Toast.css +142 -0
  84. package/dist/cjs/components/Toast/Toast.module.css.cjs +38 -0
  85. package/dist/cjs/components/Toast/Toast.module.css.cjs.map +1 -0
  86. package/dist/cjs/components/Toast/index.cjs +43 -96
  87. package/dist/cjs/components/Toast/index.cjs.map +1 -1
  88. package/dist/cjs/components/Tooltip/Tooltip.css +17 -0
  89. package/dist/cjs/components/Tooltip/Tooltip.module.css.cjs +15 -0
  90. package/dist/cjs/components/Tooltip/Tooltip.module.css.cjs.map +1 -0
  91. package/dist/cjs/components/Tooltip/index.cjs +12 -24
  92. package/dist/cjs/components/Tooltip/index.cjs.map +1 -1
  93. package/dist/cjs/components/VerticalStepper/VerticalStepper.css +302 -0
  94. package/dist/cjs/components/VerticalStepper/VerticalStepper.module.css.cjs +84 -0
  95. package/dist/cjs/components/VerticalStepper/VerticalStepper.module.css.cjs.map +1 -0
  96. package/dist/cjs/components/VerticalStepper/index.cjs +85 -110
  97. package/dist/cjs/components/VerticalStepper/index.cjs.map +1 -1
  98. package/dist/esm/click-ui.css +1872 -59
  99. package/dist/esm/components/Alert/index.js +2 -2
  100. package/dist/esm/components/Alert/index.js.map +1 -1
  101. package/dist/esm/components/Assets/Logos/Polaris.js +18 -0
  102. package/dist/esm/components/Assets/Logos/Polaris.js.map +1 -0
  103. package/dist/esm/components/Assets/Logos/system/LogosDark.js +2 -0
  104. package/dist/esm/components/Assets/Logos/system/LogosDark.js.map +1 -1
  105. package/dist/esm/components/Assets/Logos/system/LogosLight.js +2 -0
  106. package/dist/esm/components/Assets/Logos/system/LogosLight.js.map +1 -1
  107. package/dist/esm/components/BigStat/BigStat.css +77 -0
  108. package/dist/esm/components/BigStat/BigStat.module.css.js +18 -0
  109. package/dist/esm/components/BigStat/BigStat.module.css.js.map +1 -0
  110. package/dist/esm/components/BigStat/index.js +60 -52
  111. package/dist/esm/components/BigStat/index.js.map +1 -1
  112. package/dist/esm/components/ButtonGroup/index.js +1 -1
  113. package/dist/esm/components/ButtonGroup/index.js.map +1 -1
  114. package/dist/esm/components/CardPromotion/index.js +1 -1
  115. package/dist/esm/components/CardPromotion/index.js.map +1 -1
  116. package/dist/esm/components/CardSecondary/CardSecondary.css +99 -0
  117. package/dist/esm/components/CardSecondary/CardSecondary.module.css.js +25 -0
  118. package/dist/esm/components/CardSecondary/CardSecondary.module.css.js.map +1 -0
  119. package/dist/esm/components/CardSecondary/index.js +35 -84
  120. package/dist/esm/components/CardSecondary/index.js.map +1 -1
  121. package/dist/esm/components/ConfirmationDialog/ConfirmationDialog.css +20 -0
  122. package/dist/esm/components/ConfirmationDialog/ConfirmationDialog.module.css.js +9 -0
  123. package/dist/esm/components/ConfirmationDialog/ConfirmationDialog.module.css.js.map +1 -0
  124. package/dist/esm/components/ConfirmationDialog/index.js +6 -11
  125. package/dist/esm/components/ConfirmationDialog/index.js.map +1 -1
  126. package/dist/esm/components/ContextMenu/ContextMenu.css +28 -0
  127. package/dist/esm/components/ContextMenu/ContextMenu.module.css.js +6 -0
  128. package/dist/esm/components/ContextMenu/ContextMenu.module.css.js.map +1 -0
  129. package/dist/esm/components/ContextMenu/index.js +28 -30
  130. package/dist/esm/components/ContextMenu/index.js.map +1 -1
  131. package/dist/esm/components/CrossButton/index.js +5 -1
  132. package/dist/esm/components/CrossButton/index.js.map +1 -1
  133. package/dist/esm/components/DatePicker/Common.js +1 -1
  134. package/dist/esm/components/DatePicker/Common.js.map +1 -1
  135. package/dist/esm/components/Dropdown/Dropdown.css +13 -0
  136. package/dist/esm/components/Dropdown/Dropdown.module.css.js +7 -0
  137. package/dist/esm/components/Dropdown/Dropdown.module.css.js.map +1 -0
  138. package/dist/esm/components/Dropdown/index.js +19 -13
  139. package/dist/esm/components/Dropdown/index.js.map +1 -1
  140. package/dist/esm/components/FileTabs/index.js +1 -1
  141. package/dist/esm/components/FileTabs/index.js.map +1 -1
  142. package/dist/esm/components/Flyout/Flyout.css +231 -0
  143. package/dist/esm/components/Flyout/Flyout.module.css.js +62 -0
  144. package/dist/esm/components/Flyout/Flyout.module.css.js.map +1 -0
  145. package/dist/esm/components/Flyout/index.js +149 -127
  146. package/dist/esm/components/Flyout/index.js.map +1 -1
  147. package/dist/esm/components/GenericMenu/GenericMenu.css +176 -0
  148. package/dist/esm/components/GenericMenu/GenericMenu.module.css.js +18 -0
  149. package/dist/esm/components/GenericMenu/GenericMenu.module.css.js.map +1 -0
  150. package/dist/esm/components/GenericMenu/index.js +93 -99
  151. package/dist/esm/components/GenericMenu/index.js.map +1 -1
  152. package/dist/esm/components/HoverCard/index.js +1 -1
  153. package/dist/esm/components/HoverCard/index.js.map +1 -1
  154. package/dist/esm/components/IconButton/index.js +2 -1
  155. package/dist/esm/components/IconButton/index.js.map +1 -1
  156. package/dist/esm/components/InputWrapper/InputWrapper.css +221 -0
  157. package/dist/esm/components/InputWrapper/InputWrapper.module.css.js +27 -0
  158. package/dist/esm/components/InputWrapper/InputWrapper.module.css.js.map +1 -0
  159. package/dist/esm/components/InputWrapper/index.js +84 -185
  160. package/dist/esm/components/InputWrapper/index.js.map +1 -1
  161. package/dist/esm/components/Popover/Popover.css +12 -0
  162. package/dist/esm/components/Popover/Popover.module.css.js +7 -0
  163. package/dist/esm/components/Popover/Popover.module.css.js.map +1 -0
  164. package/dist/esm/components/Popover/index.js +26 -19
  165. package/dist/esm/components/Popover/index.js.map +1 -1
  166. package/dist/esm/components/RadioGroup/RadioGroup.css +99 -0
  167. package/dist/esm/components/RadioGroup/RadioGroup.module.css.js +13 -0
  168. package/dist/esm/components/RadioGroup/RadioGroup.module.css.js.map +1 -0
  169. package/dist/esm/components/RadioGroup/index.js +28 -77
  170. package/dist/esm/components/RadioGroup/index.js.map +1 -1
  171. package/dist/esm/components/Select/common/InternalSelect.js +1 -1
  172. package/dist/esm/components/Select/common/InternalSelect.js.map +1 -1
  173. package/dist/esm/components/SplitButton/index.js +2 -1
  174. package/dist/esm/components/SplitButton/index.js.map +1 -1
  175. package/dist/esm/components/Table/Table.css +376 -0
  176. package/dist/esm/components/Table/Table.module.css.js +63 -0
  177. package/dist/esm/components/Table/Table.module.css.js.map +1 -0
  178. package/dist/esm/components/Table/index.js +132 -214
  179. package/dist/esm/components/Table/index.js.map +1 -1
  180. package/dist/esm/components/Toast/Toast.css +142 -0
  181. package/dist/esm/components/Toast/Toast.module.css.js +26 -0
  182. package/dist/esm/components/Toast/Toast.module.css.js.map +1 -0
  183. package/dist/esm/components/Toast/index.js +43 -96
  184. package/dist/esm/components/Toast/index.js.map +1 -1
  185. package/dist/esm/components/Tooltip/Tooltip.css +17 -0
  186. package/dist/esm/components/Tooltip/Tooltip.module.css.js +9 -0
  187. package/dist/esm/components/Tooltip/Tooltip.module.css.js.map +1 -0
  188. package/dist/esm/components/Tooltip/index.js +12 -24
  189. package/dist/esm/components/Tooltip/index.js.map +1 -1
  190. package/dist/esm/components/VerticalStepper/VerticalStepper.css +302 -0
  191. package/dist/esm/components/VerticalStepper/VerticalStepper.module.css.js +55 -0
  192. package/dist/esm/components/VerticalStepper/VerticalStepper.module.css.js.map +1 -0
  193. package/dist/esm/components/VerticalStepper/index.js +85 -110
  194. package/dist/esm/components/VerticalStepper/index.js.map +1 -1
  195. package/dist/types/components/Assets/Logos/Polaris.d.ts +3 -0
  196. package/dist/types/components/Assets/Logos/system/types.d.ts +1 -1
  197. package/dist/types/components/BigStat/BigStat.d.ts +1 -1
  198. package/dist/types/components/CardSecondary/CardSecondary.d.ts +1 -1
  199. package/dist/types/components/ConfirmationDialog/ConfirmationDialog.d.ts +1 -1
  200. package/dist/types/components/CrossButton/CrossButton.d.ts +6 -2
  201. package/dist/types/components/Flyout/Flyout.d.ts +8 -6
  202. package/dist/types/components/Flyout/Flyout.types.d.ts +3 -0
  203. package/dist/types/components/GenericMenu/GenericMenu.d.ts +29 -12
  204. package/dist/types/components/IconButton/IconButton.types.d.ts +3 -0
  205. package/dist/types/components/InputWrapper/InputWrapper.d.ts +17 -13
  206. package/dist/types/components/RadioGroup/RadioGroup.d.ts +2 -2
  207. package/dist/types/components/SplitButton/SplitButton.d.ts +1 -1
  208. package/dist/types/components/SplitButton/SplitButton.types.d.ts +3 -0
  209. package/dist/types/components/Toast/Toast.d.ts +1 -1
  210. package/dist/types/components/Tooltip/Tooltip.d.ts +1 -1
  211. package/dist/types/components/VerticalStepper/VerticalStepper.d.ts +2 -2
  212. package/package.json +1 -1
@@ -121,7 +121,7 @@ const Alert = ({
121
121
  state,
122
122
  type
123
123
  })), children: [
124
- dismissible && type === "banner" && /* @__PURE__ */ jsx("button", { className: styles.alert__dismiss }),
124
+ dismissible && type === "banner" && /* @__PURE__ */ jsx("button", { type: "button", className: styles.alert__dismiss }),
125
125
  showIcon && /* @__PURE__ */ jsx("div", { className: cn(iconWrapperVariants({
126
126
  state,
127
127
  size,
@@ -139,7 +139,7 @@ const Alert = ({
139
139
  size
140
140
  })), children: text })
141
141
  ] }),
142
- dismissible && /* @__PURE__ */ jsx("button", { "data-testid": "click-alert-dismiss-button", onClick: handleDismiss, className: styles.alert__dismiss, children: /* @__PURE__ */ jsx(SvgImage, { name: "cross", "aria-label": "close" }) })
142
+ dismissible && /* @__PURE__ */ jsx("button", { type: "button", "data-testid": "click-alert-dismiss-button", onClick: handleDismiss, className: styles.alert__dismiss, children: /* @__PURE__ */ jsx(SvgImage, { name: "cross", "aria-label": "close" }) })
143
143
  ] }) : null;
144
144
  };
145
145
  const DangerAlert = (props) => /* @__PURE__ */ jsx(Alert, { ...props, state: "danger" });
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sources":["../../../../src/components/Alert/Alert.tsx"],"sourcesContent":["import { Icon, type IconName } from '@/components/Icon';\nimport { useState, useCallback } from 'react';\nimport { cn, cva } from '@/lib/cva';\nimport { AlertProps } from './Alert.types';\nimport styles from './Alert.module.css';\n\ntype AlertState = 'neutral' | 'success' | 'warning' | 'danger' | 'info';\n\nconst stateIconMap: Record<AlertState, IconName> = {\n neutral: 'information',\n success: 'check',\n warning: 'warning',\n danger: 'warning',\n info: 'information',\n};\n\nconst wrapperVariants = cva(styles.alert, {\n variants: {\n type: {\n default: styles.alert_type_default,\n banner: styles.alert_type_banner,\n },\n state: {\n neutral: styles.alert_state_neutral,\n success: styles.alert_state_success,\n warning: styles.alert_state_warning,\n danger: styles.alert_state_danger,\n info: styles.alert_state_info,\n },\n },\n defaultVariants: {\n type: 'default',\n state: 'neutral',\n },\n});\n\nconst iconWrapperVariants = cva(styles['alert__icon-wrapper'], {\n variants: {\n state: {\n neutral: styles['alert__icon-wrapper_state_neutral'],\n success: styles['alert__icon-wrapper_state_success'],\n warning: styles['alert__icon-wrapper_state_warning'],\n danger: styles['alert__icon-wrapper_state_danger'],\n info: styles['alert__icon-wrapper_state_info'],\n },\n size: {\n small: styles['alert__icon-wrapper_size_small'],\n medium: styles['alert__icon-wrapper_size_medium'],\n },\n type: {\n default: '',\n banner: styles['alert__icon-wrapper_type_banner'],\n },\n },\n defaultVariants: {\n state: 'neutral',\n size: 'small',\n type: 'default',\n },\n});\n\nconst iconVariants = cva(styles.alert__icon, {\n variants: {\n size: {\n small: styles['alert__icon_size_small'],\n medium: styles['alert__icon_size_medium'],\n },\n },\n defaultVariants: {\n size: 'small',\n },\n});\n\nconst textWrapperVariants = cva(styles['alert__text-wrapper'], {\n variants: {\n size: {\n small: styles['alert__text-wrapper_size_small'],\n medium: styles['alert__text-wrapper_size_medium'],\n },\n },\n defaultVariants: {\n size: 'small',\n },\n});\n\nconst titleVariants = cva(styles.alert__title, {\n variants: {\n size: {\n small: styles.alert__title_size_small,\n medium: styles.alert__title_size_medium,\n },\n },\n defaultVariants: {\n size: 'small',\n },\n});\n\nconst textVariants = cva(styles.alert__text, {\n variants: {\n size: {\n small: styles.alert__text_size_small,\n medium: styles.alert__text_size_medium,\n },\n },\n defaultVariants: {\n size: 'small',\n },\n});\n\nexport const Alert = ({\n text,\n title = '',\n size = 'small',\n state = 'neutral',\n type = 'default',\n showIcon = true,\n dismissible,\n onDismiss,\n customIcon,\n ...delegated\n}: AlertProps) => {\n const [isVisible, setIsVisible] = useState(true);\n\n const handleDismiss = useCallback(() => {\n setIsVisible(false);\n onDismiss?.();\n }, [onDismiss]);\n\n return isVisible ? (\n <div\n data-testid=\"click-alert\"\n {...delegated}\n className={cn(wrapperVariants({ state, type }))}\n >\n {dismissible && type === 'banner' && (\n <button className={styles.alert__dismiss}></button>\n )}\n {showIcon && (\n <div className={cn(iconWrapperVariants({ state, size, type }))}>\n <Icon\n size=\"sm\"\n aria-hidden\n name={customIcon || stateIconMap[state]}\n className={cn(iconVariants({ size }))}\n />\n </div>\n )}\n <div className={cn(textWrapperVariants({ size }))}>\n {title && <h6 className={cn(titleVariants({ size }))}>{title}</h6>}\n <div className={cn(textVariants({ size }))}>{text}</div>\n </div>\n {dismissible && (\n <button\n data-testid=\"click-alert-dismiss-button\"\n onClick={handleDismiss}\n className={styles.alert__dismiss}\n >\n <Icon\n name=\"cross\"\n aria-label=\"close\"\n />\n </button>\n )}\n </div>\n ) : null;\n};\n\nexport const DangerAlert = (props: AlertProps) => (\n <Alert\n {...props}\n state=\"danger\"\n />\n);\n\nexport const InfoAlert = (props: AlertProps) => (\n <Alert\n {...props}\n state=\"info\"\n />\n);\n\nexport const SuccessAlert = (props: AlertProps) => (\n <Alert\n {...props}\n state=\"success\"\n />\n);\n\nexport const WarningAlert = (props: AlertProps) => (\n <Alert\n {...props}\n state=\"warning\"\n />\n);\n"],"names":["stateIconMap","neutral","success","warning","danger","info","wrapperVariants","cva","styles","alert","variants","type","default","alert_type_default","banner","alert_type_banner","state","alert_state_neutral","alert_state_success","alert_state_warning","alert_state_danger","alert_state_info","defaultVariants","iconWrapperVariants","size","small","medium","iconVariants","alert__icon","textWrapperVariants","titleVariants","alert__title","alert__title_size_small","alert__title_size_medium","textVariants","alert__text","alert__text_size_small","alert__text_size_medium","Alert","text","title","showIcon","dismissible","onDismiss","customIcon","delegated","isVisible","setIsVisible","useState","handleDismiss","useCallback","cn","alert__dismiss","Icon","DangerAlert","props","InfoAlert","SuccessAlert","WarningAlert"],"mappings":"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"}
1
+ {"version":3,"file":"index.js","sources":["../../../../src/components/Alert/Alert.tsx"],"sourcesContent":["import { Icon, type IconName } from '@/components/Icon';\nimport { useState, useCallback } from 'react';\nimport { cn, cva } from '@/lib/cva';\nimport { AlertProps } from './Alert.types';\nimport styles from './Alert.module.css';\n\ntype AlertState = 'neutral' | 'success' | 'warning' | 'danger' | 'info';\n\nconst stateIconMap: Record<AlertState, IconName> = {\n neutral: 'information',\n success: 'check',\n warning: 'warning',\n danger: 'warning',\n info: 'information',\n};\n\nconst wrapperVariants = cva(styles.alert, {\n variants: {\n type: {\n default: styles.alert_type_default,\n banner: styles.alert_type_banner,\n },\n state: {\n neutral: styles.alert_state_neutral,\n success: styles.alert_state_success,\n warning: styles.alert_state_warning,\n danger: styles.alert_state_danger,\n info: styles.alert_state_info,\n },\n },\n defaultVariants: {\n type: 'default',\n state: 'neutral',\n },\n});\n\nconst iconWrapperVariants = cva(styles['alert__icon-wrapper'], {\n variants: {\n state: {\n neutral: styles['alert__icon-wrapper_state_neutral'],\n success: styles['alert__icon-wrapper_state_success'],\n warning: styles['alert__icon-wrapper_state_warning'],\n danger: styles['alert__icon-wrapper_state_danger'],\n info: styles['alert__icon-wrapper_state_info'],\n },\n size: {\n small: styles['alert__icon-wrapper_size_small'],\n medium: styles['alert__icon-wrapper_size_medium'],\n },\n type: {\n default: '',\n banner: styles['alert__icon-wrapper_type_banner'],\n },\n },\n defaultVariants: {\n state: 'neutral',\n size: 'small',\n type: 'default',\n },\n});\n\nconst iconVariants = cva(styles.alert__icon, {\n variants: {\n size: {\n small: styles['alert__icon_size_small'],\n medium: styles['alert__icon_size_medium'],\n },\n },\n defaultVariants: {\n size: 'small',\n },\n});\n\nconst textWrapperVariants = cva(styles['alert__text-wrapper'], {\n variants: {\n size: {\n small: styles['alert__text-wrapper_size_small'],\n medium: styles['alert__text-wrapper_size_medium'],\n },\n },\n defaultVariants: {\n size: 'small',\n },\n});\n\nconst titleVariants = cva(styles.alert__title, {\n variants: {\n size: {\n small: styles.alert__title_size_small,\n medium: styles.alert__title_size_medium,\n },\n },\n defaultVariants: {\n size: 'small',\n },\n});\n\nconst textVariants = cva(styles.alert__text, {\n variants: {\n size: {\n small: styles.alert__text_size_small,\n medium: styles.alert__text_size_medium,\n },\n },\n defaultVariants: {\n size: 'small',\n },\n});\n\nexport const Alert = ({\n text,\n title = '',\n size = 'small',\n state = 'neutral',\n type = 'default',\n showIcon = true,\n dismissible,\n onDismiss,\n customIcon,\n ...delegated\n}: AlertProps) => {\n const [isVisible, setIsVisible] = useState(true);\n\n const handleDismiss = useCallback(() => {\n setIsVisible(false);\n onDismiss?.();\n }, [onDismiss]);\n\n return isVisible ? (\n <div\n data-testid=\"click-alert\"\n {...delegated}\n className={cn(wrapperVariants({ state, type }))}\n >\n {dismissible && type === 'banner' && (\n <button\n type=\"button\"\n className={styles.alert__dismiss}\n ></button>\n )}\n {showIcon && (\n <div className={cn(iconWrapperVariants({ state, size, type }))}>\n <Icon\n size=\"sm\"\n aria-hidden\n name={customIcon || stateIconMap[state]}\n className={cn(iconVariants({ size }))}\n />\n </div>\n )}\n <div className={cn(textWrapperVariants({ size }))}>\n {title && <h6 className={cn(titleVariants({ size }))}>{title}</h6>}\n <div className={cn(textVariants({ size }))}>{text}</div>\n </div>\n {dismissible && (\n <button\n type=\"button\"\n data-testid=\"click-alert-dismiss-button\"\n onClick={handleDismiss}\n className={styles.alert__dismiss}\n >\n <Icon\n name=\"cross\"\n aria-label=\"close\"\n />\n </button>\n )}\n </div>\n ) : null;\n};\n\nexport const DangerAlert = (props: AlertProps) => (\n <Alert\n {...props}\n state=\"danger\"\n />\n);\n\nexport const InfoAlert = (props: AlertProps) => (\n <Alert\n {...props}\n state=\"info\"\n />\n);\n\nexport const SuccessAlert = (props: AlertProps) => (\n <Alert\n {...props}\n state=\"success\"\n />\n);\n\nexport const WarningAlert = (props: AlertProps) => (\n <Alert\n {...props}\n state=\"warning\"\n />\n);\n"],"names":["stateIconMap","neutral","success","warning","danger","info","wrapperVariants","cva","styles","alert","variants","type","default","alert_type_default","banner","alert_type_banner","state","alert_state_neutral","alert_state_success","alert_state_warning","alert_state_danger","alert_state_info","defaultVariants","iconWrapperVariants","size","small","medium","iconVariants","alert__icon","textWrapperVariants","titleVariants","alert__title","alert__title_size_small","alert__title_size_medium","textVariants","alert__text","alert__text_size_small","alert__text_size_medium","Alert","text","title","showIcon","dismissible","onDismiss","customIcon","delegated","isVisible","setIsVisible","useState","handleDismiss","useCallback","cn","alert__dismiss","Icon","DangerAlert","props","InfoAlert","SuccessAlert","WarningAlert"],"mappings":"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"}
@@ -0,0 +1,18 @@
1
+ import { jsxs, jsx } from 'react/jsx-runtime';
2
+ import { useId } from 'react';
3
+
4
+ const Polaris = (props) => {
5
+ const gradientId = useId();
6
+ return /* @__PURE__ */ jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", width: 64, height: 64, viewBox: "0 0 64 64", ...props, children: [
7
+ /* @__PURE__ */ jsx("defs", { children: /* @__PURE__ */ jsxs("linearGradient", { id: gradientId, x1: 0, x2: 64, y1: 0, y2: 64, gradientUnits: "userSpaceOnUse", children: [
8
+ /* @__PURE__ */ jsx("stop", { offset: "0%", stopColor: "#00777f" }),
9
+ /* @__PURE__ */ jsx("stop", { offset: "100%", stopColor: "#003545" })
10
+ ] }) }),
11
+ /* @__PURE__ */ jsx("path", { fill: `url(#${gradientId})`, d: "M0 0H64V64H0z" }),
12
+ /* @__PURE__ */ jsx("path", { fill: "none", stroke: "#007d86", d: "M.5.5H63.5V63.5H.5z" }),
13
+ /* @__PURE__ */ jsx("path", { fill: "#fff", d: "M 11.20 10.74 Q 33.14 28.57 44.34 19.89 Q 34.74 34.06 53.03 52.57 Q 34.06 34.74 19.89 44.34 Q 28.57 33.14 11.20 10.74 Z" })
14
+ ] });
15
+ };
16
+
17
+ export { Polaris as default };
18
+ //# sourceMappingURL=Polaris.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Polaris.js","sources":["../../../../../src/components/Assets/Logos/Polaris.tsx"],"sourcesContent":["import { useId } from 'react';\nimport type { SVGAssetProps } from '@/types';\n\nconst Polaris = (props: SVGAssetProps) => {\n const gradientId = useId();\n return (\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n width={64}\n height={64}\n viewBox=\"0 0 64 64\"\n {...props}\n >\n <defs>\n <linearGradient\n id={gradientId}\n x1={0}\n x2={64}\n y1={0}\n y2={64}\n gradientUnits=\"userSpaceOnUse\"\n >\n <stop\n offset=\"0%\"\n stopColor=\"#00777f\"\n />\n <stop\n offset=\"100%\"\n stopColor=\"#003545\"\n />\n </linearGradient>\n </defs>\n <path\n fill={`url(#${gradientId})`}\n d=\"M0 0H64V64H0z\"\n />\n <path\n fill=\"none\"\n stroke=\"#007d86\"\n d=\"M.5.5H63.5V63.5H.5z\"\n />\n <path\n fill=\"#fff\"\n d=\"M 11.20 10.74 Q 33.14 28.57 44.34 19.89 Q 34.74 34.06 53.03 52.57 Q 34.06 34.74 19.89 44.34 Q 28.57 33.14 11.20 10.74 Z\"\n />\n </svg>\n );\n};\nexport default Polaris;\n"],"names":["Polaris","props","gradientId","useId"],"mappings":";;;AAGA,MAAMA,OAAAA,GAAUA,CAACC,KAAAA,KAAyB;AACxC,EAAA,MAAMC,aAAaC,KAAAA,EAAM;AACzB,EAAA,uBACE,IAAA,CAAC,KAAA,EAAA,EACC,KAAA,EAAM,4BAAA,EACN,KAAA,EAAO,EAAA,EACP,MAAA,EAAQ,EAAA,EACR,OAAA,EAAQ,WAAA,EACR,GAAIF,KAAAA,EAEJ,QAAA,EAAA;AAAA,oBAAA,GAAA,CAAC,MAAA,EAAA,EACC,QAAA,kBAAA,IAAA,CAAC,gBAAA,EAAA,EACC,EAAA,EAAIC,YACJ,EAAA,EAAI,CAAA,EACJ,EAAA,EAAI,EAAA,EACJ,EAAA,EAAI,CAAA,EACJ,EAAA,EAAI,EAAA,EACJ,eAAc,gBAAA,EAEd,QAAA,EAAA;AAAA,sBAAA,GAAA,CAAC,MAAA,EAAA,EACC,MAAA,EAAO,IAAA,EACP,SAAA,EAAU,SAAA,EAAS,CAAA;AAAA,sBAErB,GAAA,CAAC,MAAA,EAAA,EACC,MAAA,EAAO,MAAA,EACP,WAAU,SAAA,EAAS;AAAA,KAAA,EAEvB,CAAA,EACF,CAAA;AAAA,wBACC,MAAA,EAAA,EACC,IAAA,EAAM,QAAQA,UAAU,CAAA,CAAA,CAAA,EACxB,GAAE,eAAA,EAAe,CAAA;AAAA,wBAElB,MAAA,EAAA,EACC,IAAA,EAAK,QACL,MAAA,EAAO,SAAA,EACP,GAAE,qBAAA,EAAqB,CAAA;AAAA,oBAEzB,GAAA,CAAC,MAAA,EAAA,EACC,IAAA,EAAK,MAAA,EACL,GAAE,yHAAA,EAAyH;AAAA,GAAA,EAE/H,CAAA;AAEJ;;;;"}
@@ -55,6 +55,7 @@ import Nodejs from '../Nodejs.js';
55
55
  import Onelake from '../Onelake.js';
56
56
  import OVH from '../OVH.js';
57
57
  import Planetscale from '../Planetscale.js';
58
+ import Polaris from '../Polaris.js';
58
59
  import Postgres from '../Postgres.js';
59
60
  import Prequel from '../Prequel.js';
60
61
  import Python from '../Python.js';
@@ -127,6 +128,7 @@ const LogosDark = {
127
128
  onelake: Onelake,
128
129
  ovh: OVH,
129
130
  planetscale: Planetscale,
131
+ polaris: Polaris,
130
132
  postgres: Postgres,
131
133
  prequel: Prequel,
132
134
  python: Python,
@@ -1 +1 @@
1
- {"version":3,"file":"LogosDark.js","sources":["../../../../../../src/components/Assets/Logos/system/LogosDark.ts"],"sourcesContent":["/*\n ** WARNING: Auto-generated file!\n ** Do NOT modify it, your changes will be lost!\n ** If you find need to modify manually,\n ** report the issue immediately.\n */\n\nimport Airbyte from '../Airbyte';\nimport Alloydb from '../Alloydb';\nimport ApacheIceberg from '../ApacheIceberg';\nimport AWS from '../AWS';\nimport AWS_ATHENA from '../AWS_ATHENA';\nimport AWS_AURORA from '../AWS_AURORA';\nimport AWS_GLUE from '../AWS_GLUE';\nimport AWS_KINESIS from '../AWS_KINESIS';\nimport AWS_MSK from '../AWS_MSK';\nimport AWS_RDS from '../AWS_RDS';\nimport AWS_REDSHIFT from '../AWS_REDSHIFT';\nimport AWS_S3 from '../AWS_S3';\nimport Azure from '../Azure';\nimport Azure_Blob_Storage from '../Azure_Blob_Storage';\nimport Azure_Event_Hub from '../Azure_Event_Hub';\nimport Biglake_Metastore from '../Biglake-Metastore';\nimport Bigquery from '../Bigquery';\nimport Clickhouse from '../Clickhouse';\nimport Cloudflare from '../Cloudflare';\nimport Confluent from '../Confluent';\nimport Crunchy_Bridge from '../Crunchy_Bridge';\nimport Csharp from '../Csharp';\nimport Databricks from '../Databricks';\nimport Datagrip from '../Datagrip';\nimport Dbeaver from '../Dbeaver';\nimport Dbt from '../Dbt';\nimport Decodeable from '../Decodeable';\nimport Deepnote from '../Deepnote';\nimport Deltalake from '../Deltalake';\nimport Digitalocean from '../Digitalocean';\nimport FeatureDatabase from '../FeatureDatabase';\nimport FeatureHexagon from '../FeatureHexagon';\nimport Fivetran from '../Fivetran';\nimport Gcp from '../Gcp';\nimport GCS from '../GCS';\nimport Github from '../Github';\nimport Golang from '../Golang';\nimport Google from '../Google';\nimport Grafana from '../Grafana';\nimport Hex from '../Hex';\nimport Hudi from '../Hudi';\nimport Iceberg from '../Iceberg';\nimport Jdbc from '../Jdbc';\nimport Kafka from '../Kafka';\nimport Kubernetes from '../Kubernetes';\nimport Lakekeeper from '../Lakekeeper';\nimport Mariadb from '../Mariadb';\nimport Metabase from '../Metabase';\nimport Microsoft from '../Microsoft';\nimport Mongodb from '../Mongodb';\nimport Mysql from '../Mysql';\nimport Neondb from '../Neondb';\nimport Nessie from '../Nessie';\nimport Nodejs from '../Nodejs';\nimport Onelake from '../Onelake';\nimport OVH from '../OVH';\nimport Planetscale from '../Planetscale';\nimport Postgres from '../Postgres';\nimport Prequel from '../Prequel';\nimport Python from '../Python';\nimport Redpanda from '../Redpanda';\nimport Rust from '../Rust';\nimport Snowflake from '../Snowflake';\nimport Supabase from '../Supabase';\nimport Superset from '../Superset';\nimport Tableau from '../Tableau';\nimport Tigerdata from '../Tigerdata';\nimport Upstash from '../Upstash';\nimport Vector from '../Vector';\nimport Warpstream from '../Warpstream';\nimport { LogoName } from './types';\nimport type { SVGAssetProps } from '@/types';\nimport type { ComponentType } from 'react';\n\nconst LogosDark: Record<LogoName, ComponentType<SVGAssetProps>> = {\n airbyte: Airbyte,\n alloydb: Alloydb,\n 'apache-iceberg': ApacheIceberg,\n aws: AWS,\n 'aws-athena': AWS_ATHENA,\n 'aws-aurora': AWS_AURORA,\n 'aws-glue': AWS_GLUE,\n 'aws-kinesis': AWS_KINESIS,\n 'aws-msk': AWS_MSK,\n 'aws-rds': AWS_RDS,\n 'aws-redshift': AWS_REDSHIFT,\n 'aws-s3': AWS_S3,\n azure: Azure,\n 'azure-blob-storage': Azure_Blob_Storage,\n 'azure-event-hub': Azure_Event_Hub,\n 'biglake-metastore': Biglake_Metastore,\n bigquery: Bigquery,\n clickhouse: Clickhouse,\n cloudflare: Cloudflare,\n confluent: Confluent,\n 'crunchy-bridge': Crunchy_Bridge,\n csharp: Csharp,\n databricks: Databricks,\n datagrip: Datagrip,\n dbeaver: Dbeaver,\n dbt: Dbt,\n decodeable: Decodeable,\n deepnote: Deepnote,\n deltalake: Deltalake,\n digitalocean: Digitalocean,\n 'feature-database': FeatureDatabase,\n 'feature-hexagon': FeatureHexagon,\n fivetran: Fivetran,\n gcp: Gcp,\n gcs: GCS,\n github: Github,\n golang: Golang,\n google: Google,\n grafana: Grafana,\n hex: Hex,\n hudi: Hudi,\n iceberg: Iceberg,\n jdbc: Jdbc,\n kafka: Kafka,\n kubernetes: Kubernetes,\n lakekeeper: Lakekeeper,\n mariadb: Mariadb,\n metabase: Metabase,\n microsoft: Microsoft,\n mongodb: Mongodb,\n mysql: Mysql,\n neondb: Neondb,\n nessie: Nessie,\n nodejs: Nodejs,\n onelake: Onelake,\n ovh: OVH,\n planetscale: Planetscale,\n postgres: Postgres,\n prequel: Prequel,\n python: Python,\n redpanda: Redpanda,\n rust: Rust,\n snowflake: Snowflake,\n supabase: Supabase,\n superset: Superset,\n tableau: Tableau,\n tigerdata: Tigerdata,\n upstash: Upstash,\n vector: Vector,\n warpstream: Warpstream,\n};\n\nexport default LogosDark;\n"],"names":["LogosDark","airbyte","Airbyte","alloydb","Alloydb","ApacheIceberg","aws","AWS","AWS_ATHENA","AWS_AURORA","AWS_GLUE","AWS_KINESIS","AWS_MSK","AWS_RDS","AWS_REDSHIFT","AWS_S3","azure","Azure","Azure_Blob_Storage","Azure_Event_Hub","Biglake_Metastore","bigquery","Bigquery","clickhouse","Clickhouse","cloudflare","Cloudflare","confluent","Confluent","Crunchy_Bridge","csharp","Csharp","databricks","Databricks","datagrip","Datagrip","dbeaver","Dbeaver","dbt","Dbt","decodeable","Decodeable","deepnote","Deepnote","deltalake","Deltalake","digitalocean","Digitalocean","FeatureDatabase","FeatureHexagon","fivetran","Fivetran","gcp","Gcp","gcs","GCS","github","Github","golang","Golang","google","Google","grafana","Grafana","hex","Hex","hudi","Hudi","iceberg","Iceberg","jdbc","Jdbc","kafka","Kafka","kubernetes","Kubernetes","lakekeeper","Lakekeeper","mariadb","Mariadb","metabase","Metabase","microsoft","Microsoft","mongodb","Mongodb","mysql","Mysql","neondb","Neondb","nessie","Nessie","nodejs","Nodejs","onelake","Onelake","ovh","OVH","planetscale","Planetscale","postgres","Postgres","prequel","Prequel","python","Python","redpanda","Redpanda","rust","Rust","snowflake","Snowflake","supabase","Supabase","superset","Superset","tableau","Tableau","tigerdata","Tigerdata","upstash","Upstash","vector","Vector","warpstream","Warpstream"],"mappings":"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"}
1
+ {"version":3,"file":"LogosDark.js","sources":["../../../../../../src/components/Assets/Logos/system/LogosDark.ts"],"sourcesContent":["/*\n ** WARNING: Auto-generated file!\n ** Do NOT modify it, your changes will be lost!\n ** If you find need to modify manually,\n ** report the issue immediately.\n */\n\nimport Airbyte from '../Airbyte';\nimport Alloydb from '../Alloydb';\nimport ApacheIceberg from '../ApacheIceberg';\nimport AWS from '../AWS';\nimport AWS_ATHENA from '../AWS_ATHENA';\nimport AWS_AURORA from '../AWS_AURORA';\nimport AWS_GLUE from '../AWS_GLUE';\nimport AWS_KINESIS from '../AWS_KINESIS';\nimport AWS_MSK from '../AWS_MSK';\nimport AWS_RDS from '../AWS_RDS';\nimport AWS_REDSHIFT from '../AWS_REDSHIFT';\nimport AWS_S3 from '../AWS_S3';\nimport Azure from '../Azure';\nimport Azure_Blob_Storage from '../Azure_Blob_Storage';\nimport Azure_Event_Hub from '../Azure_Event_Hub';\nimport Biglake_Metastore from '../Biglake-Metastore';\nimport Bigquery from '../Bigquery';\nimport Clickhouse from '../Clickhouse';\nimport Cloudflare from '../Cloudflare';\nimport Confluent from '../Confluent';\nimport Crunchy_Bridge from '../Crunchy_Bridge';\nimport Csharp from '../Csharp';\nimport Databricks from '../Databricks';\nimport Datagrip from '../Datagrip';\nimport Dbeaver from '../Dbeaver';\nimport Dbt from '../Dbt';\nimport Decodeable from '../Decodeable';\nimport Deepnote from '../Deepnote';\nimport Deltalake from '../Deltalake';\nimport Digitalocean from '../Digitalocean';\nimport FeatureDatabase from '../FeatureDatabase';\nimport FeatureHexagon from '../FeatureHexagon';\nimport Fivetran from '../Fivetran';\nimport Gcp from '../Gcp';\nimport GCS from '../GCS';\nimport Github from '../Github';\nimport Golang from '../Golang';\nimport Google from '../Google';\nimport Grafana from '../Grafana';\nimport Hex from '../Hex';\nimport Hudi from '../Hudi';\nimport Iceberg from '../Iceberg';\nimport Jdbc from '../Jdbc';\nimport Kafka from '../Kafka';\nimport Kubernetes from '../Kubernetes';\nimport Lakekeeper from '../Lakekeeper';\nimport Mariadb from '../Mariadb';\nimport Metabase from '../Metabase';\nimport Microsoft from '../Microsoft';\nimport Mongodb from '../Mongodb';\nimport Mysql from '../Mysql';\nimport Neondb from '../Neondb';\nimport Nessie from '../Nessie';\nimport Nodejs from '../Nodejs';\nimport Onelake from '../Onelake';\nimport OVH from '../OVH';\nimport Planetscale from '../Planetscale';\nimport Polaris from '../Polaris';\nimport Postgres from '../Postgres';\nimport Prequel from '../Prequel';\nimport Python from '../Python';\nimport Redpanda from '../Redpanda';\nimport Rust from '../Rust';\nimport Snowflake from '../Snowflake';\nimport Supabase from '../Supabase';\nimport Superset from '../Superset';\nimport Tableau from '../Tableau';\nimport Tigerdata from '../Tigerdata';\nimport Upstash from '../Upstash';\nimport Vector from '../Vector';\nimport Warpstream from '../Warpstream';\nimport { LogoName } from './types';\nimport type { SVGAssetProps } from '@/types';\nimport type { ComponentType } from 'react';\n\nconst LogosDark: Record<LogoName, ComponentType<SVGAssetProps>> = {\n airbyte: Airbyte,\n alloydb: Alloydb,\n 'apache-iceberg': ApacheIceberg,\n aws: AWS,\n 'aws-athena': AWS_ATHENA,\n 'aws-aurora': AWS_AURORA,\n 'aws-glue': AWS_GLUE,\n 'aws-kinesis': AWS_KINESIS,\n 'aws-msk': AWS_MSK,\n 'aws-rds': AWS_RDS,\n 'aws-redshift': AWS_REDSHIFT,\n 'aws-s3': AWS_S3,\n azure: Azure,\n 'azure-blob-storage': Azure_Blob_Storage,\n 'azure-event-hub': Azure_Event_Hub,\n 'biglake-metastore': Biglake_Metastore,\n bigquery: Bigquery,\n clickhouse: Clickhouse,\n cloudflare: Cloudflare,\n confluent: Confluent,\n 'crunchy-bridge': Crunchy_Bridge,\n csharp: Csharp,\n databricks: Databricks,\n datagrip: Datagrip,\n dbeaver: Dbeaver,\n dbt: Dbt,\n decodeable: Decodeable,\n deepnote: Deepnote,\n deltalake: Deltalake,\n digitalocean: Digitalocean,\n 'feature-database': FeatureDatabase,\n 'feature-hexagon': FeatureHexagon,\n fivetran: Fivetran,\n gcp: Gcp,\n gcs: GCS,\n github: Github,\n golang: Golang,\n google: Google,\n grafana: Grafana,\n hex: Hex,\n hudi: Hudi,\n iceberg: Iceberg,\n jdbc: Jdbc,\n kafka: Kafka,\n kubernetes: Kubernetes,\n lakekeeper: Lakekeeper,\n mariadb: Mariadb,\n metabase: Metabase,\n microsoft: Microsoft,\n mongodb: Mongodb,\n mysql: Mysql,\n neondb: Neondb,\n nessie: Nessie,\n nodejs: Nodejs,\n onelake: Onelake,\n ovh: OVH,\n planetscale: Planetscale,\n polaris: Polaris,\n postgres: Postgres,\n prequel: Prequel,\n python: Python,\n redpanda: Redpanda,\n rust: Rust,\n snowflake: Snowflake,\n supabase: Supabase,\n superset: Superset,\n tableau: Tableau,\n tigerdata: Tigerdata,\n upstash: Upstash,\n vector: Vector,\n warpstream: Warpstream,\n};\n\nexport default LogosDark;\n"],"names":["LogosDark","airbyte","Airbyte","alloydb","Alloydb","ApacheIceberg","aws","AWS","AWS_ATHENA","AWS_AURORA","AWS_GLUE","AWS_KINESIS","AWS_MSK","AWS_RDS","AWS_REDSHIFT","AWS_S3","azure","Azure","Azure_Blob_Storage","Azure_Event_Hub","Biglake_Metastore","bigquery","Bigquery","clickhouse","Clickhouse","cloudflare","Cloudflare","confluent","Confluent","Crunchy_Bridge","csharp","Csharp","databricks","Databricks","datagrip","Datagrip","dbeaver","Dbeaver","dbt","Dbt","decodeable","Decodeable","deepnote","Deepnote","deltalake","Deltalake","digitalocean","Digitalocean","FeatureDatabase","FeatureHexagon","fivetran","Fivetran","gcp","Gcp","gcs","GCS","github","Github","golang","Golang","google","Google","grafana","Grafana","hex","Hex","hudi","Hudi","iceberg","Iceberg","jdbc","Jdbc","kafka","Kafka","kubernetes","Kubernetes","lakekeeper","Lakekeeper","mariadb","Mariadb","metabase","Metabase","microsoft","Microsoft","mongodb","Mongodb","mysql","Mysql","neondb","Neondb","nessie","Nessie","nodejs","Nodejs","onelake","Onelake","ovh","OVH","planetscale","Planetscale","polaris","Polaris","postgres","Postgres","prequel","Prequel","python","Python","redpanda","Redpanda","rust","Rust","snowflake","Snowflake","supabase","Supabase","superset","Superset","tableau","Tableau","tigerdata","Tigerdata","upstash","Upstash","vector","Vector","warpstream","Warpstream"],"mappings":"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"}
@@ -55,6 +55,7 @@ import Nodejs from '../Nodejs.js';
55
55
  import Onelake from '../Onelake.js';
56
56
  import OVH from '../OVH.js';
57
57
  import Planetscale from '../Planetscale.js';
58
+ import Polaris from '../Polaris.js';
58
59
  import Postgres from '../Postgres.js';
59
60
  import Prequel from '../Prequel.js';
60
61
  import Python from '../Python.js';
@@ -127,6 +128,7 @@ const LogosLight = {
127
128
  onelake: Onelake,
128
129
  ovh: OVH,
129
130
  planetscale: Planetscale,
131
+ polaris: Polaris,
130
132
  postgres: Postgres,
131
133
  prequel: Prequel,
132
134
  python: Python,
@@ -1 +1 @@
1
- {"version":3,"file":"LogosLight.js","sources":["../../../../../../src/components/Assets/Logos/system/LogosLight.ts"],"sourcesContent":["/*\n ** WARNING: Auto-generated file!\n ** Do NOT modify it, your changes will be lost!\n ** If you find need to modify manually,\n ** report the issue immediately.\n */\n\nimport Airbyte from '../Airbyte';\nimport Alloydb from '../Alloydb';\nimport ApacheIceberg from '../ApacheIceberg';\nimport AWS from '../AWS';\nimport AWS_ATHENA from '../AWS_ATHENA';\nimport AWS_AURORA from '../AWS_AURORA';\nimport AWS_GLUE from '../AWS_GLUE';\nimport AWS_KINESIS from '../AWS_KINESIS';\nimport AWS_MSK from '../AWS_MSK';\nimport AWS_RDS from '../AWS_RDS';\nimport AWS_REDSHIFT from '../AWS_REDSHIFT';\nimport AWS_S3 from '../AWS_S3';\nimport Azure from '../Azure';\nimport Azure_Blob_Storage from '../Azure_Blob_Storage';\nimport Azure_Event_Hub from '../Azure_Event_Hub';\nimport Biglake_Metastore from '../Biglake-Metastore';\nimport Bigquery from '../Bigquery';\nimport Clickhouse from '../Clickhouse';\nimport Cloudflare from '../Cloudflare';\nimport Confluent from '../Confluent';\nimport Crunchy_Bridge from '../Crunchy_Bridge';\nimport Csharp from '../Csharp';\nimport Databricks from '../Databricks';\nimport Datagrip from '../Datagrip';\nimport Dbeaver from '../Dbeaver';\nimport Dbt from '../Dbt';\nimport Decodeable from '../Decodeable';\nimport Deepnote from '../Deepnote';\nimport Deltalake from '../Deltalake';\nimport Digitalocean from '../Digitalocean';\nimport FeatureDatabase from '../FeatureDatabase';\nimport FeatureHexagon from '../FeatureHexagon';\nimport Fivetran from '../Fivetran';\nimport Gcp from '../Gcp';\nimport GCS from '../GCS';\nimport Github from '../Github';\nimport Golang from '../Golang';\nimport Google from '../Google';\nimport Grafana from '../Grafana';\nimport Hex from '../Hex';\nimport Hudi from '../Hudi';\nimport Iceberg from '../Iceberg';\nimport Jdbc from '../Jdbc';\nimport Kafka from '../Kafka';\nimport Kubernetes from '../Kubernetes';\nimport Lakekeeper from '../Lakekeeper';\nimport Mariadb from '../Mariadb';\nimport Metabase from '../Metabase';\nimport Microsoft from '../Microsoft';\nimport Mongodb from '../Mongodb';\nimport Mysql from '../Mysql';\nimport Neondb from '../Neondb';\nimport Nessie from '../Nessie';\nimport Nodejs from '../Nodejs';\nimport Onelake from '../Onelake';\nimport OVH from '../OVH';\nimport Planetscale from '../Planetscale';\nimport Postgres from '../Postgres';\nimport Prequel from '../Prequel';\nimport Python from '../Python';\nimport Redpanda from '../Redpanda';\nimport Rust from '../Rust';\nimport Snowflake from '../Snowflake';\nimport Supabase from '../Supabase';\nimport Superset from '../Superset';\nimport Tableau from '../Tableau';\nimport Tigerdata from '../Tigerdata';\nimport Upstash from '../Upstash';\nimport Vector from '../Vector';\nimport Warpstream from '../Warpstream';\nimport { LogoName } from './types';\nimport type { SVGAssetProps } from '@/types';\nimport type { ComponentType } from 'react';\n\nconst LogosLight: Record<LogoName, ComponentType<SVGAssetProps>> = {\n airbyte: Airbyte,\n alloydb: Alloydb,\n 'apache-iceberg': ApacheIceberg,\n aws: AWS,\n 'aws-athena': AWS_ATHENA,\n 'aws-aurora': AWS_AURORA,\n 'aws-glue': AWS_GLUE,\n 'aws-kinesis': AWS_KINESIS,\n 'aws-msk': AWS_MSK,\n 'aws-rds': AWS_RDS,\n 'aws-redshift': AWS_REDSHIFT,\n 'aws-s3': AWS_S3,\n azure: Azure,\n 'azure-blob-storage': Azure_Blob_Storage,\n 'azure-event-hub': Azure_Event_Hub,\n 'biglake-metastore': Biglake_Metastore,\n bigquery: Bigquery,\n clickhouse: Clickhouse,\n cloudflare: Cloudflare,\n confluent: Confluent,\n 'crunchy-bridge': Crunchy_Bridge,\n csharp: Csharp,\n databricks: Databricks,\n datagrip: Datagrip,\n dbeaver: Dbeaver,\n dbt: Dbt,\n decodeable: Decodeable,\n deepnote: Deepnote,\n deltalake: Deltalake,\n digitalocean: Digitalocean,\n 'feature-database': FeatureDatabase,\n 'feature-hexagon': FeatureHexagon,\n fivetran: Fivetran,\n gcp: Gcp,\n gcs: GCS,\n github: Github,\n golang: Golang,\n google: Google,\n grafana: Grafana,\n hex: Hex,\n hudi: Hudi,\n iceberg: Iceberg,\n jdbc: Jdbc,\n kafka: Kafka,\n kubernetes: Kubernetes,\n lakekeeper: Lakekeeper,\n mariadb: Mariadb,\n metabase: Metabase,\n microsoft: Microsoft,\n mongodb: Mongodb,\n mysql: Mysql,\n neondb: Neondb,\n nessie: Nessie,\n nodejs: Nodejs,\n onelake: Onelake,\n ovh: OVH,\n planetscale: Planetscale,\n postgres: Postgres,\n prequel: Prequel,\n python: Python,\n redpanda: Redpanda,\n rust: Rust,\n snowflake: Snowflake,\n supabase: Supabase,\n superset: Superset,\n tableau: Tableau,\n tigerdata: Tigerdata,\n upstash: Upstash,\n vector: Vector,\n warpstream: Warpstream,\n};\n\nexport default LogosLight;\n"],"names":["LogosLight","airbyte","Airbyte","alloydb","Alloydb","ApacheIceberg","aws","AWS","AWS_ATHENA","AWS_AURORA","AWS_GLUE","AWS_KINESIS","AWS_MSK","AWS_RDS","AWS_REDSHIFT","AWS_S3","azure","Azure","Azure_Blob_Storage","Azure_Event_Hub","Biglake_Metastore","bigquery","Bigquery","clickhouse","Clickhouse","cloudflare","Cloudflare","confluent","Confluent","Crunchy_Bridge","csharp","Csharp","databricks","Databricks","datagrip","Datagrip","dbeaver","Dbeaver","dbt","Dbt","decodeable","Decodeable","deepnote","Deepnote","deltalake","Deltalake","digitalocean","Digitalocean","FeatureDatabase","FeatureHexagon","fivetran","Fivetran","gcp","Gcp","gcs","GCS","github","Github","golang","Golang","google","Google","grafana","Grafana","hex","Hex","hudi","Hudi","iceberg","Iceberg","jdbc","Jdbc","kafka","Kafka","kubernetes","Kubernetes","lakekeeper","Lakekeeper","mariadb","Mariadb","metabase","Metabase","microsoft","Microsoft","mongodb","Mongodb","mysql","Mysql","neondb","Neondb","nessie","Nessie","nodejs","Nodejs","onelake","Onelake","ovh","OVH","planetscale","Planetscale","postgres","Postgres","prequel","Prequel","python","Python","redpanda","Redpanda","rust","Rust","snowflake","Snowflake","supabase","Supabase","superset","Superset","tableau","Tableau","tigerdata","Tigerdata","upstash","Upstash","vector","Vector","warpstream","Warpstream"],"mappings":"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"}
1
+ {"version":3,"file":"LogosLight.js","sources":["../../../../../../src/components/Assets/Logos/system/LogosLight.ts"],"sourcesContent":["/*\n ** WARNING: Auto-generated file!\n ** Do NOT modify it, your changes will be lost!\n ** If you find need to modify manually,\n ** report the issue immediately.\n */\n\nimport Airbyte from '../Airbyte';\nimport Alloydb from '../Alloydb';\nimport ApacheIceberg from '../ApacheIceberg';\nimport AWS from '../AWS';\nimport AWS_ATHENA from '../AWS_ATHENA';\nimport AWS_AURORA from '../AWS_AURORA';\nimport AWS_GLUE from '../AWS_GLUE';\nimport AWS_KINESIS from '../AWS_KINESIS';\nimport AWS_MSK from '../AWS_MSK';\nimport AWS_RDS from '../AWS_RDS';\nimport AWS_REDSHIFT from '../AWS_REDSHIFT';\nimport AWS_S3 from '../AWS_S3';\nimport Azure from '../Azure';\nimport Azure_Blob_Storage from '../Azure_Blob_Storage';\nimport Azure_Event_Hub from '../Azure_Event_Hub';\nimport Biglake_Metastore from '../Biglake-Metastore';\nimport Bigquery from '../Bigquery';\nimport Clickhouse from '../Clickhouse';\nimport Cloudflare from '../Cloudflare';\nimport Confluent from '../Confluent';\nimport Crunchy_Bridge from '../Crunchy_Bridge';\nimport Csharp from '../Csharp';\nimport Databricks from '../Databricks';\nimport Datagrip from '../Datagrip';\nimport Dbeaver from '../Dbeaver';\nimport Dbt from '../Dbt';\nimport Decodeable from '../Decodeable';\nimport Deepnote from '../Deepnote';\nimport Deltalake from '../Deltalake';\nimport Digitalocean from '../Digitalocean';\nimport FeatureDatabase from '../FeatureDatabase';\nimport FeatureHexagon from '../FeatureHexagon';\nimport Fivetran from '../Fivetran';\nimport Gcp from '../Gcp';\nimport GCS from '../GCS';\nimport Github from '../Github';\nimport Golang from '../Golang';\nimport Google from '../Google';\nimport Grafana from '../Grafana';\nimport Hex from '../Hex';\nimport Hudi from '../Hudi';\nimport Iceberg from '../Iceberg';\nimport Jdbc from '../Jdbc';\nimport Kafka from '../Kafka';\nimport Kubernetes from '../Kubernetes';\nimport Lakekeeper from '../Lakekeeper';\nimport Mariadb from '../Mariadb';\nimport Metabase from '../Metabase';\nimport Microsoft from '../Microsoft';\nimport Mongodb from '../Mongodb';\nimport Mysql from '../Mysql';\nimport Neondb from '../Neondb';\nimport Nessie from '../Nessie';\nimport Nodejs from '../Nodejs';\nimport Onelake from '../Onelake';\nimport OVH from '../OVH';\nimport Planetscale from '../Planetscale';\nimport Polaris from '../Polaris';\nimport Postgres from '../Postgres';\nimport Prequel from '../Prequel';\nimport Python from '../Python';\nimport Redpanda from '../Redpanda';\nimport Rust from '../Rust';\nimport Snowflake from '../Snowflake';\nimport Supabase from '../Supabase';\nimport Superset from '../Superset';\nimport Tableau from '../Tableau';\nimport Tigerdata from '../Tigerdata';\nimport Upstash from '../Upstash';\nimport Vector from '../Vector';\nimport Warpstream from '../Warpstream';\nimport { LogoName } from './types';\nimport type { SVGAssetProps } from '@/types';\nimport type { ComponentType } from 'react';\n\nconst LogosLight: Record<LogoName, ComponentType<SVGAssetProps>> = {\n airbyte: Airbyte,\n alloydb: Alloydb,\n 'apache-iceberg': ApacheIceberg,\n aws: AWS,\n 'aws-athena': AWS_ATHENA,\n 'aws-aurora': AWS_AURORA,\n 'aws-glue': AWS_GLUE,\n 'aws-kinesis': AWS_KINESIS,\n 'aws-msk': AWS_MSK,\n 'aws-rds': AWS_RDS,\n 'aws-redshift': AWS_REDSHIFT,\n 'aws-s3': AWS_S3,\n azure: Azure,\n 'azure-blob-storage': Azure_Blob_Storage,\n 'azure-event-hub': Azure_Event_Hub,\n 'biglake-metastore': Biglake_Metastore,\n bigquery: Bigquery,\n clickhouse: Clickhouse,\n cloudflare: Cloudflare,\n confluent: Confluent,\n 'crunchy-bridge': Crunchy_Bridge,\n csharp: Csharp,\n databricks: Databricks,\n datagrip: Datagrip,\n dbeaver: Dbeaver,\n dbt: Dbt,\n decodeable: Decodeable,\n deepnote: Deepnote,\n deltalake: Deltalake,\n digitalocean: Digitalocean,\n 'feature-database': FeatureDatabase,\n 'feature-hexagon': FeatureHexagon,\n fivetran: Fivetran,\n gcp: Gcp,\n gcs: GCS,\n github: Github,\n golang: Golang,\n google: Google,\n grafana: Grafana,\n hex: Hex,\n hudi: Hudi,\n iceberg: Iceberg,\n jdbc: Jdbc,\n kafka: Kafka,\n kubernetes: Kubernetes,\n lakekeeper: Lakekeeper,\n mariadb: Mariadb,\n metabase: Metabase,\n microsoft: Microsoft,\n mongodb: Mongodb,\n mysql: Mysql,\n neondb: Neondb,\n nessie: Nessie,\n nodejs: Nodejs,\n onelake: Onelake,\n ovh: OVH,\n planetscale: Planetscale,\n polaris: Polaris,\n postgres: Postgres,\n prequel: Prequel,\n python: Python,\n redpanda: Redpanda,\n rust: Rust,\n snowflake: Snowflake,\n supabase: Supabase,\n superset: Superset,\n tableau: Tableau,\n tigerdata: Tigerdata,\n upstash: Upstash,\n vector: Vector,\n warpstream: Warpstream,\n};\n\nexport default LogosLight;\n"],"names":["LogosLight","airbyte","Airbyte","alloydb","Alloydb","ApacheIceberg","aws","AWS","AWS_ATHENA","AWS_AURORA","AWS_GLUE","AWS_KINESIS","AWS_MSK","AWS_RDS","AWS_REDSHIFT","AWS_S3","azure","Azure","Azure_Blob_Storage","Azure_Event_Hub","Biglake_Metastore","bigquery","Bigquery","clickhouse","Clickhouse","cloudflare","Cloudflare","confluent","Confluent","Crunchy_Bridge","csharp","Csharp","databricks","Databricks","datagrip","Datagrip","dbeaver","Dbeaver","dbt","Dbt","decodeable","Decodeable","deepnote","Deepnote","deltalake","Deltalake","digitalocean","Digitalocean","FeatureDatabase","FeatureHexagon","fivetran","Fivetran","gcp","Gcp","gcs","GCS","github","Github","golang","Golang","google","Google","grafana","Grafana","hex","Hex","hudi","Hudi","iceberg","Iceberg","jdbc","Jdbc","kafka","Kafka","kubernetes","Kubernetes","lakekeeper","Lakekeeper","mariadb","Mariadb","metabase","Metabase","microsoft","Microsoft","mongodb","Mongodb","mysql","Mysql","neondb","Neondb","nessie","Nessie","nodejs","Nodejs","onelake","Onelake","ovh","OVH","planetscale","Planetscale","polaris","Polaris","postgres","Postgres","prequel","Prequel","python","Python","redpanda","Redpanda","rust","Rust","snowflake","Snowflake","supabase","Supabase","superset","Superset","tableau","Tableau","tigerdata","Tigerdata","upstash","Upstash","vector","Vector","warpstream","Warpstream"],"mappings":"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"}
@@ -0,0 +1,77 @@
1
+ /* stylelint-disable custom-property-pattern -- design tokens use camelCase (e.g. bigStat) */
2
+ .big-stat__ZC5s7 {
3
+ --big-stat-max-width: initial;
4
+
5
+ display: flex;
6
+ box-sizing: border-box;
7
+ max-width: var(--big-stat-max-width, none);
8
+ min-height: var(--big-stat-height, auto);
9
+ padding: var(--click-bigStat-space-all);
10
+ justify-content: center;
11
+ border: var(--click-bigStat-stroke) solid var(--big-stat-stroke-color);
12
+ border-radius: var(--click-bigStat-radii-all);
13
+ background-color: var(--big-stat-background);
14
+ color: var(--big-stat-label-color);
15
+ font: var(--big-stat-label-font);
16
+ }
17
+
18
+ /* State drives the color/background tokens. The `default` and `muted`
19
+ typography tokens are byte-identical, so font is dispatched on size only. */
20
+ .big-stat_state_default__YsXXh {
21
+ --big-stat-background: var(--click-bigStat-color-background-default);
22
+ --big-stat-label-color: var(--click-bigStat-color-label-default);
23
+ --big-stat-title-color: var(--click-bigStat-color-title-default);
24
+ --big-stat-stroke-color: var(--click-bigStat-color-stroke-default);
25
+ }
26
+
27
+ .big-stat_state_muted__FI-y- {
28
+ --big-stat-background: var(--click-bigStat-color-background-muted);
29
+ --big-stat-label-color: var(--click-bigStat-color-label-muted);
30
+ --big-stat-title-color: var(--click-bigStat-color-title-muted);
31
+ --big-stat-stroke-color: var(--click-bigStat-color-stroke-muted);
32
+ }
33
+
34
+ .big-stat_size_lg__B4I3T {
35
+ --big-stat-label-font: var(--click-bigStat-typography-lg-label-default);
36
+ --big-stat-title-font: var(--click-bigStat-typography-lg-title-default);
37
+ }
38
+
39
+ .big-stat_size_sm__q2e-M {
40
+ --big-stat-label-font: var(--click-bigStat-typography-sm-label-default);
41
+ --big-stat-title-font: var(--click-bigStat-typography-sm-title-default);
42
+ }
43
+
44
+ .big-stat_error__jprpL {
45
+ --big-stat-label-color: var(--click-bigStat-color-label-danger);
46
+ --big-stat-stroke-color: var(--click-bigStat-color-stroke-danger);
47
+ }
48
+
49
+ .big-stat_order_title-top__ccjZB {
50
+ flex-direction: column;
51
+ }
52
+
53
+ .big-stat_order_title-bottom__Mpgww {
54
+ flex-direction: column-reverse;
55
+ }
56
+
57
+ .big-stat_fill-width__FxoMI {
58
+ width: 100%;
59
+ }
60
+
61
+ .big-stat_spacing_sm__Xx-wJ {
62
+ gap: var(--click-bigStat-space-sm-gap);
63
+ }
64
+
65
+ .big-stat_spacing_lg__MTWck {
66
+ gap: var(--click-bigStat-space-lg-gap);
67
+ }
68
+
69
+ .big-stat__label__MAyV0 {
70
+ color: var(--big-stat-label-color);
71
+ font: var(--big-stat-label-font);
72
+ }
73
+
74
+ .big-stat__title__ql7Gx {
75
+ color: var(--big-stat-title-color);
76
+ font: var(--big-stat-title-font);
77
+ }
@@ -0,0 +1,18 @@
1
+ const styles = {
2
+ "big-stat": "big-stat__ZC5s7",
3
+ "big-stat_state_default": "big-stat_state_default__YsXXh",
4
+ "big-stat_state_muted": "big-stat_state_muted__FI-y-",
5
+ "big-stat_size_lg": "big-stat_size_lg__B4I3T",
6
+ "big-stat_size_sm": "big-stat_size_sm__q2e-M",
7
+ "big-stat_error": "big-stat_error__jprpL",
8
+ "big-stat_order_title-top": "big-stat_order_title-top__ccjZB",
9
+ "big-stat_order_title-bottom": "big-stat_order_title-bottom__Mpgww",
10
+ "big-stat_fill-width": "big-stat_fill-width__FxoMI",
11
+ "big-stat_spacing_sm": "big-stat_spacing_sm__Xx-wJ",
12
+ "big-stat_spacing_lg": "big-stat_spacing_lg__MTWck",
13
+ "big-stat__label": "big-stat__label__MAyV0",
14
+ "big-stat__title": "big-stat__title__ql7Gx"
15
+ };
16
+
17
+ export { styles as default };
18
+ //# sourceMappingURL=BigStat.module.css.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"BigStat.module.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;"}
@@ -1,68 +1,76 @@
1
+ import "./BigStat.css";
1
2
  import { jsxs, jsx } from 'react/jsx-runtime';
2
- import { styled } from 'styled-components';
3
+ import { useMemo } from 'react';
4
+ import { cn } from '../../lib/cva.js';
5
+ import styles from './BigStat.module.css.js';
6
+ import { cva } from 'class-variance-authority';
3
7
 
8
+ const wrapperVariants = cva(styles["big-stat"], {
9
+ variants: {
10
+ state: {
11
+ default: styles["big-stat_state_default"],
12
+ muted: styles["big-stat_state_muted"]
13
+ },
14
+ size: {
15
+ lg: styles["big-stat_size_lg"],
16
+ sm: styles["big-stat_size_sm"]
17
+ },
18
+ spacing: {
19
+ sm: styles["big-stat_spacing_sm"],
20
+ lg: styles["big-stat_spacing_lg"]
21
+ },
22
+ order: {
23
+ titleTop: styles["big-stat_order_title-top"],
24
+ titleBottom: styles["big-stat_order_title-bottom"]
25
+ },
26
+ fillWidth: {
27
+ true: styles["big-stat_fill-width"]
28
+ },
29
+ error: {
30
+ true: styles["big-stat_error"]
31
+ }
32
+ },
33
+ defaultVariants: {
34
+ state: "default",
35
+ size: "lg",
36
+ spacing: "sm",
37
+ order: "titleTop"
38
+ }
39
+ });
4
40
  const BigStat = ({
5
41
  fillWidth = false,
6
42
  maxWidth,
7
43
  height = "6rem",
8
44
  label = "Label",
9
45
  order = "titleTop",
10
- size,
46
+ size = "lg",
11
47
  spacing = "sm",
12
48
  state = "default",
13
49
  title = "Title",
14
50
  error = false,
51
+ className,
52
+ style,
15
53
  ...props
16
- }) => /* @__PURE__ */ jsxs(Wrapper, { $height: height, $order: order, $size: size, $spacing: spacing, $state: state, $fillWidth: fillWidth, $maxWidth: maxWidth, $error: error, ...props, children: [
17
- /* @__PURE__ */ jsx(Label, { $state: state, $size: size, $error: error, children: label }),
18
- /* @__PURE__ */ jsx(Title, { $state: state, $size: size, children: title })
19
- ] });
20
- const Wrapper = styled.div.withConfig({
21
- componentId: "sc-u5029o-0"
22
- })(["display:flex;justify-content:center;box-sizing:border-box;", ""], ({
23
- $fillWidth = false,
24
- $maxWidth = "none",
25
- $state = "default",
26
- $size = "lg",
27
- $height = "fixed",
28
- $order,
29
- $spacing = "sm",
30
- $error = false,
31
- theme
32
- }) => `
33
- background-color: ${theme.click.bigStat.color.background[$state]};
34
- color: ${theme.click.bigStat.color.label[$state]};
35
- font: ${theme.click.bigStat.typography[$size].label[$state]};
36
- border-radius: ${theme.click.bigStat.radii.all};
37
- border: ${theme.click.bigStat.stroke} solid ${$error ? theme.click.bigStat.color.stroke.danger : theme.click.bigStat.color.stroke[$state]};
38
- gap: ${theme.click.bigStat.space[$spacing].gap};
39
- padding: ${theme.click.bigStat.space.all};
40
- min-height: ${$height !== void 0 ? `${$height}` : "auto"};
41
- flex-direction: ${$order === "titleBottom" ? "column-reverse" : "column"};
42
- width: ${$fillWidth === true ? "100%" : "auto"};
43
- max-width: ${$maxWidth ? $maxWidth : "none"};
44
- `);
45
- const Label = styled.div.withConfig({
46
- componentId: "sc-u5029o-1"
47
- })(["", ""], ({
48
- $state = "default",
49
- $size = "lg",
50
- $error = false,
51
- theme
52
- }) => `
53
- color: ${$error ? theme.click.bigStat.color.label.danger : theme.click.bigStat.color.label[$state]};
54
- font: ${theme.click.bigStat.typography[$size].label[$state]};
55
- `);
56
- const Title = styled.div.withConfig({
57
- componentId: "sc-u5029o-2"
58
- })(["", ""], ({
59
- $state = "default",
60
- $size = "lg",
61
- theme
62
- }) => `
63
- color: ${theme.click.bigStat.color.title[$state]};
64
- font: ${theme.click.bigStat.typography[$size].title[$state]};
65
- `);
54
+ }) => {
55
+ const mergedStyle = useMemo(() => ({
56
+ "--big-stat-height": height,
57
+ ...maxWidth && {
58
+ "--big-stat-max-width": maxWidth
59
+ },
60
+ ...style
61
+ }), [height, maxWidth, style]);
62
+ return /* @__PURE__ */ jsxs("div", { style: mergedStyle, ...props, className: cn(wrapperVariants({
63
+ state,
64
+ size,
65
+ spacing,
66
+ order,
67
+ fillWidth,
68
+ error
69
+ }), className), children: [
70
+ /* @__PURE__ */ jsx("div", { className: cn(styles["big-stat__label"]), children: label }),
71
+ /* @__PURE__ */ jsx("div", { className: cn(styles["big-stat__title"]), children: title })
72
+ ] });
73
+ };
66
74
 
67
75
  export { BigStat };
68
76
  //# sourceMappingURL=index.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sources":["../../../../src/components/BigStat/BigStat.tsx"],"sourcesContent":["import { styled } from 'styled-components';\nimport { BigStatProps } from './BigStat.types';\n\n//* Use this component to highlight important pieces of information. */\nexport const BigStat = ({\n fillWidth = false,\n maxWidth,\n height = '6rem',\n label = 'Label',\n order = 'titleTop',\n size,\n spacing = 'sm',\n state = 'default',\n title = 'Title',\n error = false,\n ...props\n}: BigStatProps) => (\n <Wrapper\n $height={height}\n $order={order}\n $size={size}\n $spacing={spacing}\n $state={state}\n $fillWidth={fillWidth}\n $maxWidth={maxWidth}\n $error={error}\n {...props}\n >\n <Label\n $state={state}\n $size={size}\n $error={error}\n >\n {label}\n </Label>\n <Title\n $state={state}\n $size={size}\n >\n {title}\n </Title>\n </Wrapper>\n);\n\nimport { bigStatOrder, bigStatSize, bigStatSpacing, bigStatState } from './BigStat.types';\n\nconst Wrapper = styled.div<{\n $fillWidth?: boolean;\n $maxWidth?: string;\n $height?: string;\n $order?: bigStatOrder;\n $size?: bigStatSize;\n $spacing?: bigStatSpacing;\n $state?: bigStatState;\n $error?: boolean;\n}>`\n display: flex;\n justify-content: center;\n box-sizing: border-box;\n ${({\n $fillWidth = false,\n $maxWidth = 'none',\n $state = 'default',\n $size = 'lg',\n $height = 'fixed',\n $order,\n $spacing = 'sm',\n $error = false,\n theme,\n }) => `\n background-color: ${theme.click.bigStat.color.background[$state]};\n color: ${theme.click.bigStat.color.label[$state]};\n font: ${theme.click.bigStat.typography[$size].label[$state]};\n border-radius: ${theme.click.bigStat.radii.all};\n border: ${theme.click.bigStat.stroke} solid ${\n $error\n ? theme.click.bigStat.color.stroke.danger\n : theme.click.bigStat.color.stroke[$state]\n };\n gap: ${theme.click.bigStat.space[$spacing].gap};\n padding: ${theme.click.bigStat.space.all};\n min-height: ${$height !== undefined ? `${$height}` : 'auto'};\n flex-direction: ${$order === 'titleBottom' ? 'column-reverse' : 'column'};\n width: ${$fillWidth === true ? '100%' : 'auto'};\n max-width: ${$maxWidth ? $maxWidth : 'none'};\n `}\n`;\n\nconst Label = styled.div<{\n $state?: bigStatState;\n $size?: bigStatSize;\n $error?: boolean;\n}>`\n ${({ $state = 'default', $size = 'lg', $error = false, theme }) => `\n color: ${$error ? theme.click.bigStat.color.label.danger : theme.click.bigStat.color.label[$state]};\n font: ${theme.click.bigStat.typography[$size].label[$state]};\n `}\n`;\n\nconst Title = styled.div<{\n $state?: bigStatState;\n $size?: bigStatSize;\n}>`\n ${({ $state = 'default', $size = 'lg', theme }) => `\n color: ${theme.click.bigStat.color.title[$state]};\n font: ${theme.click.bigStat.typography[$size].title[$state]};\n `}\n`;\n"],"names":["BigStat","fillWidth","maxWidth","height","label","order","size","spacing","state","title","error","props","Wrapper","styled","div","withConfig","componentId","$fillWidth","$maxWidth","$state","$size","$height","$order","$spacing","$error","theme","click","bigStat","color","background","typography","radii","all","stroke","danger","space","gap","undefined","Label","Title"],"mappings":"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"}
1
+ {"version":3,"file":"index.js","sources":["../../../../src/components/BigStat/BigStat.tsx"],"sourcesContent":["import { CSSProperties, useMemo } from 'react';\nimport { cn, cva } from '@/lib/cva';\nimport { BigStatProps } from './BigStat.types';\nimport styles from './BigStat.module.css';\n\nconst wrapperVariants = cva(styles['big-stat'], {\n variants: {\n state: {\n default: styles['big-stat_state_default'],\n muted: styles['big-stat_state_muted'],\n },\n size: {\n lg: styles['big-stat_size_lg'],\n sm: styles['big-stat_size_sm'],\n },\n spacing: {\n sm: styles['big-stat_spacing_sm'],\n lg: styles['big-stat_spacing_lg'],\n },\n order: {\n titleTop: styles['big-stat_order_title-top'],\n titleBottom: styles['big-stat_order_title-bottom'],\n },\n fillWidth: {\n true: styles['big-stat_fill-width'],\n },\n error: {\n true: styles['big-stat_error'],\n },\n },\n defaultVariants: {\n state: 'default',\n size: 'lg',\n spacing: 'sm',\n order: 'titleTop',\n },\n});\n\n//* Use this component to highlight important pieces of information. */\nexport const BigStat = ({\n fillWidth = false,\n maxWidth,\n height = '6rem',\n label = 'Label',\n order = 'titleTop',\n size = 'lg',\n spacing = 'sm',\n state = 'default',\n title = 'Title',\n error = false,\n className,\n style,\n ...props\n}: BigStatProps) => {\n const mergedStyle = useMemo(\n () =>\n ({\n '--big-stat-height': height,\n ...(maxWidth && { '--big-stat-max-width': maxWidth }),\n ...style,\n }) as CSSProperties,\n [height, maxWidth, style]\n );\n\n return (\n <div\n style={mergedStyle}\n {...props}\n className={cn(\n wrapperVariants({ state, size, spacing, order, fillWidth, error }),\n className\n )}\n >\n <div className={cn(styles['big-stat__label'])}>{label}</div>\n <div className={cn(styles['big-stat__title'])}>{title}</div>\n </div>\n );\n};\n"],"names":["wrapperVariants","cva","styles","variants","state","default","muted","size","lg","sm","spacing","order","titleTop","titleBottom","fillWidth","true","error","defaultVariants","BigStat","maxWidth","height","label","title","className","style","props","mergedStyle","useMemo","cn"],"mappings":";;;;;;AAKA,MAAMA,eAAAA,GAAkBC,GAAAA,CAAIC,MAAAA,CAAO,UAAU,CAAA,EAAG;AAAA,EAC9CC,QAAAA,EAAU;AAAA,IACRC,KAAAA,EAAO;AAAA,MACLC,OAAAA,EAASH,OAAO,wBAAwB,CAAA;AAAA,MACxCI,KAAAA,EAAOJ,OAAO,sBAAsB;AAAA,KACtC;AAAA,IACAK,IAAAA,EAAM;AAAA,MACJC,EAAAA,EAAIN,OAAO,kBAAkB,CAAA;AAAA,MAC7BO,EAAAA,EAAIP,OAAO,kBAAkB;AAAA,KAC/B;AAAA,IACAQ,OAAAA,EAAS;AAAA,MACPD,EAAAA,EAAIP,OAAO,qBAAqB,CAAA;AAAA,MAChCM,EAAAA,EAAIN,OAAO,qBAAqB;AAAA,KAClC;AAAA,IACAS,KAAAA,EAAO;AAAA,MACLC,QAAAA,EAAUV,OAAO,0BAA0B,CAAA;AAAA,MAC3CW,WAAAA,EAAaX,OAAO,6BAA6B;AAAA,KACnD;AAAA,IACAY,SAAAA,EAAW;AAAA,MACTC,IAAAA,EAAMb,OAAO,qBAAqB;AAAA,KACpC;AAAA,IACAc,KAAAA,EAAO;AAAA,MACLD,IAAAA,EAAMb,OAAO,gBAAgB;AAAA;AAC/B,GACF;AAAA,EACAe,eAAAA,EAAiB;AAAA,IACfb,KAAAA,EAAO,SAAA;AAAA,IACPG,IAAAA,EAAM,IAAA;AAAA,IACNG,OAAAA,EAAS,IAAA;AAAA,IACTC,KAAAA,EAAO;AAAA;AAEX,CAAC,CAAA;AAGM,MAAMO,UAAUA,CAAC;AAAA,EACtBJ,SAAAA,GAAY,KAAA;AAAA,EACZK,QAAAA;AAAAA,EACAC,MAAAA,GAAS,MAAA;AAAA,EACTC,KAAAA,GAAQ,OAAA;AAAA,EACRV,KAAAA,GAAQ,UAAA;AAAA,EACRJ,IAAAA,GAAO,IAAA;AAAA,EACPG,OAAAA,GAAU,IAAA;AAAA,EACVN,KAAAA,GAAQ,SAAA;AAAA,EACRkB,KAAAA,GAAQ,OAAA;AAAA,EACRN,KAAAA,GAAQ,KAAA;AAAA,EACRO,SAAAA;AAAAA,EACAC,KAAAA;AAAAA,EACA,GAAGC;AACS,CAAA,KAAM;AAClB,EAAA,MAAMC,WAAAA,GAAcC,QAClB,OACG;AAAA,IACC,mBAAA,EAAqBP,MAAAA;AAAAA,IACrB,GAAID,QAAAA,IAAY;AAAA,MAAE,sBAAA,EAAwBA;AAAAA,KAAS;AAAA,IACnD,GAAGK;AAAAA,GACL,CAAA,EACF,CAACJ,MAAAA,EAAQD,QAAAA,EAAUK,KAAK,CAC1B,CAAA;AAEA,EAAA,uBACE,IAAA,CAAC,SACC,KAAA,EAAOE,WAAAA,KACHD,KAAAA,EACJ,SAAA,EAAWG,GACT5B,eAAAA,CAAgB;AAAA,IAAEI,KAAAA;AAAAA,IAAOG,IAAAA;AAAAA,IAAMG,OAAAA;AAAAA,IAASC,KAAAA;AAAAA,IAAOG,SAAAA;AAAAA,IAAWE;AAAAA,GAAO,CAAA,EACjEO,SACF,CAAA,EAEA,QAAA,EAAA;AAAA,oBAAA,GAAA,CAAC,SAAI,SAAA,EAAWK,EAAAA,CAAG1B,OAAO,iBAAiB,CAAC,GAAImB,QAAAA,EAAAA,KAAAA,EAAM,CAAA;AAAA,oBACtD,GAAA,CAAC,SAAI,SAAA,EAAWO,EAAAA,CAAG1B,OAAO,iBAAiB,CAAC,GAAIoB,QAAAA,EAAAA,KAAAA,EAAM;AAAA,GAAA,EACxD,CAAA;AAEJ;;;;"}
@@ -101,7 +101,7 @@ const ButtonGroup = forwardRef(({
101
101
  ...buttonProps
102
102
  }) => {
103
103
  const isActive = isValueSelected(value, currentSelection);
104
- return /* @__PURE__ */ jsx("button", { className: cn(buttonVariants({
104
+ return /* @__PURE__ */ jsx("button", { type: "button", className: cn(buttonVariants({
105
105
  type,
106
106
  iconOnly,
107
107
  fillWidth
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sources":["../../../../src/components/ButtonGroup/ButtonGroup.tsx"],"sourcesContent":["import { forwardRef, useCallback, useState } from 'react';\nimport { Icon } from '@/components/Icon';\nimport { cn, cva } from '@/lib/cva';\nimport { ButtonGroupProps, SelectionValue } from './ButtonGroup.types';\nimport styles from './ButtonGroup.module.css';\n\nconst wrapperVariants = cva(styles.buttongroup, {\n variants: {\n type: {\n default: styles['buttongroup_type_default'],\n borderless: styles['buttongroup_type_borderless'],\n },\n fillWidth: {\n true: styles['buttongroup_fillwidth'],\n },\n },\n defaultVariants: { type: 'default' },\n});\n\nconst buttonVariants = cva(styles.button, {\n variants: {\n type: {\n default: styles['button_type_default'],\n borderless: styles['button_type_borderless'],\n },\n iconOnly: {\n true: '',\n false: '',\n },\n fillWidth: {\n true: styles['button_fillwidth'],\n },\n },\n compoundVariants: [\n {\n iconOnly: true,\n type: 'default',\n class: styles['button_icon-only_default'],\n },\n {\n iconOnly: true,\n type: 'borderless',\n class: styles['button_icon-only_borderless'],\n },\n ],\n defaultVariants: { type: 'default', iconOnly: false },\n});\n\nconst normalizeToSet = (value: SelectionValue | undefined): Set<string> => {\n if (value === undefined) {\n return new Set();\n }\n if (value instanceof Set) {\n return new Set(value);\n }\n return new Set([value]);\n};\n\nconst isValueSelected = (value: string, selection: Set<string>): boolean => {\n return selection.has(value);\n};\n\nexport const ButtonGroup = forwardRef<HTMLDivElement, ButtonGroupProps>(\n (\n {\n options,\n selected,\n defaultSelected,\n fillWidth = false,\n onClick,\n type = 'default',\n iconOnly = false,\n multiple = false,\n className,\n ...props\n },\n ref\n ) => {\n const [internalSelection, setInternalSelection] = useState<Set<string>>(() =>\n normalizeToSet(defaultSelected)\n );\n\n // Use `selected` if the parent needs to own\n // or sync the selection state management (controlled\n // by consumer app)\n // Use `defaultSelected` if the component can manage\n // its own state independently (uncontrolled)\n const isControlled = selected !== undefined;\n const currentSelection = isControlled ? normalizeToSet(selected) : internalSelection;\n\n const onButtonGroupClickCommonHandler = useCallback(\n (value: string) => {\n let newSelection: Set<string>;\n\n if (multiple) {\n newSelection = new Set(currentSelection);\n if (newSelection.has(value)) {\n newSelection.delete(value);\n } else {\n newSelection.add(value);\n }\n } else {\n newSelection = new Set([value]);\n }\n\n if (!isControlled) {\n setInternalSelection(newSelection);\n }\n\n // WARN: Single mode returns string\n // while multiple mode returns Set (DS)\n onClick?.(value, multiple ? newSelection : value);\n },\n [currentSelection, multiple, isControlled, onClick]\n );\n\n const buttons = options.map(\n ({\n value,\n label,\n icon,\n className: optionClassName,\n 'aria-label': ariaLabel,\n ...buttonProps\n }) => {\n const isActive = isValueSelected(value, currentSelection);\n\n return (\n <button\n key={value}\n className={cn(buttonVariants({ type, iconOnly, fillWidth }), optionClassName)}\n aria-pressed={isActive}\n onClick={() => onButtonGroupClickCommonHandler(value)}\n role=\"button\"\n {...buttonProps}\n aria-label={ariaLabel ?? (iconOnly && icon ? icon.toString() : undefined)}\n >\n {iconOnly && icon ? (\n <span\n className={cn(\n styles.button__icon,\n type === 'borderless' && styles['button__icon_height_line']\n )}\n >\n <Icon\n name={icon}\n size=\"sm\"\n aria-hidden\n />\n </span>\n ) : (\n label\n )}\n </button>\n );\n }\n );\n\n return (\n <div\n ref={ref}\n {...props}\n className={cn(wrapperVariants({ type, fillWidth }), className)}\n role=\"group\"\n >\n {buttons}\n </div>\n );\n }\n);\n\nButtonGroup.displayName = 'ButtonGroup';\n"],"names":["wrapperVariants","cva","styles","buttongroup","variants","type","default","borderless","fillWidth","true","defaultVariants","buttonVariants","button","iconOnly","false","compoundVariants","class","normalizeToSet","value","undefined","Set","isValueSelected","selection","has","ButtonGroup","forwardRef","options","selected","defaultSelected","onClick","multiple","className","props","ref","internalSelection","setInternalSelection","useState","isControlled","currentSelection","onButtonGroupClickCommonHandler","useCallback","newSelection","delete","add","buttons","map","label","icon","optionClassName","ariaLabel","buttonProps","isActive","cn","toString","button__icon","Icon","displayName"],"mappings":"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"}
1
+ {"version":3,"file":"index.js","sources":["../../../../src/components/ButtonGroup/ButtonGroup.tsx"],"sourcesContent":["import { forwardRef, useCallback, useState } from 'react';\nimport { Icon } from '@/components/Icon';\nimport { cn, cva } from '@/lib/cva';\nimport { ButtonGroupProps, SelectionValue } from './ButtonGroup.types';\nimport styles from './ButtonGroup.module.css';\n\nconst wrapperVariants = cva(styles.buttongroup, {\n variants: {\n type: {\n default: styles['buttongroup_type_default'],\n borderless: styles['buttongroup_type_borderless'],\n },\n fillWidth: {\n true: styles['buttongroup_fillwidth'],\n },\n },\n defaultVariants: { type: 'default' },\n});\n\nconst buttonVariants = cva(styles.button, {\n variants: {\n type: {\n default: styles['button_type_default'],\n borderless: styles['button_type_borderless'],\n },\n iconOnly: {\n true: '',\n false: '',\n },\n fillWidth: {\n true: styles['button_fillwidth'],\n },\n },\n compoundVariants: [\n {\n iconOnly: true,\n type: 'default',\n class: styles['button_icon-only_default'],\n },\n {\n iconOnly: true,\n type: 'borderless',\n class: styles['button_icon-only_borderless'],\n },\n ],\n defaultVariants: { type: 'default', iconOnly: false },\n});\n\nconst normalizeToSet = (value: SelectionValue | undefined): Set<string> => {\n if (value === undefined) {\n return new Set();\n }\n if (value instanceof Set) {\n return new Set(value);\n }\n return new Set([value]);\n};\n\nconst isValueSelected = (value: string, selection: Set<string>): boolean => {\n return selection.has(value);\n};\n\nexport const ButtonGroup = forwardRef<HTMLDivElement, ButtonGroupProps>(\n (\n {\n options,\n selected,\n defaultSelected,\n fillWidth = false,\n onClick,\n type = 'default',\n iconOnly = false,\n multiple = false,\n className,\n ...props\n },\n ref\n ) => {\n const [internalSelection, setInternalSelection] = useState<Set<string>>(() =>\n normalizeToSet(defaultSelected)\n );\n\n // Use `selected` if the parent needs to own\n // or sync the selection state management (controlled\n // by consumer app)\n // Use `defaultSelected` if the component can manage\n // its own state independently (uncontrolled)\n const isControlled = selected !== undefined;\n const currentSelection = isControlled ? normalizeToSet(selected) : internalSelection;\n\n const onButtonGroupClickCommonHandler = useCallback(\n (value: string) => {\n let newSelection: Set<string>;\n\n if (multiple) {\n newSelection = new Set(currentSelection);\n if (newSelection.has(value)) {\n newSelection.delete(value);\n } else {\n newSelection.add(value);\n }\n } else {\n newSelection = new Set([value]);\n }\n\n if (!isControlled) {\n setInternalSelection(newSelection);\n }\n\n // WARN: Single mode returns string\n // while multiple mode returns Set (DS)\n onClick?.(value, multiple ? newSelection : value);\n },\n [currentSelection, multiple, isControlled, onClick]\n );\n\n const buttons = options.map(\n ({\n value,\n label,\n icon,\n className: optionClassName,\n 'aria-label': ariaLabel,\n ...buttonProps\n }) => {\n const isActive = isValueSelected(value, currentSelection);\n\n return (\n <button\n key={value}\n type=\"button\"\n className={cn(buttonVariants({ type, iconOnly, fillWidth }), optionClassName)}\n aria-pressed={isActive}\n onClick={() => onButtonGroupClickCommonHandler(value)}\n role=\"button\"\n {...buttonProps}\n aria-label={ariaLabel ?? (iconOnly && icon ? icon.toString() : undefined)}\n >\n {iconOnly && icon ? (\n <span\n className={cn(\n styles.button__icon,\n type === 'borderless' && styles['button__icon_height_line']\n )}\n >\n <Icon\n name={icon}\n size=\"sm\"\n aria-hidden\n />\n </span>\n ) : (\n label\n )}\n </button>\n );\n }\n );\n\n return (\n <div\n ref={ref}\n {...props}\n className={cn(wrapperVariants({ type, fillWidth }), className)}\n role=\"group\"\n >\n {buttons}\n </div>\n );\n }\n);\n\nButtonGroup.displayName = 'ButtonGroup';\n"],"names":["wrapperVariants","cva","styles","buttongroup","variants","type","default","borderless","fillWidth","true","defaultVariants","buttonVariants","button","iconOnly","false","compoundVariants","class","normalizeToSet","value","undefined","Set","isValueSelected","selection","has","ButtonGroup","forwardRef","options","selected","defaultSelected","onClick","multiple","className","props","ref","internalSelection","setInternalSelection","useState","isControlled","currentSelection","onButtonGroupClickCommonHandler","useCallback","newSelection","delete","add","buttons","map","label","icon","optionClassName","ariaLabel","buttonProps","isActive","cn","toString","button__icon","Icon","displayName"],"mappings":"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"}
@@ -63,7 +63,7 @@ const CardPromotion = ({
63
63
  return isVisible ? /* @__PURE__ */ jsx(Background, { children: /* @__PURE__ */ jsxs(Wrapper, { $dismissible: dismissible, ...props, children: [
64
64
  /* @__PURE__ */ jsx(CardIcon, { name: icon, "aria-hidden": true }),
65
65
  /* @__PURE__ */ jsx(Text, { children: label }),
66
- dismissible && /* @__PURE__ */ jsx(DismissWrapper, { "data-testid": "click-alert-dismiss-button", onClick: () => setIsVisible(false), children: /* @__PURE__ */ jsx(SvgImage, { name: "cross", "aria-label": "close" }) })
66
+ dismissible && /* @__PURE__ */ jsx(DismissWrapper, { type: "button", "data-testid": "click-alert-dismiss-button", onClick: () => setIsVisible(false), children: /* @__PURE__ */ jsx(SvgImage, { name: "cross", "aria-label": "close" }) })
67
67
  ] }) }) : null;
68
68
  };
69
69