@codacy/ui-components 0.65.92 → 0.65.94
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/Avatar/Avatar.js +3 -2
- package/lib/Dropdown/Content/DropdownItem.js +4 -2
- package/lib/Dropdown/Dropdown.types.d.ts +2 -0
- package/lib/ExpandableBox/ExpandableBox.styles.d.ts +2 -2
- package/lib/StepNumber/styles.d.ts +1 -1
- package/lib/Stepper/Stepper.styles.d.ts +1 -1
- package/lib/theme/ColorSchemes/dark/background.d.ts +72 -0
- package/lib/theme/ColorSchemes/dark/background.js +53 -0
- package/lib/theme/ColorSchemes/dark/border.d.ts +70 -0
- package/lib/theme/ColorSchemes/dark/border.js +52 -0
- package/lib/theme/ColorSchemes/dark/data.d.ts +16 -0
- package/lib/theme/ColorSchemes/dark/data.js +23 -0
- package/lib/theme/ColorSchemes/dark/icon.d.ts +73 -0
- package/lib/theme/ColorSchemes/dark/icon.js +54 -0
- package/lib/theme/ColorSchemes/dark/illustration.d.ts +11 -0
- package/lib/theme/ColorSchemes/dark/illustration.js +18 -0
- package/lib/theme/ColorSchemes/dark/index.d.ts +2 -0
- package/lib/theme/ColorSchemes/dark/index.js +73 -0
- package/lib/theme/ColorSchemes/dark/text.d.ts +80 -0
- package/lib/theme/ColorSchemes/dark/text.js +61 -0
- package/lib/theme/ColorSchemes/index.d.ts +5 -0
- package/lib/theme/ColorSchemes/index.js +60 -0
- package/lib/theme/ColorSchemes/light/background.d.ts +72 -0
- package/lib/theme/ColorSchemes/light/background.js +53 -0
- package/lib/theme/ColorSchemes/light/border.d.ts +70 -0
- package/lib/theme/ColorSchemes/light/border.js +52 -0
- package/lib/theme/ColorSchemes/light/data.d.ts +16 -0
- package/lib/theme/ColorSchemes/light/data.js +23 -0
- package/lib/theme/ColorSchemes/light/icon.d.ts +73 -0
- package/lib/theme/ColorSchemes/light/icon.js +54 -0
- package/lib/theme/ColorSchemes/light/illustration.d.ts +11 -0
- package/lib/theme/ColorSchemes/light/illustration.js +18 -0
- package/lib/theme/ColorSchemes/{dark.d.ts → light/index.d.ts} +210 -288
- package/lib/theme/ColorSchemes/light/index.js +82 -0
- package/lib/theme/ColorSchemes/light/text.d.ts +80 -0
- package/lib/theme/ColorSchemes/light/text.js +61 -0
- package/lib/theme/ColorSchemes/primitives.d.ts +6 -0
- package/lib/theme/ColorSchemes/primitives.js +95 -0
- package/lib/theme/ColorSchemes/semantics.d.ts +9 -0
- package/lib/theme/ColorSchemes/semantics.js +26 -0
- package/lib/theme/ColorSchemes/types.d.ts +3 -0
- package/lib/theme/ColorSchemes/types.js +7 -0
- package/lib/theme/index.d.ts +1 -3
- package/lib/theme/index.js +4 -26
- package/lib/theme/theme.d.ts +0 -3
- package/lib/theme/theme.js +2 -6
- package/package.json +1 -1
- package/lib/theme/ColorSchemes/codacy.d.ts +0 -610
- package/lib/theme/ColorSchemes/codacy.js +0 -387
- package/lib/theme/ColorSchemes/dark.js +0 -270
- package/lib/theme/ColorSchemes/security.d.ts +0 -2
- package/lib/theme/ColorSchemes/security.js +0 -28
package/lib/Avatar/Avatar.js
CHANGED
|
@@ -10,7 +10,7 @@ var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/h
|
|
|
10
10
|
var _react = _interopRequireDefault(require("react"));
|
|
11
11
|
var _ = require("../");
|
|
12
12
|
var _gravatar = require("./gravatar");
|
|
13
|
-
var
|
|
13
|
+
var _react2 = require("@emotion/react");
|
|
14
14
|
var _jsxRuntime = require("react/jsx-runtime");
|
|
15
15
|
var _excluded = ["email", "src", "size"];
|
|
16
16
|
/**
|
|
@@ -22,6 +22,7 @@ var Avatar = exports.Avatar = function Avatar(_ref) {
|
|
|
22
22
|
_ref$size = _ref.size,
|
|
23
23
|
size = _ref$size === void 0 ? 'md' : _ref$size,
|
|
24
24
|
props = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
|
|
25
|
+
var theme = (0, _react2.useTheme)();
|
|
25
26
|
var dimensions = {
|
|
26
27
|
xs: 1,
|
|
27
28
|
sm: 2,
|
|
@@ -33,7 +34,7 @@ var Avatar = exports.Avatar = function Avatar(_ref) {
|
|
|
33
34
|
//So we can have a higher quality in the image, we are fetching double the actual size of the avatar in the ui
|
|
34
35
|
var image = !!email ? (0, _gravatar.getGravatarUrl)(email, {
|
|
35
36
|
"default": 'identicon',
|
|
36
|
-
size: dimensions[size] *
|
|
37
|
+
size: dimensions[size] * theme.remScale * 2
|
|
37
38
|
}) : src;
|
|
38
39
|
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_.Img, (0, _objectSpread2["default"])({
|
|
39
40
|
src: image,
|
|
@@ -12,7 +12,7 @@ var _react = _interopRequireWildcard(require("react"));
|
|
|
12
12
|
var _Dropdown = require("../Dropdown.styles");
|
|
13
13
|
var _Dropdown2 = require("../Dropdown");
|
|
14
14
|
var _jsxRuntime = require("react/jsx-runtime");
|
|
15
|
-
var _excluded = ["children", "onClick", "disabled", "automaticClose", "value", "active"];
|
|
15
|
+
var _excluded = ["children", "onClick", "disabled", "automaticClose", "value", "href", "active"];
|
|
16
16
|
var DropdownItem = exports.DropdownItem = function DropdownItem(_ref) {
|
|
17
17
|
var children = _ref.children,
|
|
18
18
|
onClick = _ref.onClick,
|
|
@@ -21,17 +21,19 @@ var DropdownItem = exports.DropdownItem = function DropdownItem(_ref) {
|
|
|
21
21
|
_ref$automaticClose = _ref.automaticClose,
|
|
22
22
|
automaticClose = _ref$automaticClose === void 0 ? true : _ref$automaticClose,
|
|
23
23
|
value = _ref.value,
|
|
24
|
+
href = _ref.href,
|
|
24
25
|
active = _ref.active,
|
|
25
26
|
props = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
|
|
26
27
|
var dropdownContext = (0, _Dropdown2.useDropdownContext)();
|
|
27
28
|
var handleClick = (0, _react.useCallback)(function (event) {
|
|
29
|
+
if (href) window.open(href, '_blank');
|
|
28
30
|
if (event) event.stopPropagation();
|
|
29
31
|
if (!disabled) {
|
|
30
32
|
if (!!value) dropdownContext.setValue(value);
|
|
31
33
|
if (!!onClick) onClick(value);
|
|
32
34
|
}
|
|
33
35
|
if (automaticClose) dropdownContext.setOpen(false);
|
|
34
|
-
}, [automaticClose, disabled, dropdownContext, onClick, value]);
|
|
36
|
+
}, [automaticClose, disabled, dropdownContext, onClick, value, href]);
|
|
35
37
|
var isActive = active === undefined ? !!value && value === dropdownContext.value : active;
|
|
36
38
|
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Dropdown.DropdownItemWrapper, (0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, props), {}, {
|
|
37
39
|
onClick: handleClick,
|
|
@@ -52,6 +52,8 @@ export interface DropdownItemProps extends ContainerComponentProps, BoxProps {
|
|
|
52
52
|
disabled?: boolean;
|
|
53
53
|
/** Inner value of the item */
|
|
54
54
|
value?: DropdownValueType;
|
|
55
|
+
/** link of the item */
|
|
56
|
+
href?: string;
|
|
55
57
|
/** Is the item active or selected? */
|
|
56
58
|
active?: boolean;
|
|
57
59
|
/** Close dropdown automatically when interacting with it */
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
export declare const StyledAnimateHeight: import("@emotion/styled").StyledComponent<import("react-animate-height").AnimateHeightProps & {
|
|
3
3
|
theme?: import("@emotion/react").Theme | undefined;
|
|
4
4
|
} & {
|
|
5
|
-
secondaryColor?: "background-high" | "background-medium" | "background-success" | "background-danger" | "background-warning" | "background-info" | "background-attention" | "background-critical" | "background-minor" | "border-high" | "border-medium" | "border-success" | "border-danger" | "border-warning" | "border-info" | "border-attention" | "border-critical" | "border-minor" | "text-high" | "text-medium" | "text-success" | "text-danger" | "text-warning" | "text-info" | "text-attention" | "text-critical" | "text-minor" | "icon-high" | "icon-medium" | "icon-success" | "icon-danger" | "icon-warning" | "icon-info" | "icon-attention" | "icon-critical" | "icon-minor" | "
|
|
5
|
+
secondaryColor?: "background-high" | "background-medium" | "background-success" | "background-danger" | "background-warning" | "background-info" | "background-attention" | "background-critical" | "background-minor" | "border-high" | "border-medium" | "border-success" | "border-danger" | "border-warning" | "border-info" | "border-attention" | "border-critical" | "border-minor" | "text-high" | "text-medium" | "text-success" | "text-danger" | "text-warning" | "text-info" | "text-attention" | "text-critical" | "text-minor" | "icon-high" | "icon-medium" | "icon-success" | "icon-danger" | "icon-warning" | "icon-info" | "icon-attention" | "icon-critical" | "icon-minor" | "brand-primary" | "brand-hover" | "brand-pressed" | "brand-disabled" | "brand-focus" | "brand-inverted" | "brand-subtle" | "subtle-primary" | "subtle-hover" | "subtle-pressed" | "subtle-disabled" | "subtle-inverted" | "danger-primary" | "danger-hover" | "danger-pressed" | "danger-disabled" | "danger-focus" | "danger-subtle" | "success-primary" | "success-hover" | "success-pressed" | "success-disabled" | "success-focus" | "warning-primary" | "warning-hover" | "warning-pressed" | "warning-disabled" | "warning-focus" | "high-primary" | "high-hover" | "high-pressed" | "high-disabled" | "info-primary" | "info-hover" | "info-pressed" | "info-disabled" | "info-inverted" | "attention-primary" | "attention-hover" | "attention-pressed" | "attention-disabled" | "attention-focus" | "navigation-top-primary" | "navigation-text" | "navigation-text-pressed" | "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" | "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-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-medium-enabled" | "background-medium-disabled" | "background-attention-enabled" | "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" | undefined;
|
|
6
6
|
}, {}, {}>;
|
|
7
7
|
export declare const StyledExpandableBox: import("@emotion/styled").StyledComponent<{
|
|
8
8
|
theme?: import("@emotion/react").Theme | undefined;
|
|
@@ -12,7 +12,7 @@ export declare const StyledExpandableBox: import("@emotion/styled").StyledCompon
|
|
|
12
12
|
} & import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & {
|
|
13
13
|
theme?: import("@emotion/react").Theme | undefined;
|
|
14
14
|
} & import("..").FlexboxProps & import("..").GridboxProps & {
|
|
15
|
-
primaryColor?: "background-high" | "background-medium" | "background-success" | "background-danger" | "background-warning" | "background-info" | "background-attention" | "background-critical" | "background-minor" | "border-high" | "border-medium" | "border-success" | "border-danger" | "border-warning" | "border-info" | "border-attention" | "border-critical" | "border-minor" | "text-high" | "text-medium" | "text-success" | "text-danger" | "text-warning" | "text-info" | "text-attention" | "text-critical" | "text-minor" | "icon-high" | "icon-medium" | "icon-success" | "icon-danger" | "icon-warning" | "icon-info" | "icon-attention" | "icon-critical" | "icon-minor" | "
|
|
15
|
+
primaryColor?: "background-high" | "background-medium" | "background-success" | "background-danger" | "background-warning" | "background-info" | "background-attention" | "background-critical" | "background-minor" | "border-high" | "border-medium" | "border-success" | "border-danger" | "border-warning" | "border-info" | "border-attention" | "border-critical" | "border-minor" | "text-high" | "text-medium" | "text-success" | "text-danger" | "text-warning" | "text-info" | "text-attention" | "text-critical" | "text-minor" | "icon-high" | "icon-medium" | "icon-success" | "icon-danger" | "icon-warning" | "icon-info" | "icon-attention" | "icon-critical" | "icon-minor" | "brand-primary" | "brand-hover" | "brand-pressed" | "brand-disabled" | "brand-focus" | "brand-inverted" | "brand-subtle" | "subtle-primary" | "subtle-hover" | "subtle-pressed" | "subtle-disabled" | "subtle-inverted" | "danger-primary" | "danger-hover" | "danger-pressed" | "danger-disabled" | "danger-focus" | "danger-subtle" | "success-primary" | "success-hover" | "success-pressed" | "success-disabled" | "success-focus" | "warning-primary" | "warning-hover" | "warning-pressed" | "warning-disabled" | "warning-focus" | "high-primary" | "high-hover" | "high-pressed" | "high-disabled" | "info-primary" | "info-hover" | "info-pressed" | "info-disabled" | "info-inverted" | "attention-primary" | "attention-hover" | "attention-pressed" | "attention-disabled" | "attention-focus" | "navigation-top-primary" | "navigation-text" | "navigation-text-pressed" | "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" | "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-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-medium-enabled" | "background-medium-disabled" | "background-attention-enabled" | "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" | undefined;
|
|
16
16
|
expanded?: boolean | undefined;
|
|
17
17
|
}, {}, {}>;
|
|
18
18
|
export declare const StyledBox: import("@emotion/styled").StyledComponent<{
|
|
@@ -8,5 +8,5 @@ export declare const StepNumberOrb: import("@emotion/styled").StyledComponent<{
|
|
|
8
8
|
theme?: import("@emotion/react").Theme | undefined;
|
|
9
9
|
} & import("..").FlexboxProps & {
|
|
10
10
|
complete?: boolean | undefined;
|
|
11
|
-
color?: "background-high" | "background-medium" | "background-success" | "background-danger" | "background-warning" | "background-info" | "background-attention" | "background-critical" | "background-minor" | "border-high" | "border-medium" | "border-success" | "border-danger" | "border-warning" | "border-info" | "border-attention" | "border-critical" | "border-minor" | "text-high" | "text-medium" | "text-success" | "text-danger" | "text-warning" | "text-info" | "text-attention" | "text-critical" | "text-minor" | "icon-high" | "icon-medium" | "icon-success" | "icon-danger" | "icon-warning" | "icon-info" | "icon-attention" | "icon-critical" | "icon-minor" | "
|
|
11
|
+
color?: "background-high" | "background-medium" | "background-success" | "background-danger" | "background-warning" | "background-info" | "background-attention" | "background-critical" | "background-minor" | "border-high" | "border-medium" | "border-success" | "border-danger" | "border-warning" | "border-info" | "border-attention" | "border-critical" | "border-minor" | "text-high" | "text-medium" | "text-success" | "text-danger" | "text-warning" | "text-info" | "text-attention" | "text-critical" | "text-minor" | "icon-high" | "icon-medium" | "icon-success" | "icon-danger" | "icon-warning" | "icon-info" | "icon-attention" | "icon-critical" | "icon-minor" | "brand-primary" | "brand-hover" | "brand-pressed" | "brand-disabled" | "brand-focus" | "brand-inverted" | "brand-subtle" | "subtle-primary" | "subtle-hover" | "subtle-pressed" | "subtle-disabled" | "subtle-inverted" | "danger-primary" | "danger-hover" | "danger-pressed" | "danger-disabled" | "danger-focus" | "danger-subtle" | "success-primary" | "success-hover" | "success-pressed" | "success-disabled" | "success-focus" | "warning-primary" | "warning-hover" | "warning-pressed" | "warning-disabled" | "warning-focus" | "high-primary" | "high-hover" | "high-pressed" | "high-disabled" | "info-primary" | "info-hover" | "info-pressed" | "info-disabled" | "info-inverted" | "attention-primary" | "attention-hover" | "attention-pressed" | "attention-disabled" | "attention-focus" | "navigation-top-primary" | "navigation-text" | "navigation-text-pressed" | "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" | "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-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-medium-enabled" | "background-medium-disabled" | "background-attention-enabled" | "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" | undefined;
|
|
12
12
|
}, {}, {}>;
|
|
@@ -8,7 +8,7 @@ export declare const StepNumberIcon: import("@emotion/styled").StyledComponent<{
|
|
|
8
8
|
} & import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & {
|
|
9
9
|
theme?: import("@emotion/react").Theme | undefined;
|
|
10
10
|
} & import("..").FlexboxProps & {
|
|
11
|
-
color?: "background-high" | "background-medium" | "background-success" | "background-danger" | "background-warning" | "background-info" | "background-attention" | "background-critical" | "background-minor" | "border-high" | "border-medium" | "border-success" | "border-danger" | "border-warning" | "border-info" | "border-attention" | "border-critical" | "border-minor" | "text-high" | "text-medium" | "text-success" | "text-danger" | "text-warning" | "text-info" | "text-attention" | "text-critical" | "text-minor" | "icon-high" | "icon-medium" | "icon-success" | "icon-danger" | "icon-warning" | "icon-info" | "icon-attention" | "icon-critical" | "icon-minor" | "
|
|
11
|
+
color?: "background-high" | "background-medium" | "background-success" | "background-danger" | "background-warning" | "background-info" | "background-attention" | "background-critical" | "background-minor" | "border-high" | "border-medium" | "border-success" | "border-danger" | "border-warning" | "border-info" | "border-attention" | "border-critical" | "border-minor" | "text-high" | "text-medium" | "text-success" | "text-danger" | "text-warning" | "text-info" | "text-attention" | "text-critical" | "text-minor" | "icon-high" | "icon-medium" | "icon-success" | "icon-danger" | "icon-warning" | "icon-info" | "icon-attention" | "icon-critical" | "icon-minor" | "brand-primary" | "brand-hover" | "brand-pressed" | "brand-disabled" | "brand-focus" | "brand-inverted" | "brand-subtle" | "subtle-primary" | "subtle-hover" | "subtle-pressed" | "subtle-disabled" | "subtle-inverted" | "danger-primary" | "danger-hover" | "danger-pressed" | "danger-disabled" | "danger-focus" | "danger-subtle" | "success-primary" | "success-hover" | "success-pressed" | "success-disabled" | "success-focus" | "warning-primary" | "warning-hover" | "warning-pressed" | "warning-disabled" | "warning-focus" | "high-primary" | "high-hover" | "high-pressed" | "high-disabled" | "info-primary" | "info-hover" | "info-pressed" | "info-disabled" | "info-inverted" | "attention-primary" | "attention-hover" | "attention-pressed" | "attention-disabled" | "attention-focus" | "navigation-top-primary" | "navigation-text" | "navigation-text-pressed" | "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" | "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-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-medium-enabled" | "background-medium-disabled" | "background-attention-enabled" | "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" | undefined;
|
|
12
12
|
}, {}, {}>;
|
|
13
13
|
export declare const StepperWrapper: import("@emotion/styled").StyledComponent<{
|
|
14
14
|
theme?: import("@emotion/react").Theme | undefined;
|
|
@@ -0,0 +1,72 @@
|
|
|
1
|
+
export declare const backgroundColors: {
|
|
2
|
+
'background-brand': string;
|
|
3
|
+
'background-brand-enabled': string;
|
|
4
|
+
'background-brand-hover': string;
|
|
5
|
+
'background-brand-focus': string;
|
|
6
|
+
'background-brand-pressed': string;
|
|
7
|
+
'background-brand-disabled': string;
|
|
8
|
+
'background-brand-inverted': string;
|
|
9
|
+
'background-subtle-enabled': string;
|
|
10
|
+
'background-subtle-hover': string;
|
|
11
|
+
'background-subtle-focus': string;
|
|
12
|
+
'background-subtle-pressed': string;
|
|
13
|
+
'background-subtle-disabled': string;
|
|
14
|
+
'background-info-enabled': string;
|
|
15
|
+
'background-minor-enabled': string;
|
|
16
|
+
'background-minor-disabled': string;
|
|
17
|
+
'background-danger-enabled': string;
|
|
18
|
+
'background-danger-hover': string;
|
|
19
|
+
'background-danger-focus': string;
|
|
20
|
+
'background-danger-pressed': string;
|
|
21
|
+
'background-danger-disabled': string;
|
|
22
|
+
'background-critical-enabled': string;
|
|
23
|
+
'background-critical-disabled': string;
|
|
24
|
+
'background-success-enabled': string;
|
|
25
|
+
'background-success-disabled': string;
|
|
26
|
+
'background-warning-enabled': string;
|
|
27
|
+
'background-medium-enabled': string;
|
|
28
|
+
'background-medium-disabled': string;
|
|
29
|
+
'background-attention-enabled': string;
|
|
30
|
+
'background-high-enabled': string;
|
|
31
|
+
'background-high-disabled': string;
|
|
32
|
+
"background-high": string;
|
|
33
|
+
"background-medium": string;
|
|
34
|
+
"background-success": string;
|
|
35
|
+
"background-danger": string;
|
|
36
|
+
"background-warning": string;
|
|
37
|
+
"background-info": string;
|
|
38
|
+
"background-attention": string;
|
|
39
|
+
"background-critical": string;
|
|
40
|
+
"background-minor": string;
|
|
41
|
+
"border-high": string;
|
|
42
|
+
"border-medium": string;
|
|
43
|
+
"border-success": string;
|
|
44
|
+
"border-danger": string;
|
|
45
|
+
"border-warning": string;
|
|
46
|
+
"border-info": string;
|
|
47
|
+
"border-attention": string;
|
|
48
|
+
"border-critical": string;
|
|
49
|
+
"border-minor": string;
|
|
50
|
+
"text-high": string;
|
|
51
|
+
"text-medium": string;
|
|
52
|
+
"text-success": string;
|
|
53
|
+
"text-danger": string;
|
|
54
|
+
"text-warning": string;
|
|
55
|
+
"text-info": string;
|
|
56
|
+
"text-attention": string;
|
|
57
|
+
"text-critical": string;
|
|
58
|
+
"text-minor": string;
|
|
59
|
+
"icon-high": string;
|
|
60
|
+
"icon-medium": string;
|
|
61
|
+
"icon-success": string;
|
|
62
|
+
"icon-danger": string;
|
|
63
|
+
"icon-warning": string;
|
|
64
|
+
"icon-info": string;
|
|
65
|
+
"icon-attention": string;
|
|
66
|
+
"icon-critical": string;
|
|
67
|
+
"icon-minor": string;
|
|
68
|
+
'background-primary': string;
|
|
69
|
+
'background-secondary': string;
|
|
70
|
+
'background-subtle': string;
|
|
71
|
+
'background-brand-subtle': string;
|
|
72
|
+
};
|
|
@@ -0,0 +1,53 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault")["default"];
|
|
4
|
+
Object.defineProperty(exports, "__esModule", {
|
|
5
|
+
value: true
|
|
6
|
+
});
|
|
7
|
+
exports.backgroundColors = void 0;
|
|
8
|
+
var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
|
|
9
|
+
var _primitives = require("../primitives");
|
|
10
|
+
var _semantics = require("../semantics");
|
|
11
|
+
var backgroundColors = exports.backgroundColors = (0, _objectSpread2["default"])((0, _objectSpread2["default"])({
|
|
12
|
+
'background-primary': _primitives.primitiveColors['grey-00'],
|
|
13
|
+
'background-secondary': _primitives.primitiveColors['grey-10'],
|
|
14
|
+
'background-subtle': _primitives.primitiveColors['blue-00'],
|
|
15
|
+
'background-brand-subtle': _primitives.primitiveColors['blue-10']
|
|
16
|
+
}, (0, _semantics.semanticFunctionalColorsFx)('background', 10)), {}, {
|
|
17
|
+
'background-brand': _primitives.primitiveColors['blue-10'],
|
|
18
|
+
'background-brand-enabled': _primitives.primitiveColors['blue-50'],
|
|
19
|
+
'background-brand-hover': _primitives.primitiveColors['blue-60'],
|
|
20
|
+
'background-brand-focus': _primitives.primitiveColors['blue-60'],
|
|
21
|
+
'background-brand-pressed': _primitives.primitiveColors['blue-30'],
|
|
22
|
+
'background-brand-disabled': _primitives.primitiveColors['blue-20'],
|
|
23
|
+
'background-brand-inverted': _primitives.primitiveColors['grey-00'],
|
|
24
|
+
'background-subtle-enabled': _primitives.primitiveColors['grey-70'],
|
|
25
|
+
'background-subtle-hover': _primitives.primitiveColors['grey-50'],
|
|
26
|
+
'background-subtle-focus': _primitives.primitiveColors['grey-60'],
|
|
27
|
+
'background-subtle-pressed': _primitives.primitiveColors['grey-50'],
|
|
28
|
+
'background-subtle-disabled': _primitives.primitiveColors['grey-20'],
|
|
29
|
+
// blue
|
|
30
|
+
'background-info-enabled': _primitives.primitiveColors['blue-60'],
|
|
31
|
+
'background-minor-enabled': _primitives.primitiveColors['blue-40'],
|
|
32
|
+
'background-minor-disabled': _primitives.primitiveColors['blue-30'],
|
|
33
|
+
// red
|
|
34
|
+
'background-danger-enabled': _primitives.primitiveColors['red-60'],
|
|
35
|
+
'background-danger-hover': _primitives.primitiveColors['red-50'],
|
|
36
|
+
'background-danger-focus': _primitives.primitiveColors['red-50'],
|
|
37
|
+
'background-danger-pressed': _primitives.primitiveColors['red-80'],
|
|
38
|
+
'background-danger-disabled': _primitives.primitiveColors['red-10'],
|
|
39
|
+
'background-critical-enabled': _primitives.primitiveColors['red-50'],
|
|
40
|
+
'background-critical-disabled': _primitives.primitiveColors['red-30'],
|
|
41
|
+
// green
|
|
42
|
+
'background-success-enabled': _primitives.primitiveColors['green-50'],
|
|
43
|
+
'background-success-disabled': _primitives.primitiveColors['green-30'],
|
|
44
|
+
// yellow
|
|
45
|
+
'background-warning-enabled': _primitives.primitiveColors['yellow-50'],
|
|
46
|
+
'background-medium-enabled': _primitives.primitiveColors['yellow-60'],
|
|
47
|
+
'background-medium-disabled': _primitives.primitiveColors['yellow-30'],
|
|
48
|
+
// purple
|
|
49
|
+
'background-attention-enabled': _primitives.primitiveColors['purple-50'],
|
|
50
|
+
// orange
|
|
51
|
+
'background-high-enabled': _primitives.primitiveColors['orange-40'],
|
|
52
|
+
'background-high-disabled': _primitives.primitiveColors['orange-30']
|
|
53
|
+
});
|
|
@@ -0,0 +1,70 @@
|
|
|
1
|
+
export declare const borderColors: {
|
|
2
|
+
'border-brand-subtle': string;
|
|
3
|
+
'border-brand-enabled': string;
|
|
4
|
+
'border-brand-pressed': string;
|
|
5
|
+
'border-brand-hover': string;
|
|
6
|
+
'border-brand-primary': string;
|
|
7
|
+
'border-brand-disabled': string;
|
|
8
|
+
'border-info-enabled': string;
|
|
9
|
+
'border-minor-enabled': string;
|
|
10
|
+
'border-minor-disabled': string;
|
|
11
|
+
'border-danger-subtle': string;
|
|
12
|
+
'border-danger-enabled': string;
|
|
13
|
+
'border-danger-hover': string;
|
|
14
|
+
'border-danger-focus': string;
|
|
15
|
+
'border-danger-pressed': string;
|
|
16
|
+
'border-critical-enabled': string;
|
|
17
|
+
'border-critical-disabled': string;
|
|
18
|
+
'border-warning-enabled': string;
|
|
19
|
+
'border-medium-enabled': string;
|
|
20
|
+
'border-medium-disabled': string;
|
|
21
|
+
'border-success-enabled': string;
|
|
22
|
+
'border-success-subtle': string;
|
|
23
|
+
'border-attention-enabled': string;
|
|
24
|
+
'border-attention-disabled': string;
|
|
25
|
+
'border-high-enabled': string;
|
|
26
|
+
'border-high-disabled': string;
|
|
27
|
+
"background-high": string;
|
|
28
|
+
"background-medium": string;
|
|
29
|
+
"background-success": string;
|
|
30
|
+
"background-danger": string;
|
|
31
|
+
"background-warning": string;
|
|
32
|
+
"background-info": string;
|
|
33
|
+
"background-attention": string;
|
|
34
|
+
"background-critical": string;
|
|
35
|
+
"background-minor": string;
|
|
36
|
+
"border-high": string;
|
|
37
|
+
"border-medium": string;
|
|
38
|
+
"border-success": string;
|
|
39
|
+
"border-danger": string;
|
|
40
|
+
"border-warning": string;
|
|
41
|
+
"border-info": string;
|
|
42
|
+
"border-attention": string;
|
|
43
|
+
"border-critical": string;
|
|
44
|
+
"border-minor": string;
|
|
45
|
+
"text-high": string;
|
|
46
|
+
"text-medium": string;
|
|
47
|
+
"text-success": string;
|
|
48
|
+
"text-danger": string;
|
|
49
|
+
"text-warning": string;
|
|
50
|
+
"text-info": string;
|
|
51
|
+
"text-attention": string;
|
|
52
|
+
"text-critical": string;
|
|
53
|
+
"text-minor": string;
|
|
54
|
+
"icon-high": string;
|
|
55
|
+
"icon-medium": string;
|
|
56
|
+
"icon-success": string;
|
|
57
|
+
"icon-danger": string;
|
|
58
|
+
"icon-warning": string;
|
|
59
|
+
"icon-info": string;
|
|
60
|
+
"icon-attention": string;
|
|
61
|
+
"icon-critical": string;
|
|
62
|
+
"icon-minor": string;
|
|
63
|
+
'border-inverted': string;
|
|
64
|
+
'border-primary': string;
|
|
65
|
+
'border-subtle-enabled': string;
|
|
66
|
+
'border-subtle-hover': string;
|
|
67
|
+
'border-subtle-focus': string;
|
|
68
|
+
'border-subtle-pressed': string;
|
|
69
|
+
'border-subtle-disabled': string;
|
|
70
|
+
};
|
|
@@ -0,0 +1,52 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault")["default"];
|
|
4
|
+
Object.defineProperty(exports, "__esModule", {
|
|
5
|
+
value: true
|
|
6
|
+
});
|
|
7
|
+
exports.borderColors = void 0;
|
|
8
|
+
var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
|
|
9
|
+
var _primitives = require("../primitives");
|
|
10
|
+
var _semantics = require("../semantics");
|
|
11
|
+
var borderColors = exports.borderColors = (0, _objectSpread2["default"])((0, _objectSpread2["default"])({
|
|
12
|
+
'border-inverted': _primitives.primitiveColors['grey-10'],
|
|
13
|
+
'border-primary': _primitives.primitiveColors['grey-20'],
|
|
14
|
+
'border-subtle-enabled': _primitives.primitiveColors['grey-60'],
|
|
15
|
+
'border-subtle-hover': _primitives.primitiveColors['grey-50'],
|
|
16
|
+
'border-subtle-focus': _primitives.primitiveColors['grey-50'],
|
|
17
|
+
'border-subtle-pressed': _primitives.primitiveColors['grey-60'],
|
|
18
|
+
'border-subtle-disabled': _primitives.primitiveColors['grey-20']
|
|
19
|
+
}, (0, _semantics.semanticFunctionalColorsFx)('border', 60)), {}, {
|
|
20
|
+
//Border - Semantic
|
|
21
|
+
// blue
|
|
22
|
+
'border-brand-subtle': _primitives.primitiveColors['blue-50'],
|
|
23
|
+
'border-brand-enabled': _primitives.primitiveColors['blue-60'],
|
|
24
|
+
'border-brand-pressed': _primitives.primitiveColors['blue-30'],
|
|
25
|
+
'border-brand-hover': _primitives.primitiveColors['blue-60'],
|
|
26
|
+
'border-brand-primary': _primitives.primitiveColors['blue-70'],
|
|
27
|
+
'border-brand-disabled': _primitives.primitiveColors['blue-20'],
|
|
28
|
+
'border-info-enabled': _primitives.primitiveColors['blue-60'],
|
|
29
|
+
'border-minor-enabled': _primitives.primitiveColors['blue-60'],
|
|
30
|
+
'border-minor-disabled': _primitives.primitiveColors['blue-30'],
|
|
31
|
+
// red
|
|
32
|
+
'border-danger-subtle': _primitives.primitiveColors['red-10'],
|
|
33
|
+
'border-danger-enabled': _primitives.primitiveColors['red-60'],
|
|
34
|
+
'border-danger-hover': _primitives.primitiveColors['red-50'],
|
|
35
|
+
'border-danger-focus': _primitives.primitiveColors['red-50'],
|
|
36
|
+
'border-danger-pressed': _primitives.primitiveColors['red-20'],
|
|
37
|
+
'border-critical-enabled': _primitives.primitiveColors['red-60'],
|
|
38
|
+
'border-critical-disabled': _primitives.primitiveColors['red-30'],
|
|
39
|
+
// yellow
|
|
40
|
+
'border-warning-enabled': _primitives.primitiveColors['yellow-60'],
|
|
41
|
+
'border-medium-enabled': _primitives.primitiveColors['yellow-60'],
|
|
42
|
+
'border-medium-disabled': _primitives.primitiveColors['yellow-30'],
|
|
43
|
+
// green
|
|
44
|
+
'border-success-enabled': _primitives.primitiveColors['green-60'],
|
|
45
|
+
'border-success-subtle': _primitives.primitiveColors['green-20'],
|
|
46
|
+
// purple
|
|
47
|
+
'border-attention-enabled': _primitives.primitiveColors['purple-60'],
|
|
48
|
+
'border-attention-disabled': _primitives.primitiveColors['purple-30'],
|
|
49
|
+
// orange
|
|
50
|
+
'border-high-enabled': _primitives.primitiveColors['orange-60'],
|
|
51
|
+
'border-high-disabled': _primitives.primitiveColors['orange-30']
|
|
52
|
+
});
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
export declare const dataColors: {
|
|
2
|
+
'data-color1-enabled': string;
|
|
3
|
+
'data-color1-disabled': string;
|
|
4
|
+
'data-color2-enabled': string;
|
|
5
|
+
'data-color2-disabled': string;
|
|
6
|
+
'data-color3-enabled': string;
|
|
7
|
+
'data-color3-disabled': string;
|
|
8
|
+
'data-color4-enabled': string;
|
|
9
|
+
'data-color4-disabled': string;
|
|
10
|
+
'data-color5-enabled': string;
|
|
11
|
+
'data-color5-disabled': string;
|
|
12
|
+
'data-color6-enabled': string;
|
|
13
|
+
'data-color6-disabled': string;
|
|
14
|
+
'data-color7-enabled': string;
|
|
15
|
+
'data-color7-disabled': string;
|
|
16
|
+
};
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.dataColors = void 0;
|
|
7
|
+
var _primitives = require("../primitives");
|
|
8
|
+
var dataColors = exports.dataColors = {
|
|
9
|
+
'data-color1-enabled': _primitives.primitiveColors['blue-60'],
|
|
10
|
+
'data-color1-disabled': _primitives.primitiveColors['blue-98'],
|
|
11
|
+
'data-color2-enabled': _primitives.primitiveColors['blue-30'],
|
|
12
|
+
'data-color2-disabled': _primitives.primitiveColors['blue-95'],
|
|
13
|
+
'data-color3-enabled': _primitives.primitiveColors['purple-60'],
|
|
14
|
+
'data-color3-disabled': _primitives.primitiveColors['purple-95'],
|
|
15
|
+
'data-color4-enabled': _primitives.primitiveColors['magenta-40'],
|
|
16
|
+
'data-color4-disabled': _primitives.primitiveColors['magenta-95'],
|
|
17
|
+
'data-color5-enabled': _primitives.primitiveColors['purple-80'],
|
|
18
|
+
'data-color5-disabled': _primitives.primitiveColors['purple-98'],
|
|
19
|
+
'data-color6-enabled': _primitives.primitiveColors['grey-60'],
|
|
20
|
+
'data-color6-disabled': _primitives.primitiveColors['grey-98'],
|
|
21
|
+
'data-color7-enabled': _primitives.primitiveColors['grey-20'],
|
|
22
|
+
'data-color7-disabled': _primitives.primitiveColors['grey-95']
|
|
23
|
+
};
|