@patternfly/pfe-sass - npm Package Compare versions

Comparing version 2.0.0-next.0 to 2.0.0-next.1

CHANGELOG.md

 # @patternfly/pfe-sass
 
+## 2.0.0-next.1
+
+### Major Changes
+
+- 62a5d643: Remove `focus-ring`, `pfe-typography`, and `pfe-c-typogrpahy` mixins
+
+  To implement focus-ring, see `pfe-accordion-header` or `pfe-jump-links`.
+
+  ```scss
+  outline: none;
+  position: relative;
+
+  &::before {
+    position: absolute;
+    content: "";
+    top: -2px;
+    left: -2px;
+    width: calc(100% + #{pfe-var(ui--border-width--active)});
+    height: calc(100% + #{pfe-var(ui--border-width--active)});
+    border-radius: pfe-var(ui--border-radius);
+    border: pfe-var(ui--border-width--md) pfe-var(ui--border-style) transparent;
+  }
+
+  &:focus::before {
+    border-color: #6b9ff0;
+  }
+
+  &:focus:not(:focus-visible)::before {
+    border: unset;
+  }
+  ```
+
+  To implement typography, see `core/pfe-sass/extends/_typography_extends.scss`
+
 ## 2.0.0-next.0
@@ -4,0 +38,0 @@

package.json

 {
   "name": "@patternfly/pfe-sass",
-  "version": "2.0.0-next.0",
+  "version": "2.0.0-next.1",
   "license": "MIT",
@@ -5,0 +5,0 @@ "description": "Sass variables and mixins for PatternFly Elements",

README.md

@@ -57,3 +57,3 @@ # PFE SASS
 
-There are already utility / modifier classes available within pfe-typography-classes.css for use within long form content. However if you need custom classes, you can utilize either the placeholders, or the `pfe-typography` mixin.
+There are already utility / modifier classes available within pfe-typography-classes.css for use within long form content. However if you need custom classes, you can utilize the placeholders.
 
@@ -66,9 +66,2 @@ ## Text class examples
 }
-.custom-text--bar {
- @include pfe-typography(lg, $type: "text");
-}
-.custom-text--baz {
- @include pfe-typography(lg, $type: "text", $base: true);
-}
-
 ```
@@ -135,8 +128,2 @@
 }
-.custom-title--bar {
- @include pfe-typography(lg, $type: "title");
-}
-.custom-title--baz {
- @include pfe-typography(lg, $type: "title", $base: false);
-}
 ```
@@ -192,11 +179,2 @@
 }
-
-:host[bar] {
-  @include pfe-c-typography($type: text, $sizing: md);
-}
-
-:host[baz] {
-  @include pfe-c-typography($type: text, $sizing: md, $base: true, $spacing: true, $light-dom-heading:true);
-}
-
 ```
@@ -203,0 +181,0 @@

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

Major refactor

Supply chain risk

Package has recently undergone a major refactor. It may be unstable or indicate significant internal changes. Use caution when updating to versions that include significant changes.

Found 1 instance in 1 package

Improved metrics

Number of medium supply chain risk alerts

1

decreased by-50%

Worsened metrics

Total package byte prevSize

425247

decreased by-2.35%

Number of lines in readme file

206

decreased by-9.65%

No dependency changes