@koobiq/react-components 0.0.1-beta.2 → 0.0.1-beta.21

package/dist/styles/utility.d.ts

@@ -68,4 +68,6 @@ export declare const utilClasses: {
         'italic-compact-strong': string;
         inherit: string;
     };
+    list: string;
+    listItem: string;
 };

package/dist/styles/utility.js

@@ -68,9 +68,10 @@ const typography = {
   inherit: s.inherit
 };
 const utilClasses = {
-  hideVisually: s["hide-visually"],
   color,
-  typography
+  typography,
+  list: s.list,
+  listItem: s["list-item"]
 };
 export {
   utilClasses

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

@@ -2,8 +2,8 @@ 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 list = "kbq-utility-list-792630";
 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",
@@ -65,12 +65,15 @@ const s = {
   "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
+  inherit,
+  list,
+  "list-item": "kbq-utility-list-item-862731"
 };
 export {
   s as default,
   headline,
   inherit,
+  list,
   subheading,
   title
 };

package/dist/types.d.ts

@@ -1 +1,2 @@
+export type { PressEvent } from '@koobiq/react-primitives';
 export type Selection = 'all' | Set<string | number>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@koobiq/react-components",
-  "version": "0.0.1-beta.2",
+  "version": "0.0.1-beta.21",
   "main": "./dist/index.js",
   "types": "./dist/index.d.ts",
   "exports": {
@@ -17,15 +17,20 @@
   "publishConfig": {
     "access": "public"
   },
+  "repository": {
+    "type": "git",
+    "directory": "packages/components",
+    "url": "git+https://github.com/koobiq/react-components.git"
+  },
   "sideEffects": false,
   "dependencies": {
-    "@koobiq/design-tokens": "^3.11.2",
+    "@koobiq/design-tokens": "^3.12.1",
     "@types/react-transition-group": "^4.4.12",
     "react-transition-group": "^4.4.5",
-    "@koobiq/logger": "0.0.1-beta.2",
-    "@koobiq/react-icons": "0.0.1-beta.2",
-    "@koobiq/react-primitives": "0.0.1-beta.2",
-    "@koobiq/react-core": "0.0.1-beta.2"
+    "@koobiq/logger": "0.0.1-beta.21",
+    "@koobiq/react-icons": "0.0.1-beta.21",
+    "@koobiq/react-primitives": "0.0.1-beta.21",
+    "@koobiq/react-core": "0.0.1-beta.21"
   },
   "peerDependencies": {
     "@koobiq/design-tokens": "^3.11.2",

package/dist/components/Dialog/DialogContext.d.ts

@@ -1,9 +0,0 @@
-import type { DialogContentProps } from './components';
-export type DialogContextProps = {
-    close?(): void;
-    slots?: {
-        content?: DialogContentProps;
-    };
-};
-export declare const DialogContext: import("react").Context<DialogContextProps>;
-export declare function useDialogProvider(): DialogContextProps;

package/dist/components/Dialog/DialogContext.js

@@ -1,12 +0,0 @@
-"use client";
-import { createContext, useContext } from "react";
-const DialogContext = createContext(
-  {}
-);
-function useDialogProvider() {
-  return useContext(DialogContext);
-}
-export {
-  DialogContext,
-  useDialogProvider
-};

package/dist/components/Dialog/components/DialogContent.d.ts

@@ -1,12 +0,0 @@
-import type { ReactNode, ComponentRef } from 'react';
-import { type ExtendableComponentPropsWithRef } from '@koobiq/react-core';
-export type DialogContentRef = ComponentRef<'div'>;
-export type DialogContentProps = ExtendableComponentPropsWithRef<{
-    /** Additional CSS-classes. */
-    className?: string;
-    /** The content of the component. */
-    children?: ReactNode;
-    /** Unique identifier for testing purposes. */
-    'data-testid'?: string;
-}, 'div'>;
-export declare const DialogContent: import("react").ForwardRefExoticComponent<Omit<DialogContentProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;

package/dist/components/Input/components/FieldAddon/FieldAddon.d.ts

@@ -1,10 +0,0 @@
-import type { ReactNode } from 'react';
-import type { ExtendableComponentPropsWithRef } from '@koobiq/react-core';
-export declare const fieldAddonPropPlacement: readonly ["start", "end"];
-export type FieldAddonPlacement = (typeof fieldAddonPropPlacement)[number];
-export type FieldAddonProps = ExtendableComponentPropsWithRef<{
-    children?: ReactNode;
-    placement?: FieldAddonPlacement;
-    error?: boolean;
-}, 'div'>;
-export declare const FieldAddon: import("react").ForwardRefExoticComponent<Omit<FieldAddonProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;

package/dist/components/Input/components/FieldAddon/index.d.ts

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

package/dist/components/Input/components/FieldCaption/FieldCaption.d.ts

@@ -1,6 +0,0 @@
-import type { ReactNode } from 'react';
-import type { ExtendableComponentPropsWithRef } from '@koobiq/react-core';
-export type FieldCaptionProps = ExtendableComponentPropsWithRef<{
-    children?: ReactNode;
-}, 'div'>;
-export declare const FieldCaption: import("react").ForwardRefExoticComponent<Omit<FieldCaptionProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;

package/dist/components/Input/components/FieldCaption/index.d.ts

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

package/dist/components/Input/components/FieldControl/FieldControl.d.ts

@@ -1,9 +0,0 @@
-import type { ReactNode } from 'react';
-import { type ExtendableComponentPropsWithRef } from '@koobiq/react-core';
-export type FieldControlProps = ExtendableComponentPropsWithRef<{
-    children?: ReactNode;
-    fullWidth?: boolean;
-    error?: boolean;
-    className?: string;
-}, 'div'>;
-export declare const FieldControl: import("react").ForwardRefExoticComponent<Omit<FieldControlProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;

package/dist/components/Input/components/FieldControl/index.d.ts

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

package/dist/components/Input/components/FieldError/FieldError.d.ts

@@ -1,7 +0,0 @@
-import type { ReactNode } from 'react';
-import type { ExtendableComponentPropsWithRef } from '@koobiq/react-core';
-export type FieldErrorProps = ExtendableComponentPropsWithRef<{
-    children?: ReactNode;
-    error?: boolean;
-}, 'div'>;
-export declare const FieldError: import("react").ForwardRefExoticComponent<Omit<FieldErrorProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;

package/dist/components/Input/components/FieldError/index.d.ts

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

package/dist/components/Input/components/FieldInput/FieldInput.d.ts

@@ -1,9 +0,0 @@
-import type { useTextField } from '@koobiq/react-primitives';
-import type { InputPropVariant } from '../../types';
-export type FieldInputProps = {
-    error?: boolean;
-    variant?: InputPropVariant;
-    disabled?: boolean;
-    className?: string;
-} & ReturnType<typeof useTextField>['inputProps'];
-export declare const FieldInput: import("@koobiq/react-core").PolyForwardComponent<"input", FieldInputProps, import("react").ElementType>;

package/dist/components/Input/components/FieldInput/index.d.ts

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

package/dist/components/Input/components/FieldInputGroup/FieldInputGroup.d.ts

@@ -1,7 +0,0 @@
-import type { ReactNode } from 'react';
-import { type ExtendableComponentPropsWithRef } from '@koobiq/react-core';
-export type FieldInputGroupProps = ExtendableComponentPropsWithRef<{
-    children?: ReactNode;
-    className?: string;
-}, 'div'>;
-export declare const FieldInputGroup: import("react").ForwardRefExoticComponent<Omit<FieldInputGroupProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;

package/dist/components/Input/components/FieldInputGroup/index.d.ts

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

package/dist/components/Input/components/FieldLabel/FieldLabel.d.ts

@@ -1,9 +0,0 @@
-import type { ReactNode } from 'react';
-import type { ExtendableComponentPropsWithRef } from '@koobiq/react-core';
-export type FieldLabelProps = ExtendableComponentPropsWithRef<{
-    children?: ReactNode;
-    className?: string;
-    hiddenLabel?: boolean;
-    required?: boolean;
-}, 'label'>;
-export declare const FieldLabel: import("react").ForwardRefExoticComponent<Omit<FieldLabelProps, "ref"> & import("react").RefAttributes<HTMLLabelElement>>;

package/dist/components/Input/components/FieldLabel/index.d.ts

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

package/dist/components/Input/components/index.d.ts

@@ -1,7 +0,0 @@
-export * from './FieldControl';
-export * from './FieldInput';
-export * from './FieldLabel';
-export * from './FieldAddon';
-export * from './FieldCaption';
-export * from './FieldError';
-export * from './FieldInputGroup';

package/dist/components/List/ListItem.d.ts

@@ -1,11 +0,0 @@
-import type { ReactNode, ComponentProps } from 'react';
-export type ListItemProps = {
-    /** Rendered contents of the item or child items. */
-    children: ReactNode;
-    /** Rendered contents of the item if `children` contains child items. */
-    title?: ReactNode;
-} & ComponentProps<'a'>;
-export declare function ListItem(props: ListItemProps): import("react/jsx-runtime").JSX.Element;
-export declare namespace ListItem {
-    var getCollectionNode: unknown;
-}

package/dist/components/List/ListItem.js

@@ -1,11 +0,0 @@
-"use client";
-import { jsx } from "react/jsx-runtime";
-import { Item } from "@koobiq/react-primitives";
-const ItemInner = Item;
-function ListItem(props) {
-  return /* @__PURE__ */ jsx(Item, { ...props });
-}
-ListItem.getCollectionNode = ItemInner.getCollectionNode;
-export {
-  ListItem
-};

package/dist/components/List/ListSection.js

@@ -1,11 +0,0 @@
-"use client";
-import { jsx } from "react/jsx-runtime";
-import { Section } from "@koobiq/react-primitives";
-const SectionInner = Section;
-function ListSection(props) {
-  return /* @__PURE__ */ jsx(Section, { ...props });
-}
-ListSection.getCollectionNode = SectionInner.getCollectionNode;
-export {
-  ListSection
-};

package/dist/components/List/components/ListOption/ListOption.module.css.js

@@ -1,23 +0,0 @@
-const base = "kbq-listoption-8693c5";
-const hovered = "kbq-listoption-hovered-163e16";
-const pressed = "kbq-listoption-pressed-292310";
-const focusVisible = "kbq-listoption-focusVisible-dcff25";
-const selected = "kbq-listoption-selected-012293";
-const disabled = "kbq-listoption-disabled-dafd94";
-const s = {
-  base,
-  hovered,
-  pressed,
-  focusVisible,
-  selected,
-  disabled
-};
-export {
-  base,
-  s as default,
-  disabled,
-  focusVisible,
-  hovered,
-  pressed,
-  selected
-};