@bytebrand/fe-ui-core-autobahn 1.0.46 → 1.0.47
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.
- package/package.json +1 -1
- package/vdp/FinanceCalculator.tsx +22 -18
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@bytebrand/fe-ui-core-autobahn",
|
|
3
|
-
"version": "1.0.
|
|
3
|
+
"version": "1.0.47",
|
|
4
4
|
"description": "auto.de md3 (Autobahn) design system — UI primitives, cards, chrome, VDP modules, theme CSS and locales. Ships raw TypeScript source (like fe-ui-core before it); each consumer's bundler compiles it.",
|
|
5
5
|
"main": "index.ts",
|
|
6
6
|
"license": "UNLICENSED",
|
|
@@ -94,25 +94,29 @@ export const EvalBar: React.FunctionComponent<{ tier: number; leftPct?: number }
|
|
|
94
94
|
/** Figma CTA icon — document with a check-in-circle badge over its bottom-right corner
|
|
95
95
|
* (no single lucide glyph matches; composed from file-text + a knocked-out check-circle).
|
|
96
96
|
* The badge backdrop assumes a filled (primary) button. */
|
|
97
|
-
export const DocCheckIcon: React.FunctionComponent<{ size?: number }> = ({ size = 19 }) =>
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
|
|
109
|
-
|
|
110
|
-
|
|
111
|
-
|
|
112
|
-
|
|
97
|
+
export const DocCheckIcon: React.FunctionComponent<{ size?: number }> = ({ size = 19 }) => {
|
|
98
|
+
// inline width/height on BOTH icons — `.mbtn .lucide { width/height: 18px }` otherwise
|
|
99
|
+
// inflates the badge to full icon size and it swallows the document
|
|
100
|
+
const badge = Math.max(9, Math.round(size * 0.5));
|
|
101
|
+
return (
|
|
102
|
+
<span style={{ position: 'relative', display: 'inline-flex', flex: 'none' }}>
|
|
103
|
+
<Icon name="file-text" size={size} stroke={2} style={{ width: size, height: size }} />
|
|
104
|
+
<span
|
|
105
|
+
style={{
|
|
106
|
+
position: 'absolute',
|
|
107
|
+
right: -3,
|
|
108
|
+
bottom: -2,
|
|
109
|
+
display: 'flex',
|
|
110
|
+
borderRadius: '50%',
|
|
111
|
+
background: 'var(--md-primary)',
|
|
112
|
+
padding: 1,
|
|
113
|
+
}}
|
|
114
|
+
>
|
|
115
|
+
<Icon name="check-circle" size={badge} stroke={2.8} style={{ width: badge, height: badge }} />
|
|
116
|
+
</span>
|
|
113
117
|
</span>
|
|
114
|
-
|
|
115
|
-
|
|
118
|
+
);
|
|
119
|
+
};
|
|
116
120
|
|
|
117
121
|
export interface TermChipsProps {
|
|
118
122
|
/** the selectable term values (months), e.g. [12,24,36,48,60,72]. */
|