@haxtheweb/simple-modal
Advanced tools
Comparing version 9.0.6 to 9.0.7
@@ -19,3 +19,3 @@ { | ||
}, | ||
"version": "9.0.6", | ||
"version": "9.0.7", | ||
"description": "A simple modal that ensures accessibility and stack order context appropriately", | ||
@@ -45,3 +45,3 @@ "repository": { | ||
"dependencies": { | ||
"@haxtheweb/simple-icon": "^9.0.6", | ||
"@haxtheweb/simple-icon": "^9.0.7", | ||
"lit": "^3.2.0", | ||
@@ -51,9 +51,9 @@ "web-dialog": "0.0.11" | ||
"devDependencies": { | ||
"@haxtheweb/deduping-fix": "^9.0.6", | ||
"@haxtheweb/simple-fields": "^9.0.6", | ||
"@haxtheweb/storybook-utilities": "^9.0.6", | ||
"@haxtheweb/deduping-fix": "^9.0.7", | ||
"@haxtheweb/simple-fields": "^9.0.7", | ||
"@haxtheweb/storybook-utilities": "^9.0.7", | ||
"@open-wc/testing": "4.0.0", | ||
"@polymer/iron-component-page": "github:PolymerElements/iron-component-page", | ||
"@polymer/iron-demo-helpers": "3.1.0", | ||
"@web/dev-server": "0.4.2", | ||
"@web/dev-server": "0.4.6", | ||
"@webcomponents/webcomponentsjs": "^2.8.0", | ||
@@ -74,3 +74,3 @@ "concurrently": "8.2.2", | ||
], | ||
"gitHead": "04cae22f40424464d43057349cde27f55cb32ca1" | ||
"gitHead": "f594e7d20e2b7a815d085b12b1e0c8adc3504293" | ||
} |
@@ -12,31 +12,14 @@ # <simple-modal> | ||
import '@haxtheweb/simple-modal.js'; | ||
/* At top of an application */ | ||
<script type="module" src="simple-modal.js"></script> | ||
/* Alternatives for top of application */ | ||
<script type="module"> | ||
import '@haxtheweb/simple-modal.js'; | ||
import {SimpleModal} from '@haxtheweb/simple-modal'; | ||
</script> | ||
``` | ||
## Develop / Demo | ||
Run `yarn start` will start a local development server, open your default browser to display it, open your finder to the correct window and start watching the `/src` directory for changes and automatically rebuilding the element and documentation site for the demo. | ||
Run `npm start` will start a local development server, open your default browser to display it, open your finder to the correct window and start watching the `/src` directory for changes and automatically rebuilding the element and documentation site for the demo. | ||
```bash | ||
$ yarn start | ||
$ npm start | ||
``` | ||
## Test | ||
```bash | ||
$ yarn run test | ||
``` | ||
## Build | ||
Builds ensure that wcfactory can correctly compile your web component project to | ||
work on the maximum number of browsers possible. | ||
```bash | ||
$ yarn run build | ||
``` | ||
## Contributing | ||
@@ -43,0 +26,0 @@ |
@@ -113,7 +113,2 @@ /** | ||
padding: var(--simple-modal-header-padding, 0px var(--ddd-spacing-4)); | ||
color: var(--simple-modal-header-color); | ||
background-color: var( | ||
--simple-modal-header-background, | ||
var(--ddd-theme-default-limestoneMaxLight) | ||
); | ||
} | ||
@@ -131,3 +126,3 @@ | ||
background-color: transparent; | ||
color: var(--ddd-theme-default-white); | ||
color: var(--ddd-theme-default-nittanyNavy); | ||
--simple-icon-width: var(--ddd-icon-sm); | ||
@@ -137,6 +132,2 @@ --simple-icon-height: var(--ddd-icon-sm); | ||
#close:focus { | ||
opacity: 0.7; | ||
} | ||
#close simple-icon-lite { | ||
@@ -143,0 +134,0 @@ --simple-icon-height: var( |
@@ -113,7 +113,2 @@ /** | ||
padding: var(--simple-modal-header-padding, 0px var(--ddd-spacing-4)); | ||
color: var(--simple-modal-header-color); | ||
background-color: var( | ||
--simple-modal-header-background, | ||
var(--ddd-theme-default-limestoneMaxLight) | ||
); | ||
} | ||
@@ -131,3 +126,3 @@ | ||
background-color: transparent; | ||
color: var(--ddd-theme-default-white); | ||
color: var(--ddd-theme-default-nittanyNavy); | ||
--simple-icon-width: var(--ddd-icon-sm); | ||
@@ -137,6 +132,2 @@ --simple-icon-height: var(--ddd-icon-sm); | ||
#close:focus { | ||
opacity: 0.7; | ||
} | ||
#close simple-icon-lite { | ||
@@ -143,0 +134,0 @@ --simple-icon-height: var( |
106352
20
1889
42