@rescui/button 0.24.1 → 0.24.2
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/_virtual/index.css.js +12 -12
- package/lib/button.d.ts +81 -81
- package/lib/button.p.module.css.js +31 -31
- package/lib/index.css +79 -79
- package/lib/index.d.ts +53 -54
- package/lib/index.js +2 -2
- package/package.json +7 -7
|
@@ -1,15 +1,15 @@
|
|
|
1
1
|
var styles = {
|
|
2
|
-
"icon": "
|
|
3
|
-
"sizeXS": "
|
|
4
|
-
"sizeS": "
|
|
5
|
-
"sizeM": "
|
|
6
|
-
"sizeL": "
|
|
7
|
-
"light": "
|
|
8
|
-
"dark": "
|
|
9
|
-
"allVariants": "
|
|
10
|
-
"variant16": "
|
|
11
|
-
"variant20": "
|
|
12
|
-
"variant24": "
|
|
13
|
-
"variant28": "
|
|
2
|
+
"icon": "_icon_1tf5os8_4",
|
|
3
|
+
"sizeXS": "_sizeXS_1tf5os8_14",
|
|
4
|
+
"sizeS": "_sizeS_1tf5os8_18",
|
|
5
|
+
"sizeM": "_sizeM_1tf5os8_22",
|
|
6
|
+
"sizeL": "_sizeL_1tf5os8_26",
|
|
7
|
+
"light": "_light_1tf5os8_30",
|
|
8
|
+
"dark": "_dark_1tf5os8_34",
|
|
9
|
+
"allVariants": "_allVariants_1tf5os8_48",
|
|
10
|
+
"variant16": "_variant16_1tf5os8_53",
|
|
11
|
+
"variant20": "_variant20_1tf5os8_54",
|
|
12
|
+
"variant24": "_variant24_1tf5os8_55",
|
|
13
|
+
"variant28": "_variant28_1tf5os8_58"
|
|
14
14
|
};
|
|
15
15
|
export { styles as default };
|
package/lib/button.d.ts
CHANGED
|
@@ -1,81 +1,81 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import { Theme } from '@rescui/ui-contexts';
|
|
3
|
-
export
|
|
4
|
-
export
|
|
5
|
-
export
|
|
6
|
-
export
|
|
7
|
-
export
|
|
8
|
-
export
|
|
9
|
-
export
|
|
10
|
-
export
|
|
11
|
-
|
|
12
|
-
/** Additional class-name */
|
|
13
|
-
className?: string;
|
|
14
|
-
/** Child element */
|
|
15
|
-
children?: React.ReactNode;
|
|
16
|
-
/** Disabled state */
|
|
17
|
-
disabled?: boolean;
|
|
18
|
-
/** Button size */
|
|
19
|
-
size?: ButtonSize;
|
|
20
|
-
/** Appearance theme */
|
|
21
|
-
theme?: Theme;
|
|
22
|
-
/** Shows loading icon, use when some action related to button is in progress */
|
|
23
|
-
busy?: boolean;
|
|
24
|
-
/** @ignore */
|
|
25
|
-
highlighted?: boolean;
|
|
26
|
-
/** @ignore */
|
|
27
|
-
flat?: ButtonFlat;
|
|
28
|
-
/**
|
|
29
|
-
* Allow wrapping inside the button.
|
|
30
|
-
* Do not allow a multiline Button to be placed next to another Button on the same line.
|
|
31
|
-
* */
|
|
32
|
-
allowMultiline?: boolean;
|
|
33
|
-
/**
|
|
34
|
-
* Multiline default state. Use for optimising rerenders of always multiline buttons.
|
|
35
|
-
* @ignore
|
|
36
|
-
* */
|
|
37
|
-
defaultMultiline?: boolean;
|
|
38
|
-
tabIndex?: number;
|
|
39
|
-
title?: string;
|
|
40
|
-
/** Button appearance */
|
|
41
|
-
mode?: ButtonModeGeneric | ButtonModeClear;
|
|
42
|
-
/** **Works only with `mode="clear"`.** Offsets a clear button to one or more sides before the text. Button's background then extends beyond its container. */
|
|
43
|
-
shifted?: ButtonShifted;
|
|
44
|
-
/** Additional icon */
|
|
45
|
-
icon?: React.ReactNode;
|
|
46
|
-
/**
|
|
47
|
-
* **Works only if the `icon` is present.**
|
|
48
|
-
* Additional icon position.
|
|
49
|
-
* `-edge` variants are useful for aligning icons between multiple buttons in a column (some of which may be multiline).
|
|
50
|
-
* @see [RUI-228](https://youtrack.jetbrains.com/issue/RUI-228/Fix-button-icon-size-and-position)
|
|
51
|
-
* */
|
|
52
|
-
iconPosition?: ButtonIconPosition;
|
|
53
|
-
/** Url path for using component as a link. **Transform a Button into a link (`a` element).** */
|
|
54
|
-
href?: string;
|
|
55
|
-
/** [Link target](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a#target). **Works only for the link Button.** */
|
|
56
|
-
target?: '_blank' | '_self' | '_parent' | '_top';
|
|
57
|
-
/** [Link rel](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a#rel). **Works only for the link Button.** */
|
|
58
|
-
rel?: string;
|
|
59
|
-
/**
|
|
60
|
-
* Completely removes focus ability.
|
|
61
|
-
* We use separate property instead of tabIndex
|
|
62
|
-
* because tabIndex doesn't remove all of the controls behavior.
|
|
63
|
-
* For example, 'space' button press support remains active.
|
|
64
|
-
* We can fix this with a special property.
|
|
65
|
-
* **Transform a Button into a `div` element. Do not use with link props (`href`, `rel`, `target`, etc).**
|
|
66
|
-
* @ignore
|
|
67
|
-
* */
|
|
68
|
-
notFocusable?: boolean;
|
|
69
|
-
/**
|
|
70
|
-
* [More about button types](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button#attr-type)
|
|
71
|
-
* @type "button" | "submit" | "reset"
|
|
72
|
-
* */
|
|
73
|
-
type?: ButtonType | string;
|
|
74
|
-
/** Click event handler */
|
|
75
|
-
onClick?: React.MouseEventHandler<HTMLButtonElement> | React.MouseEventHandler<HTMLAnchorElement> | React.MouseEventHandler<HTMLDivElement>;
|
|
76
|
-
};
|
|
77
|
-
|
|
78
|
-
export
|
|
79
|
-
|
|
80
|
-
export declare const Button: React.ForwardRefExoticComponent<Omit<NativeProps, keyof ButtonIntrinsicProps> & ButtonIntrinsicProps & React.RefAttributes<ButtonPossibleHTMLType>>;
|
|
81
|
-
export default Button;
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { Theme } from '@rescui/ui-contexts';
|
|
3
|
+
export type ButtonShiftedSide = 'right' | 'left' | 'top' | 'bottom';
|
|
4
|
+
export type ButtonSize = 'l' | 'm' | 's' | 'xs';
|
|
5
|
+
export type ButtonModeGeneric = 'classic' | 'rock' | 'transparent' | 'outline';
|
|
6
|
+
export type ButtonModeClear = 'clear';
|
|
7
|
+
export type ButtonType = 'button' | 'submit' | 'reset';
|
|
8
|
+
export type ButtonIconPosition = 'left' | 'left-edge' | 'right' | 'right-edge';
|
|
9
|
+
export type ButtonFlat = 'left' | 'right';
|
|
10
|
+
export type ButtonShifted = 'all' | ButtonShiftedSide | ButtonShiftedSide[];
|
|
11
|
+
type ButtonIntrinsicProps = {
|
|
12
|
+
/** Additional class-name */
|
|
13
|
+
className?: string;
|
|
14
|
+
/** Child element */
|
|
15
|
+
children?: React.ReactNode;
|
|
16
|
+
/** Disabled state */
|
|
17
|
+
disabled?: boolean;
|
|
18
|
+
/** Button size */
|
|
19
|
+
size?: ButtonSize;
|
|
20
|
+
/** Appearance theme */
|
|
21
|
+
theme?: Theme;
|
|
22
|
+
/** Shows loading icon, use when some action related to button is in progress */
|
|
23
|
+
busy?: boolean;
|
|
24
|
+
/** @ignore */
|
|
25
|
+
highlighted?: boolean;
|
|
26
|
+
/** @ignore */
|
|
27
|
+
flat?: ButtonFlat;
|
|
28
|
+
/**
|
|
29
|
+
* Allow wrapping inside the button.
|
|
30
|
+
* Do not allow a multiline Button to be placed next to another Button on the same line.
|
|
31
|
+
* */
|
|
32
|
+
allowMultiline?: boolean;
|
|
33
|
+
/**
|
|
34
|
+
* Multiline default state. Use for optimising rerenders of always multiline buttons.
|
|
35
|
+
* @ignore
|
|
36
|
+
* */
|
|
37
|
+
defaultMultiline?: boolean;
|
|
38
|
+
tabIndex?: number;
|
|
39
|
+
title?: string;
|
|
40
|
+
/** Button appearance */
|
|
41
|
+
mode?: ButtonModeGeneric | ButtonModeClear;
|
|
42
|
+
/** **Works only with `mode="clear"`.** Offsets a clear button to one or more sides before the text. Button's background then extends beyond its container. */
|
|
43
|
+
shifted?: ButtonShifted;
|
|
44
|
+
/** Additional icon */
|
|
45
|
+
icon?: React.ReactNode;
|
|
46
|
+
/**
|
|
47
|
+
* **Works only if the `icon` is present.**
|
|
48
|
+
* Additional icon position.
|
|
49
|
+
* `-edge` variants are useful for aligning icons between multiple buttons in a column (some of which may be multiline).
|
|
50
|
+
* @see [RUI-228](https://youtrack.jetbrains.com/issue/RUI-228/Fix-button-icon-size-and-position)
|
|
51
|
+
* */
|
|
52
|
+
iconPosition?: ButtonIconPosition;
|
|
53
|
+
/** Url path for using component as a link. **Transform a Button into a link (`a` element).** */
|
|
54
|
+
href?: string;
|
|
55
|
+
/** [Link target](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a#target). **Works only for the link Button.** */
|
|
56
|
+
target?: '_blank' | '_self' | '_parent' | '_top';
|
|
57
|
+
/** [Link rel](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a#rel). **Works only for the link Button.** */
|
|
58
|
+
rel?: string;
|
|
59
|
+
/**
|
|
60
|
+
* Completely removes focus ability.
|
|
61
|
+
* We use separate property instead of tabIndex
|
|
62
|
+
* because tabIndex doesn't remove all of the controls behavior.
|
|
63
|
+
* For example, 'space' button press support remains active.
|
|
64
|
+
* We can fix this with a special property.
|
|
65
|
+
* **Transform a Button into a `div` element. Do not use with link props (`href`, `rel`, `target`, etc).**
|
|
66
|
+
* @ignore
|
|
67
|
+
* */
|
|
68
|
+
notFocusable?: boolean;
|
|
69
|
+
/**
|
|
70
|
+
* [More about button types](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button#attr-type)
|
|
71
|
+
* @type "button" | "submit" | "reset"
|
|
72
|
+
* */
|
|
73
|
+
type?: ButtonType | string;
|
|
74
|
+
/** Click event handler */
|
|
75
|
+
onClick?: React.MouseEventHandler<HTMLButtonElement> | React.MouseEventHandler<HTMLAnchorElement> | React.MouseEventHandler<HTMLDivElement>;
|
|
76
|
+
};
|
|
77
|
+
type NativeProps = React.ButtonHTMLAttributes<HTMLButtonElement> | React.AnchorHTMLAttributes<HTMLAnchorElement> | React.BaseHTMLAttributes<HTMLDivElement>;
|
|
78
|
+
export type ButtonProps = Omit<NativeProps, keyof ButtonIntrinsicProps> & ButtonIntrinsicProps;
|
|
79
|
+
type ButtonPossibleHTMLType = HTMLAnchorElement | HTMLButtonElement | HTMLDivElement;
|
|
80
|
+
export declare const Button: React.ForwardRefExoticComponent<Omit<NativeProps, keyof ButtonIntrinsicProps> & ButtonIntrinsicProps & React.RefAttributes<ButtonPossibleHTMLType>>;
|
|
81
|
+
export default Button;
|
|
@@ -1,34 +1,34 @@
|
|
|
1
1
|
var styles = {
|
|
2
|
-
"light": "
|
|
3
|
-
"dark": "
|
|
4
|
-
"flatRight": "
|
|
5
|
-
"flatLeft": "
|
|
6
|
-
"sizeXs": "
|
|
7
|
-
"sizeS": "
|
|
8
|
-
"sizeM": "
|
|
9
|
-
"sizeL": "
|
|
10
|
-
"modeClassic": "
|
|
11
|
-
"modeRock": "
|
|
12
|
-
"modeTransparent": "
|
|
13
|
-
"modeOutline": "
|
|
14
|
-
"modeClear": "
|
|
15
|
-
"alignIconLeft": "
|
|
16
|
-
"alignIconLeftEdge": "
|
|
17
|
-
"alignIconRight": "
|
|
18
|
-
"alignIconRightEdge": "
|
|
19
|
-
"main": "
|
|
20
|
-
"disabled": "
|
|
21
|
-
"busy": "
|
|
22
|
-
"busyOverlay": "
|
|
23
|
-
"icon": "
|
|
24
|
-
"allowMultiline": "
|
|
25
|
-
"content": "
|
|
26
|
-
"multiline": "
|
|
27
|
-
"withoutText": "
|
|
28
|
-
"busyIcon": "
|
|
29
|
-
"shiftedLeft": "
|
|
30
|
-
"shiftedRight": "
|
|
31
|
-
"shiftedTop": "
|
|
32
|
-
"shiftedBottom": "
|
|
2
|
+
"light": "_light_ip4dl4_6",
|
|
3
|
+
"dark": "_dark_ip4dl4_9",
|
|
4
|
+
"flatRight": "_flatRight_ip4dl4_13",
|
|
5
|
+
"flatLeft": "_flatLeft_ip4dl4_16",
|
|
6
|
+
"sizeXs": "_sizeXs_ip4dl4_20",
|
|
7
|
+
"sizeS": "_sizeS_ip4dl4_23",
|
|
8
|
+
"sizeM": "_sizeM_ip4dl4_26",
|
|
9
|
+
"sizeL": "_sizeL_ip4dl4_29",
|
|
10
|
+
"modeClassic": "_modeClassic_ip4dl4_33",
|
|
11
|
+
"modeRock": "_modeRock_ip4dl4_36",
|
|
12
|
+
"modeTransparent": "_modeTransparent_ip4dl4_39",
|
|
13
|
+
"modeOutline": "_modeOutline_ip4dl4_42",
|
|
14
|
+
"modeClear": "_modeClear_ip4dl4_45",
|
|
15
|
+
"alignIconLeft": "_alignIconLeft_ip4dl4_49",
|
|
16
|
+
"alignIconLeftEdge": "_alignIconLeftEdge_ip4dl4_52",
|
|
17
|
+
"alignIconRight": "_alignIconRight_ip4dl4_55",
|
|
18
|
+
"alignIconRightEdge": "_alignIconRightEdge_ip4dl4_58",
|
|
19
|
+
"main": "_main_ip4dl4_62",
|
|
20
|
+
"disabled": "_disabled_ip4dl4_139",
|
|
21
|
+
"busy": "_busy_ip4dl4_149",
|
|
22
|
+
"busyOverlay": "_busyOverlay_ip4dl4_153",
|
|
23
|
+
"icon": "_icon_ip4dl4_188",
|
|
24
|
+
"allowMultiline": "_allowMultiline_ip4dl4_203",
|
|
25
|
+
"content": "_content_ip4dl4_207",
|
|
26
|
+
"multiline": "_multiline_ip4dl4_213",
|
|
27
|
+
"withoutText": "_withoutText_ip4dl4_217",
|
|
28
|
+
"busyIcon": "_busyIcon_ip4dl4_222",
|
|
29
|
+
"shiftedLeft": "_shiftedLeft_ip4dl4_243",
|
|
30
|
+
"shiftedRight": "_shiftedRight_ip4dl4_246",
|
|
31
|
+
"shiftedTop": "_shiftedTop_ip4dl4_249",
|
|
32
|
+
"shiftedBottom": "_shiftedBottom_ip4dl4_252"
|
|
33
33
|
};
|
|
34
34
|
export { styles as default };
|
package/lib/index.css
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
.
|
|
1
|
+
._icon_1tf5os8_4{
|
|
2
2
|
--_rs-theme-dark:var(
|
|
3
3
|
--_rs-internal-force-theme-dark-consult-rescui-before-using,
|
|
4
4
|
var(--rs-theme-dark, 0)
|
|
@@ -8,7 +8,7 @@
|
|
|
8
8
|
--_rs-theme-light-coefficient:calc(1 - var(--_rs-theme-dark-coefficient));
|
|
9
9
|
}
|
|
10
10
|
@supports (color: color-mix(in srgb, #fff 50%, #000 50%)){
|
|
11
|
-
.
|
|
11
|
+
._icon_1tf5os8_4{
|
|
12
12
|
--_rs-color-primary:color-mix(in srgb, var(--rs-color-primary-light-theme, #6B57FF) calc(100%*var(--_rs-theme-light-coefficient, 1)), var(--rs-color-primary-dark-theme, #8473FF) calc(100%*var(--_rs-theme-dark-coefficient, 0)));
|
|
13
13
|
--_rs-color-primary-dim:color-mix(in srgb, var(--rs-color-primary-dim-light-theme, #8979ff) calc(100%*var(--_rs-theme-light-coefficient, 1)), var(--rs-color-primary-dim-dark-theme, #6f61d2) calc(100%*var(--_rs-theme-dark-coefficient, 0)));
|
|
14
14
|
--_rs-color-primary-fog:color-mix(in srgb, var(--rs-color-primary-fog-light-theme, #e1ddff) calc(100%*var(--_rs-theme-light-coefficient, 1)), var(--rs-color-primary-fog-dark-theme, #2e2b49) calc(100%*var(--_rs-theme-dark-coefficient, 0)));
|
|
@@ -17,7 +17,7 @@
|
|
|
17
17
|
}
|
|
18
18
|
}
|
|
19
19
|
@supports not (color: color-mix(in srgb, #fff 50%, #000 50%)){
|
|
20
|
-
.
|
|
20
|
+
._icon_1tf5os8_4{
|
|
21
21
|
--_rs-color-primary:rgb(calc(var(--_rs-theme-light-coefficient, 1)*107 + var(--_rs-theme-dark-coefficient, 0)*132), calc(var(--_rs-theme-light-coefficient, 1)*87 + var(--_rs-theme-dark-coefficient, 0)*115), 255);
|
|
22
22
|
--_rs-color-primary-dim:rgb(calc(var(--_rs-theme-light-coefficient, 1)*137 + var(--_rs-theme-dark-coefficient, 0)*111), calc(var(--_rs-theme-light-coefficient, 1)*121 + var(--_rs-theme-dark-coefficient, 0)*97), calc(var(--_rs-theme-light-coefficient, 1)*255 + var(--_rs-theme-dark-coefficient, 0)*210));
|
|
23
23
|
--_rs-color-primary-fog:rgb(calc(var(--_rs-theme-light-coefficient, 1)*225 + var(--_rs-theme-dark-coefficient, 0)*46), calc(var(--_rs-theme-light-coefficient, 1)*221 + var(--_rs-theme-dark-coefficient, 0)*43), calc(var(--_rs-theme-light-coefficient, 1)*255 + var(--_rs-theme-dark-coefficient, 0)*73));
|
|
@@ -25,30 +25,30 @@
|
|
|
25
25
|
--_rs-color-primary-t-fog:rgba(calc(var(--_rs-theme-light-coefficient, 1)*107 + var(--_rs-theme-dark-coefficient, 0)*132), calc(var(--_rs-theme-light-coefficient, 1)*87 + var(--_rs-theme-dark-coefficient, 0)*115), 255, calc(var(--_rs-theme-light-coefficient, 1)*0.2 + var(--_rs-theme-dark-coefficient, 0)*0.3));
|
|
26
26
|
}
|
|
27
27
|
}
|
|
28
|
-
.
|
|
28
|
+
._icon_1tf5os8_4{
|
|
29
29
|
|
|
30
30
|
fill:var(--_rs-icons-themed-fill-or-initial, currentcolor);
|
|
31
31
|
|
|
32
32
|
width:var(--rs-icons-width, auto);
|
|
33
33
|
height:var(--rs-icons-height, var(--_rs-icons-height));
|
|
34
34
|
}
|
|
35
|
-
.
|
|
35
|
+
._sizeXS_1tf5os8_14{
|
|
36
36
|
--_rs-icons-height:16px;
|
|
37
37
|
}
|
|
38
|
-
.
|
|
38
|
+
._sizeS_1tf5os8_18{
|
|
39
39
|
--_rs-icons-height:20px;
|
|
40
40
|
}
|
|
41
|
-
.
|
|
41
|
+
._sizeM_1tf5os8_22{
|
|
42
42
|
--_rs-icons-height:24px;
|
|
43
43
|
}
|
|
44
|
-
.
|
|
44
|
+
._sizeL_1tf5os8_26{
|
|
45
45
|
--_rs-icons-height:28px;
|
|
46
46
|
}
|
|
47
|
-
.
|
|
47
|
+
._light_1tf5os8_30{
|
|
48
48
|
--rs-theme-dark:0;
|
|
49
49
|
--_rs-icons-themed-fill-or-initial:rgb(calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(28 + var(--_rs-theme-dark-coefficient, 0)*227));
|
|
50
50
|
}
|
|
51
|
-
.
|
|
51
|
+
._dark_1tf5os8_34{
|
|
52
52
|
--rs-theme-dark:1;
|
|
53
53
|
--_rs-icons-themed-fill-or-initial:rgb(calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(28 + var(--_rs-theme-dark-coefficient, 0)*227));
|
|
54
54
|
}
|
|
@@ -60,61 +60,61 @@
|
|
|
60
60
|
transform:rotate(360deg);
|
|
61
61
|
}
|
|
62
62
|
}
|
|
63
|
-
.
|
|
63
|
+
._allVariants_1tf5os8_48{
|
|
64
64
|
aspect-ratio:var(--rs-icon-ar-width, 1) / var(--rs-icon-ar-height, 1);
|
|
65
65
|
container:rs-icon / size;
|
|
66
66
|
}
|
|
67
|
-
.
|
|
68
|
-
.
|
|
69
|
-
.
|
|
67
|
+
._variant16_1tf5os8_53,
|
|
68
|
+
._variant20_1tf5os8_54,
|
|
69
|
+
._variant24_1tf5os8_55{
|
|
70
70
|
display:none;
|
|
71
71
|
}
|
|
72
|
-
.
|
|
72
|
+
._variant28_1tf5os8_58{
|
|
73
73
|
display:block;
|
|
74
74
|
}
|
|
75
75
|
@container rs-icon (max-height: 24px){
|
|
76
|
-
.
|
|
76
|
+
._variant24_1tf5os8_55{
|
|
77
77
|
display:block;
|
|
78
78
|
}
|
|
79
|
-
.
|
|
79
|
+
._variant28_1tf5os8_58{
|
|
80
80
|
display:none;
|
|
81
81
|
}
|
|
82
82
|
}
|
|
83
83
|
@container rs-icon (max-height: 20px){
|
|
84
|
-
.
|
|
84
|
+
._variant20_1tf5os8_54{
|
|
85
85
|
display:block;
|
|
86
86
|
}
|
|
87
|
-
.
|
|
87
|
+
._variant24_1tf5os8_55{
|
|
88
88
|
display:none;
|
|
89
89
|
}
|
|
90
90
|
}
|
|
91
91
|
@container rs-icon (max-height: 16px){
|
|
92
|
-
.
|
|
92
|
+
._variant16_1tf5os8_53{
|
|
93
93
|
display:block;
|
|
94
94
|
}
|
|
95
|
-
.
|
|
95
|
+
._variant20_1tf5os8_54{
|
|
96
96
|
display:none;
|
|
97
97
|
}
|
|
98
98
|
}
|
|
99
|
-
.
|
|
99
|
+
._light_ip4dl4_6{
|
|
100
100
|
--rs-theme-dark:0;
|
|
101
101
|
}
|
|
102
|
-
.
|
|
102
|
+
._dark_ip4dl4_9{
|
|
103
103
|
--rs-theme-dark:1;
|
|
104
104
|
}
|
|
105
|
-
.
|
|
105
|
+
._flatRight_ip4dl4_13{
|
|
106
106
|
--_rs-button-top-right-border-radius-or-initial:0px;
|
|
107
107
|
--_rs-button-bottom-right-border-radius-or-initial:0px;
|
|
108
108
|
--_rs-button-top-right-multiline-border-radius-or-initial:0px;
|
|
109
109
|
--_rs-button-bottom-right-multiline-border-radius-or-initial:0px;
|
|
110
110
|
}
|
|
111
|
-
.
|
|
111
|
+
._flatLeft_ip4dl4_16{
|
|
112
112
|
--_rs-button-top-left-border-radius-or-initial:0px;
|
|
113
113
|
--_rs-button-bottom-left-border-radius-or-initial:0px;
|
|
114
114
|
--_rs-button-top-left-multiline-border-radius-or-initial:0px;
|
|
115
115
|
--_rs-button-bottom-left-multiline-border-radius-or-initial:0px;
|
|
116
116
|
}
|
|
117
|
-
.
|
|
117
|
+
._sizeXs_ip4dl4_20{
|
|
118
118
|
--_rs-button-border-radius-base:var(
|
|
119
119
|
--rs-button-xs-border-radius,
|
|
120
120
|
var(--rs-button-border-radius, 4px)
|
|
@@ -129,7 +129,7 @@
|
|
|
129
129
|
--_rs-button-icon-size:16px;
|
|
130
130
|
--_rs-button-icon-offset:4px;
|
|
131
131
|
}
|
|
132
|
-
.
|
|
132
|
+
._sizeXs_ip4dl4_20 [data-rs-internal='button__content']{
|
|
133
133
|
--_rs-typography-letter-spacing:var(--rs-text-3-letter-spacing, 0.0045em);
|
|
134
134
|
--_rs-typography-text-transform:initial;
|
|
135
135
|
--_rs-typography-font-variant-numeric:initial;
|
|
@@ -164,7 +164,7 @@
|
|
|
164
164
|
--_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
|
|
165
165
|
--_rs-typography-link-border-bottom-width-from-text:1px;
|
|
166
166
|
}
|
|
167
|
-
.
|
|
167
|
+
._sizeS_ip4dl4_23{
|
|
168
168
|
--_rs-button-border-radius-base:var(
|
|
169
169
|
--rs-button-s-border-radius,
|
|
170
170
|
var(--rs-button-border-radius, 16px)
|
|
@@ -179,7 +179,7 @@
|
|
|
179
179
|
--_rs-button-icon-size:20px;
|
|
180
180
|
--_rs-button-icon-offset:8px;
|
|
181
181
|
}
|
|
182
|
-
.
|
|
182
|
+
._sizeS_ip4dl4_23 [data-rs-internal='button__content']{
|
|
183
183
|
--_rs-typography-letter-spacing:var(--rs-text-3-letter-spacing, 0.0045em);
|
|
184
184
|
--_rs-typography-text-transform:initial;
|
|
185
185
|
--_rs-typography-font-variant-numeric:initial;
|
|
@@ -214,7 +214,7 @@
|
|
|
214
214
|
--_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
|
|
215
215
|
--_rs-typography-link-border-bottom-width-from-text:1px;
|
|
216
216
|
}
|
|
217
|
-
.
|
|
217
|
+
._sizeM_ip4dl4_26{
|
|
218
218
|
--_rs-button-border-radius-base:var(
|
|
219
219
|
--rs-button-m-border-radius,
|
|
220
220
|
var(--rs-button-border-radius, 20px)
|
|
@@ -229,7 +229,7 @@
|
|
|
229
229
|
--_rs-button-icon-size:24px;
|
|
230
230
|
--_rs-button-icon-offset:8px;
|
|
231
231
|
}
|
|
232
|
-
.
|
|
232
|
+
._sizeM_ip4dl4_26 [data-rs-internal='button__content']{
|
|
233
233
|
--_rs-typography-letter-spacing:var(--rs-text-2-letter-spacing, 0.0015em);
|
|
234
234
|
--_rs-typography-text-transform:initial;
|
|
235
235
|
--_rs-typography-font-variant-numeric:initial;
|
|
@@ -268,11 +268,11 @@
|
|
|
268
268
|
--_rs-typography-link-border-bottom-width-from-text:1px;
|
|
269
269
|
}
|
|
270
270
|
@media screen and (max-width: 640px){
|
|
271
|
-
.
|
|
271
|
+
._sizeM_ip4dl4_26 [data-rs-internal='button__content']{
|
|
272
272
|
--_rs-typography-text-2-sm-list-li-margin-top-from-text:12px;
|
|
273
273
|
}
|
|
274
274
|
}
|
|
275
|
-
.
|
|
275
|
+
._sizeL_ip4dl4_29{
|
|
276
276
|
--_rs-button-border-radius-base:var(
|
|
277
277
|
--rs-button-l-border-radius,
|
|
278
278
|
var(--rs-button-border-radius, 26px)
|
|
@@ -287,7 +287,7 @@
|
|
|
287
287
|
--_rs-button-icon-size:28px;
|
|
288
288
|
--_rs-button-icon-offset:16px;
|
|
289
289
|
}
|
|
290
|
-
.
|
|
290
|
+
._sizeL_ip4dl4_29 [data-rs-internal='button__content']{
|
|
291
291
|
--_rs-typography-letter-spacing:var(--rs-text-1-letter-spacing, normal);
|
|
292
292
|
--_rs-typography-text-transform:initial;
|
|
293
293
|
--_rs-typography-font-variant-numeric:initial;
|
|
@@ -326,11 +326,11 @@
|
|
|
326
326
|
--_rs-typography-link-border-bottom-width-from-text:1px;
|
|
327
327
|
}
|
|
328
328
|
@media screen and (max-width: 640px){
|
|
329
|
-
.
|
|
329
|
+
._sizeL_ip4dl4_29 [data-rs-internal='button__content']{
|
|
330
330
|
--_rs-typography-text-1-sm-list-li-margin-top-from-text:16px;
|
|
331
331
|
}
|
|
332
332
|
}
|
|
333
|
-
.
|
|
333
|
+
._modeClassic_ip4dl4_33{
|
|
334
334
|
--_rs-button-inner-border-display:none;
|
|
335
335
|
--_rs-button-color:rgb(
|
|
336
336
|
calc(255 - var(--rs-button-flip-text-color, 0)*230),
|
|
@@ -346,7 +346,7 @@
|
|
|
346
346
|
--_rs-button-disabled-color:rgba(calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(28 + var(--_rs-theme-dark-coefficient, 0)*227), 0.5);
|
|
347
347
|
--_rs-button-disabled-background:rgba(calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(28 + var(--_rs-theme-dark-coefficient, 0)*227), 0.2);
|
|
348
348
|
}
|
|
349
|
-
.
|
|
349
|
+
._modeRock_ip4dl4_36{
|
|
350
350
|
--_rs-button-inner-border-display:none;
|
|
351
351
|
--_rs-button-color:rgb(calc(255 - var(--_rs-theme-dark-coefficient, 0)*230), calc(255 - var(--_rs-theme-dark-coefficient, 0)*230), calc(255 - var(--_rs-theme-dark-coefficient, 0)*227));
|
|
352
352
|
--_rs-button-background:rgb(calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(28 + var(--_rs-theme-dark-coefficient, 0)*227));
|
|
@@ -359,7 +359,7 @@
|
|
|
359
359
|
--_rs-button-disabled-color:rgba(calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(28 + var(--_rs-theme-dark-coefficient, 0)*227), 0.5);
|
|
360
360
|
--_rs-button-disabled-background:rgba(calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(28 + var(--_rs-theme-dark-coefficient, 0)*227), 0.2);
|
|
361
361
|
}
|
|
362
|
-
.
|
|
362
|
+
._modeTransparent_ip4dl4_39{
|
|
363
363
|
--_rs-button-inner-border-display:none;
|
|
364
364
|
--_rs-button-color:rgb(calc(255 - var(--_rs-theme-dark-coefficient, 0)*230), calc(255 - var(--_rs-theme-dark-coefficient, 0)*230), calc(255 - var(--_rs-theme-dark-coefficient, 0)*227));
|
|
365
365
|
--_rs-button-background:rgba(calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(28 + var(--_rs-theme-dark-coefficient, 0)*227), 0.5);
|
|
@@ -371,7 +371,7 @@
|
|
|
371
371
|
--_rs-button-disabled-color:rgba(calc(255 - var(--_rs-theme-dark-coefficient, 0)*230), calc(255 - var(--_rs-theme-dark-coefficient, 0)*230), calc(255 - var(--_rs-theme-dark-coefficient, 0)*227), 0.5);
|
|
372
372
|
--_rs-button-disabled-background:rgba(calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(28 + var(--_rs-theme-dark-coefficient, 0)*227), 0.4);
|
|
373
373
|
}
|
|
374
|
-
.
|
|
374
|
+
._modeOutline_ip4dl4_42{
|
|
375
375
|
--_rs-button-inner-border-display:block;
|
|
376
376
|
--_rs-button-color:rgb(calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(28 + var(--_rs-theme-dark-coefficient, 0)*227));
|
|
377
377
|
--_rs-button-background:transparent;
|
|
@@ -383,7 +383,7 @@
|
|
|
383
383
|
--_rs-button-disabled-color:rgba(calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(28 + var(--_rs-theme-dark-coefficient, 0)*227), 0.5);
|
|
384
384
|
--_rs-button-disabled-background:transparent;
|
|
385
385
|
}
|
|
386
|
-
.
|
|
386
|
+
._modeClear_ip4dl4_45{
|
|
387
387
|
--_rs-button-inner-border-display:none;
|
|
388
388
|
--_rs-button-color:rgb(calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(28 + var(--_rs-theme-dark-coefficient, 0)*227));
|
|
389
389
|
--_rs-button-background:transparent;
|
|
@@ -395,23 +395,23 @@
|
|
|
395
395
|
--_rs-button-disabled-color:rgba(calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(28 + var(--_rs-theme-dark-coefficient, 0)*227), 0.5);
|
|
396
396
|
--_rs-button-disabled-background:transparent;
|
|
397
397
|
}
|
|
398
|
-
.
|
|
398
|
+
._alignIconLeft_ip4dl4_49{
|
|
399
399
|
--_rs-button-icon-flex-direction:row;
|
|
400
400
|
--_rs-button-content-grow:0;
|
|
401
401
|
}
|
|
402
|
-
.
|
|
402
|
+
._alignIconLeftEdge_ip4dl4_52{
|
|
403
403
|
--_rs-button-icon-flex-direction:row;
|
|
404
404
|
--_rs-button-content-grow:1;
|
|
405
405
|
}
|
|
406
|
-
.
|
|
406
|
+
._alignIconRight_ip4dl4_55{
|
|
407
407
|
--_rs-button-icon-flex-direction:row-reverse;
|
|
408
408
|
--_rs-button-content-grow:0;
|
|
409
409
|
}
|
|
410
|
-
.
|
|
410
|
+
._alignIconRightEdge_ip4dl4_58{
|
|
411
411
|
--_rs-button-icon-flex-direction:row-reverse;
|
|
412
412
|
--_rs-button-content-grow:1;
|
|
413
413
|
}
|
|
414
|
-
.
|
|
414
|
+
._main_ip4dl4_62{
|
|
415
415
|
--_rs-theme-dark:var(
|
|
416
416
|
--_rs-internal-force-theme-dark-consult-rescui-before-using,
|
|
417
417
|
var(--rs-theme-dark, 0)
|
|
@@ -421,7 +421,7 @@
|
|
|
421
421
|
--_rs-theme-light-coefficient:calc(1 - var(--_rs-theme-dark-coefficient));
|
|
422
422
|
}
|
|
423
423
|
@supports (color: color-mix(in srgb, #fff 50%, #000 50%)){
|
|
424
|
-
.
|
|
424
|
+
._main_ip4dl4_62{
|
|
425
425
|
--_rs-color-primary:color-mix(in srgb, var(--rs-color-primary-light-theme, #6B57FF) calc(100%*var(--_rs-theme-light-coefficient, 1)), var(--rs-color-primary-dark-theme, #8473FF) calc(100%*var(--_rs-theme-dark-coefficient, 0)));
|
|
426
426
|
--_rs-color-primary-dim:color-mix(in srgb, var(--rs-color-primary-dim-light-theme, #8979ff) calc(100%*var(--_rs-theme-light-coefficient, 1)), var(--rs-color-primary-dim-dark-theme, #6f61d2) calc(100%*var(--_rs-theme-dark-coefficient, 0)));
|
|
427
427
|
--_rs-color-primary-fog:color-mix(in srgb, var(--rs-color-primary-fog-light-theme, #e1ddff) calc(100%*var(--_rs-theme-light-coefficient, 1)), var(--rs-color-primary-fog-dark-theme, #2e2b49) calc(100%*var(--_rs-theme-dark-coefficient, 0)));
|
|
@@ -430,7 +430,7 @@
|
|
|
430
430
|
}
|
|
431
431
|
}
|
|
432
432
|
@supports not (color: color-mix(in srgb, #fff 50%, #000 50%)){
|
|
433
|
-
.
|
|
433
|
+
._main_ip4dl4_62{
|
|
434
434
|
--_rs-color-primary:rgb(calc(var(--_rs-theme-light-coefficient, 1)*107 + var(--_rs-theme-dark-coefficient, 0)*132), calc(var(--_rs-theme-light-coefficient, 1)*87 + var(--_rs-theme-dark-coefficient, 0)*115), 255);
|
|
435
435
|
--_rs-color-primary-dim:rgb(calc(var(--_rs-theme-light-coefficient, 1)*137 + var(--_rs-theme-dark-coefficient, 0)*111), calc(var(--_rs-theme-light-coefficient, 1)*121 + var(--_rs-theme-dark-coefficient, 0)*97), calc(var(--_rs-theme-light-coefficient, 1)*255 + var(--_rs-theme-dark-coefficient, 0)*210));
|
|
436
436
|
--_rs-color-primary-fog:rgb(calc(var(--_rs-theme-light-coefficient, 1)*225 + var(--_rs-theme-dark-coefficient, 0)*46), calc(var(--_rs-theme-light-coefficient, 1)*221 + var(--_rs-theme-dark-coefficient, 0)*43), calc(var(--_rs-theme-light-coefficient, 1)*255 + var(--_rs-theme-dark-coefficient, 0)*73));
|
|
@@ -438,7 +438,7 @@
|
|
|
438
438
|
--_rs-color-primary-t-fog:rgba(calc(var(--_rs-theme-light-coefficient, 1)*107 + var(--_rs-theme-dark-coefficient, 0)*132), calc(var(--_rs-theme-light-coefficient, 1)*87 + var(--_rs-theme-dark-coefficient, 0)*115), 255, calc(var(--_rs-theme-light-coefficient, 1)*0.2 + var(--_rs-theme-dark-coefficient, 0)*0.3));
|
|
439
439
|
}
|
|
440
440
|
}
|
|
441
|
-
.
|
|
441
|
+
._main_ip4dl4_62 {
|
|
442
442
|
--_rs-button-background-final:var(
|
|
443
443
|
--_rs-button-background-from-state-active-focus-visible-no-hover,
|
|
444
444
|
var(
|
|
@@ -519,19 +519,19 @@
|
|
|
519
519
|
-moz-column-gap:var(--_rs-button-icon-offset);
|
|
520
520
|
column-gap:var(--_rs-button-icon-offset);
|
|
521
521
|
}
|
|
522
|
-
.
|
|
523
|
-
.
|
|
524
|
-
.
|
|
522
|
+
._main_ip4dl4_62:hover,
|
|
523
|
+
._main_ip4dl4_62:focus,
|
|
524
|
+
._main_ip4dl4_62:active{
|
|
525
525
|
outline:none;
|
|
526
526
|
|
|
527
527
|
text-decoration:none;
|
|
528
528
|
}
|
|
529
|
-
.
|
|
529
|
+
._main_ip4dl4_62:focus{
|
|
530
530
|
color:var(--_rs-button-color);
|
|
531
531
|
background:var(--_rs-button-background-final);
|
|
532
532
|
}
|
|
533
533
|
@media (hover: hover){
|
|
534
|
-
.
|
|
534
|
+
._main_ip4dl4_62:hover{
|
|
535
535
|
--_rs-button-border-inner-color:rgba(
|
|
536
536
|
calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(28 + var(--_rs-theme-dark-coefficient, 0)*227),
|
|
537
537
|
calc(0.3 + var(--_rs-theme-dark-coefficient, 0)*0.1)
|
|
@@ -539,24 +539,24 @@
|
|
|
539
539
|
--_rs-button-background-from-state-hover:var(--_rs-button-hover-background);
|
|
540
540
|
}
|
|
541
541
|
}
|
|
542
|
-
.
|
|
542
|
+
._main_ip4dl4_62:active{
|
|
543
543
|
--_rs-button-border-inner-width:2px;
|
|
544
544
|
--_rs-button-border-inner-color:rgb(calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(28 + var(--_rs-theme-dark-coefficient, 0)*227));
|
|
545
545
|
--_rs-button-background-from-state-active:var(
|
|
546
546
|
--_rs-button-active-background
|
|
547
547
|
);
|
|
548
548
|
}
|
|
549
|
-
.
|
|
549
|
+
._main_ip4dl4_62:focus[data-focus-method='key']{
|
|
550
550
|
--_rs-button-box-shadow-from-state-focus-visible:var(
|
|
551
551
|
--_rs-color-primary-t-dim
|
|
552
552
|
) 0 0 0 4px;
|
|
553
553
|
}
|
|
554
|
-
.
|
|
554
|
+
._main_ip4dl4_62:active:not(:hover):focus[data-focus-method='key']{
|
|
555
555
|
--_rs-button-background-from-state-active-focus-visible-no-hover:var(
|
|
556
556
|
--_rs-button-active-focus-visible-no-hover-background
|
|
557
557
|
);
|
|
558
558
|
}
|
|
559
|
-
.
|
|
559
|
+
._main_ip4dl4_62._disabled_ip4dl4_139{
|
|
560
560
|
--_rs-button-border-inner-color:rgba(
|
|
561
561
|
calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(28 + var(--_rs-theme-dark-coefficient, 0)*227),
|
|
562
562
|
0.2
|
|
@@ -565,26 +565,26 @@
|
|
|
565
565
|
color:var(--_rs-button-disabled-color);
|
|
566
566
|
background:var(--_rs-button-disabled-background);
|
|
567
567
|
}
|
|
568
|
-
.
|
|
568
|
+
._main_ip4dl4_62._busy_ip4dl4_149{
|
|
569
569
|
pointer-events:none;
|
|
570
570
|
}
|
|
571
|
-
.
|
|
571
|
+
._main_ip4dl4_62._busyOverlay_ip4dl4_153{
|
|
572
572
|
display:inline-flex;
|
|
573
573
|
justify-content:center;
|
|
574
574
|
align-items:center;
|
|
575
575
|
}
|
|
576
|
-
.
|
|
577
|
-
.
|
|
578
|
-
.
|
|
579
|
-
.
|
|
580
|
-
.
|
|
576
|
+
._main_ip4dl4_62._busyOverlay_ip4dl4_153,
|
|
577
|
+
._main_ip4dl4_62._busyOverlay_ip4dl4_153:hover,
|
|
578
|
+
._main_ip4dl4_62._busyOverlay_ip4dl4_153:active,
|
|
579
|
+
._main_ip4dl4_62._busyOverlay_ip4dl4_153._disabled_ip4dl4_139,
|
|
580
|
+
._main_ip4dl4_62._busyOverlay_ip4dl4_153:focus{
|
|
581
581
|
-webkit-user-select:none;
|
|
582
582
|
-moz-user-select:none;
|
|
583
583
|
user-select:none;
|
|
584
584
|
|
|
585
585
|
color:transparent;
|
|
586
586
|
}
|
|
587
|
-
.
|
|
587
|
+
._main_ip4dl4_62::before{
|
|
588
588
|
position:absolute;
|
|
589
589
|
top:0;
|
|
590
590
|
right:0;
|
|
@@ -601,7 +601,7 @@
|
|
|
601
601
|
|
|
602
602
|
transition:border-color 100ms var(--rs-transition-function, ease);
|
|
603
603
|
}
|
|
604
|
-
.
|
|
604
|
+
._main_ip4dl4_62 ._icon_ip4dl4_188{
|
|
605
605
|
flex:0 0 auto;
|
|
606
606
|
|
|
607
607
|
width:auto;
|
|
@@ -610,38 +610,38 @@
|
|
|
610
610
|
margin:0;
|
|
611
611
|
fill:currentColor;
|
|
612
612
|
}
|
|
613
|
-
.
|
|
613
|
+
._disabled_ip4dl4_139{
|
|
614
614
|
pointer-events:none;
|
|
615
615
|
}
|
|
616
|
-
.
|
|
616
|
+
._allowMultiline_ip4dl4_203{
|
|
617
617
|
white-space:normal;
|
|
618
618
|
}
|
|
619
|
-
.
|
|
619
|
+
._content_ip4dl4_207{
|
|
620
620
|
flex:var(--_rs-button-content-grow) 1 auto;
|
|
621
621
|
|
|
622
622
|
min-width:0;
|
|
623
623
|
}
|
|
624
|
-
.
|
|
624
|
+
._multiline_ip4dl4_213{
|
|
625
625
|
border-radius:var(--_rs-button-multiline-border-radius);
|
|
626
626
|
}
|
|
627
|
-
.
|
|
627
|
+
._withoutText_ip4dl4_217{
|
|
628
628
|
--_rs-button-horizontal-real-padding:var(--_rs-button-icon-only-padding);
|
|
629
629
|
--_rs-button-vertical-real-padding:var(--_rs-button-icon-only-padding);
|
|
630
630
|
}
|
|
631
|
-
.
|
|
631
|
+
._busyIcon_ip4dl4_222{
|
|
632
632
|
position:absolute;
|
|
633
633
|
top:50%;
|
|
634
634
|
left:50%;
|
|
635
635
|
|
|
636
636
|
transform:translate(-50%, -50%);
|
|
637
637
|
}
|
|
638
|
-
.
|
|
638
|
+
._main_ip4dl4_62 ._busyIcon_ip4dl4_222{
|
|
639
639
|
color:var(--_rs-button-color);
|
|
640
640
|
}
|
|
641
|
-
.
|
|
641
|
+
._main_ip4dl4_62._disabled_ip4dl4_139 ._busyIcon_ip4dl4_222{
|
|
642
642
|
color:var(--_rs-button-disabled-color);
|
|
643
643
|
}
|
|
644
|
-
.
|
|
644
|
+
._content_ip4dl4_207{
|
|
645
645
|
letter-spacing:var(
|
|
646
646
|
--rs-text-base-letter-spacing,
|
|
647
647
|
var(--_rs-typography-letter-spacing)
|
|
@@ -654,15 +654,15 @@
|
|
|
654
654
|
font-variant-numeric:var(--_rs-typography-font-variant-numeric);
|
|
655
655
|
font-feature-settings:'kern', 'liga', 'calt';
|
|
656
656
|
}
|
|
657
|
-
.
|
|
657
|
+
._shiftedLeft_ip4dl4_243{
|
|
658
658
|
margin-left:calc(var(--_rs-button-horizontal-real-padding)*-1);
|
|
659
659
|
}
|
|
660
|
-
.
|
|
660
|
+
._shiftedRight_ip4dl4_246{
|
|
661
661
|
margin-right:calc(var(--_rs-button-horizontal-real-padding)*-1);
|
|
662
662
|
}
|
|
663
|
-
.
|
|
663
|
+
._shiftedTop_ip4dl4_249{
|
|
664
664
|
margin-top:calc(var(--_rs-button-vertical-real-padding)*-1);
|
|
665
665
|
}
|
|
666
|
-
.
|
|
666
|
+
._shiftedBottom_ip4dl4_252{
|
|
667
667
|
margin-bottom:calc(var(--_rs-button-vertical-real-padding)*-1);
|
|
668
668
|
}
|
package/lib/index.d.ts
CHANGED
|
@@ -1,54 +1,53 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
export
|
|
53
|
-
export {
|
|
54
|
-
export type { ButtonProps } from './button';
|
|
1
|
+
/**
|
|
2
|
+
* @deprecated use named import instead
|
|
3
|
+
*/
|
|
4
|
+
declare const DefaultButton: import("react").ForwardRefExoticComponent<Omit<import("react").ButtonHTMLAttributes<HTMLButtonElement> | import("react").AnchorHTMLAttributes<HTMLAnchorElement> | import("react").BaseHTMLAttributes<HTMLDivElement>, keyof {
|
|
5
|
+
className?: string;
|
|
6
|
+
children?: React.ReactNode;
|
|
7
|
+
disabled?: boolean;
|
|
8
|
+
size?: import("./button").ButtonSize;
|
|
9
|
+
theme?: import("@rescui/ui-contexts").Theme;
|
|
10
|
+
busy?: boolean;
|
|
11
|
+
highlighted?: boolean;
|
|
12
|
+
flat?: import("./button").ButtonFlat;
|
|
13
|
+
allowMultiline?: boolean;
|
|
14
|
+
defaultMultiline?: boolean;
|
|
15
|
+
tabIndex?: number;
|
|
16
|
+
title?: string;
|
|
17
|
+
mode?: import("./button").ButtonModeGeneric | import("./button").ButtonModeClear;
|
|
18
|
+
shifted?: import("./button").ButtonShifted;
|
|
19
|
+
icon?: React.ReactNode;
|
|
20
|
+
iconPosition?: import("./button").ButtonIconPosition;
|
|
21
|
+
href?: string;
|
|
22
|
+
target?: "_blank" | "_self" | "_parent" | "_top";
|
|
23
|
+
rel?: string;
|
|
24
|
+
notFocusable?: boolean;
|
|
25
|
+
type?: import("./button").ButtonType | string;
|
|
26
|
+
onClick?: React.MouseEventHandler<HTMLButtonElement> | React.MouseEventHandler<HTMLAnchorElement> | React.MouseEventHandler<HTMLDivElement>;
|
|
27
|
+
}> & {
|
|
28
|
+
className?: string;
|
|
29
|
+
children?: React.ReactNode;
|
|
30
|
+
disabled?: boolean;
|
|
31
|
+
size?: import("./button").ButtonSize;
|
|
32
|
+
theme?: import("@rescui/ui-contexts").Theme;
|
|
33
|
+
busy?: boolean;
|
|
34
|
+
highlighted?: boolean;
|
|
35
|
+
flat?: import("./button").ButtonFlat;
|
|
36
|
+
allowMultiline?: boolean;
|
|
37
|
+
defaultMultiline?: boolean;
|
|
38
|
+
tabIndex?: number;
|
|
39
|
+
title?: string;
|
|
40
|
+
mode?: import("./button").ButtonModeGeneric | import("./button").ButtonModeClear;
|
|
41
|
+
shifted?: import("./button").ButtonShifted;
|
|
42
|
+
icon?: React.ReactNode;
|
|
43
|
+
iconPosition?: import("./button").ButtonIconPosition;
|
|
44
|
+
href?: string;
|
|
45
|
+
target?: "_blank" | "_self" | "_parent" | "_top";
|
|
46
|
+
rel?: string;
|
|
47
|
+
notFocusable?: boolean;
|
|
48
|
+
type?: import("./button").ButtonType | string;
|
|
49
|
+
onClick?: React.MouseEventHandler<HTMLButtonElement> | React.MouseEventHandler<HTMLAnchorElement> | React.MouseEventHandler<HTMLDivElement>;
|
|
50
|
+
} & import("react").RefAttributes<HTMLAnchorElement | HTMLButtonElement | HTMLDivElement>>;
|
|
51
|
+
export default DefaultButton;
|
|
52
|
+
export { Button } from './button';
|
|
53
|
+
export type { ButtonProps } from './button';
|
package/lib/index.js
CHANGED
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@rescui/button",
|
|
3
|
-
"version": "0.24.
|
|
3
|
+
"version": "0.24.2",
|
|
4
4
|
"description": "",
|
|
5
5
|
"license": "Apache-2.0",
|
|
6
6
|
"author": "JetBrains",
|
|
@@ -16,7 +16,7 @@
|
|
|
16
16
|
},
|
|
17
17
|
"dependencies": {
|
|
18
18
|
"@babel/runtime-corejs3": "^7.26.0",
|
|
19
|
-
"@rescui/use-resize-observer": "^0.3.
|
|
19
|
+
"@rescui/use-resize-observer": "^0.3.1",
|
|
20
20
|
"classnames": "^2.2.6"
|
|
21
21
|
},
|
|
22
22
|
"peerDependencies": {
|
|
@@ -25,10 +25,10 @@
|
|
|
25
25
|
"react": ">=16.8.0 <20"
|
|
26
26
|
},
|
|
27
27
|
"devDependencies": {
|
|
28
|
-
"@rescui/colors": "^0.3.
|
|
29
|
-
"@rescui/icons": "^1.8.
|
|
30
|
-
"@rescui/scripts": "^0.5.
|
|
31
|
-
"@rescui/typography": "^0.27.
|
|
28
|
+
"@rescui/colors": "^0.3.1",
|
|
29
|
+
"@rescui/icons": "^1.8.1",
|
|
30
|
+
"@rescui/scripts": "^0.5.2",
|
|
31
|
+
"@rescui/typography": "^0.27.1",
|
|
32
32
|
"@rescui/visual-regression": "^0.1.4",
|
|
33
33
|
"@types/classnames": "^2.2.11"
|
|
34
34
|
},
|
|
@@ -37,5 +37,5 @@
|
|
|
37
37
|
"build-pcss-api": "rescui-scripts build-pcss-api --file public-api.p.css"
|
|
38
38
|
},
|
|
39
39
|
"nx": {},
|
|
40
|
-
"gitHead": "
|
|
40
|
+
"gitHead": "a04f6790abce8e72834eedce3512ee83513c5e78"
|
|
41
41
|
}
|