@codacy/ui-components 0.66.60 → 0.66.62
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/lib/Banner/Banner.js +4 -2
- package/lib/Banner/Banner.styles.d.ts +1 -0
- package/lib/Bannerol/Bannerol.js +25 -15
- package/lib/Bannerol/Bannerol.styles.js +1 -1
- package/lib/Bannerol/Bannerol.types.d.ts +5 -1
- package/lib/CloseButton/index.d.ts +2 -0
- package/lib/CloseButton/index.js +3 -2
- package/lib/Icons/Messages.js +1 -1
- package/lib/Message/Message.styles.js +5 -10
- package/lib/Modal/Modal.js +3 -0
- package/package.json +2 -2
package/lib/Banner/Banner.js
CHANGED
|
@@ -25,14 +25,16 @@ export const Banner = ({
|
|
|
25
25
|
}, props), /*#__PURE__*/React.createElement(Box, {
|
|
26
26
|
mr: 4
|
|
27
27
|
}, /*#__PURE__*/React.createElement(Icon, {
|
|
28
|
-
icon: icon || (() => /*#__PURE__*/React.createElement(RocketIcon,
|
|
28
|
+
icon: icon || (() => /*#__PURE__*/React.createElement(RocketIcon, {
|
|
29
|
+
color: `alerts-${variant}-icon`
|
|
30
|
+
})),
|
|
29
31
|
color: `alerts-${variant}-icon`,
|
|
30
32
|
size: "lg"
|
|
31
33
|
})), /*#__PURE__*/React.createElement(Box, {
|
|
32
34
|
flex: 1
|
|
33
35
|
}, /*#__PURE__*/React.createElement(Subheader, {
|
|
34
36
|
size: "lg",
|
|
35
|
-
mb:
|
|
37
|
+
mb: 2,
|
|
36
38
|
color: `alerts-primary-text`
|
|
37
39
|
}, title), description && typeof description === 'string' ? /*#__PURE__*/React.createElement(Paragraph, {
|
|
38
40
|
color: "alerts-secondary-text"
|
|
@@ -10,6 +10,7 @@ export declare const StyledBanner: import("@emotion/styled").StyledComponent<{
|
|
|
10
10
|
} & import("..").FlexboxProps & Pick<BannerProps, "variant">, {}, {}>;
|
|
11
11
|
export declare const StyledCloseButton: import("@emotion/styled").StyledComponent<import("react").HTMLAttributes<HTMLButtonElement> & {
|
|
12
12
|
color?: "text-danger" | "text-success" | "text-warning" | "text-info" | "text-attention" | "text-critical" | "text-high" | "text-medium" | "text-minor" | "background-danger" | "background-success" | "background-warning" | "background-info" | "background-attention" | "background-critical" | "background-high" | "background-medium" | "background-minor" | "border-danger" | "border-success" | "border-warning" | "border-info" | "border-attention" | "border-critical" | "border-high" | "border-medium" | "border-minor" | "icon-danger" | "icon-success" | "icon-warning" | "icon-info" | "icon-attention" | "icon-critical" | "icon-high" | "icon-medium" | "icon-minor" | "link-danger" | "link-success" | "link-warning" | "link-info" | "link-attention" | "link-critical" | "link-high" | "link-medium" | "link-minor" | "alerts-danger-background" | "alerts-danger-border" | "alerts-danger-icon" | "alerts-danger-link" | "alerts-success-background" | "alerts-success-border" | "alerts-success-icon" | "alerts-success-link" | "alerts-warning-text" | "alerts-warning-background" | "alerts-warning-border" | "alerts-warning-icon" | "alerts-warning-link" | "alerts-info-background" | "alerts-info-border" | "alerts-info-icon" | "alerts-info-link" | "alerts-attention-text" | "alerts-attention-background" | "alerts-attention-border" | "alerts-attention-icon" | "alerts-primary-text" | "alerts-primary-background" | "alerts-primary-icon" | "alerts-primary-link" | "alerts-secondary-text" | "alerts-secondary-background" | "data-color1-enabled" | "data-color1-disabled" | "data-color2-enabled" | "data-color2-disabled" | "data-color3-enabled" | "data-color3-disabled" | "data-color4-enabled" | "data-color4-disabled" | "data-color5-enabled" | "data-color5-disabled" | "data-color6-enabled" | "data-color6-disabled" | "data-color7-enabled" | "data-color7-disabled" | "data-color8-enabled" | "data-color8-disabled" | "illustration-neutral1" | "illustration-neutral2" | "illustration-neutral3" | "illustration-neutral4" | "illustration-brand1" | "illustration-brand2" | "illustration-brand3" | "illustration-brand4" | "illustration-brand-inverted" | "icon-info-enabled" | "icon-minor-enabled" | "icon-minor-disabled" | "icon-brand-enabled" | "icon-brand-hover" | "icon-brand-focus" | "icon-brand-pressed" | "icon-brand-disabled" | "icon-danger-enabled" | "icon-danger-hover" | "icon-danger-focus" | "icon-danger-pressed" | "icon-danger-disabled" | "icon-critical-enabled" | "icon-critical-disabled" | "icon-warning-enabled" | "icon-medium-enabled" | "icon-medium-disabled" | "icon-success-enabled" | "icon-success-disabled" | "icon-high-enabled" | "icon-high-disabled" | "icon-attention-enabled" | "icon-enabled" | "icon-hover" | "icon-disabled" | "icon-focus" | "icon-pressed" | "icon-inverted" | "icon-subtle-enabled" | "icon-subtle-hover" | "icon-subtle-focus" | "icon-subtle-pressed" | "icon-subtle-disabled" | "icon-subtle-inverted" | "border-brand-subtle" | "border-brand-enabled" | "border-brand-pressed" | "border-brand-hover" | "border-brand-primary" | "border-brand-disabled" | "border-info-enabled" | "border-minor-enabled" | "border-minor-disabled" | "border-danger-subtle" | "border-danger-enabled" | "border-danger-hover" | "border-danger-focus" | "border-danger-pressed" | "border-critical-enabled" | "border-critical-disabled" | "border-warning-enabled" | "border-medium-enabled" | "border-medium-disabled" | "border-success-enabled" | "border-success-subtle" | "border-attention-enabled" | "border-attention-disabled" | "border-high-enabled" | "border-high-disabled" | "border-inverted" | "border-primary" | "border-subtle-enabled" | "border-subtle-hover" | "border-subtle-focus" | "border-subtle-pressed" | "border-subtle-disabled" | "background-brand" | "background-brand-enabled" | "background-brand-hover" | "background-brand-focus" | "background-brand-pressed" | "background-brand-disabled" | "background-brand-inverted" | "background-subtle-enabled" | "background-subtle-hover" | "background-subtle-focus" | "background-subtle-pressed" | "background-subtle-disabled" | "background-info-enabled" | "background-info-disabled" | "background-minor-enabled" | "background-minor-disabled" | "background-danger-enabled" | "background-danger-hover" | "background-danger-focus" | "background-danger-pressed" | "background-danger-disabled" | "background-critical-enabled" | "background-critical-disabled" | "background-success-enabled" | "background-success-disabled" | "background-warning-enabled" | "background-warning-disabled" | "background-medium-enabled" | "background-medium-disabled" | "background-attention-enabled" | "background-attention-disabled" | "background-high-enabled" | "background-high-disabled" | "background-primary" | "background-secondary" | "background-subtle" | "background-brand-subtle" | "text-primary" | "text-secondary" | "text-tertiary" | "text-disabled" | "text-inverted" | "text-subtle-enabled" | "text-subtle-hover" | "text-subtle-focus" | "text-subtle-pressed" | "text-subtle-disabled" | "text-subtle-inverted" | "text-code-subtle-enabled" | "text-code-subtle-disabled" | "text-link-enabled" | "text-link-hover" | "text-link-focus" | "text-link-pressed" | "text-link-disabled" | "text-brand-enabled" | "text-brand-hover" | "text-brand-focus" | "text-brand-pressed" | "text-brand-disabled" | "text-info-enabled" | "text-minor-enabled" | "text-minor-disabled" | "text-code-brand-enabled" | "text-code-brand-disabled" | "text-danger-enabled" | "text-danger-hover" | "text-danger-focus" | "text-danger-pressed" | "text-danger-disabled" | "text-critical-enabled" | "text-critical-disabled" | "text-code-danger" | "text-warning-enabled" | "text-medium-enabled" | "text-medium-disabled" | "text-success-enabled" | "text-high-enabled" | "text-high-disabled" | "effect-elevation-1" | "effect-elevation-2" | "button-text-danger-text-disabled" | "button-text-danger-text-enabled" | "button-text-danger-text-hover" | "button-text-danger-text-focus" | "button-text-danger-text-pressed" | "button-text-danger-icon-disabled" | "button-text-danger-icon-enabled" | "button-text-danger-icon-hover" | "button-text-danger-icon-focus" | "button-text-danger-icon-pressed" | "button-text-secondary-text-disabled" | "button-text-secondary-text-enabled" | "button-text-secondary-text-hover" | "button-text-secondary-text-focus" | "button-text-secondary-text-pressed" | "button-text-secondary-icon-disabled" | "button-text-secondary-icon-enabled" | "button-text-secondary-icon-hover" | "button-text-secondary-icon-focus" | "button-text-secondary-icon-pressed" | "button-text-brand-text-disabled" | "button-text-brand-text-enabled" | "button-text-brand-text-hover" | "button-text-brand-text-focus" | "button-text-brand-text-pressed" | "button-text-brand-icon-disabled" | "button-text-brand-icon-enabled" | "button-text-brand-icon-hover" | "button-text-brand-icon-focus" | "button-text-brand-icon-pressed" | "button-primary-danger-text-disabled" | "button-primary-danger-text-enabled" | "button-primary-danger-text-hover" | "button-primary-danger-text-focus" | "button-primary-danger-text-pressed" | "button-primary-danger-background-disabled" | "button-primary-danger-background-enabled" | "button-primary-danger-background-hover" | "button-primary-danger-background-focus" | "button-primary-danger-background-pressed" | "button-primary-danger-icon-disabled" | "button-primary-danger-icon-enabled" | "button-primary-danger-icon-hover" | "button-primary-danger-icon-focus" | "button-primary-danger-icon-pressed" | "button-primary-brand-text-disabled" | "button-primary-brand-text-enabled" | "button-primary-brand-text-hover" | "button-primary-brand-text-focus" | "button-primary-brand-text-pressed" | "button-primary-brand-background-disabled" | "button-primary-brand-background-enabled" | "button-primary-brand-background-hover" | "button-primary-brand-background-focus" | "button-primary-brand-background-pressed" | "button-primary-brand-icon-disabled" | "button-primary-brand-icon-enabled" | "button-primary-brand-icon-hover" | "button-primary-brand-icon-focus" | "button-primary-brand-icon-pressed" | "button-secondary-brand-text-disabled" | "button-secondary-brand-text-enabled" | "button-secondary-brand-text-hover" | "button-secondary-brand-text-focus" | "button-secondary-brand-text-pressed" | "button-secondary-brand-background-disabled" | "button-secondary-brand-background-enabled" | "button-secondary-brand-background-hover" | "button-secondary-brand-background-focus" | "button-secondary-brand-background-pressed" | "button-secondary-brand-border-disabled" | "button-secondary-brand-border-enabled" | "button-secondary-brand-border-hover" | "button-secondary-brand-border-focus" | "button-secondary-brand-border-pressed" | "button-secondary-brand-icon-disabled" | "button-secondary-brand-icon-enabled" | "button-secondary-brand-icon-hover" | "button-secondary-brand-icon-focus" | "button-secondary-brand-icon-pressed" | "cards-danger-text-enabled" | "cards-success-icon-enabled" | "cards-primary-text-disabled" | "cards-primary-text-enabled" | "cards-primary-background-enabled" | "cards-primary-border-enabled" | "cards-primary-icon-enabled" | "cards-primary-link-enabled" | "cards-secondary-text-enabled" | "cards-secondary-background-enabled" | "cards-tertiary-text-enabled" | "cards-subtle-background-enabled" | "cards-subtle-border-enabled" | "charts-danger-background-enabled" | "charts-danger-background-active" | "charts-success-background-enabled" | "charts-success-background-active" | "charts-success-icon-disabled" | "charts-success-icon-enabled" | "charts-warning-background-enabled" | "charts-warning-background-active" | "charts-info-background-enabled" | "charts-info-background-active" | "charts-attention-background-enabled" | "charts-attention-background-active" | "charts-critical-text-disabled" | "charts-critical-text-enabled" | "charts-critical-background-enabled" | "charts-critical-background-active" | "charts-critical-border-disabled" | "charts-critical-border-enabled" | "charts-critical-icon-disabled" | "charts-critical-icon-enabled" | "charts-high-text-disabled" | "charts-high-text-enabled" | "charts-high-background-enabled" | "charts-high-background-active" | "charts-high-border-disabled" | "charts-high-border-enabled" | "charts-high-icon-disabled" | "charts-high-icon-enabled" | "charts-medium-text-disabled" | "charts-medium-text-enabled" | "charts-medium-background-enabled" | "charts-medium-background-active" | "charts-medium-border-disabled" | "charts-medium-border-enabled" | "charts-medium-icon-disabled" | "charts-medium-icon-enabled" | "charts-minor-text-disabled" | "charts-minor-text-enabled" | "charts-minor-background-enabled" | "charts-minor-background-active" | "charts-minor-border-disabled" | "charts-minor-border-enabled" | "charts-minor-icon-disabled" | "charts-minor-icon-enabled" | "charts-primary-text-disabled" | "charts-primary-text-enabled" | "charts-primary-background-enabled" | "charts-primary-border-enabled" | "charts-primary-border-active" | "charts-primary-icon-disabled" | "charts-primary-icon-enabled" | "charts-primary-link-enabled" | "charts-primary-iconLink-disabled" | "charts-primary-iconLink-enabled" | "charts-secondary-text-enabled" | "charts-secondary-background-enabled" | "charts-secondary-border-enabled" | "charts-tertiary-text-enabled" | "charts-tertiary-background-enabled" | "charts-subtle-background-enabled" | "charts-value1-background-disabled" | "charts-value1-background-enabled" | "charts-value1-border-disabled" | "charts-value1-border-enabled" | "charts-value2-background-disabled" | "charts-value2-background-enabled" | "charts-value2-border-disabled" | "charts-value2-border-enabled" | "charts-value3-background-disabled" | "charts-value3-background-enabled" | "charts-value3-border-disabled" | "charts-value3-border-enabled" | "charts-value4-background-disabled" | "charts-value4-background-enabled" | "charts-value4-border-disabled" | "charts-value4-border-enabled" | "charts-value5-background-disabled" | "charts-value5-background-enabled" | "charts-value5-border-disabled" | "charts-value5-border-enabled" | "charts-value6-background-disabled" | "charts-value6-background-enabled" | "charts-value6-border-disabled" | "charts-value6-border-enabled" | "charts-value7-background-disabled" | "charts-value7-background-enabled" | "charts-value7-border-disabled" | "charts-value7-border-enabled" | "charts-value8-background-disabled" | "charts-value8-background-enabled" | "label-danger-text" | "label-danger-background" | "label-danger-icon" | "label-success-text" | "label-success-background" | "label-success-icon" | "label-warning-text" | "label-warning-background" | "label-warning-icon" | "label-info-text" | "label-info-background" | "label-info-icon" | "label-attention-text" | "label-attention-background" | "label-attention-icon" | "label-critical-text" | "label-critical-background" | "label-critical-icon" | "label-high-text" | "label-high-background" | "label-high-icon" | "label-medium-text" | "label-medium-background" | "label-medium-icon" | "label-minor-text" | "label-minor-background" | "label-minor-icon" | "label-default-text" | "label-default-background" | "label-default-icon" | "checkboxInput-primary-text-disabled" | "checkboxInput-primary-text-enabled" | "checkboxInput-primary-background-disabled" | "checkboxInput-primary-background-enabled" | "checkboxInput-primary-border-enabled" | "checkboxInput-primary-border-active" | "checkboxInput-primary-icon-disabled" | "checkboxInput-primary-icon-enabled" | "checkboxInput-secondary-text-disabled" | "checkboxInput-secondary-text-enabled" | "listOrb-primary-text" | "listOrb-primary-background" | "listOrb-primary-icon" | "listOrb-secondary-text" | "listOrb-secondary-background" | "stepper-text-complete" | "stepper-text-current" | "stepper-text-incomplete" | "stepper-icon-complete" | "stepper-icon-current" | "stepper-icon-incomplete" | "selector-slider-background-disabled" | "selector-slider-background-enabled" | "selector-slider-background-hover" | "selector-slider-background-unselected" | "selector-base-text-disabled" | "selector-base-text-enabled" | "selector-base-background-disabled" | "selector-base-background-enabled" | "selector-base-background-hover" | "selector-base-background-unselected" | "selector-base-border-disabled" | "selector-base-border-enabled" | "selector-base-border-hover" | "selector-base-border-unselected" | "selector-base-icon-disabled" | "selector-base-icon-enabled" | "selector-base-icon-unselected" | "input-text-disabled" | "input-text-enabled" | "input-text-hover" | "input-text-focus" | "input-text-error" | "input-background-disabled" | "input-background-enabled" | "input-background-hover" | "input-background-focus" | "input-background-error" | "input-border-disabled" | "input-border-enabled" | "input-border-hover" | "input-border-focus" | "input-border-error" | "input-icon-disabled" | "input-icon-enabled" | "input-icon-hover" | "input-icon-focus" | "input-icon-error" | "input-placeholder-disabled" | "input-placeholder-enabled" | "input-placeholder-hover" | "input-placeholder-focus" | "input-placeholder-error" | "input-helper-disabled" | "input-helper-enabled" | "input-helper-hover" | "input-helper-focus" | "input-helper-error" | "input-label-disabled" | "input-label-enabled" | "input-label-hover" | "input-label-focus" | "input-label-error" | "loading-background" | "divider-enabled" | "issues-critical-background-collapsed" | "issues-critical-background-expanded" | "issues-high-background-collapsed" | "issues-high-background-expanded" | "issues-medium-background-collapsed" | "issues-medium-background-expanded" | "issues-minor-background-collapsed" | "issues-minor-background-expanded" | "issues-critical-code" | "issues-high-code" | "issues-medium-code" | "issues-minor-code" | "issues-background" | "issues-code" | "issues-linenumber" | "tabs-text-disabled" | "tabs-text-enabled" | "tabs-text-active" | "tabs-border-disabled" | "tabs-border-enabled" | "tabs-border-active" | "tabs-border-inactive" | "tabs-icon-disabled" | "tabs-icon-enabled" | "tabs-icon-active" | "drawer-body-text-disabled" | "drawer-body-text-enabled" | "drawer-body-background-enabled" | "drawer-body-border-enabled" | "drawer-body-icon-disabled" | "drawer-body-icon-enabled" | "drawer-item-text-disabled" | "drawer-item-text-enabled" | "drawer-item-text-hover" | "drawer-item-text-active" | "drawer-item-background-disabled" | "drawer-item-background-enabled" | "drawer-item-background-hover" | "drawer-item-background-active" | "drawer-item-icon-disabled" | "drawer-item-icon-enabled" | "drawer-item-icon-hover" | "drawer-item-icon-active" | "filter-text-disabled" | "filter-text-enabled" | "filter-background-disabled" | "filter-background-enabled" | "filter-border-disabled" | "filter-border-enabled" | "filter-border-active" | "filter-icon-disabled" | "filter-icon-enabled" | "modal-body-text" | "modal-body-background" | "modal-backdrop-background" | "tables-text-enabled" | "tables-text-active" | "tables-background-hover" | "tables-border-enabled" | "tables-icon-enabled" | "tables-icon-active" | "tables-link-enabled" | "tables-link-hover" | "navigation-left-menu-item-text-enabled" | "navigation-left-menu-item-text-hover" | "navigation-left-menu-item-text-active" | "navigation-left-menu-item-background-enabled" | "navigation-left-menu-item-background-active" | "navigation-left-menu-item-icon-enabled" | "navigation-left-menu-item-icon-active" | "navigation-left-menu-wrapper-text-enabled" | "navigation-left-menu-wrapper-background-enabled" | "navigation-top-bar-item-text-enabled" | "navigation-top-bar-item-background-hover" | "navigation-top-bar-wrapper-text-enabled" | "navigation-top-bar-wrapper-background-enabled" | "navigation-top-bar-wrapper-icon-enabled" | "navigation-top-bar-logo" | "logo-brand" | "logo-inverted" | "logo-primary" | "tooltip-text" | "tooltip-background" | "tooltip-border" | "progress-bar-background" | "progress-bar-indicator" | "grades-background-icon" | "grades-background-high" | "grades-background-medium" | "grades-background-elite" | "grades-background-low" | "grades-background-generic" | "grades-background-other" | "grades-text" | undefined;
|
|
13
|
+
size?: import("..").IconSize | undefined;
|
|
13
14
|
} & import("react").RefAttributes<HTMLButtonElement> & {
|
|
14
15
|
theme?: import("@emotion/react").Theme | undefined;
|
|
15
16
|
}, {}, {}>;
|
package/lib/Bannerol/Bannerol.js
CHANGED
|
@@ -1,11 +1,12 @@
|
|
|
1
1
|
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
2
2
|
import React from 'react';
|
|
3
3
|
import { StyledBannerol } from './Bannerol.styles';
|
|
4
|
-
import { Box } from '../Flexbox';
|
|
4
|
+
import { Box, Flex } from '../Flexbox';
|
|
5
5
|
import { Icon } from '../Icon';
|
|
6
6
|
import { Paragraph, Subheader } from '../Typography';
|
|
7
7
|
import { Button } from '../Button';
|
|
8
8
|
import { CloseButton } from '../CloseButton';
|
|
9
|
+
import { Link } from '../Link';
|
|
9
10
|
|
|
10
11
|
/**
|
|
11
12
|
* Description for Bannerol
|
|
@@ -13,6 +14,7 @@ import { CloseButton } from '../CloseButton';
|
|
|
13
14
|
export const Bannerol = ({
|
|
14
15
|
title,
|
|
15
16
|
icon,
|
|
17
|
+
link,
|
|
16
18
|
action,
|
|
17
19
|
description,
|
|
18
20
|
onDismiss,
|
|
@@ -21,26 +23,33 @@ export const Bannerol = ({
|
|
|
21
23
|
}) => {
|
|
22
24
|
return /*#__PURE__*/React.createElement(StyledBannerol, _extends({
|
|
23
25
|
variant: variant,
|
|
24
|
-
|
|
26
|
+
py: 2,
|
|
27
|
+
px: 4,
|
|
25
28
|
width: "100%",
|
|
26
29
|
position: "relative",
|
|
27
30
|
alignItems: "center"
|
|
28
|
-
}, props),
|
|
29
|
-
mr: 4
|
|
30
|
-
}, /*#__PURE__*/React.createElement(Icon, {
|
|
31
|
-
icon: icon,
|
|
32
|
-
size: "lg",
|
|
33
|
-
color: `alerts-${variant}-icon`
|
|
34
|
-
})), /*#__PURE__*/React.createElement(Box, {
|
|
31
|
+
}, props), /*#__PURE__*/React.createElement(Flex, {
|
|
35
32
|
flex: 1
|
|
36
|
-
}, /*#__PURE__*/React.createElement(
|
|
37
|
-
|
|
33
|
+
}, icon && /*#__PURE__*/React.createElement(Icon, {
|
|
34
|
+
icon: icon,
|
|
35
|
+
color: `alerts-${variant}-icon`,
|
|
36
|
+
mr: 2
|
|
37
|
+
}), /*#__PURE__*/React.createElement(Box, null, /*#__PURE__*/React.createElement(Subheader, {
|
|
38
|
+
size: "sm",
|
|
38
39
|
color: "alerts-primary-text",
|
|
39
40
|
mb: 1
|
|
40
|
-
}, title), description &&
|
|
41
|
-
color: "alerts-secondary-text"
|
|
42
|
-
|
|
41
|
+
}, title), description && /*#__PURE__*/React.createElement(Paragraph, {
|
|
42
|
+
color: "alerts-secondary-text",
|
|
43
|
+
size: "sm",
|
|
44
|
+
as: "div"
|
|
45
|
+
}, description, link && /*#__PURE__*/React.createElement(Link, {
|
|
46
|
+
isExternal: true,
|
|
47
|
+
href: link.href,
|
|
48
|
+
size: "sm",
|
|
49
|
+
ml: 1
|
|
50
|
+
}, link.label)))), action && /*#__PURE__*/React.createElement(Button, {
|
|
43
51
|
variant: "primary",
|
|
52
|
+
size: "sm",
|
|
44
53
|
color: variant === 'danger' ? 'danger' : 'brand',
|
|
45
54
|
onClick: action.onClick,
|
|
46
55
|
rightIcon: action.rightIcon,
|
|
@@ -49,6 +58,7 @@ export const Bannerol = ({
|
|
|
49
58
|
}, action.label), onDismiss && /*#__PURE__*/React.createElement(Box, {
|
|
50
59
|
ml: 4
|
|
51
60
|
}, /*#__PURE__*/React.createElement(CloseButton, {
|
|
52
|
-
onClick: onDismiss
|
|
61
|
+
onClick: onDismiss,
|
|
62
|
+
size: "md"
|
|
53
63
|
})));
|
|
54
64
|
};
|
|
@@ -10,4 +10,4 @@ export const StyledBannerol = /*#__PURE__*/_styled(Flex, process.env.NODE_ENV ==
|
|
|
10
10
|
})(({
|
|
11
11
|
theme,
|
|
12
12
|
variant = 'info'
|
|
13
|
-
}) => /*#__PURE__*/css("background:", theme.colors[`alerts-${variant}-background`], ";border-radius:", theme.radii[1], ";box-shadow:", theme.shadows[0], ";position:relative;", StyledLink, "{
|
|
13
|
+
}) => /*#__PURE__*/css("background:", theme.colors[`alerts-${variant}-background`], ";border-radius:", theme.radii[1], ";box-shadow:", theme.shadows[0], ";position:relative;", StyledLink, "{font-weight:", theme.fontWeights['semi-bold'], ";}" + (process.env.NODE_ENV === "production" ? "" : ";label:codacy;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9CYW5uZXJvbC9CYW5uZXJvbC5zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBT3dDIiwiZmlsZSI6Ii4uLy4uL3NyYy9CYW5uZXJvbC9CYW5uZXJvbC5zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcbmltcG9ydCB7IEZsZXggfSBmcm9tICcuLi9GbGV4Ym94J1xuaW1wb3J0IHsgQmFubmVyb2xQcm9wcyB9IGZyb20gJy4vQmFubmVyb2wudHlwZXMnXG5pbXBvcnQgeyBTdHlsZWRMaW5rIH0gZnJvbSAnLi4vTGluaydcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xuXG5leHBvcnQgY29uc3QgU3R5bGVkQmFubmVyb2wgPSBzdHlsZWQoRmxleCk8UGljazxCYW5uZXJvbFByb3BzLCAndmFyaWFudCc+PmBcbiAgJHsoeyB0aGVtZSwgdmFyaWFudCA9ICdpbmZvJyB9KSA9PiBjc3NgXG4gICAgYmFja2dyb3VuZDogJHt0aGVtZS5jb2xvcnNbYGFsZXJ0cy0ke3ZhcmlhbnR9LWJhY2tncm91bmRgXX07XG4gICAgYm9yZGVyLXJhZGl1czogJHt0aGVtZS5yYWRpaVsxXX07XG4gICAgYm94LXNoYWRvdzogJHt0aGVtZS5zaGFkb3dzWzBdfTtcbiAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG5cbiAgICAke1N0eWxlZExpbmt9IHtcbiAgICAgIGZvbnQtd2VpZ2h0OiAke3RoZW1lLmZvbnRXZWlnaHRzWydzZW1pLWJvbGQnXX07XG4gICAgfVxuICBgfVxuYFxuIl19 */"), ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9CYW5uZXJvbC9CYW5uZXJvbC5zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBTTBFIiwiZmlsZSI6Ii4uLy4uL3NyYy9CYW5uZXJvbC9CYW5uZXJvbC5zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcbmltcG9ydCB7IEZsZXggfSBmcm9tICcuLi9GbGV4Ym94J1xuaW1wb3J0IHsgQmFubmVyb2xQcm9wcyB9IGZyb20gJy4vQmFubmVyb2wudHlwZXMnXG5pbXBvcnQgeyBTdHlsZWRMaW5rIH0gZnJvbSAnLi4vTGluaydcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xuXG5leHBvcnQgY29uc3QgU3R5bGVkQmFubmVyb2wgPSBzdHlsZWQoRmxleCk8UGljazxCYW5uZXJvbFByb3BzLCAndmFyaWFudCc+PmBcbiAgJHsoeyB0aGVtZSwgdmFyaWFudCA9ICdpbmZvJyB9KSA9PiBjc3NgXG4gICAgYmFja2dyb3VuZDogJHt0aGVtZS5jb2xvcnNbYGFsZXJ0cy0ke3ZhcmlhbnR9LWJhY2tncm91bmRgXX07XG4gICAgYm9yZGVyLXJhZGl1czogJHt0aGVtZS5yYWRpaVsxXX07XG4gICAgYm94LXNoYWRvdzogJHt0aGVtZS5zaGFkb3dzWzBdfTtcbiAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG5cbiAgICAke1N0eWxlZExpbmt9IHtcbiAgICAgIGZvbnQtd2VpZ2h0OiAke3RoZW1lLmZvbnRXZWlnaHRzWydzZW1pLWJvbGQnXX07XG4gICAgfVxuICBgfVxuYFxuIl19 */"));
|
|
@@ -2,7 +2,7 @@ import React from 'react';
|
|
|
2
2
|
import { ContainerComponentProps } from '../types';
|
|
3
3
|
import { IconFile } from '../Icon/Icon.types';
|
|
4
4
|
import { FlexProps } from '../Flexbox';
|
|
5
|
-
export declare type BannerolVariant = 'info' | 'warning' | 'success' | 'danger';
|
|
5
|
+
export declare type BannerolVariant = 'info' | 'warning' | 'success' | 'danger' | 'attention';
|
|
6
6
|
export declare type BannerolAction = {
|
|
7
7
|
label: string;
|
|
8
8
|
onClick: () => void;
|
|
@@ -13,6 +13,10 @@ export interface BannerolProps extends FlexProps, ContainerComponentProps {
|
|
|
13
13
|
title: string;
|
|
14
14
|
description?: React.ReactNode;
|
|
15
15
|
icon?: IconFile;
|
|
16
|
+
link?: {
|
|
17
|
+
label: string;
|
|
18
|
+
href: string;
|
|
19
|
+
};
|
|
16
20
|
action?: BannerolAction;
|
|
17
21
|
onDismiss?: () => void;
|
|
18
22
|
variant?: BannerolVariant;
|
|
@@ -1,4 +1,6 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
+
import { IconSize } from '../Icon';
|
|
2
3
|
export declare const CloseButton: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLButtonElement> & {
|
|
3
4
|
color?: "text-danger" | "text-success" | "text-warning" | "text-info" | "text-attention" | "text-critical" | "text-high" | "text-medium" | "text-minor" | "background-danger" | "background-success" | "background-warning" | "background-info" | "background-attention" | "background-critical" | "background-high" | "background-medium" | "background-minor" | "border-danger" | "border-success" | "border-warning" | "border-info" | "border-attention" | "border-critical" | "border-high" | "border-medium" | "border-minor" | "icon-danger" | "icon-success" | "icon-warning" | "icon-info" | "icon-attention" | "icon-critical" | "icon-high" | "icon-medium" | "icon-minor" | "link-danger" | "link-success" | "link-warning" | "link-info" | "link-attention" | "link-critical" | "link-high" | "link-medium" | "link-minor" | "alerts-danger-background" | "alerts-danger-border" | "alerts-danger-icon" | "alerts-danger-link" | "alerts-success-background" | "alerts-success-border" | "alerts-success-icon" | "alerts-success-link" | "alerts-warning-text" | "alerts-warning-background" | "alerts-warning-border" | "alerts-warning-icon" | "alerts-warning-link" | "alerts-info-background" | "alerts-info-border" | "alerts-info-icon" | "alerts-info-link" | "alerts-attention-text" | "alerts-attention-background" | "alerts-attention-border" | "alerts-attention-icon" | "alerts-primary-text" | "alerts-primary-background" | "alerts-primary-icon" | "alerts-primary-link" | "alerts-secondary-text" | "alerts-secondary-background" | "data-color1-enabled" | "data-color1-disabled" | "data-color2-enabled" | "data-color2-disabled" | "data-color3-enabled" | "data-color3-disabled" | "data-color4-enabled" | "data-color4-disabled" | "data-color5-enabled" | "data-color5-disabled" | "data-color6-enabled" | "data-color6-disabled" | "data-color7-enabled" | "data-color7-disabled" | "data-color8-enabled" | "data-color8-disabled" | "illustration-neutral1" | "illustration-neutral2" | "illustration-neutral3" | "illustration-neutral4" | "illustration-brand1" | "illustration-brand2" | "illustration-brand3" | "illustration-brand4" | "illustration-brand-inverted" | "icon-info-enabled" | "icon-minor-enabled" | "icon-minor-disabled" | "icon-brand-enabled" | "icon-brand-hover" | "icon-brand-focus" | "icon-brand-pressed" | "icon-brand-disabled" | "icon-danger-enabled" | "icon-danger-hover" | "icon-danger-focus" | "icon-danger-pressed" | "icon-danger-disabled" | "icon-critical-enabled" | "icon-critical-disabled" | "icon-warning-enabled" | "icon-medium-enabled" | "icon-medium-disabled" | "icon-success-enabled" | "icon-success-disabled" | "icon-high-enabled" | "icon-high-disabled" | "icon-attention-enabled" | "icon-enabled" | "icon-hover" | "icon-disabled" | "icon-focus" | "icon-pressed" | "icon-inverted" | "icon-subtle-enabled" | "icon-subtle-hover" | "icon-subtle-focus" | "icon-subtle-pressed" | "icon-subtle-disabled" | "icon-subtle-inverted" | "border-brand-subtle" | "border-brand-enabled" | "border-brand-pressed" | "border-brand-hover" | "border-brand-primary" | "border-brand-disabled" | "border-info-enabled" | "border-minor-enabled" | "border-minor-disabled" | "border-danger-subtle" | "border-danger-enabled" | "border-danger-hover" | "border-danger-focus" | "border-danger-pressed" | "border-critical-enabled" | "border-critical-disabled" | "border-warning-enabled" | "border-medium-enabled" | "border-medium-disabled" | "border-success-enabled" | "border-success-subtle" | "border-attention-enabled" | "border-attention-disabled" | "border-high-enabled" | "border-high-disabled" | "border-inverted" | "border-primary" | "border-subtle-enabled" | "border-subtle-hover" | "border-subtle-focus" | "border-subtle-pressed" | "border-subtle-disabled" | "background-brand" | "background-brand-enabled" | "background-brand-hover" | "background-brand-focus" | "background-brand-pressed" | "background-brand-disabled" | "background-brand-inverted" | "background-subtle-enabled" | "background-subtle-hover" | "background-subtle-focus" | "background-subtle-pressed" | "background-subtle-disabled" | "background-info-enabled" | "background-info-disabled" | "background-minor-enabled" | "background-minor-disabled" | "background-danger-enabled" | "background-danger-hover" | "background-danger-focus" | "background-danger-pressed" | "background-danger-disabled" | "background-critical-enabled" | "background-critical-disabled" | "background-success-enabled" | "background-success-disabled" | "background-warning-enabled" | "background-warning-disabled" | "background-medium-enabled" | "background-medium-disabled" | "background-attention-enabled" | "background-attention-disabled" | "background-high-enabled" | "background-high-disabled" | "background-primary" | "background-secondary" | "background-subtle" | "background-brand-subtle" | "text-primary" | "text-secondary" | "text-tertiary" | "text-disabled" | "text-inverted" | "text-subtle-enabled" | "text-subtle-hover" | "text-subtle-focus" | "text-subtle-pressed" | "text-subtle-disabled" | "text-subtle-inverted" | "text-code-subtle-enabled" | "text-code-subtle-disabled" | "text-link-enabled" | "text-link-hover" | "text-link-focus" | "text-link-pressed" | "text-link-disabled" | "text-brand-enabled" | "text-brand-hover" | "text-brand-focus" | "text-brand-pressed" | "text-brand-disabled" | "text-info-enabled" | "text-minor-enabled" | "text-minor-disabled" | "text-code-brand-enabled" | "text-code-brand-disabled" | "text-danger-enabled" | "text-danger-hover" | "text-danger-focus" | "text-danger-pressed" | "text-danger-disabled" | "text-critical-enabled" | "text-critical-disabled" | "text-code-danger" | "text-warning-enabled" | "text-medium-enabled" | "text-medium-disabled" | "text-success-enabled" | "text-high-enabled" | "text-high-disabled" | "effect-elevation-1" | "effect-elevation-2" | "button-text-danger-text-disabled" | "button-text-danger-text-enabled" | "button-text-danger-text-hover" | "button-text-danger-text-focus" | "button-text-danger-text-pressed" | "button-text-danger-icon-disabled" | "button-text-danger-icon-enabled" | "button-text-danger-icon-hover" | "button-text-danger-icon-focus" | "button-text-danger-icon-pressed" | "button-text-secondary-text-disabled" | "button-text-secondary-text-enabled" | "button-text-secondary-text-hover" | "button-text-secondary-text-focus" | "button-text-secondary-text-pressed" | "button-text-secondary-icon-disabled" | "button-text-secondary-icon-enabled" | "button-text-secondary-icon-hover" | "button-text-secondary-icon-focus" | "button-text-secondary-icon-pressed" | "button-text-brand-text-disabled" | "button-text-brand-text-enabled" | "button-text-brand-text-hover" | "button-text-brand-text-focus" | "button-text-brand-text-pressed" | "button-text-brand-icon-disabled" | "button-text-brand-icon-enabled" | "button-text-brand-icon-hover" | "button-text-brand-icon-focus" | "button-text-brand-icon-pressed" | "button-primary-danger-text-disabled" | "button-primary-danger-text-enabled" | "button-primary-danger-text-hover" | "button-primary-danger-text-focus" | "button-primary-danger-text-pressed" | "button-primary-danger-background-disabled" | "button-primary-danger-background-enabled" | "button-primary-danger-background-hover" | "button-primary-danger-background-focus" | "button-primary-danger-background-pressed" | "button-primary-danger-icon-disabled" | "button-primary-danger-icon-enabled" | "button-primary-danger-icon-hover" | "button-primary-danger-icon-focus" | "button-primary-danger-icon-pressed" | "button-primary-brand-text-disabled" | "button-primary-brand-text-enabled" | "button-primary-brand-text-hover" | "button-primary-brand-text-focus" | "button-primary-brand-text-pressed" | "button-primary-brand-background-disabled" | "button-primary-brand-background-enabled" | "button-primary-brand-background-hover" | "button-primary-brand-background-focus" | "button-primary-brand-background-pressed" | "button-primary-brand-icon-disabled" | "button-primary-brand-icon-enabled" | "button-primary-brand-icon-hover" | "button-primary-brand-icon-focus" | "button-primary-brand-icon-pressed" | "button-secondary-brand-text-disabled" | "button-secondary-brand-text-enabled" | "button-secondary-brand-text-hover" | "button-secondary-brand-text-focus" | "button-secondary-brand-text-pressed" | "button-secondary-brand-background-disabled" | "button-secondary-brand-background-enabled" | "button-secondary-brand-background-hover" | "button-secondary-brand-background-focus" | "button-secondary-brand-background-pressed" | "button-secondary-brand-border-disabled" | "button-secondary-brand-border-enabled" | "button-secondary-brand-border-hover" | "button-secondary-brand-border-focus" | "button-secondary-brand-border-pressed" | "button-secondary-brand-icon-disabled" | "button-secondary-brand-icon-enabled" | "button-secondary-brand-icon-hover" | "button-secondary-brand-icon-focus" | "button-secondary-brand-icon-pressed" | "cards-danger-text-enabled" | "cards-success-icon-enabled" | "cards-primary-text-disabled" | "cards-primary-text-enabled" | "cards-primary-background-enabled" | "cards-primary-border-enabled" | "cards-primary-icon-enabled" | "cards-primary-link-enabled" | "cards-secondary-text-enabled" | "cards-secondary-background-enabled" | "cards-tertiary-text-enabled" | "cards-subtle-background-enabled" | "cards-subtle-border-enabled" | "charts-danger-background-enabled" | "charts-danger-background-active" | "charts-success-background-enabled" | "charts-success-background-active" | "charts-success-icon-disabled" | "charts-success-icon-enabled" | "charts-warning-background-enabled" | "charts-warning-background-active" | "charts-info-background-enabled" | "charts-info-background-active" | "charts-attention-background-enabled" | "charts-attention-background-active" | "charts-critical-text-disabled" | "charts-critical-text-enabled" | "charts-critical-background-enabled" | "charts-critical-background-active" | "charts-critical-border-disabled" | "charts-critical-border-enabled" | "charts-critical-icon-disabled" | "charts-critical-icon-enabled" | "charts-high-text-disabled" | "charts-high-text-enabled" | "charts-high-background-enabled" | "charts-high-background-active" | "charts-high-border-disabled" | "charts-high-border-enabled" | "charts-high-icon-disabled" | "charts-high-icon-enabled" | "charts-medium-text-disabled" | "charts-medium-text-enabled" | "charts-medium-background-enabled" | "charts-medium-background-active" | "charts-medium-border-disabled" | "charts-medium-border-enabled" | "charts-medium-icon-disabled" | "charts-medium-icon-enabled" | "charts-minor-text-disabled" | "charts-minor-text-enabled" | "charts-minor-background-enabled" | "charts-minor-background-active" | "charts-minor-border-disabled" | "charts-minor-border-enabled" | "charts-minor-icon-disabled" | "charts-minor-icon-enabled" | "charts-primary-text-disabled" | "charts-primary-text-enabled" | "charts-primary-background-enabled" | "charts-primary-border-enabled" | "charts-primary-border-active" | "charts-primary-icon-disabled" | "charts-primary-icon-enabled" | "charts-primary-link-enabled" | "charts-primary-iconLink-disabled" | "charts-primary-iconLink-enabled" | "charts-secondary-text-enabled" | "charts-secondary-background-enabled" | "charts-secondary-border-enabled" | "charts-tertiary-text-enabled" | "charts-tertiary-background-enabled" | "charts-subtle-background-enabled" | "charts-value1-background-disabled" | "charts-value1-background-enabled" | "charts-value1-border-disabled" | "charts-value1-border-enabled" | "charts-value2-background-disabled" | "charts-value2-background-enabled" | "charts-value2-border-disabled" | "charts-value2-border-enabled" | "charts-value3-background-disabled" | "charts-value3-background-enabled" | "charts-value3-border-disabled" | "charts-value3-border-enabled" | "charts-value4-background-disabled" | "charts-value4-background-enabled" | "charts-value4-border-disabled" | "charts-value4-border-enabled" | "charts-value5-background-disabled" | "charts-value5-background-enabled" | "charts-value5-border-disabled" | "charts-value5-border-enabled" | "charts-value6-background-disabled" | "charts-value6-background-enabled" | "charts-value6-border-disabled" | "charts-value6-border-enabled" | "charts-value7-background-disabled" | "charts-value7-background-enabled" | "charts-value7-border-disabled" | "charts-value7-border-enabled" | "charts-value8-background-disabled" | "charts-value8-background-enabled" | "label-danger-text" | "label-danger-background" | "label-danger-icon" | "label-success-text" | "label-success-background" | "label-success-icon" | "label-warning-text" | "label-warning-background" | "label-warning-icon" | "label-info-text" | "label-info-background" | "label-info-icon" | "label-attention-text" | "label-attention-background" | "label-attention-icon" | "label-critical-text" | "label-critical-background" | "label-critical-icon" | "label-high-text" | "label-high-background" | "label-high-icon" | "label-medium-text" | "label-medium-background" | "label-medium-icon" | "label-minor-text" | "label-minor-background" | "label-minor-icon" | "label-default-text" | "label-default-background" | "label-default-icon" | "checkboxInput-primary-text-disabled" | "checkboxInput-primary-text-enabled" | "checkboxInput-primary-background-disabled" | "checkboxInput-primary-background-enabled" | "checkboxInput-primary-border-enabled" | "checkboxInput-primary-border-active" | "checkboxInput-primary-icon-disabled" | "checkboxInput-primary-icon-enabled" | "checkboxInput-secondary-text-disabled" | "checkboxInput-secondary-text-enabled" | "listOrb-primary-text" | "listOrb-primary-background" | "listOrb-primary-icon" | "listOrb-secondary-text" | "listOrb-secondary-background" | "stepper-text-complete" | "stepper-text-current" | "stepper-text-incomplete" | "stepper-icon-complete" | "stepper-icon-current" | "stepper-icon-incomplete" | "selector-slider-background-disabled" | "selector-slider-background-enabled" | "selector-slider-background-hover" | "selector-slider-background-unselected" | "selector-base-text-disabled" | "selector-base-text-enabled" | "selector-base-background-disabled" | "selector-base-background-enabled" | "selector-base-background-hover" | "selector-base-background-unselected" | "selector-base-border-disabled" | "selector-base-border-enabled" | "selector-base-border-hover" | "selector-base-border-unselected" | "selector-base-icon-disabled" | "selector-base-icon-enabled" | "selector-base-icon-unselected" | "input-text-disabled" | "input-text-enabled" | "input-text-hover" | "input-text-focus" | "input-text-error" | "input-background-disabled" | "input-background-enabled" | "input-background-hover" | "input-background-focus" | "input-background-error" | "input-border-disabled" | "input-border-enabled" | "input-border-hover" | "input-border-focus" | "input-border-error" | "input-icon-disabled" | "input-icon-enabled" | "input-icon-hover" | "input-icon-focus" | "input-icon-error" | "input-placeholder-disabled" | "input-placeholder-enabled" | "input-placeholder-hover" | "input-placeholder-focus" | "input-placeholder-error" | "input-helper-disabled" | "input-helper-enabled" | "input-helper-hover" | "input-helper-focus" | "input-helper-error" | "input-label-disabled" | "input-label-enabled" | "input-label-hover" | "input-label-focus" | "input-label-error" | "loading-background" | "divider-enabled" | "issues-critical-background-collapsed" | "issues-critical-background-expanded" | "issues-high-background-collapsed" | "issues-high-background-expanded" | "issues-medium-background-collapsed" | "issues-medium-background-expanded" | "issues-minor-background-collapsed" | "issues-minor-background-expanded" | "issues-critical-code" | "issues-high-code" | "issues-medium-code" | "issues-minor-code" | "issues-background" | "issues-code" | "issues-linenumber" | "tabs-text-disabled" | "tabs-text-enabled" | "tabs-text-active" | "tabs-border-disabled" | "tabs-border-enabled" | "tabs-border-active" | "tabs-border-inactive" | "tabs-icon-disabled" | "tabs-icon-enabled" | "tabs-icon-active" | "drawer-body-text-disabled" | "drawer-body-text-enabled" | "drawer-body-background-enabled" | "drawer-body-border-enabled" | "drawer-body-icon-disabled" | "drawer-body-icon-enabled" | "drawer-item-text-disabled" | "drawer-item-text-enabled" | "drawer-item-text-hover" | "drawer-item-text-active" | "drawer-item-background-disabled" | "drawer-item-background-enabled" | "drawer-item-background-hover" | "drawer-item-background-active" | "drawer-item-icon-disabled" | "drawer-item-icon-enabled" | "drawer-item-icon-hover" | "drawer-item-icon-active" | "filter-text-disabled" | "filter-text-enabled" | "filter-background-disabled" | "filter-background-enabled" | "filter-border-disabled" | "filter-border-enabled" | "filter-border-active" | "filter-icon-disabled" | "filter-icon-enabled" | "modal-body-text" | "modal-body-background" | "modal-backdrop-background" | "tables-text-enabled" | "tables-text-active" | "tables-background-hover" | "tables-border-enabled" | "tables-icon-enabled" | "tables-icon-active" | "tables-link-enabled" | "tables-link-hover" | "navigation-left-menu-item-text-enabled" | "navigation-left-menu-item-text-hover" | "navigation-left-menu-item-text-active" | "navigation-left-menu-item-background-enabled" | "navigation-left-menu-item-background-active" | "navigation-left-menu-item-icon-enabled" | "navigation-left-menu-item-icon-active" | "navigation-left-menu-wrapper-text-enabled" | "navigation-left-menu-wrapper-background-enabled" | "navigation-top-bar-item-text-enabled" | "navigation-top-bar-item-background-hover" | "navigation-top-bar-wrapper-text-enabled" | "navigation-top-bar-wrapper-background-enabled" | "navigation-top-bar-wrapper-icon-enabled" | "navigation-top-bar-logo" | "logo-brand" | "logo-inverted" | "logo-primary" | "tooltip-text" | "tooltip-background" | "tooltip-border" | "progress-bar-background" | "progress-bar-indicator" | "grades-background-icon" | "grades-background-high" | "grades-background-medium" | "grades-background-elite" | "grades-background-low" | "grades-background-generic" | "grades-background-other" | "grades-text" | undefined;
|
|
5
|
+
size?: IconSize | undefined;
|
|
4
6
|
} & React.RefAttributes<HTMLButtonElement>>;
|
package/lib/CloseButton/index.js
CHANGED
|
@@ -15,9 +15,10 @@ const CloseBtn = /*#__PURE__*/_styled("button", process.env.NODE_ENV === "produc
|
|
|
15
15
|
}) => theme.colors[color || 'icon-subtle-enabled'], ";}:hover,:focus{svg path{stroke:", ({
|
|
16
16
|
theme,
|
|
17
17
|
color
|
|
18
|
-
}) => theme.colors[color || 'icon-subtle-hover'], ";}}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
18
|
+
}) => theme.colors[color || 'icon-subtle-hover'], ";}}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9DbG9zZUJ1dHRvbi9pbmRleC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBT3lEIiwiZmlsZSI6Ii4uLy4uL3NyYy9DbG9zZUJ1dHRvbi9pbmRleC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcbmltcG9ydCB7IGhpZGVWaXN1YWxseSB9IGZyb20gJ3BvbGlzaGVkJ1xuaW1wb3J0IHsgSWNvbiwgSWNvblNpemUgfSBmcm9tICcuLi9JY29uJ1xuaW1wb3J0IHsgQ2xvc2VJY29uIH0gZnJvbSAnLi4vSWNvbnMnXG5pbXBvcnQgeyBBbGxDb2xvcnNLZXlzIH0gZnJvbSAnLi4vdGhlbWUnXG5cbmNvbnN0IENsb3NlQnRuID0gc3R5bGVkLmJ1dHRvbjx7IGNvbG9yPzogQWxsQ29sb3JzS2V5cyB9PmBcbiAgcGFkZGluZzogMDtcbiAgbWFyZ2luOiAwO1xuICBib3JkZXI6IDA7XG4gIGRpc3BsYXk6IGlubGluZS1mbGV4O1xuICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgY3Vyc29yOiBwb2ludGVyO1xuICBvdXRsaW5lOiAwO1xuICBib3JkZXItcmFkaXVzOiA1MCU7XG4gIGJhY2tncm91bmQtY29sb3I6IHRyYW5zcGFyZW50O1xuXG4gID4gc3BhbiB7XG4gICAgJHtoaWRlVmlzdWFsbHkoKX1cbiAgfVxuXG4gIHN2ZyBwYXRoIHtcbiAgICBzdHJva2U6ICR7KHsgdGhlbWUsIGNvbG9yIH0pID0+IHRoZW1lLmNvbG9yc1tjb2xvciB8fCAnaWNvbi1zdWJ0bGUtZW5hYmxlZCddfTtcbiAgfVxuXG4gIDpob3ZlcixcbiAgOmZvY3VzIHtcbiAgICBzdmcgcGF0aCB7XG4gICAgICBzdHJva2U6ICR7KHsgdGhlbWUsIGNvbG9yIH0pID0+IHRoZW1lLmNvbG9yc1tjb2xvciB8fCAnaWNvbi1zdWJ0bGUtaG92ZXInXX07XG4gICAgfVxuICB9XG5gXG5cbmV4cG9ydCBjb25zdCBDbG9zZUJ1dHRvbiA9IFJlYWN0LmZvcndhcmRSZWY8XG4gIEhUTUxCdXR0b25FbGVtZW50LFxuICBSZWFjdC5IVE1MQXR0cmlidXRlczxIVE1MQnV0dG9uRWxlbWVudD4gJiB7IGNvbG9yPzogQWxsQ29sb3JzS2V5czsgc2l6ZT86IEljb25TaXplIH1cbj4oKHsgY29sb3IsIHNpemUgPSAnbGcnLCAuLi5wcm9wcyB9LCByZWYpID0+IHtcbiAgcmV0dXJuIChcbiAgICA8Q2xvc2VCdG4gYXJpYS1sYWJlbD1cIkNsb3NlXCIgey4uLnByb3BzfSByZWY9e3JlZn0gY29sb3I9e2NvbG9yfT5cbiAgICAgIDxJY29uIGljb249e0Nsb3NlSWNvbn0gc2l6ZT17c2l6ZX0gLz5cbiAgICA8L0Nsb3NlQnRuPlxuICApXG59KVxuIl19 */"));
|
|
19
19
|
export const CloseButton = /*#__PURE__*/React.forwardRef(({
|
|
20
20
|
color,
|
|
21
|
+
size = 'lg',
|
|
21
22
|
...props
|
|
22
23
|
}, ref) => {
|
|
23
24
|
return /*#__PURE__*/React.createElement(CloseBtn, _extends({
|
|
@@ -27,6 +28,6 @@ export const CloseButton = /*#__PURE__*/React.forwardRef(({
|
|
|
27
28
|
color: color
|
|
28
29
|
}), /*#__PURE__*/React.createElement(Icon, {
|
|
29
30
|
icon: CloseIcon,
|
|
30
|
-
size:
|
|
31
|
+
size: size
|
|
31
32
|
}));
|
|
32
33
|
});
|
package/lib/Icons/Messages.js
CHANGED
|
@@ -49,7 +49,7 @@ export const WarningIcon = ({
|
|
|
49
49
|
viewBox: "0 0 512 512"
|
|
50
50
|
}, /*#__PURE__*/React.createElement("title", null, "Warning"), /*#__PURE__*/React.createElement("path", {
|
|
51
51
|
fill: theme.colors[color],
|
|
52
|
-
d: "
|
|
52
|
+
d: "M256 48C141.31 48 48 141.31 48 256s93.31 208 208 208 208-93.31 208-208S370.69 48 256 48zm0 319.91a20 20 0 1120-20 20 20 0 01-20 20zm21.72-201.15l-5.74 122a16 16 0 01-32 0l-5.74-121.94v-.05a21.74 21.74 0 1143.44 0z"
|
|
53
53
|
}));
|
|
54
54
|
};
|
|
55
55
|
export const RocketFilledIcon = ({
|
|
@@ -1,6 +1,5 @@
|
|
|
1
1
|
import _styled from "@emotion/styled/base";
|
|
2
2
|
import { Flex } from '../Flexbox';
|
|
3
|
-
import { StyledLink } from '../Link/Link.styles';
|
|
4
3
|
export const MessageWrapper = /*#__PURE__*/_styled(Flex, process.env.NODE_ENV === "production" ? {
|
|
5
4
|
target: "ebhqpcy0"
|
|
6
5
|
} : {
|
|
@@ -8,15 +7,11 @@ export const MessageWrapper = /*#__PURE__*/_styled(Flex, process.env.NODE_ENV ==
|
|
|
8
7
|
label: "codacy"
|
|
9
8
|
})("padding:", ({
|
|
10
9
|
theme
|
|
11
|
-
}) => theme.space[2], ";
|
|
10
|
+
}) => theme.space[2], ";padding-left:", ({
|
|
12
11
|
theme
|
|
13
|
-
}) => theme.
|
|
14
|
-
status,
|
|
15
|
-
theme
|
|
16
|
-
}) => theme.colors[`alerts-${status}-background`], ";", StyledLink, "{color:", ({
|
|
12
|
+
}) => theme.space[6], ";color:", ({
|
|
17
13
|
theme
|
|
18
|
-
}) => theme.colors['alerts-secondary-text'], ";
|
|
19
|
-
|
|
20
|
-
}) => theme.fontWeights['semi-bold'], ";text-decoration:underline;&:hover{color:", ({
|
|
14
|
+
}) => theme.colors['alerts-secondary-text'], ";align-items:center;background-color:", ({
|
|
15
|
+
status,
|
|
21
16
|
theme
|
|
22
|
-
}) => theme.colors[
|
|
17
|
+
}) => theme.colors[`alerts-${status}-background`], ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9NZXNzYWdlL01lc3NhZ2Uuc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUl3RCIsImZpbGUiOiIuLi8uLi9zcmMvTWVzc2FnZS9NZXNzYWdlLnN0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJ1xuaW1wb3J0IHsgTWVzc2FnZVByb3BzIH0gZnJvbSAnLi9NZXNzYWdlLnR5cGVzJ1xuaW1wb3J0IHsgRmxleCB9IGZyb20gJy4uL0ZsZXhib3gnXG5cbmV4cG9ydCBjb25zdCBNZXNzYWdlV3JhcHBlciA9IHN0eWxlZChGbGV4KTxNZXNzYWdlUHJvcHM+YFxuICBwYWRkaW5nOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLnNwYWNlWzJdfTtcbiAgcGFkZGluZy1sZWZ0OiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLnNwYWNlWzZdfTtcbiAgY29sb3I6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuY29sb3JzWydhbGVydHMtc2Vjb25kYXJ5LXRleHQnXX07XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIGJhY2tncm91bmQtY29sb3I6ICR7KHsgc3RhdHVzLCB0aGVtZSB9KSA9PiB0aGVtZS5jb2xvcnNbYGFsZXJ0cy0ke3N0YXR1c30tYmFja2dyb3VuZGBdfTtcbmBcbiJdfQ== */"));
|
package/lib/Modal/Modal.js
CHANGED
|
@@ -96,9 +96,12 @@ const ModalBody = ({
|
|
|
96
96
|
children,
|
|
97
97
|
...props
|
|
98
98
|
}) => {
|
|
99
|
+
// eslint-disable-next-line @typescript-eslint/no-unused-vars
|
|
99
100
|
const {
|
|
100
101
|
atTop,
|
|
101
102
|
atBottom,
|
|
103
|
+
height,
|
|
104
|
+
scroll,
|
|
102
105
|
...divProps
|
|
103
106
|
} = useScrollContainer();
|
|
104
107
|
return /*#__PURE__*/React.createElement(ModalBodyBox, _extends({
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@codacy/ui-components",
|
|
3
|
-
"version": "0.66.
|
|
3
|
+
"version": "0.66.62",
|
|
4
4
|
"description": "",
|
|
5
5
|
"license": "ISC",
|
|
6
6
|
"author": "",
|
|
@@ -96,7 +96,7 @@
|
|
|
96
96
|
"fontsource-inter": "^4.0.0",
|
|
97
97
|
"husky": "^4.3.0",
|
|
98
98
|
"jsdom": "^26.1.0",
|
|
99
|
-
"lint-staged": "^
|
|
99
|
+
"lint-staged": "^16.2.7",
|
|
100
100
|
"lodash": "^4.17.20",
|
|
101
101
|
"numeral": "^2.0.6",
|
|
102
102
|
"prettier": "^3.1.1",
|