@harnessio/ui 1.2.8 → 1.2.10

package/dist/{index-DyWaEvn_.js → index-Dri0EuQC.js}

@@ -1,6 +1,6 @@
 import { G as c, H as v, u as g, a as P } from "./button-D7Vweq01.js";
 import { R as T, u as w } from "./use-resize-observer-DNQ1lBLF.js";
-import { E, e as b, v as h, w as y, f as D, x as S, q as _, d as j, u as M } from "./index-Bmj1KvsW.js";
+import { E, e as b, v as h, w as y, f as D, x as S, q as _, d as j, u as M } from "./index-DIh_ttog.js";
 import { jsx as i, jsxs as O } from "react/jsx-runtime";
 import { createContext as u, useContext as C, useState as a, useCallback as R, useMemo as k } from "react";
 import { a as q, C as z, M as B, l as G, k as H } from "./types-DuzuERyI.js";
@@ -78,4 +78,4 @@ export {
   L as m,
   W as u
 };
-//# sourceMappingURL=index-DyWaEvn_.js.map
+//# sourceMappingURL=index-Dri0EuQC.js.map

package/dist/{index-DyWaEvn_.js.map → index-Dri0EuQC.js.map}

@@ -1 +1 @@
-{"version":3,"file":"index-DyWaEvn_.js","sources":["../src/context/theme/migrate-persisted-theme.ts","../src/context/component-context.tsx","../src/context/exit-confirm-context.tsx"],"sourcesContent":["import { FullTheme } from './types'\n\n/** Rewrite deprecated dimmer/low contrast themes to standard contrast. */\nexport function migrateLowContrastTheme(theme?: FullTheme): FullTheme | undefined {\n  if (theme?.endsWith('-low')) {\n    return theme.replace(/-low$/, '-std') as FullTheme\n  }\n\n  return theme\n}\n","// ComponentContext.tsx\n\nimport React, { createContext, ReactNode, RefAttributes, useContext } from 'react'\n\nimport { RbacButtonProps, RbacMoreActionsTooltipProps, RbacSplitButtonProps } from '@components/rbac'\n\ninterface ComponentContextValue {\n  RbacButton: React.ComponentType<RbacButtonProps & RefAttributes<HTMLButtonElement>>\n  RbacSplitButton: <T extends string>(props: RbacSplitButtonProps<T>) => JSX.Element\n  RbacMoreActionsTooltip: React.ForwardRefExoticComponent<\n    RbacMoreActionsTooltipProps & RefAttributes<HTMLButtonElement>\n  >\n}\n\nconst ComponentContext = createContext<ComponentContextValue | undefined>(undefined)\n\nexport const ComponentProvider = ({\n  components,\n  children\n}: {\n  components: ComponentContextValue\n  children: ReactNode\n}) => {\n  return <ComponentContext.Provider value={components}>{children}</ComponentContext.Provider>\n}\n\nexport const useComponents = () => {\n  const ctx = useContext(ComponentContext)\n  if (!ctx) throw new Error('useComponents must be used within ComponentProvider')\n  return ctx\n}\n","import { createContext, useCallback, useContext, useMemo, useState } from 'react'\n\nimport { ExitConfirmDialog, ExitConfirmOptions } from '../components/dialogs/exit-confirm-dialog'\n\nexport interface ExitConfirmContextType {\n  show: (options: ExitConfirmOptions) => void\n}\n\nexport const ExitConfirmContext = createContext<ExitConfirmContextType>({\n  show: (_options: ExitConfirmOptions) => undefined\n})\n\nexport function ExitConfirmProvider({ children }: { children: React.ReactNode }) {\n  const [confirm, setConfirm] = useState<ExitConfirmOptions>()\n  const [open, setOpen] = useState(false)\n\n  const show = useCallback(\n    (confirmOptions?: ExitConfirmOptions) => {\n      setConfirm(confirmOptions)\n      setOpen(true)\n    },\n    [setOpen]\n  )\n\n  const onConfirm = () => {\n    confirm?.onConfirm?.()\n    setOpen(false)\n  }\n\n  const onCancel = () => {\n    confirm?.onCancel?.()\n    setOpen(false)\n  }\n\n  const value = useMemo(() => ({ show }), [show])\n\n  return (\n    <ExitConfirmContext.Provider value={value}>\n      {children}\n      <ExitConfirmDialog {...confirm} onCancel={onCancel} onConfirm={onConfirm} open={open} />\n    </ExitConfirmContext.Provider>\n  )\n}\n\nexport const useExitConfirm = () => {\n  const context = useContext(ExitConfirmContext)\n  if (!context) {\n    throw new Error('useExitConfirm must be used within a ExitConfirmProvider')\n  }\n  return context\n}\n"],"names":["migrateLowContrastTheme","theme","ComponentContext","createContext","ComponentProvider","components","children","useComponents","ctx","useContext","ExitConfirmContext","_options","ExitConfirmProvider","confirm","setConfirm","useState","open","setOpen","show","useCallback","confirmOptions","onConfirm","_a","onCancel","value","useMemo","jsxs","ExitConfirmDialog","useExitConfirm","context"],"mappings":";;;;;;AAGO,SAASA,EAAwBC,GAA0C;AAC5E,SAAAA,KAAA,QAAAA,EAAO,SAAS,UACXA,EAAM,QAAQ,SAAS,MAAM,IAG/BA;AACT;ACKA,MAAMC,IAAmBC,EAAiD,MAAS,GAEtEC,IAAoB,CAAC;AAAA,EAChC,YAAAC;AAAA,EACA,UAAAC;AACF,wBAIUJ,EAAiB,UAAjB,EAA0B,OAAOG,GAAa,UAAAC,GAAS,GAGpDC,IAAgB,MAAM;AAC3B,QAAAC,IAAMC,EAAWP,CAAgB;AACvC,MAAI,CAACM,EAAW,OAAA,IAAI,MAAM,qDAAqD;AACxE,SAAAA;AACT,GCtBaE,IAAqBP,EAAsC;AAAA,EACtE,MAAM,CAACQ,MAAiC;AAAA;AAC1C,CAAC;AAEe,SAAAC,EAAoB,EAAE,UAAAN,KAA2C;AAC/E,QAAM,CAACO,GAASC,CAAU,IAAIC,EAA6B,GACrD,CAACC,GAAMC,CAAO,IAAIF,EAAS,EAAK,GAEhCG,IAAOC;AAAA,IACX,CAACC,MAAwC;AACvC,MAAAN,EAAWM,CAAc,GACzBH,EAAQ,EAAI;AAAA,IACd;AAAA,IACA,CAACA,CAAO;AAAA,EACV,GAEMI,IAAY,MAAM;;AACtB,KAAAC,IAAAT,KAAA,gBAAAA,EAAS,cAAT,QAAAS,EAAA,KAAAT,IACAI,EAAQ,EAAK;AAAA,EACf,GAEMM,IAAW,MAAM;;AACrB,KAAAD,IAAAT,KAAA,gBAAAA,EAAS,aAAT,QAAAS,EAAA,KAAAT,IACAI,EAAQ,EAAK;AAAA,EACf,GAEMO,IAAQC,EAAQ,OAAO,EAAE,MAAAP,MAAS,CAACA,CAAI,CAAC;AAE9C,SACG,gBAAAQ,EAAAhB,EAAmB,UAAnB,EAA4B,OAAAc,GAC1B,UAAA;AAAA,IAAAlB;AAAA,sBACAqB,GAAmB,EAAA,GAAGd,GAAS,UAAAU,GAAoB,WAAAF,GAAsB,MAAAL,EAAY,CAAA;AAAA,EAAA,GACxF;AAEJ;AAEO,MAAMY,IAAiB,MAAM;AAC5B,QAAAC,IAAUpB,EAAWC,CAAkB;AAC7C,MAAI,CAACmB;AACG,UAAA,IAAI,MAAM,0DAA0D;AAErE,SAAAA;AACT;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index-Dri0EuQC.js","sources":["../src/context/theme/migrate-persisted-theme.ts","../src/context/component-context.tsx","../src/context/exit-confirm-context.tsx"],"sourcesContent":["import { FullTheme } from './types'\n\n/** Rewrite deprecated dimmer/low contrast themes to standard contrast. */\nexport function migrateLowContrastTheme(theme?: FullTheme): FullTheme | undefined {\n  if (theme?.endsWith('-low')) {\n    return theme.replace(/-low$/, '-std') as FullTheme\n  }\n\n  return theme\n}\n","// ComponentContext.tsx\n\nimport React, { createContext, ReactNode, RefAttributes, useContext } from 'react'\n\nimport { RbacButtonProps, RbacMoreActionsTooltipProps, RbacSplitButtonProps } from '@components/rbac'\n\ninterface ComponentContextValue {\n  RbacButton: React.ComponentType<RbacButtonProps & RefAttributes<HTMLButtonElement>>\n  RbacSplitButton: <T extends string>(props: RbacSplitButtonProps<T>) => JSX.Element\n  RbacMoreActionsTooltip: React.ForwardRefExoticComponent<\n    RbacMoreActionsTooltipProps & RefAttributes<HTMLButtonElement>\n  >\n}\n\nconst ComponentContext = createContext<ComponentContextValue | undefined>(undefined)\n\nexport const ComponentProvider = ({\n  components,\n  children\n}: {\n  components: ComponentContextValue\n  children: ReactNode\n}) => {\n  return <ComponentContext.Provider value={components}>{children}</ComponentContext.Provider>\n}\n\nexport const useComponents = () => {\n  const ctx = useContext(ComponentContext)\n  if (!ctx) throw new Error('useComponents must be used within ComponentProvider')\n  return ctx\n}\n","import { createContext, useCallback, useContext, useMemo, useState } from 'react'\n\nimport { ExitConfirmDialog, ExitConfirmOptions } from '../components/dialogs/exit-confirm-dialog'\n\nexport interface ExitConfirmContextType {\n  show: (options: ExitConfirmOptions) => void\n}\n\nexport const ExitConfirmContext = createContext<ExitConfirmContextType>({\n  show: (_options: ExitConfirmOptions) => undefined\n})\n\nexport function ExitConfirmProvider({ children }: { children: React.ReactNode }) {\n  const [confirm, setConfirm] = useState<ExitConfirmOptions>()\n  const [open, setOpen] = useState(false)\n\n  const show = useCallback(\n    (confirmOptions?: ExitConfirmOptions) => {\n      setConfirm(confirmOptions)\n      setOpen(true)\n    },\n    [setOpen]\n  )\n\n  const onConfirm = () => {\n    confirm?.onConfirm?.()\n    setOpen(false)\n  }\n\n  const onCancel = () => {\n    confirm?.onCancel?.()\n    setOpen(false)\n  }\n\n  const value = useMemo(() => ({ show }), [show])\n\n  return (\n    <ExitConfirmContext.Provider value={value}>\n      {children}\n      <ExitConfirmDialog {...confirm} onCancel={onCancel} onConfirm={onConfirm} open={open} />\n    </ExitConfirmContext.Provider>\n  )\n}\n\nexport const useExitConfirm = () => {\n  const context = useContext(ExitConfirmContext)\n  if (!context) {\n    throw new Error('useExitConfirm must be used within a ExitConfirmProvider')\n  }\n  return context\n}\n"],"names":["migrateLowContrastTheme","theme","ComponentContext","createContext","ComponentProvider","components","children","useComponents","ctx","useContext","ExitConfirmContext","_options","ExitConfirmProvider","confirm","setConfirm","useState","open","setOpen","show","useCallback","confirmOptions","onConfirm","_a","onCancel","value","useMemo","jsxs","ExitConfirmDialog","useExitConfirm","context"],"mappings":";;;;;;AAGO,SAASA,EAAwBC,GAA0C;AAC5E,SAAAA,KAAA,QAAAA,EAAO,SAAS,UACXA,EAAM,QAAQ,SAAS,MAAM,IAG/BA;AACT;ACKA,MAAMC,IAAmBC,EAAiD,MAAS,GAEtEC,IAAoB,CAAC;AAAA,EAChC,YAAAC;AAAA,EACA,UAAAC;AACF,wBAIUJ,EAAiB,UAAjB,EAA0B,OAAOG,GAAa,UAAAC,GAAS,GAGpDC,IAAgB,MAAM;AAC3B,QAAAC,IAAMC,EAAWP,CAAgB;AACvC,MAAI,CAACM,EAAW,OAAA,IAAI,MAAM,qDAAqD;AACxE,SAAAA;AACT,GCtBaE,IAAqBP,EAAsC;AAAA,EACtE,MAAM,CAACQ,MAAiC;AAAA;AAC1C,CAAC;AAEe,SAAAC,EAAoB,EAAE,UAAAN,KAA2C;AAC/E,QAAM,CAACO,GAASC,CAAU,IAAIC,EAA6B,GACrD,CAACC,GAAMC,CAAO,IAAIF,EAAS,EAAK,GAEhCG,IAAOC;AAAA,IACX,CAACC,MAAwC;AACvC,MAAAN,EAAWM,CAAc,GACzBH,EAAQ,EAAI;AAAA,IACd;AAAA,IACA,CAACA,CAAO;AAAA,EACV,GAEMI,IAAY,MAAM;;AACtB,KAAAC,IAAAT,KAAA,gBAAAA,EAAS,cAAT,QAAAS,EAAA,KAAAT,IACAI,EAAQ,EAAK;AAAA,EACf,GAEMM,IAAW,MAAM;;AACrB,KAAAD,IAAAT,KAAA,gBAAAA,EAAS,aAAT,QAAAS,EAAA,KAAAT,IACAI,EAAQ,EAAK;AAAA,EACf,GAEMO,IAAQC,EAAQ,OAAO,EAAE,MAAAP,MAAS,CAACA,CAAI,CAAC;AAE9C,SACG,gBAAAQ,EAAAhB,EAAmB,UAAnB,EAA4B,OAAAc,GAC1B,UAAA;AAAA,IAAAlB;AAAA,sBACAqB,GAAmB,EAAA,GAAGd,GAAS,UAAAU,GAAoB,WAAAF,GAAsB,MAAAL,EAAY,CAAA;AAAA,EAAA,GACxF;AAEJ;AAEO,MAAMY,IAAiB,MAAM;AAC5B,QAAAC,IAAUpB,EAAWC,CAAkB;AAC7C,MAAI,CAACmB;AACG,UAAA,IAAI,MAAM,0DAA0D;AAErE,SAAAA;AACT;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/index.d.ts

@@ -1450,6 +1450,7 @@ declare namespace components {
         FilterSelect,
         FiltersField as FilterField,
         FilterBoxWrapper,
+        FilterFieldTriggerVariant,
         DateRangeCalendarProps,
         Parser,
         FilterFieldTypes,
@@ -2730,7 +2731,7 @@ declare interface FileViewerControlBarProps {
     isGitLfsObject?: boolean;
 }
 
-declare const FilterBoxWrapper: ({ handleRemoveFilter, defaultOpen, children, filterLabel, isOpen, setIsOpen, valueLabel, tooltipContent, onOpenChange, contentClassName }: FiltersProps) => JSX_2.Element;
+declare const FilterBoxWrapper: ({ handleRemoveFilter, defaultOpen, children, filterLabel, isOpen, setIsOpen, valueLabel, tooltipContent, onOpenChange, contentClassName, variant }: FiltersProps) => JSX_2.Element;
 
 declare const filterChildrenByDisplayNames: (children: ReactNode, displayNames: string[], exclude?: true) => ReactElement[];
 
@@ -2739,6 +2740,8 @@ declare interface FilterFieldConfig<T = string | number> {
     value?: T;
 }
 
+declare type FilterFieldTriggerVariant = 'secondary' | 'outline';
+
 declare enum FilterFieldTypes {
     Calendar = "calendar",
     DateRange = "daterange",
@@ -2767,7 +2770,7 @@ declare const FilterSelect: {
     displayName: string;
 };
 
-declare const FiltersField: <T extends string, V extends FilterValueTypes, CustomValue = Record<string, unknown>>({ filterOption, removeFilter, shouldOpenFilter, dropdownContentClassName, onOpenChange, onChange, value }: FiltersFieldProps<T, V, CustomValue>) => JSX_2.Element;
+declare const FiltersField: <T extends string, V extends FilterValueTypes, CustomValue = Record<string, unknown>>({ filterOption, removeFilter, shouldOpenFilter, dropdownContentClassName, onOpenChange, onChange, value, variant }: FiltersFieldProps<T, V, CustomValue>) => JSX_2.Element;
 
 declare interface FiltersFieldProps<T extends string, V extends FilterValueTypes, CustomValue = Record<string, unknown>> {
     filterOption: FilterOptionConfig<T, CustomValue>;
@@ -2778,6 +2781,11 @@ declare interface FiltersFieldProps<T extends string, V extends FilterValueTypes
     onOpenChange?: (open: boolean) => void;
     onChange: (selectedValues: V) => void;
     value?: V;
+    /**
+     * Trigger button look. Defaults to `secondary`.
+     * Pass `outline` for standalone filters (no filter group).
+     */
+    variant?: FilterFieldTriggerVariant;
 }
 
 declare interface FiltersProps {
@@ -2790,6 +2798,11 @@ declare interface FiltersProps {
     valueLabel?: ReactNode;
     tooltipContent?: ReactNode;
     contentClassName?: string;
+    /**
+     * Trigger button look. Defaults to `secondary` so existing filter groups stay unchanged.
+     * Use `outline` for standalone filters that should match other outline filter controls.
+     */
+    variant?: FilterFieldTriggerVariant;
     children?: ReactNode;
 }
 
@@ -4379,10 +4392,15 @@ declare const LogoNameMapV2: {
     'armore-code': FunctionComponent<SVGProps<SVGSVGElement>>;
     artifactory: FunctionComponent<SVGProps<SVGSVGElement>>;
     'auto-scaler': FunctionComponent<SVGProps<SVGSVGElement>>;
+    'aws-asg': FunctionComponent<SVGProps<SVGSVGElement>>;
+    'aws-ebs': FunctionComponent<SVGProps<SVGSVGElement>>;
     'aws-ec2': FunctionComponent<SVGProps<SVGSVGElement>>;
+    'aws-ecs': FunctionComponent<SVGProps<SVGSVGElement>>;
     'aws-elasticache': FunctionComponent<SVGProps<SVGSVGElement>>;
     'aws-rds': FunctionComponent<SVGProps<SVGSVGElement>>;
+    'aws-redshift': FunctionComponent<SVGProps<SVGSVGElement>>;
     aws: FunctionComponent<SVGProps<SVGSVGElement>>;
+    'azure-vm': FunctionComponent<SVGProps<SVGSVGElement>>;
     azure: FunctionComponent<SVGProps<SVGSVGElement>>;
     background: FunctionComponent<SVGProps<SVGSVGElement>>;
     bamboo: FunctionComponent<SVGProps<SVGSVGElement>>;
@@ -4418,6 +4436,7 @@ declare const LogoNameMapV2: {
     databricks: FunctionComponent<SVGProps<SVGSVGElement>>;
     debian: FunctionComponent<SVGProps<SVGSVGElement>>;
     'default-secret-manager': FunctionComponent<SVGProps<SVGSVGElement>>;
+    devin: FunctionComponent<SVGProps<SVGSVGElement>>;
     docker: FunctionComponent<SVGProps<SVGSVGElement>>;
     dynatrace: FunctionComponent<SVGProps<SVGSVGElement>>;
     elastic: FunctionComponent<SVGProps<SVGSVGElement>>;
@@ -4994,6 +5013,8 @@ declare interface PageHeaderV2Props_2 {
     tabs?: HeaderV2TabItem[];
     /** `ghost` renders tabs inline in the title row; `underlined` (default) renders below. */
     tabsVariant?: HeaderV2TabsVariant;
+    /** Optional className passed to the `Tabs.List` element. */
+    tabsClassName?: string;
     contentTabs?: boolean;
     children?: ReactNode;
     className?: string;
@@ -7279,10 +7300,15 @@ declare const SymbolNameMap: {
     'armore-code': FunctionComponent<SVGProps<SVGSVGElement>>;
     artifactory: FunctionComponent<SVGProps<SVGSVGElement>>;
     'auto-scaler': FunctionComponent<SVGProps<SVGSVGElement>>;
+    'aws-asg': FunctionComponent<SVGProps<SVGSVGElement>>;
+    'aws-ebs': FunctionComponent<SVGProps<SVGSVGElement>>;
     'aws-ec2': FunctionComponent<SVGProps<SVGSVGElement>>;
+    'aws-ecs': FunctionComponent<SVGProps<SVGSVGElement>>;
     'aws-elasticache': FunctionComponent<SVGProps<SVGSVGElement>>;
     'aws-rds': FunctionComponent<SVGProps<SVGSVGElement>>;
+    'aws-redshift': FunctionComponent<SVGProps<SVGSVGElement>>;
     aws: FunctionComponent<SVGProps<SVGSVGElement>>;
+    'azure-vm': FunctionComponent<SVGProps<SVGSVGElement>>;
     azure: FunctionComponent<SVGProps<SVGSVGElement>>;
     background: FunctionComponent<SVGProps<SVGSVGElement>>;
     bamboo: FunctionComponent<SVGProps<SVGSVGElement>>;
@@ -7318,6 +7344,7 @@ declare const SymbolNameMap: {
     databricks: FunctionComponent<SVGProps<SVGSVGElement>>;
     debian: FunctionComponent<SVGProps<SVGSVGElement>>;
     'default-secret-manager': FunctionComponent<SVGProps<SVGSVGElement>>;
+    devin: FunctionComponent<SVGProps<SVGSVGElement>>;
     docker: FunctionComponent<SVGProps<SVGSVGElement>>;
     dynatrace: FunctionComponent<SVGProps<SVGSVGElement>>;
     elastic: FunctionComponent<SVGProps<SVGSVGElement>>;

package/dist/index.js

@@ -1,6 +1,6 @@
 import { i as s } from "./index-CdF49wK7.js";
-import { i as e } from "./index-B7QwmAgJ.js";
-import { i as a } from "./index-DyWaEvn_.js";
+import { i as e } from "./index-Dq2oaTcj.js";
+import { i as a } from "./index-Dri0EuQC.js";
 import { i as m } from "./index-C4bDY5-3.js";
 import { i as f } from "./index-DchZrYRY.js";
 import { i as l } from "./index-Bvis3lzj.js";

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@harnessio/ui",
   "description": "Harness Canary UI component library",
-  "version": "1.2.8",
+  "version": "1.2.10",
   "private": false,
   "type": "module",
   "main": "./dist/index.js",