@frontify/fondue-components 22.1.2 → 23.0.0-rc.1

package/dist/fondue-components93.js

@@ -0,0 +1,9 @@
+import { jsx as e } from "react/jsx-runtime";
+import { IconCross as s } from "@frontify/fondue-icons";
+import { Button as o } from "./fondue-components6.js";
+import t from "./fondue-components73.js";
+const c = ({ onClear: r }) => /* @__PURE__ */ e(o, { "aria-label": "clear input", type: "button", size: "small", emphasis: "weak", aspect: "square", onPress: r, children: /* @__PURE__ */ e(s, { className: t.clearIcon, size: 16 }) });
+export {
+  c as SelectClear
+};
+//# sourceMappingURL=fondue-components93.js.map

package/dist/fondue-components93.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"fondue-components93.js","sources":["../src/components/Select/SelectClear.tsx"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { IconCross } from '@frontify/fondue-icons';\n\nimport { Button } from '../Button/Button';\n\nimport styles from './styles/select.module.scss';\n\nexport const SelectClear = ({ onClear }: { onClear?: () => void }) => {\n    return (\n        <Button aria-label=\"clear input\" type=\"button\" size=\"small\" emphasis=\"weak\" aspect=\"square\" onPress={onClear}>\n            <IconCross className={styles.clearIcon} size={16} />\n        </Button>\n    );\n};\n"],"names":["SelectClear","onClear","jsx","Button","IconCross","styles"],"mappings":";;;;AAQO,MAAMA,IAAc,CAAC,EAAE,SAAAC,QAEtB,gBAAAC,EAACC,KAAO,cAAW,eAAc,MAAK,UAAS,MAAK,SAAQ,UAAS,QAAO,QAAO,UAAS,SAASF,GACjG,UAAA,gBAAAC,EAACE,GAAA,EAAU,WAAWC,EAAO,WAAW,MAAM,GAAA,CAAI,EAAA,CACtD;"}

package/dist/index.d.ts

@@ -4,7 +4,7 @@ import { ChangeEventHandler } from 'react';
 import { CommonAriaAttrs } from '../../utilities/types';
 import { Context } from 'react';
 import { CSSProperties } from 'react';
-import { default as default_2 } from '@frontify/fondue-tokens/theme-tokens';
+import { default as default_2 } from '@frontify/fondue-tokens/themes';
 import { FocusEvent as FocusEvent_2 } from 'react';
 import { FocusEventHandler } from 'react';
 import { FormEvent } from 'react';
@@ -598,7 +598,7 @@ declare type DialogTriggerProps = {
 
 export declare const Divider: ForwardRefExoticComponent<DividerProps & RefAttributes<HTMLDivElement>>;
 
-declare type DividerColor = 'weak' | 'default' | 'strong' | 'x-strong';
+declare type DividerColor = 'weak' | 'default' | 'strong';
 
 declare type DividerDirection = 'horizontal' | 'vertical';
 
@@ -1236,6 +1236,105 @@ declare type LayoutComponentProps = {
     left?: Responsive<SpacingValue>;
 };
 
+export declare const Link: ForwardRefExoticComponent<LinkProps & RefAttributes<HTMLAnchorElement>>;
+
+declare type LinkColor = 'primary' | 'secondary' | 'error' | 'success' | 'warning' | 'highlight';
+
+declare type LinkOnContainerColor = 'secondary' | 'disabled' | 'error' | 'success' | 'warning' | 'highlight';
+
+declare type LinkProps = {
+    children?: ReactNode;
+    /**
+     * The link to navigate to when clicked
+     */
+    href: string;
+    /**
+     * Id of the element
+     */
+    id?: string;
+    /**
+     * Size of the text
+     *
+     * @default 'medium'
+     */
+    size?: LinkSize;
+    /**
+     * Weight of the font
+     *
+     * @default 'regular'
+     */
+    weight?: LinkWeight;
+    /**
+     * Color of the text
+     *
+     * @default 'primary'
+     */
+    color?: LinkColor;
+    /**
+     * The texts color when used within a container
+     *
+     * @description optional color prop that uses the inverse container color when accessibility contrast is needed
+     **/
+    onContainer?: LinkOnContainerColor;
+    /**
+     * Truncate the text if it overflows
+     */
+    truncate?: boolean;
+    /**
+     * Wrap the text if it overflows
+     * @default 'nowrap'
+     */
+    wrap?: LinkWrap;
+    /**
+     * Underline behavior of the link
+     * @default 'auto'
+     */
+    underline?: LinkUnderline;
+    /**
+     * The target attribute for the link
+     * @default '_self'
+     */
+    target?: string;
+    /**
+     * The rel attribute for the link
+     * @default 'noopener noreferrer'
+     */
+    rel?: string;
+    className?: string;
+    onPress?: (event: MouseEvent_2<HTMLAnchorElement>) => void;
+    'data-test-id'?: string;
+    /**
+     * Aria label for the component.
+     */
+    'aria-label'?: string;
+    /**
+     * Aria labelled by for the component.
+     */
+    'aria-labelledby'?: string;
+    /**
+     * Aria described by for the component.
+     */
+    'aria-describedby'?: string;
+    /**
+     * Aria details for extend description of the component.
+     */
+    'aria-details'?: string;
+    /**
+     * Disable the link
+     *
+     * @default false
+     */
+    disabled?: boolean;
+};
+
+declare type LinkSize = 'xx-small' | 'x-small' | 'small' | 'medium' | 'large' | 'x-large' | 'xx-large';
+
+declare type LinkUnderline = 'auto' | 'always' | 'hover' | 'none';
+
+declare type LinkWeight = 'regular' | 'medium' | 'bold';
+
+declare type LinkWrap = 'wrap' | 'nowrap';
+
 export declare const LoadingBar: ForwardRefExoticComponent<LoadingBarProps & RefAttributes<HTMLDivElement>>;
 
 declare type LoadingBarProps = {
@@ -1320,6 +1419,20 @@ declare type RgbaColor_2 = {
     name?: string;
 };
 
+export declare const RouterProvider: ({ children, navigate, useHref }: RouterProviderProps) => JSX_2.Element;
+
+export declare type RouterProviderProps = {
+    children: ReactNode;
+    /**
+     * Function to navigate to a specific path
+     */
+    navigate: (path: string) => void;
+    /**
+     * Function to resolves a URL against the current location.
+     */
+    useHref: (path: string) => string;
+};
+
 declare const screens: {
     xs: string;
     sm: string;
@@ -1763,6 +1876,11 @@ declare type TableRootProps = {
      * @deprecated Use `Table.Header sticky` prop instead. For sticky columns, use `Table.Body firstColumnSticky` or `lastColumnSticky` props
      */
     sticky?: 'head' | 'col' | 'both';
+    /**
+     * Whether to remove the top and bottom borders from the table
+     * @default false
+     */
+    noBorder?: boolean;
     children: ReactNode;
 } & CommonAriaAttrs_2 & Pick<AriaAttributes, 'aria-multiselectable'>;
 
@@ -2246,12 +2364,12 @@ declare type ThemeProviderProps = {
      * The theme to apply
      * @default "light"
      * */
-    theme: AvailableTheme;
+    theme?: AvailableTheme;
     /**
      * Direction to apply to the theme
      * @default "ltr"
      */
-    dir: 'ltr' | 'rtl';
+    dir?: 'ltr' | 'rtl';
     /**
      * Change the default rendered element for the one passed as a child, merging their props and behavior.
      * @default false