@cjlapao/ui-kit 0.2.3 → 0.2.5

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (102) hide show
  1. package/dist/{CapsuleBlueprint-DwDZ7nii.d.cts → CapsuleBlueprint-BI0jdbTt.d.cts} +16 -1
  2. package/dist/{CapsuleBlueprint-DwDZ7nii.d.ts → CapsuleBlueprint-BI0jdbTt.d.ts} +16 -1
  3. package/dist/index.cjs +1158 -713
  4. package/dist/index.cjs.map +1 -1
  5. package/dist/index.css +73 -0
  6. package/dist/index.d.cts +320 -46
  7. package/dist/index.d.ts +320 -46
  8. package/dist/index.js +1077 -639
  9. package/dist/index.js.map +1 -1
  10. package/dist/markdown.cjs.map +1 -1
  11. package/dist/markdown.d.cts +2 -2
  12. package/dist/markdown.d.ts +2 -2
  13. package/dist/markdown.js.map +1 -1
  14. package/package.json +3 -3
  15. package/dist/CapsuleBlueprint--CgRT7dr.d.cts +0 -426
  16. package/dist/CapsuleBlueprint--CgRT7dr.d.ts +0 -426
  17. package/dist/CapsuleBlueprint-12uQWAvU.d.cts +0 -732
  18. package/dist/CapsuleBlueprint-12uQWAvU.d.ts +0 -732
  19. package/dist/CapsuleBlueprint-1FP6avn4.d.cts +0 -1017
  20. package/dist/CapsuleBlueprint-1FP6avn4.d.ts +0 -1017
  21. package/dist/CapsuleBlueprint-6DmJgar9.d.cts +0 -358
  22. package/dist/CapsuleBlueprint-6DmJgar9.d.ts +0 -358
  23. package/dist/CapsuleBlueprint-B7MPc5wu.d.cts +0 -835
  24. package/dist/CapsuleBlueprint-B7MPc5wu.d.ts +0 -835
  25. package/dist/CapsuleBlueprint-BFHAMKUF.d.cts +0 -991
  26. package/dist/CapsuleBlueprint-BFHAMKUF.d.ts +0 -991
  27. package/dist/CapsuleBlueprint-BG23ZWsl.d.cts +0 -460
  28. package/dist/CapsuleBlueprint-BG23ZWsl.d.ts +0 -460
  29. package/dist/CapsuleBlueprint-BGx-KPqS.d.cts +0 -925
  30. package/dist/CapsuleBlueprint-BGx-KPqS.d.ts +0 -925
  31. package/dist/CapsuleBlueprint-BJYVRyFD.d.cts +0 -449
  32. package/dist/CapsuleBlueprint-BJYVRyFD.d.ts +0 -449
  33. package/dist/CapsuleBlueprint-BQq4ywG4.d.cts +0 -835
  34. package/dist/CapsuleBlueprint-BQq4ywG4.d.ts +0 -835
  35. package/dist/CapsuleBlueprint-BTgmUcyF.d.cts +0 -278
  36. package/dist/CapsuleBlueprint-BTgmUcyF.d.ts +0 -278
  37. package/dist/CapsuleBlueprint-BX2YI1yC.d.cts +0 -415
  38. package/dist/CapsuleBlueprint-BX2YI1yC.d.ts +0 -415
  39. package/dist/CapsuleBlueprint-BfPODmvJ.d.cts +0 -822
  40. package/dist/CapsuleBlueprint-BfPODmvJ.d.ts +0 -822
  41. package/dist/CapsuleBlueprint-BfSPPu5k.d.cts +0 -616
  42. package/dist/CapsuleBlueprint-BfSPPu5k.d.ts +0 -616
  43. package/dist/CapsuleBlueprint-BoPkPR2J.d.cts +0 -785
  44. package/dist/CapsuleBlueprint-BoPkPR2J.d.ts +0 -785
  45. package/dist/CapsuleBlueprint-CJeLH0j2.d.cts +0 -228
  46. package/dist/CapsuleBlueprint-CJeLH0j2.d.ts +0 -228
  47. package/dist/CapsuleBlueprint-CJwXDMzM.d.cts +0 -622
  48. package/dist/CapsuleBlueprint-CJwXDMzM.d.ts +0 -622
  49. package/dist/CapsuleBlueprint-CM125BJI.d.cts +0 -811
  50. package/dist/CapsuleBlueprint-CM125BJI.d.ts +0 -811
  51. package/dist/CapsuleBlueprint-CQPeacGV.d.cts +0 -426
  52. package/dist/CapsuleBlueprint-CQPeacGV.d.ts +0 -426
  53. package/dist/CapsuleBlueprint-CQy2O0UN.d.cts +0 -889
  54. package/dist/CapsuleBlueprint-CQy2O0UN.d.ts +0 -889
  55. package/dist/CapsuleBlueprint-CRy04iCR.d.cts +0 -695
  56. package/dist/CapsuleBlueprint-CRy04iCR.d.ts +0 -695
  57. package/dist/CapsuleBlueprint-CixXdjMu.d.cts +0 -925
  58. package/dist/CapsuleBlueprint-CixXdjMu.d.ts +0 -925
  59. package/dist/CapsuleBlueprint-CjCxwO1O.d.cts +0 -786
  60. package/dist/CapsuleBlueprint-CjCxwO1O.d.ts +0 -786
  61. package/dist/CapsuleBlueprint-Cm10IA2w.d.cts +0 -342
  62. package/dist/CapsuleBlueprint-Cm10IA2w.d.ts +0 -342
  63. package/dist/CapsuleBlueprint-CoGsooJJ.d.cts +0 -492
  64. package/dist/CapsuleBlueprint-CoGsooJJ.d.ts +0 -492
  65. package/dist/CapsuleBlueprint-CpHqUsJK.d.cts +0 -786
  66. package/dist/CapsuleBlueprint-CpHqUsJK.d.ts +0 -786
  67. package/dist/CapsuleBlueprint-CrRg8EVW.d.cts +0 -358
  68. package/dist/CapsuleBlueprint-CrRg8EVW.d.ts +0 -358
  69. package/dist/CapsuleBlueprint-DGxsd0aY.d.cts +0 -785
  70. package/dist/CapsuleBlueprint-DGxsd0aY.d.ts +0 -785
  71. package/dist/CapsuleBlueprint-DYnwizSo.d.cts +0 -698
  72. package/dist/CapsuleBlueprint-DYnwizSo.d.ts +0 -698
  73. package/dist/CapsuleBlueprint-DbLSB78P.d.cts +0 -235
  74. package/dist/CapsuleBlueprint-DbLSB78P.d.ts +0 -235
  75. package/dist/CapsuleBlueprint-DfV8XBEZ.d.cts +0 -1001
  76. package/dist/CapsuleBlueprint-DfV8XBEZ.d.ts +0 -1001
  77. package/dist/CapsuleBlueprint-DiG1FUoM.d.cts +0 -757
  78. package/dist/CapsuleBlueprint-DiG1FUoM.d.ts +0 -757
  79. package/dist/CapsuleBlueprint-DvdeHC13.d.cts +0 -289
  80. package/dist/CapsuleBlueprint-DvdeHC13.d.ts +0 -289
  81. package/dist/CapsuleBlueprint-DvinXyHp.d.cts +0 -342
  82. package/dist/CapsuleBlueprint-DvinXyHp.d.ts +0 -342
  83. package/dist/CapsuleBlueprint-DwW8YOJg.d.cts +0 -925
  84. package/dist/CapsuleBlueprint-DwW8YOJg.d.ts +0 -925
  85. package/dist/CapsuleBlueprint-E069msDY.d.cts +0 -310
  86. package/dist/CapsuleBlueprint-E069msDY.d.ts +0 -310
  87. package/dist/CapsuleBlueprint-LECoxlXA.d.cts +0 -497
  88. package/dist/CapsuleBlueprint-LECoxlXA.d.ts +0 -497
  89. package/dist/CapsuleBlueprint-V9pDg6lh.d.cts +0 -247
  90. package/dist/CapsuleBlueprint-V9pDg6lh.d.ts +0 -247
  91. package/dist/CapsuleBlueprint-bOLrWbIc.d.cts +0 -858
  92. package/dist/CapsuleBlueprint-bOLrWbIc.d.ts +0 -858
  93. package/dist/CapsuleBlueprint-if_tP8K8.d.cts +0 -1022
  94. package/dist/CapsuleBlueprint-if_tP8K8.d.ts +0 -1022
  95. package/dist/CapsuleBlueprint-pP0Ima0I.d.cts +0 -768
  96. package/dist/CapsuleBlueprint-pP0Ima0I.d.ts +0 -768
  97. package/dist/CapsuleBlueprint-w82xP6zg.d.cts +0 -222
  98. package/dist/CapsuleBlueprint-w82xP6zg.d.ts +0 -222
  99. package/dist/CapsuleBlueprint-wdlxOX4L.d.cts +0 -472
  100. package/dist/CapsuleBlueprint-wdlxOX4L.d.ts +0 -472
  101. package/dist/CapsuleBlueprint-wxqu6jA3.d.cts +0 -529
  102. package/dist/CapsuleBlueprint-wxqu6jA3.d.ts +0 -529
@@ -1,228 +0,0 @@
1
- import React__default from 'react';
2
-
3
- type ButtonVariant = "solid" | "soft" | "outline" | "ghost" | "link" | "clear" | "icon" | "glass";
4
- /**
5
- * TrueColor is the only valid color type in the ui-kit theme system.
6
- * It comprises 21 Tailwind palette color names (red through stone, including fuchsia and rose).
7
- * All components, tokens, and utilities must use TrueColor exclusively.
8
- */
9
- type TrueColor = "red" | "orange" | "amber" | "yellow" | "lime" | "green" | "emerald" | "teal" | "cyan" | "sky" | "blue" | "indigo" | "violet" | "purple" | "fuchsia" | "rose" | "slate" | "gray" | "zinc" | "neutral" | "stone";
10
- /**
11
- * Shared size type used across all frameworks and components.
12
- * Replaces both the old ThemeSize (dead code) and ModalSize.
13
- */
14
- type Size = "xs" | "sm" | "md" | "lg" | "xl" | "xxl" | "xxxl" | "2xl" | "3xl" | "full";
15
- type ButtonTheme = Record<ButtonVariant, Record<TrueColor, string>>;
16
- type ButtonHoverTheme = Record<ButtonVariant, Record<TrueColor, string>>;
17
- type ButtonActiveTheme = Record<ButtonVariant, Record<TrueColor, string>>;
18
- type ButtonActiveHoverTheme = Record<ButtonVariant, Record<TrueColor, string>>;
19
- type ToggleTheme = Record<TrueColor, string>;
20
- type CheckboxTheme = Record<TrueColor, string>;
21
- type SpinnerTheme = Record<TrueColor, [string, string, string, string]>;
22
- type LoaderTheme = Record<TrueColor, {
23
- track: string;
24
- bar: string;
25
- }>;
26
- type MultiToggleTheme = Record<TrueColor, {
27
- active: string;
28
- activeText: string;
29
- indicator: string;
30
- hover: string;
31
- }>;
32
- type MultiToggleVariantTokens = {
33
- softIndicator: string;
34
- activeText: string;
35
- hover: string;
36
- };
37
- type MultiToggleVariantTheme = Record<TrueColor, MultiToggleVariantTokens>;
38
- type TabsColorTokens = {
39
- hoverText: string;
40
- activeText: string;
41
- onAccentText: string;
42
- focusRing: string;
43
- accentBg: string;
44
- subtleBg: string;
45
- subtleHoverBg: string;
46
- segmentedContainer: string;
47
- badgeSubtle: string;
48
- badgeStrong: string;
49
- badgeOnAccent: string;
50
- underlineActive: string;
51
- };
52
- type TabsTheme = Record<TrueColor, TabsColorTokens>;
53
- type PanelToneConfig = {
54
- border: string;
55
- /**
56
- * Hairline for the `outlined` variant. Deliberately lighter than `border`
57
- * and paired with a low-alpha dark value, so the outline reads as a hairline
58
- * in both modes instead of a hard rule in light mode.
59
- */
60
- outlineBorder: string;
61
- heading: string;
62
- muted: string;
63
- badge: string;
64
- subtleBg: string;
65
- tonalBg: string;
66
- glassBg: string;
67
- glassBorder: string;
68
- liquidBg: string;
69
- liquidBorder: string;
70
- liquidShadow: string;
71
- liquidHeading: string;
72
- overlayGradient: string;
73
- decorationShape: string;
74
- decorationGradient: string;
75
- };
76
- type PanelTheme = Record<TrueColor, PanelToneConfig>;
77
- type StepperToneConfig = {
78
- activeBg: string;
79
- activeText: string;
80
- completedBg: string;
81
- completedText: string;
82
- pendingBorder: string;
83
- pendingText: string;
84
- underlineBase: string;
85
- };
86
- type StepperTheme = Record<TrueColor, StepperToneConfig>;
87
- type BadgeTheme = Record<TrueColor, string>;
88
- type PillTheme = Record<TrueColor, Record<"solid" | "soft" | "outline", {
89
- base: string;
90
- border?: string;
91
- }>>;
92
- type AlertTheme = Record<TrueColor, {
93
- subtle: string;
94
- solid: string;
95
- outline: string;
96
- icon: string;
97
- text: string;
98
- border: string;
99
- dismiss: string;
100
- }>;
101
- type StatTileTheme = Record<TrueColor, {
102
- decorationBg: string;
103
- iconColor: string;
104
- divider: string;
105
- }>;
106
- type ButtonSelectorColorTokens = {
107
- selectedBorder: string;
108
- selectedBg: string;
109
- selectedIcon: string;
110
- selectedLabel: string;
111
- selectedIndicatorBg: string;
112
- selectedIndicatorBorder: string;
113
- selectedIndicatorDot: string;
114
- };
115
- type ButtonSelectorTheme = Record<TrueColor, ButtonSelectorColorTokens>;
116
- interface ThemeDefinition {
117
- button: ButtonTheme;
118
- buttonHover: ButtonHoverTheme;
119
- buttonActive: ButtonActiveTheme;
120
- buttonActiveHover: ButtonActiveHoverTheme;
121
- toggle: ToggleTheme;
122
- checkbox: CheckboxTheme;
123
- spinner: SpinnerTheme;
124
- loader: LoaderTheme;
125
- multiToggle: MultiToggleTheme;
126
- multiToggleVariant: MultiToggleVariantTheme;
127
- tabs: TabsTheme;
128
- panel: PanelTheme;
129
- stepper: StepperTheme;
130
- badge: BadgeTheme;
131
- pill: PillTheme;
132
- alert: AlertTheme;
133
- statTile: StatTileTheme;
134
- buttonSelector: ButtonSelectorTheme;
135
- }
136
- type DeepPartial<T> = {
137
- [K in keyof T]?: T[K] extends Record<string, unknown> ? DeepPartial<T[K]> : T[K];
138
- };
139
- declare const configureTheme: (overrides: DeepPartial<ThemeDefinition>) => void;
140
- declare const resetTheme: () => void;
141
- declare const getButtonColorClasses: (variant: ButtonVariant, color: TrueColor) => string;
142
- declare const getButtonHoverClasses: (variant: ButtonVariant, color: TrueColor) => string;
143
- declare const getButtonActiveClasses: (variant: ButtonVariant, color: TrueColor) => string;
144
- declare const getButtonActiveHoverClasses: (variant: ButtonVariant, color: TrueColor) => string;
145
- declare const getButtonBaseClasses: (variant: ButtonVariant, color: TrueColor) => string;
146
- declare const getToggleColorClasses: (color: TrueColor) => string;
147
- declare const getCheckboxColorClasses: (color: TrueColor) => string;
148
- declare const getSpinnerColorTokens: (color: TrueColor) => [string, string, string, string];
149
- declare const getLoaderProgressColors: (color: TrueColor) => {
150
- track: string;
151
- bar: string;
152
- };
153
- declare const getMultiToggleColorTokens: (color: TrueColor) => {
154
- active: string;
155
- activeText: string;
156
- indicator: string;
157
- hover: string;
158
- };
159
- declare const getMultiToggleVariantTokens: (color: TrueColor) => MultiToggleVariantTokens;
160
- declare const getTabsColorTokens: (color: TrueColor) => TabsColorTokens;
161
- declare const getPanelToneStyles: (tone: TrueColor) => PanelToneConfig;
162
- declare const getStepperTonePalette: (tone: TrueColor) => StepperToneConfig;
163
- declare const getBadgeColorClasses: (color: TrueColor) => string;
164
- declare const getPillColorClasses: (color: TrueColor, variant: "solid" | "soft" | "outline") => {
165
- base: string;
166
- border?: string;
167
- };
168
- declare const getAlertColorClasses: (color: TrueColor) => AlertTheme[TrueColor];
169
- declare const getStatTileColorClasses: (color: TrueColor) => StatTileTheme[TrueColor];
170
-
171
- type IconName = "Add" | "ArrowDown" | "ArrowLeft" | "ArrowRight" | "ArrowUp" | "Attached" | "Attachment" | "Back" | "Blueprint" | "Bug" | "Chat" | "CheckCircle" | "ChevronLeft" | "ChevronRight" | "Clean" | "Close" | "Close1" | "CloudOff" | "Cog" | "Complete" | "Container" | "CopyClipboard" | "Dashboard" | "Details" | "Docker copy" | "Docker" | "Dots" | "Download" | "Edit" | "Equal" | "Error" | "Export" | "EyeClosed" | "EyeOpen" | "Globe" | "Help" | "Idea" | "Image" | "Info" | "Key" | "LXC-Old" | "LXC" | "Log" | "Moon" | "Notification" | "Official" | "Offline" | "OpenApp" | "Parameter" | "Pause" | "Praise" | "ReportFeedback" | "Reset" | "Restart" | "Rocket" | "Run" | "Save" | "Scale" | "Script" | "Search" | "Send" | "Settings" | "Shop" | "Star" | "Stop" | "Sun" | "Suspend" | "ThemeAuto" | "ThemeDark" | "ThemeLight" | "Trash" | "UX" | "User" | "Users" | "Verified" | "ViewGrid" | "ViewRows" | "Library" | "Host" | "VirtualMachine" | "Role" | "Roles" | "Cache" | "Claim" | "Claims" | "KeyManagement" | "Windows" | "Ubuntu" | "Debian" | "Apple" | "KaliLinux" | "RedHat" | "Fedora" | "CentOS" | "Clone" | "Copy" | "Live" | "HealthCheck" | "ReverseProxy" | "ReverseProxyCORS" | "ReverseProxyRoutes" | "ReverseProxyFrom" | "ReverseProxyHeadersRequest" | "ReverseProxyHeadersResponse" | "ReverseProxyHTTP" | "ReverseProxyTo" | "ReverseProxyTLS" | "ReverseProxyTCP" | "Refresh" | "Calendar" | "Folder" | "Jobs" | "Warning" | "Artifactory" | "Azure" | "Minio" | "Aws" | "Orchestrator" | "Podman" | "PodmanDesktop" | "Group" | "Pin" | "Database" | "RemoteHost" | "Login" | "Logout" | "Snapshot" | "Revert" | "CleanBrush" | "Pull" | "Push" | "CatalogVersion" | "File" | "Revoke" | "Taint" | "Unlock" | "Check" | "ArrowChevronLeft" | "ArrowChevronRight" | "Drag";
172
- declare const iconRegistry: Record<IconName, React__default.ForwardRefExoticComponent<React__default.SVGProps<SVGSVGElement>>>;
173
-
174
- type HelpButtonPlacement = "top" | "bottom" | "left" | "right" | "auto";
175
- interface HelpButtonProps {
176
- /**
177
- * Help content to display in the panel.
178
- * Pass a `string` to render as Markdown (tables and URLs supported).
179
- * Pass a `ReactNode` to render arbitrary JSX directly.
180
- */
181
- content: string | React__default.ReactNode;
182
- /** Optional title shown in the panel header. Defaults to "Help". */
183
- title?: React__default.ReactNode;
184
- /**
185
- * Preferred placement of the floating panel relative to the trigger button.
186
- * "auto" (default) picks the side with the most available space.
187
- */
188
- placement?: HelpButtonPlacement;
189
- /** Accent color for the trigger button and the panel header stripe. */
190
- color?: TrueColor;
191
- /** Size of the trigger icon button. */
192
- size?: "xs" | "sm" | "md" | "lg";
193
- /** Icon for the trigger button. Defaults to "Help". */
194
- icon?: IconName;
195
- /** Maximum width of the floating panel in px. Defaults to 360. */
196
- maxWidth?: number;
197
- /** Extra class applied to the root wrapper. */
198
- className?: string;
199
- }
200
- declare const HelpButton: React__default.FC<HelpButtonProps>;
201
-
202
- declare enum CapsuleBlueprintValueType {
203
- String = "string",
204
- Int = "int",
205
- Boolean = "boolean",
206
- Select = "select",
207
- List = "list",
208
- Map = "map"
209
- }
210
- interface CapsuleBlueprintParameter {
211
- name: string;
212
- key: string;
213
- description?: string;
214
- type?: string;
215
- value_type?: CapsuleBlueprintValueType;
216
- default?: any;
217
- required?: boolean;
218
- is_required?: boolean;
219
- is_secret?: boolean;
220
- options?: any;
221
- hint?: string;
222
- help?: string;
223
- service_name?: string;
224
- depends_on?: string[];
225
- [key: string]: any;
226
- }
227
-
228
- export { type ButtonVariant as B, type CapsuleBlueprintParameter as C, type HelpButtonProps as H, type IconName as I, type Size as S, type TrueColor as T, CapsuleBlueprintValueType as a, getBadgeColorClasses as b, configureTheme as c, getButtonActiveClasses as d, getButtonActiveHoverClasses as e, getButtonBaseClasses as f, getAlertColorClasses as g, getButtonColorClasses as h, getButtonHoverClasses as i, getCheckboxColorClasses as j, getLoaderProgressColors as k, getMultiToggleColorTokens as l, getMultiToggleVariantTokens as m, getPanelToneStyles as n, getPillColorClasses as o, getSpinnerColorTokens as p, getStatTileColorClasses as q, getStepperTonePalette as r, getTabsColorTokens as s, getToggleColorClasses as t, iconRegistry as u, resetTheme as v, HelpButton as w };
@@ -1,228 +0,0 @@
1
- import React__default from 'react';
2
-
3
- type ButtonVariant = "solid" | "soft" | "outline" | "ghost" | "link" | "clear" | "icon" | "glass";
4
- /**
5
- * TrueColor is the only valid color type in the ui-kit theme system.
6
- * It comprises 21 Tailwind palette color names (red through stone, including fuchsia and rose).
7
- * All components, tokens, and utilities must use TrueColor exclusively.
8
- */
9
- type TrueColor = "red" | "orange" | "amber" | "yellow" | "lime" | "green" | "emerald" | "teal" | "cyan" | "sky" | "blue" | "indigo" | "violet" | "purple" | "fuchsia" | "rose" | "slate" | "gray" | "zinc" | "neutral" | "stone";
10
- /**
11
- * Shared size type used across all frameworks and components.
12
- * Replaces both the old ThemeSize (dead code) and ModalSize.
13
- */
14
- type Size = "xs" | "sm" | "md" | "lg" | "xl" | "xxl" | "xxxl" | "2xl" | "3xl" | "full";
15
- type ButtonTheme = Record<ButtonVariant, Record<TrueColor, string>>;
16
- type ButtonHoverTheme = Record<ButtonVariant, Record<TrueColor, string>>;
17
- type ButtonActiveTheme = Record<ButtonVariant, Record<TrueColor, string>>;
18
- type ButtonActiveHoverTheme = Record<ButtonVariant, Record<TrueColor, string>>;
19
- type ToggleTheme = Record<TrueColor, string>;
20
- type CheckboxTheme = Record<TrueColor, string>;
21
- type SpinnerTheme = Record<TrueColor, [string, string, string, string]>;
22
- type LoaderTheme = Record<TrueColor, {
23
- track: string;
24
- bar: string;
25
- }>;
26
- type MultiToggleTheme = Record<TrueColor, {
27
- active: string;
28
- activeText: string;
29
- indicator: string;
30
- hover: string;
31
- }>;
32
- type MultiToggleVariantTokens = {
33
- softIndicator: string;
34
- activeText: string;
35
- hover: string;
36
- };
37
- type MultiToggleVariantTheme = Record<TrueColor, MultiToggleVariantTokens>;
38
- type TabsColorTokens = {
39
- hoverText: string;
40
- activeText: string;
41
- onAccentText: string;
42
- focusRing: string;
43
- accentBg: string;
44
- subtleBg: string;
45
- subtleHoverBg: string;
46
- segmentedContainer: string;
47
- badgeSubtle: string;
48
- badgeStrong: string;
49
- badgeOnAccent: string;
50
- underlineActive: string;
51
- };
52
- type TabsTheme = Record<TrueColor, TabsColorTokens>;
53
- type PanelToneConfig = {
54
- border: string;
55
- /**
56
- * Hairline for the `outlined` variant. Deliberately lighter than `border`
57
- * and paired with a low-alpha dark value, so the outline reads as a hairline
58
- * in both modes instead of a hard rule in light mode.
59
- */
60
- outlineBorder: string;
61
- heading: string;
62
- muted: string;
63
- badge: string;
64
- subtleBg: string;
65
- tonalBg: string;
66
- glassBg: string;
67
- glassBorder: string;
68
- liquidBg: string;
69
- liquidBorder: string;
70
- liquidShadow: string;
71
- liquidHeading: string;
72
- overlayGradient: string;
73
- decorationShape: string;
74
- decorationGradient: string;
75
- };
76
- type PanelTheme = Record<TrueColor, PanelToneConfig>;
77
- type StepperToneConfig = {
78
- activeBg: string;
79
- activeText: string;
80
- completedBg: string;
81
- completedText: string;
82
- pendingBorder: string;
83
- pendingText: string;
84
- underlineBase: string;
85
- };
86
- type StepperTheme = Record<TrueColor, StepperToneConfig>;
87
- type BadgeTheme = Record<TrueColor, string>;
88
- type PillTheme = Record<TrueColor, Record<"solid" | "soft" | "outline", {
89
- base: string;
90
- border?: string;
91
- }>>;
92
- type AlertTheme = Record<TrueColor, {
93
- subtle: string;
94
- solid: string;
95
- outline: string;
96
- icon: string;
97
- text: string;
98
- border: string;
99
- dismiss: string;
100
- }>;
101
- type StatTileTheme = Record<TrueColor, {
102
- decorationBg: string;
103
- iconColor: string;
104
- divider: string;
105
- }>;
106
- type ButtonSelectorColorTokens = {
107
- selectedBorder: string;
108
- selectedBg: string;
109
- selectedIcon: string;
110
- selectedLabel: string;
111
- selectedIndicatorBg: string;
112
- selectedIndicatorBorder: string;
113
- selectedIndicatorDot: string;
114
- };
115
- type ButtonSelectorTheme = Record<TrueColor, ButtonSelectorColorTokens>;
116
- interface ThemeDefinition {
117
- button: ButtonTheme;
118
- buttonHover: ButtonHoverTheme;
119
- buttonActive: ButtonActiveTheme;
120
- buttonActiveHover: ButtonActiveHoverTheme;
121
- toggle: ToggleTheme;
122
- checkbox: CheckboxTheme;
123
- spinner: SpinnerTheme;
124
- loader: LoaderTheme;
125
- multiToggle: MultiToggleTheme;
126
- multiToggleVariant: MultiToggleVariantTheme;
127
- tabs: TabsTheme;
128
- panel: PanelTheme;
129
- stepper: StepperTheme;
130
- badge: BadgeTheme;
131
- pill: PillTheme;
132
- alert: AlertTheme;
133
- statTile: StatTileTheme;
134
- buttonSelector: ButtonSelectorTheme;
135
- }
136
- type DeepPartial<T> = {
137
- [K in keyof T]?: T[K] extends Record<string, unknown> ? DeepPartial<T[K]> : T[K];
138
- };
139
- declare const configureTheme: (overrides: DeepPartial<ThemeDefinition>) => void;
140
- declare const resetTheme: () => void;
141
- declare const getButtonColorClasses: (variant: ButtonVariant, color: TrueColor) => string;
142
- declare const getButtonHoverClasses: (variant: ButtonVariant, color: TrueColor) => string;
143
- declare const getButtonActiveClasses: (variant: ButtonVariant, color: TrueColor) => string;
144
- declare const getButtonActiveHoverClasses: (variant: ButtonVariant, color: TrueColor) => string;
145
- declare const getButtonBaseClasses: (variant: ButtonVariant, color: TrueColor) => string;
146
- declare const getToggleColorClasses: (color: TrueColor) => string;
147
- declare const getCheckboxColorClasses: (color: TrueColor) => string;
148
- declare const getSpinnerColorTokens: (color: TrueColor) => [string, string, string, string];
149
- declare const getLoaderProgressColors: (color: TrueColor) => {
150
- track: string;
151
- bar: string;
152
- };
153
- declare const getMultiToggleColorTokens: (color: TrueColor) => {
154
- active: string;
155
- activeText: string;
156
- indicator: string;
157
- hover: string;
158
- };
159
- declare const getMultiToggleVariantTokens: (color: TrueColor) => MultiToggleVariantTokens;
160
- declare const getTabsColorTokens: (color: TrueColor) => TabsColorTokens;
161
- declare const getPanelToneStyles: (tone: TrueColor) => PanelToneConfig;
162
- declare const getStepperTonePalette: (tone: TrueColor) => StepperToneConfig;
163
- declare const getBadgeColorClasses: (color: TrueColor) => string;
164
- declare const getPillColorClasses: (color: TrueColor, variant: "solid" | "soft" | "outline") => {
165
- base: string;
166
- border?: string;
167
- };
168
- declare const getAlertColorClasses: (color: TrueColor) => AlertTheme[TrueColor];
169
- declare const getStatTileColorClasses: (color: TrueColor) => StatTileTheme[TrueColor];
170
-
171
- type IconName = "Add" | "ArrowDown" | "ArrowLeft" | "ArrowRight" | "ArrowUp" | "Attached" | "Attachment" | "Back" | "Blueprint" | "Bug" | "Chat" | "CheckCircle" | "ChevronLeft" | "ChevronRight" | "Clean" | "Close" | "Close1" | "CloudOff" | "Cog" | "Complete" | "Container" | "CopyClipboard" | "Dashboard" | "Details" | "Docker copy" | "Docker" | "Dots" | "Download" | "Edit" | "Equal" | "Error" | "Export" | "EyeClosed" | "EyeOpen" | "Globe" | "Help" | "Idea" | "Image" | "Info" | "Key" | "LXC-Old" | "LXC" | "Log" | "Moon" | "Notification" | "Official" | "Offline" | "OpenApp" | "Parameter" | "Pause" | "Praise" | "ReportFeedback" | "Reset" | "Restart" | "Rocket" | "Run" | "Save" | "Scale" | "Script" | "Search" | "Send" | "Settings" | "Shop" | "Star" | "Stop" | "Sun" | "Suspend" | "ThemeAuto" | "ThemeDark" | "ThemeLight" | "Trash" | "UX" | "User" | "Users" | "Verified" | "ViewGrid" | "ViewRows" | "Library" | "Host" | "VirtualMachine" | "Role" | "Roles" | "Cache" | "Claim" | "Claims" | "KeyManagement" | "Windows" | "Ubuntu" | "Debian" | "Apple" | "KaliLinux" | "RedHat" | "Fedora" | "CentOS" | "Clone" | "Copy" | "Live" | "HealthCheck" | "ReverseProxy" | "ReverseProxyCORS" | "ReverseProxyRoutes" | "ReverseProxyFrom" | "ReverseProxyHeadersRequest" | "ReverseProxyHeadersResponse" | "ReverseProxyHTTP" | "ReverseProxyTo" | "ReverseProxyTLS" | "ReverseProxyTCP" | "Refresh" | "Calendar" | "Folder" | "Jobs" | "Warning" | "Artifactory" | "Azure" | "Minio" | "Aws" | "Orchestrator" | "Podman" | "PodmanDesktop" | "Group" | "Pin" | "Database" | "RemoteHost" | "Login" | "Logout" | "Snapshot" | "Revert" | "CleanBrush" | "Pull" | "Push" | "CatalogVersion" | "File" | "Revoke" | "Taint" | "Unlock" | "Check" | "ArrowChevronLeft" | "ArrowChevronRight" | "Drag";
172
- declare const iconRegistry: Record<IconName, React__default.ForwardRefExoticComponent<React__default.SVGProps<SVGSVGElement>>>;
173
-
174
- type HelpButtonPlacement = "top" | "bottom" | "left" | "right" | "auto";
175
- interface HelpButtonProps {
176
- /**
177
- * Help content to display in the panel.
178
- * Pass a `string` to render as Markdown (tables and URLs supported).
179
- * Pass a `ReactNode` to render arbitrary JSX directly.
180
- */
181
- content: string | React__default.ReactNode;
182
- /** Optional title shown in the panel header. Defaults to "Help". */
183
- title?: React__default.ReactNode;
184
- /**
185
- * Preferred placement of the floating panel relative to the trigger button.
186
- * "auto" (default) picks the side with the most available space.
187
- */
188
- placement?: HelpButtonPlacement;
189
- /** Accent color for the trigger button and the panel header stripe. */
190
- color?: TrueColor;
191
- /** Size of the trigger icon button. */
192
- size?: "xs" | "sm" | "md" | "lg";
193
- /** Icon for the trigger button. Defaults to "Help". */
194
- icon?: IconName;
195
- /** Maximum width of the floating panel in px. Defaults to 360. */
196
- maxWidth?: number;
197
- /** Extra class applied to the root wrapper. */
198
- className?: string;
199
- }
200
- declare const HelpButton: React__default.FC<HelpButtonProps>;
201
-
202
- declare enum CapsuleBlueprintValueType {
203
- String = "string",
204
- Int = "int",
205
- Boolean = "boolean",
206
- Select = "select",
207
- List = "list",
208
- Map = "map"
209
- }
210
- interface CapsuleBlueprintParameter {
211
- name: string;
212
- key: string;
213
- description?: string;
214
- type?: string;
215
- value_type?: CapsuleBlueprintValueType;
216
- default?: any;
217
- required?: boolean;
218
- is_required?: boolean;
219
- is_secret?: boolean;
220
- options?: any;
221
- hint?: string;
222
- help?: string;
223
- service_name?: string;
224
- depends_on?: string[];
225
- [key: string]: any;
226
- }
227
-
228
- export { type ButtonVariant as B, type CapsuleBlueprintParameter as C, type HelpButtonProps as H, type IconName as I, type Size as S, type TrueColor as T, CapsuleBlueprintValueType as a, getBadgeColorClasses as b, configureTheme as c, getButtonActiveClasses as d, getButtonActiveHoverClasses as e, getButtonBaseClasses as f, getAlertColorClasses as g, getButtonColorClasses as h, getButtonHoverClasses as i, getCheckboxColorClasses as j, getLoaderProgressColors as k, getMultiToggleColorTokens as l, getMultiToggleVariantTokens as m, getPanelToneStyles as n, getPillColorClasses as o, getSpinnerColorTokens as p, getStatTileColorClasses as q, getStepperTonePalette as r, getTabsColorTokens as s, getToggleColorClasses as t, iconRegistry as u, resetTheme as v, HelpButton as w };