@semcore/base-trigger 16.0.0-prerelease.19 → 16.0.0-prerelease.20

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 (31) hide show
  1. package/CHANGELOG.md +14 -2
  2. package/lib/cjs/BaseTrigger.js +20 -18
  3. package/lib/cjs/BaseTrigger.js.map +1 -1
  4. package/lib/cjs/ButtonTrigger.js +7 -3
  5. package/lib/cjs/ButtonTrigger.js.map +1 -1
  6. package/lib/cjs/FilterTrigger.js +4 -2
  7. package/lib/cjs/FilterTrigger.js.map +1 -1
  8. package/lib/cjs/LinkTrigger.js +5 -3
  9. package/lib/cjs/LinkTrigger.js.map +1 -1
  10. package/lib/cjs/index.d.js.map +1 -1
  11. package/lib/cjs/style/base-trigger.shadow.css +1 -2
  12. package/lib/es6/BaseTrigger.js +20 -18
  13. package/lib/es6/BaseTrigger.js.map +1 -1
  14. package/lib/es6/ButtonTrigger.js +7 -3
  15. package/lib/es6/ButtonTrigger.js.map +1 -1
  16. package/lib/es6/FilterTrigger.js +4 -2
  17. package/lib/es6/FilterTrigger.js.map +1 -1
  18. package/lib/es6/LinkTrigger.js +5 -3
  19. package/lib/es6/LinkTrigger.js.map +1 -1
  20. package/lib/es6/index.d.js.map +1 -1
  21. package/lib/es6/style/base-trigger.shadow.css +1 -2
  22. package/lib/esm/BaseTrigger.mjs +22 -19
  23. package/lib/esm/ButtonTrigger.mjs +7 -2
  24. package/lib/esm/FilterTrigger.mjs +4 -1
  25. package/lib/esm/LinkTrigger.mjs +5 -2
  26. package/lib/esm/style/base-trigger.shadow.css +179 -0
  27. package/lib/esm/style/button-trigger.shadow.css +8 -0
  28. package/lib/esm/style/filter-trigger.shadow.css +26 -0
  29. package/lib/esm/style/link-trigger.shadow.css +95 -0
  30. package/lib/types/index.d.ts +1 -3
  31. package/package.json +8 -8
package/lib/esm/style/link-trigger.shadow.css ADDED
@@ -0,0 +1,95 @@
1
+ SLinkTrigger {
2
+ display: inline-flex;
3
+ align-items: center;
4
+ line-height: normal;
5
+ position: relative;
6
+ touch-action: manipulation;
7
+ white-space: nowrap;
8
+ user-select: none;
9
+ box-sizing: border-box;
10
+ padding: 0;
11
+ margin: 0;
12
+ text-decoration: none;
13
+ -webkit-tap-highlight-color: transparent;
14
+ overflow: visible;
15
+ outline: 0;
16
+ vertical-align: middle;
17
+ cursor: pointer;
18
+ color: var(--intergalactic-text-link, #006dca);
19
+ background: none;
20
+ transition: color 0.15s ease-in-out;
21
+ border: 0;
22
+
23
+ &[active],
24
+ &:hover,
25
+ &:active {
26
+ color: var(--intergalactic-text-link-hover-active, #044792);
27
+
28
+ & SText {
29
+ border-color: currentColor;
30
+ }
31
+ }
32
+
33
+ & SText {
34
+ border-bottom-width: 1px;
35
+ border-bottom-style: solid;
36
+ border-color: transparent;
37
+ transition: border-bottom-color 0.15s ease-in-out;
38
+ text-overflow: ellipsis;
39
+ overflow: hidden;
40
+ }
41
+ }
42
+
43
+ SLinkTrigger[color] {
44
+ color: var(--color);
45
+
46
+ &:hover {
47
+ filter: brightness(0.8);
48
+ }
49
+ }
50
+
51
+ SLinkTrigger[disabled] {
52
+ opacity: var(--intergalactic-disabled-opacity, 0.3);
53
+ cursor: default;
54
+ pointer-events: none;
55
+ }
56
+
57
+ SAddon,
58
+ SLinkAddon {
59
+ display: inline-flex;
60
+ align-items: center;
61
+ justify-content: center;
62
+ flex-shrink: 0;
63
+ margin-bottom: var(--intergalactic-spacing-05x, 2px);
64
+
65
+ &:not(:only-child):first-child {
66
+ margin-right: var(--intergalactic-spacing-1x, 4px);
67
+ }
68
+
69
+ &:not(:only-child):last-child {
70
+ margin-left: var(--intergalactic-spacing-1x, 4px);
71
+ }
72
+ }
73
+
74
+ SLinkAddon {
75
+ width: 16px;
76
+ height: 16px;
77
+ }
78
+
79
+ SLinkTrigger[size='m'] {
80
+ font-size: var(--intergalactic-fs-200, 14px);
81
+ }
82
+
83
+ SLinkTrigger[size='l'] {
84
+ font-size: var(--intergalactic-fs-300, 16px);
85
+ }
86
+
87
+ @media (prefers-reduced-motion) {
88
+ SLinkTrigger {
89
+ transition: none;
90
+
91
+ & SText {
92
+ transition: none;
93
+ }
94
+ }
95
+ }
package/lib/types/index.d.ts CHANGED
@@ -1,16 +1,14 @@
1
1
  import React from 'react';
2
- import { UnknownProperties, Intergalactic, Root } from '@semcore/core';
2
+ import { UnknownProperties, Intergalactic } from '@semcore/core';
3
3
  import { Box, BoxProps } from '@semcore/flex-box';
4
4
  import { DotProps } from '@semcore/dot';
5
5
  import { NeighborItemProps } from '@semcore/neighbor-location';
6
- import { KeyboardFocusProps } from '@semcore/core/lib/utils/enhances/keyboardFocusEnhance';
7
6
  import { WithAnimatedSizeEnhanceProps } from '@semcore/core/lib/utils/enhances/animatedSizeEnhance';
8
7
 
9
8
  /** @deprecated */
10
9
  export interface IBaseTriggerProps extends BaseTriggerProps, UnknownProperties {}
11
10
  export type BaseTriggerProps = BoxProps &
12
11
  NeighborItemProps &
13
- KeyboardFocusProps &
14
12
  WithAnimatedSizeEnhanceProps & {
15
13
  /**
16
14
  * Trigger size
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.0.0-prerelease.19",
4
+ "version": "16.0.0-prerelease.20",
5
5
  "main": "lib/cjs/index.js",
6
6
  "module": "lib/es6/index.js",
7
7
  "typings": "lib/types/index.d.ts",
@@ -14,15 +14,15 @@
14
14
  "types": "./lib/types/index.d.ts"
15
15
  },
16
16
  "dependencies": {
17
- "@semcore/dot": "16.0.0-prerelease.19",
18
- "@semcore/icon": "16.0.0-prerelease.19",
19
- "@semcore/spin": "16.0.0-prerelease.19",
20
- "@semcore/flex-box": "16.0.0-prerelease.19",
21
- "@semcore/neighbor-location": "16.0.0-prerelease.19",
22
- "@semcore/tooltip": "16.0.0-prerelease.19"
17
+ "@semcore/dot": "16.0.0-prerelease.20",
18
+ "@semcore/icon": "16.0.0-prerelease.20",
19
+ "@semcore/spin": "16.0.0-prerelease.20",
20
+ "@semcore/flex-box": "16.0.0-prerelease.20",
21
+ "@semcore/neighbor-location": "16.0.0-prerelease.20",
22
+ "@semcore/tooltip": "16.0.0-prerelease.20"
23
23
  },
24
24
  "peerDependencies": {
25
- "@semcore/base-components": "^16.0.0-prerelease.19"
25
+ "@semcore/base-components": "^16.0.0-prerelease.20"
26
26
  },
27
27
  "repository": {
28
28
  "type": "git",