@sorayasm/vietri-ds 0.3.1 → 0.3.2
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 +33 -0
- package/README.md +18 -3
- package/dist/index.cjs +2 -2
- package/dist/index.cjs.map +1 -1
- package/dist/index.js +262 -236
- package/dist/index.js.map +1 -1
- package/dist/types/components/Hero/Hero.d.ts +2 -2
- package/dist/types/components/NavBar/NavBar.d.ts +8 -1
- package/dist/types/components/NavBar/NavBar.d.ts.map +1 -1
- package/dist/types/theme/components.d.ts.map +1 -1
- package/dist/types/theme/palettes.d.ts +8 -4
- package/dist/types/theme/palettes.d.ts.map +1 -1
- package/package.json +1 -1
|
@@ -13,8 +13,8 @@ export interface HeroProps {
|
|
|
13
13
|
/**
|
|
14
14
|
* Address of a background image. It is decorative (it carries no text
|
|
15
15
|
* alternative), so do not put information in it. A dark layer (the theme's
|
|
16
|
-
* `scrim`) sits over it
|
|
17
|
-
*
|
|
16
|
+
* `scrim`) sits over it, at least 74% opaque under the text, so the text keeps
|
|
17
|
+
* AA contrast whatever the photo, even a pure white one. If the image fails to load, the
|
|
18
18
|
* theme surface shows instead.
|
|
19
19
|
*/
|
|
20
20
|
image?: string;
|
|
@@ -25,6 +25,13 @@ export interface NavBarProps {
|
|
|
25
25
|
* let it span the whole width.
|
|
26
26
|
*/
|
|
27
27
|
maxWidth?: Breakpoint | false;
|
|
28
|
+
/**
|
|
29
|
+
* Shows the links in the theme's primary color. The page you are on stays in
|
|
30
|
+
* the text color and is underlined, so color is not the only clue. Use it when
|
|
31
|
+
* the primary color reads as text on the page background (true in the
|
|
32
|
+
* Streaming theme). Default false: muted links.
|
|
33
|
+
*/
|
|
34
|
+
accentLinks?: boolean;
|
|
28
35
|
}
|
|
29
|
-
export declare function NavBar({ brand, brandHref, links, actions, ariaLabel, menuLabel, closeLabel, maxWidth, }: NavBarProps): import("react/jsx-runtime").JSX.Element;
|
|
36
|
+
export declare function NavBar({ brand, brandHref, links, actions, ariaLabel, menuLabel, closeLabel, maxWidth, accentLinks, }: NavBarProps): import("react/jsx-runtime").JSX.Element;
|
|
30
37
|
//# sourceMappingURL=NavBar.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"NavBar.d.ts","sourceRoot":"","sources":["../../../../src/components/NavBar/NavBar.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAY,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAWjD,OAAO,EAAY,KAAK,UAAU,EAAE,MAAM,sBAAsB,CAAC;AAGjE,MAAM,WAAW,OAAO;IACtB,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;IACb,gEAAgE;IAChE,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,MAAM,WAAW,WAAW;IAC1B,uCAAuC;IACvC,KAAK,EAAE,SAAS,CAAC;IACjB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,EAAE,OAAO,EAAE,CAAC;IACjB,oEAAoE;IACpE,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB,yCAAyC;IACzC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,gEAAgE;IAChE,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,iEAAiE;IACjE,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB;;;;OAIG;IACH,QAAQ,CAAC,EAAE,UAAU,GAAG,KAAK,CAAC;
|
|
1
|
+
{"version":3,"file":"NavBar.d.ts","sourceRoot":"","sources":["../../../../src/components/NavBar/NavBar.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAY,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAWjD,OAAO,EAAY,KAAK,UAAU,EAAE,MAAM,sBAAsB,CAAC;AAGjE,MAAM,WAAW,OAAO;IACtB,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;IACb,gEAAgE;IAChE,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,MAAM,WAAW,WAAW;IAC1B,uCAAuC;IACvC,KAAK,EAAE,SAAS,CAAC;IACjB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,EAAE,OAAO,EAAE,CAAC;IACjB,oEAAoE;IACpE,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB,yCAAyC;IACzC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,gEAAgE;IAChE,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,iEAAiE;IACjE,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB;;;;OAIG;IACH,QAAQ,CAAC,EAAE,UAAU,GAAG,KAAK,CAAC;IAC9B;;;;;OAKG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB;AAiDD,wBAAgB,MAAM,CAAC,EACrB,KAAK,EACL,SAAe,EACf,KAAK,EACL,OAAO,EACP,SAAkB,EAClB,SAAkB,EAClB,UAAyB,EACzB,QAAe,EACf,WAAmB,GACpB,EAAE,WAAW,2CAkGb"}
|
|
@@ -1 +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,
|
|
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,CA2JjD,CAAC"}
|
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
*
|
|
4
4
|
* Each theme (editorial, streaming, observatory) has its own identity:
|
|
5
5
|
* - editorial → the portfolio: black, white and gold
|
|
6
|
-
* - streaming → "El Blues es Femenino": deep purple, violet, lavender, magenta
|
|
6
|
+
* - streaming → "El Blues es Femenino": deep purple, orange, teal, violet, lavender, magenta
|
|
7
7
|
* - observatory → the Mujeres del Blues Observatory: teal, cyan, amber, coral, red, purple
|
|
8
8
|
*
|
|
9
9
|
* Every pair that carries text meets WCAG AA (4.5:1). Brand colors that are
|
|
@@ -73,9 +73,13 @@ export interface ThemeColors {
|
|
|
73
73
|
/** Portfolio — black, white and gold. */
|
|
74
74
|
export declare const editorialColors: ThemeColors;
|
|
75
75
|
/**
|
|
76
|
-
* El Blues es Femenino — deep purple, violet, lavender
|
|
77
|
-
* Fills are flat, except the surface (footer and banners): a
|
|
78
|
-
*
|
|
76
|
+
* El Blues es Femenino — deep purple, orange, teal, violet, lavender and magenta.
|
|
77
|
+
* Fills are flat, except the surface (footer and banners): a calm gradient from
|
|
78
|
+
* a deep teal to the raised purple of the cards.
|
|
79
|
+
*
|
|
80
|
+
* Orange carries the actions, in two versions: a burnt orange for button fills
|
|
81
|
+
* (white text on it) and a lighter one for links, outlines and focus rings on the
|
|
82
|
+
* dark backgrounds. The brand orange (#F35F1C) is too light for white text.
|
|
79
83
|
*/
|
|
80
84
|
export declare const streamingColors: ThemeColors;
|
|
81
85
|
/** Observatory — teal, cyan, amber, coral, red and deep purple. Flat colors. */
|
|
@@ -1 +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;;;OAGG;IACH,KAAK,EAAE,MAAM,CAAC;IACd,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,WAoC7B,CAAC;AAEF
|
|
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;;;OAGG;IACH,KAAK,EAAE,MAAM,CAAC;IACd,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,WAoC7B,CAAC;AAEF;;;;;;;;GAQG;AACH,eAAO,MAAM,eAAe,EAAE,WAyD7B,CAAC;AAEF,gFAAgF;AAChF,eAAO,MAAM,iBAAiB,EAAE,WAmD/B,CAAC"}
|