@semcore/button 16.0.13-prerelease.9 → 16.1.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 (44) hide show
  1. package/CHANGELOG.md +3 -3
  2. package/lib/cjs/component/AbstractButton/AbstractButton.js +165 -100
  3. package/lib/cjs/component/AbstractButton/AbstractButton.js.map +1 -1
  4. package/lib/cjs/component/AbstractButton/AbstractButton.type.js.map +1 -1
  5. package/lib/cjs/component/AbstractButton/SpinButton.js +10 -9
  6. package/lib/cjs/component/AbstractButton/SpinButton.js.map +1 -1
  7. package/lib/cjs/component/Button/Button.js +63 -54
  8. package/lib/cjs/component/Button/Button.js.map +1 -1
  9. package/lib/cjs/component/Button/Button.type.js.map +1 -1
  10. package/lib/cjs/component/Button/button.shadow.css +79 -79
  11. package/lib/cjs/component/ButtonLink/ButtonLink.js +59 -51
  12. package/lib/cjs/component/ButtonLink/ButtonLink.js.map +1 -1
  13. package/lib/cjs/component/ButtonLink/buttonLink.shadow.css +13 -13
  14. package/lib/cjs/index.js +7 -7
  15. package/lib/cjs/index.js.map +1 -1
  16. package/lib/es6/component/AbstractButton/AbstractButton.js +164 -97
  17. package/lib/es6/component/AbstractButton/AbstractButton.js.map +1 -1
  18. package/lib/es6/component/AbstractButton/AbstractButton.type.js.map +1 -1
  19. package/lib/es6/component/AbstractButton/SpinButton.js +7 -6
  20. package/lib/es6/component/AbstractButton/SpinButton.js.map +1 -1
  21. package/lib/es6/component/Button/Button.js +56 -47
  22. package/lib/es6/component/Button/Button.js.map +1 -1
  23. package/lib/es6/component/Button/Button.type.js.map +1 -1
  24. package/lib/es6/component/Button/button.shadow.css +79 -79
  25. package/lib/es6/component/ButtonLink/ButtonLink.js +52 -44
  26. package/lib/es6/component/ButtonLink/ButtonLink.js.map +1 -1
  27. package/lib/es6/component/ButtonLink/buttonLink.shadow.css +13 -13
  28. package/lib/esm/component/AbstractButton/AbstractButton.mjs +136 -98
  29. package/lib/esm/component/AbstractButton/SpinButton.mjs +6 -6
  30. package/lib/esm/component/Button/Button.mjs +56 -47
  31. package/lib/esm/component/Button/button.shadow.css +79 -79
  32. package/lib/esm/component/ButtonLink/ButtonLink.mjs +50 -44
  33. package/lib/esm/component/ButtonLink/buttonLink.shadow.css +13 -13
  34. package/lib/types/component/AbstractButton/AbstractButton.d.ts +6 -5
  35. package/lib/types/component/AbstractButton/AbstractButton.type.d.ts +4 -2
  36. package/lib/types/component/Button/Button.type.d.ts +18 -2
  37. package/package.json +9 -6
  38. package/src/component/AbstractButton/AbstractButton.tsx +77 -58
  39. package/src/component/AbstractButton/AbstractButton.type.ts +4 -2
  40. package/src/component/Button/Button.tsx +1 -1
  41. package/src/component/Button/Button.type.ts +14 -1
  42. package/src/component/Button/button.shadow.css +79 -79
  43. package/src/component/ButtonLink/ButtonLink.tsx +1 -1
  44. package/src/component/ButtonLink/buttonLink.shadow.css +13 -13
package/src/component/ButtonLink/buttonLink.shadow.css CHANGED
@@ -2,7 +2,7 @@ SButton {
2
2
  display: inline-flex;
3
3
  font-family: inherit;
4
4
  font-size: var(--intergalactic-fs-200, 14px);
5
- color: var(--intergalactic-text-link, #006dca);
5
+ color: var(--intergalactic-text-link, oklch(0.53 0.21 263));
6
6
  line-height: normal;
7
7
  position: relative;
8
8
  cursor: pointer;
@@ -28,42 +28,43 @@ SButton {
28
28
  &[active],
29
29
  &:hover,
30
30
  &:active {
31
- color: var(--intergalactic-text-link-hover-active, #044792);
31
+ color: var(--intergalactic-text-link-hover-active, oklch(0.51 0.202 263));
32
32
 
33
33
  & SText {
34
- box-shadow: 0 1px 0 0 currentColor;
34
+ border-color: currentColor;
35
35
  }
36
36
  }
37
37
 
38
38
  &[enableVisited]:visited,
39
39
  &[enableVisited]:visited:hover {
40
- color: var(--intergalactic-text-link-visited, #8649e1);
40
+ color: var(--intergalactic-text-link-visited, oklch(0.53 0.26 296));
41
41
  }
42
42
 
43
43
  SText {
44
- box-shadow: 0 1px 0 0 transparent;
45
- transition: box-shadow 0.15s ease-in-out;
44
+ border-bottom-width: 1px;
45
+ border-bottom-style: solid;
46
+ border-color: transparent;
47
+ transition: border-bottom-color 0.15s ease-in-out;
46
48
  }
47
49
  }
48
50
 
49
51
  SButton[disabled] {
50
- opacity: var(--intergalactic-disabled-opacity, 0.3);
52
+ opacity: var(--intergalactic-disabled-opacity, 0.4);
51
53
  cursor: default;
52
54
  /* Disable link interactions */
53
55
  pointer-events: none;
54
56
  }
55
57
 
56
58
  SButton[use='secondary'] {
57
- color: var(--intergalactic-text-hint, #6c6e79);
59
+ color: var(--intergalactic-text-hint, oklch(0.088 0.026 147.7 / 0.583));
58
60
 
59
61
  &[active],
60
62
  &:active,
61
63
  &:hover {
62
- color: var(--intergalactic-text-hint-hover-active, #484a54);
64
+ color: var(--intergalactic-text-hint-hover-active, oklch(0.086 0.026 145.8 / 0.605));
63
65
  }
64
66
 
65
67
  SText {
66
- box-shadow: none;
67
68
  border-bottom-width: 1px;
68
69
  border-bottom-style: dashed;
69
70
  border-color: currentColor;
@@ -72,7 +73,7 @@ SButton[use='secondary'] {
72
73
 
73
74
  SInner {
74
75
  display: inline-flex;
75
- align-items: baseline;
76
+ align-items: center;
76
77
  justify-content: center;
77
78
  height: 100%;
78
79
  width: 100%;
@@ -81,10 +82,9 @@ SInner {
81
82
  SAddon {
82
83
  display: inline-flex;
83
84
  justify-content: center;
84
- align-items: baseline;
85
+ align-items: center;
85
86
  vertical-align: middle;
86
87
  pointer-events: none;
87
- align-self: center;
88
88
  }
89
89
 
90
90
  SButton SAddon {