@yakad/ui 1.3.98 → 1.3.100

package/dist/Text/Text.js

@@ -1,4 +1,3 @@
-"use strict";
 var __rest = (this && this.__rest) || function (s, e) {
     var t = {};
     for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
@@ -10,66 +9,61 @@ var __rest = (this && this.__rest) || function (s, e) {
         }
     return t;
 };
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Text = exports.Span = exports.P = exports.H6 = exports.H5 = exports.H4 = exports.H3 = exports.H2 = exports.H1 = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const classnames_1 = __importDefault(require("classnames"));
-const Text_module_css_1 = __importDefault(require("./Text.module.css"));
-exports.H1 = (0, react_1.forwardRef)((_a, ref) => {
+import { jsx as _jsx } from "react/jsx-runtime";
+import { forwardRef } from "react";
+import classNames from "classnames";
+import styles from "./Text.module.css";
+export const H1 = forwardRef((_a, ref) => {
     var { variant = "heading1", className, children } = _a, restProps = __rest(_a, ["variant", "className", "children"]);
-    const joinedClassNames = (0, classnames_1.default)(Text_module_css_1.default.text, Text_module_css_1.default[variant], className);
-    return ((0, jsx_runtime_1.jsx)("h1", Object.assign({ ref: ref }, restProps, { className: joinedClassNames, children: children })));
+    const joinedClassNames = classNames(styles.text, styles[variant], className);
+    return (_jsx("h1", Object.assign({ ref: ref }, restProps, { className: joinedClassNames, children: children })));
 });
-exports.H1.displayName = "H1";
-exports.H2 = (0, react_1.forwardRef)((_a, ref) => {
+H1.displayName = "H1";
+export const H2 = forwardRef((_a, ref) => {
     var { variant = "heading2", className, children } = _a, restProps = __rest(_a, ["variant", "className", "children"]);
-    const joinedClassNames = (0, classnames_1.default)(Text_module_css_1.default.text, Text_module_css_1.default[variant], className);
-    return ((0, jsx_runtime_1.jsx)("h2", Object.assign({ ref: ref }, restProps, { className: joinedClassNames, children: children })));
+    const joinedClassNames = classNames(styles.text, styles[variant], className);
+    return (_jsx("h2", Object.assign({ ref: ref }, restProps, { className: joinedClassNames, children: children })));
 });
-exports.H2.displayName = "H2";
-exports.H3 = (0, react_1.forwardRef)((_a, ref) => {
+H2.displayName = "H2";
+export const H3 = forwardRef((_a, ref) => {
     var { variant = "heading3", className, children } = _a, restProps = __rest(_a, ["variant", "className", "children"]);
-    const joinedClassNames = (0, classnames_1.default)(Text_module_css_1.default.text, Text_module_css_1.default[variant], className);
-    return ((0, jsx_runtime_1.jsx)("h3", Object.assign({ ref: ref }, restProps, { className: joinedClassNames, children: children })));
+    const joinedClassNames = classNames(styles.text, styles[variant], className);
+    return (_jsx("h3", Object.assign({ ref: ref }, restProps, { className: joinedClassNames, children: children })));
 });
-exports.H3.displayName = "H3";
-exports.H4 = (0, react_1.forwardRef)((_a, ref) => {
+H3.displayName = "H3";
+export const H4 = forwardRef((_a, ref) => {
     var { variant = "heading4", className, children } = _a, restProps = __rest(_a, ["variant", "className", "children"]);
-    const joinedClassNames = (0, classnames_1.default)(Text_module_css_1.default.text, Text_module_css_1.default[variant], className);
-    return ((0, jsx_runtime_1.jsx)("h4", Object.assign({ ref: ref }, restProps, { className: joinedClassNames, children: children })));
+    const joinedClassNames = classNames(styles.text, styles[variant], className);
+    return (_jsx("h4", Object.assign({ ref: ref }, restProps, { className: joinedClassNames, children: children })));
 });
-exports.H4.displayName = "H4";
-exports.H5 = (0, react_1.forwardRef)((_a, ref) => {
+H4.displayName = "H4";
+export const H5 = forwardRef((_a, ref) => {
     var { variant = "heading5", className, children } = _a, restProps = __rest(_a, ["variant", "className", "children"]);
-    const joinedClassNames = (0, classnames_1.default)(Text_module_css_1.default.text, Text_module_css_1.default[variant], className);
-    return ((0, jsx_runtime_1.jsx)("h5", Object.assign({ ref: ref }, restProps, { className: joinedClassNames, children: children })));
+    const joinedClassNames = classNames(styles.text, styles[variant], className);
+    return (_jsx("h5", Object.assign({ ref: ref }, restProps, { className: joinedClassNames, children: children })));
 });
-exports.H5.displayName = "H5";
-exports.H6 = (0, react_1.forwardRef)((_a, ref) => {
+H5.displayName = "H5";
+export const H6 = forwardRef((_a, ref) => {
     var { variant = "heading6", className, children } = _a, restProps = __rest(_a, ["variant", "className", "children"]);
-    const joinedClassNames = (0, classnames_1.default)(Text_module_css_1.default.text, Text_module_css_1.default[variant], className);
-    return ((0, jsx_runtime_1.jsx)("h6", Object.assign({ ref: ref }, restProps, { className: joinedClassNames, children: children })));
+    const joinedClassNames = classNames(styles.text, styles[variant], className);
+    return (_jsx("h6", Object.assign({ ref: ref }, restProps, { className: joinedClassNames, children: children })));
 });
-exports.H6.displayName = "H6";
-exports.P = (0, react_1.forwardRef)((_a, ref) => {
+H6.displayName = "H6";
+export const P = forwardRef((_a, ref) => {
     var { variant = "body5", className, children } = _a, restProps = __rest(_a, ["variant", "className", "children"]);
-    const joinedClassNames = (0, classnames_1.default)(Text_module_css_1.default.text, Text_module_css_1.default[variant], className);
-    return ((0, jsx_runtime_1.jsx)("p", Object.assign({ ref: ref }, restProps, { className: joinedClassNames, children: children })));
+    const joinedClassNames = classNames(styles.text, styles[variant], className);
+    return (_jsx("p", Object.assign({ ref: ref }, restProps, { className: joinedClassNames, children: children })));
 });
-exports.P.displayName = "P";
-exports.Span = (0, react_1.forwardRef)((_a, ref) => {
+P.displayName = "P";
+export const Span = forwardRef((_a, ref) => {
     var { variant = "span", className, children } = _a, restProps = __rest(_a, ["variant", "className", "children"]);
-    const joinedClassNames = (0, classnames_1.default)(Text_module_css_1.default.text, Text_module_css_1.default[variant], className);
-    return ((0, jsx_runtime_1.jsx)("span", Object.assign({ ref: ref }, restProps, { className: joinedClassNames, children: children })));
+    const joinedClassNames = classNames(styles.text, styles[variant], className);
+    return (_jsx("span", Object.assign({ ref: ref }, restProps, { className: joinedClassNames, children: children })));
 });
-exports.Span.displayName = "Span";
-exports.Text = (0, react_1.forwardRef)((_a, ref) => {
+Span.displayName = "Span";
+export const Text = forwardRef((_a, ref) => {
     var { variant = "body5", className, children } = _a, restProps = __rest(_a, ["variant", "className", "children"]);
-    const joinedClassNames = (0, classnames_1.default)(Text_module_css_1.default[variant], className);
-    return ((0, jsx_runtime_1.jsx)("div", Object.assign({ ref: ref }, restProps, { className: joinedClassNames, children: children })));
+    const joinedClassNames = classNames(styles[variant], className);
+    return (_jsx("div", Object.assign({ ref: ref }, restProps, { className: joinedClassNames, children: children })));
 });
-exports.Text.displayName = "Text";
+Text.displayName = "Text";

package/dist/Theme/Theme.d.ts

@@ -1,4 +1,5 @@
 /// <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,5 +1,3 @@
-"use client";
-"use strict";
 var __rest = (this && this.__rest) || function (s, e) {
     var t = {};
     for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
@@ -11,23 +9,19 @@ var __rest = (this && this.__rest) || function (s, e) {
         }
     return t;
 };
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Theme = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const classnames_1 = __importDefault(require("classnames"));
-const Theme_module_css_1 = __importDefault(require("./Theme.module.css"));
-const boxing_module_css_1 = __importDefault(require("../boxing.module.css"));
-exports.Theme = (0, react_1.forwardRef)((_a, ref) => {
+import { jsx as _jsx } from "react/jsx-runtime";
+import { forwardRef, useEffect } from "react";
+import classNames from "classnames";
+import "./globals.css";
+import styles from "./Theme.module.css";
+import boxingStyles from "../boxing.module.css";
+export const Theme = 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)(() => {
+    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);
-    return ((0, jsx_runtime_1.jsx)("div", Object.assign({ ref: ref }, restProps, { className: joinedClassNames, children: children })));
+    const joinedClassNames = classNames(boxingStyles.flexColumnBox, { [boxingStyles[align]]: align }, styles.theme, styles[darkstyle], styles[color], className);
+    return (_jsx("div", Object.assign({ ref: ref }, restProps, { className: joinedClassNames, children: children })));
 });
-exports.Theme.displayName = "Theme";
+Theme.displayName = "Theme";

package/dist/index.js

@@ -1,53 +1,37 @@
-"use strict";
 // import "./globals.css";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-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 });
 // Layout & Structure
-__exportStar(require("./Screen/Screen"), exports);
-__exportStar(require("./AppBar/AppBar"), exports);
-__exportStar(require("./Main/Main"), exports);
-__exportStar(require("./Footer/Footer"), exports);
-__exportStar(require("./Navigation/Navigation"), exports);
-__exportStar(require("./Container/Container"), exports);
-__exportStar(require("./Stack/Stack"), exports);
-__exportStar(require("./Row/Row"), exports);
-__exportStar(require("./GridContainer/GridContainer"), exports);
-__exportStar(require("./GridItem/GridItem"), exports);
-__exportStar(require("./Card/Card"), exports);
+export * from "./Screen/Screen";
+export * from "./AppBar/AppBar";
+export * from "./Main/Main";
+export * from "./Footer/Footer";
+export * from "./Navigation/Navigation";
+export * from "./Container/Container";
+export * from "./Stack/Stack";
+export * from "./Row/Row";
+export * from "./GridContainer/GridContainer";
+export * from "./GridItem/GridItem";
+export * from "./Card/Card";
 // Theme & Styling
-__exportStar(require("./Theme/Theme"), exports);
-__exportStar(require("./Spacer/Spacer"), exports);
-__exportStar(require("./Hr/Hr"), exports);
+export * from "./Theme/Theme";
+export * from "./Spacer/Spacer";
+export * from "./Hr/Hr";
 // UI Components
-__exportStar(require("./List/List"), exports);
-__exportStar(require("./ListItem/ListItem"), exports);
-__exportStar(require("./Table/Table"), exports);
-__exportStar(require("./Button/Button"), exports);
-__exportStar(require("./LoadingIcon/LoadingIcon"), exports);
-__exportStar(require("./SvgIcon/SvgIcon"), exports);
-__exportStar(require("./Text/Text"), exports);
+export * from "./List/List";
+export * from "./ListItem/ListItem";
+export * from "./Table/Table";
+export * from "./Button/Button";
+export * from "./LoadingIcon/LoadingIcon";
+export * from "./SvgIcon/SvgIcon";
+export * from "./Text/Text";
 // Form Components
-__exportStar(require("./Form/Form"), exports);
-__exportStar(require("./InputField/InputField"), exports);
-__exportStar(require("./Select/Select"), exports);
-__exportStar(require("./CheckBox/CheckBox"), exports);
-__exportStar(require("./CodeField/CodeField"), exports);
-__exportStar(require("./RadioGroup/RadioGroup"), exports);
-__exportStar(require("./RadioButton/RadioButton"), exports);
-__exportStar(require("./CodeBox/CodeBox"), exports);
+export * from "./Form/Form";
+export * from "./InputField/InputField";
+export * from "./Select/Select";
+export * from "./CheckBox/CheckBox";
+export * from "./CodeField/CodeField";
+export * from "./RadioGroup/RadioGroup";
+export * from "./RadioButton/RadioButton";
+export * from "./CodeBox/CodeBox";
 // Utilities
-__exportStar(require("./Display/Display"), exports);
-__exportStar(require("./ClickOutsideListener/ClickOutsideListener"), exports);
+export * from "./Display/Display";
+export * from "./ClickOutsideListener/ClickOutsideListener";

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@yakad/ui",
-    "version": "1.3.98",
+    "version": "1.3.100",
     "private": false,
     "author": "Natiq",
     "description": "UI components for NextJS/React",
@@ -31,11 +31,10 @@
         "typecheck": "tsc --noEmit",
         "lint": "eslint src/**/*.{ts,tsx}",
         "test": "echo \"No tests specified\" && exit 0",
-        "i:symbols": "npm install @yakad/symbols",
-        "prepublishOnly": "npm run i:symbols && npm run build && npm run test && npm run lint && npm run typecheck && npm version patch"
+        "prepublishOnly": "npm run build && npm run test && npm run lint && npm run typecheck && npm version patch"
     },
     "dependencies": {
-        "@yakad/symbols": "^1.0.25",
+        "@yakad/symbols": "1.0.25",
         "classnames": "2.5.1"
     },
     "peerDependencies": {