@julseb-lib/react 0.0.20 → 0.0.22

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/dist/index.cjs.js CHANGED
@@ -277,13 +277,15 @@ React keys must be passed directly to JSX without using spread:
277
277
  transition: ${P.SHORT};
278
278
  color: ${({theme:d})=>m.ColorsHoverDefault(h,d)};
279
279
 
280
- @media ${I.HOVER} {
281
- &:hover {
282
- color: ${({theme:d})=>m.ColorsHoverHover(h,d)};
283
- }
280
+ &:not(:disabled) {
281
+ @media ${I.HOVER} {
282
+ &:hover {
283
+ color: ${({theme:d})=>m.ColorsHoverHover(h,d)};
284
+ }
284
285
 
285
- &:active {
286
- color: ${({theme:d})=>m.ColorsHoverActive(h,d)};
286
+ &:active {
287
+ color: ${({theme:d})=>m.ColorsHoverActive(h,d)};
288
+ }
287
289
  }
288
290
  }
289
291
  }
package/dist/index.es.js CHANGED
@@ -4505,13 +4505,15 @@ const m = new pl(), k3 = ({
4505
4505
  transition: ${F.SHORT};
4506
4506
  color: ${({ theme: d }) => m.ColorsHoverDefault(h, d)};
4507
4507
 
4508
- @media ${S.HOVER} {
4509
- &:hover {
4510
- color: ${({ theme: d }) => m.ColorsHoverHover(h, d)};
4511
- }
4508
+ &:not(:disabled) {
4509
+ @media ${S.HOVER} {
4510
+ &:hover {
4511
+ color: ${({ theme: d }) => m.ColorsHoverHover(h, d)};
4512
+ }
4512
4513
 
4513
- &:active {
4514
- color: ${({ theme: d }) => m.ColorsHoverActive(h, d)};
4514
+ &:active {
4515
+ color: ${({ theme: d }) => m.ColorsHoverActive(h, d)};
4516
+ }
4515
4517
  }
4516
4518
  }
4517
4519
  }
package/dist/index.umd.js CHANGED
@@ -277,13 +277,15 @@ React keys must be passed directly to JSX without using spread:
277
277
  transition: ${P.SHORT};
278
278
  color: ${({theme:d})=>s.ColorsHoverDefault(h,d)};
279
279
 
280
- @media ${N.HOVER} {
281
- &:hover {
282
- color: ${({theme:d})=>s.ColorsHoverHover(h,d)};
283
- }
280
+ &:not(:disabled) {
281
+ @media ${N.HOVER} {
282
+ &:hover {
283
+ color: ${({theme:d})=>s.ColorsHoverHover(h,d)};
284
+ }
284
285
 
285
- &:active {
286
- color: ${({theme:d})=>s.ColorsHoverActive(h,d)};
286
+ &:active {
287
+ color: ${({theme:d})=>s.ColorsHoverActive(h,d)};
288
+ }
287
289
  }
288
290
  }
289
291
  }
@@ -203,15 +203,17 @@ export const TextBaseMixin = ({
203
203
  transition: ${TRANSITIONS.SHORT};
204
204
  color: ${({ theme }) => Mixins.ColorsHoverDefault($linkColor, theme)};
205
205
 
206
- @media ${BREAKPOINTS.HOVER} {
207
- &:hover {
208
- color: ${({ theme }) =>
209
- Mixins.ColorsHoverHover($linkColor, theme)};
210
- }
211
-
212
- &:active {
213
- color: ${({ theme }) =>
214
- Mixins.ColorsHoverActive($linkColor, theme)};
206
+ &:not(:disabled) {
207
+ @media ${BREAKPOINTS.HOVER} {
208
+ &:hover {
209
+ color: ${({ theme }) =>
210
+ Mixins.ColorsHoverHover($linkColor, theme)};
211
+ }
212
+
213
+ &:active {
214
+ color: ${({ theme }) =>
215
+ Mixins.ColorsHoverActive($linkColor, theme)};
216
+ }
215
217
  }
216
218
  }
217
219
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@julseb-lib/react",
3
- "version": "0.0.20",
3
+ "version": "0.0.22",
4
4
  "type": "module",
5
5
  "license": "MIT",
6
6
  "scripts": {