digital-rabbit-cl 1.0.32 → 1.0.34
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/dist/components/LoadingSpinner/LoadingSpinner.d.ts +41 -0
- package/dist/components/LoadingSpinner/LoadingSpinner.d.ts.map +1 -0
- package/dist/components/LoadingSpinner/index.d.ts +3 -0
- package/dist/components/LoadingSpinner/index.d.ts.map +1 -0
- package/dist/components/StyleLoader/StyleLoader.d.ts +41 -0
- package/dist/components/StyleLoader/StyleLoader.d.ts.map +1 -0
- package/dist/components/StyleLoader/index.d.ts +3 -0
- package/dist/components/StyleLoader/index.d.ts.map +1 -0
- package/dist/digital-rabbit-cl.es.js +336 -287
- package/dist/digital-rabbit-cl.umd.js +9 -4
- package/dist/index.d.ts +4 -0
- package/dist/index.d.ts.map +1 -1
- package/package.json +1 -1
|
@@ -0,0 +1,41 @@
|
|
|
1
|
+
import { default as React } from 'react';
|
|
2
|
+
export interface LoadingSpinnerProps {
|
|
3
|
+
/**
|
|
4
|
+
* Size of the spinner in ems
|
|
5
|
+
* @default 2.5
|
|
6
|
+
*/
|
|
7
|
+
size?: number;
|
|
8
|
+
/**
|
|
9
|
+
* Color of the spinner (defaults to theme.colors.primary)
|
|
10
|
+
*/
|
|
11
|
+
color?: string;
|
|
12
|
+
/**
|
|
13
|
+
* Color of the inner spinner dial (defaults to theme.colors.secondary)
|
|
14
|
+
*/
|
|
15
|
+
innerColor?: string;
|
|
16
|
+
/**
|
|
17
|
+
* Whether to center the spinner in viewport
|
|
18
|
+
* @default true
|
|
19
|
+
*/
|
|
20
|
+
fullScreen?: boolean;
|
|
21
|
+
}
|
|
22
|
+
/**
|
|
23
|
+
* LoadingSpinner - A simple, customizable loading spinner
|
|
24
|
+
*
|
|
25
|
+
* @example
|
|
26
|
+
* ```jsx
|
|
27
|
+
* import { LoadingSpinner } from 'digital-rabbit-cl';
|
|
28
|
+
*
|
|
29
|
+
* // Default spinner (uses theme.colors.primary)
|
|
30
|
+
* <LoadingSpinner />
|
|
31
|
+
*
|
|
32
|
+
* // Custom size and color
|
|
33
|
+
* <LoadingSpinner size={3.75} color="#ff0000" />
|
|
34
|
+
*
|
|
35
|
+
* // Inline (not full screen)
|
|
36
|
+
* <LoadingSpinner fullScreen={false} />
|
|
37
|
+
* ```
|
|
38
|
+
*/
|
|
39
|
+
declare const LoadingSpinner: React.FC<LoadingSpinnerProps>;
|
|
40
|
+
export default LoadingSpinner;
|
|
41
|
+
//# sourceMappingURL=LoadingSpinner.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"LoadingSpinner.d.ts","sourceRoot":"","sources":["../../../src/components/LoadingSpinner/LoadingSpinner.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,MAAM,WAAW,mBAAmB;IAClC;;;OAGG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;OAEG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB;;;OAGG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;AAED;;;;;;;;;;;;;;;;GAgBG;AACH,QAAA,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CAgDjD,CAAC;AAEF,eAAe,cAAc,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/LoadingSpinner/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,kBAAkB,CAAC;AAC3C,YAAY,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAC"}
|
|
@@ -0,0 +1,41 @@
|
|
|
1
|
+
import { ReactNode } from 'react';
|
|
2
|
+
export interface StyleLoaderProps {
|
|
3
|
+
children: ReactNode;
|
|
4
|
+
loadingComponent?: ReactNode;
|
|
5
|
+
}
|
|
6
|
+
/**
|
|
7
|
+
* StyleLoader - Ensures CSS-in-JS styles are injected before rendering children
|
|
8
|
+
*
|
|
9
|
+
* Prevents FOUC (Flash of Unstyled Content) by waiting one animation frame
|
|
10
|
+
* before rendering children, ensuring CSS injection has completed.
|
|
11
|
+
*
|
|
12
|
+
* @example
|
|
13
|
+
* ```jsx
|
|
14
|
+
* import { StyleLoader, ThemeProvider } from 'digital-rabbit-cl';
|
|
15
|
+
*
|
|
16
|
+
* // Default loading spinner
|
|
17
|
+
* function App() {
|
|
18
|
+
* return (
|
|
19
|
+
* <StyleLoader>
|
|
20
|
+
* <ThemeProvider theme={myTheme}>
|
|
21
|
+
* <YourApp />
|
|
22
|
+
* </ThemeProvider>
|
|
23
|
+
* </StyleLoader>
|
|
24
|
+
* );
|
|
25
|
+
* }
|
|
26
|
+
*
|
|
27
|
+
* // Custom loading component
|
|
28
|
+
* function AppWithCustomLoader() {
|
|
29
|
+
* return (
|
|
30
|
+
* <StyleLoader loadingComponent={<div>Loading...</div>}>
|
|
31
|
+
* <ThemeProvider theme={myTheme}>
|
|
32
|
+
* <YourApp />
|
|
33
|
+
* </ThemeProvider>
|
|
34
|
+
* </StyleLoader>
|
|
35
|
+
* );
|
|
36
|
+
* }
|
|
37
|
+
* ```
|
|
38
|
+
*/
|
|
39
|
+
declare const StyleLoader: React.FC<StyleLoaderProps>;
|
|
40
|
+
export default StyleLoader;
|
|
41
|
+
//# sourceMappingURL=StyleLoader.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"StyleLoader.d.ts","sourceRoot":"","sources":["../../../src/components/StyleLoader/StyleLoader.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAuB,SAAS,EAAE,MAAM,OAAO,CAAC;AAGvD,MAAM,WAAW,gBAAgB;IAC/B,QAAQ,EAAE,SAAS,CAAC;IACpB,gBAAgB,CAAC,EAAE,SAAS,CAAC;CAC9B;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAgCG;AACH,QAAA,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CAe3C,CAAC;AAEF,eAAe,WAAW,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/StyleLoader/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,eAAe,CAAC;AACxC,YAAY,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAC"}
|