biings-ds - npm Package Compare versions

Comparing version 1.1.1 to 1.1.2

docs/_coverpage.md

@@ -10,3 +10,3 @@ <!-- _coverpage.md -->
 <div class="title is-1 is-spaced has-text-weight-bold ">Biings <span class="has-text-weight-light">DS</span></div>
-<div class="subtitle is-4 has-text-primary has-text-weight-semibold">The single source of truth for building Biings UIs</div>
+<div class="subtitle is-4 has-text-grey-dark">The single source of truth for building Biings UIs</div>
 <hr class="is-invisible is-large"/>
@@ -20,2 +20,2 @@ <a href="#/?id=main" class="button is-primary is-medium is-beefy">Explore the system</a>
 <!-- background color -->
-![color](#F9F9FD)
+![color](#F7F6FA)

docs/color.md

@@ -13,3 +13,3 @@ <h6 class="subtitle is-5 has-text-grey has-text-weight-semibold">Foundation</h6><h1 class="title is-1 has-text-weight-bold">Color</h1>
     <div class="column is-3"><div class="notification has-background-light"><br></div><span>**light**</span><br><span class="subtitle is-6 has-text-monospace">#F9F8FC</span></div>
-    <div class="column is-3"><div class="notification has-background-dark"><br></div><span>**dark**</span><br><span class="subtitle is-6 has-text-monospace">#403d4b</span></div>
+    <div class="column is-3"><div class="notification has-background-dark"><br></div><span>**dark**</span><br><span class="subtitle is-6 has-text-monospace">#403D4B</span></div>
 </div>
@@ -28,11 +28,11 @@
     <div class="column is-12"></div>
-    <div class="column is-3"><div class="notification has-background-grey-dark"><br></div><span>**grey-dark**</span><br><span class="subtitle is-6 has-text-monospace">#78C0E0</span></div>
-    <div class="column is-3"><div class="notification has-background-grey"><br></div><span>**grey**</span><br><span class="subtitle is-6 has-text-monospace">#78C0E0</span></div>
-    <div class="column is-3"><div class="notification has-background-grey-light"><br></div><span>**grey-light**</span><br><span class="subtitle is-6 has-text-monospace">#78C0E0</span></div>
-    <div class="column is-3"><div class="notification has-background-grey-lighter"><br></div><span>**grey-lighter**</span><br><span class="subtitle is-6 has-text-monospace">#F6F5FA</span></div> 
+    <div class="column is-3"><div class="notification has-background-grey-dark"><br></div><span>**grey-dark**</span><br><span class="subtitle is-6 has-text-monospace">#8B85A0</span></div>
+    <div class="column is-3"><div class="notification has-background-grey"><br></div><span>**grey**</span><br><span class="subtitle is-6 has-text-monospace">#B4B0C2</span></div>
+    <div class="column is-3"><div class="notification has-background-grey-light"><br></div><span>**grey-light**</span><br><span class="subtitle is-6 has-text-monospace">#D3D1DB</span></div>
+    <div class="column is-3"><div class="notification has-background-grey-lighter"><br></div><span>**grey-lighter**</span><br><span class="subtitle is-6 has-text-monospace">#EDECF0</span></div> 
     <div class="column is-12"></div>
-    <div class="column is-3"><div class="notification has-background-black"><br></div><span>**black**</span><br><span class="subtitle is-6 has-text-monospace">#FFFFFF</span></div>
-    <div class="column is-3"><div class="notification has-background-black-bis"><br></div><span>**black-bis**</span><br><span class="subtitle is-6 has-text-monospace">#F9F8FC</span></div>
-    <div class="column is-3"><div class="notification has-background-black-ter"><br></div><span>**black-ter**</span><br><span class="subtitle is-6 has-text-monospace">#F6F5FA</span></div>
-    <div class="column is-3"><div class="notification has-background-grey-darker"><br></div><span>**grey-darker**</span><br><span class="subtitle is-6 has-text-monospace">#78C0E0</span></div>
+    <div class="column is-3"><div class="notification has-background-black"><br></div><span>**black**</span><br><span class="subtitle is-6 has-text-monospace">#15141B</span></div>
+    <div class="column is-3"><div class="notification has-background-black-bis"><br></div><span>**black-bis**</span><br><span class="subtitle is-6 has-text-monospace">#302D3D</span></div>
+    <div class="column is-3"><div class="notification has-background-black-ter"><br></div><span>**black-ter**</span><br><span class="subtitle is-6 has-text-monospace">#403D4B</span></div>
+    <div class="column is-3"><div class="notification has-background-grey-darker"><br></div><span>**grey-darker**</span><br><span class="subtitle is-6 has-text-monospace">#6D6881</span></div>
 </div>
@@ -47,46 +47,46 @@
 <div class="columns is-multiline">
-    <div class="column is-3"><div class="notification has-background-cyan-dark"><br></div><span>**cyan-dark**</span><br><span class="subtitle is-6 has-text-monospace">#78C0E0</span></div>
+    <div class="column is-3"><div class="notification has-background-cyan-dark"><br></div><span>**cyan-dark**</span><br><span class="subtitle is-6 has-text-monospace">#5A90A8</span></div>
     <div class="column is-3"><div class="notification has-background-cyan"><br></div><span>**cyan** / Viking</span><br><span class="subtitle is-6 has-text-monospace">#78C0E0</span></div>
-    <div class="column is-3"><div class="notification has-background-cyan-light"><br></div><span>**cyan-light**</span><br><span class="subtitle is-6 has-text-monospace">#78C0E0</span></div>
-    <div class="column is-3"><div class="notification has-background-cyan-lighter"><br></div><span>**cyan-lighter**</span><br><span class="subtitle is-6 has-text-monospace">#78C0E0</span></div>
+    <div class="column is-3"><div class="notification has-background-cyan-light"><br></div><span>**cyan-light**</span><br><span class="subtitle is-6 has-text-monospace">#A1D3E9</span></div>
+    <div class="column is-3"><div class="notification has-background-cyan-lighter"><br></div><span>**cyan-lighter**</span><br><span class="subtitle is-6 has-text-monospace">#C9E6F3</span></div>
     <div class="column is-12"></div>
-    <div class="column is-3"><div class="notification has-background-blue-dark"><br></div><span>**blue-dark**</span><br><span class="subtitle is-6 has-text-monospace">#78C0E0</span></div>
-    <div class="column is-3"><div class="notification has-background-blue"><br></div><span>**blue** / Indigo</span><br><span class="subtitle is-6 has-text-monospace">#78C0E0</span></div>
-    <div class="column is-3"><div class="notification has-background-blue-light"><br></div><span>**blue-light**</span><br><span class="subtitle is-6 has-text-monospace">#78C0E0</span></div>
-    <div class="column is-3"><div class="notification has-background-blue-lighter"><br></div><span>**blue-lighter**</span><br><span class="subtitle is-6 has-text-monospace">#78C0E0</span></div>
+    <div class="column is-3"><div class="notification has-background-blue-dark"><br></div><span>**blue-dark**</span><br><span class="subtitle is-6 has-text-monospace">#445C97</span></div>
+    <div class="column is-3"><div class="notification has-background-blue"><br></div><span>**blue** / Indigo</span><br><span class="subtitle is-6 has-text-monospace">#5A7BC9</span></div>
+    <div class="column is-3"><div class="notification has-background-blue-light"><br></div><span>**blue-light**</span><br><span class="subtitle is-6 has-text-monospace">#8CA3D9</span></div>
+    <div class="column is-3"><div class="notification has-background-blue-lighter"><br></div><span>**blue-lighter**</span><br><span class="subtitle is-6 has-text-monospace">#BDCAE9</span></div>
     <div class="column is-12"></div>
-    <div class="column is-3"><div class="notification has-background-purple-dark"><br></div><span>**purple-dark**</span><br><span class="subtitle is-6 has-text-monospace">#78C0E0</span></div>
-    <div class="column is-3"><div class="notification has-background-purple"><br></div><span>**purple** / Marguerite</span><br><span class="subtitle is-6 has-text-monospace">#78C0E0</span></div>
-    <div class="column is-3"><div class="notification has-background-purple-light"><br></div><span>**purple-light**</span><br><span class="subtitle is-6 has-text-monospace">#78C0E0</span></div>
-    <div class="column is-3"><div class="notification has-background-purple-lighter"><br></div><span>**purple-lighter**</span><br><span class="subtitle is-6 has-text-monospace">#78C0E0</span></div>
+    <div class="column is-3"><div class="notification has-background-purple-dark"><br></div><span>**purple-dark**</span><br><span class="subtitle is-6 has-text-monospace">#564499</span></div>
+    <div class="column is-3"><div class="notification has-background-purple"><br></div><span>**purple** / Marguerite</span><br><span class="subtitle is-6 has-text-monospace">#735BCC</span></div>
+    <div class="column is-3"><div class="notification has-background-purple-light"><br></div><span>**purple-light**</span><br><span class="subtitle is-6 has-text-monospace">#9D8CDB</span></div>
+    <div class="column is-3"><div class="notification has-background-purple-lighter"><br></div><span>**purple-lighter**</span><br><span class="subtitle is-6 has-text-monospace">#C7BDEB</span></div>
     <div class="column is-12"></div>
-    <div class="column is-3"><div class="notification has-background-pink-dark"><br></div><span>**pink-dark**</span><br><span class="subtitle is-6 has-text-monospace">#78C0E0</span></div>
-    <div class="column is-3"><div class="notification has-background-pink"><br></div><span>**pink** / Fuchsia</span><br><span class="subtitle is-6 has-text-monospace">#78C0E0</span></div>
-    <div class="column is-3"><div class="notification has-background-pink-light"><br></div><span>**pink-light**</span><br><span class="subtitle is-6 has-text-monospace">#78C0E0</span></div>
-    <div class="column is-3"><div class="notification has-background-pink-lighter"><br></div><span>**pink-lighter**</span><br><span class="subtitle is-6 has-text-monospace">#78C0E0</span></div>
+    <div class="column is-3"><div class="notification has-background-pink-dark"><br></div><span>**pink-dark**</span><br><span class="subtitle is-6 has-text-monospace">#9D468B</span></div>
+    <div class="column is-3"><div class="notification has-background-pink"><br></div><span>**pink** / Fuchsia</span><br><span class="subtitle is-6 has-text-monospace">#CC5BB5</span></div>
+    <div class="column is-3"><div class="notification has-background-pink-light"><br></div><span>**pink-light**</span><br><span class="subtitle is-6 has-text-monospace">#DB8CCB</span></div>
+    <div class="column is-3"><div class="notification has-background-pink-lighter"><br></div><span>**pink-lighter**</span><br><span class="subtitle is-6 has-text-monospace">#EBBDE1</span></div>
     <div class="column is-12"></div>
-    <div class="column is-3"><div class="notification has-background-red-dark"><br></div><span>**red-dark**</span><br><span class="subtitle is-6 has-text-monospace">#78C0E0</span></div>
-    <div class="column is-3"><div class="notification has-background-red"><br></div><span>**red** / Froly</span><br><span class="subtitle is-6 has-text-monospace">#78C0E0</span></div>
-    <div class="column is-3"><div class="notification has-background-red-light"><br></div><span>**red-light**</span><br><span class="subtitle is-6 has-text-monospace">#78C0E0</span></div>
-    <div class="column is-3"><div class="notification has-background-red-lighter"><br></div><span>**red-lighter**</span><br><span class="subtitle is-6 has-text-monospace">#78C0E0</span></div>
+    <div class="column is-3"><div class="notification has-background-red-dark"><br></div><span>**red-dark**</span><br><span class="subtitle is-6 has-text-monospace">#BF4E56</span></div>
+    <div class="column is-3"><div class="notification has-background-red"><br></div><span>**red** / Froly</span><br><span class="subtitle is-6 has-text-monospace">#EF626C</span></div>
+    <div class="column is-3"><div class="notification has-background-red-light"><br></div><span>**red-light**</span><br><span class="subtitle is-6 has-text-monospace">#F49198</span></div>
+    <div class="column is-3"><div class="notification has-background-red-lighter"><br></div><span>**red-lighter**</span><br><span class="subtitle is-6 has-text-monospace">#F9C0C4</span></div>
     <div class="column is-12"></div>
-    <div class="column is-3"><div class="notification has-background-orange-dark"><br></div><span>**orange-dark**</span><br><span class="subtitle is-6 has-text-monospace">#78C0E0</span></div>
-    <div class="column is-3"><div class="notification has-background-orange"><br></div><span>**orange** / Carrot</span><br><span class="subtitle is-6 has-text-monospace">#78C0E0</span></div>
-    <div class="column is-3"><div class="notification has-background-orange-light"><br></div><span>**orange-light**</span><br><span class="subtitle is-6 has-text-monospace">#78C0E0</span></div>
-    <div class="column is-3"><div class="notification has-background-orange-lighter"><br></div><span>**orange-lighter**</span><br><span class="subtitle is-6 has-text-monospace">#78C0E0</span></div>
+    <div class="column is-3"><div class="notification has-background-orange-dark"><br></div><span>**orange-dark**</span><br><span class="subtitle is-6 has-text-monospace">#D97F04</span></div>
+    <div class="column is-3"><div class="notification has-background-orange"><br></div><span>**orange** / Carrot</span><br><span class="subtitle is-6 has-text-monospace">#FF9505</span></div>
+    <div class="column is-3"><div class="notification has-background-orange-light"><br></div><span>**orange-light**</span><br><span class="subtitle is-6 has-text-monospace">#FFB550</span></div>
+    <div class="column is-3"><div class="notification has-background-orange-lighter"><br></div><span>**orange-lighter**</span><br><span class="subtitle is-6 has-text-monospace">#FFD59B</span></div>
     <div class="column is-12"></div>
-    <div class="column is-3"><div class="notification has-background-yellow-dark"><br></div><span>**yellow-dark**</span><br><span class="subtitle is-6 has-text-monospace">#78C0E0</span></div>
-    <div class="column is-3"><div class="notification has-background-yellow"><br></div><span>**yellow** / Casablanca</span><br><span class="subtitle is-6 has-text-monospace">#78C0E0</span></div>
-    <div class="column is-3"><div class="notification has-background-yellow-light"><br></div><span>**yellow-light**</span><br><span class="subtitle is-6 has-text-monospace">#78C0E0</span></div>
-    <div class="column is-3"><div class="notification has-background-yellow-lighter"><br></div><span>**yellow-lighter**</span><br><span class="subtitle is-6 has-text-monospace">#78C0E0</span></div>
+    <div class="column is-3"><div class="notification has-background-yellow-dark"><br></div><span>**yellow-dark**</span><br><span class="subtitle is-6 has-text-monospace">#DEA244</span></div>
+    <div class="column is-3"><div class="notification has-background-yellow"><br></div><span>**yellow** / Casablanca</span><br><span class="subtitle is-6 has-text-monospace">#FFC15E</span></div>
+    <div class="column is-3"><div class="notification has-background-yellow-light"><br></div><span>**yellow-light**</span><br><span class="subtitle is-6 has-text-monospace">#FFD48E</span></div>
+    <div class="column is-3"><div class="notification has-background-yellow-lighter"><br></div><span>**yellow-lighter**</span><br><span class="subtitle is-6 has-text-monospace">#FFE6BF</span></div>
     <div class="column is-12"></div>
-    <div class="column is-3"><div class="notification has-background-turquoise-dark"><br></div><span>**turquoise-dark**</span><br><span class="subtitle is-6 has-text-monospace">#78C0E0</span></div>
-    <div class="column is-3"><div class="notification has-background-turquoise"><br></div><span>**turquoise** / Bermuda</span><br><span class="subtitle is-6 has-text-monospace">#78C0E0</span></div>
-    <div class="column is-3"><div class="notification has-background-turquoise-light"><br></div><span>**turquoise-light**</span><br><span class="subtitle is-6 has-text-monospace">#78C0E0</span></div>
-    <div class="column is-3"><div class="notification has-background-turquoise-lighter"><br></div><span>**turquoise-lighter**</span><br><span class="subtitle is-6 has-text-monospace">#78C0E0</span></div>
+    <div class="column is-3"><div class="notification has-background-turquoise-dark"><br></div><span>**turquoise-dark**</span><br><span class="subtitle is-6 has-text-monospace">#46A391</span></div>
+    <div class="column is-3"><div class="notification has-background-turquoise"><br></div><span>**turquoise** / Bermuda</span><br><span class="subtitle is-6 has-text-monospace">#5DD9C1</span></div>
+    <div class="column is-3"><div class="notification has-background-turquoise-light"><br></div><span>**turquoise-light**</span><br><span class="subtitle is-6 has-text-monospace">#8EE4D4</span></div>
+    <div class="column is-3"><div class="notification has-background-turquoise-lighter"><br></div><span>**turquoise-lighter**</span><br><span class="subtitle is-6 has-text-monospace">#BEF0E6</span></div>
     <div class="column is-12"></div>
-    <div class="column is-3"><div class="notification has-background-green-dark"><br></div><span>**green-dark**</span><br><span class="subtitle is-6 has-text-monospace">#78C0E0</span></div>
-    <div class="column is-3"><div class="notification has-background-green"><br></div><span>**green** / Emerald</span><br><span class="subtitle is-6 has-text-monospace">#78C0E0</span></div>
-    <div class="column is-3"><div class="notification has-background-green-light"><br></div><span>**green-light**</span><br><span class="subtitle is-6 has-text-monospace">#78C0E0</span></div>
-    <div class="column is-3"><div class="notification has-background-green-lighter"><br></div><span>**green-lighter**</span><br><span class="subtitle is-6 has-text-monospace">#78C0E0</span></div>
+    <div class="column is-3"><div class="notification has-background-green-dark"><br></div><span>**green-dark**</span><br><span class="subtitle is-6 has-text-monospace">#449956</span></div>
+    <div class="column is-3"><div class="notification has-background-green"><br></div><span>**green** / Emerald</span><br><span class="subtitle is-6 has-text-monospace">#5BCC72</span></div>
+    <div class="column is-3"><div class="notification has-background-green-light"><br></div><span>**green-light**</span><br><span class="subtitle is-6 has-text-monospace">#8CDB9C</span></div>
+    <div class="column is-3"><div class="notification has-background-green-lighter"><br></div><span>**green-lighter**</span><br><span class="subtitle is-6 has-text-monospace">#BDEBC7</span></div>
 </div>
@@ -93,0 +93,0 @@

docs/icons.md

@@ -10,3 +10,3 @@ <h6 class="subtitle is-5 has-text-grey has-text-weight-semibold">Foundation</h6><h1 class="title is-1 has-text-weight-bold">Iconography</h1>
 
-Icons should <u>not be less than 16 pixels</u> (width and height). Use, or make, an equivalent Glyph when displayed below 16px.
+Icons should <u>not be less than 25 pixels</u> (width and height). Use, or make, an equivalent Glyph when displayed below 25px.
 
@@ -16,3 +16,26 @@ <hr class="is-small">
 <div class="columns is-multiline is-mobile is-size-7 has-text-centered has-text-weight-semibold is-monospace has-text-grey-dark">
-    <div class="column is-one-third-mobile is-one-fifth-tablet"><div class="box is-bordered is-relaxed"><svg class="icon is-medium"><use xlink:href="media/bds-icons.min.svg#biings-care"></use></svg></div>biings-care</div><div class="column is-one-third-mobile is-one-fifth-tablet"><div class="box is-bordered is-relaxed"><svg class="icon is-medium"><use xlink:href="media/bds-icons.min.svg#biings-claim"></use></svg></div>biings-claim</div><div class="column is-one-third-mobile is-one-fifth-tablet"><div class="box is-bordered is-relaxed"><svg class="icon is-medium"><use xlink:href="media/bds-icons.min.svg#biings-pilot"></use></svg></div>biings-pilot</div><div class="column is-one-third-mobile is-one-fifth-tablet"><div class="box is-bordered is-relaxed"><svg class="icon is-medium"><use xlink:href="media/bds-icons.min.svg#book"></use></svg></div>book</div><div class="column is-one-third-mobile is-one-fifth-tablet"><div class="box is-bordered is-relaxed"><svg class="icon is-medium"><use xlink:href="media/bds-icons.min.svg#bubble"></use></svg></div>bubble</div><div class="column is-one-third-mobile is-one-fifth-tablet"><div class="box is-bordered is-relaxed"><svg class="icon is-medium"><use xlink:href="media/bds-icons.min.svg#chevron_down"></use></svg></div>chevron_down</div><div class="column is-one-third-mobile is-one-fifth-tablet"><div class="box is-bordered is-relaxed"><svg class="icon is-medium"><use xlink:href="media/bds-icons.min.svg#legal-proof"></use></svg></div>legal-proof</div><div class="column is-one-third-mobile is-one-fifth-tablet"><div class="box is-bordered is-relaxed"><svg class="icon is-medium"><use xlink:href="media/bds-icons.min.svg#medical"></use></svg></div>medical</div><div class="column is-one-third-mobile is-one-fifth-tablet"><div class="box is-bordered is-relaxed"><svg class="icon is-medium"><use xlink:href="media/bds-icons.min.svg#person"></use></svg></div>person</div><div class="column is-one-third-mobile is-one-fifth-tablet"><div class="box is-bordered is-relaxed"><svg class="icon is-medium"><use xlink:href="media/bds-icons.min.svg#timelines"></use></svg></div>timelines</div><div class="column is-one-third-mobile is-one-fifth-tablet"><div class="box is-bordered is-relaxed"><svg class="icon is-medium"><use xlink:href="media/bds-icons.min.svg#biings"></use></svg></div>biings</div><div class="column is-one-third-mobile is-one-fifth-tablet"><div class="box is-bordered is-relaxed"><svg class="icon is-medium"><use xlink:href="media/bds-icons.min.svg#key_esc"></use></svg></div>key_esc</div><div class="column is-one-third-mobile is-one-fifth-tablet"><div class="box is-bordered is-relaxed"><svg class="icon is-medium"><use xlink:href="media/bds-icons.min.svg#key_return"></use></svg></div>key_return</div><div class="column is-one-third-mobile is-one-fifth-tablet"><div class="box is-bordered is-relaxed"><svg class="icon is-medium"><use xlink:href="media/bds-icons.min.svg#key_up_down"></use></svg></div>key_up_down</div><div class="column is-one-third-mobile is-one-fifth-tablet"><div class="box is-bordered is-relaxed"><svg class="icon is-medium"><use xlink:href="media/bds-icons.min.svg#segment"></use></svg></div>segment</div><div class="column is-one-third-mobile is-one-fifth-tablet"><div class="box is-bordered is-relaxed"><svg class="icon is-medium"><use xlink:href="media/bds-icons.min.svg#arrow-down"></use></svg></div>arrow-down</div><div class="column is-one-third-mobile is-one-fifth-tablet"><div class="box is-bordered is-relaxed"><svg class="icon is-medium"><use xlink:href="media/bds-icons.min.svg#arrow-left"></use></svg></div>arrow-left</div><div class="column is-one-third-mobile is-one-fifth-tablet"><div class="box is-bordered is-relaxed"><svg class="icon is-medium"><use xlink:href="media/bds-icons.min.svg#arrow-right"></use></svg></div>arrow-right</div><div class="column is-one-third-mobile is-one-fifth-tablet"><div class="box is-bordered is-relaxed"><svg class="icon is-medium"><use xlink:href="media/bds-icons.min.svg#arrow-up"></use></svg></div>arrow-up</div><div class="column is-one-third-mobile is-one-fifth-tablet"><div class="box is-bordered is-relaxed"><svg class="icon is-medium"><use xlink:href="media/bds-icons.min.svg#briefcase"></use></svg></div>briefcase</div><div class="column is-one-third-mobile is-one-fifth-tablet"><div class="box is-bordered is-relaxed"><svg class="icon is-medium"><use xlink:href="media/bds-icons.min.svg#check"></use></svg></div>check</div><div class="column is-one-third-mobile is-one-fifth-tablet"><div class="box is-bordered is-relaxed"><svg class="icon is-medium"><use xlink:href="media/bds-icons.min.svg#circle-minus"></use></svg></div>circle-minus</div><div class="column is-one-third-mobile is-one-fifth-tablet"><div class="box is-bordered is-relaxed"><svg class="icon is-medium"><use xlink:href="media/bds-icons.min.svg#circle-plus"></use></svg></div>circle-plus</div><div class="column is-one-third-mobile is-one-fifth-tablet"><div class="box is-bordered is-relaxed"><svg class="icon is-medium"><use xlink:href="media/bds-icons.min.svg#download"></use></svg></div>download</div><div class="column is-one-third-mobile is-one-fifth-tablet"><div class="box is-bordered is-relaxed"><svg class="icon is-medium"><use xlink:href="media/bds-icons.min.svg#gear"></use></svg></div>gear</div><div class="column is-one-third-mobile is-one-fifth-tablet"><div class="box is-bordered is-relaxed"><svg class="icon is-medium"><use xlink:href="media/bds-icons.min.svg#help"></use></svg></div>help</div><div class="column is-one-third-mobile is-one-fifth-tablet"><div class="box is-bordered is-relaxed"><svg class="icon is-medium"><use xlink:href="media/bds-icons.min.svg#off"></use></svg></div>off</div><div class="column is-one-third-mobile is-one-fifth-tablet"><div class="box is-bordered is-relaxed"><svg class="icon is-medium"><use xlink:href="media/bds-icons.min.svg#prefs"></use></svg></div>prefs</div><div class="column is-one-third-mobile is-one-fifth-tablet"><div class="box is-bordered is-relaxed"><svg class="icon is-medium"><use xlink:href="media/bds-icons.min.svg#search"></use></svg></div>search</div>
+    <div class="column is-one-third-mobile is-one-fifth-tablet"><div class="box is-bordered is-relaxed"><svg class="icon is-medium"><use xlink:href="media/bds-icons.min.svg#biings-care"></use></svg></div>biings-care</div>
+    <div class="column is-one-third-mobile is-one-fifth-tablet"><div class="box is-bordered is-relaxed"><svg class="icon is-medium"><use xlink:href="media/bds-icons.min.svg#biings-claim"></use></svg></div>biings-claim</div>
+    <div class="column is-one-third-mobile is-one-fifth-tablet"><div class="box is-bordered is-relaxed"><svg class="icon is-medium"><use xlink:href="media/bds-icons.min.svg#biings-pilot"></use></svg></div>biings-pilot</div>
+    <div class="column is-one-third-mobile is-one-fifth-tablet"><div class="box is-bordered is-relaxed"><svg class="icon is-medium"><use xlink:href="media/bds-icons.min.svg#book"></use></svg></div>book</div>
+    <div class="column is-one-third-mobile is-one-fifth-tablet"><div class="box is-bordered is-relaxed"><svg class="icon is-medium"><use xlink:href="media/bds-icons.min.svg#bubble"></use></svg></div>bubble</div>
+    <div class="column is-one-third-mobile is-one-fifth-tablet"><div class="box is-bordered is-relaxed"><svg class="icon is-medium"><use xlink:href="media/bds-icons.min.svg#chevron_down"></use></svg></div>chevron_down</div>
+    <div class="column is-one-third-mobile is-one-fifth-tablet"><div class="box is-bordered is-relaxed"><svg class="icon is-medium"><use xlink:href="media/bds-icons.min.svg#legal-proof"></use></svg></div>legal-proof</div>
+    <div class="column is-one-third-mobile is-one-fifth-tablet"><div class="box is-bordered is-relaxed"><svg class="icon is-medium"><use xlink:href="media/bds-icons.min.svg#medical"></use></svg></div>medical</div>
+    <div class="column is-one-third-mobile is-one-fifth-tablet"><div class="box is-bordered is-relaxed"><svg class="icon is-medium"><use xlink:href="media/bds-icons.min.svg#person"></use></svg></div>person</div>
+    <div class="column is-one-third-mobile is-one-fifth-tablet"><div class="box is-bordered is-relaxed"><svg class="icon is-medium"><use xlink:href="media/bds-icons.min.svg#timelines"></use></svg></div>timelines</div>
+    <div class="column is-one-third-mobile is-one-fifth-tablet"><div class="box is-bordered is-relaxed"><svg class="icon is-medium"><use xlink:href="media/bds-icons.min.svg#arrow-down"></use></svg></div>arrow-down</div>
+    <div class="column is-one-third-mobile is-one-fifth-tablet"><div class="box is-bordered is-relaxed"><svg class="icon is-medium"><use xlink:href="media/bds-icons.min.svg#arrow-left"></use></svg></div>arrow-left</div>
+    <div class="column is-one-third-mobile is-one-fifth-tablet"><div class="box is-bordered is-relaxed"><svg class="icon is-medium"><use xlink:href="media/bds-icons.min.svg#arrow-right"></use></svg></div>arrow-right</div>
+    <div class="column is-one-third-mobile is-one-fifth-tablet"><div class="box is-bordered is-relaxed"><svg class="icon is-medium"><use xlink:href="media/bds-icons.min.svg#arrow-up"></use></svg></div>arrow-up</div>
+    <div class="column is-one-third-mobile is-one-fifth-tablet"><div class="box is-bordered is-relaxed"><svg class="icon is-medium"><use xlink:href="media/bds-icons.min.svg#briefcase"></use></svg></div>briefcase</div>
+    <div class="column is-one-third-mobile is-one-fifth-tablet"><div class="box is-bordered is-relaxed"><svg class="icon is-medium"><use xlink:href="media/bds-icons.min.svg#check"></use></svg></div>check</div>
+    <div class="column is-one-third-mobile is-one-fifth-tablet"><div class="box is-bordered is-relaxed"><svg class="icon is-medium"><use xlink:href="media/bds-icons.min.svg#circle-minus"></use></svg></div>circle-minus</div>
+    <div class="column is-one-third-mobile is-one-fifth-tablet"><div class="box is-bordered is-relaxed"><svg class="icon is-medium"><use xlink:href="media/bds-icons.min.svg#circle-plus"></use></svg></div>circle-plus</div>
+    <div class="column is-one-third-mobile is-one-fifth-tablet"><div class="box is-bordered is-relaxed"><svg class="icon is-medium"><use xlink:href="media/bds-icons.min.svg#download"></use></svg></div>download</div>
+    <div class="column is-one-third-mobile is-one-fifth-tablet"><div class="box is-bordered is-relaxed"><svg class="icon is-medium"><use xlink:href="media/bds-icons.min.svg#gear"></use></svg></div>gear</div>
+    <div class="column is-one-third-mobile is-one-fifth-tablet"><div class="box is-bordered is-relaxed"><svg class="icon is-medium"><use xlink:href="media/bds-icons.min.svg#help"></use></svg></div>help</div>
+    <div class="column is-one-third-mobile is-one-fifth-tablet"><div class="box is-bordered is-relaxed"><svg class="icon is-medium"><use xlink:href="media/bds-icons.min.svg#off"></use></svg></div>off</div>
+    <div class="column is-one-third-mobile is-one-fifth-tablet"><div class="box is-bordered is-relaxed"><svg class="icon is-medium"><use xlink:href="media/bds-icons.min.svg#prefs"></use></svg></div>prefs</div>
+    <div class="column is-one-third-mobile is-one-fifth-tablet"><div class="box is-bordered is-relaxed"><svg class="icon is-medium"><use xlink:href="media/bds-icons.min.svg#search"></use></svg></div>search</div>
 </div>
@@ -24,2 +47,11 @@
 
-Glyphs should <u>not exceed 16 pixels</u> (width and height) and should always be a filled icon. Fine stroke weights should also disappear.
+Glyphs should <u>not exceed 25 pixels</u> (width and height) and should always be a filled icon. Fine stroke weights should also disappear.
+
+<hr class="is-small">
+
+<div class="columns is-multiline is-mobile is-size-7 has-text-centered has-text-weight-semibold is-monospace has-text-grey-dark">
+    <div class="column is-one-third-mobile is-one-fifth-tablet"><div class="box is-bordered is-relaxed"><svg class="icon has-fill-black-ter"><use xlink:href="media/bds-icons.min.svg#biings"></use></svg></div>biings</div>
+    <div class="column is-one-third-mobile is-one-fifth-tablet"><div class="box is-bordered is-relaxed"><svg class="icon has-fill-black-ter"><use xlink:href="media/bds-icons.min.svg#key_return"></use></svg></div>key_return</div>
+    <div class="column is-one-third-mobile is-one-fifth-tablet"><div class="box is-bordered is-relaxed"><svg class="icon has-fill-black-ter"><use xlink:href="media/bds-icons.min.svg#key_up_down"></use></svg></div>key_up_down</div>
+    <div class="column is-one-third-mobile is-one-fifth-tablet"><div class="box is-bordered is-relaxed"><svg class="icon has-fill-black-ter"><use xlink:href="media/bds-icons.min.svg#segment"></use></svg></div>segment</div>
+</div>

package.json

 {
   "name": "biings-ds",
-  "version": "1.1.1",
+  "version": "1.1.2",
   "description": "Biings Design System",
@@ -5,0 +5,0 @@ "main": "build/bds.css",

New alerts

License Policy Violation

License

This 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

License

This 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

10402081

No dependency changes