@nova-design-system/nova-react 3.0.0-beta.40 → 3.0.0-beta.42

package/dist/cjs/nv-col.entry-DNUY559i.js

@@ -0,0 +1,37 @@
+'use strict';
+
+var index = require('./index-CinzsZ8D.js');
+var clsx297c1ffe = require('./clsx-297c1ffe-BtxeOLZW.js');
+require('react');
+
+const nvColCss = "nv-col{display:block;flex:1 1 0%;padding-left:calc(var(--spacing-4) / 2);padding-right:calc(var(--spacing-4) / 2)}nv-col[class*=w-]{flex:none}nv-col.w-1\\/12{width:calc(100% * 1 / 12)}nv-col.w-2\\/12{width:calc(100% * 2 / 12)}nv-col.w-3\\/12{width:calc(100% * 3 / 12)}nv-col.w-4\\/12{width:calc(100% * 4 / 12)}nv-col.w-5\\/12{width:calc(100% * 5 / 12)}nv-col.w-6\\/12{width:calc(100% * 6 / 12)}nv-col.w-7\\/12{width:calc(100% * 7 / 12)}nv-col.w-8\\/12{width:calc(100% * 8 / 12)}nv-col.w-9\\/12{width:calc(100% * 9 / 12)}nv-col.w-10\\/12{width:calc(100% * 10 / 12)}nv-col.w-11\\/12{width:calc(100% * 11 / 12)}nv-col.w-12\\/12{width:calc(100% * 12 / 12)}";
+const NvColStyle0 = nvColCss;
+
+const NvCol = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+    }
+    //#endregion PROPERTIES
+    /****************************************************************************/
+    //#region METHODS
+    /**
+     * Get the column size class.
+     * @returns {string | undefined} The column size class.
+     */
+    getColSize() {
+        if (this.size) {
+            if (this.size < 1 || this.size > 12)
+                return;
+            return `w-${this.size}/12`;
+        }
+    }
+    //#endregion METHODS
+    /****************************************************************************/
+    //#region RENDER
+    render() {
+        return (index.h(index.Host, { key: 'f9a8dd28d7675648ecb3b9cf4d1e196040f4237f', class: clsx297c1ffe.clsx(this.getColSize()) }, index.h("slot", { key: '94c16b6e2df73cb21263423d378ab5fe285a7859' })));
+    }
+};
+NvCol.style = NvColStyle0;
+
+exports.nv_col = NvCol;

package/dist/cjs/nv-col.entry-X7jkNThH.js

@@ -0,0 +1,37 @@
+'use strict';
+
+var index = require('./index-C8UfzrMI.js');
+var clsx297c1ffe = require('./clsx-297c1ffe-BtxeOLZW.js');
+require('react');
+
+const nvColCss = "nv-col{display:block;flex:1 1 0%;padding-left:calc(var(--spacing-4) / 2);padding-right:calc(var(--spacing-4) / 2)}nv-col[class*=w-]{flex:none}nv-col.w-1\\/12{width:calc(100% * 1 / 12)}nv-col.w-2\\/12{width:calc(100% * 2 / 12)}nv-col.w-3\\/12{width:calc(100% * 3 / 12)}nv-col.w-4\\/12{width:calc(100% * 4 / 12)}nv-col.w-5\\/12{width:calc(100% * 5 / 12)}nv-col.w-6\\/12{width:calc(100% * 6 / 12)}nv-col.w-7\\/12{width:calc(100% * 7 / 12)}nv-col.w-8\\/12{width:calc(100% * 8 / 12)}nv-col.w-9\\/12{width:calc(100% * 9 / 12)}nv-col.w-10\\/12{width:calc(100% * 10 / 12)}nv-col.w-11\\/12{width:calc(100% * 11 / 12)}nv-col.w-12\\/12{width:calc(100% * 12 / 12)}";
+const NvColStyle0 = nvColCss;
+
+const NvCol = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+    }
+    //#endregion PROPERTIES
+    /****************************************************************************/
+    //#region METHODS
+    /**
+     * Get the column size class.
+     * @returns {string | undefined} The column size class.
+     */
+    getColSize() {
+        if (this.size) {
+            if (this.size < 1 || this.size > 12)
+                return;
+            return `w-${this.size}/12`;
+        }
+    }
+    //#endregion METHODS
+    /****************************************************************************/
+    //#region RENDER
+    render() {
+        return (index.h(index.Host, { key: '416e432e3f8947b2b2040e8226da1acf03a6f965', class: clsx297c1ffe.clsx(this.getColSize()) }, index.h("slot", { key: 'e860ae915f148333f471a48705677512853c6970' })));
+    }
+};
+NvCol.style = NvColStyle0;
+
+exports.nv_col = NvCol;