coffeekraken-s-dialog-component
Advanced tools
Comparing version 1.0.2 to 1.0.3
@@ -24,31 +24,29 @@ module.exports = { | ||
data : ` | ||
<div class="container"> | ||
<h1 class="h1 m-b-small"> | ||
Coffeekraken s-dialog-component | ||
</h1> | ||
<p class="p m-b"> | ||
Powerful, fully featured and easy to use dialog component | ||
</p> | ||
<a href="#my-cool-dialog" class="btn btn--primary">Open dialog</a> | ||
<div class="hidden"> | ||
<s-dialog id="my-cool-dialog" modal> | ||
<h1 class="h1 m-b"> | ||
Hello world | ||
</h1> | ||
<p class="p m-b"> | ||
Vivamus vestibulum ultrices eros nec bibendum. In sit amet ultrices mi. Etiam nunc ante, efficitur ac aliquam eget, iaculis quis massa. Duis quis molestie orci. Sed ultricies sem ante, in. | ||
</p> | ||
<a class="btn btn--secondary" s-dialog-ok> | ||
Close dialog | ||
</a> | ||
</s-dialog> | ||
<s-dialog opened> | ||
<h1 class="h1 m-b"> | ||
Automatically opened dialog | ||
</h1> | ||
<p class="p"> | ||
Vivamus vestibulum ultrices eros nec bibendum. In sit amet ultrices mi. Etiam nunc ante, efficitur ac aliquam eget, iaculis quis massa. Duis quis molestie orci. Sed ultricies sem ante, in. | ||
</p> | ||
</s-dialog> | ||
</div> | ||
<h1 class="h3 m-b-small"> | ||
Coffeekraken s-dialog-component | ||
</h1> | ||
<p class="p m-b"> | ||
Powerful, fully featured and easy to use dialog component | ||
</p> | ||
<a href="#my-cool-dialog" class="btn btn--primary">Open dialog</a> | ||
<div class="hidden"> | ||
<s-dialog id="my-cool-dialog" modal> | ||
<h1 class="h1 m-b"> | ||
Hello world | ||
</h1> | ||
<p class="p m-b"> | ||
Vivamus vestibulum ultrices eros nec bibendum. In sit amet ultrices mi. Etiam nunc ante, efficitur ac aliquam eget, iaculis quis massa. Duis quis molestie orci. Sed ultricies sem ante, in. | ||
</p> | ||
<a class="btn btn--secondary" s-dialog-ok> | ||
Close dialog | ||
</a> | ||
</s-dialog> | ||
<s-dialog opened> | ||
<h1 class="h1 m-b"> | ||
Automatically opened dialog | ||
</h1> | ||
<p class="p"> | ||
Vivamus vestibulum ultrices eros nec bibendum. In sit amet ultrices mi. Etiam nunc ante, efficitur ac aliquam eget, iaculis quis massa. Duis quis molestie orci. Sed ultricies sem ante, in. | ||
</p> | ||
</s-dialog> | ||
</div> | ||
@@ -61,2 +59,4 @@ ` | ||
@import 'node_modules/coffeekraken-sugar/index'; | ||
@import 'node_modules/coffeekraken-s-typography-component/index'; | ||
@import 'node_modules/coffeekraken-s-button-component/index'; | ||
@include s-init(); | ||
@@ -66,10 +66,5 @@ @include s-classes(); | ||
@include s-button-classes(); | ||
@include s-form-classes(); | ||
body { | ||
background-image: linear-gradient(120deg, #fdfbfb 0%, #ebedee 100%); | ||
padding: s-space(big); | ||
} | ||
.container { | ||
@include s-position(absolute, middle, center); | ||
min-width:80vw; | ||
} | ||
@keyframes dialog-in-overlay { | ||
@@ -76,0 +71,0 @@ from { opacity:0; } |
@@ -0,1 +1,3 @@ | ||
'use strict'; | ||
Object.defineProperty(exports, "__esModule", { | ||
@@ -2,0 +4,0 @@ value: true |
@@ -0,1 +1,3 @@ | ||
'use strict'; | ||
Object.defineProperty(exports, "__esModule", { | ||
@@ -2,0 +4,0 @@ value: true |
@@ -0,1 +1,3 @@ | ||
'use strict'; | ||
Object.defineProperty(exports, "__esModule", { | ||
@@ -2,0 +4,0 @@ value: true |
{ | ||
"name": "coffeekraken-s-dialog-component", | ||
"version": "1.0.2", | ||
"version": "1.0.3", | ||
"description": "Powerful, fully featured and easy to use dialog component", | ||
@@ -11,18 +11,30 @@ "main": "dist/index.js", | ||
}, | ||
"watch": { | ||
"dist.js": "src/**/*.js", | ||
"doc.js": "src/**/*.js", | ||
"doc.css": "src/**/*.scss", | ||
"demo": "code-playground.config.js" | ||
"watch": { | ||
"doc:js": { | ||
"paths": "src/**/*.js" | ||
}, | ||
"doc:css": { | ||
"paths": "src/**/*.scss" | ||
}, | ||
"demo:js": { | ||
"paths": "demo/src/**/*.js" | ||
}, | ||
"demo:css": { | ||
"paths": "demo/src/**/*.scss" | ||
} | ||
}, | ||
"scripts": { | ||
"dist": "npm run dist.js", | ||
"dist.js": "babel src -d dist", | ||
"demo": "coffeekraken-code-playground", | ||
"doc": "rm -rf doc/js && rm -rf doc/css && npm run doc.js && npm run doc.css", | ||
"doc.js": "coffeekraken-docblock-to-markdown -f 'src/**/*.js' -d doc --remove-path src/", | ||
"doc.css": "coffeekraken-docblock-to-markdown -f 'src/**/*.scss' -d doc --remove-path src/", | ||
"test": "node_modules/coffeekraken-testing-stack/run", | ||
"start": "npm-watch", | ||
"watch": "npm-watch" | ||
"dist": "npm run dist:js", | ||
"dist:js": "babel src -d dist --watch", | ||
"playground": "coffeekraken-code-playground", | ||
"demo": "rm -rf demo/dist && npm run demo:js && npm run demo:css && run demo:server", | ||
"demo:js": "webpack", | ||
"demo:css": "node-sass demo/src/sass/style.scss demo/dist/css/style.css --include-path node_modules --output-style expanded", | ||
"demo:server": "http-server demo", | ||
"doc": "rm -rf doc && npm run doc:js && npm run doc:css", | ||
"doc:js": "coffeekraken-docblock-to-markdown -f 'src/**/*.js' -d doc --remove-path src/", | ||
"doc:css": "coffeekraken-docblock-to-markdown -f 'src/**/*.scss' -d doc --remove-path src/", | ||
"start": "coffeekraken-scripts-stack dist:js demo:server -i start", | ||
"test": "jest", | ||
"changelog": "git-changelog --version_name $npm_package_version --app_name $npm_package_name --intro \"$npm_package_description\" --logo \".resources/coffeekraken-logo.jpg\"" | ||
}, | ||
@@ -36,4 +48,2 @@ "keywords": [ | ||
"sugar", | ||
"read", | ||
"more", | ||
"coffee", | ||
@@ -44,8 +54,15 @@ "kraken", | ||
"author": "Coffeekraken <hello@coffeekraken.io>", | ||
"contributors": [{ | ||
"name": "Olivier Bossel", | ||
"email": "olivier.bossel@gmail.com", | ||
"url": "http://olivierbossel.com" | ||
}], | ||
"contributors": [ | ||
{ | ||
"name": "Olivier Bossel", | ||
"email": "olivier.bossel@gmail.com", | ||
"url": "http://olivierbossel.com" | ||
} | ||
], | ||
"license": "MIT", | ||
"jest": { | ||
"roots": [ | ||
"tests" | ||
] | ||
}, | ||
"dependencies": { | ||
@@ -55,21 +72,25 @@ "coffeekraken-sugar": "^1.0.0" | ||
"devDependencies": { | ||
"babel-cli": "^6.18.0", | ||
"babel-core": "^6.20.0", | ||
"babel-loader": "^6.2.9", | ||
"babel-plugin-transform-remove-strict-mode": "0.0.2", | ||
"babel-polyfill": "^6.20.0", | ||
"babel-preset-es2015": "^6.18.0", | ||
"babel-preset-stage-0": "^6.16.0", | ||
"chai": "^3.5.0", | ||
"@webcomponents/webcomponentsjs": "^2.0.0", | ||
"babel-cli": "^6.26.0", | ||
"babel-core": "^6.26.3", | ||
"babel-jest": "^23.0.1", | ||
"babel-loader": "^7.1.4", | ||
"babel-plugin-transform-class-properties": "^6.24.1", | ||
"babel-plugin-transform-export-default": "^7.0.0-alpha.20", | ||
"babel-plugin-transform-object-rest-spread": "^6.26.0", | ||
"babel-polyfill": "^6.23.0", | ||
"babel-preset-env": "^1.7.0", | ||
"coffeekraken-code-playground": "^1.0.0", | ||
"coffeekraken-docblock-to-markdown": "0.0.2", | ||
"coffeekraken-testing-stack": "0.0.2", | ||
"concurrently": "^3.1.0", | ||
"http-server": "^0.9.0", | ||
"coffeekraken-docblock-to-markdown": "^1.0.0", | ||
"coffeekraken-s-button-component": "^1.0.1", | ||
"coffeekraken-s-typography-component": "^1.0.1", | ||
"coffeekraken-scripts-stack": "^1.0.1", | ||
"git-changelog": "^1.1.2", | ||
"http-server": "^0.11.1", | ||
"jest": "^23.1.0", | ||
"node-sass": "^4.0.0", | ||
"nodemon": "^1.11.0", | ||
"npm-watch": "^0.1.8", | ||
"webcomponents.js": "^0.7.24", | ||
"webpack": "^2.0.0" | ||
"webpack": "^4.0.0", | ||
"webpack-cli": "^3.0.3" | ||
} | ||
} |
module.exports = { | ||
entry: { | ||
// 'demo/dist/js/demo.js' : './demo/src/js/demo.js' | ||
'demo/dist/js/app.js' : './demo/src/js/app.js' | ||
}, | ||
output: { | ||
path: '.', | ||
path: require('path').resolve('.'), | ||
filename: '[name]', | ||
@@ -8,0 +8,0 @@ }, |
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
License Policy Violation
LicenseThis 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 riskPackage 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
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
No website
QualityPackage does not have a website.
Found 1 instance in 1 package
450747
7380
22
24
1