@ciridae/ui 0.3.3 → 0.3.5
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/assets/ciridae/brand-background-dark.webp +0 -0
- package/dist/assets/ciridae/brand-background-light.webp +0 -0
- package/dist/assets/ciridae/ciridae-black.svg +17 -0
- package/dist/assets/ciridae/ciridae-brand-assets.d.ts +25 -0
- package/dist/assets/ciridae/ciridae-brand-assets.js +25 -0
- package/dist/assets/ciridae/ciridae-icon-black.png +0 -0
- package/dist/assets/ciridae/ciridae-icon-white.png +0 -0
- package/dist/assets/ciridae/ciridae-ui-wordmark-black.png +0 -0
- package/dist/assets/ciridae/ciridae-ui-wordmark-white.png +0 -0
- package/dist/assets/ciridae/ciridae-white.svg +17 -0
- package/dist/assets/ciridae/ciridae-wordmark-black.png +0 -0
- package/dist/assets/ciridae/ciridae-wordmark-white.png +0 -0
- package/dist/assets/ciridae/favicon.ico +0 -0
- package/dist/assets/ciridae/logo-white.png +0 -0
- package/dist/assets/ciridae/sign-in-screenshot.png +0 -0
- package/dist/components/blocks/admin-users-table.d.ts +22 -0
- package/dist/components/blocks/admin-users-table.js +115 -0
- package/dist/components/blocks/comment-composer.d.ts +16 -0
- package/dist/components/blocks/comment-composer.js +113 -0
- package/dist/components/blocks/comment-item.d.ts +8 -0
- package/dist/components/blocks/comment-item.js +45 -0
- package/dist/components/blocks/comment-thread.d.ts +18 -0
- package/dist/components/blocks/comment-thread.js +30 -0
- package/dist/components/blocks/comment-types.d.ts +18 -0
- package/dist/components/blocks/comment-types.js +11 -0
- package/dist/components/blocks/feedback-center-comments.d.ts +12 -0
- package/dist/components/blocks/feedback-center-comments.js +11 -0
- package/dist/components/blocks/feedback-center-sheet-parts.d.ts +34 -0
- package/dist/components/blocks/feedback-center-sheet-parts.js +44 -0
- package/dist/components/blocks/feedback-center-sheet.d.ts +19 -0
- package/dist/components/blocks/feedback-center-sheet.js +46 -0
- package/dist/components/blocks/feedback-composer-parts.d.ts +16 -0
- package/dist/components/blocks/feedback-composer-parts.js +43 -0
- package/dist/components/blocks/feedback-composer-types.d.ts +11 -0
- package/dist/components/blocks/feedback-composer-types.js +1 -0
- package/dist/components/blocks/feedback-composer.d.ts +17 -0
- package/dist/components/blocks/feedback-composer.js +112 -0
- package/dist/components/blocks/feedback-date-format.d.ts +5 -0
- package/dist/components/blocks/feedback-date-format.js +11 -0
- package/dist/components/blocks/feedback-detail-sheet.d.ts +9 -0
- package/dist/components/blocks/feedback-detail-sheet.js +41 -0
- package/dist/components/blocks/feedback-metrics.d.ts +6 -0
- package/dist/components/blocks/feedback-metrics.js +15 -0
- package/dist/components/blocks/feedback-sheet.d.ts +8 -0
- package/dist/components/blocks/feedback-sheet.js +16 -0
- package/dist/components/blocks/feedback-status-badge.d.ts +6 -0
- package/dist/components/blocks/feedback-status-badge.js +14 -0
- package/dist/components/blocks/feedback-table-row.d.ts +6 -0
- package/dist/components/blocks/feedback-table-row.js +37 -0
- package/dist/components/blocks/feedback-table-sort.d.ts +11 -0
- package/dist/components/blocks/feedback-table-sort.js +81 -0
- package/dist/components/blocks/feedback-table.d.ts +16 -0
- package/dist/components/blocks/feedback-table.js +45 -0
- package/dist/components/blocks/feedback-tracking-types.d.ts +78 -0
- package/dist/components/blocks/feedback-tracking-types.js +36 -0
- package/dist/components/blocks/feedback-type-badge.d.ts +6 -0
- package/dist/components/blocks/feedback-type-badge.js +12 -0
- package/dist/components/blocks/feedback-user-detail.d.ts +10 -0
- package/dist/components/blocks/feedback-user-detail.js +57 -0
- package/dist/components/blocks/feedback-user-list.d.ts +9 -0
- package/dist/components/blocks/feedback-user-list.js +33 -0
- package/dist/components/blocks/invite-user-sheet.d.ts +20 -0
- package/dist/components/blocks/invite-user-sheet.js +72 -0
- package/dist/components/blocks/kanban-board-parts.d.ts +26 -0
- package/dist/components/blocks/kanban-board-parts.js +85 -0
- package/dist/components/blocks/kanban-board-utils.d.ts +42 -0
- package/dist/components/blocks/kanban-board-utils.js +115 -0
- package/dist/components/blocks/kanban-board.d.ts +16 -0
- package/dist/components/blocks/kanban-board.js +36 -0
- package/dist/components/blocks/kanban-card.d.ts +10 -0
- package/dist/components/blocks/kanban-card.js +34 -0
- package/dist/components/blocks/kanban-column.d.ts +17 -0
- package/dist/components/blocks/kanban-column.js +34 -0
- package/dist/components/blocks/kanban-detail-sheet.d.ts +17 -0
- package/dist/components/blocks/kanban-detail-sheet.js +34 -0
- package/dist/components/blocks/kanban-types.d.ts +24 -0
- package/dist/components/blocks/kanban-types.js +1 -0
- package/dist/components/blocks/timestamp-format.d.ts +8 -0
- package/dist/components/blocks/timestamp-format.js +66 -0
- package/dist/components/pages/admin-users-page.d.ts +11 -0
- package/dist/components/pages/admin-users-page.js +30 -0
- package/dist/components/pages/feedback-stakeholder-page-parts.d.ts +18 -0
- package/dist/components/pages/feedback-stakeholder-page-parts.js +36 -0
- package/dist/components/pages/feedback-stakeholder-page.d.ts +9 -0
- package/dist/components/pages/feedback-stakeholder-page.js +66 -0
- package/dist/components/pages/kanban-page.d.ts +13 -0
- package/dist/components/pages/kanban-page.js +68 -0
- package/dist/components/ui/calendar.d.ts +2 -1
- package/dist/components/ui/calendar.js +1 -1
- package/dist/components/ui/dialog.d.ts +2 -1
- package/dist/components/ui/dialog.js +2 -2
- package/dist/components/ui/page-header.d.ts +15 -1
- package/dist/components/ui/page-header.js +20 -2
- package/dist/components/ui/resizable.d.ts +9 -2
- package/dist/components/ui/resizable.js +3 -3
- package/dist/components/ui/sonner.d.ts +2 -2
- package/dist/components/ui/sonner.js +2 -2
- package/dist/styled-system/css/css.d.ts +11 -16
- package/dist/styled-system/css/cva.d.ts +2 -4
- package/dist/styled-system/css/cx.d.ts +2 -3
- package/dist/styled-system/css/index.d.ts +1 -1
- package/dist/styled-system/css/sva.d.ts +1 -2
- package/dist/styled-system/patterns/aspect-ratio.d.ts +5 -9
- package/dist/styled-system/patterns/bleed.d.ts +6 -10
- package/dist/styled-system/patterns/box.d.ts +4 -9
- package/dist/styled-system/patterns/center.d.ts +5 -9
- package/dist/styled-system/patterns/circle.d.ts +5 -9
- package/dist/styled-system/patterns/container.d.ts +4 -9
- package/dist/styled-system/patterns/cq.d.ts +6 -10
- package/dist/styled-system/patterns/divider.d.ts +7 -11
- package/dist/styled-system/patterns/flex.d.ts +11 -15
- package/dist/styled-system/patterns/float.d.ts +8 -12
- package/dist/styled-system/patterns/grid-item.d.ts +10 -14
- package/dist/styled-system/patterns/grid.d.ts +9 -13
- package/dist/styled-system/patterns/hstack.d.ts +6 -10
- package/dist/styled-system/patterns/index.d.ts +1 -1
- package/dist/styled-system/patterns/link-overlay.d.ts +4 -9
- package/dist/styled-system/patterns/spacer.d.ts +5 -9
- package/dist/styled-system/patterns/square.d.ts +5 -9
- package/dist/styled-system/patterns/stack.d.ts +8 -12
- package/dist/styled-system/patterns/visually-hidden.d.ts +4 -9
- package/dist/styled-system/patterns/vstack.d.ts +6 -10
- package/dist/styled-system/patterns/wrap.d.ts +9 -13
- package/dist/styled-system/tokens/index.d.ts +4 -6
- package/dist/styled-system/tokens/tokens.d.ts +42 -61
- package/dist/styled-system/types/composition.d.ts +20 -211
- package/dist/styled-system/types/conditions.d.ts +297 -303
- package/dist/styled-system/types/csstype.d.ts +20289 -22518
- package/dist/styled-system/types/global.d.ts +11 -12
- package/dist/styled-system/types/index.d.ts +2 -2
- package/dist/styled-system/types/parts.d.ts +2 -3
- package/dist/styled-system/types/pattern.d.ts +75 -71
- package/dist/styled-system/types/prop-type.d.ts +236 -233
- package/dist/styled-system/types/recipe.d.ts +114 -155
- package/dist/styled-system/types/selectors.d.ts +8 -58
- package/dist/styled-system/types/static-css.d.ts +40 -47
- package/dist/styled-system/types/style-props.d.ts +8078 -8082
- package/dist/styled-system/types/system-types.d.ts +69 -111
- package/dist/styles.css +490 -1
- package/package.json +159 -7
|
@@ -4,18 +4,14 @@ import type { Properties } from '../types/csstype';
|
|
|
4
4
|
import type { SystemProperties } from '../types/style-props';
|
|
5
5
|
import type { DistributiveOmit } from '../types/system-types';
|
|
6
6
|
import type { Tokens } from '../tokens/index';
|
|
7
|
-
|
|
8
7
|
export interface HstackProperties {
|
|
9
|
-
|
|
10
|
-
|
|
8
|
+
justify?: SystemProperties["justifyContent"];
|
|
9
|
+
gap?: SystemProperties["gap"];
|
|
10
|
+
}
|
|
11
|
+
interface HstackStyles extends HstackProperties, DistributiveOmit<SystemStyleObject, keyof HstackProperties> {
|
|
11
12
|
}
|
|
12
|
-
|
|
13
|
-
interface HstackStyles extends HstackProperties, DistributiveOmit<SystemStyleObject, keyof HstackProperties > {}
|
|
14
|
-
|
|
15
13
|
interface HstackPatternFn {
|
|
16
|
-
|
|
17
|
-
|
|
14
|
+
(styles?: HstackStyles): string;
|
|
15
|
+
raw: (styles?: HstackStyles) => SystemStyleObject;
|
|
18
16
|
}
|
|
19
|
-
|
|
20
|
-
|
|
21
17
|
export declare const hstack: HstackPatternFn;
|
|
@@ -4,17 +4,12 @@ import type { Properties } from '../types/csstype';
|
|
|
4
4
|
import type { SystemProperties } from '../types/style-props';
|
|
5
5
|
import type { DistributiveOmit } from '../types/system-types';
|
|
6
6
|
import type { Tokens } from '../tokens/index';
|
|
7
|
-
|
|
8
7
|
export interface LinkOverlayProperties {
|
|
9
|
-
|
|
10
8
|
}
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
9
|
+
interface LinkOverlayStyles extends LinkOverlayProperties, DistributiveOmit<SystemStyleObject, keyof LinkOverlayProperties> {
|
|
10
|
+
}
|
|
14
11
|
interface LinkOverlayPatternFn {
|
|
15
|
-
|
|
16
|
-
|
|
12
|
+
(styles?: LinkOverlayStyles): string;
|
|
13
|
+
raw: (styles?: LinkOverlayStyles) => SystemStyleObject;
|
|
17
14
|
}
|
|
18
|
-
|
|
19
|
-
|
|
20
15
|
export declare const linkOverlay: LinkOverlayPatternFn;
|
|
@@ -4,17 +4,13 @@ import type { Properties } from '../types/csstype';
|
|
|
4
4
|
import type { SystemProperties } from '../types/style-props';
|
|
5
5
|
import type { DistributiveOmit } from '../types/system-types';
|
|
6
6
|
import type { Tokens } from '../tokens/index';
|
|
7
|
-
|
|
8
7
|
export interface SpacerProperties {
|
|
9
|
-
|
|
8
|
+
size?: ConditionalValue<Tokens["spacing"]>;
|
|
9
|
+
}
|
|
10
|
+
interface SpacerStyles extends SpacerProperties, DistributiveOmit<SystemStyleObject, keyof SpacerProperties> {
|
|
10
11
|
}
|
|
11
|
-
|
|
12
|
-
interface SpacerStyles extends SpacerProperties, DistributiveOmit<SystemStyleObject, keyof SpacerProperties > {}
|
|
13
|
-
|
|
14
12
|
interface SpacerPatternFn {
|
|
15
|
-
|
|
16
|
-
|
|
13
|
+
(styles?: SpacerStyles): string;
|
|
14
|
+
raw: (styles?: SpacerStyles) => SystemStyleObject;
|
|
17
15
|
}
|
|
18
|
-
|
|
19
|
-
|
|
20
16
|
export declare const spacer: SpacerPatternFn;
|
|
@@ -4,17 +4,13 @@ import type { Properties } from '../types/csstype';
|
|
|
4
4
|
import type { SystemProperties } from '../types/style-props';
|
|
5
5
|
import type { DistributiveOmit } from '../types/system-types';
|
|
6
6
|
import type { Tokens } from '../tokens/index';
|
|
7
|
-
|
|
8
7
|
export interface SquareProperties {
|
|
9
|
-
|
|
8
|
+
size?: SystemProperties["width"];
|
|
9
|
+
}
|
|
10
|
+
interface SquareStyles extends SquareProperties, DistributiveOmit<SystemStyleObject, keyof SquareProperties> {
|
|
10
11
|
}
|
|
11
|
-
|
|
12
|
-
interface SquareStyles extends SquareProperties, DistributiveOmit<SystemStyleObject, keyof SquareProperties > {}
|
|
13
|
-
|
|
14
12
|
interface SquarePatternFn {
|
|
15
|
-
|
|
16
|
-
|
|
13
|
+
(styles?: SquareStyles): string;
|
|
14
|
+
raw: (styles?: SquareStyles) => SystemStyleObject;
|
|
17
15
|
}
|
|
18
|
-
|
|
19
|
-
|
|
20
16
|
export declare const square: SquarePatternFn;
|
|
@@ -4,20 +4,16 @@ import type { Properties } from '../types/csstype';
|
|
|
4
4
|
import type { SystemProperties } from '../types/style-props';
|
|
5
5
|
import type { DistributiveOmit } from '../types/system-types';
|
|
6
6
|
import type { Tokens } from '../tokens/index';
|
|
7
|
-
|
|
8
7
|
export interface StackProperties {
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
8
|
+
align?: SystemProperties["alignItems"];
|
|
9
|
+
justify?: SystemProperties["justifyContent"];
|
|
10
|
+
direction?: SystemProperties["flexDirection"];
|
|
11
|
+
gap?: SystemProperties["gap"];
|
|
12
|
+
}
|
|
13
|
+
interface StackStyles extends StackProperties, DistributiveOmit<SystemStyleObject, keyof StackProperties> {
|
|
13
14
|
}
|
|
14
|
-
|
|
15
|
-
interface StackStyles extends StackProperties, DistributiveOmit<SystemStyleObject, keyof StackProperties > {}
|
|
16
|
-
|
|
17
15
|
interface StackPatternFn {
|
|
18
|
-
|
|
19
|
-
|
|
16
|
+
(styles?: StackStyles): string;
|
|
17
|
+
raw: (styles?: StackStyles) => SystemStyleObject;
|
|
20
18
|
}
|
|
21
|
-
|
|
22
|
-
|
|
23
19
|
export declare const stack: StackPatternFn;
|
|
@@ -4,17 +4,12 @@ import type { Properties } from '../types/csstype';
|
|
|
4
4
|
import type { SystemProperties } from '../types/style-props';
|
|
5
5
|
import type { DistributiveOmit } from '../types/system-types';
|
|
6
6
|
import type { Tokens } from '../tokens/index';
|
|
7
|
-
|
|
8
7
|
export interface VisuallyHiddenProperties {
|
|
9
|
-
|
|
10
8
|
}
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
9
|
+
interface VisuallyHiddenStyles extends VisuallyHiddenProperties, DistributiveOmit<SystemStyleObject, keyof VisuallyHiddenProperties> {
|
|
10
|
+
}
|
|
14
11
|
interface VisuallyHiddenPatternFn {
|
|
15
|
-
|
|
16
|
-
|
|
12
|
+
(styles?: VisuallyHiddenStyles): string;
|
|
13
|
+
raw: (styles?: VisuallyHiddenStyles) => SystemStyleObject;
|
|
17
14
|
}
|
|
18
|
-
|
|
19
|
-
|
|
20
15
|
export declare const visuallyHidden: VisuallyHiddenPatternFn;
|
|
@@ -4,18 +4,14 @@ import type { Properties } from '../types/csstype';
|
|
|
4
4
|
import type { SystemProperties } from '../types/style-props';
|
|
5
5
|
import type { DistributiveOmit } from '../types/system-types';
|
|
6
6
|
import type { Tokens } from '../tokens/index';
|
|
7
|
-
|
|
8
7
|
export interface VstackProperties {
|
|
9
|
-
|
|
10
|
-
|
|
8
|
+
justify?: SystemProperties["justifyContent"];
|
|
9
|
+
gap?: SystemProperties["gap"];
|
|
10
|
+
}
|
|
11
|
+
interface VstackStyles extends VstackProperties, DistributiveOmit<SystemStyleObject, keyof VstackProperties> {
|
|
11
12
|
}
|
|
12
|
-
|
|
13
|
-
interface VstackStyles extends VstackProperties, DistributiveOmit<SystemStyleObject, keyof VstackProperties > {}
|
|
14
|
-
|
|
15
13
|
interface VstackPatternFn {
|
|
16
|
-
|
|
17
|
-
|
|
14
|
+
(styles?: VstackStyles): string;
|
|
15
|
+
raw: (styles?: VstackStyles) => SystemStyleObject;
|
|
18
16
|
}
|
|
19
|
-
|
|
20
|
-
|
|
21
17
|
export declare const vstack: VstackPatternFn;
|
|
@@ -4,21 +4,17 @@ import type { Properties } from '../types/csstype';
|
|
|
4
4
|
import type { SystemProperties } from '../types/style-props';
|
|
5
5
|
import type { DistributiveOmit } from '../types/system-types';
|
|
6
6
|
import type { Tokens } from '../tokens/index';
|
|
7
|
-
|
|
8
7
|
export interface WrapProperties {
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
8
|
+
gap?: SystemProperties["gap"];
|
|
9
|
+
rowGap?: SystemProperties["gap"];
|
|
10
|
+
columnGap?: SystemProperties["gap"];
|
|
11
|
+
align?: SystemProperties["alignItems"];
|
|
12
|
+
justify?: SystemProperties["justifyContent"];
|
|
13
|
+
}
|
|
14
|
+
interface WrapStyles extends WrapProperties, DistributiveOmit<SystemStyleObject, keyof WrapProperties> {
|
|
14
15
|
}
|
|
15
|
-
|
|
16
|
-
interface WrapStyles extends WrapProperties, DistributiveOmit<SystemStyleObject, keyof WrapProperties > {}
|
|
17
|
-
|
|
18
16
|
interface WrapPatternFn {
|
|
19
|
-
|
|
20
|
-
|
|
17
|
+
(styles?: WrapStyles): string;
|
|
18
|
+
raw: (styles?: WrapStyles) => SystemStyleObject;
|
|
21
19
|
}
|
|
22
|
-
|
|
23
|
-
|
|
24
20
|
export declare const wrap: WrapPatternFn;
|
|
@@ -1,9 +1,7 @@
|
|
|
1
1
|
/* eslint-disable */
|
|
2
2
|
import type { Token } from './tokens';
|
|
3
|
-
|
|
4
3
|
export declare const token: {
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
}
|
|
8
|
-
|
|
9
|
-
export * from './tokens';
|
|
4
|
+
(path: Token, fallback?: string): string;
|
|
5
|
+
var: (path: Token, fallback?: string) => string;
|
|
6
|
+
};
|
|
7
|
+
export * from './tokens';
|
|
@@ -1,63 +1,44 @@
|
|
|
1
1
|
/* eslint-disable */
|
|
2
|
-
export type Token = `aspectRatios.${AspectRatioToken}` | `borders.${BorderToken}` | `fonts.${FontToken}` | `letterSpacings.${LetterSpacingToken}` | `blurs.${BlurToken}` | `animations.${AnimationToken}` | `borderWidths.${BorderWidthToken}` | `colors.${ColorToken}` | `durations.${DurationToken}` | `easings.${EasingToken}` | `fontSizes.${FontSizeToken}` | `fontWeights.${FontWeightToken}` | `lineHeights.${LineHeightToken}` | `radii.${RadiusToken}` | `shadows.${ShadowToken}` | `sizes.${SizeToken}` | `spacing.${SpacingToken}` | `breakpoints.${BreakpointToken}
|
|
3
|
-
|
|
4
|
-
export type
|
|
5
|
-
|
|
6
|
-
export type
|
|
7
|
-
|
|
8
|
-
export type
|
|
9
|
-
|
|
10
|
-
export type
|
|
11
|
-
|
|
12
|
-
export type
|
|
13
|
-
|
|
14
|
-
export type
|
|
15
|
-
|
|
16
|
-
export type
|
|
17
|
-
|
|
18
|
-
export type
|
|
19
|
-
|
|
20
|
-
export type
|
|
21
|
-
|
|
22
|
-
export type DurationToken = "fastest" | "faster" | "normal" | "slower" | "slowest" | "fast" | "base" | "slow"
|
|
23
|
-
|
|
24
|
-
export type EasingToken = "default" | "linear" | "in" | "out" | "in-out" | "standard" | "emphasized"
|
|
25
|
-
|
|
26
|
-
export type FontSizeToken = "2xs" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl" | "xs" | "sm"
|
|
27
|
-
|
|
28
|
-
export type FontWeightToken = "thin" | "extralight" | "light" | "normal" | "medium" | "semibold" | "bold" | "extrabold" | "black" | "control"
|
|
29
|
-
|
|
30
|
-
export type LineHeightToken = "none" | "tight" | "snug" | "normal" | "relaxed" | "loose" | "xs" | "sm"
|
|
31
|
-
|
|
32
|
-
export type RadiusToken = "xs" | "sm" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "full" | "badge" | "md"
|
|
33
|
-
|
|
34
|
-
export type ShadowToken = "2xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "inset-2xs" | "inset-xs" | "inset-sm" | "focus" | "focus.destructive" | "focus.destructive.dark" | "focus.info" | "focus.info.dark" | "focus.success" | "focus.success.dark" | "focus.warning" | "focus.warning.dark" | "xs"
|
|
35
|
-
|
|
36
|
-
export type SizeToken = "0" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "10" | "11" | "12" | "14" | "16" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "52" | "56" | "60" | "64" | "72" | "80" | "96" | "0.5" | "1.5" | "2.5" | "3.5" | "4.5" | "5.5" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "prose" | "full" | "min" | "max" | "fit" | "control.xs" | "control.sm" | "control.md" | "control.lg" | "icon.xs" | "icon.sm" | "breakpoint-sm" | "breakpoint-md" | "breakpoint-lg" | "breakpoint-xl" | "breakpoint-2xl"
|
|
37
|
-
|
|
38
|
-
export type SpacingToken = "0" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "10" | "11" | "12" | "14" | "16" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "52" | "56" | "60" | "64" | "72" | "80" | "96" | "0.5" | "1.5" | "2.5" | "3.5" | "4.5" | "5.5" | "control.gap" | "control.padding.x" | "control.padding.xs" | "control.padding.sm" | "control.padding.lg" | "control.withIcon.xs" | "control.withIcon.sm" | "control.withIcon.md" | "control.withIcon.lg" | "gap.1" | "gap.1.5" | "badge.x" | "-1" | "-2" | "-3" | "-4" | "-5" | "-6" | "-7" | "-8" | "-9" | "-10" | "-11" | "-12" | "-14" | "-16" | "-20" | "-24" | "-28" | "-32" | "-36" | "-40" | "-44" | "-48" | "-52" | "-56" | "-60" | "-64" | "-72" | "-80" | "-96" | "-0.5" | "-1.5" | "-2.5" | "-3.5" | "-4.5" | "-5.5" | "-control.gap" | "-control.padding.x" | "-control.padding.xs" | "-control.padding.sm" | "-control.padding.lg" | "-control.withIcon.xs" | "-control.withIcon.sm" | "-control.withIcon.md" | "-control.withIcon.lg" | "-gap.1" | "-gap.1.5" | "-badge.x"
|
|
39
|
-
|
|
40
|
-
export type BreakpointToken = "sm" | "md" | "lg" | "xl" | "2xl"
|
|
41
|
-
|
|
2
|
+
export type Token = `aspectRatios.${AspectRatioToken}` | `borders.${BorderToken}` | `fonts.${FontToken}` | `letterSpacings.${LetterSpacingToken}` | `blurs.${BlurToken}` | `animations.${AnimationToken}` | `borderWidths.${BorderWidthToken}` | `colors.${ColorToken}` | `durations.${DurationToken}` | `easings.${EasingToken}` | `fontSizes.${FontSizeToken}` | `fontWeights.${FontWeightToken}` | `lineHeights.${LineHeightToken}` | `radii.${RadiusToken}` | `shadows.${ShadowToken}` | `sizes.${SizeToken}` | `spacing.${SpacingToken}` | `breakpoints.${BreakpointToken}`;
|
|
3
|
+
export type ColorPalette = "current" | "black" | "white" | "transparent" | "rose" | "pink" | "fuchsia" | "purple" | "violet" | "indigo" | "blue" | "sky" | "cyan" | "teal" | "emerald" | "green" | "lime" | "yellow" | "amber" | "orange" | "red" | "neutral" | "stone" | "zinc" | "gray" | "slate" | "accent" | "accent.foreground" | "background" | "border" | "destructive" | "destructive.foreground" | "destructive.hover" | "destructive.ring" | "destructive.ring.dark" | "destructive.subtle" | "destructive.subtle.dark" | "destructive.border" | "destructive.border.dark" | "foreground" | "info" | "info.muted" | "info.border" | "info.border.dark" | "info.ring" | "info.ring.dark" | "input" | "input.subtle" | "input.hover" | "muted" | "muted.subtle" | "primary" | "primary.foreground" | "primary.hover" | "ring" | "ring.subtle" | "secondary" | "secondary.foreground" | "secondary.hover" | "secondary.hover.anchor" | "success" | "success.muted" | "success.border" | "success.border.dark" | "success.ring" | "success.ring.dark" | "warning" | "warning.muted" | "warning.border" | "warning.border.dark" | "warning.ring" | "warning.ring.dark";
|
|
4
|
+
export type AspectRatioToken = "square" | "landscape" | "portrait" | "wide" | "ultrawide" | "golden";
|
|
5
|
+
export type BorderToken = "none";
|
|
6
|
+
export type FontToken = "sans" | "serif" | "mono";
|
|
7
|
+
export type LetterSpacingToken = "tighter" | "tight" | "normal" | "wide" | "wider" | "widest";
|
|
8
|
+
export type BlurToken = "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl";
|
|
9
|
+
export type AnimationToken = "ping" | "bounce" | "pulse" | "spin";
|
|
10
|
+
export type BorderWidthToken = "default" | "focus";
|
|
11
|
+
export type ColorToken = "current" | "black" | "white" | "transparent" | "rose.50" | "rose.100" | "rose.200" | "rose.300" | "rose.400" | "rose.500" | "rose.600" | "rose.700" | "rose.800" | "rose.900" | "rose.950" | "pink.50" | "pink.100" | "pink.200" | "pink.300" | "pink.400" | "pink.500" | "pink.600" | "pink.700" | "pink.800" | "pink.900" | "pink.950" | "fuchsia.50" | "fuchsia.100" | "fuchsia.200" | "fuchsia.300" | "fuchsia.400" | "fuchsia.500" | "fuchsia.600" | "fuchsia.700" | "fuchsia.800" | "fuchsia.900" | "fuchsia.950" | "purple.50" | "purple.100" | "purple.200" | "purple.300" | "purple.400" | "purple.500" | "purple.600" | "purple.700" | "purple.800" | "purple.900" | "purple.950" | "violet.50" | "violet.100" | "violet.200" | "violet.300" | "violet.400" | "violet.500" | "violet.600" | "violet.700" | "violet.800" | "violet.900" | "violet.950" | "indigo.50" | "indigo.100" | "indigo.200" | "indigo.300" | "indigo.400" | "indigo.500" | "indigo.600" | "indigo.700" | "indigo.800" | "indigo.900" | "indigo.950" | "blue.50" | "blue.100" | "blue.200" | "blue.300" | "blue.400" | "blue.500" | "blue.600" | "blue.700" | "blue.800" | "blue.900" | "blue.950" | "sky.50" | "sky.100" | "sky.200" | "sky.300" | "sky.400" | "sky.500" | "sky.600" | "sky.700" | "sky.800" | "sky.900" | "sky.950" | "cyan.50" | "cyan.100" | "cyan.200" | "cyan.300" | "cyan.400" | "cyan.500" | "cyan.600" | "cyan.700" | "cyan.800" | "cyan.900" | "cyan.950" | "teal.50" | "teal.100" | "teal.200" | "teal.300" | "teal.400" | "teal.500" | "teal.600" | "teal.700" | "teal.800" | "teal.900" | "teal.950" | "emerald.50" | "emerald.100" | "emerald.200" | "emerald.300" | "emerald.400" | "emerald.500" | "emerald.600" | "emerald.700" | "emerald.800" | "emerald.900" | "emerald.950" | "green.50" | "green.100" | "green.200" | "green.300" | "green.400" | "green.500" | "green.600" | "green.700" | "green.800" | "green.900" | "green.950" | "lime.50" | "lime.100" | "lime.200" | "lime.300" | "lime.400" | "lime.500" | "lime.600" | "lime.700" | "lime.800" | "lime.900" | "lime.950" | "yellow.50" | "yellow.100" | "yellow.200" | "yellow.300" | "yellow.400" | "yellow.500" | "yellow.600" | "yellow.700" | "yellow.800" | "yellow.900" | "yellow.950" | "amber.50" | "amber.100" | "amber.200" | "amber.300" | "amber.400" | "amber.500" | "amber.600" | "amber.700" | "amber.800" | "amber.900" | "amber.950" | "orange.50" | "orange.100" | "orange.200" | "orange.300" | "orange.400" | "orange.500" | "orange.600" | "orange.700" | "orange.800" | "orange.900" | "orange.950" | "red.50" | "red.100" | "red.200" | "red.300" | "red.400" | "red.500" | "red.600" | "red.700" | "red.800" | "red.900" | "red.950" | "neutral.50" | "neutral.100" | "neutral.200" | "neutral.300" | "neutral.400" | "neutral.500" | "neutral.600" | "neutral.700" | "neutral.800" | "neutral.900" | "neutral.950" | "stone.50" | "stone.100" | "stone.200" | "stone.300" | "stone.400" | "stone.500" | "stone.600" | "stone.700" | "stone.800" | "stone.900" | "stone.950" | "zinc.50" | "zinc.100" | "zinc.200" | "zinc.300" | "zinc.400" | "zinc.500" | "zinc.600" | "zinc.700" | "zinc.800" | "zinc.900" | "zinc.950" | "gray.50" | "gray.100" | "gray.200" | "gray.300" | "gray.400" | "gray.500" | "gray.600" | "gray.700" | "gray.800" | "gray.900" | "gray.950" | "slate.50" | "slate.100" | "slate.200" | "slate.300" | "slate.400" | "slate.500" | "slate.600" | "slate.700" | "slate.800" | "slate.900" | "slate.950" | "accent" | "accent.foreground" | "background" | "border" | "destructive" | "destructive.foreground" | "destructive.hover" | "destructive.ring" | "destructive.ring.dark" | "destructive.subtle" | "destructive.subtle.dark" | "destructive.border" | "destructive.border.dark" | "foreground" | "info" | "info.muted" | "info.border" | "info.border.dark" | "info.ring" | "info.ring.dark" | "input" | "input.subtle" | "input.hover" | "muted" | "muted.subtle" | "primary" | "primary.foreground" | "primary.hover" | "ring" | "ring.subtle" | "secondary" | "secondary.foreground" | "secondary.hover" | "secondary.hover.anchor" | "success" | "success.muted" | "success.border" | "success.border.dark" | "success.ring" | "success.ring.dark" | "warning" | "warning.muted" | "warning.border" | "warning.border.dark" | "warning.ring" | "warning.ring.dark" | "colorPalette" | "colorPalette.50" | "colorPalette.100" | "colorPalette.200" | "colorPalette.300" | "colorPalette.400" | "colorPalette.500" | "colorPalette.600" | "colorPalette.700" | "colorPalette.800" | "colorPalette.900" | "colorPalette.950";
|
|
12
|
+
export type DurationToken = "fastest" | "faster" | "normal" | "slower" | "slowest" | "fast" | "base" | "slow";
|
|
13
|
+
export type EasingToken = "default" | "linear" | "in" | "out" | "in-out" | "standard" | "emphasized";
|
|
14
|
+
export type FontSizeToken = "2xs" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl" | "xs" | "sm";
|
|
15
|
+
export type FontWeightToken = "thin" | "extralight" | "light" | "normal" | "medium" | "semibold" | "bold" | "extrabold" | "black" | "control";
|
|
16
|
+
export type LineHeightToken = "none" | "tight" | "snug" | "normal" | "relaxed" | "loose" | "xs" | "sm";
|
|
17
|
+
export type RadiusToken = "xs" | "sm" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "full" | "badge" | "md";
|
|
18
|
+
export type ShadowToken = "2xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "inset-2xs" | "inset-xs" | "inset-sm" | "focus" | "focus.destructive" | "focus.destructive.dark" | "focus.info" | "focus.info.dark" | "focus.success" | "focus.success.dark" | "focus.warning" | "focus.warning.dark" | "xs";
|
|
19
|
+
export type SizeToken = "0" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "10" | "11" | "12" | "14" | "16" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "52" | "56" | "60" | "64" | "72" | "80" | "96" | "0.5" | "1.5" | "2.5" | "3.5" | "4.5" | "5.5" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "prose" | "full" | "min" | "max" | "fit" | "control.xs" | "control.sm" | "control.md" | "control.lg" | "icon.xs" | "icon.sm" | "breakpoint-sm" | "breakpoint-md" | "breakpoint-lg" | "breakpoint-xl" | "breakpoint-2xl";
|
|
20
|
+
export type SpacingToken = "0" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "10" | "11" | "12" | "14" | "16" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "52" | "56" | "60" | "64" | "72" | "80" | "96" | "0.5" | "1.5" | "2.5" | "3.5" | "4.5" | "5.5" | "control.gap" | "control.padding.x" | "control.padding.xs" | "control.padding.sm" | "control.padding.lg" | "control.withIcon.xs" | "control.withIcon.sm" | "control.withIcon.md" | "control.withIcon.lg" | "gap.1" | "gap.1.5" | "badge.x" | "-1" | "-2" | "-3" | "-4" | "-5" | "-6" | "-7" | "-8" | "-9" | "-10" | "-11" | "-12" | "-14" | "-16" | "-20" | "-24" | "-28" | "-32" | "-36" | "-40" | "-44" | "-48" | "-52" | "-56" | "-60" | "-64" | "-72" | "-80" | "-96" | "-0.5" | "-1.5" | "-2.5" | "-3.5" | "-4.5" | "-5.5" | "-control.gap" | "-control.padding.x" | "-control.padding.xs" | "-control.padding.sm" | "-control.padding.lg" | "-control.withIcon.xs" | "-control.withIcon.sm" | "-control.withIcon.md" | "-control.withIcon.lg" | "-gap.1" | "-gap.1.5" | "-badge.x";
|
|
21
|
+
export type BreakpointToken = "sm" | "md" | "lg" | "xl" | "2xl";
|
|
42
22
|
export type Tokens = {
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
} & {
|
|
62
|
-
|
|
63
|
-
|
|
23
|
+
aspectRatios: AspectRatioToken;
|
|
24
|
+
borders: BorderToken;
|
|
25
|
+
fonts: FontToken;
|
|
26
|
+
letterSpacings: LetterSpacingToken;
|
|
27
|
+
blurs: BlurToken;
|
|
28
|
+
animations: AnimationToken;
|
|
29
|
+
borderWidths: BorderWidthToken;
|
|
30
|
+
colors: ColorToken;
|
|
31
|
+
durations: DurationToken;
|
|
32
|
+
easings: EasingToken;
|
|
33
|
+
fontSizes: FontSizeToken;
|
|
34
|
+
fontWeights: FontWeightToken;
|
|
35
|
+
lineHeights: LineHeightToken;
|
|
36
|
+
radii: RadiusToken;
|
|
37
|
+
shadows: ShadowToken;
|
|
38
|
+
sizes: SizeToken;
|
|
39
|
+
spacing: SpacingToken;
|
|
40
|
+
breakpoints: BreakpointToken;
|
|
41
|
+
} & {
|
|
42
|
+
[token: string]: never;
|
|
43
|
+
};
|
|
44
|
+
export type TokenCategory = "aspectRatios" | "zIndex" | "opacity" | "colors" | "fonts" | "fontSizes" | "fontWeights" | "lineHeights" | "letterSpacings" | "sizes" | "cursor" | "shadows" | "spacing" | "radii" | "borders" | "borderWidths" | "durations" | "easings" | "animations" | "blurs" | "gradients" | "breakpoints" | "assets";
|