@kakadu/components 1.1.0 → 1.1.1

package/build/icon.d.ts

@@ -0,0 +1,25 @@
+import { type ComponentPropsWithoutRef } from 'react';
+export declare enum IconType {
+    kakaduGuide = "kakaduGuide",
+    kakaduGuideGlyph = "kakaduGuideGlyph",
+    menu = "menu",
+    check = "check",
+    plus = "plus",
+    times = "times",
+    chevronDown = "chevronDown",
+    chevronUp = "chevronUp",
+    caretDown = "caretDown",
+    caretRight = "caretRight",
+    arrowDown = "arrowDown",
+    edit = "edit",
+    copy = "copy",
+    test = "test",
+    exclamationTriangle = "exclamationTriangle",
+    chromeBrowserLogo = "chromeBrowserLogo",
+    edgeBrowserLogo = "edgeBrowserLogo"
+}
+export type IconProperties = ComponentPropsWithoutRef<'svg'> & {
+    readonly type: IconType;
+};
+export declare const iconShadowStyles: string;
+export default function Icon({ type, ...properties }: IconProperties): import("react/jsx-runtime").JSX.Element | null;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kakadu/components",
-  "version": "1.1.0",
+  "version": "1.1.1",
   "description": "Kakadu components library",
   "license": "MIT",
   "repository": {
@@ -16,7 +16,7 @@
   ],
   "scripts": {
     "dev": "next dev",
-    "build": "rm -rf build && vite build && tsc --project tsconfig.build.json --emitDeclarationOnly --outDir build && node move-types.mjs",
+    "build": "rm -rf build build-types && vite build && tsc --project tsconfig.build.json && node move-types.mjs",
     "build:next": "next build",
     "start": "next start",
     "storybook": "storybook dev -p 6006 --no-open",

package/build/build/aria-text.d.ts

@@ -1,8 +0,0 @@
-export { e as ariaTextStyles };
-export default n;
-declare const e: "kakadu-components-3440084244";
-declare function n({ as: t, className: s, ...r }: {
-    [x: string]: any;
-    as: any;
-    className: any;
-}): any;

package/build/build/atom.d.ts

@@ -1,9 +0,0 @@
-export default o;
-export { e as defaultAtomElementType };
-declare function o({ as: t, reference: r, ...u }: {
-    [x: string]: any;
-    as: any;
-    reference: any;
-}): l.DetailedReactHTMLElement<l.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>;
-declare const e: "div";
-import l = require("react");

package/build/build/bankid-logo.d.ts

@@ -1,5 +0,0 @@
-export default m;
-declare function m({ fill: h, ...s }: {
-    [x: string]: any;
-    fill: any;
-}): any;

package/build/build/box.d.ts

@@ -1,6 +0,0 @@
-export default n;
-declare function n({ as: t, className: u, ...o }: {
-    [x: string]: any;
-    as: any;
-    className: any;
-}): any;

package/build/build/button-tooltip.d.ts

@@ -1,5 +0,0 @@
-export default r;
-declare function r({ label: e, className: t }: {
-    label: any;
-    className: any;
-}): any;

package/build/build/button.d.ts

@@ -1,23 +0,0 @@
-export default O;
-declare var k: any;
-declare const S: "kakadu-components-1978976872";
-declare const j: "kakadu-components-2244098950";
-declare const _: "kakadu-components-3923184173";
-declare const y: "kakadu-components-317965671";
-declare function O({ type: s, variant: t, className: a, children: n, label: R, tooltip: c, iconLeft: r, iconRight: i, isLoading: u, hasMovingGradients: b, movingGradientsCount: m, hasMovingStars: f, movingStarsCount: d, ...E }: {
-    [x: string]: any;
-    type: any;
-    variant?: string | undefined;
-    className: any;
-    children: any;
-    label: any;
-    tooltip: any;
-    iconLeft: any;
-    iconRight: any;
-    isLoading: any;
-    hasMovingGradients?: boolean | undefined;
-    movingGradientsCount?: number | undefined;
-    hasMovingStars?: boolean | undefined;
-    movingStarsCount?: number | undefined;
-}): any;
-export { k as ButtonVariant, S as buttonDangerStyles, j as buttonSecondaryStyles, _ as buttonSuccessStyles, y as buttonWarningStyles };

package/build/build/card.d.ts

@@ -1,11 +0,0 @@
-export default R;
-declare function R({ icon: a, title: u, description: c, action: l, href: s, target: x, rel: d, ...m }: {
-    [x: string]: any;
-    icon: any;
-    title: any;
-    description: any;
-    action: any;
-    href: any;
-    target: any;
-    rel: any;
-}): any;

package/build/build/click-ripples.d.ts

@@ -1,6 +0,0 @@
-export default y;
-declare function y({ size: s, className: i, ...r }: {
-    [x: string]: any;
-    size?: number | undefined;
-    className: any;
-}): any;

package/build/build/datum.d.ts

@@ -1,6 +0,0 @@
-export default p;
-declare function p({ title: c, value: l, hasCopyButton: x }: {
-    title: any;
-    value: any;
-    hasCopyButton: any;
-}): any;

package/build/build/dnb-logo.d.ts

@@ -1,5 +0,0 @@
-export default n;
-declare function n({ fill: l, ...e }: {
-    [x: string]: any;
-    fill: any;
-}): any;

package/build/build/dot.d.ts

@@ -1,4 +0,0 @@
-export default s;
-declare function s({ className: e }: {
-    className: any;
-}): any;

package/build/build/flex.d.ts

@@ -1,12 +0,0 @@
-export { a as FlexAlignment };
-export default m;
-declare var a: any;
-declare function m({ as: o, direction: s, alignment: n, gap: e, wrap: u, className: c, ...k }: {
-    [x: string]: any;
-    as: any;
-    direction?: string | undefined;
-    alignment: any;
-    gap?: number | undefined;
-    wrap?: boolean | undefined;
-    className: any;
-}): any;

package/build/build/footer.d.ts

@@ -1,4 +0,0 @@
-export default l;
-declare function l({ isFullWidth: a }: {
-    isFullWidth?: boolean | undefined;
-}): any;

package/build/build/gauge.d.ts

@@ -1,6 +0,0 @@
-export default j;
-declare function j({ label: a, size: n, percentage: u }: {
-    label: any;
-    size: any;
-    percentage?: number | undefined;
-}): any;

package/build/build/gjensidige-logo.d.ts

@@ -1,5 +0,0 @@
-export default m;
-declare function m({ fill: s, ...l }: {
-    [x: string]: any;
-    fill: any;
-}): any;

package/build/build/hooks/use-media-query.d.ts

@@ -1,2 +0,0 @@
-export default a;
-declare function a(t: any): boolean | undefined;

package/build/build/hover-gradient.d.ts

@@ -1,8 +0,0 @@
-export default $;
-export { R as normalBlendStyles };
-declare function $({ size: x, className: k, ...E }: {
-    [x: string]: any;
-    size?: number | undefined;
-    className: any;
-}): any;
-declare const R: "kakadu-components-2608453841";

package/build/build/icon-button.d.ts

@@ -1,10 +0,0 @@
-export { m as IconButtonVariant };
-export default R;
-declare var m: any;
-declare function R({ icon: e, variant: u, label: a, className: p, ...k }: {
-    [x: string]: any;
-    icon: any;
-    variant?: string | undefined;
-    label: any;
-    className: any;
-}): any;

package/build/build/icon.d.ts

@@ -1,8 +0,0 @@
-export default B;
-declare var r: any;
-declare function B({ type: e, ...t }: {
-    [x: string]: any;
-    type: any;
-}): any;
-declare const x: "kakadu-components-1645965623";
-export { r as IconType, x as iconShadowStyles };

package/build/build/icons/arrow-down.d.ts

@@ -1,5 +0,0 @@
-export default r;
-declare function r({ fill: t, ...s }: {
-    [x: string]: any;
-    fill: any;
-}): any;

package/build/build/icons/caret-down.d.ts

@@ -1,5 +0,0 @@
-export default i;
-declare function i({ fill: t, ...r }: {
-    [x: string]: any;
-    fill: any;
-}): any;

package/build/build/icons/caret-right.d.ts

@@ -1,5 +0,0 @@
-export default i;
-declare function i({ fill: t, ...r }: {
-    [x: string]: any;
-    fill: any;
-}): any;

package/build/build/icons/check.d.ts

@@ -1,5 +0,0 @@
-export default r;
-declare function r({ fill: t, ...l }: {
-    [x: string]: any;
-    fill: any;
-}): any;

package/build/build/icons/chevron-down.d.ts

@@ -1,5 +0,0 @@
-export default r;
-declare function r({ fill: t, ...l }: {
-    [x: string]: any;
-    fill: any;
-}): any;

package/build/build/icons/chevron-up.d.ts

@@ -1,5 +0,0 @@
-export default r;
-declare function r({ fill: t, ...l }: {
-    [x: string]: any;
-    fill: any;
-}): any;

package/build/build/icons/chrome-browser-logo.d.ts

@@ -1,5 +0,0 @@
-export default o;
-declare function o({ fill: t, ...r }: {
-    [x: string]: any;
-    fill: any;
-}): any;

package/build/build/icons/copy.d.ts

@@ -1,5 +0,0 @@
-export default c;
-declare function c({ fill: t, ...l }: {
-    [x: string]: any;
-    fill: any;
-}): any;

package/build/build/icons/edge-browser-logo.d.ts

@@ -1,5 +0,0 @@
-export default o;
-declare function o({ fill: t, ...r }: {
-    [x: string]: any;
-    fill: any;
-}): any;

package/build/build/icons/edit.d.ts

@@ -1,5 +0,0 @@
-export default r;
-declare function r({ fill: t, ...i }: {
-    [x: string]: any;
-    fill: any;
-}): any;

package/build/build/icons/exclamation-triangle.d.ts

@@ -1,5 +0,0 @@
-export default i;
-declare function i({ fill: l, ...t }: {
-    [x: string]: any;
-    fill: any;
-}): any;

package/build/build/icons/kakadu-guide-glyph.d.ts

@@ -1,5 +0,0 @@
-export default i;
-declare function i({ fill: t, ...s }: {
-    [x: string]: any;
-    fill: any;
-}): any;

package/build/build/icons/kakadu-guide.d.ts

@@ -1,5 +0,0 @@
-export default s;
-declare function s({ fill: t, ...i }: {
-    [x: string]: any;
-    fill: any;
-}): any;

package/build/build/icons/menu.d.ts

@@ -1,5 +0,0 @@
-export default i;
-declare function i({ fill: e, ...r }: {
-    [x: string]: any;
-    fill: any;
-}): any;

package/build/build/icons/plus.d.ts

@@ -1,5 +0,0 @@
-export default s;
-declare function s({ fill: t, ...r }: {
-    [x: string]: any;
-    fill: any;
-}): any;

package/build/build/icons/test.d.ts

@@ -1,5 +0,0 @@
-export default i;
-declare function i({ fill: t, ...l }: {
-    [x: string]: any;
-    fill: any;
-}): any;

package/build/build/icons/times.d.ts

@@ -1,5 +0,0 @@
-export default i;
-declare function i({ fill: t, ...l }: {
-    [x: string]: any;
-    fill: any;
-}): any;

package/build/build/jsx-runtime-BB_1_6y_.d.ts

@@ -1,2 +0,0 @@
-export { ne as jsxRuntimeExports };
-declare var ne: {};

package/build/build/kakadu-guide-icon.d.ts

@@ -1,4 +0,0 @@
-export default i;
-declare function i({ size: e }: {
-    size?: number | undefined;
-}): any;

package/build/build/kakadu-guide-logo.d.ts

@@ -1,11 +0,0 @@
-export default d;
-declare function x({ fill: c, ...t }: {
-    [x: string]: any;
-    fill: any;
-}): any;
-declare var i: any;
-declare function d({ variant: c, height: t }: {
-    variant?: string | undefined;
-    height?: number | undefined;
-}): any;
-export { x as KakaduGuideLogoSvg, i as KakaduGuideLogoVariant };

package/build/build/kakadu-index-logo.d.ts

@@ -1,5 +0,0 @@
-export default e;
-declare function e({ fill: c, ...t }: {
-    [x: string]: any;
-    fill: any;
-}): any;

package/build/build/kakadu-logo.d.ts

@@ -1,5 +0,0 @@
-export default n;
-declare function n({ fill: e, ...t }: {
-    [x: string]: any;
-    fill: any;
-}): any;

package/build/build/modal.d.ts

@@ -1,22 +0,0 @@
-export default pt;
-declare function pt({ root: r, maxWidth: e, className: t, isVisible: a, isFullWidth: u, shouldCloseOnOutsideClick: l, shouldCloseOnEscapePress: n, showCloseButton: p, onClose: y, children: E }: {
-    root: any;
-    maxWidth: any;
-    className: any;
-    isVisible: any;
-    isFullWidth?: boolean | undefined;
-    shouldCloseOnOutsideClick?: boolean | undefined;
-    shouldCloseOnEscapePress?: boolean | undefined;
-    showCloseButton?: boolean | undefined;
-    onClose: any;
-    children: any;
-}): any;
-declare function bt(r: any, e: any): {
-    isVisible: boolean;
-    show: () => Promise<any>;
-    modal: any;
-};
-declare function De(): {
-    isVisible: boolean;
-};
-export { bt as useModal, De as useModalContext };

package/build/build/moving-gradients.d.ts

@@ -1,8 +0,0 @@
-export default O;
-declare function O({ className: S, colors: C, maximumGradientsCount: m, speed: b, opacity: X }: {
-    className: any;
-    colors?: string[] | undefined;
-    maximumGradientsCount?: number | undefined;
-    speed?: number | undefined;
-    opacity?: number | undefined;
-}): any;

package/build/build/moving-stars.d.ts

@@ -1,11 +0,0 @@
-export default B;
-declare function B({ color: y, opacity: R, className: W, minimumSize: A, maximumSize: S, maximumStarsCount: x, speed: C, hasMask: j }: {
-    color: any;
-    opacity: any;
-    className: any;
-    minimumSize?: number | undefined;
-    maximumSize?: number | undefined;
-    maximumStarsCount?: number | undefined;
-    speed?: number | undefined;
-    hasMask?: boolean | undefined;
-}): any;

package/build/build/notice.d.ts

@@ -1,10 +0,0 @@
-export { r as NoticeType };
-export default p;
-declare var r: any;
-declare function p({ type: s, icon: a, className: u, children: t, ...d }: {
-    [x: string]: any;
-    type?: string | undefined;
-    icon: any;
-    className: any;
-    children: any;
-}): any;

package/build/build/notification.d.ts

@@ -1,15 +0,0 @@
-export default x;
-declare function C({ children: n }: {
-    children: any;
-}): any;
-declare function x({ type: n, icon: d, index: c, className: u, children: f, onDismiss: o, ...i }: {
-    [x: string]: any;
-    type: any;
-    icon: any;
-    index: any;
-    className: any;
-    children: any;
-    onDismiss: any;
-}): any;
-declare function E(): () => never;
-export { C as NotificationProvider, E as useCreateNotification };

package/build/build/revealer.d.ts

@@ -1,24 +0,0 @@
-export default q;
-export { k as useRevealer };
-declare function q({ delay: t, animationDelay: c, duration: n, threshold: l, distance: d, isMoving: r, isCentered: m, shouldReveal: f, children: v, className: a, ...o }: {
-    [x: string]: any;
-    delay: any;
-    animationDelay: any;
-    duration: any;
-    threshold: any;
-    distance: any;
-    isMoving: any;
-    isCentered: any;
-    shouldReveal: any;
-    children: any;
-    className: any;
-}): any;
-declare function k(t: any, c?: {}): {
-    isVisible: boolean;
-    style: {
-        "--distance": string;
-        "--duration": string;
-        "--animation-delay": string;
-    };
-    className: string;
-};

package/build/build/separator.d.ts

@@ -1,10 +0,0 @@
-export { u as SeparatorLabel };
-export default r;
-declare function u({ label: n, ...t }: {
-    [x: string]: any;
-    label: any;
-}): any;
-declare function r({ className: n, ...t }: {
-    [x: string]: any;
-    className: any;
-}): any;

package/build/build/skeleton.d.ts

@@ -1,16 +0,0 @@
-export { u as SkeletonInstance };
-export default l;
-declare function u({ label: s, width: t, height: r, className: i, children: n, isAnimated: o, ...c }: {
-    [x: string]: any;
-    label: any;
-    width: any;
-    height: any;
-    className: any;
-    children: any;
-    isAnimated?: boolean | undefined;
-}): any;
-declare function l({ label: s, lines: t, isAnimated: r }: {
-    label: any;
-    lines?: number | undefined;
-    isAnimated?: boolean | undefined;
-}): any;

package/build/build/sparebank1-logo.d.ts

@@ -1,5 +0,0 @@
-export default h;
-declare function h({ fill: s, ...t }: {
-    [x: string]: any;
-    fill: any;
-}): any;

package/build/build/spinner.d.ts

@@ -1,11 +0,0 @@
-export { x as RevealSpinner };
-export default i;
-declare function x({ isVisible: e, ...o }: {
-    [x: string]: any;
-    isVisible: any;
-}): any;
-declare function i({ size: e, strokeWidth: o, isAnimated: c }: {
-    size?: number | undefined;
-    strokeWidth?: number | undefined;
-    isAnimated?: boolean | undefined;
-}): any;

package/build/build/sto-logo.d.ts

@@ -1,5 +0,0 @@
-export default n;
-declare function n({ fill: s, ...e }: {
-    [x: string]: any;
-    fill: any;
-}): any;

package/build/build/storebrand-logo.d.ts

@@ -1,5 +0,0 @@
-export default v;
-declare function v({ fill: h, ...t }: {
-    [x: string]: any;
-    fill: any;
-}): any;

package/build/build/text-button.d.ts

@@ -1,12 +0,0 @@
-export { u as TextButtonVariant };
-export default f;
-declare var u: any;
-declare function f({ icon: t, variant: i, tooltip: n, className: l, children: s, label: x, ...c }: {
-    [x: string]: any;
-    icon: any;
-    variant?: string | undefined;
-    tooltip: any;
-    className: any;
-    children: any;
-    label: any;
-}): any;

package/build/build/text.d.ts

@@ -1,30 +0,0 @@
-export default i;
-declare function d({ reference: e, as: t, className: s, ...x }: {
-    [x: string]: any;
-    reference: any;
-    as: any;
-    className: any;
-}): any;
-declare function k({ as: e, className: t, ...s }: {
-    [x: string]: any;
-    as: any;
-    className: any;
-}): any;
-declare function m({ as: e, className: t, ...s }: {
-    [x: string]: any;
-    as: any;
-    className: any;
-}): any;
-declare function p({ as: e, className: t, ...s }: {
-    [x: string]: any;
-    as: any;
-    className: any;
-}): any;
-declare function i({ as: e, className: t, ...s }: {
-    [x: string]: any;
-    as: any;
-    className: any;
-}): any;
-declare const r: string;
-declare const u: "kakadu-components-1538322784";
-export { d as Heading, k as Hero, m as Paragraph, p as Span, r as spanStyles, u as textShadowStyles };

package/build/build/theme-setter.d.ts

@@ -1,9 +0,0 @@
-export default E;
-declare function E(): any;
-declare function d(): string;
-declare function y(e: any): void;
-declare const o: string[];
-declare function g(e: any): boolean;
-declare function l(e: any): boolean;
-declare function u(e: any): string;
-export { d as getThemePreference, y as setThemePreference, o as themePreferences, g as useIsDarkMode, l as useIsLightMode, u as useTheme };

package/build/build/theme.d.ts

@@ -1,22 +0,0 @@
-export default u;
-declare function i(): any;
-declare const m: "kakadu-components-216224454";
-declare const l: "#0c0d12";
-declare const u: "kakadu-components-2735574809";
-declare const n: "kakadu-components-352310015";
-declare namespace e {
-    let family: string;
-    let stylesheet: string;
-    let preconnect: ({
-        url: string;
-        crossorigin?: undefined;
-    } | {
-        url: string;
-        crossorigin: boolean;
-    })[];
-}
-declare const a: "#4ca486";
-declare const c: "#f8fafc";
-declare const p: string;
-declare const f: "kakadu-components-4178476647";
-export { i as FontFamilyHeadLink, m as buttonResetStyles, l as darkBackgroundColor, n as effectStyles, e as font, a as greenColor, c as lightBackgroundColor, p as nonInteractiveEffectStyles, f as overflowProtectionStyles };

package/build/build/utilities/copy-to-clipboard.d.ts

@@ -1,2 +0,0 @@
-export default a;
-declare function a(t: any): Promise<void>;

package/build/build/utilities/generate-random-id.d.ts

@@ -1,2 +0,0 @@
-export default n;
-declare function n(): string;

package/build/build/utilities/scale.d.ts

@@ -1,11 +0,0 @@
-export default m;
-declare function m({ originalWidth: u, originalHeight: s, size: n, width: e, height: t }: {
-    originalWidth: any;
-    originalHeight: any;
-    size: any;
-    width: any;
-    height: any;
-}): {
-    width: any;
-    height: any;
-};

package/build/build/veil.d.ts

@@ -1,4 +0,0 @@
-export default a;
-declare function a({ hasMovingStars: r }: {
-    hasMovingStars?: boolean | undefined;
-}): any;

package/build/build/wrapper.d.ts

@@ -1,15 +0,0 @@
-export { s as WrapperWidth };
-export default k;
-declare var s: any;
-declare function k({ as: e, gap: u, direction: r, alignment: c, wrap: l, width: t, className: m, innerClassName: p, children: x, ...d }: {
-    [x: string]: any;
-    as: any;
-    gap: any;
-    direction: any;
-    alignment: any;
-    wrap: any;
-    width?: string | undefined;
-    className: any;
-    innerClassName: any;
-    children: any;
-}): any;