@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.
Files changed (43) hide show
  1. package/CHANGELOG.md +3 -3
  2. package/lib/cjs/BaseTrigger.js +97 -108
  3. package/lib/cjs/BaseTrigger.js.map +1 -1
  4. package/lib/cjs/ButtonTrigger.js +60 -45
  5. package/lib/cjs/ButtonTrigger.js.map +1 -1
  6. package/lib/cjs/FilterTrigger.js +197 -173
  7. package/lib/cjs/FilterTrigger.js.map +1 -1
  8. package/lib/cjs/LinkTrigger.js +79 -89
  9. package/lib/cjs/LinkTrigger.js.map +1 -1
  10. package/lib/cjs/index.d.js.map +1 -1
  11. package/lib/cjs/index.js +9 -9
  12. package/lib/cjs/style/base-trigger.shadow.css +12 -12
  13. package/lib/cjs/style/button-trigger.shadow.css +1 -1
  14. package/lib/cjs/style/filter-trigger.shadow.css +9 -5
  15. package/lib/cjs/style/link-trigger.shadow.css +3 -3
  16. package/lib/cjs/translations/__intergalactic-dynamic-locales.js +16 -16
  17. package/lib/cjs/translations/__intergalactic-dynamic-locales.js.map +1 -1
  18. package/lib/es6/BaseTrigger.js +89 -100
  19. package/lib/es6/BaseTrigger.js.map +1 -1
  20. package/lib/es6/ButtonTrigger.js +49 -34
  21. package/lib/es6/ButtonTrigger.js.map +1 -1
  22. package/lib/es6/FilterTrigger.js +181 -157
  23. package/lib/es6/FilterTrigger.js.map +1 -1
  24. package/lib/es6/LinkTrigger.js +72 -82
  25. package/lib/es6/LinkTrigger.js.map +1 -1
  26. package/lib/es6/index.d.js.map +1 -1
  27. package/lib/es6/style/base-trigger.shadow.css +12 -12
  28. package/lib/es6/style/button-trigger.shadow.css +1 -1
  29. package/lib/es6/style/filter-trigger.shadow.css +9 -5
  30. package/lib/es6/style/link-trigger.shadow.css +3 -3
  31. package/lib/es6/translations/__intergalactic-dynamic-locales.js +15 -15
  32. package/lib/es6/translations/__intergalactic-dynamic-locales.js.map +1 -1
  33. package/lib/esm/BaseTrigger.mjs +76 -100
  34. package/lib/esm/ButtonTrigger.mjs +46 -36
  35. package/lib/esm/FilterTrigger.mjs +143 -154
  36. package/lib/esm/LinkTrigger.mjs +59 -82
  37. package/lib/esm/style/base-trigger.shadow.css +12 -12
  38. package/lib/esm/style/button-trigger.shadow.css +1 -1
  39. package/lib/esm/style/filter-trigger.shadow.css +9 -5
  40. package/lib/esm/style/link-trigger.shadow.css +3 -3
  41. package/lib/esm/translations/__intergalactic-dynamic-locales.mjs +1 -1
  42. package/lib/types/index.d.ts +19 -6
  43. package/package.json +10 -11
@@ -1,15 +1,15 @@
1
1
  SFilterTrigger[selected] {
2
- border-color: var(--intergalactic-border-info-active, #006dca);
3
- background-color: var(--intergalactic-control-secondary-info, rgba(0, 143, 248, 0.1));
4
- color: var(--intergalactic-text-primary, #191b23);
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, rgba(0, 143, 248, 0.2));
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, rgba(0, 143, 248, 0.3));
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, #006dca);
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, #044792);
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.3);
53
+ opacity: var(--intergalactic-disabled-opacity, 0.4);
54
54
  cursor: default;
55
55
  pointer-events: none;
56
56
  }
@@ -12,7 +12,7 @@ import sv from "./sv.json.mjs";
12
12
  import tr from "./tr.json.mjs";
13
13
  import vi from "./vi.json.mjs";
14
14
  import zh from "./zh.json.mjs";
15
- const localizedMessages = {
15
+ var localizedMessages = {
16
16
  de,
17
17
  en,
18
18
  es,
@@ -1,10 +1,12 @@
1
- import type { Box, BoxProps, NeighborItemProps } from '@semcore/base-components';
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 { CounterProps } from '@semcore/counter';
5
- import type { Text } from '@semcore/typography';
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 Text;
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', CounterProps & FilterTriggerCounterProps>;
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.6-prerelease.8",
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/counter": "16.0.12-prerelease.8",
18
- "@semcore/spin": "16.0.11",
19
- "@semcore/tooltip": "16.0.11",
20
- "@semcore/typography": "16.3.3-prerelease.8"
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.4.3-prerelease.8",
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.5.1",
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.11",
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"