@semcore/base-trigger 16.4.6-prerelease.8 → 16.5.0-prerelease.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/CHANGELOG.md +3 -3
- package/lib/cjs/BaseTrigger.js +97 -108
- package/lib/cjs/BaseTrigger.js.map +1 -1
- package/lib/cjs/ButtonTrigger.js +60 -45
- package/lib/cjs/ButtonTrigger.js.map +1 -1
- package/lib/cjs/FilterTrigger.js +197 -173
- package/lib/cjs/FilterTrigger.js.map +1 -1
- package/lib/cjs/LinkTrigger.js +79 -89
- package/lib/cjs/LinkTrigger.js.map +1 -1
- package/lib/cjs/index.d.js.map +1 -1
- package/lib/cjs/index.js +9 -9
- package/lib/cjs/style/base-trigger.shadow.css +12 -12
- package/lib/cjs/style/button-trigger.shadow.css +1 -1
- package/lib/cjs/style/filter-trigger.shadow.css +9 -5
- package/lib/cjs/style/link-trigger.shadow.css +3 -3
- package/lib/cjs/translations/__intergalactic-dynamic-locales.js +16 -16
- package/lib/cjs/translations/__intergalactic-dynamic-locales.js.map +1 -1
- package/lib/es6/BaseTrigger.js +89 -100
- package/lib/es6/BaseTrigger.js.map +1 -1
- package/lib/es6/ButtonTrigger.js +49 -34
- package/lib/es6/ButtonTrigger.js.map +1 -1
- package/lib/es6/FilterTrigger.js +181 -157
- package/lib/es6/FilterTrigger.js.map +1 -1
- package/lib/es6/LinkTrigger.js +72 -82
- package/lib/es6/LinkTrigger.js.map +1 -1
- package/lib/es6/index.d.js.map +1 -1
- package/lib/es6/style/base-trigger.shadow.css +12 -12
- package/lib/es6/style/button-trigger.shadow.css +1 -1
- package/lib/es6/style/filter-trigger.shadow.css +9 -5
- package/lib/es6/style/link-trigger.shadow.css +3 -3
- package/lib/es6/translations/__intergalactic-dynamic-locales.js +15 -15
- package/lib/es6/translations/__intergalactic-dynamic-locales.js.map +1 -1
- package/lib/esm/BaseTrigger.mjs +76 -100
- package/lib/esm/ButtonTrigger.mjs +46 -36
- package/lib/esm/FilterTrigger.mjs +143 -154
- package/lib/esm/LinkTrigger.mjs +59 -82
- package/lib/esm/style/base-trigger.shadow.css +12 -12
- package/lib/esm/style/button-trigger.shadow.css +1 -1
- package/lib/esm/style/filter-trigger.shadow.css +9 -5
- package/lib/esm/style/link-trigger.shadow.css +3 -3
- package/lib/esm/translations/__intergalactic-dynamic-locales.mjs +1 -1
- package/lib/types/index.d.ts +19 -6
- package/package.json +10 -11
|
@@ -1,15 +1,15 @@
|
|
|
1
1
|
SFilterTrigger[selected] {
|
|
2
|
-
border-color: var(--intergalactic-border-info-active,
|
|
3
|
-
background-color: var(--intergalactic-control-secondary-info,
|
|
4
|
-
color: var(--intergalactic-text-primary,
|
|
2
|
+
border-color: var(--intergalactic-border-info-active, oklch(0.443 0.273 264.2 / 0.419));
|
|
3
|
+
background-color: var(--intergalactic-control-secondary-info, oklch(0.527 0.264 262.9 / 0.039));
|
|
4
|
+
color: var(--intergalactic-text-primary, oklch(0.1 0.03 137 / 0.899));
|
|
5
5
|
|
|
6
6
|
&:hover {
|
|
7
|
-
background-color: var(--intergalactic-control-secondary-info-hover,
|
|
7
|
+
background-color: var(--intergalactic-control-secondary-info-hover, oklch(0.525 0.265 263 / 0.077));
|
|
8
8
|
}
|
|
9
9
|
|
|
10
10
|
&:active,
|
|
11
11
|
&[active] {
|
|
12
|
-
background-color: var(--intergalactic-control-secondary-info-active,
|
|
12
|
+
background-color: var(--intergalactic-control-secondary-info-active, oklch(0.524 0.266 263.1 / 0.116));
|
|
13
13
|
}
|
|
14
14
|
}
|
|
15
15
|
|
|
@@ -20,3 +20,7 @@ SWrapper {
|
|
|
20
20
|
outline: none;
|
|
21
21
|
}
|
|
22
22
|
}
|
|
23
|
+
|
|
24
|
+
SCounter {
|
|
25
|
+
background-color: var(--intergalactic-bg-primary-info, oklch(0.64 0.152 276.7));
|
|
26
|
+
}
|
|
@@ -16,7 +16,7 @@ SLinkTrigger {
|
|
|
16
16
|
vertical-align: middle;
|
|
17
17
|
font-family: inherit;
|
|
18
18
|
cursor: pointer;
|
|
19
|
-
color: var(--intergalactic-text-link,
|
|
19
|
+
color: var(--intergalactic-text-link, oklch(0.53 0.21 263));
|
|
20
20
|
background: none;
|
|
21
21
|
transition: color 0.15s ease-in-out;
|
|
22
22
|
border: 0;
|
|
@@ -24,7 +24,7 @@ SLinkTrigger {
|
|
|
24
24
|
&[active],
|
|
25
25
|
&:hover,
|
|
26
26
|
&:active {
|
|
27
|
-
color: var(--intergalactic-text-link-hover-active,
|
|
27
|
+
color: var(--intergalactic-text-link-hover-active, oklch(0.51 0.202 263));
|
|
28
28
|
|
|
29
29
|
& SText {
|
|
30
30
|
border-color: currentColor;
|
|
@@ -50,7 +50,7 @@ SLinkTrigger[color] {
|
|
|
50
50
|
}
|
|
51
51
|
|
|
52
52
|
SLinkTrigger[disabled] {
|
|
53
|
-
opacity: var(--intergalactic-disabled-opacity, 0.
|
|
53
|
+
opacity: var(--intergalactic-disabled-opacity, 0.4);
|
|
54
54
|
cursor: default;
|
|
55
55
|
pointer-events: none;
|
|
56
56
|
}
|
package/lib/types/index.d.ts
CHANGED
|
@@ -1,10 +1,12 @@
|
|
|
1
|
-
import type {
|
|
2
|
-
import type { Intergalactic } from '@semcore/core';
|
|
1
|
+
import type { UnknownProperties, Intergalactic } from '@semcore/core';
|
|
3
2
|
import type { WithAnimatedSizeEnhanceProps } from '@semcore/core/lib/utils/enhances/animatedSizeEnhance';
|
|
4
|
-
import type {
|
|
5
|
-
import type {
|
|
3
|
+
import type { DotProps } from '@semcore/dot';
|
|
4
|
+
import type { Box, BoxProps } from '@semcore/flex-box';
|
|
5
|
+
import type { NeighborItemProps } from '@semcore/neighbor-location';
|
|
6
6
|
import type React from 'react';
|
|
7
7
|
|
|
8
|
+
/** @deprecated */
|
|
9
|
+
export interface IBaseTriggerProps extends BaseTriggerProps, UnknownProperties {}
|
|
8
10
|
export type BaseTriggerProps = BoxProps &
|
|
9
11
|
NeighborItemProps &
|
|
10
12
|
WithAnimatedSizeEnhanceProps & {
|
|
@@ -33,8 +35,15 @@ export type BaseTriggerProps = BoxProps &
|
|
|
33
35
|
* Sets disabled state to trigger
|
|
34
36
|
*/
|
|
35
37
|
disabled?: boolean;
|
|
38
|
+
/** Trigger theme
|
|
39
|
+
* @deprecated
|
|
40
|
+
* @use IBaseTriggerProps.state
|
|
41
|
+
* */
|
|
42
|
+
theme?: 'normal' | 'valid' | 'invalid' | false;
|
|
36
43
|
};
|
|
37
44
|
|
|
45
|
+
/** @deprecated */
|
|
46
|
+
export interface IButtonTriggerProps extends ButtonTriggerProps, UnknownProperties {}
|
|
38
47
|
export type ButtonTriggerProps = Omit<BaseTriggerProps, 'theme'> & {
|
|
39
48
|
/** Sets the loading state */
|
|
40
49
|
loading?: boolean;
|
|
@@ -45,6 +54,8 @@ export type ButtonTriggerProps = Omit<BaseTriggerProps, 'theme'> & {
|
|
|
45
54
|
chevron?: boolean;
|
|
46
55
|
};
|
|
47
56
|
|
|
57
|
+
/** @deprecated */
|
|
58
|
+
export interface ILinkTriggerProps extends LinkTriggerProps, UnknownProperties {}
|
|
48
59
|
export type LinkTriggerProps = Omit<BaseTriggerProps, 'theme'> & {
|
|
49
60
|
/** Sets the loading state */
|
|
50
61
|
loading?: boolean;
|
|
@@ -52,6 +63,8 @@ export type LinkTriggerProps = Omit<BaseTriggerProps, 'theme'> & {
|
|
|
52
63
|
color?: string;
|
|
53
64
|
};
|
|
54
65
|
|
|
66
|
+
/** @deprecated */
|
|
67
|
+
export interface IFilterTriggerProps extends FilterTriggerProps, UnknownProperties {}
|
|
55
68
|
export type FilterTriggerProps = BaseTriggerProps & {
|
|
56
69
|
/** Click on the filter cleaning cross */
|
|
57
70
|
onClear?: (event: React.SyntheticEvent) => void;
|
|
@@ -69,7 +82,7 @@ export type FilterTriggerCounterProps = {
|
|
|
69
82
|
};
|
|
70
83
|
|
|
71
84
|
declare const BaseTrigger: Intergalactic.Component<'div', BaseTriggerProps> & {
|
|
72
|
-
Text: typeof
|
|
85
|
+
Text: typeof Box;
|
|
73
86
|
Addon: typeof Box;
|
|
74
87
|
};
|
|
75
88
|
|
|
@@ -86,7 +99,7 @@ declare const LinkTrigger: Intergalactic.Component<'div', LinkTriggerProps> & {
|
|
|
86
99
|
declare const FilterTrigger: Intergalactic.Component<'div', FilterTriggerProps> & {
|
|
87
100
|
Text: typeof BaseTrigger.Text;
|
|
88
101
|
Addon: typeof BaseTrigger.Addon;
|
|
89
|
-
Counter: Intergalactic.Component<'div',
|
|
102
|
+
Counter: Intergalactic.Component<'div', BoxProps & DotProps & FilterTriggerCounterProps>;
|
|
90
103
|
TriggerButton: typeof BaseTrigger;
|
|
91
104
|
ClearButton: typeof BaseTrigger;
|
|
92
105
|
};
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@semcore/base-trigger",
|
|
3
3
|
"description": "Semrush BaseTrigger Component",
|
|
4
|
-
"version": "16.
|
|
4
|
+
"version": "16.5.0-prerelease.0",
|
|
5
5
|
"main": "lib/cjs/index.js",
|
|
6
6
|
"module": "lib/es6/index.js",
|
|
7
7
|
"typings": "lib/types/index.d.ts",
|
|
@@ -14,14 +14,15 @@
|
|
|
14
14
|
"types": "./lib/types/index.d.ts"
|
|
15
15
|
},
|
|
16
16
|
"dependencies": {
|
|
17
|
-
"@semcore/
|
|
18
|
-
"@semcore/
|
|
19
|
-
"@semcore/
|
|
20
|
-
"@semcore/
|
|
17
|
+
"@semcore/dot": "16.1.0-prerelease.0",
|
|
18
|
+
"@semcore/icon": "16.8.0-prerelease.0",
|
|
19
|
+
"@semcore/spin": "16.1.0-prerelease.0",
|
|
20
|
+
"@semcore/flex-box": "16.1.0-prerelease.0",
|
|
21
|
+
"@semcore/neighbor-location": "16.1.0-prerelease.0",
|
|
22
|
+
"@semcore/tooltip": "16.1.0-prerelease.0"
|
|
21
23
|
},
|
|
22
24
|
"peerDependencies": {
|
|
23
|
-
"@semcore/base-components": "^16.
|
|
24
|
-
"@semcore/icon": "^16.7.2-prerelease.8"
|
|
25
|
+
"@semcore/base-components": "^16.6.0-prerelease.0"
|
|
25
26
|
},
|
|
26
27
|
"repository": {
|
|
27
28
|
"type": "git",
|
|
@@ -29,11 +30,9 @@
|
|
|
29
30
|
"directory": "semcore/base-trigger"
|
|
30
31
|
},
|
|
31
32
|
"devDependencies": {
|
|
32
|
-
"@semcore/core": "16.
|
|
33
|
-
"@semcore/base-components": "16.4.3-prerelease.8",
|
|
33
|
+
"@semcore/core": "16.6.0-prerelease.0",
|
|
34
34
|
"@semcore/testing-utils": "1.0.0",
|
|
35
|
-
"@semcore/tooltip": "16.0.
|
|
36
|
-
"@semcore/icon": "16.7.2-prerelease.8"
|
|
35
|
+
"@semcore/tooltip": "16.1.0-prerelease.0"
|
|
37
36
|
},
|
|
38
37
|
"scripts": {
|
|
39
38
|
"build": "pnpm semcore-builder --source=js && pnpm vite build"
|