@yakad/ui 1.3.94 → 1.3.96

package/dist/GridItem/GridItem.js

@@ -22,7 +22,7 @@ const boxing_module_css_1 = __importDefault(require("../boxing.module.css"));
 const GridItem_module_css_1 = __importDefault(require("./GridItem.module.css"));
 exports.GridItem = (0, react_1.forwardRef)((_a, ref) => {
     var { align, xs, sm, md, lg, xl, className, children } = _a, restProps = __rest(_a, ["align", "xs", "sm", "md", "lg", "xl", "className", "children"]);
-    const joinedClassNames = (0, classnames_1.default)(boxing_module_css_1.default.flexColumnBox, { [boxing_module_css_1.default[align]]: align }, { [GridItem_module_css_1.default[`xs${xs}`]]: xs }, { [GridItem_module_css_1.default[`sm${sm}`]]: sm }, { [GridItem_module_css_1.default[`md${md}`]]: md }, { [GridItem_module_css_1.default[`lg${lg}`]]: lg }, { [GridItem_module_css_1.default[`xl${xl}`]]: xl }, className);
+    const joinedClassNames = (0, classnames_1.default)(boxing_module_css_1.default.flexColumnBox, { [boxing_module_css_1.default[align]]: align }, GridItem_module_css_1.default.gridItem, { [GridItem_module_css_1.default[`xs${xs}`]]: xs }, { [GridItem_module_css_1.default[`sm${sm}`]]: sm }, { [GridItem_module_css_1.default[`md${md}`]]: md }, { [GridItem_module_css_1.default[`lg${lg}`]]: lg }, { [GridItem_module_css_1.default[`xl${xl}`]]: xl }, className);
     return ((0, jsx_runtime_1.jsx)("div", Object.assign({ ref: ref }, restProps, { className: joinedClassNames, children: children })));
 });
 exports.GridItem.displayName = "GridItem";

package/dist/GridItem/GridItem.module.css

@@ -1,3 +1,7 @@
+.gridItem {
+    width: 100%;
+}
+
 .xl1 {
     grid-column: span 1;
 }

package/dist/Theme/Theme.d.ts

@@ -1,5 +1,4 @@
 /// <reference types="react" />
-import "./globals.css";
 export type DarkStyle = "light" | "dark" | "system";
 export type ThemeColor = "green" | "red" | "yellow" | "blue" | "purple";
 export interface ThemeProps extends React.HTMLAttributes<HTMLDivElement> {

package/dist/Theme/Theme.js

@@ -1,4 +1,3 @@
-"use client";
 "use strict";
 var __rest = (this && this.__rest) || function (s, e) {
     var t = {};
@@ -19,16 +18,15 @@ exports.Theme = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = require("react");
 const classnames_1 = __importDefault(require("classnames"));
-require("./globals.css");
+const theme_module_css_1 = __importDefault(require("./theme.module.css"));
 const boxing_module_css_1 = __importDefault(require("../boxing.module.css"));
-const Theme_module_css_1 = __importDefault(require("./Theme.module.css"));
 exports.Theme = (0, react_1.forwardRef)((_a, ref) => {
     var { align, darkstyle = "system", color = "blue", zoom = 100, className, children } = _a, restProps = __rest(_a, ["align", "darkstyle", "color", "zoom", "className", "children"]);
     const zoomPercentage = zoom ? (zoom / 100) * 62.5 : 62.5;
     (0, react_1.useEffect)(() => {
         document.documentElement.style.setProperty("font-size", zoomPercentage + "%");
     }, [zoomPercentage]);
-    const joinedClassNames = (0, classnames_1.default)(boxing_module_css_1.default.flexColumnBox, { [boxing_module_css_1.default[align]]: align }, Theme_module_css_1.default.theme, Theme_module_css_1.default[darkstyle], Theme_module_css_1.default[color], className);
+    const joinedClassNames = (0, classnames_1.default)(boxing_module_css_1.default.flexColumnBox, { [boxing_module_css_1.default[align]]: align }, theme_module_css_1.default.theme, theme_module_css_1.default[darkstyle], theme_module_css_1.default[color], className);
     return ((0, jsx_runtime_1.jsx)("div", Object.assign({ ref: ref }, restProps, { className: joinedClassNames, children: children })));
 });
 exports.Theme.displayName = "Theme";

package/dist/index.d.ts

@@ -1,3 +1,4 @@
+import "./globals.css";
 export * from "./Screen/Screen";
 export * from "./AppBar/AppBar";
 export * from "./Main/Main";

package/dist/index.js

@@ -14,6 +14,7 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
     for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
 };
 Object.defineProperty(exports, "__esModule", { value: true });
+require("./globals.css");
 // Layout & Structure
 __exportStar(require("./Screen/Screen"), exports);
 __exportStar(require("./AppBar/AppBar"), exports);

package/package.json

@@ -1,11 +1,14 @@
 {
     "name": "@yakad/ui",
-    "version": "1.3.94",
+    "version": "1.3.96",
     "private": false,
     "author": "Natiq",
     "description": "UI components for NextJS/React",
     "main": "dist/index.js",
     "types": "dist/index.d.ts",
+    "sideEffects": [
+        "dist/globals.css"
+    ],
     "keywords": [
         "yakad",
         "react",