@koobiq/react-components 0.0.1-beta.1

package/dist/styles/utility.d.ts

@@ -0,0 +1,71 @@
+export declare const utilClasses: {
+    hideVisually: string;
+    color: {
+        foreground: {
+            white: string;
+            'white-secondary': string;
+            theme: string;
+            'theme-secondary': string;
+            contrast: string;
+            'on-contrast': string;
+            'contrast-secondary': string;
+            'contrast-tertiary': string;
+            error: string;
+            'error-secondary': string;
+            'error-tertiary': string;
+            'error-less': string;
+            success: string;
+            'success-less': string;
+            'success-secondary': string;
+            warning: string;
+            'warning-secondary': string;
+            visited: string;
+        };
+    };
+    typography: {
+        'display-big': string;
+        'display-normal': string;
+        'display-compact': string;
+        'display-big-strong': string;
+        'display-normal-strong': string;
+        'display-compact-strong': string;
+        headline: string;
+        title: string;
+        subheading: string;
+        'text-big': string;
+        'text-big-strong': string;
+        'text-big-medium': string;
+        'text-normal': string;
+        'text-normal-strong': string;
+        'text-normal-medium': string;
+        'text-compact': string;
+        'text-compact-strong': string;
+        'text-compact-medium': string;
+        'caps-big': string;
+        'caps-big-strong': string;
+        'caps-normal': string;
+        'caps-normal-strong': string;
+        'caps-compact': string;
+        'caps-compact-strong': string;
+        'mono-big': string;
+        'mono-big-strong': string;
+        'mono-normal': string;
+        'mono-normal-strong': string;
+        'mono-compact': string;
+        'mono-compact-strong': string;
+        'mono-codeblock': string;
+        'tabular-big': string;
+        'tabular-big-strong': string;
+        'tabular-normal': string;
+        'tabular-normal-strong': string;
+        'tabular-compact': string;
+        'tabular-compact-strong': string;
+        'italic-big': string;
+        'italic-big-strong': string;
+        'italic-normal': string;
+        'italic-normal-strong': string;
+        'italic-compact': string;
+        'italic-compact-strong': string;
+        inherit: string;
+    };
+};

package/dist/styles/utility.js

@@ -0,0 +1,77 @@
+import s from "./utility.module.css.js";
+const color = {
+  foreground: {
+    white: s["foreground-white"],
+    "white-secondary": s["foreground-white-secondary"],
+    theme: s["foreground-theme"],
+    "theme-secondary": s["foreground-theme-secondary"],
+    contrast: s["foreground-contrast"],
+    "on-contrast": s["foreground-on-contrast"],
+    "contrast-secondary": s["foreground-contrast-secondary"],
+    "contrast-tertiary": s["foreground-contrast-tertiary"],
+    error: s["foreground-error"],
+    "error-secondary": s["foreground-error-secondary"],
+    "error-tertiary": s["foreground-error-tertiary"],
+    "error-less": s["foreground-error-less"],
+    success: s["foreground-success"],
+    "success-less": s["foreground-success-less"],
+    "success-secondary": s["foreground-success-secondary"],
+    warning: s["foreground-warning"],
+    "warning-secondary": s["foreground-warning-secondary"],
+    visited: s["foreground-visited"]
+  }
+};
+const typography = {
+  "display-big": s["display-big"],
+  "display-normal": s["display-normal"],
+  "display-compact": s["display-compact"],
+  "display-big-strong": s["display-big-strong"],
+  "display-normal-strong": s["display-normal-strong"],
+  "display-compact-strong": s["display-compact-strong"],
+  headline: s.headline,
+  title: s.title,
+  subheading: s.subheading,
+  "text-big": s["text-big"],
+  "text-big-strong": s["text-big-strong"],
+  "text-big-medium": s["text-big-medium"],
+  "text-normal": s["text-normal"],
+  "text-normal-strong": s["text-normal-strong"],
+  "text-normal-medium": s["text-normal-medium"],
+  "text-compact": s["text-compact"],
+  "text-compact-strong": s["text-compact-strong"],
+  "text-compact-medium": s["text-compact-medium"],
+  "caps-big": s["caps-big"],
+  "caps-big-strong": s["caps-big-strong"],
+  "caps-normal": s["caps-normal"],
+  "caps-normal-strong": s["caps-normal-strong"],
+  "caps-compact": s["caps-compact"],
+  "caps-compact-strong": s["caps-compact-strong"],
+  "mono-big": s["mono-big"],
+  "mono-big-strong": s["mono-big-strong"],
+  "mono-normal": s["mono-normal"],
+  "mono-normal-strong": s["mono-normal-strong"],
+  "mono-compact": s["mono-compact"],
+  "mono-compact-strong": s["mono-compact-strong"],
+  "mono-codeblock": s["mono-codeblock"],
+  "tabular-big": s["tabular-big"],
+  "tabular-big-strong": s["tabular-big-strong"],
+  "tabular-normal": s["tabular-normal"],
+  "tabular-normal-strong": s["tabular-normal-strong"],
+  "tabular-compact": s["tabular-compact"],
+  "tabular-compact-strong": s["tabular-compact-strong"],
+  "italic-big": s["italic-big"],
+  "italic-big-strong": s["italic-big-strong"],
+  "italic-normal": s["italic-normal"],
+  "italic-normal-strong": s["italic-normal-strong"],
+  "italic-compact": s["italic-compact"],
+  "italic-compact-strong": s["italic-compact-strong"],
+  inherit: s.inherit
+};
+const utilClasses = {
+  hideVisually: s["hide-visually"],
+  color,
+  typography
+};
+export {
+  utilClasses
+};

package/dist/styles/utility.module.css.js

@@ -0,0 +1,76 @@
+const headline = "kbq-utility-headline-b504fb";
+const title = "kbq-utility-title-49d974";
+const subheading = "kbq-utility-subheading-ec6b60";
+const inherit = "kbq-utility-inherit-6b72bf";
+const s = {
+  "hide-visually": "kbq-utility-hide-visually-75f743",
+  "foreground-white": "kbq-utility-foreground-white-f552a0",
+  "foreground-white-secondary": "kbq-utility-foreground-white-secondary-893462",
+  "foreground-theme": "kbq-utility-foreground-theme-cb49d7",
+  "foreground-theme-secondary": "kbq-utility-foreground-theme-secondary-c3d9e1",
+  "foreground-contrast": "kbq-utility-foreground-contrast-239108",
+  "foreground-on-contrast": "kbq-utility-foreground-on-contrast-457397",
+  "foreground-contrast-secondary": "kbq-utility-foreground-contrast-secondary-96f5f8",
+  "foreground-contrast-tertiary": "kbq-utility-foreground-contrast-tertiary-ce1578",
+  "foreground-error": "kbq-utility-foreground-error-817d77",
+  "foreground-error-secondary": "kbq-utility-foreground-error-secondary-6454bb",
+  "foreground-error-tertiary": "kbq-utility-foreground-error-tertiary-811163",
+  "foreground-error-less": "kbq-utility-foreground-error-less-992e5f",
+  "foreground-success": "kbq-utility-foreground-success-4450ff",
+  "foreground-success-less": "kbq-utility-foreground-success-less-3060d5",
+  "foreground-success-secondary": "kbq-utility-foreground-success-secondary-7696de",
+  "foreground-warning": "kbq-utility-foreground-warning-d96ee4",
+  "foreground-warning-secondary": "kbq-utility-foreground-warning-secondary-232ca8",
+  "foreground-visited": "kbq-utility-foreground-visited-c3f0af",
+  "display-big": "kbq-utility-display-big-afdbfd",
+  "display-normal": "kbq-utility-display-normal-b93d94",
+  "display-compact": "kbq-utility-display-compact-7cb2df",
+  "display-big-strong": "kbq-utility-display-big-strong-4b26c2",
+  "display-normal-strong": "kbq-utility-display-normal-strong-e53eac",
+  "display-compact-strong": "kbq-utility-display-compact-strong-c63680",
+  headline,
+  title,
+  subheading,
+  "text-big": "kbq-utility-text-big-d284cf",
+  "text-big-strong": "kbq-utility-text-big-strong-5e9ebc",
+  "text-big-medium": "kbq-utility-text-big-medium-f7fe8b",
+  "text-normal": "kbq-utility-text-normal-a02633",
+  "text-normal-strong": "kbq-utility-text-normal-strong-c138b2",
+  "text-normal-medium": "kbq-utility-text-normal-medium-bd4d40",
+  "text-compact": "kbq-utility-text-compact-4f75b3",
+  "text-compact-strong": "kbq-utility-text-compact-strong-7e662c",
+  "text-compact-medium": "kbq-utility-text-compact-medium-e19baf",
+  "caps-big": "kbq-utility-caps-big-9685a0",
+  "caps-big-strong": "kbq-utility-caps-big-strong-120089",
+  "caps-normal": "kbq-utility-caps-normal-98dd69",
+  "caps-normal-strong": "kbq-utility-caps-normal-strong-6bfc50",
+  "caps-compact": "kbq-utility-caps-compact-a24083",
+  "caps-compact-strong": "kbq-utility-caps-compact-strong-7bbf77",
+  "mono-big": "kbq-utility-mono-big-b13dd2",
+  "mono-big-strong": "kbq-utility-mono-big-strong-3877ba",
+  "mono-normal": "kbq-utility-mono-normal-aafdac",
+  "mono-normal-strong": "kbq-utility-mono-normal-strong-81ffed",
+  "mono-compact": "kbq-utility-mono-compact-382530",
+  "mono-compact-strong": "kbq-utility-mono-compact-strong-43b21b",
+  "mono-codeblock": "kbq-utility-mono-codeblock-ce5ddc",
+  "tabular-big": "kbq-utility-tabular-big-d8413d",
+  "tabular-big-strong": "kbq-utility-tabular-big-strong-4c0de1",
+  "tabular-normal": "kbq-utility-tabular-normal-8b9d3d",
+  "tabular-normal-strong": "kbq-utility-tabular-normal-strong-db4f26",
+  "tabular-compact": "kbq-utility-tabular-compact-faf13e",
+  "tabular-compact-strong": "kbq-utility-tabular-compact-strong-d9e3c6",
+  "italic-big": "kbq-utility-italic-big-9f83fc",
+  "italic-big-strong": "kbq-utility-italic-big-strong-fc8f0a",
+  "italic-normal": "kbq-utility-italic-normal-8e409e",
+  "italic-normal-strong": "kbq-utility-italic-normal-strong-88d247",
+  "italic-compact": "kbq-utility-italic-compact-846466",
+  "italic-compact-strong": "kbq-utility-italic-compact-strong-d8e16e",
+  inherit
+};
+export {
+  s as default,
+  headline,
+  inherit,
+  subheading,
+  title
+};

package/dist/utils/getResponsiveValue/getResponsiveValue.d.ts

@@ -0,0 +1,3 @@
+import type { Breakpoints } from '../../components';
+export type ResponsiveValue<T> = Partial<Record<keyof Breakpoints, T>>;
+export declare function getResponsiveValue<T>(prop: ResponsiveValue<T> | T, breakpoints: string[]): T | undefined;

package/dist/utils/getResponsiveValue/getResponsiveValue.js

@@ -0,0 +1,18 @@
+function isRecordResponsiveValue(value) {
+  return typeof value === "object" && value !== null;
+}
+function getResponsiveValue(prop, breakpoints) {
+  if (typeof prop !== "object" || prop === null) return prop;
+  let returned;
+  if (isRecordResponsiveValue(prop)) {
+    for (const breakpoint of breakpoints) {
+      if (Object.hasOwn(prop, breakpoint)) {
+        returned = prop[breakpoint];
+      }
+    }
+  }
+  return returned;
+}
+export {
+  getResponsiveValue
+};

package/dist/utils/getResponsiveValue/index.d.ts

@@ -0,0 +1 @@
+export * from './getResponsiveValue';

package/dist/utils/index.d.ts

@@ -0,0 +1 @@
+export * from './getResponsiveValue';

package/package.json

@@ -0,0 +1,42 @@
+{
+  "name": "@koobiq/react-components",
+  "version": "0.0.1-beta.1",
+  "main": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "default": "./dist/index.js"
+    },
+    "./style.css": "./dist/style.css"
+  },
+  "type": "module",
+  "files": [
+    "dist"
+  ],
+  "publishConfig": {
+    "access": "public"
+  },
+  "sideEffects": false,
+  "dependencies": {
+    "@koobiq/design-tokens": "^3.11.2",
+    "@types/react-transition-group": "^4.4.12",
+    "react-transition-group": "^4.4.5",
+    "@koobiq/react-core": "0.0.1-beta.1",
+    "@koobiq/react-primitives": "0.0.1-beta.1",
+    "@koobiq/logger": "0.0.1-beta.1",
+    "@koobiq/react-icons": "0.0.1-beta.1"
+  },
+  "peerDependencies": {
+    "@koobiq/design-tokens": "^3.11.2",
+    "react": "18.x || 19.x",
+    "react-dom": "18.x || 19.x"
+  },
+  "scripts": {
+    "clean": "rimraf dist && rimraf node_modules && rimraf .turbo",
+    "lint:js": "eslint --ext .ts,.tsx src --fix",
+    "lint": "pnpm lint:js",
+    "build": "vite build && tsc -p tsconfig.build.json && rm -rf dist/node_modules",
+    "type-check": "tsc --noEmit --pretty"
+  }
+}