@odx/ui 1.0.0-rc.2 → 1.0.0-rc.20

package/323d385340fb9fee6450.svg

@@ -0,0 +1,6 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 74 29">
+  <path
+    fill="#000000"
+    d="M29.717 2.887c0 1.4-1.127 2.535-2.512 2.535a2.522 2.522 0 0 1-2.514-2.533c0-1.4 1.124-2.534 2.514-2.534a2.523 2.523 0 0 1 2.512 2.532ZM9.827.848H0v2.554h7.779c.903 0 1.635.732 1.644 1.637v14.62a1.65 1.65 0 0 1-1.644 1.64H4.823l.001-15.516H0v18.174h9.827c2.303 0 4.17-1.868 4.192-4.187V5.036C13.998 2.717 12.13.848 9.827.848Zm13.968 6.18c-2.705-.01-4.327.186-5.537.464-1.649.414-2.318.972-2.638 1.24a2.134 2.134 0 0 1-.145.114v15.111h4.596V11.452c-.027-1.55 2.264-2.062 3.722-.984l.002-3.44Zm42.037 1.694c.324-.269.992-.823 2.634-1.235 1.205-.275 2.833-.475 5.534-.464v3.44c-1.457-1.079-3.75-.566-3.726.984v12.509h-4.593V8.84c.04-.028.09-.068.15-.12ZM31.507 21.278h-2.135c-.987.018-1.716-.705-1.737-1.76a37.415 37.415 0 0 1 0-1.91c.014-.968.75-1.743 1.737-1.73h2.135v5.4Zm.679-14.253h-7.447v3.438s2.625-.894 4.448-.894c2.222 0 2.34 1.13 2.322 1.635v2.022h-4.484c-2.048 0-3.709 1.67-3.718 3.734v3.246c0 2.07 1.665 3.75 3.718 3.75h9.077v-13.01c-.015-2.318-1.883-3.92-3.916-3.92Zm1.074-1.604a2.521 2.521 0 0 0 2.512-2.534A2.52 2.52 0 0 0 33.26.355a2.522 2.522 0 0 0-2.513 2.532 2.523 2.523 0 0 0 2.513 2.534ZM43.7 9.605c-1.776 0-1.974 1.253-1.974 1.975v1.67c0 .725.198 1.976 1.974 1.974 1.778-.001 1.975-1.25 1.975-1.975v-1.67c0-.722-.197-1.974-1.975-1.974Zm2.281 8.092H41.33c-2.038.01-3.916-1.604-3.914-3.919V10.98C37.405 8.927 39 7.014 41.3 7.025h8.566v6.72c.004 2.05-1.601 3.96-3.884 3.952Zm-.117 6.877c0 .719-.21 1.971-2.084 1.971-1.869 0-2.078-1.252-2.078-1.97v-1.673c0-.723.21-1.977 2.078-1.977 1.875 0 2.084 1.255 2.084 1.977v1.672Zm.473-6.234-5.21.002c-2.29-.003-3.892 1.868-3.885 3.92v2.785c-.005 2.305 1.88 3.956 3.917 3.953h5.204c2.288 0 3.902-1.915 3.89-3.953v-2.785a3.916 3.916 0 0 0-3.916-3.922Zm9.41-3.326h3.946v-3.449c0-.723-.253-1.975-1.972-1.975-1.722 0-1.973 1.252-1.973 1.975v3.449Zm-.59-7.99 5.173-.001c2.03 0 3.926 1.602 3.923 3.92v6.699h-8.417v2.072c.008.906.696 1.66 2.522 1.66 2.81.005 5.761-.846 5.761-.846v3.428h-8.76c-2.233.004-4.123-1.6-4.118-3.918v-9.093c0-2.33 1.879-3.93 3.916-3.921Z"
+  />
+</svg>

package/README.md

@@ -1,6 +1,6 @@
 # @odx/ui
 
-[<img src="https://img.shields.io/npm/v/@odx/ui">](https://npmjs.org/package/@odx/ui)
+[<img src="https://img.shields.io/npm/v/@odx/ui" />](https://npmjs.org/package/@odx/ui)
 
 ### Install 🚀
 
@@ -13,13 +13,13 @@ npm install @odx/ui
 Add the following imports to your applications styles file
 
 ```css
-import '@odx/ui/core-theme.css';
-import '@odx/ui/icons/core-icons.css';
+@import '@odx/ui/core-theme.css';
+@import '@odx/ui/core-icons.css';
 ```
 
 You can find mixins and helper function inside the `scss/abstract` folder:
 
-```scss
+```css
 // import dimensions helpers
 @use '@odx/ui/scss/abstract/dimensions';
 

package/core-icons.css

@@ -0,0 +1,43 @@
+@font-face {
+  font-display: block;
+  font-family: "core-icons";
+  src: url("./core-icons.woff2?2e34fa04b5d8933d0d0fd3cefa3aa4d5") format("woff2");
+}
+
+.odx-icon::before,
+[class^="odx-icon-"]::before,
+[class*=" odx-icon-"]::before {
+  font-family: core-icons !important;
+  font-style: normal;
+  font-weight: normal !important;
+  font-variant: normal;
+  text-transform: none;
+  line-height: 1;
+  vertical-align: top;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+}
+
+.odx-icon-add::before { content: "\f101"; }
+.odx-icon-arrow-left::before { content: "\f102"; }
+.odx-icon-arrow-right::before { content: "\f103"; }
+.odx-icon-attachment::before { content: "\f104"; }
+.odx-icon-calendar::before { content: "\f105"; }
+.odx-icon-check::before { content: "\f106"; }
+.odx-icon-chevron-down::before { content: "\f107"; }
+.odx-icon-chevron-left::before { content: "\f108"; }
+.odx-icon-chevron-right::before { content: "\f109"; }
+.odx-icon-chevron-up::before { content: "\f10a"; }
+.odx-icon-close::before { content: "\f10b"; }
+.odx-icon-danger::before { content: "\f10c"; }
+.odx-icon-identify::before { content: "\f10d"; }
+.odx-icon-indeterminate::before { content: "\f10e"; }
+.odx-icon-info::before { content: "\f10f"; }
+.odx-icon-menu::before { content: "\f110"; }
+.odx-icon-minus::before { content: "\f111"; }
+.odx-icon-more::before { content: "\f112"; }
+.odx-icon-placeholder::before { content: "\f113"; }
+.odx-icon-plus::before { content: "\f114"; }
+.odx-icon-tile-menu::before { content: "\f115"; }
+.odx-icon-user::before { content: "\f116"; }
+.odx-icon-warning::before { content: "\f117"; }