first commit

Author: Loïc Goyet

.babelrc

@@ -0,0 +1,4 @@
+{
+  "presets": ["es2015"],
+  "plugins": ["babel-plugin-add-module-exports"]
+}

.bowerrc

@@ -0,0 +1,3 @@
+{
+  "directory": "test/src/bower_components"
+}

.editorconfig

@@ -0,0 +1,11 @@
+[*]
+indent_style = space
+indent_size = 4
+charset = utf-8
+insert_final_newline = true
+
+[*.scss]
+indent_size = 2
+
+[src/javascript/**/*.js]
+indent_size = 2

.gitignore

@@ -0,0 +1,37 @@
+# Logs
+logs
+*.log
+npm-debug.log*
+
+# Runtime data
+pids
+*.pid
+*.seed
+
+# Directory for instrumented libs generated by jscoverage/JSCover
+lib-cov
+
+# Coverage directory used by tools like istanbul
+coverage
+
+# Grunt intermediate storage (http://gruntjs.com/creating-plugins#storing-task-files)
+.grunt
+
+# node-waf configuration
+.lock-wscript
+
+# Compiled binary addons (http://nodejs.org/api/addons.html)
+build/Release
+
+# Dependency directory
+node_modules
+
+# Optional npm cache directory
+.npm
+
+# Optional REPL history
+.node_repl_history
+
+# Test dest
+test/dest
+test/src/bower_components

.npmignore

@@ -0,0 +1,12 @@
+test/
+.bowerrc
+.gitignore
+bower.json
+sache.json
+gulpfile.babel.js
+node_modules
+bower_components
+yarn.lock
+package-lock.json
+<% if (props.javascript) { %>webpack.config.js<% } %>
+<% if (props.javascript) { %>.babelrc<% } %>

.scss-lint.yml

@@ -0,0 +1,166 @@
+linters:
+
+  BangFormat:
+    enabled: true
+    space_before_bang: true
+    space_after_bang: false
+
+  BorderZero:
+    enabled: true
+
+  ColorKeyword:
+    enabled: true
+
+  Comment:
+    enabled: false
+
+  DebugStatement:
+    enabled: true
+
+  DeclarationOrder:
+    enabled: true
+
+  DuplicateProperty:
+    enabled: false
+
+  ElsePlacement:
+    enabled: true
+    style: same_line
+
+  EmptyLineBetweenBlocks:
+    enabled: true
+    ignore_single_line_blocks: false
+
+  EmptyRule:
+    enabled: true
+
+  FinalNewline:
+    enabled: true
+    present: true
+
+  HexLength:
+    enabled: true
+    style: short
+
+  HexNotation:
+    enabled: true
+    style: lowercase
+
+  HexValidation:
+    enabled: true
+
+  IdSelector:
+    enabled: true
+
+  ImportPath:
+    enabled: true
+    leading_underscore: false
+    filename_extension: false
+
+  Indentation:
+    enabled: true
+    character: space
+    width: 2
+
+  LeadingZero:
+    enabled: true
+    style: include_zero
+
+  MergeableSelector:
+    enabled: false
+    force_nesting: false
+
+  NameFormat:
+    enabled: true
+    convention: hyphenated_lowercase
+    allow_leading_underscore: true
+
+  NestingDepth:
+    enabled: true
+    max_depth: 3
+
+  PlaceholderInExtend:
+    enabled: true
+
+  PropertySortOrder:
+    enabled: false
+    ignore_unspecified: false
+
+  PropertySpelling:
+    enabled: true
+    extra_properties: []
+
+  QualifyingElement:
+    enabled: true
+    allow_element_with_attribute: false
+    allow_element_with_class: false
+    allow_element_with_id: false
+
+  SelectorDepth:
+    enabled: true
+    max_depth: 3
+
+  SelectorFormat:
+    enabled: false
+    convention: hyphenated_lowercase
+    class_convention: '^(?:u|is|has)\-[a-z][a-zA-Z0-9]*$|^(?!u|is|has)[a-zA-Z][a-zA-Z0-9]*(?:\-[a-z][a-zA-Z0-9]*)?(?:\-\-[a-z][a-zA-Z0-9]*)?$'
+
+  Shorthand:
+    enabled: true
+
+  SingleLinePerProperty:
+    enabled: true
+    allow_single_line_rule_sets: false
+
+  SingleLinePerSelector:
+    enabled: true
+
+  SpaceAfterComma:
+    enabled: true
+
+  SpaceAfterPropertyColon:
+    enabled: true
+    style: one_space
+
+  SpaceAfterPropertyName:
+    enabled: true
+
+  SpaceBeforeBrace:
+    enabled: true
+    style: space
+    allow_single_line_padding: true
+
+  SpaceBetweenParens:
+    enabled: true
+    spaces: 0
+
+  StringQuotes:
+    enabled: true
+    style: single_quotes
+
+  TrailingSemicolon:
+    enabled: true
+
+  TrailingZero:
+    enabled: true
+
+  UnnecessaryMantissa:
+    enabled: true
+
+  UnnecessaryParentReference:
+    enabled: true
+
+  UrlFormat:
+    enabled: false
+
+  UrlQuotes:
+    enabled: true
+
+  VendorPrefixes:
+    enabled: true
+    identifier_list: base
+    include: []
+    exclude: []
+
+  ZeroUnit:
+    enabled: true

CONTRIBUTING.md

@@ -0,0 +1,45 @@
+# Contributing
+
+## Tools & Workflow
+
+The workflow to test into a browser the component is setted with gulp (and webpack for the javascript part).
+
+All the files versionned for live testing are written `./test/src` folder.
+The gulp workflow will generate, from those files, a `./test/dest` used by a local server (running via gulp) to renderer into your browser the component.
+
+You have several commands for making the `./test/dest` folder :
+
+```sh
+# run gulp tasks to build the `./test/dest` folder
+npm run test
+
+# run gulp tasks to build the `./test/dest` folder in watch mode, and setup a localserver with livereload
+npm start
+```
+
+Thoses commands generates css for the `./test` folder and for the `./dest` folder (in normal and minified version).
+
+
+
+### Javascript
+Javascript is transpiled and packaged with webpack. The workflow setuped here allow us to generate a script file browser-friendly into the `./dest/javascript` folder from a es2015 friendly (ready to be included in packaged workflows) script located at `./src/javascript`.
+
+Here are the two commands for working with the javascript :
+
+```sh
+# builds the browser-friendly javascript file
+npm run build-javascript
+
+# builds the browser-friendly javascript file in watch mode
+npm run build-javascript-dev
+```
+
+Thoses commands generates javascript for the `./test` folder and for the `./dest` folder (in normal and minified version).
+
+
+
+## Writing a Trowel Component
+[Checkout the documentation](https://github.com/Trowel/Trowel/blob/master/doc/3-create-your-own-trowel-component.md) from the trowel-core project, to learn about how writting a Trowel Component
+
+## Good practices
+To be written

LICENSE

@@ -0,0 +1,21 @@
+The MIT License (MIT)
+
+Copyright (c) 2016 Trowel
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

README.md

@@ -0,0 +1,57 @@
+![Friends of Trowel](https://raw.githubusercontent.com/Trowel/Trowel/master/media/dist/banners/friendsoftrowel-black-on-transparent.png)
+
+# Trowel Modals
+[![npm version](https://badge.fury.io/js/trowel-Modals.svg)](https://badge.fury.io/js/trowel)
+[![Bower version](https://badge.fury.io/bo/trowel-Modals.svg)](https://badge.fury.io/bo/trowel-Modals)
+
+The official Trowel Component for modals
+Modals is a *Trowel Component*, please refer to the [Trowel doc](https://github.com/Trowel/Trowel/blob/master/doc/1-the-concept.md) for more informations about how works *Trowel Components*
+
+## Getting Started
+### Download
+You can easily install *Trowel Modals* by using npm, Yarn or Bower
+
+```bash
+# With bower
+$ bower install trowel-modals
+
+# With npm
+$ npm install trowel-modals
+
+# With yarn
+$ yarn add trowel-modals
+```
+
+You can also download a zip archive [right here](https://github.com/FriendsOfTrowel/Modals/archive/master.zip).
+
+### Installation
+#### *Scss*
+The main scss file to include to your main `.scss` file is located at the `./src/scss/modals.scss`. As a *Trowel Component*, it also requires two dependencies to compile the *scss* code. Here an *scss* installation snippet.
+
+```
+// Trowel Dependencies
+@import './path/to/dependencies/trowel-core/src/trowel';
+
+// Trowel Components Modals
+@import './path/to/dependencies/trowel-modals/src/scss/modals.scss';
+```
+
+#### *CSS*
+If you don't want to customize the trowel component in `scss` you can use the css file available at `./dest/css/modals.css`. A minified version is available at the same location.
+
+#### *JavaScript*
+You have several javascript files for different use cases :
+* The browser ready file is available at `./dest/javascript/modals.js` (a minified version exists at `dest/javascript/modals.min.js`)
+* The script written in es2015 and ready to `import` is available at `./src/javascript/modals.js`
+
+
+
+
+## Usage
+to be written
+
+## Contributing
+If you want to contribute you can checkout the contribution guide [over here](CONTRIBUTING.md)
+
+## License
+MIT © [Trowel](trowel.github.io)