@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
|
@@ -125,7 +125,7 @@ const Alert = ({
|
|
|
125
125
|
state,
|
|
126
126
|
type
|
|
127
127
|
})), children: [
|
|
128
|
-
dismissible && type === "banner" && /* @__PURE__ */ jsxRuntime.jsx("button", { className: Alert_module.default.alert__dismiss }),
|
|
128
|
+
dismissible && type === "banner" && /* @__PURE__ */ jsxRuntime.jsx("button", { type: "button", className: Alert_module.default.alert__dismiss }),
|
|
129
129
|
showIcon && /* @__PURE__ */ jsxRuntime.jsx("div", { className: cva.cn(iconWrapperVariants({
|
|
130
130
|
state,
|
|
131
131
|
size,
|
|
@@ -143,7 +143,7 @@ const Alert = ({
|
|
|
143
143
|
size
|
|
144
144
|
})), children: text })
|
|
145
145
|
] }),
|
|
146
|
-
dismissible && /* @__PURE__ */ jsxRuntime.jsx("button", { "data-testid": "click-alert-dismiss-button", onClick: handleDismiss, className: Alert_module.default.alert__dismiss, children: /* @__PURE__ */ jsxRuntime.jsx(Icon.Icon, { name: "cross", "aria-label": "close" }) })
|
|
146
|
+
dismissible && /* @__PURE__ */ jsxRuntime.jsx("button", { type: "button", "data-testid": "click-alert-dismiss-button", onClick: handleDismiss, className: Alert_module.default.alert__dismiss, children: /* @__PURE__ */ jsxRuntime.jsx(Icon.Icon, { name: "cross", "aria-label": "close" }) })
|
|
147
147
|
] }) : null;
|
|
148
148
|
};
|
|
149
149
|
const DangerAlert = (props) => /* @__PURE__ */ jsxRuntime.jsx(Alert, { ...props, state: "danger" });
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.cjs","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","jsx","alert__dismiss","Icon","jsxs","DangerAlert","props","InfoAlert","SuccessAlert","WarningAlert"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"index.cjs","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","jsx","alert__dismiss","Icon","jsxs","DangerAlert","props","InfoAlert","SuccessAlert","WarningAlert"],"mappings":"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"}
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: 'Module' } });
|
|
4
|
+
|
|
5
|
+
const jsxRuntime = require('react/jsx-runtime');
|
|
6
|
+
const react = require('react');
|
|
7
|
+
|
|
8
|
+
const Polaris = (props) => {
|
|
9
|
+
const gradientId = react.useId();
|
|
10
|
+
return /* @__PURE__ */ jsxRuntime.jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", width: 64, height: 64, viewBox: "0 0 64 64", ...props, children: [
|
|
11
|
+
/* @__PURE__ */ jsxRuntime.jsx("defs", { children: /* @__PURE__ */ jsxRuntime.jsxs("linearGradient", { id: gradientId, x1: 0, x2: 64, y1: 0, y2: 64, gradientUnits: "userSpaceOnUse", children: [
|
|
12
|
+
/* @__PURE__ */ jsxRuntime.jsx("stop", { offset: "0%", stopColor: "#00777f" }),
|
|
13
|
+
/* @__PURE__ */ jsxRuntime.jsx("stop", { offset: "100%", stopColor: "#003545" })
|
|
14
|
+
] }) }),
|
|
15
|
+
/* @__PURE__ */ jsxRuntime.jsx("path", { fill: `url(#${gradientId})`, d: "M0 0H64V64H0z" }),
|
|
16
|
+
/* @__PURE__ */ jsxRuntime.jsx("path", { fill: "none", stroke: "#007d86", d: "M.5.5H63.5V63.5H.5z" }),
|
|
17
|
+
/* @__PURE__ */ jsxRuntime.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" })
|
|
18
|
+
] });
|
|
19
|
+
};
|
|
20
|
+
|
|
21
|
+
exports.default = Polaris;
|
|
22
|
+
//# sourceMappingURL=Polaris.cjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Polaris.cjs","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","jsxs","jsx"],"mappings":";;;;;;;AAGA,MAAMA,OAAAA,GAAUA,CAACC,KAAAA,KAAyB;AACxC,EAAA,MAAMC,aAAaC,WAAAA,EAAM;AACzB,EAAA,uBACEC,eAAA,CAAC,KAAA,EAAA,EACC,KAAA,EAAM,4BAAA,EACN,KAAA,EAAO,EAAA,EACP,MAAA,EAAQ,EAAA,EACR,OAAA,EAAQ,WAAA,EACR,GAAIH,KAAAA,EAEJ,QAAA,EAAA;AAAA,oBAAAI,cAAA,CAAC,MAAA,EAAA,EACC,QAAA,kBAAAD,eAAA,CAAC,gBAAA,EAAA,EACC,EAAA,EAAIF,YACJ,EAAA,EAAI,CAAA,EACJ,EAAA,EAAI,EAAA,EACJ,EAAA,EAAI,CAAA,EACJ,EAAA,EAAI,EAAA,EACJ,eAAc,gBAAA,EAEd,QAAA,EAAA;AAAA,sBAAAG,cAAA,CAAC,MAAA,EAAA,EACC,MAAA,EAAO,IAAA,EACP,SAAA,EAAU,SAAA,EAAS,CAAA;AAAA,sBAErBA,cAAA,CAAC,MAAA,EAAA,EACC,MAAA,EAAO,MAAA,EACP,WAAU,SAAA,EAAS;AAAA,KAAA,EAEvB,CAAA,EACF,CAAA;AAAA,mCACC,MAAA,EAAA,EACC,IAAA,EAAM,QAAQH,UAAU,CAAA,CAAA,CAAA,EACxB,GAAE,eAAA,EAAe,CAAA;AAAA,mCAElB,MAAA,EAAA,EACC,IAAA,EAAK,QACL,MAAA,EAAO,SAAA,EACP,GAAE,qBAAA,EAAqB,CAAA;AAAA,oBAEzBG,cAAA,CAAC,MAAA,EAAA,EACC,IAAA,EAAK,MAAA,EACL,GAAE,yHAAA,EAAyH;AAAA,GAAA,EAE/H,CAAA;AAEJ;;;;"}
|
|
@@ -59,6 +59,7 @@ const Nodejs = require('../Nodejs.cjs');
|
|
|
59
59
|
const Onelake = require('../Onelake.cjs');
|
|
60
60
|
const OVH = require('../OVH.cjs');
|
|
61
61
|
const Planetscale = require('../Planetscale.cjs');
|
|
62
|
+
const Polaris = require('../Polaris.cjs');
|
|
62
63
|
const Postgres = require('../Postgres.cjs');
|
|
63
64
|
const Prequel = require('../Prequel.cjs');
|
|
64
65
|
const Python = require('../Python.cjs');
|
|
@@ -131,6 +132,7 @@ const LogosDark = {
|
|
|
131
132
|
onelake: Onelake.default,
|
|
132
133
|
ovh: OVH.default,
|
|
133
134
|
planetscale: Planetscale.default,
|
|
135
|
+
polaris: Polaris.default,
|
|
134
136
|
postgres: Postgres.default,
|
|
135
137
|
prequel: Prequel.default,
|
|
136
138
|
python: Python.default,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"LogosDark.cjs","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.cjs","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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"}
|
|
@@ -59,6 +59,7 @@ const Nodejs = require('../Nodejs.cjs');
|
|
|
59
59
|
const Onelake = require('../Onelake.cjs');
|
|
60
60
|
const OVH = require('../OVH.cjs');
|
|
61
61
|
const Planetscale = require('../Planetscale.cjs');
|
|
62
|
+
const Polaris = require('../Polaris.cjs');
|
|
62
63
|
const Postgres = require('../Postgres.cjs');
|
|
63
64
|
const Prequel = require('../Prequel.cjs');
|
|
64
65
|
const Python = require('../Python.cjs');
|
|
@@ -131,6 +132,7 @@ const LogosLight = {
|
|
|
131
132
|
onelake: Onelake.default,
|
|
132
133
|
ovh: OVH.default,
|
|
133
134
|
planetscale: Planetscale.default,
|
|
135
|
+
polaris: Polaris.default,
|
|
134
136
|
postgres: Postgres.default,
|
|
135
137
|
prequel: Prequel.default,
|
|
136
138
|
python: Python.default,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"LogosLight.cjs","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.cjs","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,22 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: 'Module' } });
|
|
4
|
+
|
|
5
|
+
const styles = {
|
|
6
|
+
"big-stat": "big-stat__ZC5s7",
|
|
7
|
+
"big-stat_state_default": "big-stat_state_default__YsXXh",
|
|
8
|
+
"big-stat_state_muted": "big-stat_state_muted__FI-y-",
|
|
9
|
+
"big-stat_size_lg": "big-stat_size_lg__B4I3T",
|
|
10
|
+
"big-stat_size_sm": "big-stat_size_sm__q2e-M",
|
|
11
|
+
"big-stat_error": "big-stat_error__jprpL",
|
|
12
|
+
"big-stat_order_title-top": "big-stat_order_title-top__ccjZB",
|
|
13
|
+
"big-stat_order_title-bottom": "big-stat_order_title-bottom__Mpgww",
|
|
14
|
+
"big-stat_fill-width": "big-stat_fill-width__FxoMI",
|
|
15
|
+
"big-stat_spacing_sm": "big-stat_spacing_sm__Xx-wJ",
|
|
16
|
+
"big-stat_spacing_lg": "big-stat_spacing_lg__MTWck",
|
|
17
|
+
"big-stat__label": "big-stat__label__MAyV0",
|
|
18
|
+
"big-stat__title": "big-stat__title__ql7Gx"
|
|
19
|
+
};
|
|
20
|
+
|
|
21
|
+
exports.default = styles;
|
|
22
|
+
//# sourceMappingURL=BigStat.module.css.cjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"BigStat.module.css.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;"}
|
|
@@ -1,72 +1,80 @@
|
|
|
1
|
+
require("./BigStat.css");
|
|
1
2
|
'use strict';
|
|
2
3
|
|
|
3
4
|
Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
|
|
4
5
|
|
|
5
6
|
const jsxRuntime = require('react/jsx-runtime');
|
|
6
|
-
const
|
|
7
|
+
const react = require('react');
|
|
8
|
+
const cva = require('../../lib/cva.cjs');
|
|
9
|
+
const BigStat_module = require('./BigStat.module.css.cjs');
|
|
10
|
+
const classVarianceAuthority = require('class-variance-authority');
|
|
7
11
|
|
|
12
|
+
const wrapperVariants = classVarianceAuthority.cva(BigStat_module.default["big-stat"], {
|
|
13
|
+
variants: {
|
|
14
|
+
state: {
|
|
15
|
+
default: BigStat_module.default["big-stat_state_default"],
|
|
16
|
+
muted: BigStat_module.default["big-stat_state_muted"]
|
|
17
|
+
},
|
|
18
|
+
size: {
|
|
19
|
+
lg: BigStat_module.default["big-stat_size_lg"],
|
|
20
|
+
sm: BigStat_module.default["big-stat_size_sm"]
|
|
21
|
+
},
|
|
22
|
+
spacing: {
|
|
23
|
+
sm: BigStat_module.default["big-stat_spacing_sm"],
|
|
24
|
+
lg: BigStat_module.default["big-stat_spacing_lg"]
|
|
25
|
+
},
|
|
26
|
+
order: {
|
|
27
|
+
titleTop: BigStat_module.default["big-stat_order_title-top"],
|
|
28
|
+
titleBottom: BigStat_module.default["big-stat_order_title-bottom"]
|
|
29
|
+
},
|
|
30
|
+
fillWidth: {
|
|
31
|
+
true: BigStat_module.default["big-stat_fill-width"]
|
|
32
|
+
},
|
|
33
|
+
error: {
|
|
34
|
+
true: BigStat_module.default["big-stat_error"]
|
|
35
|
+
}
|
|
36
|
+
},
|
|
37
|
+
defaultVariants: {
|
|
38
|
+
state: "default",
|
|
39
|
+
size: "lg",
|
|
40
|
+
spacing: "sm",
|
|
41
|
+
order: "titleTop"
|
|
42
|
+
}
|
|
43
|
+
});
|
|
8
44
|
const BigStat = ({
|
|
9
45
|
fillWidth = false,
|
|
10
46
|
maxWidth,
|
|
11
47
|
height = "6rem",
|
|
12
48
|
label = "Label",
|
|
13
49
|
order = "titleTop",
|
|
14
|
-
size,
|
|
50
|
+
size = "lg",
|
|
15
51
|
spacing = "sm",
|
|
16
52
|
state = "default",
|
|
17
53
|
title = "Title",
|
|
18
54
|
error = false,
|
|
55
|
+
className,
|
|
56
|
+
style,
|
|
19
57
|
...props
|
|
20
|
-
}) =>
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
border-radius: ${theme.click.bigStat.radii.all};
|
|
41
|
-
border: ${theme.click.bigStat.stroke} solid ${$error ? theme.click.bigStat.color.stroke.danger : theme.click.bigStat.color.stroke[$state]};
|
|
42
|
-
gap: ${theme.click.bigStat.space[$spacing].gap};
|
|
43
|
-
padding: ${theme.click.bigStat.space.all};
|
|
44
|
-
min-height: ${$height !== void 0 ? `${$height}` : "auto"};
|
|
45
|
-
flex-direction: ${$order === "titleBottom" ? "column-reverse" : "column"};
|
|
46
|
-
width: ${$fillWidth === true ? "100%" : "auto"};
|
|
47
|
-
max-width: ${$maxWidth ? $maxWidth : "none"};
|
|
48
|
-
`);
|
|
49
|
-
const Label = styledComponents.styled.div.withConfig({
|
|
50
|
-
componentId: "sc-u5029o-1"
|
|
51
|
-
})(["", ""], ({
|
|
52
|
-
$state = "default",
|
|
53
|
-
$size = "lg",
|
|
54
|
-
$error = false,
|
|
55
|
-
theme
|
|
56
|
-
}) => `
|
|
57
|
-
color: ${$error ? theme.click.bigStat.color.label.danger : theme.click.bigStat.color.label[$state]};
|
|
58
|
-
font: ${theme.click.bigStat.typography[$size].label[$state]};
|
|
59
|
-
`);
|
|
60
|
-
const Title = styledComponents.styled.div.withConfig({
|
|
61
|
-
componentId: "sc-u5029o-2"
|
|
62
|
-
})(["", ""], ({
|
|
63
|
-
$state = "default",
|
|
64
|
-
$size = "lg",
|
|
65
|
-
theme
|
|
66
|
-
}) => `
|
|
67
|
-
color: ${theme.click.bigStat.color.title[$state]};
|
|
68
|
-
font: ${theme.click.bigStat.typography[$size].title[$state]};
|
|
69
|
-
`);
|
|
58
|
+
}) => {
|
|
59
|
+
const mergedStyle = react.useMemo(() => ({
|
|
60
|
+
"--big-stat-height": height,
|
|
61
|
+
...maxWidth && {
|
|
62
|
+
"--big-stat-max-width": maxWidth
|
|
63
|
+
},
|
|
64
|
+
...style
|
|
65
|
+
}), [height, maxWidth, style]);
|
|
66
|
+
return /* @__PURE__ */ jsxRuntime.jsxs("div", { style: mergedStyle, ...props, className: cva.cn(wrapperVariants({
|
|
67
|
+
state,
|
|
68
|
+
size,
|
|
69
|
+
spacing,
|
|
70
|
+
order,
|
|
71
|
+
fillWidth,
|
|
72
|
+
error
|
|
73
|
+
}), className), children: [
|
|
74
|
+
/* @__PURE__ */ jsxRuntime.jsx("div", { className: cva.cn(BigStat_module.default["big-stat__label"]), children: label }),
|
|
75
|
+
/* @__PURE__ */ jsxRuntime.jsx("div", { className: cva.cn(BigStat_module.default["big-stat__title"]), children: title })
|
|
76
|
+
] });
|
|
77
|
+
};
|
|
70
78
|
|
|
71
79
|
exports.BigStat = BigStat;
|
|
72
80
|
//# sourceMappingURL=index.cjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.cjs","sources":["../../../../src/components/BigStat/BigStat.tsx"],"sourcesContent":["import {
|
|
1
|
+
{"version":3,"file":"index.cjs","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","jsxs","cn","jsx"],"mappings":";;;;;;;;;;AAKA,MAAMA,eAAAA,GAAkBC,0BAAAA,CAAIC,sBAAAA,CAAO,UAAU,CAAA,EAAG;AAAA,EAC9CC,QAAAA,EAAU;AAAA,IACRC,KAAAA,EAAO;AAAA,MACLC,OAAAA,EAASH,uBAAO,wBAAwB,CAAA;AAAA,MACxCI,KAAAA,EAAOJ,uBAAO,sBAAsB;AAAA,KACtC;AAAA,IACAK,IAAAA,EAAM;AAAA,MACJC,EAAAA,EAAIN,uBAAO,kBAAkB,CAAA;AAAA,MAC7BO,EAAAA,EAAIP,uBAAO,kBAAkB;AAAA,KAC/B;AAAA,IACAQ,OAAAA,EAAS;AAAA,MACPD,EAAAA,EAAIP,uBAAO,qBAAqB,CAAA;AAAA,MAChCM,EAAAA,EAAIN,uBAAO,qBAAqB;AAAA,KAClC;AAAA,IACAS,KAAAA,EAAO;AAAA,MACLC,QAAAA,EAAUV,uBAAO,0BAA0B,CAAA;AAAA,MAC3CW,WAAAA,EAAaX,uBAAO,6BAA6B;AAAA,KACnD;AAAA,IACAY,SAAAA,EAAW;AAAA,MACTC,IAAAA,EAAMb,uBAAO,qBAAqB;AAAA,KACpC;AAAA,IACAc,KAAAA,EAAO;AAAA,MACLD,IAAAA,EAAMb,uBAAO,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,cAClB,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,uBACEI,eAAA,CAAC,SACC,KAAA,EAAOF,WAAAA,KACHD,KAAAA,EACJ,SAAA,EAAWI,OACT7B,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,oBAAAO,cAAA,CAAC,SAAI,SAAA,EAAWD,MAAAA,CAAG3B,uBAAO,iBAAiB,CAAC,GAAImB,QAAAA,EAAAA,KAAAA,EAAM,CAAA;AAAA,oBACtDS,cAAA,CAAC,SAAI,SAAA,EAAWD,MAAAA,CAAG3B,uBAAO,iBAAiB,CAAC,GAAIoB,QAAAA,EAAAA,KAAAA,EAAM;AAAA,GAAA,EACxD,CAAA;AAEJ;;;;"}
|
|
@@ -105,7 +105,7 @@ const ButtonGroup = react.forwardRef(({
|
|
|
105
105
|
...buttonProps
|
|
106
106
|
}) => {
|
|
107
107
|
const isActive = isValueSelected(value, currentSelection);
|
|
108
|
-
return /* @__PURE__ */ jsxRuntime.jsx("button", { className: cva.cn(buttonVariants({
|
|
108
|
+
return /* @__PURE__ */ jsxRuntime.jsx("button", { type: "button", className: cva.cn(buttonVariants({
|
|
109
109
|
type,
|
|
110
110
|
iconOnly,
|
|
111
111
|
fillWidth
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.cjs","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","
|
|
1
|
+
{"version":3,"file":"index.cjs","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","jsx","button__icon","Icon","displayName"],"mappings":"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"}
|
|
@@ -67,7 +67,7 @@ const CardPromotion = ({
|
|
|
67
67
|
return isVisible ? /* @__PURE__ */ jsxRuntime.jsx(Background, { children: /* @__PURE__ */ jsxRuntime.jsxs(Wrapper, { $dismissible: dismissible, ...props, children: [
|
|
68
68
|
/* @__PURE__ */ jsxRuntime.jsx(CardIcon, { name: icon, "aria-hidden": true }),
|
|
69
69
|
/* @__PURE__ */ jsxRuntime.jsx(Text.Text, { children: label }),
|
|
70
|
-
dismissible && /* @__PURE__ */ jsxRuntime.jsx(DismissWrapper, { "data-testid": "click-alert-dismiss-button", onClick: () => setIsVisible(false), children: /* @__PURE__ */ jsxRuntime.jsx(Icon.Icon, { name: "cross", "aria-label": "close" }) })
|
|
70
|
+
dismissible && /* @__PURE__ */ jsxRuntime.jsx(DismissWrapper, { type: "button", "data-testid": "click-alert-dismiss-button", onClick: () => setIsVisible(false), children: /* @__PURE__ */ jsxRuntime.jsx(Icon.Icon, { name: "cross", "aria-label": "close" }) })
|
|
71
71
|
] }) }) : null;
|
|
72
72
|
};
|
|
73
73
|
|