@clickhouse/click-ui 0.6.2-rc2 → 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.
- package/dist/cjs/click-ui.css +1872 -59
- package/dist/cjs/components/Alert/index.cjs +2 -2
- package/dist/cjs/components/Alert/index.cjs.map +1 -1
- package/dist/cjs/components/Assets/Logos/Polaris.cjs +22 -0
- package/dist/cjs/components/Assets/Logos/Polaris.cjs.map +1 -0
- package/dist/cjs/components/Assets/Logos/system/LogosDark.cjs +2 -0
- package/dist/cjs/components/Assets/Logos/system/LogosDark.cjs.map +1 -1
- package/dist/cjs/components/Assets/Logos/system/LogosLight.cjs +2 -0
- package/dist/cjs/components/Assets/Logos/system/LogosLight.cjs.map +1 -1
- package/dist/cjs/components/BigStat/BigStat.css +77 -0
- package/dist/cjs/components/BigStat/BigStat.module.css.cjs +22 -0
- package/dist/cjs/components/BigStat/BigStat.module.css.cjs.map +1 -0
- package/dist/cjs/components/BigStat/index.cjs +60 -52
- package/dist/cjs/components/BigStat/index.cjs.map +1 -1
- package/dist/cjs/components/ButtonGroup/index.cjs +1 -1
- package/dist/cjs/components/ButtonGroup/index.cjs.map +1 -1
- package/dist/cjs/components/CardPromotion/index.cjs +1 -1
- package/dist/cjs/components/CardPromotion/index.cjs.map +1 -1
- package/dist/cjs/components/CardSecondary/CardSecondary.css +99 -0
- package/dist/cjs/components/CardSecondary/CardSecondary.module.css.cjs +39 -0
- package/dist/cjs/components/CardSecondary/CardSecondary.module.css.cjs.map +1 -0
- package/dist/cjs/components/CardSecondary/index.cjs +35 -84
- package/dist/cjs/components/CardSecondary/index.cjs.map +1 -1
- package/dist/cjs/components/ConfirmationDialog/ConfirmationDialog.css +20 -0
- package/dist/cjs/components/ConfirmationDialog/ConfirmationDialog.module.css.cjs +15 -0
- package/dist/cjs/components/ConfirmationDialog/ConfirmationDialog.module.css.cjs.map +1 -0
- package/dist/cjs/components/ConfirmationDialog/index.cjs +6 -11
- package/dist/cjs/components/ConfirmationDialog/index.cjs.map +1 -1
- package/dist/cjs/components/ContextMenu/ContextMenu.css +28 -0
- package/dist/cjs/components/ContextMenu/ContextMenu.module.css.cjs +10 -0
- package/dist/cjs/components/ContextMenu/ContextMenu.module.css.cjs.map +1 -0
- package/dist/cjs/components/ContextMenu/index.cjs +27 -29
- package/dist/cjs/components/ContextMenu/index.cjs.map +1 -1
- package/dist/cjs/components/CrossButton/index.cjs +5 -1
- package/dist/cjs/components/CrossButton/index.cjs.map +1 -1
- package/dist/cjs/components/DatePicker/Common.cjs +1 -1
- package/dist/cjs/components/DatePicker/Common.cjs.map +1 -1
- package/dist/cjs/components/Dropdown/Dropdown.css +13 -0
- package/dist/cjs/components/Dropdown/Dropdown.module.css.cjs +11 -0
- package/dist/cjs/components/Dropdown/Dropdown.module.css.cjs.map +1 -0
- package/dist/cjs/components/Dropdown/index.cjs +19 -13
- package/dist/cjs/components/Dropdown/index.cjs.map +1 -1
- package/dist/cjs/components/FileTabs/index.cjs +1 -1
- package/dist/cjs/components/FileTabs/index.cjs.map +1 -1
- package/dist/cjs/components/Flyout/Flyout.css +231 -0
- package/dist/cjs/components/Flyout/Flyout.module.css.cjs +93 -0
- package/dist/cjs/components/Flyout/Flyout.module.css.cjs.map +1 -0
- package/dist/cjs/components/Flyout/index.cjs +148 -124
- package/dist/cjs/components/Flyout/index.cjs.map +1 -1
- package/dist/cjs/components/GenericMenu/GenericMenu.css +176 -0
- package/dist/cjs/components/GenericMenu/GenericMenu.module.css.cjs +23 -0
- package/dist/cjs/components/GenericMenu/GenericMenu.module.css.cjs.map +1 -0
- package/dist/cjs/components/GenericMenu/index.cjs +93 -99
- package/dist/cjs/components/GenericMenu/index.cjs.map +1 -1
- package/dist/cjs/components/HoverCard/index.cjs +1 -1
- package/dist/cjs/components/HoverCard/index.cjs.map +1 -1
- package/dist/cjs/components/IconButton/index.cjs +2 -1
- package/dist/cjs/components/IconButton/index.cjs.map +1 -1
- package/dist/cjs/components/InputWrapper/InputWrapper.css +221 -0
- package/dist/cjs/components/InputWrapper/InputWrapper.module.css.cjs +39 -0
- package/dist/cjs/components/InputWrapper/InputWrapper.module.css.cjs.map +1 -0
- package/dist/cjs/components/InputWrapper/index.cjs +84 -185
- package/dist/cjs/components/InputWrapper/index.cjs.map +1 -1
- package/dist/cjs/components/Popover/Popover.css +12 -0
- package/dist/cjs/components/Popover/Popover.module.css.cjs +11 -0
- package/dist/cjs/components/Popover/Popover.module.css.cjs.map +1 -0
- package/dist/cjs/components/Popover/index.cjs +26 -19
- package/dist/cjs/components/Popover/index.cjs.map +1 -1
- package/dist/cjs/components/RadioGroup/RadioGroup.css +99 -0
- package/dist/cjs/components/RadioGroup/RadioGroup.module.css.cjs +18 -0
- package/dist/cjs/components/RadioGroup/RadioGroup.module.css.cjs.map +1 -0
- package/dist/cjs/components/RadioGroup/index.cjs +28 -77
- package/dist/cjs/components/RadioGroup/index.cjs.map +1 -1
- package/dist/cjs/components/Select/common/InternalSelect.cjs +1 -1
- package/dist/cjs/components/Select/common/InternalSelect.cjs.map +1 -1
- package/dist/cjs/components/SplitButton/index.cjs +2 -1
- package/dist/cjs/components/SplitButton/index.cjs.map +1 -1
- package/dist/cjs/components/Table/Table.css +376 -0
- package/dist/cjs/components/Table/Table.module.css.cjs +86 -0
- package/dist/cjs/components/Table/Table.module.css.cjs.map +1 -0
- package/dist/cjs/components/Table/index.cjs +132 -214
- package/dist/cjs/components/Table/index.cjs.map +1 -1
- package/dist/cjs/components/Toast/Toast.css +142 -0
- package/dist/cjs/components/Toast/Toast.module.css.cjs +38 -0
- package/dist/cjs/components/Toast/Toast.module.css.cjs.map +1 -0
- package/dist/cjs/components/Toast/index.cjs +43 -96
- package/dist/cjs/components/Toast/index.cjs.map +1 -1
- package/dist/cjs/components/Tooltip/Tooltip.css +17 -0
- package/dist/cjs/components/Tooltip/Tooltip.module.css.cjs +15 -0
- package/dist/cjs/components/Tooltip/Tooltip.module.css.cjs.map +1 -0
- package/dist/cjs/components/Tooltip/index.cjs +12 -24
- package/dist/cjs/components/Tooltip/index.cjs.map +1 -1
- package/dist/cjs/components/VerticalStepper/VerticalStepper.css +302 -0
- package/dist/cjs/components/VerticalStepper/VerticalStepper.module.css.cjs +84 -0
- package/dist/cjs/components/VerticalStepper/VerticalStepper.module.css.cjs.map +1 -0
- package/dist/cjs/components/VerticalStepper/index.cjs +85 -110
- package/dist/cjs/components/VerticalStepper/index.cjs.map +1 -1
- package/dist/esm/click-ui.css +1872 -59
- package/dist/esm/components/Alert/index.js +2 -2
- package/dist/esm/components/Alert/index.js.map +1 -1
- package/dist/esm/components/Assets/Logos/Polaris.js +18 -0
- package/dist/esm/components/Assets/Logos/Polaris.js.map +1 -0
- package/dist/esm/components/Assets/Logos/system/LogosDark.js +2 -0
- package/dist/esm/components/Assets/Logos/system/LogosDark.js.map +1 -1
- package/dist/esm/components/Assets/Logos/system/LogosLight.js +2 -0
- package/dist/esm/components/Assets/Logos/system/LogosLight.js.map +1 -1
- package/dist/esm/components/BigStat/BigStat.css +77 -0
- package/dist/esm/components/BigStat/BigStat.module.css.js +18 -0
- package/dist/esm/components/BigStat/BigStat.module.css.js.map +1 -0
- package/dist/esm/components/BigStat/index.js +60 -52
- package/dist/esm/components/BigStat/index.js.map +1 -1
- package/dist/esm/components/ButtonGroup/index.js +1 -1
- package/dist/esm/components/ButtonGroup/index.js.map +1 -1
- package/dist/esm/components/CardPromotion/index.js +1 -1
- package/dist/esm/components/CardPromotion/index.js.map +1 -1
- package/dist/esm/components/CardSecondary/CardSecondary.css +99 -0
- package/dist/esm/components/CardSecondary/CardSecondary.module.css.js +25 -0
- package/dist/esm/components/CardSecondary/CardSecondary.module.css.js.map +1 -0
- package/dist/esm/components/CardSecondary/index.js +35 -84
- package/dist/esm/components/CardSecondary/index.js.map +1 -1
- package/dist/esm/components/ConfirmationDialog/ConfirmationDialog.css +20 -0
- package/dist/esm/components/ConfirmationDialog/ConfirmationDialog.module.css.js +9 -0
- package/dist/esm/components/ConfirmationDialog/ConfirmationDialog.module.css.js.map +1 -0
- package/dist/esm/components/ConfirmationDialog/index.js +6 -11
- package/dist/esm/components/ConfirmationDialog/index.js.map +1 -1
- package/dist/esm/components/ContextMenu/ContextMenu.css +28 -0
- package/dist/esm/components/ContextMenu/ContextMenu.module.css.js +6 -0
- package/dist/esm/components/ContextMenu/ContextMenu.module.css.js.map +1 -0
- package/dist/esm/components/ContextMenu/index.js +28 -30
- package/dist/esm/components/ContextMenu/index.js.map +1 -1
- package/dist/esm/components/CrossButton/index.js +5 -1
- package/dist/esm/components/CrossButton/index.js.map +1 -1
- package/dist/esm/components/DatePicker/Common.js +1 -1
- package/dist/esm/components/DatePicker/Common.js.map +1 -1
- package/dist/esm/components/Dropdown/Dropdown.css +13 -0
- package/dist/esm/components/Dropdown/Dropdown.module.css.js +7 -0
- package/dist/esm/components/Dropdown/Dropdown.module.css.js.map +1 -0
- package/dist/esm/components/Dropdown/index.js +19 -13
- package/dist/esm/components/Dropdown/index.js.map +1 -1
- package/dist/esm/components/FileTabs/index.js +1 -1
- package/dist/esm/components/FileTabs/index.js.map +1 -1
- package/dist/esm/components/Flyout/Flyout.css +231 -0
- package/dist/esm/components/Flyout/Flyout.module.css.js +62 -0
- package/dist/esm/components/Flyout/Flyout.module.css.js.map +1 -0
- package/dist/esm/components/Flyout/index.js +149 -125
- package/dist/esm/components/Flyout/index.js.map +1 -1
- package/dist/esm/components/GenericMenu/GenericMenu.css +176 -0
- package/dist/esm/components/GenericMenu/GenericMenu.module.css.js +18 -0
- package/dist/esm/components/GenericMenu/GenericMenu.module.css.js.map +1 -0
- package/dist/esm/components/GenericMenu/index.js +93 -99
- package/dist/esm/components/GenericMenu/index.js.map +1 -1
- package/dist/esm/components/HoverCard/index.js +1 -1
- package/dist/esm/components/HoverCard/index.js.map +1 -1
- package/dist/esm/components/IconButton/index.js +2 -1
- package/dist/esm/components/IconButton/index.js.map +1 -1
- package/dist/esm/components/InputWrapper/InputWrapper.css +221 -0
- package/dist/esm/components/InputWrapper/InputWrapper.module.css.js +27 -0
- package/dist/esm/components/InputWrapper/InputWrapper.module.css.js.map +1 -0
- package/dist/esm/components/InputWrapper/index.js +84 -185
- package/dist/esm/components/InputWrapper/index.js.map +1 -1
- package/dist/esm/components/Popover/Popover.css +12 -0
- package/dist/esm/components/Popover/Popover.module.css.js +7 -0
- package/dist/esm/components/Popover/Popover.module.css.js.map +1 -0
- package/dist/esm/components/Popover/index.js +26 -19
- package/dist/esm/components/Popover/index.js.map +1 -1
- package/dist/esm/components/RadioGroup/RadioGroup.css +99 -0
- package/dist/esm/components/RadioGroup/RadioGroup.module.css.js +13 -0
- package/dist/esm/components/RadioGroup/RadioGroup.module.css.js.map +1 -0
- package/dist/esm/components/RadioGroup/index.js +28 -77
- package/dist/esm/components/RadioGroup/index.js.map +1 -1
- package/dist/esm/components/Select/common/InternalSelect.js +1 -1
- package/dist/esm/components/Select/common/InternalSelect.js.map +1 -1
- package/dist/esm/components/SplitButton/index.js +2 -1
- package/dist/esm/components/SplitButton/index.js.map +1 -1
- package/dist/esm/components/Table/Table.css +376 -0
- package/dist/esm/components/Table/Table.module.css.js +63 -0
- package/dist/esm/components/Table/Table.module.css.js.map +1 -0
- package/dist/esm/components/Table/index.js +132 -214
- package/dist/esm/components/Table/index.js.map +1 -1
- package/dist/esm/components/Toast/Toast.css +142 -0
- package/dist/esm/components/Toast/Toast.module.css.js +26 -0
- package/dist/esm/components/Toast/Toast.module.css.js.map +1 -0
- package/dist/esm/components/Toast/index.js +43 -96
- package/dist/esm/components/Toast/index.js.map +1 -1
- package/dist/esm/components/Tooltip/Tooltip.css +17 -0
- package/dist/esm/components/Tooltip/Tooltip.module.css.js +9 -0
- package/dist/esm/components/Tooltip/Tooltip.module.css.js.map +1 -0
- package/dist/esm/components/Tooltip/index.js +12 -24
- package/dist/esm/components/Tooltip/index.js.map +1 -1
- package/dist/esm/components/VerticalStepper/VerticalStepper.css +302 -0
- package/dist/esm/components/VerticalStepper/VerticalStepper.module.css.js +55 -0
- package/dist/esm/components/VerticalStepper/VerticalStepper.module.css.js.map +1 -0
- package/dist/esm/components/VerticalStepper/index.js +85 -110
- package/dist/esm/components/VerticalStepper/index.js.map +1 -1
- package/dist/types/components/Assets/Logos/Polaris.d.ts +3 -0
- package/dist/types/components/Assets/Logos/system/types.d.ts +1 -1
- package/dist/types/components/BigStat/BigStat.d.ts +1 -1
- package/dist/types/components/CardSecondary/CardSecondary.d.ts +1 -1
- package/dist/types/components/ConfirmationDialog/ConfirmationDialog.d.ts +1 -1
- package/dist/types/components/CrossButton/CrossButton.d.ts +6 -2
- package/dist/types/components/Flyout/Flyout.d.ts +8 -6
- package/dist/types/components/Flyout/Flyout.types.d.ts +3 -0
- package/dist/types/components/GenericMenu/GenericMenu.d.ts +29 -12
- package/dist/types/components/IconButton/IconButton.types.d.ts +3 -0
- package/dist/types/components/InputWrapper/InputWrapper.d.ts +17 -13
- package/dist/types/components/RadioGroup/RadioGroup.d.ts +2 -2
- package/dist/types/components/SplitButton/SplitButton.d.ts +1 -1
- package/dist/types/components/SplitButton/SplitButton.types.d.ts +3 -0
- package/dist/types/components/Toast/Toast.d.ts +1 -1
- package/dist/types/components/Tooltip/Tooltip.d.ts +1 -1
- package/dist/types/components/VerticalStepper/VerticalStepper.d.ts +2 -2
- 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":"
|
|
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":"
|
|
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 {
|
|
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
|
-
}) =>
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
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 {
|
|
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
|
|