Huge News!Announcing our $40M Series B led by Abstract Ventures.Learn More →
biings-ds
Advanced tools
biings-ds - npm Package Compare versions
Comparing version 1.10.3 to 1.11.0
@@ -87,5 +87,5 @@ <h6 class="subtitle is-5 has-text-grey">Component</h6><h1 class="title is-1 has-text-weight-bold">Box</h1> | ||
| <div class="box is-well is-marginless"> | ||
| <div class="box is-well is-marginless "> | ||
| <div class="box"> | ||
| <div id="ebox" class="box is-large is-white hover-to-popping is-expandable" onclick="toggleExpand('ebox')"> | ||
| <div id="ebox" class="box is-large is-white hover-to-popping is-expandable is-unselectable" onclick="toggleExpand('ebox')"> | ||
| <span class="title is-4 has-text-grey-darker">I'm expandable <span class="has-text-grey has-text-weight-normal">(click me)</span></span> | ||
@@ -100,3 +100,3 @@ <div class="expanded-content"> | ||
| <div class="box is-expandable"> | ||
| <div class="box is-expandable is-unselectable"> | ||
| I'm expandable (click me) | ||
@@ -103,0 +103,0 @@ <div class="expanded-content"> |
@@ -13,5 +13,9 @@ <h6 class="subtitle is-5 has-text-grey">Style</h6><h1 class="title is-1 has-text-weight-bold">Color</h1> | ||
| <div class="columns is-multiline"> | ||
| <div class="column is-3"><div class="box has-background-primary is-marginless"></div><span>**primary**</span><br><span class="has-text-grey-dark is-monospace">#715EB8</span></div> | ||
| <div class="column is-3"><div class="box has-background-light is-bordered is-marginless"></div><span>**light**</span><br><span class="has-text-grey-dark is-monospace">#F9F8FC</span></div> | ||
| <div class="column is-3"><div class="box has-background-dark is-marginless"></div><span>**dark**</span><br><span class="has-text-grey-dark is-monospace">#403D4B</span></div> | ||
| <div class="column is-3"><div class="has-background-primary"><br><br></div><span>**primary**</span><br><span class="has-text-grey-dark is-monospace">#715EB8</span></div> | ||
| <div class="column is-3"><div class="has-background-light"><br><br></div><span>**light**</span><br><span class="has-text-grey-dark is-monospace">#F9F8FC</span></div> | ||
| <div class="column is-3"><div class="has-background-dark"><br><br></div><span>**dark**</span><br><span class="has-text-grey-dark is-monospace">#403D4B</span></div> | ||
| <div class="column is-12"></div> | ||
| <div class="column is-3"><div class="has-background-pilot"><br><br></div><span>**pilot** / velvet</span><br><span class="has-text-grey-dark is-monospace">#9B5DB5</span></div> | ||
| <div class="column is-3"><div class="has-background-care"><br><br></div><span>**care** / sky</span><br><span class="has-text-grey-dark is-monospace">#71C7D6</span></div> | ||
| <div class="column is-3"><div class="has-background-claim"><br><br></div><span>**claim** / fire</span><br><span class="has-text-grey-dark is-monospace">#F89465</span></div> | ||
| </div> | ||
@@ -18,0 +22,0 @@ |
@@ -6,6 +6,4 @@ <h6 class="subtitle is-5 has-text-grey">Component</h6><h1 class="title is-1">Loader</h1> | ||
| <div class="message is-info"> | ||
| <div class="message-body"> | ||
| For page loading, a <a href="#/skeleton">Skeleton</a> screen is probably a better option. | ||
| </div> | ||
| <div class="subtitle is-6"> | ||
| For page loading, a <a href="#/skeleton">Skeleton</a> screen is probably a better option. | ||
| </div> | ||
@@ -12,0 +10,0 @@ |
@@ -8,3 +8,3 @@ <h6 class="subtitle is-5 has-text-grey">Component</h6><h1 class="title is-1 has-text-weight-bold">Panel</h1> | ||
| <div class="column is-two-thirds"> | ||
| <nav class="panel"> | ||
| <nav class="panel has-background-white"> | ||
| <div class="panel-tabs is-size-6 has-text-weight-semibold"> | ||
@@ -11,0 +11,0 @@ <a class="is-active">All</a> |
| <br><br><br> | ||
| <h1 class="title is-1">Biings <span class="has-text-weight-light">DS</span></h1> | ||
| <h1 class="title is-1 has-text-weight-bold">Biings <span class="has-text-weight-light">DS</span></h1> | ||
| <p class="subtitle is-5"> | ||
@@ -11,7 +11,7 @@ <span class="has-text-weight-semibold">Biings DS</span> is the design system for Biings applications and web pages. It is a series of guidelines used for creating unified experience and UI. Avoid design missteps by combining principles, style and components together. | ||
| <div class="column is-full"> | ||
| <a href="#/ethic" class="box is-large is-floating has-background-gradient-3 hover-to-popping"> | ||
| <img src="media/layout.png" width="65" class="no-zoom" style="margin-bottom: 0.5rem;"/> | ||
| <a href="#/approach" class="box is-large is-floating has-background-gradient-1 hover-to-popping"> | ||
| <img src="media/principles.png" width="65" class="no-zoom" style="margin-bottom: 0.5rem;"/> | ||
| <div> | ||
| <div class="title is-2 has-text-white has-text-weight-light">Principles</div> | ||
| <div class="subtitle is-5 has-text-yellow-lighter">Design for HR sustainabilty</div> | ||
| <div class="subtitle is-5 has-text-pink-lighter">Design for HR sustainabilty</div> | ||
| </div> | ||
@@ -30,7 +30,7 @@ </a> | ||
| <div class="column is-half"> | ||
| <a href="#/avatar" class="box is-large is-floating has-background-gradient-1 hover-to-popping"> | ||
| <a href="#/avatar" class="box is-large is-floating has-background-gradient-3 hover-to-popping"> | ||
| <img src="media/components.png" width="65" class="no-zoom"/> | ||
| <div> | ||
| <div class="title is-3 has-text-white has-text-weight-light">Components</div> | ||
| <div class="subtitle is-5 has-text-pink-lighter">Library of all BDS components</div> | ||
| <div class="subtitle is-5 has-text-yellow-lighter">Library of all BDS components</div> | ||
| </div> | ||
@@ -43,3 +43,3 @@ </a> | ||
| <h2 class="title is-3">Quick start</h2><br> | ||
| <h2 class="title is-3 has-text-weight-bold">Quick start</h2><br> | ||
@@ -46,0 +46,0 @@ <div class="title is-5 is-spaced">Using NPM</div> |
| <h6 class="subtitle is-5 has-text-grey">Principles</h6><h1 class="title is-1 has-text-weight-bold">Rules</h1> | ||
| <p class="subtitle is-5"> | ||
| When designing features, <span class="has-text-weight-semibold">Rules</span> ensure the safeguard of the Biings ethic. They are the result of careful reflexions on how to implement any specific HR principle and establish an agreed approach to recurent problems. | ||
| When designing features, <span class="has-text-weight-semibold">Rules</span> ensure the safeguard of the Biings approach. They are the result of careful reflexions on how to implement any specific HR principle and establish an agreed approach to recurent problems. | ||
| </p> | ||
| <hr class="is-smaller"> | ||
| <div id="r-wc" class="box is-expandable is-large is-well hover-to-white" onclick="toggleExpand('r-wc')"> | ||
| <span class="title is-4 has-text-weight-semibold">Worrying chronicity of absence cases <span class="has-text-weight-normal is-size-6 has-text-grey-dark"> conditions</span></span> | ||
| <div class="expanded-content"> | ||
| <hr class="is-visible is-large"> | ||
| <div id="r-wc" class="box is-expandable is-unselectable is-large is-well hover-to-white" onclick="toggleExpand('r-wc')"> | ||
| <span class="title is-4">Repetitive absences</span> | ||
| <div class="expanded-content content"> | ||
| <p> | ||
| <br>A person reaches a status of *repetitive absences* when he or she accumulates 4 unplanned cases of absences within the last 12 months. | ||
| </p> | ||
| <p>The status remains as long as the person continues to be chronicly absent. The status is removed once the total number of unplanned absences in the last 12 months drops below 4.</p> | ||
| <br> | ||
| - 1 cas de chronicité = 4 absences durant la période déterminée pour une personne.<br> | ||
| - Taux de chronicité = (nombre de cas de chronicité / nombre de personnes) * 100.<br> | ||
| - Degré de chronicité:<br> | ||
| - Taux de chronicité < 5 = faible (std)<br> | ||
| - 5 < Taux de chronicité < 7 = moyen (medium)<br> | ||
| - Taux de chronicité > 7 = mauvais (bad) | ||
| <h5>Repetitive absence rate</h5> | ||
| <p>The rate of *repetitive absences* (RA) within a group of people is computed as follows:</p> | ||
| <p class="has-text-centered box is-bordered">**RA rate** = ( **nb. of persons currently in RA** / **total number of persons** ) × **100**</p> | ||
| </div> | ||
| </div> | ||
| <div id="r-adc" class="box is-expandable is-large is-well hover-to-white" onclick="toggleExpand('r-adc')"> | ||
| <span class="title is-4 has-text-weight-semibold">Absences duration categories <span class="has-text-weight-normal is-size-6 has-text-grey-dark"> classification</span></span> | ||
| <div class="expanded-content"> | ||
| <hr class="is-smaller"> | ||
| Under construction.. | ||
| <div id="r-adc" class="box is-large is-expandable is-unselectable is-well hover-to-white" onclick="toggleExpand('r-adc')"> | ||
| <span class="title is-4">Absences duration categories</span> | ||
| <div class="expanded-content content"> | ||
| <p><br>Absences can be sorted into 6 categories depending on their duration (in days):</p> | ||
| <table> | ||
| <thead><tr><th>Category</th><th>Duration</th></tr></thead> | ||
| <tbody> | ||
| <tr><td>**A**</td><td>1 → 3 days</td></tr> | ||
| <tr><td>**B**</td><td>4 → 10 days</td></tr> | ||
| <tr><td>**C**</td><td>11 → 30 days</td></tr> | ||
| <tr><td>**D**</td><td>31 → 90 days</td></tr> | ||
| <tr><td>**E**</td><td>91 → 270 days</td></tr> | ||
| <tr><td>**F**</td><td>271 → 720 days</td></tr> | ||
| <tr><td><br>Short term</td><td><br>1 → 30 days</td></tr> | ||
| <tr><td>Long term</td><td>31 → 720 days</td></tr> | ||
| </tbody> | ||
| </table> | ||
| </div> | ||
| </div> | ||
| <div id="r-rtw" class="box is-expandable is-large is-well hover-to-white" onclick="toggleExpand('r-rtw')"> | ||
| <span class="title is-4 has-text-weight-semibold">Return to work meeting <span class="has-text-weight-normal is-size-6 has-text-grey-dark"> occurence</span></span> | ||
| <div id="r-rtw" class="box is-expandable is-large is-well hover-to-white is-unselectable" onclick="toggleExpand('r-rtw')"> | ||
| <span class="title is-4">Return to work meeting</span> | ||
| <div class="expanded-content"> | ||
@@ -31,0 +45,0 @@ <hr class="is-smaller"> |
| { | ||
| "name": "biings-ds", | ||
| "version": "1.10.3", | ||
| "version": "1.11.0", | ||
| "description": "Biings Design System", | ||
@@ -5,0 +5,0 @@ "main": "build/bds.css", |
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
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
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
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
New alerts
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
Fixed alerts
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
Improved metrics
- Total package byte prevSize
11028986
- Number of package files
- increased by1.18%
171
Worsened metrics
- Lines of code
- decreased by-0.31%
6094
No dependency changes