Huge News!Announcing our $40M Series B led by Abstract Ventures.Learn More
Socket
Sign inDemoInstall
Socket

makeup-expander

Package Overview
Dependencies
Maintainers
5
Versions
36
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

makeup-expander - npm Package Compare versions

Comparing version 0.9.1 to 0.10.0

dist/cjs/index.js

24

package.json
{
"name": "makeup-expander",
"description": "Creates the basic interactivity for an element that expands and collapses another element.",
"version": "0.9.1",
"main": "dist/index.js",
"version": "0.10.0",
"main": "./dist/cjs/index.js",
"module": "./dist/mjs/index.js",
"exports": {
".": {
"import": "./dist/mjs/index.js",
"require": "./dist/cjs/index.js"
}
},
"repository": "https://github.com/makeup/makeup-js/tree/master/packages/makeup-expander",

@@ -10,3 +17,5 @@ "author": "Ian McBurnie <ianmcburnie@hotmail.com>",

"scripts": {
"compile": "babel src --out-dir dist",
"compile": "npm run compile:mjs && npm run compile:cjs",
"compile:mjs": "esbuild src/index.js --outfile=dist/mjs/index.js --format=esm",
"compile:cjs": "babel --plugins @babel/plugin-transform-modules-commonjs src/index.js --out-file dist/cjs/index.js",
"clean": "rimraf *.log .DS_Store"

@@ -21,9 +30,10 @@ },

"dependencies": {
"makeup-exit-emitter": "~0.3.1",
"makeup-focusables": "~0.2.0",
"makeup-next-id": "~0.3.0"
"makeup-exit-emitter": "~0.4.0",
"makeup-focusables": "~0.3.0",
"makeup-next-id": "~0.4.0"
},
"files": [
"browser.json",
"dist/index.js",
"dist/cjs/index.js",
"dist/mjs/index.js",
"package-lock.json"

@@ -30,0 +40,0 @@ ],

@@ -7,14 +7,4 @@ # makeup-expander

This CommonJS module is still in an experimental state, until it reaches v1.0.0 you must consider all minor releases as breaking changes. Patch releases may introduce new features, but will be backwards compatible.
This module is still in an experimental state, until it reaches v1 you must consider all minor releases as breaking changes.
## Install
```js
// via npm
npm install makeup-expander
// via yarn
yarn add makeup-expander
```
## Example 1: Requires aria-expanded only

@@ -38,4 +28,3 @@

```js
// import the module
const Expander = require('makeup-expander');
import Expander from 'makeup-expander';

@@ -54,3 +43,3 @@ // get an element reference

Clicking the button will now toggle it's aria-expanded state. CSS can be used to display the content accordingly, for example:
Clicking the button will now toggle its aria-expanded state. CSS can be used to display the content accordingly, for example:

@@ -150,6 +139,1 @@ ```css

* [makeup-next-id](https://github.com/makeup/makeup-js/tree/master/packages/makeup-next-id)
* [custom-event](https://github.com/webmodules/custom-event) (for IE)
## Polyfills
None
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