@usefragments/ui 1.6.0 → 1.7.0

package/dist/components/Alert/Alert.module.scss.js

@@ -1,15 +1,16 @@
-const alert = "_alert_1n287_1";
-const title = "_title_1n287_14";
-const info = "_info_1n287_18";
-const success = "_success_1n287_24";
-const warning = "_warning_1n287_30";
-const error = "_error_1n287_36";
-const icon = "_icon_1n287_42";
-const body = "_body_1n287_74";
-const content = "_content_1n287_89";
-const actions = "_actions_1n287_98";
-const close = "_close_1n287_104";
-const action = "_action_1n287_98";
+const alert = "_alert_1xq9x_1";
+const title = "_title_1xq9x_14";
+const info = "_info_1xq9x_18";
+const success = "_success_1xq9x_24";
+const warning = "_warning_1xq9x_30";
+const error = "_error_1xq9x_36";
+const surface = "_surface_1xq9x_42";
+const icon = "_icon_1xq9x_63";
+const body = "_body_1xq9x_95";
+const content = "_content_1xq9x_110";
+const actions = "_actions_1xq9x_119";
+const close = "_close_1xq9x_125";
+const action = "_action_1xq9x_119";
 const styles = {
   alert,
   title,
@@ -17,6 +18,7 @@ const styles = {
   success,
   warning,
   error,
+  surface,
   icon,
   body,
   content,
@@ -36,6 +38,7 @@ export {
   icon,
   info,
   success,
+  surface,
   title,
   warning
 };

package/dist/components/Alert/index.cjs

@@ -46,6 +46,7 @@ const severityIcons = {
 function AlertRoot({
   children,
   severity = "info",
+  emphasis = "tint",
   className,
   ...htmlProps
 }) {
@@ -56,7 +57,12 @@ function AlertRoot({
     setDismissed(true);
   }, []);
   if (dismissed) return null;
-  const classes = [Alert_module.default.alert, Alert_module.default[severity], className].filter(Boolean).join(" ");
+  const classes = [
+    Alert_module.default.alert,
+    Alert_module.default[severity],
+    emphasis === "surface" ? Alert_module.default.surface : null,
+    className
+  ].filter(Boolean).join(" ");
   const role = severity === "warning" || severity === "error" ? "alert" : "status";
   const contextValue = {
     severity,

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

@@ -1,5 +1,5 @@
-import * as React from 'react';
-export type AlertSeverity = 'info' | 'success' | 'warning' | 'error';
+import * as React from "react";
+export type AlertSeverity = "info" | "success" | "warning" | "error";
 /**
  * Alert for contextual feedback messages (info, success, warning, error).
  * @see https://usefragments.com/components/alert
@@ -10,6 +10,12 @@ export interface AlertProps extends React.HTMLAttributes<HTMLDivElement> {
      * @default "info"
      * @see https://usefragments.com/components/alert#variants */
     severity?: AlertSeverity;
+    /** How much surface the severity claims. `tint` washes the whole card in the
+     * severity colour. `surface` keeps the card on the page's own background and
+     * spends the colour only on the hairline and the title — for a standing
+     * failure that owns the view, where a full wash would read as a red page.
+     * @default "tint" */
+    emphasis?: "tint" | "surface";
 }
 export interface AlertIconProps extends React.HTMLAttributes<HTMLSpanElement> {
     children?: React.ReactNode;
@@ -23,11 +29,11 @@ export interface AlertContentProps extends React.HTMLAttributes<HTMLDivElement>
 export interface AlertActionsProps extends React.HTMLAttributes<HTMLDivElement> {
     children: React.ReactNode;
 }
-export interface AlertActionProps extends Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, 'onClick'> {
+export interface AlertActionProps extends Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, "onClick"> {
     children: React.ReactNode;
     onClick?: React.MouseEventHandler<HTMLButtonElement>;
 }
-export interface AlertCloseProps extends Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, 'children'> {
+export interface AlertCloseProps extends Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, "children"> {
     children?: React.ReactNode;
 }
 export interface AlertBodyProps extends React.HTMLAttributes<HTMLDivElement> {
@@ -40,14 +46,14 @@ interface AlertContextValue {
     dismiss: () => void;
 }
 declare function useAlertContext(): AlertContextValue;
-declare function AlertRoot({ children, severity, className, ...htmlProps }: AlertProps): import("react/jsx-runtime").JSX.Element | null;
+declare function AlertRoot({ children, severity, emphasis, className, ...htmlProps }: AlertProps): import("react/jsx-runtime").JSX.Element | null;
 declare function AlertIcon({ children, className, ...htmlProps }: AlertIconProps): import("react/jsx-runtime").JSX.Element;
 declare function AlertBody({ children, className, ...htmlProps }: AlertBodyProps): import("react/jsx-runtime").JSX.Element;
 declare function AlertTitle({ children, className, ...htmlProps }: AlertTitleProps): import("react/jsx-runtime").JSX.Element;
 declare function AlertContent({ children, className, ...htmlProps }: AlertContentProps): import("react/jsx-runtime").JSX.Element;
 declare function AlertActions({ children, className, ...htmlProps }: AlertActionsProps): import("react/jsx-runtime").JSX.Element;
 declare function AlertAction({ children, onClick, type, className, ...htmlProps }: AlertActionProps): import("react/jsx-runtime").JSX.Element;
-declare function AlertClose({ children, className, onClick, type, 'aria-label': ariaLabel, ...htmlProps }: AlertCloseProps): import("react/jsx-runtime").JSX.Element;
+declare function AlertClose({ children, className, onClick, type, "aria-label": ariaLabel, ...htmlProps }: AlertCloseProps): import("react/jsx-runtime").JSX.Element;
 export declare const Alert: typeof AlertRoot & {
     Icon: typeof AlertIcon;
     Body: typeof AlertBody;

package/dist/components/Alert/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Alert/index.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Alert/index.tsx"],"names":[],"mappings":"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"}

package/dist/components/Alert/index.js

@@ -27,6 +27,7 @@ const severityIcons = {
 function AlertRoot({
   children,
   severity = "info",
+  emphasis = "tint",
   className,
   ...htmlProps
 }) {
@@ -37,7 +38,12 @@ function AlertRoot({
     setDismissed(true);
   }, []);
   if (dismissed) return null;
-  const classes = [styles.alert, styles[severity], className].filter(Boolean).join(" ");
+  const classes = [
+    styles.alert,
+    styles[severity],
+    emphasis === "surface" ? styles.surface : null,
+    className
+  ].filter(Boolean).join(" ");
   const role = severity === "warning" || severity === "error" ? "alert" : "status";
   const contextValue = {
     severity,

package/dist/components/AppShell/AppShell.module.scss.cjs

@@ -1,19 +1,19 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const root = "_root_1aaa9_1";
-const sidebarLayout = "_sidebarLayout_1aaa9_35";
-const header = "_header_1aaa9_45";
-const sidebar = "_sidebar_1aaa9_35";
-const sidebarFullHeight = "_sidebarFullHeight_1aaa9_95";
-const sidebarFloating = "_sidebarFloating_1aaa9_105";
-const main = "_main_1aaa9_109";
-const mainFloating = "_mainFloating_1aaa9_116";
-const paddingNone = "_paddingNone_1aaa9_138";
-const paddingSm = "_paddingSm_1aaa9_142";
-const paddingMd = "_paddingMd_1aaa9_146";
-const paddingLg = "_paddingLg_1aaa9_150";
-const aside = "_aside_1aaa9_154";
-const asideFloating = "_asideFloating_1aaa9_175";
+const root = "_root_1ub3t_1";
+const sidebarLayout = "_sidebarLayout_1ub3t_40";
+const header = "_header_1ub3t_50";
+const sidebar = "_sidebar_1ub3t_40";
+const sidebarFullHeight = "_sidebarFullHeight_1ub3t_103";
+const sidebarFloating = "_sidebarFloating_1ub3t_112";
+const main = "_main_1ub3t_116";
+const mainFloating = "_mainFloating_1ub3t_123";
+const paddingNone = "_paddingNone_1ub3t_145";
+const paddingSm = "_paddingSm_1ub3t_149";
+const paddingMd = "_paddingMd_1ub3t_153";
+const paddingLg = "_paddingLg_1ub3t_157";
+const aside = "_aside_1ub3t_161";
+const asideFloating = "_asideFloating_1ub3t_182";
 const styles = {
   root,
   sidebarLayout,

package/dist/components/AppShell/AppShell.module.scss.js

@@ -1,17 +1,17 @@
-const root = "_root_1aaa9_1";
-const sidebarLayout = "_sidebarLayout_1aaa9_35";
-const header = "_header_1aaa9_45";
-const sidebar = "_sidebar_1aaa9_35";
-const sidebarFullHeight = "_sidebarFullHeight_1aaa9_95";
-const sidebarFloating = "_sidebarFloating_1aaa9_105";
-const main = "_main_1aaa9_109";
-const mainFloating = "_mainFloating_1aaa9_116";
-const paddingNone = "_paddingNone_1aaa9_138";
-const paddingSm = "_paddingSm_1aaa9_142";
-const paddingMd = "_paddingMd_1aaa9_146";
-const paddingLg = "_paddingLg_1aaa9_150";
-const aside = "_aside_1aaa9_154";
-const asideFloating = "_asideFloating_1aaa9_175";
+const root = "_root_1ub3t_1";
+const sidebarLayout = "_sidebarLayout_1ub3t_40";
+const header = "_header_1ub3t_50";
+const sidebar = "_sidebar_1ub3t_40";
+const sidebarFullHeight = "_sidebarFullHeight_1ub3t_103";
+const sidebarFloating = "_sidebarFloating_1ub3t_112";
+const main = "_main_1ub3t_116";
+const mainFloating = "_mainFloating_1ub3t_123";
+const paddingNone = "_paddingNone_1ub3t_145";
+const paddingSm = "_paddingSm_1ub3t_149";
+const paddingMd = "_paddingMd_1ub3t_153";
+const paddingLg = "_paddingLg_1ub3t_157";
+const aside = "_aside_1ub3t_161";
+const asideFloating = "_asideFloating_1ub3t_182";
 const styles = {
   root,
   sidebarLayout,

package/dist/components/Avatar/Avatar.module.scss.cjs

@@ -1,19 +1,19 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const avatar = "_avatar_1m7oq_1";
-const xs = "_xs_1m7oq_14";
-const sm = "_sm_1m7oq_26";
-const md = "_md_1m7oq_38";
-const lg = "_lg_1m7oq_50";
-const xl = "_xl_1m7oq_62";
-const square = "_square_1m7oq_74";
-const image = "_image_1m7oq_78";
-const initials = "_initials_1m7oq_84";
-const fallback = "_fallback_1m7oq_91";
-const fallbackIcon = "_fallbackIcon_1m7oq_99";
-const group = "_group_1m7oq_105";
-const groupItem = "_groupItem_1m7oq_111";
-const overflow = "_overflow_1m7oq_140";
+const avatar = "_avatar_3118z_1";
+const xs = "_xs_3118z_14";
+const sm = "_sm_3118z_26";
+const md = "_md_3118z_38";
+const lg = "_lg_3118z_50";
+const xl = "_xl_3118z_62";
+const square = "_square_3118z_74";
+const image = "_image_3118z_78";
+const initials = "_initials_3118z_84";
+const fallback = "_fallback_3118z_91";
+const fallbackIcon = "_fallbackIcon_3118z_99";
+const group = "_group_3118z_105";
+const groupItem = "_groupItem_3118z_111";
+const overflow = "_overflow_3118z_140";
 const styles = {
   avatar,
   xs,

package/dist/components/Avatar/Avatar.module.scss.js

@@ -1,17 +1,17 @@
-const avatar = "_avatar_1m7oq_1";
-const xs = "_xs_1m7oq_14";
-const sm = "_sm_1m7oq_26";
-const md = "_md_1m7oq_38";
-const lg = "_lg_1m7oq_50";
-const xl = "_xl_1m7oq_62";
-const square = "_square_1m7oq_74";
-const image = "_image_1m7oq_78";
-const initials = "_initials_1m7oq_84";
-const fallback = "_fallback_1m7oq_91";
-const fallbackIcon = "_fallbackIcon_1m7oq_99";
-const group = "_group_1m7oq_105";
-const groupItem = "_groupItem_1m7oq_111";
-const overflow = "_overflow_1m7oq_140";
+const avatar = "_avatar_3118z_1";
+const xs = "_xs_3118z_14";
+const sm = "_sm_3118z_26";
+const md = "_md_3118z_38";
+const lg = "_lg_3118z_50";
+const xl = "_xl_3118z_62";
+const square = "_square_3118z_74";
+const image = "_image_3118z_78";
+const initials = "_initials_3118z_84";
+const fallback = "_fallback_3118z_91";
+const fallbackIcon = "_fallbackIcon_3118z_99";
+const group = "_group_3118z_105";
+const groupItem = "_groupItem_3118z_111";
+const overflow = "_overflow_3118z_140";
 const styles = {
   avatar,
   xs,

package/dist/components/Badge/Badge.module.scss.cjs

@@ -1,28 +1,28 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const badge = "_badge_15ow6_1";
-const sm = "_sm_15ow6_13";
-const md = "_md_15ow6_23";
-const lg = "_lg_15ow6_33";
-const success = "_success_15ow6_48";
-const warning = "_warning_15ow6_53";
-const error = "_error_15ow6_58";
-const info = "_info_15ow6_63";
-const outline = "_outline_15ow6_68";
-const label = "_label_15ow6_74";
-const dim = "_dim_15ow6_81";
-const active = "_active_15ow6_88";
-const dot = "_dot_15ow6_94";
-const dotPulse = "_dotPulse_15ow6_106";
-const fuiBadgeDotPulse = "_fui-badge-dot-pulse_15ow6_1";
-const icon = "_icon_15ow6_120";
-const remove = "_remove_15ow6_144";
+const badge = "_badge_vcvlk_1";
+const sm = "_sm_vcvlk_13";
+const md = "_md_vcvlk_23";
+const lg = "_lg_vcvlk_33";
+const success = "_success_vcvlk_48";
+const warning = "_warning_vcvlk_53";
+const error = "_error_vcvlk_58";
+const info = "_info_vcvlk_63";
+const outline = "_outline_vcvlk_68";
+const label = "_label_vcvlk_74";
+const dim = "_dim_vcvlk_81";
+const active = "_active_vcvlk_88";
+const dot = "_dot_vcvlk_94";
+const dotPulse = "_dotPulse_vcvlk_106";
+const fuiBadgeDotPulse = "_fui-badge-dot-pulse_vcvlk_1";
+const icon = "_icon_vcvlk_120";
+const remove = "_remove_vcvlk_144";
 const styles = {
   badge,
   sm,
   md,
   lg,
-  "default": "_default_15ow6_43",
+  "default": "_default_vcvlk_43",
   success,
   warning,
   error,
@@ -33,7 +33,7 @@ const styles = {
   active,
   dot,
   dotPulse,
-  "fui-badge-dot-pulse": "_fui-badge-dot-pulse_15ow6_1",
+  "fui-badge-dot-pulse": "_fui-badge-dot-pulse_vcvlk_1",
   fuiBadgeDotPulse,
   icon,
   remove

package/dist/components/Badge/Badge.module.scss.js

@@ -1,26 +1,26 @@
-const badge = "_badge_15ow6_1";
-const sm = "_sm_15ow6_13";
-const md = "_md_15ow6_23";
-const lg = "_lg_15ow6_33";
-const success = "_success_15ow6_48";
-const warning = "_warning_15ow6_53";
-const error = "_error_15ow6_58";
-const info = "_info_15ow6_63";
-const outline = "_outline_15ow6_68";
-const label = "_label_15ow6_74";
-const dim = "_dim_15ow6_81";
-const active = "_active_15ow6_88";
-const dot = "_dot_15ow6_94";
-const dotPulse = "_dotPulse_15ow6_106";
-const fuiBadgeDotPulse = "_fui-badge-dot-pulse_15ow6_1";
-const icon = "_icon_15ow6_120";
-const remove = "_remove_15ow6_144";
+const badge = "_badge_vcvlk_1";
+const sm = "_sm_vcvlk_13";
+const md = "_md_vcvlk_23";
+const lg = "_lg_vcvlk_33";
+const success = "_success_vcvlk_48";
+const warning = "_warning_vcvlk_53";
+const error = "_error_vcvlk_58";
+const info = "_info_vcvlk_63";
+const outline = "_outline_vcvlk_68";
+const label = "_label_vcvlk_74";
+const dim = "_dim_vcvlk_81";
+const active = "_active_vcvlk_88";
+const dot = "_dot_vcvlk_94";
+const dotPulse = "_dotPulse_vcvlk_106";
+const fuiBadgeDotPulse = "_fui-badge-dot-pulse_vcvlk_1";
+const icon = "_icon_vcvlk_120";
+const remove = "_remove_vcvlk_144";
 const styles = {
   badge,
   sm,
   md,
   lg,
-  "default": "_default_15ow6_43",
+  "default": "_default_vcvlk_43",
   success,
   warning,
   error,
@@ -31,7 +31,7 @@ const styles = {
   active,
   dot,
   dotPulse,
-  "fui-badge-dot-pulse": "_fui-badge-dot-pulse_15ow6_1",
+  "fui-badge-dot-pulse": "_fui-badge-dot-pulse_vcvlk_1",
   fuiBadgeDotPulse,
   icon,
   remove

package/dist/components/BentoGrid/BentoGrid.module.scss.cjs

@@ -1,19 +1,19 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const grid = "_grid_qr1ks_1";
-const columns2 = "_columns2_qr1ks_7";
-const columns3 = "_columns3_qr1ks_11";
-const columns4 = "_columns4_qr1ks_15";
-const gapNone = "_gapNone_qr1ks_32";
-const gapXs = "_gapXs_qr1ks_36";
-const gapSm = "_gapSm_qr1ks_40";
-const gapMd = "_gapMd_qr1ks_44";
-const gapLg = "_gapLg_qr1ks_48";
-const gapXl = "_gapXl_qr1ks_52";
-const item = "_item_qr1ks_56";
-const subgridRows = "_subgridRows_qr1ks_117";
-const subgridColumns = "_subgridColumns_qr1ks_122";
-const subgridBoth = "_subgridBoth_qr1ks_127";
+const grid = "_grid_3sqfo_1";
+const columns2 = "_columns2_3sqfo_7";
+const columns3 = "_columns3_3sqfo_11";
+const columns4 = "_columns4_3sqfo_15";
+const gapNone = "_gapNone_3sqfo_32";
+const gapXs = "_gapXs_3sqfo_36";
+const gapSm = "_gapSm_3sqfo_40";
+const gapMd = "_gapMd_3sqfo_44";
+const gapLg = "_gapLg_3sqfo_48";
+const gapXl = "_gapXl_3sqfo_52";
+const item = "_item_3sqfo_56";
+const subgridRows = "_subgridRows_3sqfo_117";
+const subgridColumns = "_subgridColumns_3sqfo_122";
+const subgridBoth = "_subgridBoth_3sqfo_127";
 const styles = {
   grid,
   columns2,

package/dist/components/BentoGrid/BentoGrid.module.scss.js

@@ -1,17 +1,17 @@
-const grid = "_grid_qr1ks_1";
-const columns2 = "_columns2_qr1ks_7";
-const columns3 = "_columns3_qr1ks_11";
-const columns4 = "_columns4_qr1ks_15";
-const gapNone = "_gapNone_qr1ks_32";
-const gapXs = "_gapXs_qr1ks_36";
-const gapSm = "_gapSm_qr1ks_40";
-const gapMd = "_gapMd_qr1ks_44";
-const gapLg = "_gapLg_qr1ks_48";
-const gapXl = "_gapXl_qr1ks_52";
-const item = "_item_qr1ks_56";
-const subgridRows = "_subgridRows_qr1ks_117";
-const subgridColumns = "_subgridColumns_qr1ks_122";
-const subgridBoth = "_subgridBoth_qr1ks_127";
+const grid = "_grid_3sqfo_1";
+const columns2 = "_columns2_3sqfo_7";
+const columns3 = "_columns3_3sqfo_11";
+const columns4 = "_columns4_3sqfo_15";
+const gapNone = "_gapNone_3sqfo_32";
+const gapXs = "_gapXs_3sqfo_36";
+const gapSm = "_gapSm_3sqfo_40";
+const gapMd = "_gapMd_3sqfo_44";
+const gapLg = "_gapLg_3sqfo_48";
+const gapXl = "_gapXl_3sqfo_52";
+const item = "_item_3sqfo_56";
+const subgridRows = "_subgridRows_3sqfo_117";
+const subgridColumns = "_subgridColumns_3sqfo_122";
+const subgridBoth = "_subgridBoth_3sqfo_127";
 const styles = {
   grid,
   columns2,