@bfrs/agentic-components 0.2.6 → 0.2.8

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 (33) hide show
  1. package/BFRS_AGENTIC_COMPONENTS.md +17 -7
  2. package/README.md +21 -13
  3. package/dist/components/ui/data-display/KpiCard/KpiCard.d.ts +16 -0
  4. package/dist/components/ui/data-display/KpiCard/index.d.ts +1 -0
  5. package/dist/components/ui/feedback/Alert/Alert.d.ts +2 -2
  6. package/dist/components/ui/feedback/ProgressBar/ProgressBar.d.ts +27 -0
  7. package/dist/components/ui/feedback/ProgressBar/index.d.ts +1 -0
  8. package/dist/components/ui/feedback/Skeleton/Skeleton.d.ts +2 -2
  9. package/dist/components/ui/forms/ColorPicker/ColorPicker.d.ts +1 -1
  10. package/dist/components/ui/forms/Slider/Slider.d.ts +1 -1
  11. package/dist/components/ui/index.d.ts +4 -0
  12. package/dist/components/ui/overlays/overlayPositioning.d.ts +7 -0
  13. package/dist/components/ui/primitives/Paper/Paper.d.ts +4 -4
  14. package/dist/components/ui/primitives/Text/Text.d.ts +4 -4
  15. package/dist/components/ui/providers/BfrsProvider/BfrsProvider.d.ts +19 -0
  16. package/dist/components/ui/providers/BfrsProvider/index.d.ts +2 -0
  17. package/dist/custom-elements.d.ts +16 -0
  18. package/dist/custom-elements.js +17130 -16594
  19. package/dist/custom-elements.js.map +1 -1
  20. package/dist/index.js +5993 -5753
  21. package/dist/index.js.map +1 -1
  22. package/dist/style.css +1 -1
  23. package/dist/theme/overrides.d.ts +254 -254
  24. package/dist/theme.js +392 -387
  25. package/dist/theme.js.map +1 -1
  26. package/dist/tokens/colors.d.ts +74 -74
  27. package/dist/tokens/motion.d.ts +5 -5
  28. package/dist/tokens/radius.d.ts +17 -17
  29. package/dist/tokens/shadows.d.ts +9 -9
  30. package/dist/tokens/sizes.d.ts +42 -42
  31. package/dist/tokens/spacing.d.ts +14 -14
  32. package/dist/tokens/typography.d.ts +11 -11
  33. package/package.json +1 -1
package/dist/theme/overrides.d.ts CHANGED
@@ -6,290 +6,290 @@ type ThemeStyle = {
6
6
  };
7
7
  type ThemeTarget = {
8
8
  style?: ThemeStyle;
9
- documentElement?: {
9
+ querySelector?: (selector: string) => {
10
10
  style?: ThemeStyle;
11
- };
11
+ } | null;
12
12
  };
13
13
  export declare const agenticThemeColorVariables: {
14
- readonly primary: "--color-primary";
15
- readonly primaryBright: "--color-primary-bright";
16
- readonly primaryHover: "--color-primary-hover";
17
- readonly primaryActive: "--color-primary-active";
18
- readonly primarySoft: "--color-primary-soft";
19
- readonly primaryBorder: "--color-primary-border";
20
- readonly primaryContrast: "--color-primary-contrast";
21
- readonly accent: "--color-accent";
22
- readonly accentSoft: "--color-accent-soft";
23
- readonly surfaceApp: "--color-surface-app";
24
- readonly surfaceShell: "--color-surface-shell";
25
- readonly surfaceCard: "--color-surface-card";
26
- readonly surfaceMuted: "--color-surface-muted";
27
- readonly surfaceRaised: "--color-surface-raised";
28
- readonly textPrimary: "--color-text-primary";
29
- readonly textSecondary: "--color-text-secondary";
30
- readonly textMuted: "--color-text-muted";
31
- readonly textDisabled: "--color-text-disabled";
32
- readonly textInverse: "--color-text-inverse";
33
- readonly border: "--color-border-default";
34
- readonly borderLight: "--color-border-light";
35
- readonly borderStrong: "--color-border-strong";
36
- readonly borderFocus: "--color-border-focus";
37
- readonly borderCard: "--color-border-card";
38
- readonly success: "--color-success";
39
- readonly successSoft: "--color-success-soft";
40
- readonly successContrast: "--color-success-contrast";
41
- readonly danger: "--color-danger";
42
- readonly dangerSoft: "--color-danger-soft";
43
- readonly dangerContrast: "--color-danger-contrast";
44
- readonly warning: "--color-warning";
45
- readonly warningSoft: "--color-warning-soft";
46
- readonly warningContrast: "--color-warning-contrast";
47
- readonly info: "--color-info";
48
- readonly infoSoft: "--color-info-soft";
49
- readonly infoContrast: "--color-info-contrast";
50
- readonly agentOrders: "--color-agent-orders";
51
- readonly agentNdr: "--color-agent-ndr";
52
- readonly agentRto: "--color-agent-rto";
53
- readonly agentTracking: "--color-agent-tracking";
54
- readonly agentInsights: "--color-agent-insights";
55
- readonly dclPrimary: "--dcl-color-primary";
56
- readonly dclPrimaryLight: "--dcl-color-primary-light";
57
- readonly dclPrimaryBorder: "--dcl-color-primary-border";
58
- readonly dclAccent: "--dcl-color-accent";
59
- readonly dclAccentLight: "--dcl-color-accent-light";
60
- readonly dclBackground: "--dcl-color-background";
61
- readonly dclShellBackground: "--dcl-color-shell-background";
62
- readonly dclSurface: "--dcl-color-surface";
63
- readonly dclTableAltRow: "--dcl-color-table-alt-row";
64
- readonly dclBorder: "--dcl-color-border";
65
- readonly dclBorderLight: "--dcl-color-border-light";
66
- readonly dclBorderStrong: "--dcl-color-border-strong";
67
- readonly dclNeutralStroke2: "--dcl-color-neutral-stroke-2";
68
- readonly dclText: "--dcl-color-text";
69
- readonly dclTextMuted: "--dcl-color-text-muted";
70
- readonly dclTextLight: "--dcl-color-text-light";
71
- readonly dclTextInverse: "--dcl-color-text-inverse";
72
- readonly dclClickHover: "--dcl-color-click-hover";
73
- readonly statusDelivered: "--dcl-color-status-delivered";
74
- readonly statusDeliveredBg: "--dcl-color-status-delivered-bg";
75
- readonly statusInTransit: "--dcl-color-status-in-transit";
76
- readonly statusInTransitBg: "--dcl-color-status-in-transit-bg";
77
- readonly statusPending: "--dcl-color-status-pending";
78
- readonly statusPendingBg: "--dcl-color-status-pending-bg";
79
- readonly statusFailed: "--dcl-color-status-failed";
80
- readonly statusFailedBg: "--dcl-color-status-failed-bg";
81
- readonly businessCardText: "--dcl-color-business-card-text";
82
- readonly businessCardSubtitle: "--dcl-color-business-card-subtitle";
83
- readonly businessCardMuted: "--dcl-color-business-card-muted";
84
- readonly chatAssistantEyebrow: "--dcl-color-chat-assistant-eyebrow";
85
- readonly chatAssistantTitle: "--dcl-color-chat-assistant-title";
86
- readonly chatAssistantBody: "--dcl-color-chat-assistant-body";
87
- readonly stepProgressEyebrow: "--dcl-color-step-progress-eyebrow";
88
- readonly stepProgressTitle: "--dcl-color-step-progress-title";
89
- readonly stepProgressDoneMarker: "--dcl-color-step-progress-done-marker";
90
- readonly stepProgressActiveMarker: "--dcl-color-step-progress-active-marker";
91
- readonly stepProgressDoneText: "--dcl-color-step-progress-done-text";
92
- readonly stepProgressActiveText: "--dcl-color-step-progress-active-text";
93
- readonly stepProgressPending: "--dcl-color-step-progress-pending";
14
+ readonly primary: "--bfrs-color-primary";
15
+ readonly primaryBright: "--bfrs-color-primary-bright";
16
+ readonly primaryHover: "--bfrs-color-primary-hover";
17
+ readonly primaryActive: "--bfrs-color-primary-active";
18
+ readonly primarySoft: "--bfrs-color-primary-soft";
19
+ readonly primaryBorder: "--bfrs-color-primary-border";
20
+ readonly primaryContrast: "--bfrs-color-primary-contrast";
21
+ readonly accent: "--bfrs-color-accent";
22
+ readonly accentSoft: "--bfrs-color-accent-soft";
23
+ readonly surfaceApp: "--bfrs-color-surface-app";
24
+ readonly surfaceShell: "--bfrs-color-surface-shell";
25
+ readonly surfaceCard: "--bfrs-color-surface-card";
26
+ readonly surfaceMuted: "--bfrs-color-surface-muted";
27
+ readonly surfaceRaised: "--bfrs-color-surface-raised";
28
+ readonly textPrimary: "--bfrs-color-text-primary";
29
+ readonly textSecondary: "--bfrs-color-text-secondary";
30
+ readonly textMuted: "--bfrs-color-text-muted";
31
+ readonly textDisabled: "--bfrs-color-text-disabled";
32
+ readonly textInverse: "--bfrs-color-text-inverse";
33
+ readonly border: "--bfrs-color-border-default";
34
+ readonly borderLight: "--bfrs-color-border-light";
35
+ readonly borderStrong: "--bfrs-color-border-strong";
36
+ readonly borderFocus: "--bfrs-color-border-focus";
37
+ readonly borderCard: "--bfrs-color-border-card";
38
+ readonly success: "--bfrs-color-success";
39
+ readonly successSoft: "--bfrs-color-success-soft";
40
+ readonly successContrast: "--bfrs-color-success-contrast";
41
+ readonly danger: "--bfrs-color-danger";
42
+ readonly dangerSoft: "--bfrs-color-danger-soft";
43
+ readonly dangerContrast: "--bfrs-color-danger-contrast";
44
+ readonly warning: "--bfrs-color-warning";
45
+ readonly warningSoft: "--bfrs-color-warning-soft";
46
+ readonly warningContrast: "--bfrs-color-warning-contrast";
47
+ readonly info: "--bfrs-color-info";
48
+ readonly infoSoft: "--bfrs-color-info-soft";
49
+ readonly infoContrast: "--bfrs-color-info-contrast";
50
+ readonly agentOrders: "--bfrs-color-agent-orders";
51
+ readonly agentNdr: "--bfrs-color-agent-ndr";
52
+ readonly agentRto: "--bfrs-color-agent-rto";
53
+ readonly agentTracking: "--bfrs-color-agent-tracking";
54
+ readonly agentInsights: "--bfrs-color-agent-insights";
55
+ readonly dclPrimary: "--bfrs-dcl-color-primary";
56
+ readonly dclPrimaryLight: "--bfrs-dcl-color-primary-light";
57
+ readonly dclPrimaryBorder: "--bfrs-dcl-color-primary-border";
58
+ readonly dclAccent: "--bfrs-dcl-color-accent";
59
+ readonly dclAccentLight: "--bfrs-dcl-color-accent-light";
60
+ readonly dclBackground: "--bfrs-dcl-color-background";
61
+ readonly dclShellBackground: "--bfrs-dcl-color-shell-background";
62
+ readonly dclSurface: "--bfrs-dcl-color-surface";
63
+ readonly dclTableAltRow: "--bfrs-dcl-color-table-alt-row";
64
+ readonly dclBorder: "--bfrs-dcl-color-border";
65
+ readonly dclBorderLight: "--bfrs-dcl-color-border-light";
66
+ readonly dclBorderStrong: "--bfrs-dcl-color-border-strong";
67
+ readonly dclNeutralStroke2: "--bfrs-dcl-color-neutral-stroke-2";
68
+ readonly dclText: "--bfrs-dcl-color-text";
69
+ readonly dclTextMuted: "--bfrs-dcl-color-text-muted";
70
+ readonly dclTextLight: "--bfrs-dcl-color-text-light";
71
+ readonly dclTextInverse: "--bfrs-dcl-color-text-inverse";
72
+ readonly dclClickHover: "--bfrs-dcl-color-click-hover";
73
+ readonly statusDelivered: "--bfrs-dcl-color-status-delivered";
74
+ readonly statusDeliveredBg: "--bfrs-dcl-color-status-delivered-bg";
75
+ readonly statusInTransit: "--bfrs-dcl-color-status-in-transit";
76
+ readonly statusInTransitBg: "--bfrs-dcl-color-status-in-transit-bg";
77
+ readonly statusPending: "--bfrs-dcl-color-status-pending";
78
+ readonly statusPendingBg: "--bfrs-dcl-color-status-pending-bg";
79
+ readonly statusFailed: "--bfrs-dcl-color-status-failed";
80
+ readonly statusFailedBg: "--bfrs-dcl-color-status-failed-bg";
81
+ readonly businessCardText: "--bfrs-dcl-color-business-card-text";
82
+ readonly businessCardSubtitle: "--bfrs-dcl-color-business-card-subtitle";
83
+ readonly businessCardMuted: "--bfrs-dcl-color-business-card-muted";
84
+ readonly chatAssistantEyebrow: "--bfrs-dcl-color-chat-assistant-eyebrow";
85
+ readonly chatAssistantTitle: "--bfrs-dcl-color-chat-assistant-title";
86
+ readonly chatAssistantBody: "--bfrs-dcl-color-chat-assistant-body";
87
+ readonly stepProgressEyebrow: "--bfrs-dcl-color-step-progress-eyebrow";
88
+ readonly stepProgressTitle: "--bfrs-dcl-color-step-progress-title";
89
+ readonly stepProgressDoneMarker: "--bfrs-dcl-color-step-progress-done-marker";
90
+ readonly stepProgressActiveMarker: "--bfrs-dcl-color-step-progress-active-marker";
91
+ readonly stepProgressDoneText: "--bfrs-dcl-color-step-progress-done-text";
92
+ readonly stepProgressActiveText: "--bfrs-dcl-color-step-progress-active-text";
93
+ readonly stepProgressPending: "--bfrs-dcl-color-step-progress-pending";
94
94
  };
95
95
  export declare const agenticThemeRadiusVariables: {
96
- readonly sm: "--radius-sm";
97
- readonly md: "--radius-md";
98
- readonly lg: "--radius-lg";
99
- readonly xl: "--radius-xl";
100
- readonly "2xl": "--radius-2xl";
101
- readonly pill: "--radius-pill";
102
- readonly dclSm: "--dcl-radius-sm";
103
- readonly dclMd: "--dcl-radius-md";
104
- readonly dclLg: "--dcl-radius-lg";
105
- readonly dclXl: "--dcl-radius-xl";
106
- readonly dcl2xl: "--dcl-radius-2xl";
107
- readonly control: "--radius-control";
108
- readonly chip: "--radius-chip";
109
- readonly badge: "--radius-badge";
110
- readonly menu: "--radius-menu";
111
- readonly modal: "--radius-modal";
112
- readonly card: "--radius-card";
113
- readonly button: "--button-radius";
114
- readonly input: "--input-radius";
115
- readonly tabs: "--tabs-radius";
96
+ readonly sm: "--bfrs-radius-sm";
97
+ readonly md: "--bfrs-radius-md";
98
+ readonly lg: "--bfrs-radius-lg";
99
+ readonly xl: "--bfrs-radius-xl";
100
+ readonly "2xl": "--bfrs-radius-2xl";
101
+ readonly pill: "--bfrs-radius-pill";
102
+ readonly dclSm: "--bfrs-dcl-radius-sm";
103
+ readonly dclMd: "--bfrs-dcl-radius-md";
104
+ readonly dclLg: "--bfrs-dcl-radius-lg";
105
+ readonly dclXl: "--bfrs-dcl-radius-xl";
106
+ readonly dcl2xl: "--bfrs-dcl-radius-2xl";
107
+ readonly control: "--bfrs-radius-control";
108
+ readonly chip: "--bfrs-radius-chip";
109
+ readonly badge: "--bfrs-radius-badge";
110
+ readonly menu: "--bfrs-radius-menu";
111
+ readonly modal: "--bfrs-radius-modal";
112
+ readonly card: "--bfrs-radius-card";
113
+ readonly button: "--bfrs-button-radius";
114
+ readonly input: "--bfrs-input-radius";
115
+ readonly tabs: "--bfrs-tabs-radius";
116
116
  };
117
117
  export declare const agenticThemeShadowVariables: {
118
- readonly low: "--shadow-low";
119
- readonly card: "--shadow-card";
120
- readonly cardHover: "--shadow-card-hover";
121
- readonly elevated: "--shadow-elevated";
122
- readonly overlay: "--shadow-overlay";
123
- readonly menu: "--shadow-menu";
124
- readonly drawer: "--shadow-drawer";
125
- readonly modal: "--shadow-modal";
126
- readonly sticky: "--shadow-sticky";
118
+ readonly low: "--bfrs-shadow-low";
119
+ readonly card: "--bfrs-shadow-card";
120
+ readonly cardHover: "--bfrs-shadow-card-hover";
121
+ readonly elevated: "--bfrs-shadow-elevated";
122
+ readonly overlay: "--bfrs-shadow-overlay";
123
+ readonly menu: "--bfrs-shadow-menu";
124
+ readonly drawer: "--bfrs-shadow-drawer";
125
+ readonly modal: "--bfrs-shadow-modal";
126
+ readonly sticky: "--bfrs-shadow-sticky";
127
127
  };
128
128
  export declare const agenticThemeGradientVariables: {
129
- readonly card: "--gradient-card";
130
- readonly cardBorder: "--gradient-card-border";
131
- readonly cardBorderHover: "--gradient-card-border-hover";
132
- readonly cardSubtle: "--gradient-card-subtle";
133
- readonly businessInfoCard: "--gradient-business-info-card";
134
- readonly businessCardHeader: "--gradient-business-card-header";
129
+ readonly card: "--bfrs-gradient-card";
130
+ readonly cardBorder: "--bfrs-gradient-card-border";
131
+ readonly cardBorderHover: "--bfrs-gradient-card-border-hover";
132
+ readonly cardSubtle: "--bfrs-gradient-card-subtle";
133
+ readonly businessInfoCard: "--bfrs-gradient-business-info-card";
134
+ readonly businessCardHeader: "--bfrs-gradient-business-card-header";
135
135
  };
136
136
  export declare const agenticThemeSpacingVariables: {
137
- readonly controlPaddingX: "--space-control-padding-x";
138
- readonly controlPaddingY: "--space-control-padding-y";
139
- readonly tableCellPadding: "--space-table-cell-padding";
140
- readonly sectionGap: "--space-section-gap";
141
- readonly panelGap: "--space-panel-gap";
137
+ readonly controlPaddingX: "--bfrs-space-control-padding-x";
138
+ readonly controlPaddingY: "--bfrs-space-control-padding-y";
139
+ readonly tableCellPadding: "--bfrs-space-table-cell-padding";
140
+ readonly sectionGap: "--bfrs-space-section-gap";
141
+ readonly panelGap: "--bfrs-space-panel-gap";
142
142
  };
143
143
  export declare const agenticThemeTypographyVariables: {
144
- readonly fontSans: "--font-sans";
144
+ readonly fontSans: "--bfrs-font-sans";
145
145
  };
146
146
  export declare const agenticThemeMotionVariables: {
147
- readonly fast: "--motion-fast";
148
- readonly normal: "--motion-normal";
149
- readonly slow: "--motion-slow";
150
- readonly easeStandard: "--ease-standard";
151
- readonly easeOut: "--ease-out";
147
+ readonly fast: "--bfrs-motion-fast";
148
+ readonly normal: "--bfrs-motion-normal";
149
+ readonly slow: "--bfrs-motion-slow";
150
+ readonly easeStandard: "--bfrs-ease-standard";
151
+ readonly easeOut: "--bfrs-ease-out";
152
152
  };
153
153
  export declare const agenticThemeTokens: {
154
154
  readonly colors: {
155
- readonly primary: "--color-primary";
156
- readonly primaryBright: "--color-primary-bright";
157
- readonly primaryHover: "--color-primary-hover";
158
- readonly primaryActive: "--color-primary-active";
159
- readonly primarySoft: "--color-primary-soft";
160
- readonly primaryBorder: "--color-primary-border";
161
- readonly primaryContrast: "--color-primary-contrast";
162
- readonly accent: "--color-accent";
163
- readonly accentSoft: "--color-accent-soft";
164
- readonly surfaceApp: "--color-surface-app";
165
- readonly surfaceShell: "--color-surface-shell";
166
- readonly surfaceCard: "--color-surface-card";
167
- readonly surfaceMuted: "--color-surface-muted";
168
- readonly surfaceRaised: "--color-surface-raised";
169
- readonly textPrimary: "--color-text-primary";
170
- readonly textSecondary: "--color-text-secondary";
171
- readonly textMuted: "--color-text-muted";
172
- readonly textDisabled: "--color-text-disabled";
173
- readonly textInverse: "--color-text-inverse";
174
- readonly border: "--color-border-default";
175
- readonly borderLight: "--color-border-light";
176
- readonly borderStrong: "--color-border-strong";
177
- readonly borderFocus: "--color-border-focus";
178
- readonly borderCard: "--color-border-card";
179
- readonly success: "--color-success";
180
- readonly successSoft: "--color-success-soft";
181
- readonly successContrast: "--color-success-contrast";
182
- readonly danger: "--color-danger";
183
- readonly dangerSoft: "--color-danger-soft";
184
- readonly dangerContrast: "--color-danger-contrast";
185
- readonly warning: "--color-warning";
186
- readonly warningSoft: "--color-warning-soft";
187
- readonly warningContrast: "--color-warning-contrast";
188
- readonly info: "--color-info";
189
- readonly infoSoft: "--color-info-soft";
190
- readonly infoContrast: "--color-info-contrast";
191
- readonly agentOrders: "--color-agent-orders";
192
- readonly agentNdr: "--color-agent-ndr";
193
- readonly agentRto: "--color-agent-rto";
194
- readonly agentTracking: "--color-agent-tracking";
195
- readonly agentInsights: "--color-agent-insights";
196
- readonly dclPrimary: "--dcl-color-primary";
197
- readonly dclPrimaryLight: "--dcl-color-primary-light";
198
- readonly dclPrimaryBorder: "--dcl-color-primary-border";
199
- readonly dclAccent: "--dcl-color-accent";
200
- readonly dclAccentLight: "--dcl-color-accent-light";
201
- readonly dclBackground: "--dcl-color-background";
202
- readonly dclShellBackground: "--dcl-color-shell-background";
203
- readonly dclSurface: "--dcl-color-surface";
204
- readonly dclTableAltRow: "--dcl-color-table-alt-row";
205
- readonly dclBorder: "--dcl-color-border";
206
- readonly dclBorderLight: "--dcl-color-border-light";
207
- readonly dclBorderStrong: "--dcl-color-border-strong";
208
- readonly dclNeutralStroke2: "--dcl-color-neutral-stroke-2";
209
- readonly dclText: "--dcl-color-text";
210
- readonly dclTextMuted: "--dcl-color-text-muted";
211
- readonly dclTextLight: "--dcl-color-text-light";
212
- readonly dclTextInverse: "--dcl-color-text-inverse";
213
- readonly dclClickHover: "--dcl-color-click-hover";
214
- readonly statusDelivered: "--dcl-color-status-delivered";
215
- readonly statusDeliveredBg: "--dcl-color-status-delivered-bg";
216
- readonly statusInTransit: "--dcl-color-status-in-transit";
217
- readonly statusInTransitBg: "--dcl-color-status-in-transit-bg";
218
- readonly statusPending: "--dcl-color-status-pending";
219
- readonly statusPendingBg: "--dcl-color-status-pending-bg";
220
- readonly statusFailed: "--dcl-color-status-failed";
221
- readonly statusFailedBg: "--dcl-color-status-failed-bg";
222
- readonly businessCardText: "--dcl-color-business-card-text";
223
- readonly businessCardSubtitle: "--dcl-color-business-card-subtitle";
224
- readonly businessCardMuted: "--dcl-color-business-card-muted";
225
- readonly chatAssistantEyebrow: "--dcl-color-chat-assistant-eyebrow";
226
- readonly chatAssistantTitle: "--dcl-color-chat-assistant-title";
227
- readonly chatAssistantBody: "--dcl-color-chat-assistant-body";
228
- readonly stepProgressEyebrow: "--dcl-color-step-progress-eyebrow";
229
- readonly stepProgressTitle: "--dcl-color-step-progress-title";
230
- readonly stepProgressDoneMarker: "--dcl-color-step-progress-done-marker";
231
- readonly stepProgressActiveMarker: "--dcl-color-step-progress-active-marker";
232
- readonly stepProgressDoneText: "--dcl-color-step-progress-done-text";
233
- readonly stepProgressActiveText: "--dcl-color-step-progress-active-text";
234
- readonly stepProgressPending: "--dcl-color-step-progress-pending";
155
+ readonly primary: "--bfrs-color-primary";
156
+ readonly primaryBright: "--bfrs-color-primary-bright";
157
+ readonly primaryHover: "--bfrs-color-primary-hover";
158
+ readonly primaryActive: "--bfrs-color-primary-active";
159
+ readonly primarySoft: "--bfrs-color-primary-soft";
160
+ readonly primaryBorder: "--bfrs-color-primary-border";
161
+ readonly primaryContrast: "--bfrs-color-primary-contrast";
162
+ readonly accent: "--bfrs-color-accent";
163
+ readonly accentSoft: "--bfrs-color-accent-soft";
164
+ readonly surfaceApp: "--bfrs-color-surface-app";
165
+ readonly surfaceShell: "--bfrs-color-surface-shell";
166
+ readonly surfaceCard: "--bfrs-color-surface-card";
167
+ readonly surfaceMuted: "--bfrs-color-surface-muted";
168
+ readonly surfaceRaised: "--bfrs-color-surface-raised";
169
+ readonly textPrimary: "--bfrs-color-text-primary";
170
+ readonly textSecondary: "--bfrs-color-text-secondary";
171
+ readonly textMuted: "--bfrs-color-text-muted";
172
+ readonly textDisabled: "--bfrs-color-text-disabled";
173
+ readonly textInverse: "--bfrs-color-text-inverse";
174
+ readonly border: "--bfrs-color-border-default";
175
+ readonly borderLight: "--bfrs-color-border-light";
176
+ readonly borderStrong: "--bfrs-color-border-strong";
177
+ readonly borderFocus: "--bfrs-color-border-focus";
178
+ readonly borderCard: "--bfrs-color-border-card";
179
+ readonly success: "--bfrs-color-success";
180
+ readonly successSoft: "--bfrs-color-success-soft";
181
+ readonly successContrast: "--bfrs-color-success-contrast";
182
+ readonly danger: "--bfrs-color-danger";
183
+ readonly dangerSoft: "--bfrs-color-danger-soft";
184
+ readonly dangerContrast: "--bfrs-color-danger-contrast";
185
+ readonly warning: "--bfrs-color-warning";
186
+ readonly warningSoft: "--bfrs-color-warning-soft";
187
+ readonly warningContrast: "--bfrs-color-warning-contrast";
188
+ readonly info: "--bfrs-color-info";
189
+ readonly infoSoft: "--bfrs-color-info-soft";
190
+ readonly infoContrast: "--bfrs-color-info-contrast";
191
+ readonly agentOrders: "--bfrs-color-agent-orders";
192
+ readonly agentNdr: "--bfrs-color-agent-ndr";
193
+ readonly agentRto: "--bfrs-color-agent-rto";
194
+ readonly agentTracking: "--bfrs-color-agent-tracking";
195
+ readonly agentInsights: "--bfrs-color-agent-insights";
196
+ readonly dclPrimary: "--bfrs-dcl-color-primary";
197
+ readonly dclPrimaryLight: "--bfrs-dcl-color-primary-light";
198
+ readonly dclPrimaryBorder: "--bfrs-dcl-color-primary-border";
199
+ readonly dclAccent: "--bfrs-dcl-color-accent";
200
+ readonly dclAccentLight: "--bfrs-dcl-color-accent-light";
201
+ readonly dclBackground: "--bfrs-dcl-color-background";
202
+ readonly dclShellBackground: "--bfrs-dcl-color-shell-background";
203
+ readonly dclSurface: "--bfrs-dcl-color-surface";
204
+ readonly dclTableAltRow: "--bfrs-dcl-color-table-alt-row";
205
+ readonly dclBorder: "--bfrs-dcl-color-border";
206
+ readonly dclBorderLight: "--bfrs-dcl-color-border-light";
207
+ readonly dclBorderStrong: "--bfrs-dcl-color-border-strong";
208
+ readonly dclNeutralStroke2: "--bfrs-dcl-color-neutral-stroke-2";
209
+ readonly dclText: "--bfrs-dcl-color-text";
210
+ readonly dclTextMuted: "--bfrs-dcl-color-text-muted";
211
+ readonly dclTextLight: "--bfrs-dcl-color-text-light";
212
+ readonly dclTextInverse: "--bfrs-dcl-color-text-inverse";
213
+ readonly dclClickHover: "--bfrs-dcl-color-click-hover";
214
+ readonly statusDelivered: "--bfrs-dcl-color-status-delivered";
215
+ readonly statusDeliveredBg: "--bfrs-dcl-color-status-delivered-bg";
216
+ readonly statusInTransit: "--bfrs-dcl-color-status-in-transit";
217
+ readonly statusInTransitBg: "--bfrs-dcl-color-status-in-transit-bg";
218
+ readonly statusPending: "--bfrs-dcl-color-status-pending";
219
+ readonly statusPendingBg: "--bfrs-dcl-color-status-pending-bg";
220
+ readonly statusFailed: "--bfrs-dcl-color-status-failed";
221
+ readonly statusFailedBg: "--bfrs-dcl-color-status-failed-bg";
222
+ readonly businessCardText: "--bfrs-dcl-color-business-card-text";
223
+ readonly businessCardSubtitle: "--bfrs-dcl-color-business-card-subtitle";
224
+ readonly businessCardMuted: "--bfrs-dcl-color-business-card-muted";
225
+ readonly chatAssistantEyebrow: "--bfrs-dcl-color-chat-assistant-eyebrow";
226
+ readonly chatAssistantTitle: "--bfrs-dcl-color-chat-assistant-title";
227
+ readonly chatAssistantBody: "--bfrs-dcl-color-chat-assistant-body";
228
+ readonly stepProgressEyebrow: "--bfrs-dcl-color-step-progress-eyebrow";
229
+ readonly stepProgressTitle: "--bfrs-dcl-color-step-progress-title";
230
+ readonly stepProgressDoneMarker: "--bfrs-dcl-color-step-progress-done-marker";
231
+ readonly stepProgressActiveMarker: "--bfrs-dcl-color-step-progress-active-marker";
232
+ readonly stepProgressDoneText: "--bfrs-dcl-color-step-progress-done-text";
233
+ readonly stepProgressActiveText: "--bfrs-dcl-color-step-progress-active-text";
234
+ readonly stepProgressPending: "--bfrs-dcl-color-step-progress-pending";
235
235
  };
236
236
  readonly radius: {
237
- readonly sm: "--radius-sm";
238
- readonly md: "--radius-md";
239
- readonly lg: "--radius-lg";
240
- readonly xl: "--radius-xl";
241
- readonly "2xl": "--radius-2xl";
242
- readonly pill: "--radius-pill";
243
- readonly dclSm: "--dcl-radius-sm";
244
- readonly dclMd: "--dcl-radius-md";
245
- readonly dclLg: "--dcl-radius-lg";
246
- readonly dclXl: "--dcl-radius-xl";
247
- readonly dcl2xl: "--dcl-radius-2xl";
248
- readonly control: "--radius-control";
249
- readonly chip: "--radius-chip";
250
- readonly badge: "--radius-badge";
251
- readonly menu: "--radius-menu";
252
- readonly modal: "--radius-modal";
253
- readonly card: "--radius-card";
254
- readonly button: "--button-radius";
255
- readonly input: "--input-radius";
256
- readonly tabs: "--tabs-radius";
237
+ readonly sm: "--bfrs-radius-sm";
238
+ readonly md: "--bfrs-radius-md";
239
+ readonly lg: "--bfrs-radius-lg";
240
+ readonly xl: "--bfrs-radius-xl";
241
+ readonly "2xl": "--bfrs-radius-2xl";
242
+ readonly pill: "--bfrs-radius-pill";
243
+ readonly dclSm: "--bfrs-dcl-radius-sm";
244
+ readonly dclMd: "--bfrs-dcl-radius-md";
245
+ readonly dclLg: "--bfrs-dcl-radius-lg";
246
+ readonly dclXl: "--bfrs-dcl-radius-xl";
247
+ readonly dcl2xl: "--bfrs-dcl-radius-2xl";
248
+ readonly control: "--bfrs-radius-control";
249
+ readonly chip: "--bfrs-radius-chip";
250
+ readonly badge: "--bfrs-radius-badge";
251
+ readonly menu: "--bfrs-radius-menu";
252
+ readonly modal: "--bfrs-radius-modal";
253
+ readonly card: "--bfrs-radius-card";
254
+ readonly button: "--bfrs-button-radius";
255
+ readonly input: "--bfrs-input-radius";
256
+ readonly tabs: "--bfrs-tabs-radius";
257
257
  };
258
258
  readonly shadows: {
259
- readonly low: "--shadow-low";
260
- readonly card: "--shadow-card";
261
- readonly cardHover: "--shadow-card-hover";
262
- readonly elevated: "--shadow-elevated";
263
- readonly overlay: "--shadow-overlay";
264
- readonly menu: "--shadow-menu";
265
- readonly drawer: "--shadow-drawer";
266
- readonly modal: "--shadow-modal";
267
- readonly sticky: "--shadow-sticky";
259
+ readonly low: "--bfrs-shadow-low";
260
+ readonly card: "--bfrs-shadow-card";
261
+ readonly cardHover: "--bfrs-shadow-card-hover";
262
+ readonly elevated: "--bfrs-shadow-elevated";
263
+ readonly overlay: "--bfrs-shadow-overlay";
264
+ readonly menu: "--bfrs-shadow-menu";
265
+ readonly drawer: "--bfrs-shadow-drawer";
266
+ readonly modal: "--bfrs-shadow-modal";
267
+ readonly sticky: "--bfrs-shadow-sticky";
268
268
  };
269
269
  readonly gradients: {
270
- readonly card: "--gradient-card";
271
- readonly cardBorder: "--gradient-card-border";
272
- readonly cardBorderHover: "--gradient-card-border-hover";
273
- readonly cardSubtle: "--gradient-card-subtle";
274
- readonly businessInfoCard: "--gradient-business-info-card";
275
- readonly businessCardHeader: "--gradient-business-card-header";
270
+ readonly card: "--bfrs-gradient-card";
271
+ readonly cardBorder: "--bfrs-gradient-card-border";
272
+ readonly cardBorderHover: "--bfrs-gradient-card-border-hover";
273
+ readonly cardSubtle: "--bfrs-gradient-card-subtle";
274
+ readonly businessInfoCard: "--bfrs-gradient-business-info-card";
275
+ readonly businessCardHeader: "--bfrs-gradient-business-card-header";
276
276
  };
277
277
  readonly spacing: {
278
- readonly controlPaddingX: "--space-control-padding-x";
279
- readonly controlPaddingY: "--space-control-padding-y";
280
- readonly tableCellPadding: "--space-table-cell-padding";
281
- readonly sectionGap: "--space-section-gap";
282
- readonly panelGap: "--space-panel-gap";
278
+ readonly controlPaddingX: "--bfrs-space-control-padding-x";
279
+ readonly controlPaddingY: "--bfrs-space-control-padding-y";
280
+ readonly tableCellPadding: "--bfrs-space-table-cell-padding";
281
+ readonly sectionGap: "--bfrs-space-section-gap";
282
+ readonly panelGap: "--bfrs-space-panel-gap";
283
283
  };
284
284
  readonly typography: {
285
- readonly fontSans: "--font-sans";
285
+ readonly fontSans: "--bfrs-font-sans";
286
286
  };
287
287
  readonly motion: {
288
- readonly fast: "--motion-fast";
289
- readonly normal: "--motion-normal";
290
- readonly slow: "--motion-slow";
291
- readonly easeStandard: "--ease-standard";
292
- readonly easeOut: "--ease-out";
288
+ readonly fast: "--bfrs-motion-fast";
289
+ readonly normal: "--bfrs-motion-normal";
290
+ readonly slow: "--bfrs-motion-slow";
291
+ readonly easeStandard: "--bfrs-ease-standard";
292
+ readonly easeOut: "--bfrs-ease-out";
293
293
  };
294
294
  };
295
295
  export type AgenticThemeColorToken = keyof typeof agenticThemeColorVariables;