@droplinked_inc/ui-kit 0.1.1
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/LICENSE +21 -0
- package/MIGRATION.md +129 -0
- package/README.md +62 -0
- package/dist/components/Button.d.ts +17 -0
- package/dist/components/Button.d.ts.map +1 -0
- package/dist/components/Button.js +40 -0
- package/dist/components/Button.js.map +1 -0
- package/dist/components/Checkbox.d.ts +18 -0
- package/dist/components/Checkbox.d.ts.map +1 -0
- package/dist/components/Checkbox.js +13 -0
- package/dist/components/Checkbox.js.map +1 -0
- package/dist/components/CheckoutHeader.d.ts +13 -0
- package/dist/components/CheckoutHeader.d.ts.map +1 -0
- package/dist/components/CheckoutHeader.js +13 -0
- package/dist/components/CheckoutHeader.js.map +1 -0
- package/dist/components/Chips.d.ts +14 -0
- package/dist/components/Chips.d.ts.map +1 -0
- package/dist/components/Chips.js +30 -0
- package/dist/components/Chips.js.map +1 -0
- package/dist/components/DetailsItem.d.ts +28 -0
- package/dist/components/DetailsItem.d.ts.map +1 -0
- package/dist/components/DetailsItem.js +10 -0
- package/dist/components/DetailsItem.js.map +1 -0
- package/dist/components/Divider.d.ts +15 -0
- package/dist/components/Divider.d.ts.map +1 -0
- package/dist/components/Divider.js +11 -0
- package/dist/components/Divider.js.map +1 -0
- package/dist/components/Dropdown.d.ts +27 -0
- package/dist/components/Dropdown.d.ts.map +1 -0
- package/dist/components/Dropdown.js +15 -0
- package/dist/components/Dropdown.js.map +1 -0
- package/dist/components/IconContainer.d.ts +14 -0
- package/dist/components/IconContainer.d.ts.map +1 -0
- package/dist/components/IconContainer.js +20 -0
- package/dist/components/IconContainer.js.map +1 -0
- package/dist/components/Input.d.ts +25 -0
- package/dist/components/Input.d.ts.map +1 -0
- package/dist/components/Input.js +13 -0
- package/dist/components/Input.js.map +1 -0
- package/dist/components/ListItem.d.ts +8 -0
- package/dist/components/ListItem.d.ts.map +1 -0
- package/dist/components/ListItem.js +27 -0
- package/dist/components/ListItem.js.map +1 -0
- package/dist/components/Modal.d.ts +25 -0
- package/dist/components/Modal.d.ts.map +1 -0
- package/dist/components/Modal.js +9 -0
- package/dist/components/Modal.js.map +1 -0
- package/dist/components/ProductCard.d.ts +18 -0
- package/dist/components/ProductCard.d.ts.map +1 -0
- package/dist/components/ProductCard.js +17 -0
- package/dist/components/ProductCard.js.map +1 -0
- package/dist/components/RuledGrid.d.ts +9 -0
- package/dist/components/RuledGrid.d.ts.map +1 -0
- package/dist/components/RuledGrid.js +7 -0
- package/dist/components/RuledGrid.js.map +1 -0
- package/dist/components/SearchBar.d.ts +17 -0
- package/dist/components/SearchBar.d.ts.map +1 -0
- package/dist/components/SearchBar.js +24 -0
- package/dist/components/SearchBar.js.map +1 -0
- package/dist/components/SectionTitle.d.ts +12 -0
- package/dist/components/SectionTitle.d.ts.map +1 -0
- package/dist/components/SectionTitle.js +7 -0
- package/dist/components/SectionTitle.js.map +1 -0
- package/dist/components/SelectionCard.d.ts +14 -0
- package/dist/components/SelectionCard.d.ts.map +1 -0
- package/dist/components/SelectionCard.js +6 -0
- package/dist/components/SelectionCard.js.map +1 -0
- package/dist/components/SelectionTab.d.ts +12 -0
- package/dist/components/SelectionTab.d.ts.map +1 -0
- package/dist/components/SelectionTab.js +12 -0
- package/dist/components/SelectionTab.js.map +1 -0
- package/dist/components/SuccessBar.d.ts +9 -0
- package/dist/components/SuccessBar.d.ts.map +1 -0
- package/dist/components/SuccessBar.js +6 -0
- package/dist/components/SuccessBar.js.map +1 -0
- package/dist/components/TextArea.d.ts +17 -0
- package/dist/components/TextArea.d.ts.map +1 -0
- package/dist/components/TextArea.js +9 -0
- package/dist/components/TextArea.js.map +1 -0
- package/dist/components/Toast.d.ts +19 -0
- package/dist/components/Toast.d.ts.map +1 -0
- package/dist/components/Toast.js +19 -0
- package/dist/components/Toast.js.map +1 -0
- package/dist/index.d.ts +25 -0
- package/dist/index.d.ts.map +1 -0
- package/dist/index.js +32 -0
- package/dist/index.js.map +1 -0
- package/dist/internal/sanitize.d.ts +17 -0
- package/dist/internal/sanitize.d.ts.map +1 -0
- package/dist/internal/sanitize.js +46 -0
- package/dist/internal/sanitize.js.map +1 -0
- package/dist/theme/UIKitProvider.d.ts +16 -0
- package/dist/theme/UIKitProvider.d.ts.map +1 -0
- package/dist/theme/UIKitProvider.js +14 -0
- package/dist/theme/UIKitProvider.js.map +1 -0
- package/dist/theme/palette.d.ts +8 -0
- package/dist/theme/palette.d.ts.map +1 -0
- package/dist/theme/palette.js +62 -0
- package/dist/theme/palette.js.map +1 -0
- package/dist/theme/system.d.ts +12 -0
- package/dist/theme/system.d.ts.map +1 -0
- package/dist/theme/system.js +58 -0
- package/dist/theme/system.js.map +1 -0
- package/dist/types.d.ts +114 -0
- package/dist/types.d.ts.map +1 -0
- package/dist/types.js +2 -0
- package/dist/types.js.map +1 -0
- package/package.json +59 -0
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,sEAAsE;AACtE,oEAAoE;AAEpE,+EAA+E;AAC/E,OAAO,EAAE,aAAa,EAA2B,MAAM,uBAAuB,CAAC;AAC/E,OAAO,EAAE,aAAa,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AAClE,OAAO,EACL,iBAAiB,EACjB,YAAY,EACZ,iBAAiB,EACjB,mBAAmB,GACpB,MAAM,iBAAiB,CAAC;AAkBzB,+EAA+E;AAC/E,OAAO,EAAE,MAAM,EAAqC,MAAM,qBAAqB,CAAC;AAChF,OAAO,EAAE,KAAK,EAAmB,MAAM,oBAAoB,CAAC;AAC5D,OAAO,EAAE,QAAQ,EAAsB,MAAM,uBAAuB,CAAC;AACrE,OAAO,EAAE,QAAQ,EAAsB,MAAM,uBAAuB,CAAC;AACrE,OAAO,EAAE,OAAO,EAA8C,MAAM,sBAAsB,CAAC;AAE3F,+EAA+E;AAC/E,OAAO,EAAE,SAAS,EAAuB,MAAM,wBAAwB,CAAC;AACxE,OAAO,EAAE,YAAY,EAA0B,MAAM,2BAA2B,CAAC;AACjF,OAAO,EAAE,cAAc,EAA4B,MAAM,6BAA6B,CAAC;AAEvF,+EAA+E;AAC/E,OAAO,EAAE,KAAK,EAAmB,MAAM,oBAAoB,CAAC;AAC5D,OAAO,EAAE,KAAK,EAAsC,MAAM,oBAAoB,CAAC;AAC/E,OAAO,EAAE,UAAU,EAAwB,MAAM,yBAAyB,CAAC;AAE3E,+EAA+E;AAC/E,OAAO,EAAE,KAAK,EAAmB,MAAM,oBAAoB,CAAC;AAC5D,OAAO,EAAE,aAAa,EAA2B,MAAM,4BAA4B,CAAC;AACpF,OAAO,EAAE,WAAW,EAAyB,MAAM,0BAA0B,CAAC;AAC9E,OAAO,EACL,WAAW,EACX,WAAW,GAKZ,MAAM,0BAA0B,CAAC;AAClC,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAEjD,+EAA+E;AAC/E,OAAO,EAAE,aAAa,EAA2B,MAAM,4BAA4B,CAAC;AACpF,OAAO,EAAE,YAAY,EAA0B,MAAM,2BAA2B,CAAC;AACjF,OAAO,EAAE,QAAQ,EAAsB,MAAM,uBAAuB,CAAC;AACrE,OAAO,EAAE,SAAS,EAA8C,MAAM,wBAAwB,CAAC"}
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Lightweight URL safety guard.
|
|
3
|
+
*
|
|
4
|
+
* Returns the URL if it parses to an `http:`, `https:`, `mailto:`, or
|
|
5
|
+
* relative path; returns `undefined` otherwise (caller should drop the
|
|
6
|
+
* attribute rather than emit a `javascript:`/`data:` href).
|
|
7
|
+
*
|
|
8
|
+
* Deliberately conservative — checkout-critical path.
|
|
9
|
+
*/
|
|
10
|
+
export declare function safeUrl(input: string | undefined): string | undefined;
|
|
11
|
+
/**
|
|
12
|
+
* Pull a `data-testid` value off props without using `any`.
|
|
13
|
+
*/
|
|
14
|
+
export declare function pickTestId(props: {
|
|
15
|
+
'data-testid'?: string | undefined;
|
|
16
|
+
} | undefined): string | undefined;
|
|
17
|
+
//# sourceMappingURL=sanitize.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"sanitize.d.ts","sourceRoot":"","sources":["../../src/internal/sanitize.ts"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AACH,wBAAgB,OAAO,CAAC,KAAK,EAAE,MAAM,GAAG,SAAS,GAAG,MAAM,GAAG,SAAS,CA2BrE;AAED;;GAEG;AACH,wBAAgB,UAAU,CACxB,KAAK,EAAE;IAAE,aAAa,CAAC,EAAE,MAAM,GAAG,SAAS,CAAA;CAAE,GAAG,SAAS,GACxD,MAAM,GAAG,SAAS,CAGpB"}
|
|
@@ -0,0 +1,46 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Lightweight URL safety guard.
|
|
3
|
+
*
|
|
4
|
+
* Returns the URL if it parses to an `http:`, `https:`, `mailto:`, or
|
|
5
|
+
* relative path; returns `undefined` otherwise (caller should drop the
|
|
6
|
+
* attribute rather than emit a `javascript:`/`data:` href).
|
|
7
|
+
*
|
|
8
|
+
* Deliberately conservative — checkout-critical path.
|
|
9
|
+
*/
|
|
10
|
+
export function safeUrl(input) {
|
|
11
|
+
if (input === undefined || input === null)
|
|
12
|
+
return undefined;
|
|
13
|
+
const trimmed = String(input).trim();
|
|
14
|
+
if (trimmed === '')
|
|
15
|
+
return undefined;
|
|
16
|
+
// Protocol-relative URLs (`//host`, `///host`) inherit the page scheme and
|
|
17
|
+
// resolve to a remote host — treat as an unknown scheme and reject. This
|
|
18
|
+
// check must come BEFORE the single-slash relative-path early-return.
|
|
19
|
+
if (trimmed.startsWith('//')) {
|
|
20
|
+
return undefined;
|
|
21
|
+
}
|
|
22
|
+
// Relative paths and fragments are safe.
|
|
23
|
+
if (trimmed.startsWith('/') || trimmed.startsWith('#') || trimmed.startsWith('?')) {
|
|
24
|
+
return trimmed;
|
|
25
|
+
}
|
|
26
|
+
try {
|
|
27
|
+
const parsed = new URL(trimmed, 'https://placeholder.invalid');
|
|
28
|
+
const protocol = parsed.protocol.toLowerCase();
|
|
29
|
+
if (protocol === 'http:' || protocol === 'https:' || protocol === 'mailto:') {
|
|
30
|
+
return trimmed;
|
|
31
|
+
}
|
|
32
|
+
return undefined;
|
|
33
|
+
}
|
|
34
|
+
catch {
|
|
35
|
+
return undefined;
|
|
36
|
+
}
|
|
37
|
+
}
|
|
38
|
+
/**
|
|
39
|
+
* Pull a `data-testid` value off props without using `any`.
|
|
40
|
+
*/
|
|
41
|
+
export function pickTestId(props) {
|
|
42
|
+
if (!props)
|
|
43
|
+
return undefined;
|
|
44
|
+
return props['data-testid'];
|
|
45
|
+
}
|
|
46
|
+
//# sourceMappingURL=sanitize.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"sanitize.js","sourceRoot":"","sources":["../../src/internal/sanitize.ts"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AACH,MAAM,UAAU,OAAO,CAAC,KAAyB;IAC/C,IAAI,KAAK,KAAK,SAAS,IAAI,KAAK,KAAK,IAAI;QAAE,OAAO,SAAS,CAAC;IAC5D,MAAM,OAAO,GAAG,MAAM,CAAC,KAAK,CAAC,CAAC,IAAI,EAAE,CAAC;IACrC,IAAI,OAAO,KAAK,EAAE;QAAE,OAAO,SAAS,CAAC;IAErC,2EAA2E;IAC3E,yEAAyE;IACzE,sEAAsE;IACtE,IAAI,OAAO,CAAC,UAAU,CAAC,IAAI,CAAC,EAAE,CAAC;QAC7B,OAAO,SAAS,CAAC;IACnB,CAAC;IAED,yCAAyC;IACzC,IAAI,OAAO,CAAC,UAAU,CAAC,GAAG,CAAC,IAAI,OAAO,CAAC,UAAU,CAAC,GAAG,CAAC,IAAI,OAAO,CAAC,UAAU,CAAC,GAAG,CAAC,EAAE,CAAC;QAClF,OAAO,OAAO,CAAC;IACjB,CAAC;IAED,IAAI,CAAC;QACH,MAAM,MAAM,GAAG,IAAI,GAAG,CAAC,OAAO,EAAE,6BAA6B,CAAC,CAAC;QAC/D,MAAM,QAAQ,GAAG,MAAM,CAAC,QAAQ,CAAC,WAAW,EAAE,CAAC;QAC/C,IAAI,QAAQ,KAAK,OAAO,IAAI,QAAQ,KAAK,QAAQ,IAAI,QAAQ,KAAK,SAAS,EAAE,CAAC;YAC5E,OAAO,OAAO,CAAC;QACjB,CAAC;QACD,OAAO,SAAS,CAAC;IACnB,CAAC;IAAC,MAAM,CAAC;QACP,OAAO,SAAS,CAAC;IACnB,CAAC;AACH,CAAC;AAED;;GAEG;AACH,MAAM,UAAU,UAAU,CACxB,KAAyD;IAEzD,IAAI,CAAC,KAAK;QAAE,OAAO,SAAS,CAAC;IAC7B,OAAO,KAAK,CAAC,aAAa,CAAC,CAAC;AAC9B,CAAC"}
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import type { ReactNode } from 'react';
|
|
2
|
+
import { type SystemContext } from '@chakra-ui/react';
|
|
3
|
+
export interface UIKitProviderProps {
|
|
4
|
+
children: ReactNode;
|
|
5
|
+
/** Override Chakra v3 system. Falls back to `defaultSystem`. */
|
|
6
|
+
system?: SystemContext;
|
|
7
|
+
}
|
|
8
|
+
/**
|
|
9
|
+
* Theme provider for `@droplinked_inc/ui-kit`.
|
|
10
|
+
*
|
|
11
|
+
* Wraps Chakra UI v3. Replaces the substrate's combined Chakra + next-themes
|
|
12
|
+
* provider — `next-themes` was a peer dep we don't ship, so consumers that
|
|
13
|
+
* need dark-mode toggling wire that at the app shell.
|
|
14
|
+
*/
|
|
15
|
+
export declare function UIKitProvider({ children, system }: UIKitProviderProps): JSX.Element;
|
|
16
|
+
//# sourceMappingURL=UIKitProvider.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"UIKitProvider.d.ts","sourceRoot":"","sources":["../../src/theme/UIKitProvider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,EAAkB,KAAK,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAGtE,MAAM,WAAW,kBAAkB;IACjC,QAAQ,EAAE,SAAS,CAAC;IACpB,gEAAgE;IAChE,MAAM,CAAC,EAAE,aAAa,CAAC;CACxB;AAED;;;;;;GAMG;AACH,wBAAgB,aAAa,CAAC,EAAE,QAAQ,EAAE,MAAM,EAAE,EAAE,kBAAkB,GAAG,GAAG,CAAC,OAAO,CAEnF"}
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
import { ChakraProvider } from '@chakra-ui/react';
|
|
3
|
+
import { defaultSystem } from './system';
|
|
4
|
+
/**
|
|
5
|
+
* Theme provider for `@droplinked_inc/ui-kit`.
|
|
6
|
+
*
|
|
7
|
+
* Wraps Chakra UI v3. Replaces the substrate's combined Chakra + next-themes
|
|
8
|
+
* provider — `next-themes` was a peer dep we don't ship, so consumers that
|
|
9
|
+
* need dark-mode toggling wire that at the app shell.
|
|
10
|
+
*/
|
|
11
|
+
export function UIKitProvider({ children, system }) {
|
|
12
|
+
return _jsx(ChakraProvider, { value: system ?? defaultSystem, children: children });
|
|
13
|
+
}
|
|
14
|
+
//# sourceMappingURL=UIKitProvider.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"UIKitProvider.js","sourceRoot":"","sources":["../../src/theme/UIKitProvider.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,cAAc,EAAsB,MAAM,kBAAkB,CAAC;AACtE,OAAO,EAAE,aAAa,EAAE,MAAM,UAAU,CAAC;AAQzC;;;;;;GAMG;AACH,MAAM,UAAU,aAAa,CAAC,EAAE,QAAQ,EAAE,MAAM,EAAsB;IACpE,OAAO,KAAC,cAAc,IAAC,KAAK,EAAE,MAAM,IAAI,aAAa,YAAG,QAAQ,GAAkB,CAAC;AACrF,CAAC"}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import type { FullThemePalette, RadiiConfigs, RadiiOption, TypographyConfigs } from '../types';
|
|
2
|
+
/** Default light-mode palette. Matches substrate values. */
|
|
3
|
+
export declare const defaultLightTheme: FullThemePalette;
|
|
4
|
+
/** Default border radius config. Option 2 from substrate. */
|
|
5
|
+
export declare const defaultRadii: RadiiConfigs;
|
|
6
|
+
export declare const cornerRadiusOptions: Record<RadiiOption, RadiiConfigs>;
|
|
7
|
+
export declare const defaultTypography: TypographyConfigs;
|
|
8
|
+
//# sourceMappingURL=palette.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"palette.d.ts","sourceRoot":"","sources":["../../src/theme/palette.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,gBAAgB,EAAE,YAAY,EAAE,WAAW,EAAE,iBAAiB,EAAE,MAAM,UAAU,CAAC;AAE/F,4DAA4D;AAC5D,eAAO,MAAM,iBAAiB,EAAE,gBA4B/B,CAAC;AAEF,6DAA6D;AAC7D,eAAO,MAAM,YAAY,EAAE,YAO1B,CAAC;AAEF,eAAO,MAAM,mBAAmB,EAAE,MAAM,CAAC,WAAW,EAAE,YAAY,CAKjE,CAAC;AAEF,eAAO,MAAM,iBAAiB,EAAE,iBAgB/B,CAAC"}
|
|
@@ -0,0 +1,62 @@
|
|
|
1
|
+
/** Default light-mode palette. Matches substrate values. */
|
|
2
|
+
export const defaultLightTheme = {
|
|
3
|
+
isDarkTheme: false,
|
|
4
|
+
themeName: 'light',
|
|
5
|
+
primary: {
|
|
6
|
+
main: '#2BCFA1',
|
|
7
|
+
hover: '#249e7d',
|
|
8
|
+
tint10: '#E1F8F0',
|
|
9
|
+
tint20: '#C4F2E1',
|
|
10
|
+
},
|
|
11
|
+
neutral: {
|
|
12
|
+
bgDark: '#101213',
|
|
13
|
+
bgLight: '#FFFFFF',
|
|
14
|
+
neutral10: '#F5F5F5',
|
|
15
|
+
neutral30: '#D6D6D6',
|
|
16
|
+
neutral50: '#8A8A8A',
|
|
17
|
+
},
|
|
18
|
+
text: {
|
|
19
|
+
main: '#101213',
|
|
20
|
+
inverse: '#FFFFFF',
|
|
21
|
+
subtext: '#6B7280',
|
|
22
|
+
disabled: '#B5B7BB',
|
|
23
|
+
},
|
|
24
|
+
state: {
|
|
25
|
+
success: { main: '#2BCFA1', tint10: '#E1F8F0', tint20: '#C4F2E1' },
|
|
26
|
+
error: { main: '#E5484D', tint10: '#FCE9EA', tint20: '#F6CBCD' },
|
|
27
|
+
warning: { main: '#F5A524', tint10: '#FEF1DA', tint20: '#FBDFA6' },
|
|
28
|
+
info: { main: '#3B82F6', tint10: '#E5EFFE', tint20: '#BFD7FC' },
|
|
29
|
+
},
|
|
30
|
+
};
|
|
31
|
+
/** Default border radius config. Option 2 from substrate. */
|
|
32
|
+
export const defaultRadii = {
|
|
33
|
+
xs: '4px',
|
|
34
|
+
sm: '6px',
|
|
35
|
+
md: '8px',
|
|
36
|
+
lg: '12px',
|
|
37
|
+
xl: '16px',
|
|
38
|
+
'2xl': '24px',
|
|
39
|
+
};
|
|
40
|
+
export const cornerRadiusOptions = {
|
|
41
|
+
option1: { xs: '0px', sm: '0px', md: '0px', lg: '0px', xl: '0px', '2xl': '0px' },
|
|
42
|
+
option2: defaultRadii,
|
|
43
|
+
option3: { xs: '6px', sm: '10px', md: '14px', lg: '20px', xl: '28px', '2xl': '36px' },
|
|
44
|
+
option4: { xs: '999px', sm: '999px', md: '999px', lg: '999px', xl: '999px', '2xl': '999px' },
|
|
45
|
+
};
|
|
46
|
+
export const defaultTypography = {
|
|
47
|
+
fontFamily: 'Inter, ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial',
|
|
48
|
+
fontSizes: {
|
|
49
|
+
h1: '32px',
|
|
50
|
+
h2: '28px',
|
|
51
|
+
h3: '24px',
|
|
52
|
+
h4: '20px',
|
|
53
|
+
h5: '18px',
|
|
54
|
+
h6: '16px',
|
|
55
|
+
subtitle: '14px',
|
|
56
|
+
body1: '16px',
|
|
57
|
+
body2: '14px',
|
|
58
|
+
body3: '12px',
|
|
59
|
+
caption: '11px',
|
|
60
|
+
},
|
|
61
|
+
};
|
|
62
|
+
//# sourceMappingURL=palette.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"palette.js","sourceRoot":"","sources":["../../src/theme/palette.ts"],"names":[],"mappings":"AAEA,4DAA4D;AAC5D,MAAM,CAAC,MAAM,iBAAiB,GAAqB;IACjD,WAAW,EAAE,KAAK;IAClB,SAAS,EAAE,OAAO;IAClB,OAAO,EAAE;QACP,IAAI,EAAE,SAAS;QACf,KAAK,EAAE,SAAS;QAChB,MAAM,EAAE,SAAS;QACjB,MAAM,EAAE,SAAS;KAClB;IACD,OAAO,EAAE;QACP,MAAM,EAAE,SAAS;QACjB,OAAO,EAAE,SAAS;QAClB,SAAS,EAAE,SAAS;QACpB,SAAS,EAAE,SAAS;QACpB,SAAS,EAAE,SAAS;KACrB;IACD,IAAI,EAAE;QACJ,IAAI,EAAE,SAAS;QACf,OAAO,EAAE,SAAS;QAClB,OAAO,EAAE,SAAS;QAClB,QAAQ,EAAE,SAAS;KACpB;IACD,KAAK,EAAE;QACL,OAAO,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,EAAE,SAAS,EAAE;QAClE,KAAK,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,EAAE,SAAS,EAAE;QAChE,OAAO,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,EAAE,SAAS,EAAE;QAClE,IAAI,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,EAAE,SAAS,EAAE;KAChE;CACF,CAAC;AAEF,6DAA6D;AAC7D,MAAM,CAAC,MAAM,YAAY,GAAiB;IACxC,EAAE,EAAE,KAAK;IACT,EAAE,EAAE,KAAK;IACT,EAAE,EAAE,KAAK;IACT,EAAE,EAAE,MAAM;IACV,EAAE,EAAE,MAAM;IACV,KAAK,EAAE,MAAM;CACd,CAAC;AAEF,MAAM,CAAC,MAAM,mBAAmB,GAAsC;IACpE,OAAO,EAAE,EAAE,EAAE,EAAE,KAAK,EAAE,EAAE,EAAE,KAAK,EAAE,EAAE,EAAE,KAAK,EAAE,EAAE,EAAE,KAAK,EAAE,EAAE,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE;IAChF,OAAO,EAAE,YAAY;IACrB,OAAO,EAAE,EAAE,EAAE,EAAE,KAAK,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE;IACrF,OAAO,EAAE,EAAE,EAAE,EAAE,OAAO,EAAE,EAAE,EAAE,OAAO,EAAE,EAAE,EAAE,OAAO,EAAE,EAAE,EAAE,OAAO,EAAE,EAAE,EAAE,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE;CAC7F,CAAC;AAEF,MAAM,CAAC,MAAM,iBAAiB,GAAsB;IAClD,UAAU,EACR,6FAA6F;IAC/F,SAAS,EAAE;QACT,EAAE,EAAE,MAAM;QACV,EAAE,EAAE,MAAM;QACV,EAAE,EAAE,MAAM;QACV,EAAE,EAAE,MAAM;QACV,EAAE,EAAE,MAAM;QACV,EAAE,EAAE,MAAM;QACV,QAAQ,EAAE,MAAM;QAChB,KAAK,EAAE,MAAM;QACb,KAAK,EAAE,MAAM;QACb,KAAK,EAAE,MAAM;QACb,OAAO,EAAE,MAAM;KAChB;CACF,CAAC"}
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import { type SystemContext } from '@chakra-ui/react';
|
|
2
|
+
import type { FullThemePalette, RadiiOption, TypographyConfigs } from '../types';
|
|
3
|
+
/**
|
|
4
|
+
* Build a Chakra UI v3 SystemContext from a Droplinked palette/typography/radii triplet.
|
|
5
|
+
*
|
|
6
|
+
* Returning the raw SystemContext (rather than a wrapped theme object) preserves
|
|
7
|
+
* the substrate's contract — consumers pass the result straight to `<UIKitProvider system={...}>`.
|
|
8
|
+
*/
|
|
9
|
+
export declare function createThemeSystem(palette?: FullThemePalette, typography?: TypographyConfigs, radiiOption?: RadiiOption): SystemContext;
|
|
10
|
+
/** Default system instance — can be replaced via `createThemeSystem`. */
|
|
11
|
+
export declare const defaultSystem: SystemContext;
|
|
12
|
+
//# sourceMappingURL=system.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"system.d.ts","sourceRoot":"","sources":["../../src/theme/system.ts"],"names":[],"mappings":"AAAA,OAAO,EAA+B,KAAK,aAAa,EAAE,MAAM,kBAAkB,CAAC;AACnF,OAAO,KAAK,EAAE,gBAAgB,EAAE,WAAW,EAAE,iBAAiB,EAAE,MAAM,UAAU,CAAC;AAGjF;;;;;GAKG;AACH,wBAAgB,iBAAiB,CAC/B,OAAO,GAAE,gBAAoC,EAC7C,UAAU,GAAE,iBAAqC,EACjD,WAAW,GAAE,WAAuB,GACnC,aAAa,CA+Cf;AAED,yEAAyE;AACzE,eAAO,MAAM,aAAa,EAAE,aAAmC,CAAC"}
|
|
@@ -0,0 +1,58 @@
|
|
|
1
|
+
import { createSystem, defaultConfig } from '@chakra-ui/react';
|
|
2
|
+
import { cornerRadiusOptions, defaultLightTheme, defaultRadii, defaultTypography } from './palette';
|
|
3
|
+
/**
|
|
4
|
+
* Build a Chakra UI v3 SystemContext from a Droplinked palette/typography/radii triplet.
|
|
5
|
+
*
|
|
6
|
+
* Returning the raw SystemContext (rather than a wrapped theme object) preserves
|
|
7
|
+
* the substrate's contract — consumers pass the result straight to `<UIKitProvider system={...}>`.
|
|
8
|
+
*/
|
|
9
|
+
export function createThemeSystem(palette = defaultLightTheme, typography = defaultTypography, radiiOption = 'option2') {
|
|
10
|
+
const radii = cornerRadiusOptions[radiiOption] ?? defaultRadii;
|
|
11
|
+
return createSystem(defaultConfig, {
|
|
12
|
+
theme: {
|
|
13
|
+
tokens: {
|
|
14
|
+
colors: {
|
|
15
|
+
'dl.primary': { value: palette.primary.main },
|
|
16
|
+
'dl.primary.hover': { value: palette.primary.hover },
|
|
17
|
+
'dl.primary.tint10': { value: palette.primary.tint10 },
|
|
18
|
+
'dl.primary.tint20': { value: palette.primary.tint20 },
|
|
19
|
+
'dl.bg': { value: palette.neutral.bgLight },
|
|
20
|
+
'dl.bg.dark': { value: palette.neutral.bgDark },
|
|
21
|
+
'dl.neutral.10': { value: palette.neutral.neutral10 },
|
|
22
|
+
'dl.neutral.30': { value: palette.neutral.neutral30 },
|
|
23
|
+
'dl.neutral.50': { value: palette.neutral.neutral50 },
|
|
24
|
+
'dl.text': { value: palette.text.main },
|
|
25
|
+
'dl.text.inverse': { value: palette.text.inverse },
|
|
26
|
+
'dl.text.subtext': { value: palette.text.subtext },
|
|
27
|
+
'dl.text.disabled': { value: palette.text.disabled },
|
|
28
|
+
'dl.success': { value: palette.state.success.main },
|
|
29
|
+
'dl.success.tint10': { value: palette.state.success.tint10 },
|
|
30
|
+
'dl.success.tint20': { value: palette.state.success.tint20 },
|
|
31
|
+
'dl.error': { value: palette.state.error.main },
|
|
32
|
+
'dl.error.tint10': { value: palette.state.error.tint10 },
|
|
33
|
+
'dl.error.tint20': { value: palette.state.error.tint20 },
|
|
34
|
+
'dl.warning': { value: palette.state.warning.main },
|
|
35
|
+
'dl.warning.tint10': { value: palette.state.warning.tint10 },
|
|
36
|
+
'dl.warning.tint20': { value: palette.state.warning.tint20 },
|
|
37
|
+
'dl.info': { value: palette.state.info.main },
|
|
38
|
+
'dl.info.tint10': { value: palette.state.info.tint10 },
|
|
39
|
+
'dl.info.tint20': { value: palette.state.info.tint20 },
|
|
40
|
+
},
|
|
41
|
+
radii: {
|
|
42
|
+
'dl.xs': { value: radii.xs },
|
|
43
|
+
'dl.sm': { value: radii.sm },
|
|
44
|
+
'dl.md': { value: radii.md },
|
|
45
|
+
'dl.lg': { value: radii.lg },
|
|
46
|
+
'dl.xl': { value: radii.xl },
|
|
47
|
+
'dl.2xl': { value: radii['2xl'] },
|
|
48
|
+
},
|
|
49
|
+
fonts: {
|
|
50
|
+
'dl.body': { value: typography.fontFamily },
|
|
51
|
+
},
|
|
52
|
+
},
|
|
53
|
+
},
|
|
54
|
+
});
|
|
55
|
+
}
|
|
56
|
+
/** Default system instance — can be replaced via `createThemeSystem`. */
|
|
57
|
+
export const defaultSystem = createThemeSystem();
|
|
58
|
+
//# sourceMappingURL=system.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"system.js","sourceRoot":"","sources":["../../src/theme/system.ts"],"names":[],"mappings":"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"}
|
package/dist/types.d.ts
ADDED
|
@@ -0,0 +1,114 @@
|
|
|
1
|
+
import type { ReactNode, ElementType, ChangeEvent } from 'react';
|
|
2
|
+
/**
|
|
3
|
+
* Shared visual variants used across components.
|
|
4
|
+
* Mirrors the substrate `variants` union from droplinked-ui-kit@0.0.40.
|
|
5
|
+
*/
|
|
6
|
+
export type Variant = 'primary' | 'outlined' | 'filled' | 'muted' | 'transparent' | 'information' | 'success' | 'warning' | 'error' | 'disabled';
|
|
7
|
+
/** Legacy alias for the substrate's lower-case `variants` symbol. */
|
|
8
|
+
export type variants = Variant;
|
|
9
|
+
export type AlertBoxState = 'neutral' | 'information' | 'success' | 'warning' | 'error';
|
|
10
|
+
export type RadiiOption = 'option1' | 'option2' | 'option3' | 'option4';
|
|
11
|
+
export interface RadiiConfigs {
|
|
12
|
+
xs: string;
|
|
13
|
+
sm: string;
|
|
14
|
+
md: string;
|
|
15
|
+
lg: string;
|
|
16
|
+
xl: string;
|
|
17
|
+
'2xl': string;
|
|
18
|
+
}
|
|
19
|
+
export interface TypographyConfigs {
|
|
20
|
+
fontFamily: string;
|
|
21
|
+
fontSizes?: {
|
|
22
|
+
h1?: string;
|
|
23
|
+
h2?: string;
|
|
24
|
+
h3?: string;
|
|
25
|
+
h4?: string;
|
|
26
|
+
h5?: string;
|
|
27
|
+
h6?: string;
|
|
28
|
+
subtitle?: string;
|
|
29
|
+
body1?: string;
|
|
30
|
+
body2?: string;
|
|
31
|
+
body3?: string;
|
|
32
|
+
caption?: string;
|
|
33
|
+
};
|
|
34
|
+
}
|
|
35
|
+
export interface FullThemePalette {
|
|
36
|
+
isDarkTheme?: boolean;
|
|
37
|
+
themeName: string;
|
|
38
|
+
primary: {
|
|
39
|
+
main: string;
|
|
40
|
+
hover: string;
|
|
41
|
+
tint10: string;
|
|
42
|
+
tint20: string;
|
|
43
|
+
};
|
|
44
|
+
neutral: {
|
|
45
|
+
bgDark: string;
|
|
46
|
+
bgLight: string;
|
|
47
|
+
neutral10: string;
|
|
48
|
+
neutral30: string;
|
|
49
|
+
neutral50: string;
|
|
50
|
+
};
|
|
51
|
+
text: {
|
|
52
|
+
main: string;
|
|
53
|
+
inverse: string;
|
|
54
|
+
subtext: string;
|
|
55
|
+
disabled: string;
|
|
56
|
+
};
|
|
57
|
+
state: {
|
|
58
|
+
success: {
|
|
59
|
+
main: string;
|
|
60
|
+
tint10: string;
|
|
61
|
+
tint20: string;
|
|
62
|
+
};
|
|
63
|
+
error: {
|
|
64
|
+
main: string;
|
|
65
|
+
tint10: string;
|
|
66
|
+
tint20: string;
|
|
67
|
+
};
|
|
68
|
+
warning: {
|
|
69
|
+
main: string;
|
|
70
|
+
tint10: string;
|
|
71
|
+
tint20: string;
|
|
72
|
+
};
|
|
73
|
+
info: {
|
|
74
|
+
main: string;
|
|
75
|
+
tint10: string;
|
|
76
|
+
tint20: string;
|
|
77
|
+
};
|
|
78
|
+
};
|
|
79
|
+
}
|
|
80
|
+
/** Common test handle prop. Every public component accepts it. */
|
|
81
|
+
export interface TestableProps {
|
|
82
|
+
/** Forwarded to the rendered root element as `data-testid`. */
|
|
83
|
+
'data-testid'?: string;
|
|
84
|
+
}
|
|
85
|
+
export type ActionMenuItemVariant = 'default' | 'error' | 'disabled' | 'selected';
|
|
86
|
+
export interface ActionMenuItem {
|
|
87
|
+
icon: ElementType;
|
|
88
|
+
title: string;
|
|
89
|
+
variant?: ActionMenuItemVariant;
|
|
90
|
+
onClick?: () => void;
|
|
91
|
+
hasBottomDivider?: boolean;
|
|
92
|
+
}
|
|
93
|
+
export interface BaseListItemProps {
|
|
94
|
+
isSelected?: boolean;
|
|
95
|
+
isDisabled?: boolean;
|
|
96
|
+
isInvalid?: boolean;
|
|
97
|
+
onClick?: () => void;
|
|
98
|
+
}
|
|
99
|
+
export interface TextListItemProps extends BaseListItemProps, TestableProps {
|
|
100
|
+
type?: 'text';
|
|
101
|
+
label: string;
|
|
102
|
+
chipsLabel?: string;
|
|
103
|
+
leftIcon?: ElementType;
|
|
104
|
+
rightContent?: ReactNode;
|
|
105
|
+
}
|
|
106
|
+
export interface IconListItemProps extends BaseListItemProps, TestableProps {
|
|
107
|
+
type: 'icon';
|
|
108
|
+
leftIcon: ElementType;
|
|
109
|
+
}
|
|
110
|
+
export type ListItemProps = TextListItemProps | IconListItemProps;
|
|
111
|
+
export interface CheckboxChangeHandler {
|
|
112
|
+
(checked: boolean, event: ChangeEvent<HTMLInputElement>): void;
|
|
113
|
+
}
|
|
114
|
+
//# sourceMappingURL=types.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../src/types.ts"],"names":[],"mappings":"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"}
|
package/dist/types.js
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"types.js","sourceRoot":"","sources":["../src/types.ts"],"names":[],"mappings":""}
|
package/package.json
ADDED
|
@@ -0,0 +1,59 @@
|
|
|
1
|
+
{
|
|
2
|
+
"name": "@droplinked_inc/ui-kit",
|
|
3
|
+
"version": "0.1.1",
|
|
4
|
+
"description": "Droplinked UI component kit — rebuild from droplinked-ui-kit@0.0.40 substrate. Chakra UI v3 based.",
|
|
5
|
+
"license": "MIT",
|
|
6
|
+
"type": "module",
|
|
7
|
+
"main": "./dist/index.js",
|
|
8
|
+
"types": "./dist/index.d.ts",
|
|
9
|
+
"exports": {
|
|
10
|
+
".": {
|
|
11
|
+
"types": "./dist/index.d.ts",
|
|
12
|
+
"import": "./dist/index.js"
|
|
13
|
+
}
|
|
14
|
+
},
|
|
15
|
+
"files": [
|
|
16
|
+
"dist",
|
|
17
|
+
"README.md",
|
|
18
|
+
"MIGRATION.md"
|
|
19
|
+
],
|
|
20
|
+
"peerDependencies": {
|
|
21
|
+
"@chakra-ui/react": "^3.0.0",
|
|
22
|
+
"@emotion/react": "^11.0.0",
|
|
23
|
+
"react": "^18.0.0 || ^19.0.0",
|
|
24
|
+
"react-dom": "^18.0.0 || ^19.0.0"
|
|
25
|
+
},
|
|
26
|
+
"devDependencies": {
|
|
27
|
+
"@chakra-ui/react": "^3.30.0",
|
|
28
|
+
"@emotion/react": "^11.14.0",
|
|
29
|
+
"@testing-library/jest-dom": "^6.6.3",
|
|
30
|
+
"@testing-library/react": "^16.1.0",
|
|
31
|
+
"@testing-library/user-event": "^14.6.1",
|
|
32
|
+
"@types/jest": "^29.5.14",
|
|
33
|
+
"@types/react": "^19.0.0",
|
|
34
|
+
"@types/react-dom": "^19.0.0",
|
|
35
|
+
"jest-axe": "^9.0.0",
|
|
36
|
+
"jest-environment-jsdom": "^29.7.0",
|
|
37
|
+
"react": "^19.0.0",
|
|
38
|
+
"react-dom": "^19.0.0"
|
|
39
|
+
},
|
|
40
|
+
"publishConfig": {
|
|
41
|
+
"provenance": false,
|
|
42
|
+
"access": "public"
|
|
43
|
+
},
|
|
44
|
+
"repository": {
|
|
45
|
+
"type": "git",
|
|
46
|
+
"url": "git+https://github.com/droplinked/droplink-packages.git",
|
|
47
|
+
"directory": "packages/ui-kit"
|
|
48
|
+
},
|
|
49
|
+
"engines": {
|
|
50
|
+
"node": ">=22.0.0"
|
|
51
|
+
},
|
|
52
|
+
"scripts": {
|
|
53
|
+
"build": "tsc -p tsconfig.json",
|
|
54
|
+
"test": "jest",
|
|
55
|
+
"test:coverage": "jest --coverage",
|
|
56
|
+
"lint": "eslint src",
|
|
57
|
+
"typecheck": "tsc --noEmit -p tsconfig.json"
|
|
58
|
+
}
|
|
59
|
+
}
|