@sorayasm/vietri-ds 0.0.0-stage → 0.2.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/CHANGELOG.md +53 -0
- package/LICENSE +21 -0
- package/README.md +254 -2
- package/dist/index.cjs +11 -0
- package/dist/index.cjs.map +1 -0
- package/dist/index.js +2012 -0
- package/dist/index.js.map +1 -0
- package/dist/types/components/BarChart/BarChart.d.ts +15 -0
- package/dist/types/components/BarChart/BarChart.d.ts.map +1 -0
- package/dist/types/components/BarChart/index.d.ts +3 -0
- package/dist/types/components/BarChart/index.d.ts.map +1 -0
- package/dist/types/components/Button/Button.d.ts +3 -0
- package/dist/types/components/Button/Button.d.ts.map +1 -0
- package/dist/types/components/Button/index.d.ts +3 -0
- package/dist/types/components/Button/index.d.ts.map +1 -0
- package/dist/types/components/Card/Card.d.ts +7 -0
- package/dist/types/components/Card/Card.d.ts.map +1 -0
- package/dist/types/components/Card/index.d.ts +3 -0
- package/dist/types/components/Card/index.d.ts.map +1 -0
- package/dist/types/components/Chip/Chip.d.ts +17 -0
- package/dist/types/components/Chip/Chip.d.ts.map +1 -0
- package/dist/types/components/Chip/index.d.ts +3 -0
- package/dist/types/components/Chip/index.d.ts.map +1 -0
- package/dist/types/components/ContentRail/ContentRail.d.ts +24 -0
- package/dist/types/components/ContentRail/ContentRail.d.ts.map +1 -0
- package/dist/types/components/ContentRail/index.d.ts +3 -0
- package/dist/types/components/ContentRail/index.d.ts.map +1 -0
- package/dist/types/components/CopyField/CopyField.d.ts +16 -0
- package/dist/types/components/CopyField/CopyField.d.ts.map +1 -0
- package/dist/types/components/CopyField/index.d.ts +3 -0
- package/dist/types/components/CopyField/index.d.ts.map +1 -0
- package/dist/types/components/DataTable/DataTable.d.ts +23 -0
- package/dist/types/components/DataTable/DataTable.d.ts.map +1 -0
- package/dist/types/components/DataTable/index.d.ts +3 -0
- package/dist/types/components/DataTable/index.d.ts.map +1 -0
- package/dist/types/components/Dialog/Dialog.d.ts +20 -0
- package/dist/types/components/Dialog/Dialog.d.ts.map +1 -0
- package/dist/types/components/Dialog/index.d.ts +3 -0
- package/dist/types/components/Dialog/index.d.ts.map +1 -0
- package/dist/types/components/Drawer/Drawer.d.ts +21 -0
- package/dist/types/components/Drawer/Drawer.d.ts.map +1 -0
- package/dist/types/components/Drawer/index.d.ts +3 -0
- package/dist/types/components/Drawer/index.d.ts.map +1 -0
- package/dist/types/components/EpisodeList/EpisodeList.d.ts +37 -0
- package/dist/types/components/EpisodeList/EpisodeList.d.ts.map +1 -0
- package/dist/types/components/EpisodeList/index.d.ts +3 -0
- package/dist/types/components/EpisodeList/index.d.ts.map +1 -0
- package/dist/types/components/FeatureCard/FeatureCard.d.ts +17 -0
- package/dist/types/components/FeatureCard/FeatureCard.d.ts.map +1 -0
- package/dist/types/components/FeatureCard/index.d.ts +3 -0
- package/dist/types/components/FeatureCard/index.d.ts.map +1 -0
- package/dist/types/components/Footer/Footer.d.ts +24 -0
- package/dist/types/components/Footer/Footer.d.ts.map +1 -0
- package/dist/types/components/Footer/index.d.ts +3 -0
- package/dist/types/components/Footer/index.d.ts.map +1 -0
- package/dist/types/components/Hero/Hero.d.ts +21 -0
- package/dist/types/components/Hero/Hero.d.ts.map +1 -0
- package/dist/types/components/Hero/index.d.ts +3 -0
- package/dist/types/components/Hero/index.d.ts.map +1 -0
- package/dist/types/components/Icon/Icon.d.ts +11 -0
- package/dist/types/components/Icon/Icon.d.ts.map +1 -0
- package/dist/types/components/Icon/icons.d.ts +6 -0
- package/dist/types/components/Icon/icons.d.ts.map +1 -0
- package/dist/types/components/Icon/index.d.ts +3 -0
- package/dist/types/components/Icon/index.d.ts.map +1 -0
- package/dist/types/components/Input/Input.d.ts +3 -0
- package/dist/types/components/Input/Input.d.ts.map +1 -0
- package/dist/types/components/Input/index.d.ts +3 -0
- package/dist/types/components/Input/index.d.ts.map +1 -0
- package/dist/types/components/LanguageSwitch/LanguageSwitch.d.ts +13 -0
- package/dist/types/components/LanguageSwitch/LanguageSwitch.d.ts.map +1 -0
- package/dist/types/components/LanguageSwitch/index.d.ts +3 -0
- package/dist/types/components/LanguageSwitch/index.d.ts.map +1 -0
- package/dist/types/components/MediaCard/MediaCard.d.ts +31 -0
- package/dist/types/components/MediaCard/MediaCard.d.ts.map +1 -0
- package/dist/types/components/MediaCard/index.d.ts +3 -0
- package/dist/types/components/MediaCard/index.d.ts.map +1 -0
- package/dist/types/components/NavBar/NavBar.d.ts +30 -0
- package/dist/types/components/NavBar/NavBar.d.ts.map +1 -0
- package/dist/types/components/NavBar/index.d.ts +3 -0
- package/dist/types/components/NavBar/index.d.ts.map +1 -0
- package/dist/types/components/PlaylistCard/PlaylistCard.d.ts +27 -0
- package/dist/types/components/PlaylistCard/PlaylistCard.d.ts.map +1 -0
- package/dist/types/components/PlaylistCard/index.d.ts +3 -0
- package/dist/types/components/PlaylistCard/index.d.ts.map +1 -0
- package/dist/types/components/ProfileCard/ProfileCard.d.ts +29 -0
- package/dist/types/components/ProfileCard/ProfileCard.d.ts.map +1 -0
- package/dist/types/components/ProfileCard/index.d.ts +3 -0
- package/dist/types/components/ProfileCard/index.d.ts.map +1 -0
- package/dist/types/components/SectionHeader/SectionHeader.d.ts +17 -0
- package/dist/types/components/SectionHeader/SectionHeader.d.ts.map +1 -0
- package/dist/types/components/SectionHeader/index.d.ts +3 -0
- package/dist/types/components/SectionHeader/index.d.ts.map +1 -0
- package/dist/types/components/Select/Select.d.ts +23 -0
- package/dist/types/components/Select/Select.d.ts.map +1 -0
- package/dist/types/components/Select/index.d.ts +3 -0
- package/dist/types/components/Select/index.d.ts.map +1 -0
- package/dist/types/components/SkipLink/SkipLink.d.ts +12 -0
- package/dist/types/components/SkipLink/SkipLink.d.ts.map +1 -0
- package/dist/types/components/SkipLink/index.d.ts +3 -0
- package/dist/types/components/SkipLink/index.d.ts.map +1 -0
- package/dist/types/components/StatCard/StatCard.d.ts +11 -0
- package/dist/types/components/StatCard/StatCard.d.ts.map +1 -0
- package/dist/types/components/StatCard/index.d.ts +3 -0
- package/dist/types/components/StatCard/index.d.ts.map +1 -0
- package/dist/types/components/Steps/Steps.d.ts +20 -0
- package/dist/types/components/Steps/Steps.d.ts.map +1 -0
- package/dist/types/components/Steps/index.d.ts +3 -0
- package/dist/types/components/Steps/index.d.ts.map +1 -0
- package/dist/types/components/Tabs/Tabs.d.ts +5 -0
- package/dist/types/components/Tabs/Tabs.d.ts.map +1 -0
- package/dist/types/components/Tabs/index.d.ts +3 -0
- package/dist/types/components/Tabs/index.d.ts.map +1 -0
- package/dist/types/components/Timeline/Timeline.d.ts +24 -0
- package/dist/types/components/Timeline/Timeline.d.ts.map +1 -0
- package/dist/types/components/Timeline/index.d.ts +3 -0
- package/dist/types/components/Timeline/index.d.ts.map +1 -0
- package/dist/types/components/Typography/Typography.d.ts +3 -0
- package/dist/types/components/Typography/Typography.d.ts.map +1 -0
- package/dist/types/components/Typography/index.d.ts +3 -0
- package/dist/types/components/Typography/index.d.ts.map +1 -0
- package/dist/types/components/VideoEmbed/VideoEmbed.d.ts +25 -0
- package/dist/types/components/VideoEmbed/VideoEmbed.d.ts.map +1 -0
- package/dist/types/components/VideoEmbed/index.d.ts +3 -0
- package/dist/types/components/VideoEmbed/index.d.ts.map +1 -0
- package/dist/types/components/VisuallyHidden/VisuallyHidden.d.ts +7 -0
- package/dist/types/components/VisuallyHidden/VisuallyHidden.d.ts.map +1 -0
- package/dist/types/components/VisuallyHidden/index.d.ts +2 -0
- package/dist/types/components/VisuallyHidden/index.d.ts.map +1 -0
- package/dist/types/components/index.d.ts +61 -0
- package/dist/types/components/index.d.ts.map +1 -0
- package/dist/types/components/internal/stretched.d.ts +18 -0
- package/dist/types/components/internal/stretched.d.ts.map +1 -0
- package/dist/types/index.d.ts +3 -0
- package/dist/types/index.d.ts.map +1 -0
- package/dist/types/theme/augmentation.d.ts +18 -0
- package/dist/types/theme/augmentation.d.ts.map +1 -0
- package/dist/types/theme/base.d.ts +17 -0
- package/dist/types/theme/base.d.ts.map +1 -0
- package/dist/types/theme/categorical.d.ts +35 -0
- package/dist/types/theme/categorical.d.ts.map +1 -0
- package/dist/types/theme/categorical.test.d.ts +2 -0
- package/dist/types/theme/categorical.test.d.ts.map +1 -0
- package/dist/types/theme/components.d.ts +8 -0
- package/dist/types/theme/components.d.ts.map +1 -0
- package/dist/types/theme/editorial.d.ts +2 -0
- package/dist/types/theme/editorial.d.ts.map +1 -0
- package/dist/types/theme/gradients.test.d.ts +2 -0
- package/dist/types/theme/gradients.test.d.ts.map +1 -0
- package/dist/types/theme/index.d.ts +13 -0
- package/dist/types/theme/index.d.ts.map +1 -0
- package/dist/types/theme/observatory.d.ts +2 -0
- package/dist/types/theme/observatory.d.ts.map +1 -0
- package/dist/types/theme/palettes.d.ts +74 -0
- package/dist/types/theme/palettes.d.ts.map +1 -0
- package/dist/types/theme/status.test.d.ts +2 -0
- package/dist/types/theme/status.test.d.ts.map +1 -0
- package/dist/types/theme/streaming.d.ts +2 -0
- package/dist/types/theme/streaming.d.ts.map +1 -0
- package/dist/types/theme/themes.test.d.ts +2 -0
- package/dist/types/theme/themes.test.d.ts.map +1 -0
- package/dist/types/theme/tokens.d.ts +49 -0
- package/dist/types/theme/tokens.d.ts.map +1 -0
- package/package.json +88 -4
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
import type { ReactNode } from "react";
|
|
2
|
+
type HeadingLevel = 2 | 3 | 4 | 5 | 6;
|
|
3
|
+
export interface Step {
|
|
4
|
+
title: string;
|
|
5
|
+
description?: ReactNode;
|
|
6
|
+
}
|
|
7
|
+
export interface StepsProps {
|
|
8
|
+
steps: Step[];
|
|
9
|
+
/** Heading level of each step title. Default 3. */
|
|
10
|
+
level?: HeadingLevel;
|
|
11
|
+
/** Accessible name of the list, for example "Methodology". */
|
|
12
|
+
ariaLabel?: string;
|
|
13
|
+
}
|
|
14
|
+
/**
|
|
15
|
+
* Numbered process. It is an ordered list, so screen readers announce the
|
|
16
|
+
* position of each step; the visible numbers are decorative.
|
|
17
|
+
*/
|
|
18
|
+
export declare function Steps({ steps, level, ariaLabel }: StepsProps): import("react/jsx-runtime").JSX.Element;
|
|
19
|
+
export {};
|
|
20
|
+
//# sourceMappingURL=Steps.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Steps.d.ts","sourceRoot":"","sources":["../../../../src/components/Steps/Steps.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAKvC,KAAK,YAAY,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;AAEtC,MAAM,WAAW,IAAI;IACnB,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,SAAS,CAAC;CACzB;AAED,MAAM,WAAW,UAAU;IACzB,KAAK,EAAE,IAAI,EAAE,CAAC;IACd,mDAAmD;IACnD,KAAK,CAAC,EAAE,YAAY,CAAC;IACrB,8DAA8D;IAC9D,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;GAGG;AACH,wBAAgB,KAAK,CAAC,EAAE,KAAK,EAAE,KAAS,EAAE,SAAS,EAAE,EAAE,UAAU,2CAkDhE"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Steps/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAChC,YAAY,EAAE,UAAU,EAAE,IAAI,EAAE,MAAM,SAAS,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Tabs.d.ts","sourceRoot":"","sources":["../../../../src/components/Tabs/Tabs.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,oBAAoB,CAAC;AACrD,YAAY,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AACpD,OAAO,EAAE,OAAO,IAAI,GAAG,EAAE,MAAM,mBAAmB,CAAC;AACnD,YAAY,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Tabs/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,GAAG,EAAE,MAAM,QAAQ,CAAC;AACnC,YAAY,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,QAAQ,CAAC"}
|
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
import type { ReactNode } from "react";
|
|
2
|
+
type HeadingLevel = 2 | 3 | 4 | 5 | 6;
|
|
3
|
+
export interface TimelineEntry {
|
|
4
|
+
/** Unique id. It is also the anchor of the entry (`#id`). */
|
|
5
|
+
id: string;
|
|
6
|
+
/** Period or date, for example "1920s". */
|
|
7
|
+
label: string;
|
|
8
|
+
description?: ReactNode;
|
|
9
|
+
content?: ReactNode;
|
|
10
|
+
}
|
|
11
|
+
export interface TimelineProps {
|
|
12
|
+
entries: TimelineEntry[];
|
|
13
|
+
/** Heading level of each label. Default 3. */
|
|
14
|
+
level?: HeadingLevel;
|
|
15
|
+
/** Accessible name of the list, for example "Timeline by decade". */
|
|
16
|
+
ariaLabel?: string;
|
|
17
|
+
}
|
|
18
|
+
/**
|
|
19
|
+
* Vertical timeline. It is an ordered list; every entry has a heading, so
|
|
20
|
+
* screen reader users can jump from period to period.
|
|
21
|
+
*/
|
|
22
|
+
export declare function Timeline({ entries, level, ariaLabel }: TimelineProps): import("react/jsx-runtime").JSX.Element;
|
|
23
|
+
export {};
|
|
24
|
+
//# sourceMappingURL=Timeline.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Timeline.d.ts","sourceRoot":"","sources":["../../../../src/components/Timeline/Timeline.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAIvC,KAAK,YAAY,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;AAEtC,MAAM,WAAW,aAAa;IAC5B,6DAA6D;IAC7D,EAAE,EAAE,MAAM,CAAC;IACX,2CAA2C;IAC3C,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,OAAO,CAAC,EAAE,SAAS,CAAC;CACrB;AAED,MAAM,WAAW,aAAa;IAC5B,OAAO,EAAE,aAAa,EAAE,CAAC;IACzB,8CAA8C;IAC9C,KAAK,CAAC,EAAE,YAAY,CAAC;IACrB,qEAAqE;IACrE,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;GAGG;AACH,wBAAgB,QAAQ,CAAC,EAAE,OAAO,EAAE,KAAS,EAAE,SAAS,EAAE,EAAE,aAAa,2CA4DxE"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Timeline/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,YAAY,EAAE,aAAa,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Typography.d.ts","sourceRoot":"","sources":["../../../../src/components/Typography/Typography.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,0BAA0B,CAAC;AACjE,YAAY,EAAE,eAAe,EAAE,MAAM,0BAA0B,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Typography/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,YAAY,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC"}
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
export interface VideoEmbedProps {
|
|
2
|
+
/** YouTube video id, for example "jNQXAC9IVRw". */
|
|
3
|
+
videoId: string;
|
|
4
|
+
/** Title of the video. It is the accessible name of the player. */
|
|
5
|
+
title: string;
|
|
6
|
+
/** Image shown before the video loads. Without it a black surface is shown. */
|
|
7
|
+
poster?: string;
|
|
8
|
+
/** Start time in seconds. */
|
|
9
|
+
start?: number;
|
|
10
|
+
/**
|
|
11
|
+
* When true (default) nothing is loaded from YouTube until the person
|
|
12
|
+
* presses play: faster pages and no third-party tracking before consent.
|
|
13
|
+
* When false the player loads right away.
|
|
14
|
+
*/
|
|
15
|
+
lazy?: boolean;
|
|
16
|
+
/** Label of the play button. Default "Play video: {title}". */
|
|
17
|
+
playLabel?: string;
|
|
18
|
+
}
|
|
19
|
+
/**
|
|
20
|
+
* Responsive 16:9 YouTube player. It uses the privacy-enhanced domain
|
|
21
|
+
* (youtube-nocookie.com) and, by default, loads nothing until the person
|
|
22
|
+
* presses play. After pressing play, focus moves to the player.
|
|
23
|
+
*/
|
|
24
|
+
export declare function VideoEmbed({ videoId, title, poster, start, lazy, playLabel, }: VideoEmbedProps): import("react/jsx-runtime").JSX.Element;
|
|
25
|
+
//# sourceMappingURL=VideoEmbed.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"VideoEmbed.d.ts","sourceRoot":"","sources":["../../../../src/components/VideoEmbed/VideoEmbed.tsx"],"names":[],"mappings":"AAMA,MAAM,WAAW,eAAe;IAC9B,mDAAmD;IACnD,OAAO,EAAE,MAAM,CAAC;IAChB,mEAAmE;IACnE,KAAK,EAAE,MAAM,CAAC;IACd,+EAA+E;IAC/E,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,6BAA6B;IAC7B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;;;OAIG;IACH,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,+DAA+D;IAC/D,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AASD;;;;GAIG;AACH,wBAAgB,UAAU,CAAC,EACzB,OAAO,EACP,KAAK,EACL,MAAM,EACN,KAAK,EACL,IAAW,EACX,SAAS,GACV,EAAE,eAAe,2CA6EjB"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/VideoEmbed/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,YAAY,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC"}
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import type { ComponentPropsWithoutRef } from "react";
|
|
2
|
+
/**
|
|
3
|
+
* Hides content visually while keeping it available to screen readers. Use it
|
|
4
|
+
* for supporting text ("opens in a new tab") and for aria-live regions.
|
|
5
|
+
*/
|
|
6
|
+
export declare function VisuallyHidden(props: ComponentPropsWithoutRef<"span">): import("react/jsx-runtime").JSX.Element;
|
|
7
|
+
//# sourceMappingURL=VisuallyHidden.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"VisuallyHidden.d.ts","sourceRoot":"","sources":["../../../../src/components/VisuallyHidden/VisuallyHidden.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,OAAO,CAAC;AAEtD;;;GAGG;AACH,wBAAgB,cAAc,CAAC,KAAK,EAAE,wBAAwB,CAAC,MAAM,CAAC,2CAkBrE"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/VisuallyHidden/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC"}
|
|
@@ -0,0 +1,61 @@
|
|
|
1
|
+
export { Button } from "./Button";
|
|
2
|
+
export type { ButtonProps } from "./Button";
|
|
3
|
+
export { Typography } from "./Typography";
|
|
4
|
+
export type { TypographyProps } from "./Typography";
|
|
5
|
+
export { Card, CardContent, CardMedia, CardActions, CardActionArea, } from "./Card";
|
|
6
|
+
export type { CardProps } from "./Card";
|
|
7
|
+
export { Input } from "./Input";
|
|
8
|
+
export type { InputProps } from "./Input";
|
|
9
|
+
export { NavBar } from "./NavBar";
|
|
10
|
+
export type { NavBarProps, NavLink } from "./NavBar";
|
|
11
|
+
export { LanguageSwitch } from "./LanguageSwitch";
|
|
12
|
+
export type { LanguageSwitchProps, LanguageOption } from "./LanguageSwitch";
|
|
13
|
+
export { Tabs, Tab } from "./Tabs";
|
|
14
|
+
export type { TabsProps, TabProps } from "./Tabs";
|
|
15
|
+
export { StatCard } from "./StatCard";
|
|
16
|
+
export type { StatCardProps } from "./StatCard";
|
|
17
|
+
export { DataTable } from "./DataTable";
|
|
18
|
+
export type { DataTableProps, DataTableColumn } from "./DataTable";
|
|
19
|
+
export { BarChart } from "./BarChart";
|
|
20
|
+
export type { BarChartProps, BarChartDatum } from "./BarChart";
|
|
21
|
+
export { Icon } from "./Icon";
|
|
22
|
+
export type { IconProps } from "./Icon";
|
|
23
|
+
export * as icons from "./Icon/icons";
|
|
24
|
+
export { Chip, CategoryChip } from "./Chip";
|
|
25
|
+
export type { ChipProps, CategoryChipProps } from "./Chip";
|
|
26
|
+
export { Footer } from "./Footer";
|
|
27
|
+
export type { FooterProps, FooterLink } from "./Footer";
|
|
28
|
+
export { SectionHeader } from "./SectionHeader";
|
|
29
|
+
export type { SectionHeaderProps } from "./SectionHeader";
|
|
30
|
+
export { Select } from "./Select";
|
|
31
|
+
export type { SelectProps, SelectOption } from "./Select";
|
|
32
|
+
export { Dialog } from "./Dialog";
|
|
33
|
+
export type { DialogProps } from "./Dialog";
|
|
34
|
+
export { Drawer } from "./Drawer";
|
|
35
|
+
export type { DrawerProps } from "./Drawer";
|
|
36
|
+
export { CopyField } from "./CopyField";
|
|
37
|
+
export type { CopyFieldProps } from "./CopyField";
|
|
38
|
+
export { SkipLink } from "./SkipLink";
|
|
39
|
+
export type { SkipLinkProps } from "./SkipLink";
|
|
40
|
+
export { VisuallyHidden } from "./VisuallyHidden";
|
|
41
|
+
export { Hero } from "./Hero";
|
|
42
|
+
export type { HeroProps } from "./Hero";
|
|
43
|
+
export { FeatureCard } from "./FeatureCard";
|
|
44
|
+
export type { FeatureCardProps } from "./FeatureCard";
|
|
45
|
+
export { Steps } from "./Steps";
|
|
46
|
+
export type { StepsProps, Step } from "./Steps";
|
|
47
|
+
export { Timeline } from "./Timeline";
|
|
48
|
+
export type { TimelineProps, TimelineEntry } from "./Timeline";
|
|
49
|
+
export { ProfileCard } from "./ProfileCard";
|
|
50
|
+
export type { ProfileCardProps, ProfileTag } from "./ProfileCard";
|
|
51
|
+
export { MediaCard } from "./MediaCard";
|
|
52
|
+
export type { MediaCardProps } from "./MediaCard";
|
|
53
|
+
export { ContentRail } from "./ContentRail";
|
|
54
|
+
export type { ContentRailProps } from "./ContentRail";
|
|
55
|
+
export { VideoEmbed } from "./VideoEmbed";
|
|
56
|
+
export type { VideoEmbedProps } from "./VideoEmbed";
|
|
57
|
+
export { EpisodeList } from "./EpisodeList";
|
|
58
|
+
export type { EpisodeListProps, Episode } from "./EpisodeList";
|
|
59
|
+
export { PlaylistCard } from "./PlaylistCard";
|
|
60
|
+
export type { PlaylistCardProps, PlaylistPlatform } from "./PlaylistCard";
|
|
61
|
+
//# sourceMappingURL=index.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/index.ts"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
import type { SxProps, Theme } from "@mui/material/styles";
|
|
2
|
+
/**
|
|
3
|
+
* Link or button placed inside a heading whose ::after covers the whole card
|
|
4
|
+
* ("stretched link"): one tab stop, a real heading and a fully clickable card.
|
|
5
|
+
* Position must be static so the card is the positioning reference.
|
|
6
|
+
*/
|
|
7
|
+
export declare const stretchedLink: SxProps<Theme>;
|
|
8
|
+
/** One focus ring for the whole card, instead of one around the inner link. */
|
|
9
|
+
export declare const cardFocusRing: (theme: Theme) => {
|
|
10
|
+
"&:has(:focus-visible)": {
|
|
11
|
+
outline: string;
|
|
12
|
+
outlineOffset: number;
|
|
13
|
+
};
|
|
14
|
+
"& a:focus-visible, & button:focus-visible": {
|
|
15
|
+
outline: string;
|
|
16
|
+
};
|
|
17
|
+
};
|
|
18
|
+
//# sourceMappingURL=stretched.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"stretched.d.ts","sourceRoot":"","sources":["../../../../src/components/internal/stretched.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,MAAM,sBAAsB,CAAC;AAE3D;;;;GAIG;AACH,eAAO,MAAM,aAAa,EAAE,OAAO,CAAC,KAAK,CAWxC,CAAC;AAEF,+EAA+E;AAC/E,eAAO,MAAM,aAAa,UAAW,KAAK;;;;;;;;CAMxC,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC;AAC7B,cAAc,SAAS,CAAC"}
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
import "@mui/material/styles";
|
|
2
|
+
import type { ThemeColors } from "./palettes";
|
|
3
|
+
import type { Gradients, tokens } from "./tokens";
|
|
4
|
+
export interface VietriExtras {
|
|
5
|
+
/** Named colors of the active theme (see palettes.ts). */
|
|
6
|
+
color: ThemeColors;
|
|
7
|
+
shadow: typeof tokens.shadow;
|
|
8
|
+
gradient: Gradients;
|
|
9
|
+
}
|
|
10
|
+
declare module "@mui/material/styles" {
|
|
11
|
+
interface Theme {
|
|
12
|
+
vietri: VietriExtras;
|
|
13
|
+
}
|
|
14
|
+
interface ThemeOptions {
|
|
15
|
+
vietri?: VietriExtras;
|
|
16
|
+
}
|
|
17
|
+
}
|
|
18
|
+
//# sourceMappingURL=augmentation.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"augmentation.d.ts","sourceRoot":"","sources":["../../../src/theme/augmentation.ts"],"names":[],"mappings":"AAAA,OAAO,sBAAsB,CAAC;AAC9B,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,YAAY,CAAC;AAC9C,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAElD,MAAM,WAAW,YAAY;IAC3B,0DAA0D;IAC1D,KAAK,EAAE,WAAW,CAAC;IACnB,MAAM,EAAE,OAAO,MAAM,CAAC,MAAM,CAAC;IAC7B,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED,OAAO,QAAQ,sBAAsB,CAAC;IACpC,UAAU,KAAK;QACb,MAAM,EAAE,YAAY,CAAC;KACtB;IACD,UAAU,YAAY;QACpB,MAAM,CAAC,EAAE,YAAY,CAAC;KACvB;CACF"}
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import { type ThemeOptions } from "@mui/material/styles";
|
|
2
|
+
import "./augmentation";
|
|
3
|
+
import type { VietriExtras } from "./augmentation";
|
|
4
|
+
import type { ThemeColors } from "./palettes";
|
|
5
|
+
/** Extras available on `theme.vietri` for components. */
|
|
6
|
+
export declare function vietriExtras(colors: ThemeColors): VietriExtras;
|
|
7
|
+
/**
|
|
8
|
+
* Options shared by all themes: typography, shape, spacing, breakpoints and
|
|
9
|
+
* component styles. Each theme only provides its own palette and gradients.
|
|
10
|
+
*/
|
|
11
|
+
export declare const baseOptions: ThemeOptions;
|
|
12
|
+
/**
|
|
13
|
+
* Builds a complete theme from a palette: MUI palette, `theme.vietri` extras,
|
|
14
|
+
* and everything shared in `baseOptions`.
|
|
15
|
+
*/
|
|
16
|
+
export declare function createVietriTheme(colors: ThemeColors): import("@mui/material").Theme;
|
|
17
|
+
//# sourceMappingURL=base.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"base.d.ts","sourceRoot":"","sources":["../../../src/theme/base.ts"],"names":[],"mappings":"AAAA,OAAO,EAAe,KAAK,YAAY,EAAE,MAAM,sBAAsB,CAAC;AACtE,OAAO,gBAAgB,CAAC;AACxB,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAEnD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,YAAY,CAAC;AAK9C,yDAAyD;AACzD,wBAAgB,YAAY,CAAC,MAAM,EAAE,WAAW,GAAG,YAAY,CAM9D;AAED;;;GAGG;AACH,eAAO,MAAM,WAAW,EAAE,YAgDzB,CAAC;AAEF;;;GAGG;AACH,wBAAgB,iBAAiB,CAAC,MAAM,EAAE,WAAW,iCAiBpD"}
|
|
@@ -0,0 +1,35 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Categorical palette for countries, roles, decades, etc.
|
|
3
|
+
*
|
|
4
|
+
* It replaces colors generated from a hash: every text/background pair has a
|
|
5
|
+
* contrast of at least 7:1 (AAA), and color is never the only indicator,
|
|
6
|
+
* because it is always shown next to a text label.
|
|
7
|
+
*/
|
|
8
|
+
export interface CategoryColor {
|
|
9
|
+
/** Chip background. */
|
|
10
|
+
bg: string;
|
|
11
|
+
/** Text on the background (≥ 7:1). */
|
|
12
|
+
fg: string;
|
|
13
|
+
/** Dot or marker on white (≥ 3:1). */
|
|
14
|
+
dot: string;
|
|
15
|
+
}
|
|
16
|
+
export declare const categoryPalette: readonly CategoryColor[];
|
|
17
|
+
/**
|
|
18
|
+
* Assigns a color to each category by its position. Always pass the full,
|
|
19
|
+
* ordered list so the same value gets the same color in every view.
|
|
20
|
+
* With more categories than colors, colors repeat. Pass another palette (for
|
|
21
|
+
* example `observatoryCategoryPalette`) to change the colors.
|
|
22
|
+
*/
|
|
23
|
+
export declare function createCategoryColors(keys: readonly string[], palette?: readonly CategoryColor[]): Record<string, CategoryColor>;
|
|
24
|
+
/**
|
|
25
|
+
* Observatory categories: the seven colors of the Observatory palette used as
|
|
26
|
+
* fills. Light fills (cyan, amber, coral, vermilion) carry dark text; dark
|
|
27
|
+
* fills carry white text. Every text pair meets AA (4.5:1). `dot` is a darker
|
|
28
|
+
* shade of the same hue, so a marker is visible on white (≥ 3:1).
|
|
29
|
+
*
|
|
30
|
+
* Pass the categories ordered by importance (for example countries by number
|
|
31
|
+
* of profiles) so the most frequent ones get the most distinct colors. With
|
|
32
|
+
* more than 7 categories the colors repeat.
|
|
33
|
+
*/
|
|
34
|
+
export declare const observatoryCategoryPalette: readonly CategoryColor[];
|
|
35
|
+
//# sourceMappingURL=categorical.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"categorical.d.ts","sourceRoot":"","sources":["../../../src/theme/categorical.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AACH,MAAM,WAAW,aAAa;IAC5B,uBAAuB;IACvB,EAAE,EAAE,MAAM,CAAC;IACX,sCAAsC;IACtC,EAAE,EAAE,MAAM,CAAC;IACX,sCAAsC;IACtC,GAAG,EAAE,MAAM,CAAC;CACb;AAED,eAAO,MAAM,eAAe,EAAE,SAAS,aAAa,EAWnD,CAAC;AAEF;;;;;GAKG;AACH,wBAAgB,oBAAoB,CAClC,IAAI,EAAE,SAAS,MAAM,EAAE,EACvB,OAAO,GAAE,SAAS,aAAa,EAAoB,GAClD,MAAM,CAAC,MAAM,EAAE,aAAa,CAAC,CAK/B;AAED;;;;;;;;;GASG;AACH,eAAO,MAAM,0BAA0B,EAAE,SAAS,aAAa,EAQ9D,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"categorical.test.d.ts","sourceRoot":"","sources":["../../../src/theme/categorical.test.ts"],"names":[],"mappings":""}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import type { ThemeOptions } from "@mui/material/styles";
|
|
2
|
+
import "./augmentation";
|
|
3
|
+
/**
|
|
4
|
+
* Visual identity of the MUI components. It lives in the theme so it
|
|
5
|
+
* applies the same way to all three themes and to any app that uses Vietri.
|
|
6
|
+
*/
|
|
7
|
+
export declare const components: ThemeOptions["components"];
|
|
8
|
+
//# sourceMappingURL=components.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"components.d.ts","sourceRoot":"","sources":["../../../src/theme/components.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAC;AACzD,OAAO,gBAAgB,CAAC;AAGxB;;;GAGG;AACH,eAAO,MAAM,UAAU,EAAE,YAAY,CAAC,YAAY,CAgJjD,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"editorial.d.ts","sourceRoot":"","sources":["../../../src/theme/editorial.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,cAAc,+BAAqC,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"gradients.test.d.ts","sourceRoot":"","sources":["../../../src/theme/gradients.test.ts"],"names":[],"mappings":""}
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import "./augmentation";
|
|
2
|
+
export { editorialTheme } from "./editorial";
|
|
3
|
+
export { streamingTheme } from "./streaming";
|
|
4
|
+
export { observatoryTheme } from "./observatory";
|
|
5
|
+
export { createVietriTheme } from "./base";
|
|
6
|
+
export { tokens, linearGradient, createGradients } from "./tokens";
|
|
7
|
+
export type { GradientStops, Gradients } from "./tokens";
|
|
8
|
+
export { editorialColors, streamingColors, observatoryColors, } from "./palettes";
|
|
9
|
+
export type { ThemeColors, StatusColors } from "./palettes";
|
|
10
|
+
export { categoryPalette, observatoryCategoryPalette, createCategoryColors, } from "./categorical";
|
|
11
|
+
export type { CategoryColor } from "./categorical";
|
|
12
|
+
export type { VietriExtras } from "./augmentation";
|
|
13
|
+
//# sourceMappingURL=index.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/theme/index.ts"],"names":[],"mappings":"AAAA,OAAO,gBAAgB,CAAC;AAExB,OAAO,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AAC7C,OAAO,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AAC7C,OAAO,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAC;AACjD,OAAO,EAAE,iBAAiB,EAAE,MAAM,QAAQ,CAAC;AAC3C,OAAO,EAAE,MAAM,EAAE,cAAc,EAAE,eAAe,EAAE,MAAM,UAAU,CAAC;AACnE,YAAY,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,UAAU,CAAC;AACzD,OAAO,EACL,eAAe,EACf,eAAe,EACf,iBAAiB,GAClB,MAAM,YAAY,CAAC;AACpB,YAAY,EAAE,WAAW,EAAE,YAAY,EAAE,MAAM,YAAY,CAAC;AAC5D,OAAO,EACL,eAAe,EACf,0BAA0B,EAC1B,oBAAoB,GACrB,MAAM,eAAe,CAAC;AACvB,YAAY,EAAE,aAAa,EAAE,MAAM,eAAe,CAAC;AACnD,YAAY,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"observatory.d.ts","sourceRoot":"","sources":["../../../src/theme/observatory.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,gBAAgB,+BAAuC,CAAC"}
|
|
@@ -0,0 +1,74 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Color palettes — one per theme.
|
|
3
|
+
*
|
|
4
|
+
* Each theme (editorial, streaming, observatory) has its own identity:
|
|
5
|
+
* - editorial → the portfolio: black, white and gold
|
|
6
|
+
* - streaming → "El Blues es Femenino": deep purple, violet, magenta, orange
|
|
7
|
+
* - observatory → the Observatorio MDB: teal, cyan, amber, coral, red, purple
|
|
8
|
+
*
|
|
9
|
+
* Every pair that carries text meets WCAG AA (4.5:1). Brand colors that are
|
|
10
|
+
* too light or too dark to carry text on their own (gold on white, violet on
|
|
11
|
+
* deep purple…) are only used as fills, next to a text color that does reach
|
|
12
|
+
* 4.5:1, or replaced by a text-safe sibling (for example bronze for gold).
|
|
13
|
+
*/
|
|
14
|
+
/** Pair of colors (from, to) that defines a gradient. Equal colors = flat. */
|
|
15
|
+
export type GradientStops = readonly [from: string, to: string];
|
|
16
|
+
export interface StatusColors {
|
|
17
|
+
error: string;
|
|
18
|
+
warning: string;
|
|
19
|
+
info: string;
|
|
20
|
+
success: string;
|
|
21
|
+
}
|
|
22
|
+
export interface ThemeColors {
|
|
23
|
+
mode: "light" | "dark";
|
|
24
|
+
/** Page background. */
|
|
25
|
+
bg: string;
|
|
26
|
+
/** Cards, menus and dialogs. */
|
|
27
|
+
paper: string;
|
|
28
|
+
/** Primary text. */
|
|
29
|
+
ink: string;
|
|
30
|
+
/** Secondary text. */
|
|
31
|
+
inkSoft: string;
|
|
32
|
+
/** Dividers and hairlines. */
|
|
33
|
+
line: string;
|
|
34
|
+
/** MUI primary: links, outlines, selected states. Readable as text. */
|
|
35
|
+
primary: string;
|
|
36
|
+
onPrimary: string;
|
|
37
|
+
/** MUI secondary: readable as text on bg and paper. */
|
|
38
|
+
secondary: string;
|
|
39
|
+
onSecondary: string;
|
|
40
|
+
/** Fill of primary buttons. Flat when both colors are equal. */
|
|
41
|
+
action: GradientStops;
|
|
42
|
+
actionHover: GradientStops;
|
|
43
|
+
/** Text on action fills. */
|
|
44
|
+
onAction: string;
|
|
45
|
+
/** Fill of footers, headers and banners. */
|
|
46
|
+
surface: GradientStops;
|
|
47
|
+
/** Text on surfaces. */
|
|
48
|
+
onSurface: string;
|
|
49
|
+
/** Secondary text on surfaces. */
|
|
50
|
+
onSurfaceSoft: string;
|
|
51
|
+
/** Default chip: opaque, so it is legible on any surface. */
|
|
52
|
+
chip: string;
|
|
53
|
+
chipHover: string;
|
|
54
|
+
onChip: string;
|
|
55
|
+
/**
|
|
56
|
+
* Two decorative colors for soft blurred lights on surfaces, or `null` for
|
|
57
|
+
* none. They carry no text. All current themes are flat, so they use null.
|
|
58
|
+
*/
|
|
59
|
+
glow: readonly [string, string] | null;
|
|
60
|
+
status: StatusColors;
|
|
61
|
+
/** Text on status-colored buttons. */
|
|
62
|
+
onStatus: string;
|
|
63
|
+
/** Named brand colors, as supplied. Used by the Colors docs page. */
|
|
64
|
+
brand: Record<string, string>;
|
|
65
|
+
/** Colors derived from the brand to meet contrast (text-safe or hover). */
|
|
66
|
+
derived: Record<string, string>;
|
|
67
|
+
}
|
|
68
|
+
/** Portfolio — black, white and gold. */
|
|
69
|
+
export declare const editorialColors: ThemeColors;
|
|
70
|
+
/** El Blues es Femenino — deep purple, violet, magenta and orange. */
|
|
71
|
+
export declare const streamingColors: ThemeColors;
|
|
72
|
+
/** Observatory — teal, cyan, amber, coral, red and deep purple. Flat colors. */
|
|
73
|
+
export declare const observatoryColors: ThemeColors;
|
|
74
|
+
//# sourceMappingURL=palettes.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"palettes.d.ts","sourceRoot":"","sources":["../../../src/theme/palettes.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;GAYG;AAEH,8EAA8E;AAC9E,MAAM,MAAM,aAAa,GAAG,SAAS,CAAC,IAAI,EAAE,MAAM,EAAE,EAAE,EAAE,MAAM,CAAC,CAAC;AAEhE,MAAM,WAAW,YAAY;IAC3B,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,MAAM,CAAC;IAChB,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,EAAE,MAAM,CAAC;CACjB;AAED,MAAM,WAAW,WAAW;IAC1B,IAAI,EAAE,OAAO,GAAG,MAAM,CAAC;IAEvB,uBAAuB;IACvB,EAAE,EAAE,MAAM,CAAC;IACX,gCAAgC;IAChC,KAAK,EAAE,MAAM,CAAC;IACd,oBAAoB;IACpB,GAAG,EAAE,MAAM,CAAC;IACZ,sBAAsB;IACtB,OAAO,EAAE,MAAM,CAAC;IAChB,8BAA8B;IAC9B,IAAI,EAAE,MAAM,CAAC;IAEb,uEAAuE;IACvE,OAAO,EAAE,MAAM,CAAC;IAChB,SAAS,EAAE,MAAM,CAAC;IAClB,uDAAuD;IACvD,SAAS,EAAE,MAAM,CAAC;IAClB,WAAW,EAAE,MAAM,CAAC;IAEpB,gEAAgE;IAChE,MAAM,EAAE,aAAa,CAAC;IACtB,WAAW,EAAE,aAAa,CAAC;IAC3B,4BAA4B;IAC5B,QAAQ,EAAE,MAAM,CAAC;IAEjB,4CAA4C;IAC5C,OAAO,EAAE,aAAa,CAAC;IACvB,wBAAwB;IACxB,SAAS,EAAE,MAAM,CAAC;IAClB,kCAAkC;IAClC,aAAa,EAAE,MAAM,CAAC;IAEtB,6DAA6D;IAC7D,IAAI,EAAE,MAAM,CAAC;IACb,SAAS,EAAE,MAAM,CAAC;IAClB,MAAM,EAAE,MAAM,CAAC;IAEf;;;OAGG;IACH,IAAI,EAAE,SAAS,CAAC,MAAM,EAAE,MAAM,CAAC,GAAG,IAAI,CAAC;IAEvC,MAAM,EAAE,YAAY,CAAC;IACrB,sCAAsC;IACtC,QAAQ,EAAE,MAAM,CAAC;IAEjB,qEAAqE;IACrE,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IAC9B,2EAA2E;IAC3E,OAAO,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;CACjC;AAWD,yCAAyC;AACzC,eAAO,MAAM,eAAe,EAAE,WAmC7B,CAAC;AAEF,sEAAsE;AACtE,eAAO,MAAM,eAAe,EAAE,WAyC7B,CAAC;AAEF,gFAAgF;AAChF,eAAO,MAAM,iBAAiB,EAAE,WAkD/B,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"status.test.d.ts","sourceRoot":"","sources":["../../../src/theme/status.test.ts"],"names":[],"mappings":""}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"streaming.d.ts","sourceRoot":"","sources":["../../../src/theme/streaming.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,cAAc,+BAAqC,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"themes.test.d.ts","sourceRoot":"","sources":["../../../src/theme/themes.test.ts"],"names":[],"mappings":""}
|
|
@@ -0,0 +1,49 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Vietri DS design tokens that do not depend on the theme: spacing, radius,
|
|
3
|
+
* typography, shadows and breakpoints. Colors live in `palettes.ts`, one
|
|
4
|
+
* palette per theme.
|
|
5
|
+
*/
|
|
6
|
+
import type { GradientStops, ThemeColors } from "./palettes";
|
|
7
|
+
export type { GradientStops };
|
|
8
|
+
export declare function linearGradient(from: string, to: string, angle?: number): string;
|
|
9
|
+
export interface Gradients {
|
|
10
|
+
/** Footers, headers and banners. */
|
|
11
|
+
surface: string;
|
|
12
|
+
/** Primary buttons. */
|
|
13
|
+
action: string;
|
|
14
|
+
actionHover: string;
|
|
15
|
+
}
|
|
16
|
+
/**
|
|
17
|
+
* Turns a palette's color pairs into CSS. When both colors of a pair are
|
|
18
|
+
* equal the result looks flat, so flat themes and gradient themes share code.
|
|
19
|
+
*/
|
|
20
|
+
export declare function createGradients(colors: Pick<ThemeColors, "surface" | "action" | "actionHover">): Gradients;
|
|
21
|
+
export declare const tokens: {
|
|
22
|
+
readonly spacing: 8;
|
|
23
|
+
readonly radius: {
|
|
24
|
+
readonly sm: 4;
|
|
25
|
+
readonly md: 8;
|
|
26
|
+
readonly lg: 16;
|
|
27
|
+
};
|
|
28
|
+
readonly typography: {
|
|
29
|
+
readonly fontFamily: "\"Inter\", \"Helvetica Neue\", Arial, sans-serif";
|
|
30
|
+
readonly fontWeight: {
|
|
31
|
+
readonly regular: 400;
|
|
32
|
+
readonly medium: 500;
|
|
33
|
+
readonly semibold: 600;
|
|
34
|
+
};
|
|
35
|
+
};
|
|
36
|
+
readonly shadow: {
|
|
37
|
+
readonly sm: "0 1px 2px rgba(0, 0, 0, 0.08)";
|
|
38
|
+
readonly md: "0 4px 12px rgba(0, 0, 0, 0.12)";
|
|
39
|
+
readonly lg: "0 12px 32px rgba(0, 0, 0, 0.16)";
|
|
40
|
+
};
|
|
41
|
+
readonly breakpoints: {
|
|
42
|
+
readonly xs: 0;
|
|
43
|
+
readonly sm: 600;
|
|
44
|
+
readonly md: 900;
|
|
45
|
+
readonly lg: 1200;
|
|
46
|
+
readonly xl: 1536;
|
|
47
|
+
};
|
|
48
|
+
};
|
|
49
|
+
//# sourceMappingURL=tokens.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"tokens.d.ts","sourceRoot":"","sources":["../../../src/theme/tokens.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AACH,OAAO,KAAK,EAAE,aAAa,EAAE,WAAW,EAAE,MAAM,YAAY,CAAC;AAE7D,YAAY,EAAE,aAAa,EAAE,CAAC;AAE9B,wBAAgB,cAAc,CAAC,IAAI,EAAE,MAAM,EAAE,EAAE,EAAE,MAAM,EAAE,KAAK,SAAM,GAAG,MAAM,CAE5E;AAED,MAAM,WAAW,SAAS;IACxB,oCAAoC;IACpC,OAAO,EAAE,MAAM,CAAC;IAChB,uBAAuB;IACvB,MAAM,EAAE,MAAM,CAAC;IACf,WAAW,EAAE,MAAM,CAAC;CACrB;AAED;;;GAGG;AACH,wBAAgB,eAAe,CAC7B,MAAM,EAAE,IAAI,CAAC,WAAW,EAAE,SAAS,GAAG,QAAQ,GAAG,aAAa,CAAC,GAC9D,SAAS,CAMX;AAED,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;CA2BT,CAAC"}
|