@deriv-com/dds-marketing 0.1.0 → 0.2.0

package/dist/components/layout/stack/Stack.types.d.ts

@@ -0,0 +1,41 @@
+import type { HTMLAttributes, ReactNode } from 'react';
+export interface StackOwnProps {
+    /**
+     * `none` — No gap at all, for rows meant to read as one object rather than as a list of controls. The only step here that is a decision rather than a measure
+     * `xs` — The tightest gap between related elements — an eyebrow and the headline under it, a figure and the caption beneath
+     * `sm` — The default step for sibling controls, and what the token names for a form label and the input under it
+     * `md` — The default, and what the token names for stacked items: form fields, feature list items, pricing features. Reach for this unless the column has a reason to be tighter or looser
+     * `lg` — Between content groups — feature cards, footer columns, one pricing plan and the next
+     * `xl` — Between the parts of a card, or between a heading and the block it introduces. Drops one step below 768px, a phone having a third of the width to spend
+     * `2xl` — Between one section of a page and the next. Drops one step below 768px, a phone having a third of the width to spend
+     * `3xl` — The largest gap, for separating whole movements of a long page. Drops one step below 768px, a phone having a third of the width to spend
+     */
+    gap?: 'none' | 'xs' | 'sm' | 'md' | 'lg' | 'xl' | '2xl' | '3xl';
+    /**
+     * `start` — Rows keep their own width and sit against the leading edge — a column of links, or a call to action as wide as its own label
+     * `center` — Rows keep their own width and are centred — a hero's copy, a closing block, anything read as one object on a ground wider than it
+     * `end` — Rows keep their own width and sit against the trailing edge, which on a page is rare and usually means the column is in a panel rather than in the flow
+     * `stretch` — The default. Every row takes the column's full width, which is what stacked cards, fields and bands want, and what makes their edges agree down the page
+     */
+    align?: 'start' | 'center' | 'end' | 'stretch';
+    /**
+     * `start` — The default. Rows sit at the top, and a column with no height of its own is exactly as tall as they are
+     * `center` — Rows sit together in the middle of a column that is taller than they are — a card in a row of cards whose copy is shorter than its neighbours'
+     * `end` — Rows sit at the foot of a column taller than they are
+     * `between` — The first row at the top, the last at the foot, and whatever room is spare shared between them — the shape a pricing card takes, where the price is at the top and the button has to sit on the same line as every other card's
+     */
+    justify?: 'start' | 'center' | 'end' | 'between';
+    /** Allowed: any content */
+    children: ReactNode;
+}
+export type StackProps = StackOwnProps & Omit<HTMLAttributes<HTMLDivElement>, 'className' | 'gap' | 'align' | 'justify'>;
+/** The class each part carries. Apply these — do not retype them. */
+export declare const stackParts: {
+    readonly root: "dds-stack";
+};
+/** Generated so defaults cannot drift from the contract. */
+export declare const stackDefaults: {
+    readonly gap: "md";
+    readonly align: "stretch";
+    readonly justify: "start";
+};

package/dist/components/layout/stack/Stack.types.js

@@ -0,0 +1,7 @@
+// GENERATED from stack.contract.json. Do not edit.
+/** The class each part carries. Apply these — do not retype them. */
+export const stackParts = {
+    root: 'dds-stack',
+};
+/** Generated so defaults cannot drift from the contract. */
+export const stackDefaults = { gap: 'md', align: 'stretch', justify: 'start' };

package/dist/components/visually-hidden.d.ts

@@ -0,0 +1,22 @@
+import type { CSSProperties } from 'react';
+/**
+ * Off the page and still in the accessible tree.
+ *
+ * The one clipping recipe that survives everything: `display: none` and
+ * `visibility: hidden` remove an element from the accessibility tree as well as the
+ * page, a zero width and height collapse the text some screen readers read from, and
+ * moving it off-canvas with a negative offset makes a page scroll sideways when the
+ * element takes focus.
+ *
+ * **The part holding this needs `position: relative`.** Absolute positioning takes its
+ * containing block from the nearest positioned ancestor, and with none it takes the page:
+ * the element then sits at its static position, escapes whatever scrolls around it, and
+ * adds that offset to the document's own scrollable area. A landing page is long and
+ * scrolls as one thing, so a hidden label loose in it is a stray offset at the bottom of
+ * the document rather than a visible mistake — Spinner's root declares `position: relative`
+ * in its contract for this reason and nothing else.
+ *
+ * Used where a label is hidden from the page rather than removed: a spinner has to be
+ * named to be announced, and its name is not drawn until somebody asks for it.
+ */
+export declare const visuallyHidden: CSSProperties;

package/dist/components/visually-hidden.js

@@ -0,0 +1,31 @@
+/**
+ * Off the page and still in the accessible tree.
+ *
+ * The one clipping recipe that survives everything: `display: none` and
+ * `visibility: hidden` remove an element from the accessibility tree as well as the
+ * page, a zero width and height collapse the text some screen readers read from, and
+ * moving it off-canvas with a negative offset makes a page scroll sideways when the
+ * element takes focus.
+ *
+ * **The part holding this needs `position: relative`.** Absolute positioning takes its
+ * containing block from the nearest positioned ancestor, and with none it takes the page:
+ * the element then sits at its static position, escapes whatever scrolls around it, and
+ * adds that offset to the document's own scrollable area. A landing page is long and
+ * scrolls as one thing, so a hidden label loose in it is a stray offset at the bottom of
+ * the document rather than a visible mistake — Spinner's root declares `position: relative`
+ * in its contract for this reason and nothing else.
+ *
+ * Used where a label is hidden from the page rather than removed: a spinner has to be
+ * named to be announced, and its name is not drawn until somebody asks for it.
+ */
+export const visuallyHidden = {
+    position: 'absolute',
+    width: 1,
+    height: 1,
+    padding: 0,
+    margin: -1,
+    overflow: 'hidden',
+    clip: 'rect(0, 0, 0, 0)',
+    whiteSpace: 'nowrap',
+    borderWidth: 0,
+};

package/dist/fonts/LICENSE-inter.txt

@@ -0,0 +1,93 @@
+Copyright 2016 The Inter Project Authors (https://github.com/rsms/inter) Inter-Italic[opsz,wght].ttf: Copyright 2016 The Inter Project Authors (https://github.com/rsms/inter)
+
+This Font Software is licensed under the SIL Open Font License, Version 1.1.
+This license is copied below, and is also available with a FAQ at:
+http://scripts.sil.org/OFL
+
+
+-----------------------------------------------------------
+SIL OPEN FONT LICENSE Version 1.1 - 26 February 2007
+-----------------------------------------------------------
+
+PREAMBLE
+The goals of the Open Font License (OFL) are to stimulate worldwide
+development of collaborative font projects, to support the font creation
+efforts of academic and linguistic communities, and to provide a free and
+open framework in which fonts may be shared and improved in partnership
+with others.
+
+The OFL allows the licensed fonts to be used, studied, modified and
+redistributed freely as long as they are not sold by themselves. The
+fonts, including any derivative works, can be bundled, embedded,
+redistributed and/or sold with any software provided that any reserved
+names are not used by derivative works. The fonts and derivatives,
+however, cannot be released under any other type of license. The
+requirement for fonts to remain under this license does not apply
+to any document created using the fonts or their derivatives.
+
+DEFINITIONS
+"Font Software" refers to the set of files released by the Copyright
+Holder(s) under this license and clearly marked as such. This may
+include source files, build scripts and documentation.
+
+"Reserved Font Name" refers to any names specified as such after the
+copyright statement(s).
+
+"Original Version" refers to the collection of Font Software components as
+distributed by the Copyright Holder(s).
+
+"Modified Version" refers to any derivative made by adding to, deleting,
+or substituting -- in part or in whole -- any of the components of the
+Original Version, by changing formats or by porting the Font Software to a
+new environment.
+
+"Author" refers to any designer, engineer, programmer, technical
+writer or other person who contributed to the Font Software.
+
+PERMISSION & CONDITIONS
+Permission is hereby granted, free of charge, to any person obtaining
+a copy of the Font Software, to use, study, copy, merge, embed, modify,
+redistribute, and sell modified and unmodified copies of the Font
+Software, subject to the following conditions:
+
+1) Neither the Font Software nor any of its individual components,
+in Original or Modified Versions, may be sold by itself.
+
+2) Original or Modified Versions of the Font Software may be bundled,
+redistributed and/or sold with any software, provided that each copy
+contains the above copyright notice and this license. These can be
+included either as stand-alone text files, human-readable headers or
+in the appropriate machine-readable metadata fields within text or
+binary files as long as those fields can be easily viewed by the user.
+
+3) No Modified Version of the Font Software may use the Reserved Font
+Name(s) unless explicit written permission is granted by the corresponding
+Copyright Holder. This restriction only applies to the primary font name as
+presented to the users.
+
+4) The name(s) of the Copyright Holder(s) or the Author(s) of the Font
+Software shall not be used to promote, endorse or advertise any
+Modified Version, except to acknowledge the contribution(s) of the
+Copyright Holder(s) and the Author(s) or with their explicit written
+permission.
+
+5) The Font Software, modified or unmodified, in part or in whole,
+must be distributed entirely under this license, and must not be
+distributed under any other license. The requirement for fonts to
+remain under this license does not apply to any document created
+using the Font Software.
+
+TERMINATION
+This license becomes null and void if any of the above conditions are
+not met.
+
+DISCLAIMER
+THE FONT SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
+EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO ANY WARRANTIES OF
+MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT
+OF COPYRIGHT, PATENT, TRADEMARK, OR OTHER RIGHT. IN NO EVENT SHALL THE
+COPYRIGHT HOLDER BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY,
+INCLUDING ANY GENERAL, SPECIAL, INDIRECT, INCIDENTAL, OR CONSEQUENTIAL
+DAMAGES, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING
+FROM, OUT OF THE USE OR INABILITY TO USE THE FONT SOFTWARE OR FROM
+OTHER DEALINGS IN THE FONT SOFTWARE.

package/dist/fonts/LICENSE-red-hat-mono.txt

@@ -0,0 +1,93 @@
+Copyright 2024 The Red Hat Project Authors (https://github.com/RedHatOfficial/RedHatFont) RedHatMono-Italic[wght].ttf: Copyright 2024 The Red Hat Project Authors (https://github.com/RedHatOfficial/RedHatFont)
+
+This Font Software is licensed under the SIL Open Font License, Version 1.1.
+This license is copied below, and is also available with a FAQ at:
+http://scripts.sil.org/OFL
+
+
+-----------------------------------------------------------
+SIL OPEN FONT LICENSE Version 1.1 - 26 February 2007
+-----------------------------------------------------------
+
+PREAMBLE
+The goals of the Open Font License (OFL) are to stimulate worldwide
+development of collaborative font projects, to support the font creation
+efforts of academic and linguistic communities, and to provide a free and
+open framework in which fonts may be shared and improved in partnership
+with others.
+
+The OFL allows the licensed fonts to be used, studied, modified and
+redistributed freely as long as they are not sold by themselves. The
+fonts, including any derivative works, can be bundled, embedded,
+redistributed and/or sold with any software provided that any reserved
+names are not used by derivative works. The fonts and derivatives,
+however, cannot be released under any other type of license. The
+requirement for fonts to remain under this license does not apply
+to any document created using the fonts or their derivatives.
+
+DEFINITIONS
+"Font Software" refers to the set of files released by the Copyright
+Holder(s) under this license and clearly marked as such. This may
+include source files, build scripts and documentation.
+
+"Reserved Font Name" refers to any names specified as such after the
+copyright statement(s).
+
+"Original Version" refers to the collection of Font Software components as
+distributed by the Copyright Holder(s).
+
+"Modified Version" refers to any derivative made by adding to, deleting,
+or substituting -- in part or in whole -- any of the components of the
+Original Version, by changing formats or by porting the Font Software to a
+new environment.
+
+"Author" refers to any designer, engineer, programmer, technical
+writer or other person who contributed to the Font Software.
+
+PERMISSION & CONDITIONS
+Permission is hereby granted, free of charge, to any person obtaining
+a copy of the Font Software, to use, study, copy, merge, embed, modify,
+redistribute, and sell modified and unmodified copies of the Font
+Software, subject to the following conditions:
+
+1) Neither the Font Software nor any of its individual components,
+in Original or Modified Versions, may be sold by itself.
+
+2) Original or Modified Versions of the Font Software may be bundled,
+redistributed and/or sold with any software, provided that each copy
+contains the above copyright notice and this license. These can be
+included either as stand-alone text files, human-readable headers or
+in the appropriate machine-readable metadata fields within text or
+binary files as long as those fields can be easily viewed by the user.
+
+3) No Modified Version of the Font Software may use the Reserved Font
+Name(s) unless explicit written permission is granted by the corresponding
+Copyright Holder. This restriction only applies to the primary font name as
+presented to the users.
+
+4) The name(s) of the Copyright Holder(s) or the Author(s) of the Font
+Software shall not be used to promote, endorse or advertise any
+Modified Version, except to acknowledge the contribution(s) of the
+Copyright Holder(s) and the Author(s) or with their explicit written
+permission.
+
+5) The Font Software, modified or unmodified, in part or in whole,
+must be distributed entirely under this license, and must not be
+distributed under any other license. The requirement for fonts to
+remain under this license does not apply to any document created
+using the Font Software.
+
+TERMINATION
+This license becomes null and void if any of the above conditions are
+not met.
+
+DISCLAIMER
+THE FONT SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
+EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO ANY WARRANTIES OF
+MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT
+OF COPYRIGHT, PATENT, TRADEMARK, OR OTHER RIGHT. IN NO EVENT SHALL THE
+COPYRIGHT HOLDER BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY,
+INCLUDING ANY GENERAL, SPECIAL, INDIRECT, INCIDENTAL, OR CONSEQUENTIAL
+DAMAGES, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING
+FROM, OUT OF THE USE OR INABILITY TO USE THE FONT SOFTWARE OR FROM
+OTHER DEALINGS IN THE FONT SOFTWARE.

package/dist/fonts/fonts.css

@@ -0,0 +1,111 @@
+/*
+ * The faces the tokens name, self-hosted.
+ *
+ * `font.family.sans` says Inter and `font.family.mono` says Red Hat Mono, but a
+ * stylesheet cannot carry a typeface — without these files every role silently
+ * falls through to the system stack, and a missing weight is worse than a
+ * missing face: the browser synthesises it by smearing a lighter one, so titles
+ * render as a faux bold nobody chose. Importing this file keeps the promise the
+ * tokens make. Apps that load the fonts themselves (next/font, Fontsource) skip
+ * this import and set `--font-family-sans` / `--font-family-mono` instead.
+ *
+ * One variable-weight file per script subset, registered under the plain family
+ * names the tokens use. `unicode-range` gates downloads: a page in one script
+ * fetches one file, the rest cost nothing at runtime. `font-weight` states the
+ * full axis each file carries, so every weight a role names — 400 through 700
+ * today — is real, never synthesised.
+ *
+ * Files are the official Fontsource builds (inter 5.3.0, red-hat-mono 5.3.0,
+ * via cdn.jsdelivr.net/fontsource), both under the SIL Open Font License 1.1 —
+ * see LICENSE-inter.txt and LICENSE-red-hat-mono.txt beside this file.
+ */
+
+/* Inter — cyrillic-ext */
+@font-face {
+  font-family: 'Inter';
+  font-style: normal;
+  font-display: swap;
+  font-weight: 100 900;
+  src: url('./inter-cyrillic-ext-wght-normal.woff2') format('woff2-variations');
+  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
+}
+
+/* Inter — cyrillic */
+@font-face {
+  font-family: 'Inter';
+  font-style: normal;
+  font-display: swap;
+  font-weight: 100 900;
+  src: url('./inter-cyrillic-wght-normal.woff2') format('woff2-variations');
+  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
+}
+
+/* Inter — greek-ext */
+@font-face {
+  font-family: 'Inter';
+  font-style: normal;
+  font-display: swap;
+  font-weight: 100 900;
+  src: url('./inter-greek-ext-wght-normal.woff2') format('woff2-variations');
+  unicode-range: U+1F00-1FFF;
+}
+
+/* Inter — greek */
+@font-face {
+  font-family: 'Inter';
+  font-style: normal;
+  font-display: swap;
+  font-weight: 100 900;
+  src: url('./inter-greek-wght-normal.woff2') format('woff2-variations');
+  unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
+}
+
+/* Inter — vietnamese */
+@font-face {
+  font-family: 'Inter';
+  font-style: normal;
+  font-display: swap;
+  font-weight: 100 900;
+  src: url('./inter-vietnamese-wght-normal.woff2') format('woff2-variations');
+  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
+}
+
+/* Inter — latin-ext */
+@font-face {
+  font-family: 'Inter';
+  font-style: normal;
+  font-display: swap;
+  font-weight: 100 900;
+  src: url('./inter-latin-ext-wght-normal.woff2') format('woff2-variations');
+  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
+}
+
+/* Inter — latin */
+@font-face {
+  font-family: 'Inter';
+  font-style: normal;
+  font-display: swap;
+  font-weight: 100 900;
+  src: url('./inter-latin-wght-normal.woff2') format('woff2-variations');
+  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
+}
+
+/* Red Hat Mono — latin-ext */
+@font-face {
+  font-family: 'Red Hat Mono';
+  font-style: normal;
+  font-display: swap;
+  font-weight: 300 700;
+  src: url('./red-hat-mono-latin-ext-wght-normal.woff2') format('woff2-variations');
+  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
+}
+
+/* Red Hat Mono — latin */
+@font-face {
+  font-family: 'Red Hat Mono';
+  font-style: normal;
+  font-display: swap;
+  font-weight: 300 700;
+  src: url('./red-hat-mono-latin-wght-normal.woff2') format('woff2-variations');
+  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
+}