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

coffeekraken-s-dialog-component

Package Overview
Dependencies
Maintainers
1
Versions
12
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

coffeekraken-s-dialog-component - npm Package Compare versions

Comparing version 1.0.2 to 1.0.3

demo/dist/css/style.css

65

code-playground.config.js

@@ -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

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