@chakra-ui/styled-system - npm Package Compare versions

Comparing version 1.11.1 to 1.12.0

CHANGELOG.md

 # Change Log
 
+## 1.12.0
+
+### Minor Changes
+
+- [`ebda07095`](https://github.com/chakra-ui/chakra-ui/commit/ebda07095bffd9b3135c5d19803a3a08397b78ef)
+  Thanks [@segunadebayo](https://github.com/segunadebayo)! - Added the
+  `_activeStep` pseudoselector which is applied when `aria-current="step"`.
+  [See the `wai-aria` documentation](https://www.w3.org/TR/wai-aria-1.2/#aria-current)
+  for more information on `aria-current`.
+
 ## 1.11.1
@@ -4,0 +14,0 @@

dist/cjs/pseudos.js

@@ -216,2 +216,8 @@ "use strict";
   /**
+   * Used to style the current step within a process
+   * Styles for CSS Selector `&[aria-current=step]`
+   */
+  _activeStep: "&[aria-current=step]",
+
+  /**
    * Styles to apply when the ARIA attribute `aria-checked` is `mixed`
@@ -218,0 +224,0 @@ * - CSS selector `&[aria-checked=mixed]`

dist/esm/pseudos.js

@@ -190,2 +190,8 @@ import { objectKeys } from "@chakra-ui/utils";
   /**
+   * Used to style the current step within a process
+   * Styles for CSS Selector `&[aria-current=step]`
+   */
+  _activeStep: "&[aria-current=step]",
+
+  /**
    * Styles to apply when the ARIA attribute `aria-checked` is `mixed`
@@ -192,0 +198,0 @@ * - CSS selector `&[aria-checked=mixed]`

dist/types/pseudos.d.ts

@@ -140,2 +140,7 @@ export declare const pseudoSelectors: {
     /**
+     * Used to style the current step within a process
+     * Styles for CSS Selector `&[aria-current=step]`
+     */
+    _activeStep: string;
+    /**
      * Styles to apply when the ARIA attribute `aria-checked` is `mixed`
@@ -204,3 +209,3 @@ * - CSS selector `&[aria-checked=mixed]`
 export declare type Pseudos = typeof pseudoSelectors;
-export declare const pseudoPropNames: ("_hover" | "_active" | "_focus" | "_highlighted" | "_focusWithin" | "_focusVisible" | "_disabled" | "_readOnly" | "_before" | "_after" | "_empty" | "_expanded" | "_checked" | "_grabbed" | "_pressed" | "_invalid" | "_valid" | "_loading" | "_selected" | "_hidden" | "_autofill" | "_even" | "_odd" | "_first" | "_last" | "_notFirst" | "_notLast" | "_visited" | "_activeLink" | "_indeterminate" | "_groupHover" | "_groupFocus" | "_groupActive" | "_groupDisabled" | "_groupInvalid" | "_groupChecked" | "_placeholder" | "_fullScreen" | "_selection" | "_rtl" | "_mediaDark" | "_dark" | "_light")[];
+export declare const pseudoPropNames: ("_hover" | "_active" | "_focus" | "_highlighted" | "_focusWithin" | "_focusVisible" | "_disabled" | "_readOnly" | "_before" | "_after" | "_empty" | "_expanded" | "_checked" | "_grabbed" | "_pressed" | "_invalid" | "_valid" | "_loading" | "_selected" | "_hidden" | "_autofill" | "_even" | "_odd" | "_first" | "_last" | "_notFirst" | "_notLast" | "_visited" | "_activeLink" | "_activeStep" | "_indeterminate" | "_groupHover" | "_groupFocus" | "_groupActive" | "_groupDisabled" | "_groupInvalid" | "_groupChecked" | "_placeholder" | "_fullScreen" | "_selection" | "_rtl" | "_mediaDark" | "_dark" | "_light")[];
 //# sourceMappingURL=pseudos.d.ts.map

package.json

 {
   "name": "@chakra-ui/styled-system",
-  "version": "1.11.1",
+  "version": "1.12.0",
   "description": "Style function for css-in-js building component libraries",
@@ -5,0 +5,0 @@ "keywords": [

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

1007554

increased by0.14%

Lines of code

7543

increased by0.2%

No dependency changes