@haiilo/catalyst 10.30.1 → 10.30.2

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 (4) hide show
  1. package/dist/catalyst/catalyst.css +2 -2
  2. package/dist/catalyst/scss/utils/_visibility.mixins.scss +3 -3
  3. package/dist/collection/scss/utils/_visibility.mixins.scss +3 -3
  4. package/package.json +2 -2
package/dist/catalyst/catalyst.css CHANGED
@@ -3569,7 +3569,7 @@ code {
3569
3569
  border: 0 !important;
3570
3570
  }
3571
3571
 
3572
- .cat-visually-hidden-focusable:not(:focus):not(:focus-within) {
3572
+ .cat-visually-hidden-focusable:not(:focus-visible):not(:has(:focus-visible)) {
3573
3573
  position: absolute !important;
3574
3574
  width: 1px !important;
3575
3575
  height: 1px !important;
@@ -3581,7 +3581,7 @@ code {
3581
3581
  border: 0 !important;
3582
3582
  }
3583
3583
 
3584
- *:not(:hover):not(:focus):not(:focus-within) > .cat-visually-hidden-hoverable {
3584
+ *:not(:hover):not(:focus-visible):not(:has(:focus-visible)) > .cat-visually-hidden-hoverable {
3585
3585
  position: absolute !important;
3586
3586
  width: 1px !important;
3587
3587
  height: 1px !important;
package/dist/catalyst/scss/utils/_visibility.mixins.scss CHANGED
@@ -11,18 +11,18 @@
11
11
  }
12
12
 
13
13
  @mixin cat-visually-hidden-focusable {
14
- &:not(:focus):not(:focus-within) {
14
+ &:not(:focus-visible):not(:has(:focus-visible)) {
15
15
  @include cat-visually-hidden;
16
16
  }
17
17
  }
18
18
 
19
19
  @mixin cat-visually-hidden-hoverable($container: null) {
20
20
  @if $container {
21
- #{$container}:not(:hover):not(:focus):not(:focus-within) & {
21
+ #{$container}:not(:hover):not(:focus-visible):not(:has(:focus-visible)) & {
22
22
  @include cat-visually-hidden;
23
23
  }
24
24
  } @else {
25
- *:not(:hover):not(:focus):not(:focus-within) > & {
25
+ *:not(:hover):not(:focus-visible):not(:has(:focus-visible)) > & {
26
26
  @include cat-visually-hidden;
27
27
  }
28
28
  }
package/dist/collection/scss/utils/_visibility.mixins.scss CHANGED
@@ -11,18 +11,18 @@
11
11
  }
12
12
 
13
13
  @mixin cat-visually-hidden-focusable {
14
- &:not(:focus):not(:focus-within) {
14
+ &:not(:focus-visible):not(:has(:focus-visible)) {
15
15
  @include cat-visually-hidden;
16
16
  }
17
17
  }
18
18
 
19
19
  @mixin cat-visually-hidden-hoverable($container: null) {
20
20
  @if $container {
21
- #{$container}:not(:hover):not(:focus):not(:focus-within) & {
21
+ #{$container}:not(:hover):not(:focus-visible):not(:has(:focus-visible)) & {
22
22
  @include cat-visually-hidden;
23
23
  }
24
24
  } @else {
25
- *:not(:hover):not(:focus):not(:focus-within) > & {
25
+ *:not(:hover):not(:focus-visible):not(:has(:focus-visible)) > & {
26
26
  @include cat-visually-hidden;
27
27
  }
28
28
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@haiilo/catalyst",
3
- "version": "10.30.1",
3
+ "version": "10.30.2",
4
4
  "description": "Catalyst Design System",
5
5
  "license": "MIT",
6
6
  "repository": {
@@ -39,7 +39,7 @@
39
39
  "sanitize.css": "13.0.0",
40
40
  "tabbable": "6.2.0",
41
41
  "toastify-js": "1.12.0",
42
- "@haiilo/catalyst-tokens": "10.30.1"
42
+ "@haiilo/catalyst-tokens": "10.30.2"
43
43
  },
44
44
  "devDependencies": {
45
45
  "@babel/core": "^7.24.7",