@ozen-ui/kit 0.24.2 → 0.25.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/__inner__/cjs/components/Accordion/Accordion.css +1 -1
- package/__inner__/cjs/components/Card/Card.css +1 -1
- package/__inner__/cjs/components/DataList/components/DataListOption/DataListOption.d.ts +1 -1
- package/__inner__/cjs/components/DataList/components/DataListOption/DataListOption.js +2 -1
- package/__inner__/cjs/components/List/components/ListItemText/ListItemText.d.ts +4 -4
- package/__inner__/cjs/components/Skeleton/SkeletonTypography/SkeletonTypography.css +1 -1
- package/__inner__/cjs/components/ThemeProvider/_color/Theme_color_bBusinessDark.css +1 -1
- package/__inner__/cjs/components/ThemeProvider/_color/Theme_color_bBusinessDefault.css +1 -1
- package/__inner__/cjs/components/ThemeProvider/_color/Theme_color_ozenDark.css +1 -1
- package/__inner__/cjs/components/ThemeProvider/_color/Theme_color_ozenDefault.css +1 -1
- package/__inner__/cjs/components/ThemeProvider/themes/helper.d.ts +1 -1
- package/__inner__/cjs/components/ThemeProvider/themes/helper.js +1 -1
- package/__inner__/esm/components/Accordion/Accordion.css +1 -1
- package/__inner__/esm/components/Card/Card.css +1 -1
- package/__inner__/esm/components/DataList/components/DataListOption/DataListOption.d.ts +1 -1
- package/__inner__/esm/components/DataList/components/DataListOption/DataListOption.js +2 -1
- package/__inner__/esm/components/List/components/ListItemText/ListItemText.d.ts +4 -4
- package/__inner__/esm/components/Skeleton/SkeletonTypography/SkeletonTypography.css +1 -1
- package/__inner__/esm/components/ThemeProvider/_color/Theme_color_bBusinessDark.css +1 -1
- package/__inner__/esm/components/ThemeProvider/_color/Theme_color_bBusinessDefault.css +1 -1
- package/__inner__/esm/components/ThemeProvider/_color/Theme_color_ozenDark.css +1 -1
- package/__inner__/esm/components/ThemeProvider/_color/Theme_color_ozenDefault.css +1 -1
- package/__inner__/esm/components/ThemeProvider/themes/helper.d.ts +1 -1
- package/__inner__/esm/components/ThemeProvider/themes/helper.js +1 -1
- package/package.json +1 -1
|
@@ -7,7 +7,7 @@ export type DataListOptionProps = {
|
|
|
7
7
|
/** Значение опции */
|
|
8
8
|
value: string | number;
|
|
9
9
|
/** Лейбл опции */
|
|
10
|
-
label?: string;
|
|
10
|
+
label?: string | number;
|
|
11
11
|
/** Если {true} отображает опцию заблокированной */
|
|
12
12
|
disabled?: boolean;
|
|
13
13
|
/** Если {true} отображает опцию сфокусированной (клавиатура) */
|
|
@@ -6,6 +6,7 @@ require("./DataListOption.css");
|
|
|
6
6
|
var react_1 = tslib_1.__importStar(require("react"));
|
|
7
7
|
var classname_1 = require("../../../../utils/classname");
|
|
8
8
|
var getIconSizeToFormElement_1 = require("../../../../utils/getIconSizeToFormElement");
|
|
9
|
+
var isNumber_1 = require("../../../../utils/isNumber");
|
|
9
10
|
var isString_1 = require("../../../../utils/isString");
|
|
10
11
|
var List_1 = require("../../../List");
|
|
11
12
|
var constants_1 = require("../../constants");
|
|
@@ -22,7 +23,7 @@ var DataListContent = function (_a) {
|
|
|
22
23
|
exports.DataListOption = (0, react_1.forwardRef)(function (_a, ref) {
|
|
23
24
|
var _b = _a.disabled, disabled = _b === void 0 ? constants_1.DATA_LIST_OPTION_DEFAULT_DISABLED : _b, value = _a.value, label = _a.label, children = _a.children, className = _a.className, highlighted = _a.highlighted, selected = _a.selected, focused = _a.focused, other = tslib_1.__rest(_a, ["disabled", "value", "label", "children", "className", "highlighted", "selected", "focused"]);
|
|
24
25
|
var renderChildren = function () {
|
|
25
|
-
if ((0, isString_1.isString)(children)) {
|
|
26
|
+
if ((0, isString_1.isString)(children) || (0, isNumber_1.isNumber)(children)) {
|
|
26
27
|
return react_1.default.createElement(DataListContent, { label: children, selected: selected });
|
|
27
28
|
}
|
|
28
29
|
if (label && !children) {
|
|
@@ -5,22 +5,22 @@ import type { TypographyProps } from '../../../Typography';
|
|
|
5
5
|
export type ListItemTextProps = {
|
|
6
6
|
children?: never;
|
|
7
7
|
/** Основной текст */
|
|
8
|
-
primary: string;
|
|
8
|
+
primary: string | number;
|
|
9
9
|
/** Свойства компонента Typography для текста primary */
|
|
10
10
|
primaryTypographyProps?: TypographyProps<'span'>;
|
|
11
11
|
/** Второстепенный текст */
|
|
12
|
-
secondary?: string;
|
|
12
|
+
secondary?: string | number;
|
|
13
13
|
/** Свойства компонента Typography для текста secondary */
|
|
14
14
|
secondaryTypographyProps?: TypographyProps<'span'>;
|
|
15
15
|
} & HTMLAttributes<HTMLDivElement>;
|
|
16
16
|
export declare const ListItemText: React.ForwardRefExoticComponent<{
|
|
17
17
|
children?: undefined;
|
|
18
18
|
/** Основной текст */
|
|
19
|
-
primary: string;
|
|
19
|
+
primary: string | number;
|
|
20
20
|
/** Свойства компонента Typography для текста primary */
|
|
21
21
|
primaryTypographyProps?: TypographyProps<"span"> | undefined;
|
|
22
22
|
/** Второстепенный текст */
|
|
23
|
-
secondary?: string | undefined;
|
|
23
|
+
secondary?: string | number | undefined;
|
|
24
24
|
/** Свойства компонента Typography для текста secondary */
|
|
25
25
|
secondaryTypographyProps?: TypographyProps<"span"> | undefined;
|
|
26
26
|
} & React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
|
|
@@ -1,5 +1,4 @@
|
|
|
1
1
|
.Theme_color_bBusinessDark {
|
|
2
|
-
--color-content-success: #039904;
|
|
3
2
|
--color-content-action-on: #fff;
|
|
4
3
|
--color-content-secondary: #aeb1c4;
|
|
5
4
|
--color-content-primary: #fff;
|
|
@@ -23,6 +22,7 @@
|
|
|
23
22
|
--color-content-warning-hover: #9f6207;
|
|
24
23
|
--color-content-warning-pressed: #70460b;
|
|
25
24
|
--color-content-warning-dark: #ffd699;
|
|
25
|
+
--color-content-success: #039904;
|
|
26
26
|
--color-content-success-hover: #067607;
|
|
27
27
|
--color-content-success-pressed: #0a540b;
|
|
28
28
|
--color-content-success-dark: #99e499;
|
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
.Theme_color_bBusinessDefault {
|
|
2
|
-
--color-content-action: #023dff;
|
|
3
2
|
--color-content-primary: #0d0e12;
|
|
4
3
|
--color-content-secondary: #636574;
|
|
5
4
|
--color-content-tertiary: #7e8194;
|
|
6
5
|
--color-content-disabled: #7e8194;
|
|
7
6
|
--color-content-ghost-disabled: rgb(255 255 255 / 40%);
|
|
7
|
+
--color-content-action: #023dff;
|
|
8
8
|
--color-content-action-hover: #0534d0;
|
|
9
9
|
--color-content-action-pressed: #082ba0;
|
|
10
10
|
--color-content-action-dark: #0a2171;
|
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
.Theme_color_ozenDark {
|
|
2
|
-
--color-content-action: #039904;
|
|
3
2
|
--color-content-action-on: #fff;
|
|
4
3
|
--color-content-secondary: #aeb1c4;
|
|
5
4
|
--color-content-primary: #fff;
|
|
6
5
|
--color-content-tertiary: #7e8194;
|
|
7
6
|
--color-content-disabled: #7e8194;
|
|
8
7
|
--color-content-ghost-disabled: rgb(255 255 255 / 40%);
|
|
8
|
+
--color-content-action: #039904;
|
|
9
9
|
--color-content-action-hover: #067607;
|
|
10
10
|
--color-content-action-pressed: #0a540b;
|
|
11
11
|
--color-content-action-dark: #99e499;
|
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
.Theme_color_ozenDefault {
|
|
2
|
-
--color-content-action: #0b0;
|
|
3
2
|
--color-content-primary: #0d0e12;
|
|
4
3
|
--color-content-secondary: #636574;
|
|
5
4
|
--color-content-tertiary: #7e8194;
|
|
6
5
|
--color-content-disabled: #7e8194;
|
|
7
6
|
--color-content-ghost-disabled: rgb(255 255 255 / 40%);
|
|
7
|
+
--color-content-action: #0b0;
|
|
8
8
|
--color-content-action-hover: #039904;
|
|
9
9
|
--color-content-action-pressed: #067607;
|
|
10
10
|
--color-content-action-dark: #0a540b;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
export declare const color: readonly ["--color-content-
|
|
1
|
+
export declare const color: readonly ["--color-content-primary", "--color-content-secondary", "--color-content-tertiary", "--color-content-disabled", "--color-content-ghost-disabled", "--color-content-action", "--color-content-action-hover", "--color-content-action-pressed", "--color-content-action-dark", "--color-content-action-secondary", "--color-content-action-secondary-hover", "--color-content-action-secondary-pressed", "--color-content-action-secondary-dark", "--color-content-action-on", "--color-content-error", "--color-content-error-hover", "--color-content-error-pressed", "--color-content-error-dark", "--color-content-warning", "--color-content-warning-hover", "--color-content-warning-pressed", "--color-content-warning-dark", "--color-content-success", "--color-content-success-hover", "--color-content-success-pressed", "--color-content-success-dark", "--color-content-info", "--color-content-info-hover", "--color-content-info-pressed", "--color-content-info-dark", "--color-content-primary-inverse", "--color-content-accent-secondary", "--color-accent-main", "--color-content-accent-primary", "--color-accent-primary", "--color-content-accent-disabled", "--color-background-main", "--color-background-main-hover", "--color-background-main-pressed", "--color-background-primary", "--color-background-primary-hover", "--color-background-primary-pressed", "--color-background-secondary", "--color-background-secondary-hover", "--color-background-secondary-pressed", "--color-background-tertiary", "--color-background-tertiary-hover", "--color-background-tertiary-pressed", "--color-background-disabled", "--color-background-action", "--color-background-action-hover", "--color-background-action-pressed", "--color-background-action-active-disabled", "--color-background-action-light", "--color-background-action-light-hover", "--color-background-action-light-pressed", "--color-background-accent-action-light", "--color-background-accent-action-light-hover", "--color-background-accent-action-light-pressed", "--color-background-action-secondary", "--color-background-action-secondary-hover", "--color-background-action-secondary-pressed", "--color-background-action-secondary-active-disabled", "--color-background-action-secondary-light", "--color-background-action-secondary-light-hover", "--color-background-action-secondary-light-pressed", "--color-background-accent-action-secondary-light", "--color-background-accent-action-secondary-light-hover", "--color-background-accent-action-secondary-light-pressed", "--color-background-error", "--color-background-error-hover", "--color-background-error-pressed", "--color-background-error-light", "--color-background-error-light-hover", "--color-background-error-light-pressed", "--color-background-accent-error-light", "--color-background-accent-error-light-hover", "--color-background-accent-error-light-pressed", "--color-background-warning", "--color-background-warning-hover", "--color-background-warning-pressed", "--color-background-warning-light", "--color-background-warning-light-hover", "--color-background-warning-light-pressed", "--color-background-accent-warning-light", "--color-background-accent-warning-light-hover", "--color-background-accent-warning-light-pressed", "--color-background-success", "--color-background-success-hover", "--color-background-success-pressed", "--color-background-success-light", "--color-background-success-light-hover", "--color-background-success-light-pressed", "--color-background-accent-success-light", "--color-background-accent-success-light-hover", "--color-background-accent-success-light-pressed", "--color-background-info", "--color-background-info-hover", "--color-background-info-pressed", "--color-background-info-light", "--color-background-info-light-hover", "--color-background-info-light-pressed", "--color-background-accent-info-light", "--color-background-accent-info-light-hover", "--color-background-accent-info-light-pressed", "--color-background-main-inverse", "--color-background-overlay", "--color-background-ghost", "--color-background-ghost-hover", "--color-background-ghost-pressed", "--color-background-ghost-disabled", "--color-border-main", "--color-border-main-hover", "--color-border-main-pressed", "--color-border-secondary", "--color-border-secondary-hover", "--color-border-secondary-pressed", "--color-border-disabled", "--color-border-ghost-disabled", "--color-border-focused", "--color-border-action", "--color-border-action-hover", "--color-border-action-pressed", "--color-border-action-secondary", "--color-border-action-secondary-hover", "--color-border-action-secondary-pressed", "--color-border-error", "--color-border-warning", "--color-border-success", "--color-border-info", "--color-border-main-on", "--color-border-accent-main", "--color-border-accent-disabled", "--color-border-accent-focused", "--color-accent-main-hover", "--color-accent-main-pressed", "--color-accent-primary-hover", "--color-accent-primary-pressed", "--color-accent-secondary", "--color-accent-secondary-hover", "--color-accent-secondary-pressed", "--color-accent-tertiary", "--color-accent-tertiary-hover", "--color-accent-tertiary-pressed", "--color-accent-disabled", "--color-accent-main-inverse", "--color-additional-a1", "--color-additional-a2", "--color-additional-a3", "--color-additional-b1", "--color-additional-b2", "--color-additional-b3", "--color-additional-c1", "--color-additional-c2", "--color-additional-c3", "--color-additional-d1", "--color-additional-d2", "--color-additional-d3", "--color-additional-e1", "--color-additional-e2", "--color-additional-e3", "--color-additional-f1", "--color-additional-f2", "--color-additional-f3", "--color-additional-g1", "--color-additional-g2", "--color-additional-g3", "--color-additional-h1", "--color-additional-h2", "--color-additional-h3"];
|
|
2
2
|
export declare const borderRadius: readonly ["--border-radius-l", "--border-radius-xl", "--border-radius-m", "--border-radius-s", "--border-radius-xs", "--border-radius-2xs"];
|
|
3
3
|
export declare const borderWidth: readonly ["--border-width-s", "--border-width-m"];
|
|
4
4
|
export declare const shadow: readonly ["--shadow-l", "--shadow-m", "--shadow-s"];
|
|
@@ -2,12 +2,12 @@
|
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
3
|
exports.transition = exports.typography = exports.control = exports.spacing = exports.space = exports.zIndex = exports.breakpoint = exports.shadow = exports.borderWidth = exports.borderRadius = exports.color = void 0;
|
|
4
4
|
exports.color = [
|
|
5
|
-
'--color-content-action',
|
|
6
5
|
'--color-content-primary',
|
|
7
6
|
'--color-content-secondary',
|
|
8
7
|
'--color-content-tertiary',
|
|
9
8
|
'--color-content-disabled',
|
|
10
9
|
'--color-content-ghost-disabled',
|
|
10
|
+
'--color-content-action',
|
|
11
11
|
'--color-content-action-hover',
|
|
12
12
|
'--color-content-action-pressed',
|
|
13
13
|
'--color-content-action-dark',
|
|
@@ -7,7 +7,7 @@ export type DataListOptionProps = {
|
|
|
7
7
|
/** Значение опции */
|
|
8
8
|
value: string | number;
|
|
9
9
|
/** Лейбл опции */
|
|
10
|
-
label?: string;
|
|
10
|
+
label?: string | number;
|
|
11
11
|
/** Если {true} отображает опцию заблокированной */
|
|
12
12
|
disabled?: boolean;
|
|
13
13
|
/** Если {true} отображает опцию сфокусированной (клавиатура) */
|
|
@@ -3,6 +3,7 @@ import './DataListOption.css';
|
|
|
3
3
|
import React, { forwardRef } from 'react';
|
|
4
4
|
import { cn } from '../../../../utils/classname';
|
|
5
5
|
import { getIconSizeToFormElement } from '../../../../utils/getIconSizeToFormElement';
|
|
6
|
+
import { isNumber } from '../../../../utils/isNumber';
|
|
6
7
|
import { isString } from '../../../../utils/isString';
|
|
7
8
|
import { ListItem, ListItemText, useListContext } from '../../../List';
|
|
8
9
|
import { DATA_LIST_OPTION_DEFAULT_DISABLED } from '../../constants';
|
|
@@ -19,7 +20,7 @@ var DataListContent = function (_a) {
|
|
|
19
20
|
export var DataListOption = forwardRef(function (_a, ref) {
|
|
20
21
|
var _b = _a.disabled, disabled = _b === void 0 ? DATA_LIST_OPTION_DEFAULT_DISABLED : _b, value = _a.value, label = _a.label, children = _a.children, className = _a.className, highlighted = _a.highlighted, selected = _a.selected, focused = _a.focused, other = __rest(_a, ["disabled", "value", "label", "children", "className", "highlighted", "selected", "focused"]);
|
|
21
22
|
var renderChildren = function () {
|
|
22
|
-
if (isString(children)) {
|
|
23
|
+
if (isString(children) || isNumber(children)) {
|
|
23
24
|
return React.createElement(DataListContent, { label: children, selected: selected });
|
|
24
25
|
}
|
|
25
26
|
if (label && !children) {
|
|
@@ -5,22 +5,22 @@ import type { TypographyProps } from '../../../Typography';
|
|
|
5
5
|
export type ListItemTextProps = {
|
|
6
6
|
children?: never;
|
|
7
7
|
/** Основной текст */
|
|
8
|
-
primary: string;
|
|
8
|
+
primary: string | number;
|
|
9
9
|
/** Свойства компонента Typography для текста primary */
|
|
10
10
|
primaryTypographyProps?: TypographyProps<'span'>;
|
|
11
11
|
/** Второстепенный текст */
|
|
12
|
-
secondary?: string;
|
|
12
|
+
secondary?: string | number;
|
|
13
13
|
/** Свойства компонента Typography для текста secondary */
|
|
14
14
|
secondaryTypographyProps?: TypographyProps<'span'>;
|
|
15
15
|
} & HTMLAttributes<HTMLDivElement>;
|
|
16
16
|
export declare const ListItemText: React.ForwardRefExoticComponent<{
|
|
17
17
|
children?: undefined;
|
|
18
18
|
/** Основной текст */
|
|
19
|
-
primary: string;
|
|
19
|
+
primary: string | number;
|
|
20
20
|
/** Свойства компонента Typography для текста primary */
|
|
21
21
|
primaryTypographyProps?: TypographyProps<"span"> | undefined;
|
|
22
22
|
/** Второстепенный текст */
|
|
23
|
-
secondary?: string | undefined;
|
|
23
|
+
secondary?: string | number | undefined;
|
|
24
24
|
/** Свойства компонента Typography для текста secondary */
|
|
25
25
|
secondaryTypographyProps?: TypographyProps<"span"> | undefined;
|
|
26
26
|
} & React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
|
|
@@ -1,5 +1,4 @@
|
|
|
1
1
|
.Theme_color_bBusinessDark {
|
|
2
|
-
--color-content-success: #039904;
|
|
3
2
|
--color-content-action-on: #fff;
|
|
4
3
|
--color-content-secondary: #aeb1c4;
|
|
5
4
|
--color-content-primary: #fff;
|
|
@@ -23,6 +22,7 @@
|
|
|
23
22
|
--color-content-warning-hover: #9f6207;
|
|
24
23
|
--color-content-warning-pressed: #70460b;
|
|
25
24
|
--color-content-warning-dark: #ffd699;
|
|
25
|
+
--color-content-success: #039904;
|
|
26
26
|
--color-content-success-hover: #067607;
|
|
27
27
|
--color-content-success-pressed: #0a540b;
|
|
28
28
|
--color-content-success-dark: #99e499;
|
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
.Theme_color_bBusinessDefault {
|
|
2
|
-
--color-content-action: #023dff;
|
|
3
2
|
--color-content-primary: #0d0e12;
|
|
4
3
|
--color-content-secondary: #636574;
|
|
5
4
|
--color-content-tertiary: #7e8194;
|
|
6
5
|
--color-content-disabled: #7e8194;
|
|
7
6
|
--color-content-ghost-disabled: rgb(255 255 255 / 40%);
|
|
7
|
+
--color-content-action: #023dff;
|
|
8
8
|
--color-content-action-hover: #0534d0;
|
|
9
9
|
--color-content-action-pressed: #082ba0;
|
|
10
10
|
--color-content-action-dark: #0a2171;
|
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
.Theme_color_ozenDark {
|
|
2
|
-
--color-content-action: #039904;
|
|
3
2
|
--color-content-action-on: #fff;
|
|
4
3
|
--color-content-secondary: #aeb1c4;
|
|
5
4
|
--color-content-primary: #fff;
|
|
6
5
|
--color-content-tertiary: #7e8194;
|
|
7
6
|
--color-content-disabled: #7e8194;
|
|
8
7
|
--color-content-ghost-disabled: rgb(255 255 255 / 40%);
|
|
8
|
+
--color-content-action: #039904;
|
|
9
9
|
--color-content-action-hover: #067607;
|
|
10
10
|
--color-content-action-pressed: #0a540b;
|
|
11
11
|
--color-content-action-dark: #99e499;
|
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
.Theme_color_ozenDefault {
|
|
2
|
-
--color-content-action: #0b0;
|
|
3
2
|
--color-content-primary: #0d0e12;
|
|
4
3
|
--color-content-secondary: #636574;
|
|
5
4
|
--color-content-tertiary: #7e8194;
|
|
6
5
|
--color-content-disabled: #7e8194;
|
|
7
6
|
--color-content-ghost-disabled: rgb(255 255 255 / 40%);
|
|
7
|
+
--color-content-action: #0b0;
|
|
8
8
|
--color-content-action-hover: #039904;
|
|
9
9
|
--color-content-action-pressed: #067607;
|
|
10
10
|
--color-content-action-dark: #0a540b;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
export declare const color: readonly ["--color-content-
|
|
1
|
+
export declare const color: readonly ["--color-content-primary", "--color-content-secondary", "--color-content-tertiary", "--color-content-disabled", "--color-content-ghost-disabled", "--color-content-action", "--color-content-action-hover", "--color-content-action-pressed", "--color-content-action-dark", "--color-content-action-secondary", "--color-content-action-secondary-hover", "--color-content-action-secondary-pressed", "--color-content-action-secondary-dark", "--color-content-action-on", "--color-content-error", "--color-content-error-hover", "--color-content-error-pressed", "--color-content-error-dark", "--color-content-warning", "--color-content-warning-hover", "--color-content-warning-pressed", "--color-content-warning-dark", "--color-content-success", "--color-content-success-hover", "--color-content-success-pressed", "--color-content-success-dark", "--color-content-info", "--color-content-info-hover", "--color-content-info-pressed", "--color-content-info-dark", "--color-content-primary-inverse", "--color-content-accent-secondary", "--color-accent-main", "--color-content-accent-primary", "--color-accent-primary", "--color-content-accent-disabled", "--color-background-main", "--color-background-main-hover", "--color-background-main-pressed", "--color-background-primary", "--color-background-primary-hover", "--color-background-primary-pressed", "--color-background-secondary", "--color-background-secondary-hover", "--color-background-secondary-pressed", "--color-background-tertiary", "--color-background-tertiary-hover", "--color-background-tertiary-pressed", "--color-background-disabled", "--color-background-action", "--color-background-action-hover", "--color-background-action-pressed", "--color-background-action-active-disabled", "--color-background-action-light", "--color-background-action-light-hover", "--color-background-action-light-pressed", "--color-background-accent-action-light", "--color-background-accent-action-light-hover", "--color-background-accent-action-light-pressed", "--color-background-action-secondary", "--color-background-action-secondary-hover", "--color-background-action-secondary-pressed", "--color-background-action-secondary-active-disabled", "--color-background-action-secondary-light", "--color-background-action-secondary-light-hover", "--color-background-action-secondary-light-pressed", "--color-background-accent-action-secondary-light", "--color-background-accent-action-secondary-light-hover", "--color-background-accent-action-secondary-light-pressed", "--color-background-error", "--color-background-error-hover", "--color-background-error-pressed", "--color-background-error-light", "--color-background-error-light-hover", "--color-background-error-light-pressed", "--color-background-accent-error-light", "--color-background-accent-error-light-hover", "--color-background-accent-error-light-pressed", "--color-background-warning", "--color-background-warning-hover", "--color-background-warning-pressed", "--color-background-warning-light", "--color-background-warning-light-hover", "--color-background-warning-light-pressed", "--color-background-accent-warning-light", "--color-background-accent-warning-light-hover", "--color-background-accent-warning-light-pressed", "--color-background-success", "--color-background-success-hover", "--color-background-success-pressed", "--color-background-success-light", "--color-background-success-light-hover", "--color-background-success-light-pressed", "--color-background-accent-success-light", "--color-background-accent-success-light-hover", "--color-background-accent-success-light-pressed", "--color-background-info", "--color-background-info-hover", "--color-background-info-pressed", "--color-background-info-light", "--color-background-info-light-hover", "--color-background-info-light-pressed", "--color-background-accent-info-light", "--color-background-accent-info-light-hover", "--color-background-accent-info-light-pressed", "--color-background-main-inverse", "--color-background-overlay", "--color-background-ghost", "--color-background-ghost-hover", "--color-background-ghost-pressed", "--color-background-ghost-disabled", "--color-border-main", "--color-border-main-hover", "--color-border-main-pressed", "--color-border-secondary", "--color-border-secondary-hover", "--color-border-secondary-pressed", "--color-border-disabled", "--color-border-ghost-disabled", "--color-border-focused", "--color-border-action", "--color-border-action-hover", "--color-border-action-pressed", "--color-border-action-secondary", "--color-border-action-secondary-hover", "--color-border-action-secondary-pressed", "--color-border-error", "--color-border-warning", "--color-border-success", "--color-border-info", "--color-border-main-on", "--color-border-accent-main", "--color-border-accent-disabled", "--color-border-accent-focused", "--color-accent-main-hover", "--color-accent-main-pressed", "--color-accent-primary-hover", "--color-accent-primary-pressed", "--color-accent-secondary", "--color-accent-secondary-hover", "--color-accent-secondary-pressed", "--color-accent-tertiary", "--color-accent-tertiary-hover", "--color-accent-tertiary-pressed", "--color-accent-disabled", "--color-accent-main-inverse", "--color-additional-a1", "--color-additional-a2", "--color-additional-a3", "--color-additional-b1", "--color-additional-b2", "--color-additional-b3", "--color-additional-c1", "--color-additional-c2", "--color-additional-c3", "--color-additional-d1", "--color-additional-d2", "--color-additional-d3", "--color-additional-e1", "--color-additional-e2", "--color-additional-e3", "--color-additional-f1", "--color-additional-f2", "--color-additional-f3", "--color-additional-g1", "--color-additional-g2", "--color-additional-g3", "--color-additional-h1", "--color-additional-h2", "--color-additional-h3"];
|
|
2
2
|
export declare const borderRadius: readonly ["--border-radius-l", "--border-radius-xl", "--border-radius-m", "--border-radius-s", "--border-radius-xs", "--border-radius-2xs"];
|
|
3
3
|
export declare const borderWidth: readonly ["--border-width-s", "--border-width-m"];
|
|
4
4
|
export declare const shadow: readonly ["--shadow-l", "--shadow-m", "--shadow-s"];
|
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
export var color = [
|
|
2
|
-
'--color-content-action',
|
|
3
2
|
'--color-content-primary',
|
|
4
3
|
'--color-content-secondary',
|
|
5
4
|
'--color-content-tertiary',
|
|
6
5
|
'--color-content-disabled',
|
|
7
6
|
'--color-content-ghost-disabled',
|
|
7
|
+
'--color-content-action',
|
|
8
8
|
'--color-content-action-hover',
|
|
9
9
|
'--color-content-action-pressed',
|
|
10
10
|
'--color-content-action-dark',
|