@codacy/ui-components 0.66.59 → 0.66.61

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (9) hide show
  1. package/lib/Banner/Banner.js +4 -2
  2. package/lib/Banner/Banner.styles.d.ts +1 -0
  3. package/lib/Bannerol/Bannerol.js +25 -15
  4. package/lib/Bannerol/Bannerol.styles.js +1 -1
  5. package/lib/Bannerol/Bannerol.types.d.ts +5 -1
  6. package/lib/CloseButton/index.d.ts +2 -0
  7. package/lib/CloseButton/index.js +3 -2
  8. package/lib/Modal/Modal.js +0 -2
  9. package/package.json +5 -8
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, null)),
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: 1,
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"
package/lib/Banner/Banner.styles.d.ts CHANGED
@@ -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
- p: 5,
26
+ py: 2,
27
+ px: 4,
25
28
  width: "100%",
26
29
  position: "relative",
27
30
  alignItems: "center"
28
- }, props), icon && /*#__PURE__*/React.createElement(Box, {
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(Subheader, {
37
- size: "lg",
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 && typeof description === 'string' ? /*#__PURE__*/React.createElement(Paragraph, {
41
- color: "alerts-secondary-text"
42
- }, description) : description), action && /*#__PURE__*/React.createElement(Button, {
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
  };
package/lib/Bannerol/Bannerol.styles.js CHANGED
@@ -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, "{color:", theme.colors[`alerts-${variant}-link`], ";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+PmBcbiAgJHsoeyB0aGVtZSwgdmFyaWFudCA9ICdpbmZvJyB9KSA9PiBjc3NgXG4gICAgYmFja2dyb3VuZDogJHt0aGVtZS5jb2xvcnNbYGFsZXJ0cy0ke3ZhcmlhbnR9LWJhY2tncm91bmRgXX07XG4gICAgYm9yZGVyLXJhZGl1czogJHt0aGVtZS5yYWRpaVsxXX07XG4gICAgYm94LXNoYWRvdzogJHt0aGVtZS5zaGFkb3dzWzBdfTtcbiAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG5cbiAgICAke1N0eWxlZExpbmt9IHtcbiAgICAgIGNvbG9yOiAke3RoZW1lLmNvbG9yc1tgYWxlcnRzLSR7dmFyaWFudH0tbGlua2BdfTtcbiAgICAgIGZvbnQtd2VpZ2h0OiAke3RoZW1lLmZvbnRXZWlnaHRzWydzZW1pLWJvbGQnXX07XG4gICAgfVxuICBgfVxuYFxuIl19 */"), ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9CYW5uZXJvbC9CYW5uZXJvbC5zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBTTBFIiwiZmlsZSI6Ii4uLy4uL3NyYy9CYW5uZXJvbC9CYW5uZXJvbC5zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcbmltcG9ydCB7IEZsZXggfSBmcm9tICcuLi9GbGV4Ym94J1xuaW1wb3J0IHsgQmFubmVyb2xQcm9wcyB9IGZyb20gJy4vQmFubmVyb2wudHlwZXMnXG5pbXBvcnQgeyBTdHlsZWRMaW5rIH0gZnJvbSAnLi4vTGluaydcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xuXG5leHBvcnQgY29uc3QgU3R5bGVkQmFubmVyb2wgPSBzdHlsZWQoRmxleCk8UGljazxCYW5uZXJvbFByb3BzLCAndmFyaWFudCc+PmBcbiAgJHsoeyB0aGVtZSwgdmFyaWFudCA9ICdpbmZvJyB9KSA9PiBjc3NgXG4gICAgYmFja2dyb3VuZDogJHt0aGVtZS5jb2xvcnNbYGFsZXJ0cy0ke3ZhcmlhbnR9LWJhY2tncm91bmRgXX07XG4gICAgYm9yZGVyLXJhZGl1czogJHt0aGVtZS5yYWRpaVsxXX07XG4gICAgYm94LXNoYWRvdzogJHt0aGVtZS5zaGFkb3dzWzBdfTtcbiAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG5cbiAgICAke1N0eWxlZExpbmt9IHtcbiAgICAgIGNvbG9yOiAke3RoZW1lLmNvbG9yc1tgYWxlcnRzLSR7dmFyaWFudH0tbGlua2BdfTtcbiAgICAgIGZvbnQtd2VpZ2h0OiAke3RoZW1lLmZvbnRXZWlnaHRzWydzZW1pLWJvbGQnXX07XG4gICAgfVxuICBgfVxuYFxuIl19 */"));
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 */"));
package/lib/Bannerol/Bannerol.types.d.ts CHANGED
@@ -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;
package/lib/CloseButton/index.d.ts CHANGED
@@ -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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9DbG9zZUJ1dHRvbi9pbmRleC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBT3lEIiwiZmlsZSI6Ii4uLy4uL3NyYy9DbG9zZUJ1dHRvbi9pbmRleC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcbmltcG9ydCB7IGhpZGVWaXN1YWxseSB9IGZyb20gJ3BvbGlzaGVkJ1xuaW1wb3J0IHsgSWNvbiB9IGZyb20gJy4uL0ljb24nXG5pbXBvcnQgeyBDbG9zZUljb24gfSBmcm9tICcuLi9JY29ucydcbmltcG9ydCB7IEFsbENvbG9yc0tleXMgfSBmcm9tICcuLi90aGVtZSdcblxuY29uc3QgQ2xvc2VCdG4gPSBzdHlsZWQuYnV0dG9uPHsgY29sb3I/OiBBbGxDb2xvcnNLZXlzIH0+YFxuICBwYWRkaW5nOiAwO1xuICBtYXJnaW46IDA7XG4gIGJvcmRlcjogMDtcbiAgZGlzcGxheTogaW5saW5lLWZsZXg7XG4gIGp1c3RpZnktY29udGVudDogY2VudGVyO1xuICBjdXJzb3I6IHBvaW50ZXI7XG4gIG91dGxpbmU6IDA7XG4gIGJvcmRlci1yYWRpdXM6IDUwJTtcbiAgYmFja2dyb3VuZC1jb2xvcjogdHJhbnNwYXJlbnQ7XG5cbiAgPiBzcGFuIHtcbiAgICAke2hpZGVWaXN1YWxseSgpfVxuICB9XG5cbiAgc3ZnIHBhdGgge1xuICAgIHN0cm9rZTogJHsoeyB0aGVtZSwgY29sb3IgfSkgPT4gdGhlbWUuY29sb3JzW2NvbG9yIHx8ICdpY29uLXN1YnRsZS1lbmFibGVkJ119O1xuICB9XG5cbiAgOmhvdmVyLFxuICA6Zm9jdXMge1xuICAgIHN2ZyBwYXRoIHtcbiAgICAgIHN0cm9rZTogJHsoeyB0aGVtZSwgY29sb3IgfSkgPT4gdGhlbWUuY29sb3JzW2NvbG9yIHx8ICdpY29uLXN1YnRsZS1ob3ZlciddfTtcbiAgICB9XG4gIH1cbmBcblxuZXhwb3J0IGNvbnN0IENsb3NlQnV0dG9uID0gUmVhY3QuZm9yd2FyZFJlZjxcbiAgSFRNTEJ1dHRvbkVsZW1lbnQsXG4gIFJlYWN0LkhUTUxBdHRyaWJ1dGVzPEhUTUxCdXR0b25FbGVtZW50PiAmIHsgY29sb3I/OiBBbGxDb2xvcnNLZXlzIH1cbj4oKHsgY29sb3IsIC4uLnByb3BzIH0sIHJlZikgPT4ge1xuICByZXR1cm4gKFxuICAgIDxDbG9zZUJ0biBhcmlhLWxhYmVsPVwiQ2xvc2VcIiB7Li4ucHJvcHN9IHJlZj17cmVmfSBjb2xvcj17Y29sb3J9PlxuICAgICAgPEljb24gaWNvbj17Q2xvc2VJY29ufSBzaXplPVwibGdcIiAvPlxuICAgIDwvQ2xvc2VCdG4+XG4gIClcbn0pXG4iXX0= */"));
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: "lg"
31
+ size: size
31
32
  }));
32
33
  });
package/lib/Modal/Modal.js CHANGED
@@ -99,8 +99,6 @@ const ModalBody = ({
99
99
  const {
100
100
  atTop,
101
101
  atBottom,
102
- scroll,
103
- height,
104
102
  ...divProps
105
103
  } = useScrollContainer();
106
104
  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.59",
3
+ "version": "0.66.61",
4
4
  "description": "",
5
5
  "license": "ISC",
6
6
  "author": "",
@@ -58,12 +58,8 @@
58
58
  "@eslint/js": "^9.39.2",
59
59
  "@mdx-js/react": "^2.0.0",
60
60
  "@popperjs/core": "^2.5.4",
61
- "@storybook/addon-docs": "^7.6.4",
62
- "@storybook/addon-essentials": "^7.6.4",
63
- "@storybook/addons": "^7.6.4",
64
- "@storybook/mdx2-csf": "^1.1.0",
65
- "@storybook/react": "^7.6.4",
66
- "@storybook/react-webpack5": "^7.6.4",
61
+ "@storybook/addon-docs": "9.1.17",
62
+ "@storybook/react-vite": "9.1.17",
67
63
  "@testing-library/dom": "^8.16.0",
68
64
  "@testing-library/jest-dom": "^5.11.6",
69
65
  "@testing-library/react": "^13.3.0",
@@ -96,6 +92,7 @@
96
92
  "eslint-plugin-prettier": "^5.0.1",
97
93
  "eslint-plugin-react": "^7.21.5",
98
94
  "eslint-plugin-react-hooks": "^5.2.0",
95
+ "eslint-plugin-storybook": "9.1.17",
99
96
  "fontsource-inter": "^4.0.0",
100
97
  "husky": "^4.3.0",
101
98
  "jsdom": "^26.1.0",
@@ -111,7 +108,7 @@
111
108
  "react-toastify": "8.0.2",
112
109
  "reakit": "^1.3.11",
113
110
  "rimraf": "^3.0.2",
114
- "storybook": "^8.1.9",
111
+ "storybook": "9.1.17",
115
112
  "styled-system": "^5.1.5",
116
113
  "typescript": "^4.5.4",
117
114
  "vite": "^7.0.6",