Socket
Socket
Sign inDemoInstall

@material/notched-outline

Package Overview
Dependencies
Maintainers
13
Versions
1659
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

@material/notched-outline - npm Package Compare versions

Comparing version 0.42.0 to 0.42.1

4

dist/mdc.notchedOutline.js

@@ -1075,3 +1075,3 @@ /*!

/**
* Updates outline selectors and SVG path to open notch.
* Updates classes and styles to open the notch to the specified width.
* @param {number} notchWidth The notch width in the outline.

@@ -1087,3 +1087,3 @@ */

/**
* Updates the outline selectors to close notch and return it to idle state.
* Updates classes and styles to close the notch.
*/

@@ -1090,0 +1090,0 @@

@@ -66,3 +66,3 @@ /**

/**
* Updates outline selectors and SVG path to open notch.
* Updates classes and styles to open the notch to the specified width.
* @param {number} notchWidth The notch width in the outline.

@@ -75,3 +75,3 @@ */

/**
* Updates the outline selectors to close notch and return it to idle state.
* Updates classes and styles to close the notch.
*/

@@ -78,0 +78,0 @@ closeNotch() {

{
"name": "@material/notched-outline",
"description": "The Material Components for the web notched-outline component",
"version": "0.42.0",
"version": "0.42.1",
"license": "MIT",

@@ -6,0 +6,0 @@ "keywords": [

@@ -74,4 +74,4 @@ <!--docs:

--- | ---
`mdc-notched-outline` | Mandatory. Container for the SVG of the notched outline path.
`mdc-notched-outline--notched` | Class to open notch outline.
`mdc-notched-outline` | Mandatory. Container for the outline's sides and notch.
`mdc-notched-outline--notched` | Modifier class to open the notched outline.
`mdc-notched-outline__leading` | Mandatory. Element representing the leading side of the notched outline (before the notch).

@@ -85,3 +85,3 @@ `mdc-notched-outline__notch` | Mandatory. Element representing the notch.

--- | ---
`mdc-notched-outline-color($color)` | Customizes the border color of the notched outlined.
`mdc-notched-outline-color($color)` | Customizes the border color of the notched outline.
`mdc-notched-outline-stroke-width($width)` | Changes notched outline width to a specified pixel value.

@@ -95,4 +95,4 @@ `mdc-notched-outline-shape-radius($radius, $rtl-reflexive)` | Sets the rounded shape to notched outline element with given radius size. Set `$rtl-reflexive` to true to flip radius values in RTL context, defaults to false.

--- | ---
`notch(notchWidth: number) => void` | Updates notched outline to open notch in outline path.
`closeNotch() => void` | Updates the notched outline to close notch in outline path.
`notch(notchWidth: number) => void` | Opens the notch with the specified width.
`closeNotch() => void` | Closes the notch, rendering a full outline.

@@ -115,3 +115,3 @@ ## Usage Within Frameworks

--- | ---
`notch(notchWidth: number) => void` | Adds the `mdc-notched-outline--notched` selector and updates the notched outline path based off notchWidth and isRtl.
`closeNotch() => void` | Removes the outline notched selector.
`notch(notchWidth: number) => void` | Adds the `mdc-notched-outline--notched` class and updates the notch element's style based on `notchWidth`.
`closeNotch() => void` | Removes the `mdc-notched-outline--notched` class.
SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

Packages

npm

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc