@adarsh_goswami/design 0.1.0 → 0.1.14-dev
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/index.cjs +530 -294
- package/dist/index.css +68 -0
- package/dist/index.d.cts +11 -1
- package/dist/index.d.ts +11 -1
- package/dist/index.js +526 -291
- package/package.json +1 -1
package/dist/index.css
ADDED
|
@@ -0,0 +1,68 @@
|
|
|
1
|
+
/* src/components/BlogPost/BlogPost.css */
|
|
2
|
+
.blog-post {
|
|
3
|
+
max-width: var(--brand-layout-prose-max);
|
|
4
|
+
margin: 0 auto;
|
|
5
|
+
padding: var(--sp-8) var(--sp-4);
|
|
6
|
+
}
|
|
7
|
+
.blog-post__back {
|
|
8
|
+
display: inline-flex;
|
|
9
|
+
align-items: center;
|
|
10
|
+
gap: var(--sp-1);
|
|
11
|
+
background: none;
|
|
12
|
+
border: none;
|
|
13
|
+
cursor: pointer;
|
|
14
|
+
color: var(--text-muted);
|
|
15
|
+
font-family: var(--brand-font-body);
|
|
16
|
+
font-size: var(--brand-text-sm);
|
|
17
|
+
padding: 0;
|
|
18
|
+
margin-bottom: var(--sp-8);
|
|
19
|
+
transition: color var(--brand-duration-fast) var(--brand-ease-out);
|
|
20
|
+
}
|
|
21
|
+
.blog-post__back:hover {
|
|
22
|
+
color: var(--text-secondary);
|
|
23
|
+
}
|
|
24
|
+
.blog-post__title {
|
|
25
|
+
font-family: var(--brand-font-display);
|
|
26
|
+
font-size: var(--brand-text-3xl);
|
|
27
|
+
font-weight: var(--brand-font-bold);
|
|
28
|
+
color: var(--text-primary);
|
|
29
|
+
line-height: var(--brand-leading-tight);
|
|
30
|
+
margin: 0 0 var(--sp-4) 0;
|
|
31
|
+
}
|
|
32
|
+
.blog-post__meta {
|
|
33
|
+
display: flex;
|
|
34
|
+
align-items: center;
|
|
35
|
+
flex-wrap: wrap;
|
|
36
|
+
gap: var(--sp-3);
|
|
37
|
+
margin-bottom: var(--sp-8);
|
|
38
|
+
padding-bottom: var(--sp-6);
|
|
39
|
+
border-bottom: 1px solid var(--border-subtle);
|
|
40
|
+
}
|
|
41
|
+
.blog-post__meta-text {
|
|
42
|
+
font-family: var(--brand-font-body);
|
|
43
|
+
font-size: var(--brand-text-sm);
|
|
44
|
+
color: var(--text-muted);
|
|
45
|
+
}
|
|
46
|
+
.blog-post__meta-dot {
|
|
47
|
+
color: var(--border-mid);
|
|
48
|
+
font-size: var(--brand-text-sm);
|
|
49
|
+
user-select: none;
|
|
50
|
+
}
|
|
51
|
+
.blog-post__tags {
|
|
52
|
+
display: flex;
|
|
53
|
+
flex-wrap: wrap;
|
|
54
|
+
gap: var(--sp-2);
|
|
55
|
+
}
|
|
56
|
+
.blog-post__tag {
|
|
57
|
+
display: inline-flex;
|
|
58
|
+
align-items: center;
|
|
59
|
+
padding: 2px var(--sp-2);
|
|
60
|
+
border-radius: var(--brand-radius-full);
|
|
61
|
+
background: var(--accent-subtle);
|
|
62
|
+
color: var(--accent);
|
|
63
|
+
font-family: var(--brand-font-body);
|
|
64
|
+
font-size: var(--brand-text-xs);
|
|
65
|
+
font-weight: var(--brand-font-medium);
|
|
66
|
+
letter-spacing: var(--brand-tracking-wide);
|
|
67
|
+
text-transform: uppercase;
|
|
68
|
+
}
|
package/dist/index.d.cts
CHANGED
|
@@ -1,6 +1,16 @@
|
|
|
1
1
|
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
2
2
|
import { ReactNode } from 'react';
|
|
3
3
|
|
|
4
|
+
interface BlogPostProps {
|
|
5
|
+
title: string;
|
|
6
|
+
date: string;
|
|
7
|
+
tags?: string[];
|
|
8
|
+
content: string;
|
|
9
|
+
readingTime?: number;
|
|
10
|
+
onBack?: () => void;
|
|
11
|
+
}
|
|
12
|
+
declare function BlogPost({ title, date, tags, content, readingTime, onBack, }: BlogPostProps): react_jsx_runtime.JSX.Element;
|
|
13
|
+
|
|
4
14
|
interface DocsMeta {
|
|
5
15
|
title: string;
|
|
6
16
|
description?: string;
|
|
@@ -100,4 +110,4 @@ declare const src$1: string
|
|
|
100
110
|
|
|
101
111
|
declare const src: string
|
|
102
112
|
|
|
103
|
-
export { AgMark, type AgMarkProps, type AgMarkVariant, AgWordmark, type DocsConfig, DocsLayout, type DocsLayoutProps, type DocsMeta, type DocsPage, Footer, type FooterProps, type NavChild, type NavItem, type NavSection, type ThemeContextValue, type ThemeMode, ThemePage, type ThemePageProps, ThemeProvider, type ThemeProviderProps, ThemeToggle, type ThemeToggleProps, src as favicon, src$2 as logo, src$1 as logoMark, useTheme };
|
|
113
|
+
export { AgMark, type AgMarkProps, type AgMarkVariant, AgWordmark, BlogPost, type BlogPostProps, type DocsConfig, DocsLayout, type DocsLayoutProps, type DocsMeta, type DocsPage, Footer, type FooterProps, type NavChild, type NavItem, type NavSection, type ThemeContextValue, type ThemeMode, ThemePage, type ThemePageProps, ThemeProvider, type ThemeProviderProps, ThemeToggle, type ThemeToggleProps, src as favicon, src$2 as logo, src$1 as logoMark, useTheme };
|
package/dist/index.d.ts
CHANGED
|
@@ -1,6 +1,16 @@
|
|
|
1
1
|
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
2
2
|
import { ReactNode } from 'react';
|
|
3
3
|
|
|
4
|
+
interface BlogPostProps {
|
|
5
|
+
title: string;
|
|
6
|
+
date: string;
|
|
7
|
+
tags?: string[];
|
|
8
|
+
content: string;
|
|
9
|
+
readingTime?: number;
|
|
10
|
+
onBack?: () => void;
|
|
11
|
+
}
|
|
12
|
+
declare function BlogPost({ title, date, tags, content, readingTime, onBack, }: BlogPostProps): react_jsx_runtime.JSX.Element;
|
|
13
|
+
|
|
4
14
|
interface DocsMeta {
|
|
5
15
|
title: string;
|
|
6
16
|
description?: string;
|
|
@@ -100,4 +110,4 @@ declare const src$1: string
|
|
|
100
110
|
|
|
101
111
|
declare const src: string
|
|
102
112
|
|
|
103
|
-
export { AgMark, type AgMarkProps, type AgMarkVariant, AgWordmark, type DocsConfig, DocsLayout, type DocsLayoutProps, type DocsMeta, type DocsPage, Footer, type FooterProps, type NavChild, type NavItem, type NavSection, type ThemeContextValue, type ThemeMode, ThemePage, type ThemePageProps, ThemeProvider, type ThemeProviderProps, ThemeToggle, type ThemeToggleProps, src as favicon, src$2 as logo, src$1 as logoMark, useTheme };
|
|
113
|
+
export { AgMark, type AgMarkProps, type AgMarkVariant, AgWordmark, BlogPost, type BlogPostProps, type DocsConfig, DocsLayout, type DocsLayoutProps, type DocsMeta, type DocsPage, Footer, type FooterProps, type NavChild, type NavItem, type NavSection, type ThemeContextValue, type ThemeMode, ThemePage, type ThemePageProps, ThemeProvider, type ThemeProviderProps, ThemeToggle, type ThemeToggleProps, src as favicon, src$2 as logo, src$1 as logoMark, useTheme };
|