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

@mysugr/spring-forms

Package Overview
Dependencies
Maintainers
2
Versions
7
Alerts
File Explorer

Advanced tools

License
Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

@mysugr/spring-forms - npm Package Compare versions

Comparing version 0.0.3 to 0.0.4

2

build/index.js

@@ -1,1 +0,1 @@

module.exports = {"cssstats":{"size":2080,"gzipSize":684,"humanizedSize":"2kB","humanizedGzipSize":"684B","rules":{"total":22,"size":{"graph":[2,1,13,3,1,2,2,1,13,3,1,2,1,2,2,3,18,3,2,1,1,3],"max":18,"average":3.6363636363636362},"selectorByRuleSizes":[{"selector":".btn","declarations":18},{"selector":".form-control","declarations":13},{"selector":".form-control","declarations":13},{"selector":"button,input,optgroup,select,textarea","declarations":3},{"selector":"input,button,select,textarea","declarations":3},{"selector":".btn-success","declarations":3},{"selector":"#ms-bundle-entry-form #edit-submit","declarations":3},{"selector":"input,button,select,textarea","declarations":3},{"selector":"button,html input[type=\"button\"],input[type=\"reset\"],input[type=\"submit\"]","declarations":2},{"selector":".btn","declarations":2},{"selector":".btn-success,.btn-warning","declarations":2},{"selector":".path-paket .btn","declarations":2},{"selector":".form-control","declarations":2},{"selector":".has-error .form-control","declarations":2},{"selector":".form-control","declarations":2},{"selector":"button","declarations":1},{"selector":"button,select","declarations":1},{"selector":".btn-success","declarations":1},{"selector":".path-paket .btn#edit-submit","declarations":1},{"selector":".form-control","declarations":1},{"selector":"input","declarations":1},{"selector":".form-control","declarations":1}]},"selectors":{"total":37,"type":21,"class":15,"id":2,"pseudoClass":0,"pseudoElement":0,"values":[".form-control",".form-control",".form-control","input","button","select","textarea","input",".has-error .form-control",".form-control",".form-control",".form-control","#ms-bundle-entry-form #edit-submit",".path-paket .btn#edit-submit",".path-paket .btn",".btn-success",".btn-success",".btn-warning",".btn",".btn-success",".btn","input","button","select","textarea","button","html input[type=\"button\"]","input[type=\"reset\"]","input[type=\"submit\"]","button","select","button","button","input","optgroup","select","textarea"],"specificity":{"max":200,"average":14.378378378378379}},"declarations":{"total":80,"unique":53,"properties":{"color":["#343434","#555555","#343434","#555555","#fff","inherit"],"font-size":["16px","14px","inherit","16px","14px","18px","14px","inherit"],"background-color":["#f9f9f9","#fff","#f9f9f9","#fff","#8eb927","#5cb85c"],"display":["block","block","block","inline-block"],"width":["100%","100%"],"height":["34px","34px"],"padding":["6px 12px","6px 12px","8px 36px","8px 16px","6px 12px"],"line-height":["1.42857","inherit","normal","1.42857","1.42857","inherit"],"background-image":["none","none","none"],"border":["1px solid #ccc","1px solid #ccc","none","1px solid transparent"],"border-radius":["4px","4px","8px","4px"],"box-shadow":["inset 0 1px 1px rgba(0,0,0,0.075)","inset 0 1px 1px rgba(0,0,0,0.075)","inset 0 1px 1px rgba(0,0,0,0.075)"],"transition":["border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s","border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s"],"font-family":["inherit","inherit"],"border-color":["#e75d32","#4cae4c"],"clear":["both"],"margin":["0 auto","0"],"padding-right":["16px"],"padding-left":["16px"],"margin-bottom":["0"],"font-weight":["normal"],"text-align":["center"],"vertical-align":["middle"],"touch-action":["manipulation"],"cursor":["pointer","pointer"],"white-space":["nowrap"],"-webkit-user-select":["none"],"-moz-user-select":["none"],"-ms-user-select":["none"],"user-select":["none"],"-webkit-appearance":["button"],"text-transform":["none"],"overflow":["visible"],"font":["inherit"]}},"mediaQueries":{"total":0,"unique":0,"values":[],"contents":[]}}}
module.exports = {"cssstats":{"size":5092,"gzipSize":1717,"humanizedSize":"5kB","humanizedGzipSize":"2kB","rules":{"total":65,"size":{"graph":[1,1,2,1,1,1,2,1,1,1,2,1,4,1,1,4,1,1,2,1,1,1,1,1,2,1,2,1,4,1,1,2,2,4,4,2,1,5,8,1,3,11,4,2,1,13,3,1,2,2,1,13,3,1,2,1,2,2,3,18,3,2,1,1,3],"max":18,"average":2.6615384615384614},"selectorByRuleSizes":[{"selector":".btn","declarations":18},{"selector":".form-control","declarations":13},{"selector":".form-control","declarations":13},{"selector":".ms-form-item .ms-btn","declarations":11},{"selector":".ms-form-item select","declarations":8},{"selector":".ms-form-item label","declarations":5},{"selector":".ms-form-item .small-print","declarations":4},{"selector":".ms-form h2","declarations":4},{"selector":".ms-form","declarations":4},{"selector":"body","declarations":4},{"selector":"button,input,optgroup,select,textarea","declarations":4},{"selector":"sub,sup","declarations":4},{"selector":"button,input,optgroup,select,textarea","declarations":3},{"selector":"input,button,select,textarea","declarations":3},{"selector":".btn-success","declarations":3},{"selector":"#ms-bundle-entry-form #edit-submit","declarations":3},{"selector":"input,button,select,textarea","declarations":3},{"selector":".ms-form-item select,.ms-form-item input","declarations":3},{"selector":"button,html input[type=\"button\"],input[type=\"reset\"],input[type=\"submit\"]","declarations":2},{"selector":".btn","declarations":2},{"selector":".btn-success,.btn-warning","declarations":2},{"selector":".path-paket .btn","declarations":2},{"selector":".form-control","declarations":2},{"selector":".has-error .form-control","declarations":2},{"selector":".form-control","declarations":2},{"selector":".ms-form p","declarations":2},{"selector":"h2","declarations":2},{"selector":"h1","declarations":2},{"selector":"::-webkit-file-upload-button","declarations":2},{"selector":"[type=\"search\"]","declarations":2},{"selector":"button::-moz-focus-inner,[type=\"button\"]::-moz-focus-inner,[type=\"reset\"]::-moz-focus-inner,[type=\"submit\"]::-moz-focus-inner","declarations":2},{"selector":"code,kbd,samp,pre","declarations":2},{"selector":"h1","declarations":2},{"selector":":root","declarations":2},{"selector":"button","declarations":1},{"selector":"button,select","declarations":1},{"selector":".btn-success","declarations":1},{"selector":".path-paket .btn#edit-submit","declarations":1},{"selector":".form-control","declarations":1},{"selector":"input","declarations":1},{"selector":".form-control","declarations":1},{"selector":".ms-form-item select option:disabled,.ms-form-item select select[disabled]>option","declarations":1},{"selector":".ms-form-item","declarations":1},{"selector":"h1,h2","declarations":1},{"selector":"button","declarations":1},{"selector":"summary","declarations":1},{"selector":"[type=\"search\"]::-webkit-search-decoration","declarations":1},{"selector":"[type=\"number\"]::-webkit-inner-spin-button,[type=\"number\"]::-webkit-outer-spin-button","declarations":1},{"selector":"progress","declarations":1},{"selector":"legend","declarations":1},{"selector":"fieldset","declarations":1},{"selector":"button:-moz-focusring,[type=\"button\"]:-moz-focusring,[type=\"reset\"]:-moz-focusring,[type=\"submit\"]:-moz-focusring","declarations":1},{"selector":"button,[type=\"button\"],[type=\"reset\"],[type=\"submit\"]","declarations":1},{"selector":"button,select","declarations":1},{"selector":"sup","declarations":1},{"selector":"sub","declarations":1},{"selector":"small","declarations":1},{"selector":"b,strong","declarations":1},{"selector":"abbr[title]","declarations":1},{"selector":"hr","declarations":1},{"selector":"body","declarations":1},{"selector":"body","declarations":1},{"selector":"html","declarations":1},{"selector":"*,*::before,*::after","declarations":1},{"selector":"html","declarations":1}]},"selectors":{"total":105,"type":67,"class":27,"id":2,"pseudoClass":2,"pseudoElement":2,"values":["html","*","*::before","*::after",":root","html","body","body","h1","hr","abbr[title]","b","strong","code","kbd","samp","pre","small","sub","sup","sub","sup","button","input","optgroup","select","textarea","button","select","button","[type=\"button\"]","[type=\"reset\"]","[type=\"submit\"]","button::-moz-focus-inner","[type=\"button\"]::-moz-focus-inner","[type=\"reset\"]::-moz-focus-inner","[type=\"submit\"]::-moz-focus-inner","button:-moz-focusring","[type=\"button\"]:-moz-focusring","[type=\"reset\"]:-moz-focusring","[type=\"submit\"]:-moz-focusring","fieldset","legend","progress","[type=\"number\"]::-webkit-inner-spin-button","[type=\"number\"]::-webkit-outer-spin-button","[type=\"search\"]","[type=\"search\"]::-webkit-search-decoration","::-webkit-file-upload-button","summary","body","button","h1","h2","h1","h2",".ms-form",".ms-form h2",".ms-form p",".ms-form-item",".ms-form-item label",".ms-form-item select",".ms-form-item select option:disabled",".ms-form-item select select[disabled]>option",".ms-form-item select",".ms-form-item input",".ms-form-item .ms-btn",".ms-form-item .small-print",".form-control",".form-control",".form-control","input","button","select","textarea","input",".has-error .form-control",".form-control",".form-control",".form-control","#ms-bundle-entry-form #edit-submit",".path-paket .btn#edit-submit",".path-paket .btn",".btn-success",".btn-success",".btn-warning",".btn",".btn-success",".btn","input","button","select","textarea","button","html input[type=\"button\"]","input[type=\"reset\"]","input[type=\"submit\"]","button","select","button","button","input","optgroup","select","textarea"],"specificity":{"max":200,"average":8.961904761904762}},"declarations":{"total":173,"unique":117,"properties":{"box-sizing":["border-box","inherit"],"-moz-tab-size":["4"],"tab-size":["4"],"line-height":["1.15","0","1.15","1.42857","19px","1.33","1.6","1.33","1.42857","inherit","normal","1.42857","1.42857","inherit"],"margin":["0","0.67em 0","0","0 auto","0"],"font-family":["-apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\"","SFMono-Regular, Consolas, \"Liberation Mono\", Menlo, Courier, monospace","inherit","\"Brandon Text\",Helvetica,Arial,sans-serif","inherit","inherit","inherit"],"font-size":["2em","1em","80%","75%","100%","14px","44px","36px","17px","17px","12px","15px","15px","20px","12px","16px","14px","inherit","16px","14px","18px","14px","inherit"],"height":["0","auto","auto","34px","34px"],"text-decoration":["underline dotted"],"font-weight":["bolder","400","500","500","500","500","normal"],"position":["relative"],"vertical-align":["baseline","baseline","middle"],"bottom":["-0.25em"],"top":["-0.5em"],"text-transform":["none","none"],"-webkit-appearance":["button","textfield","none","button","none","button"],"border-style":["none"],"padding":["0","0.35em 0.75em 0.625em","0","31px 63px","8px 13px","6px 12px","6px 12px","8px 36px","8px 16px","6px 12px"],"outline":["1px dotted ButtonText"],"outline-offset":["-2px"],"font":["inherit","inherit"],"display":["list-item","block","block","block","block","block","inline-block"],"color":["#8eb927","#8eb927","#4a4a4a","#343434","#a3a3a3","white","#737373","#343434","#555555","#343434","#555555","#fff","inherit"],"background":["white","#f2f2f2 url(\"http://cdn1.iconfinder.com/data/icons/cc_mono_icon_set/blacks/16x16/br_down.png\") no-repeat 95% center","#ff8819"],"border-radius":["8px","8px","4px","4px","8px","4px"],"box-shadow":["0 2px 2px 0 rgba(52,52,52,0.3)","none","0 2px 2px 0 rgba(0,0,0,0.24)","inset 0 1px 1px rgba(0,0,0,0.075)","inset 0 1px 1px rgba(0,0,0,0.075)","inset 0 1px 1px rgba(0,0,0,0.075)"],"max-width":["380px"],"margin-bottom":["6px","9px","0"],"-moz-appearance":["none"],"appearance":["none"],"border":["solid 1px #cccccc","none","1px solid #ccc","1px solid #ccc","none","1px solid transparent"],"min-width":["200px"],"min-height":["42px"],"text-align":["left","center"],"background-color":["#f9f9f9","#fff","#f9f9f9","#fff","#8eb927","#5cb85c"],"width":["100%","100%"],"background-image":["none","none","none"],"transition":["border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s","border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s"],"border-color":["#e75d32","#4cae4c"],"clear":["both"],"padding-right":["16px"],"padding-left":["16px"],"touch-action":["manipulation"],"cursor":["pointer","pointer"],"white-space":["nowrap"],"-webkit-user-select":["none"],"-moz-user-select":["none"],"-ms-user-select":["none"],"user-select":["none"],"overflow":["visible"]}},"mediaQueries":{"total":0,"unique":0,"values":[],"contents":[]}}}

7

package.json
{
"version": "0.0.3",
"version": "0.0.4",
"name": "@mysugr/spring-forms",

@@ -36,3 +36,6 @@ "description": "A collection of forms used for primary and secondary actions.",

"forms"
]
],
"dependencies": {
"@mysugr/spring-utilities": "^0.0.4"
}
}

87

README.md
# Spring Forms
#### Form typography
The headings are different than in on the landing page typography. ([Zeplin](https://zpl.io/bzMXx9M), [Dropbox](http://example.com/this-could-be-a-dropbox-link))
```html|white
<div class="ms-form">
<h2>Angebot freischalten</h2>
<p>mySugr kooperiert mit Versicherungen, die deine Kosten übernehmen.</p>
</div>
```
#### Select
Here's an example of a new select component styled without Bootstrap. ([Zeplin](https://zpl.io/bzMXx9M), [Dropbox](http://example.com/this-could-be-a-dropbox-link))
```html
<div class="ms-form">
<div class="ms-form-item">
<label for="edit-insurance" class="control-label">Deine Versicherung:</label>
<div class="select-wrapper">
<select data-drupal-selector="edit-insurance" id="edit-insurance" name="insurance">
<option disabled selected value>Versicherung</option>
<option value="gothaer">Gothaer</option>
<option value="barmenia">Barmenia</option>
<option value="vkb">VKB (Versicherungskammer Bayern)</option>
<option value="ukv">UKV (Union Krankenversicherung)</option>
<option value="other">Andere Versicherung</option>
</select>
</div>
</div>
</div>
```
#### Form Buttons
Form buttons can be different than buttons on the main page (can they really? 🤔). ([Zeplin](https://zpl.io/bzMXx9M), [Dropbox](http://example.com/this-could-be-a-dropbox-link))
```html
<div class="ms-form">
<div class="ms-form-item">
<button type="submit" class="ms-btn" id="edit-submit" name="op" value="Los geht's">
Los geht´s
</button>
<div class="small-print">
Sieh <u><a href="/de/unterstuetzte-smartphones">hier</a></u> ob dein Smartphone mit dem Accu-Chek<sup>®</sup> Guide kompatibel ist.
</small>
</div>
</div>
```
#### Complete form
```html
<div class="ms-form">
<h2>Angebot freischalten</h2>
<p>mySugr kooperiert mit Versicherungen, die deine Kosten übernehmen.</p>
<div class="ms-form-item">
<label for="edit-insurance" class="control-label">Deine Versicherung:</label>
<div class="select-wrapper">
<select data-drupal-selector="edit-insurance" id="edit-insurance" name="insurance">
<option disabled selected value>Versicherung</option>
<option value="gothaer">Gothaer</option>
<option value="barmenia">Barmenia</option>
<option value="vkb">VKB (Versicherungskammer Bayern)</option>
<option value="ukv">UKV (Union Krankenversicherung)</option>
<option value="other">Andere Versicherung</option>
</select>
</div>
</div>
<div class="ms-form-item">
<button type="submit" class="ms-btn" id="edit-submit" name="op" value="Los geht's">
Los geht´s
</button>
<div class="small-print">
Sieh <u><a href="/de/unterstuetzte-smartphones">hier</a></u> ob dein Smartphone mit dem Accu-Chek<sup>®</sup> Guide kompatibel ist.
</small>
</div>
</div>
```
### Old stuff
Rewrite, as this was very rough style scraping.
#### Select (old)
```html
<div class="form-item-wrapper col-sm-12"><div class="form-item js-form-item form-type-select js-form-type-select form-item-insurance js-form-item-insurance form-group">

@@ -7,0 +94,0 @@ <label for="edit-insurance" class="control-label">Versicherung</label>

build/build.css

Sorry, the diff of this file is not supported yet

index.scss

Sorry, the diff of this file is not supported yet

lib/form-input.css

Sorry, the diff of this file is not supported yet

lib/form-input.scss

Sorry, the diff of this file is not supported yet

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

About

Packages

npm

Go

Maven

PyPI

Rubygems

Stay in touch

Get open source security insights delivered straight into your inbox.

  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc