@oxyhq/bloom 0.19.0 → 0.20.0
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/lib/commonjs/benefit-list/index.js +119 -0
- package/lib/commonjs/benefit-list/index.js.map +1 -0
- package/lib/commonjs/benefit-list/types.js +6 -0
- package/lib/commonjs/benefit-list/types.js.map +1 -0
- package/lib/commonjs/button/Button.web.js +1 -1
- package/lib/commonjs/connection-dots/ConnectionDots.js +112 -0
- package/lib/commonjs/connection-dots/ConnectionDots.js.map +1 -0
- package/lib/commonjs/connection-dots/ConnectionDots.web.js +116 -0
- package/lib/commonjs/connection-dots/ConnectionDots.web.js.map +1 -0
- package/lib/commonjs/connection-dots/ConnectionDotsBase.js +55 -0
- package/lib/commonjs/connection-dots/ConnectionDotsBase.js.map +1 -0
- package/lib/commonjs/connection-dots/index.js +13 -0
- package/lib/commonjs/connection-dots/index.js.map +1 -0
- package/lib/commonjs/connection-dots/index.web.js +13 -0
- package/lib/commonjs/connection-dots/index.web.js.map +1 -0
- package/lib/commonjs/connection-dots/types.js +6 -0
- package/lib/commonjs/connection-dots/types.js.map +1 -0
- package/lib/commonjs/design-tokens/color-roles.js +112 -0
- package/lib/commonjs/design-tokens/color-roles.js.map +1 -0
- package/lib/commonjs/design-tokens/index.js +89 -0
- package/lib/commonjs/design-tokens/index.js.map +1 -0
- package/lib/commonjs/design-tokens/scales.js +168 -0
- package/lib/commonjs/design-tokens/scales.js.map +1 -0
- package/lib/commonjs/design-tokens/shadows.js +48 -0
- package/lib/commonjs/design-tokens/shadows.js.map +1 -0
- package/lib/commonjs/design-tokens/shadows.native.js +53 -0
- package/lib/commonjs/design-tokens/shadows.native.js.map +1 -0
- package/lib/commonjs/design-tokens/tailwind-preset.js +139 -0
- package/lib/commonjs/design-tokens/tailwind-preset.js.map +1 -0
- package/lib/commonjs/design-tokens/theme-css.js +98 -0
- package/lib/commonjs/design-tokens/theme-css.js.map +1 -0
- package/lib/commonjs/index.js +208 -93
- package/lib/commonjs/index.js.map +1 -1
- package/lib/commonjs/index.web.js +223 -108
- package/lib/commonjs/index.web.js.map +1 -1
- package/lib/commonjs/text-field/index.js +156 -0
- package/lib/commonjs/text-field/index.js.map +1 -1
- package/lib/module/benefit-list/index.js +114 -0
- package/lib/module/benefit-list/index.js.map +1 -0
- package/lib/module/benefit-list/types.js +4 -0
- package/lib/module/benefit-list/types.js.map +1 -0
- package/lib/module/button/Button.web.js +1 -1
- package/lib/module/connection-dots/ConnectionDots.js +107 -0
- package/lib/module/connection-dots/ConnectionDots.js.map +1 -0
- package/lib/module/connection-dots/ConnectionDots.web.js +111 -0
- package/lib/module/connection-dots/ConnectionDots.web.js.map +1 -0
- package/lib/module/connection-dots/ConnectionDotsBase.js +50 -0
- package/lib/module/connection-dots/ConnectionDotsBase.js.map +1 -0
- package/lib/module/connection-dots/index.js +4 -0
- package/lib/module/connection-dots/index.js.map +1 -0
- package/lib/module/connection-dots/index.web.js +4 -0
- package/lib/module/connection-dots/index.web.js.map +1 -0
- package/lib/module/connection-dots/types.js +4 -0
- package/lib/module/connection-dots/types.js.map +1 -0
- package/lib/module/design-tokens/color-roles.js +108 -0
- package/lib/module/design-tokens/color-roles.js.map +1 -0
- package/lib/module/design-tokens/index.js +27 -0
- package/lib/module/design-tokens/index.js.map +1 -0
- package/lib/module/design-tokens/scales.js +164 -0
- package/lib/module/design-tokens/scales.js.map +1 -0
- package/lib/module/design-tokens/shadows.js +43 -0
- package/lib/module/design-tokens/shadows.js.map +1 -0
- package/lib/module/design-tokens/shadows.native.js +48 -0
- package/lib/module/design-tokens/shadows.native.js.map +1 -0
- package/lib/module/design-tokens/tailwind-preset.js +136 -0
- package/lib/module/design-tokens/tailwind-preset.js.map +1 -0
- package/lib/module/design-tokens/theme-css.js +94 -0
- package/lib/module/design-tokens/theme-css.js.map +1 -0
- package/lib/module/index.js +6 -1
- package/lib/module/index.js.map +1 -1
- package/lib/module/index.web.js +6 -1
- package/lib/module/index.web.js.map +1 -1
- package/lib/module/text-field/index.js +158 -2
- package/lib/module/text-field/index.js.map +1 -1
- package/lib/typescript/commonjs/benefit-list/index.d.ts +6 -0
- package/lib/typescript/commonjs/benefit-list/index.d.ts.map +1 -0
- package/lib/typescript/commonjs/benefit-list/types.d.ts +35 -0
- package/lib/typescript/commonjs/benefit-list/types.d.ts.map +1 -0
- package/lib/typescript/commonjs/connection-dots/ConnectionDots.d.ts +4 -0
- package/lib/typescript/commonjs/connection-dots/ConnectionDots.d.ts.map +1 -0
- package/lib/typescript/commonjs/connection-dots/ConnectionDots.web.d.ts +14 -0
- package/lib/typescript/commonjs/connection-dots/ConnectionDots.web.d.ts.map +1 -0
- package/lib/typescript/commonjs/connection-dots/ConnectionDotsBase.d.ts +18 -0
- package/lib/typescript/commonjs/connection-dots/ConnectionDotsBase.d.ts.map +1 -0
- package/lib/typescript/commonjs/connection-dots/index.d.ts +3 -0
- package/lib/typescript/commonjs/connection-dots/index.d.ts.map +1 -0
- package/lib/typescript/commonjs/connection-dots/index.web.d.ts +3 -0
- package/lib/typescript/commonjs/connection-dots/index.web.d.ts.map +1 -0
- package/lib/typescript/commonjs/connection-dots/types.d.ts +41 -0
- package/lib/typescript/commonjs/connection-dots/types.d.ts.map +1 -0
- package/lib/typescript/commonjs/design-tokens/color-roles.d.ts +102 -0
- package/lib/typescript/commonjs/design-tokens/color-roles.d.ts.map +1 -0
- package/lib/typescript/commonjs/design-tokens/index.d.ts +28 -0
- package/lib/typescript/commonjs/design-tokens/index.d.ts.map +1 -0
- package/lib/typescript/commonjs/design-tokens/scales.d.ts +152 -0
- package/lib/typescript/commonjs/design-tokens/scales.d.ts.map +1 -0
- package/lib/typescript/commonjs/design-tokens/shadows.d.ts +34 -0
- package/lib/typescript/commonjs/design-tokens/shadows.d.ts.map +1 -0
- package/lib/typescript/commonjs/design-tokens/shadows.native.d.ts +19 -0
- package/lib/typescript/commonjs/design-tokens/shadows.native.d.ts.map +1 -0
- package/lib/typescript/commonjs/design-tokens/tailwind-preset.d.ts +59 -0
- package/lib/typescript/commonjs/design-tokens/tailwind-preset.d.ts.map +1 -0
- package/lib/typescript/commonjs/design-tokens/theme-css.d.ts +39 -0
- package/lib/typescript/commonjs/design-tokens/theme-css.d.ts.map +1 -0
- package/lib/typescript/commonjs/index.d.ts +6 -0
- package/lib/typescript/commonjs/index.d.ts.map +1 -1
- package/lib/typescript/commonjs/index.web.d.ts +6 -0
- package/lib/typescript/commonjs/index.web.d.ts.map +1 -1
- package/lib/typescript/commonjs/text-field/index.d.ts +14 -1
- package/lib/typescript/commonjs/text-field/index.d.ts.map +1 -1
- package/lib/typescript/module/benefit-list/index.d.ts +6 -0
- package/lib/typescript/module/benefit-list/index.d.ts.map +1 -0
- package/lib/typescript/module/benefit-list/types.d.ts +35 -0
- package/lib/typescript/module/benefit-list/types.d.ts.map +1 -0
- package/lib/typescript/module/connection-dots/ConnectionDots.d.ts +4 -0
- package/lib/typescript/module/connection-dots/ConnectionDots.d.ts.map +1 -0
- package/lib/typescript/module/connection-dots/ConnectionDots.web.d.ts +14 -0
- package/lib/typescript/module/connection-dots/ConnectionDots.web.d.ts.map +1 -0
- package/lib/typescript/module/connection-dots/ConnectionDotsBase.d.ts +18 -0
- package/lib/typescript/module/connection-dots/ConnectionDotsBase.d.ts.map +1 -0
- package/lib/typescript/module/connection-dots/index.d.ts +3 -0
- package/lib/typescript/module/connection-dots/index.d.ts.map +1 -0
- package/lib/typescript/module/connection-dots/index.web.d.ts +3 -0
- package/lib/typescript/module/connection-dots/index.web.d.ts.map +1 -0
- package/lib/typescript/module/connection-dots/types.d.ts +41 -0
- package/lib/typescript/module/connection-dots/types.d.ts.map +1 -0
- package/lib/typescript/module/design-tokens/color-roles.d.ts +102 -0
- package/lib/typescript/module/design-tokens/color-roles.d.ts.map +1 -0
- package/lib/typescript/module/design-tokens/index.d.ts +28 -0
- package/lib/typescript/module/design-tokens/index.d.ts.map +1 -0
- package/lib/typescript/module/design-tokens/scales.d.ts +152 -0
- package/lib/typescript/module/design-tokens/scales.d.ts.map +1 -0
- package/lib/typescript/module/design-tokens/shadows.d.ts +34 -0
- package/lib/typescript/module/design-tokens/shadows.d.ts.map +1 -0
- package/lib/typescript/module/design-tokens/shadows.native.d.ts +19 -0
- package/lib/typescript/module/design-tokens/shadows.native.d.ts.map +1 -0
- package/lib/typescript/module/design-tokens/tailwind-preset.d.ts +59 -0
- package/lib/typescript/module/design-tokens/tailwind-preset.d.ts.map +1 -0
- package/lib/typescript/module/design-tokens/theme-css.d.ts +39 -0
- package/lib/typescript/module/design-tokens/theme-css.d.ts.map +1 -0
- package/lib/typescript/module/index.d.ts +6 -0
- package/lib/typescript/module/index.d.ts.map +1 -1
- package/lib/typescript/module/index.web.d.ts +6 -0
- package/lib/typescript/module/index.web.d.ts.map +1 -1
- package/lib/typescript/module/text-field/index.d.ts +14 -1
- package/lib/typescript/module/text-field/index.d.ts.map +1 -1
- package/package.json +50 -1
- package/src/__tests__/BenefitList.test.tsx +108 -0
- package/src/__tests__/ConnectionDots.test.tsx +86 -0
- package/src/__tests__/TextFieldFloatingLabel.test.tsx +93 -0
- package/src/__tests__/design-tokens.test.ts +169 -0
- package/src/benefit-list/BenefitList.stories.tsx +50 -0
- package/src/benefit-list/index.tsx +133 -0
- package/src/benefit-list/types.ts +36 -0
- package/src/button/Button.web.tsx +1 -1
- package/src/connection-dots/ConnectionDots.stories.tsx +54 -0
- package/src/connection-dots/ConnectionDots.tsx +139 -0
- package/src/connection-dots/ConnectionDots.web.tsx +122 -0
- package/src/connection-dots/ConnectionDotsBase.tsx +62 -0
- package/src/connection-dots/index.ts +2 -0
- package/src/connection-dots/index.web.ts +2 -0
- package/src/connection-dots/types.ts +41 -0
- package/src/design-tokens/color-roles.ts +110 -0
- package/src/design-tokens/index.ts +45 -0
- package/src/design-tokens/scales.ts +134 -0
- package/src/design-tokens/shadows.native.ts +44 -0
- package/src/design-tokens/shadows.ts +42 -0
- package/src/design-tokens/tailwind-preset.ts +139 -0
- package/src/design-tokens/theme-css.ts +99 -0
- package/src/index.ts +33 -0
- package/src/index.web.ts +33 -0
- package/src/text-field/TextField.stories.tsx +46 -0
- package/src/text-field/index.tsx +212 -1
|
@@ -0,0 +1,94 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
/**
|
|
4
|
+
* Tailwind v4 `@theme` block generator for the Oxy Unified Design Language.
|
|
5
|
+
*
|
|
6
|
+
* Tailwind v4 web apps (auth, console, website) configure their design tokens in
|
|
7
|
+
* CSS via `@theme { --color-X: var(--X); … }` rather than a JS preset. This
|
|
8
|
+
* module produces the exact `@theme` body that mirrors `bloomTailwindPreset`, so
|
|
9
|
+
* a v4 app gets the SAME semantic utilities (`bg-fill`, `text-text-tertiary`,
|
|
10
|
+
* `p-space-8`, `rounded-radius-20`, `text-body`, `font-body`, `shadow-s`) as the
|
|
11
|
+
* NativeWind/Tailwind-v3 apps that consume the JS preset.
|
|
12
|
+
*
|
|
13
|
+
* Each color role is emitted as a `--color-<role>: var(--canonical)` alias.
|
|
14
|
+
* Per Bloom's web CSS-var contract, the canonical `--x` token already resolves
|
|
15
|
+
* to a full `rgb(...)` color at runtime, so the alias is a direct `var(--x)`
|
|
16
|
+
* reference — NEVER `hsl(var(--x))`.
|
|
17
|
+
*
|
|
18
|
+
* Usage (web Tailwind v4, in the app's global stylesheet):
|
|
19
|
+
*
|
|
20
|
+
* import { bloomThemeCss } from '@oxyhq/bloom/design-tokens';
|
|
21
|
+
* // build-time: write `@theme { ${bloomThemeCss()} }` into global.css, OR
|
|
22
|
+
* // paste the generated block once (see docs/design-tokens.md).
|
|
23
|
+
*
|
|
24
|
+
* A consumer that prefers a static stylesheet can copy the output of
|
|
25
|
+
* `bloomThemeCss()` directly into their `@theme { … }` — the values are stable.
|
|
26
|
+
*/
|
|
27
|
+
|
|
28
|
+
import { BORDER_ROLES, FILL_ROLES, TEXT_ROLES } from "./color-roles.js";
|
|
29
|
+
import { BORDER_WIDTH, FONT_FAMILY_VARS, RADIUS, SPACING, TYPOGRAPHY } from "./scales.js";
|
|
30
|
+
import { SHADOW_BOX } from './shadows';
|
|
31
|
+
|
|
32
|
+
/**
|
|
33
|
+
* Produce the BODY of a Tailwind v4 `@theme` block (no surrounding braces) that
|
|
34
|
+
* registers the full Bloom semantic vocabulary.
|
|
35
|
+
*
|
|
36
|
+
* - Colors → `--color-<role>: var(--canonical);`
|
|
37
|
+
* - Spacing → `--spacing-<key>: <px>;`
|
|
38
|
+
* - Radius → `--radius-<key>: <px>;`
|
|
39
|
+
* - Type → `--text-<role>: <size>; --text-<role>--line-height: <lh>;`
|
|
40
|
+
* `--font-<role>: var(--bloom-font-*);` (+ weight via utility doc)
|
|
41
|
+
* - Shadow → `--shadow-<s|m>: <box-shadow>;`
|
|
42
|
+
*/
|
|
43
|
+
export function bloomThemeCss() {
|
|
44
|
+
const lines = [];
|
|
45
|
+
|
|
46
|
+
// Color roles.
|
|
47
|
+
for (const [role, value] of Object.entries({
|
|
48
|
+
...FILL_ROLES,
|
|
49
|
+
...TEXT_ROLES,
|
|
50
|
+
...BORDER_ROLES
|
|
51
|
+
})) {
|
|
52
|
+
lines.push(` --color-${role}: ${value};`);
|
|
53
|
+
}
|
|
54
|
+
|
|
55
|
+
// Spacing.
|
|
56
|
+
for (const [key, value] of Object.entries(SPACING)) {
|
|
57
|
+
lines.push(` --spacing-${key}: ${value}px;`);
|
|
58
|
+
}
|
|
59
|
+
|
|
60
|
+
// Radius.
|
|
61
|
+
for (const [key, value] of Object.entries(RADIUS)) {
|
|
62
|
+
lines.push(` --radius-${key}: ${value}px;`);
|
|
63
|
+
}
|
|
64
|
+
|
|
65
|
+
// Hairline border width.
|
|
66
|
+
for (const [key, value] of Object.entries(BORDER_WIDTH)) {
|
|
67
|
+
lines.push(` --border-width-${key}: ${value}px;`);
|
|
68
|
+
}
|
|
69
|
+
|
|
70
|
+
// Typography: size + line-height + family per role.
|
|
71
|
+
for (const name of Object.keys(TYPOGRAPHY)) {
|
|
72
|
+
const role = TYPOGRAPHY[name];
|
|
73
|
+
lines.push(` --text-${name}: ${role.size}px;`);
|
|
74
|
+
lines.push(` --text-${name}--line-height: ${role.lineHeight}px;`);
|
|
75
|
+
lines.push(` --text-${name}--font-weight: ${role.weight};`);
|
|
76
|
+
lines.push(` --font-${name}: ${FONT_FAMILY_VARS[role.family]};`);
|
|
77
|
+
}
|
|
78
|
+
|
|
79
|
+
// Bloom raw families.
|
|
80
|
+
lines.push(` --font-bloom-sans: ${FONT_FAMILY_VARS.sans};`);
|
|
81
|
+
lines.push(` --font-bloom-display: ${FONT_FAMILY_VARS.display};`);
|
|
82
|
+
lines.push(` --font-bloom-mono: ${FONT_FAMILY_VARS.mono};`);
|
|
83
|
+
|
|
84
|
+
// Shadows.
|
|
85
|
+
lines.push(` --shadow-s: ${SHADOW_BOX.s};`);
|
|
86
|
+
lines.push(` --shadow-m: ${SHADOW_BOX.m};`);
|
|
87
|
+
return lines.join('\n');
|
|
88
|
+
}
|
|
89
|
+
|
|
90
|
+
/** The full `@theme { … }` block, ready to inject into a v4 stylesheet. */
|
|
91
|
+
export function bloomThemeBlock() {
|
|
92
|
+
return `@theme {\n${bloomThemeCss()}\n}`;
|
|
93
|
+
}
|
|
94
|
+
//# sourceMappingURL=theme-css.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["BORDER_ROLES","FILL_ROLES","TEXT_ROLES","BORDER_WIDTH","FONT_FAMILY_VARS","RADIUS","SPACING","TYPOGRAPHY","SHADOW_BOX","bloomThemeCss","lines","role","value","Object","entries","push","key","name","keys","size","lineHeight","weight","family","sans","display","mono","s","m","join","bloomThemeBlock"],"sourceRoot":"../../../src","sources":["design-tokens/theme-css.ts"],"mappings":";;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,SAASA,YAAY,EAAEC,UAAU,EAAEC,UAAU,QAAQ,kBAAe;AACpE,SACEC,YAAY,EACZC,gBAAgB,EAChBC,MAAM,EACNC,OAAO,EACPC,UAAU,QAEL,aAAU;AACjB,SAASC,UAAU,QAAQ,WAAW;;AAEtC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASC,aAAaA,CAAA,EAAW;EACtC,MAAMC,KAAe,GAAG,EAAE;;EAE1B;EACA,KAAK,MAAM,CAACC,IAAI,EAAEC,KAAK,CAAC,IAAIC,MAAM,CAACC,OAAO,CAAC;IACzC,GAAGb,UAAU;IACb,GAAGC,UAAU;IACb,GAAGF;EACL,CAAC,CAAC,EAAE;IACFU,KAAK,CAACK,IAAI,CAAC,aAAaJ,IAAI,KAAKC,KAAK,GAAG,CAAC;EAC5C;;EAEA;EACA,KAAK,MAAM,CAACI,GAAG,EAAEJ,KAAK,CAAC,IAAIC,MAAM,CAACC,OAAO,CAACR,OAAO,CAAC,EAAE;IAClDI,KAAK,CAACK,IAAI,CAAC,eAAeC,GAAG,KAAKJ,KAAK,KAAK,CAAC;EAC/C;;EAEA;EACA,KAAK,MAAM,CAACI,GAAG,EAAEJ,KAAK,CAAC,IAAIC,MAAM,CAACC,OAAO,CAACT,MAAM,CAAC,EAAE;IACjDK,KAAK,CAACK,IAAI,CAAC,cAAcC,GAAG,KAAKJ,KAAK,KAAK,CAAC;EAC9C;;EAEA;EACA,KAAK,MAAM,CAACI,GAAG,EAAEJ,KAAK,CAAC,IAAIC,MAAM,CAACC,OAAO,CAACX,YAAY,CAAC,EAAE;IACvDO,KAAK,CAACK,IAAI,CAAC,oBAAoBC,GAAG,KAAKJ,KAAK,KAAK,CAAC;EACpD;;EAEA;EACA,KAAK,MAAMK,IAAI,IAAIJ,MAAM,CAACK,IAAI,CAACX,UAAU,CAAC,EAAoB;IAC5D,MAAMI,IAAI,GAAGJ,UAAU,CAACU,IAAI,CAAC;IAC7BP,KAAK,CAACK,IAAI,CAAC,YAAYE,IAAI,KAAKN,IAAI,CAACQ,IAAI,KAAK,CAAC;IAC/CT,KAAK,CAACK,IAAI,CAAC,YAAYE,IAAI,kBAAkBN,IAAI,CAACS,UAAU,KAAK,CAAC;IAClEV,KAAK,CAACK,IAAI,CAAC,YAAYE,IAAI,kBAAkBN,IAAI,CAACU,MAAM,GAAG,CAAC;IAC5DX,KAAK,CAACK,IAAI,CAAC,YAAYE,IAAI,KAAKb,gBAAgB,CAACO,IAAI,CAACW,MAAM,CAAC,GAAG,CAAC;EACnE;;EAEA;EACAZ,KAAK,CAACK,IAAI,CAAC,wBAAwBX,gBAAgB,CAACmB,IAAI,GAAG,CAAC;EAC5Db,KAAK,CAACK,IAAI,CAAC,2BAA2BX,gBAAgB,CAACoB,OAAO,GAAG,CAAC;EAClEd,KAAK,CAACK,IAAI,CAAC,wBAAwBX,gBAAgB,CAACqB,IAAI,GAAG,CAAC;;EAE5D;EACAf,KAAK,CAACK,IAAI,CAAC,iBAAiBP,UAAU,CAACkB,CAAC,GAAG,CAAC;EAC5ChB,KAAK,CAACK,IAAI,CAAC,iBAAiBP,UAAU,CAACmB,CAAC,GAAG,CAAC;EAE5C,OAAOjB,KAAK,CAACkB,IAAI,CAAC,IAAI,CAAC;AACzB;;AAEA;AACA,OAAO,SAASC,eAAeA,CAAA,EAAW;EACxC,OAAO,aAAapB,aAAa,CAAC,CAAC,KAAK;AAC1C","ignoreList":[]}
|
package/lib/module/index.js
CHANGED
|
@@ -8,6 +8,10 @@ export { atoms, flatten, Z_INDEX, zIndex } from "./styles/index.js";
|
|
|
8
8
|
export * as tokens from "./styles/tokens.js";
|
|
9
9
|
export { web, native, ios, android, platform, select } from "./styles/platform.js";
|
|
10
10
|
|
|
11
|
+
// Design tokens (Oxy Unified Design Language) — semantic Tailwind/NativeWind
|
|
12
|
+
// vocabulary. The Tailwind preset is consumed from `@oxyhq/bloom/tailwind-preset`
|
|
13
|
+
// in a config file; these named exports cover programmatic/runtime use.
|
|
14
|
+
export { bloomTailwindPreset, bloomThemeCss, bloomThemeBlock, FILL_ROLES, TEXT_ROLES, BORDER_ROLES, SPACING, RADIUS, BORDER_WIDTH, TYPOGRAPHY, FONT_FAMILY_VARS, SHADOW_BOX, bloomShadowStyle } from "./design-tokens/index.js";
|
|
11
15
|
// Hooks
|
|
12
16
|
export { useInteractionState } from "./hooks/useInteractionState.js";
|
|
13
17
|
export { useDelayedLoading } from "./hooks/useDelayedLoading.js";
|
|
@@ -43,7 +47,8 @@ export * as Skeleton from "./skeleton/index.js";
|
|
|
43
47
|
export * as Grid from "./grid/index.js";
|
|
44
48
|
export { Fill } from "./fill/index.js";
|
|
45
49
|
export { IconCircle } from "./icon-circle/index.js";
|
|
46
|
-
|
|
50
|
+
export { ConnectionDots } from './connection-dots';
|
|
51
|
+
export { BenefitRow, BenefitList } from "./benefit-list/index.js";
|
|
47
52
|
// Form components
|
|
48
53
|
export * from "./text-field/index.js";
|
|
49
54
|
export * from "./segmented-control/index.js";
|
package/lib/module/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["atoms","flatten","Z_INDEX","zIndex","tokens","web","native","ios","android","platform","select","useInteractionState","useDelayedLoading","useThrottledValue","Icons","sizes","iconSizes","useCommonSVGProps","Dialog","DIALOG_SHEET_BACKDROP_TESTID","BloomDialogProvider","alert","useDialogContext","useDialogControl","Fab","ErrorBoundary","AvatarGroup","UserHoverCard","toast","Typography","Skeleton","Grid","Fill","IconCircle","SearchInput","Label","Field","InputGroup","Slider","Combobox","BottomSheet","Item","Kbd","AlertDialog","AlertDialogHost","confirm","Command","Code","Fonts"],"sourceRoot":"../../src","sources":["index.ts"],"mappings":";;AAAA;AACA,cAAc,kBAAS;;AAEvB;AACA,SAASA,KAAK,EAAEC,OAAO,EAAEC,OAAO,EAAEC,MAAM,QAAQ,mBAAU;AAE1D,OAAO,KAAKC,MAAM,MAAM,oBAAiB;AACzC,SAASC,GAAG,EAAEC,MAAM,EAAEC,GAAG,EAAEC,OAAO,EAAEC,QAAQ,EAAEC,MAAM,QAAQ,sBAAmB;;AAE/E;AACA,SAASC,mBAAmB,QAAQ,gCAA6B;AACjE,SAASC,iBAAiB,QAAQ,8BAA2B;AAC7D,SAASC,iBAAiB,QAAQ,8BAA2B;;AAE7D;AACA,OAAO,KAAKC,KAAK,MAAM,kBAAS;AAChC,SAAkCC,KAAK,IAAIC,SAAS,EAAEC,iBAAiB,QAAQ,mBAAgB;;AAE/F;AACA,cAAc,UAAU;AACxB,SACEC,MAAM,EACNC,4BAA4B,EAC5BC,mBAAmB,EACnBC,KAAK,EACLC,gBAAgB,EAChBC,gBAAgB,QACX,UAAU;AAajB,cAAc,UAAU;AACxB,SAASC,GAAG,QAAQ,OAAO;AAE3B,cAAc,4BAAmB;AACjC,cAAc,oBAAW;AACzB,cAAc,4BAAmB;AACjC,cAAc,wBAAe;AAC7B,SAASC,aAAa,QAAQ,2BAAkB;AAMhD,cAAc,mBAAU;AACxB,SAASC,WAAW,QAAQ,yBAAgB;AAE5C,SAASC,aAAa,QAAQ,4BAAmB;AAEjD,cAAc,WAAW;AACzB,cAAc,yBAAgB;AAC9B,cAAc,mBAAU;AACxB,SAASC,KAAK,QAAoB,SAAS;;AAE3C;AACA,OAAO,KAAKC,UAAU,MAAM,uBAAc;;AAE1C;AACA,OAAO,KAAKC,QAAQ,MAAM,qBAAY;AACtC,OAAO,KAAKC,IAAI,MAAM,iBAAQ;AAC9B,SAASC,IAAI,QAAQ,iBAAQ;AAC7B,SAASC,UAAU,QAAQ,wBAAe
|
|
1
|
+
{"version":3,"names":["atoms","flatten","Z_INDEX","zIndex","tokens","web","native","ios","android","platform","select","bloomTailwindPreset","bloomThemeCss","bloomThemeBlock","FILL_ROLES","TEXT_ROLES","BORDER_ROLES","SPACING","RADIUS","BORDER_WIDTH","TYPOGRAPHY","FONT_FAMILY_VARS","SHADOW_BOX","bloomShadowStyle","useInteractionState","useDelayedLoading","useThrottledValue","Icons","sizes","iconSizes","useCommonSVGProps","Dialog","DIALOG_SHEET_BACKDROP_TESTID","BloomDialogProvider","alert","useDialogContext","useDialogControl","Fab","ErrorBoundary","AvatarGroup","UserHoverCard","toast","Typography","Skeleton","Grid","Fill","IconCircle","ConnectionDots","BenefitRow","BenefitList","SearchInput","Label","Field","InputGroup","Slider","Combobox","BottomSheet","Item","Kbd","AlertDialog","AlertDialogHost","confirm","Command","Code","Fonts"],"sourceRoot":"../../src","sources":["index.ts"],"mappings":";;AAAA;AACA,cAAc,kBAAS;;AAEvB;AACA,SAASA,KAAK,EAAEC,OAAO,EAAEC,OAAO,EAAEC,MAAM,QAAQ,mBAAU;AAE1D,OAAO,KAAKC,MAAM,MAAM,oBAAiB;AACzC,SAASC,GAAG,EAAEC,MAAM,EAAEC,GAAG,EAAEC,OAAO,EAAEC,QAAQ,EAAEC,MAAM,QAAQ,sBAAmB;;AAE/E;AACA;AACA;AACA,SACEC,mBAAmB,EACnBC,aAAa,EACbC,eAAe,EACfC,UAAU,EACVC,UAAU,EACVC,YAAY,EACZC,OAAO,EACPC,MAAM,EACNC,YAAY,EACZC,UAAU,EACVC,gBAAgB,EAChBC,UAAU,EACVC,gBAAgB,QACX,0BAAiB;AAYxB;AACA,SAASC,mBAAmB,QAAQ,gCAA6B;AACjE,SAASC,iBAAiB,QAAQ,8BAA2B;AAC7D,SAASC,iBAAiB,QAAQ,8BAA2B;;AAE7D;AACA,OAAO,KAAKC,KAAK,MAAM,kBAAS;AAChC,SAAkCC,KAAK,IAAIC,SAAS,EAAEC,iBAAiB,QAAQ,mBAAgB;;AAE/F;AACA,cAAc,UAAU;AACxB,SACEC,MAAM,EACNC,4BAA4B,EAC5BC,mBAAmB,EACnBC,KAAK,EACLC,gBAAgB,EAChBC,gBAAgB,QACX,UAAU;AAajB,cAAc,UAAU;AACxB,SAASC,GAAG,QAAQ,OAAO;AAE3B,cAAc,4BAAmB;AACjC,cAAc,oBAAW;AACzB,cAAc,4BAAmB;AACjC,cAAc,wBAAe;AAC7B,SAASC,aAAa,QAAQ,2BAAkB;AAMhD,cAAc,mBAAU;AACxB,SAASC,WAAW,QAAQ,yBAAgB;AAE5C,SAASC,aAAa,QAAQ,4BAAmB;AAEjD,cAAc,WAAW;AACzB,cAAc,yBAAgB;AAC9B,cAAc,mBAAU;AACxB,SAASC,KAAK,QAAoB,SAAS;;AAE3C;AACA,OAAO,KAAKC,UAAU,MAAM,uBAAc;;AAE1C;AACA,OAAO,KAAKC,QAAQ,MAAM,qBAAY;AACtC,OAAO,KAAKC,IAAI,MAAM,iBAAQ;AAC9B,SAASC,IAAI,QAAQ,iBAAQ;AAC7B,SAASC,UAAU,QAAQ,wBAAe;AAC1C,SAASC,cAAc,QAAQ,mBAAmB;AAElD,SAASC,UAAU,EAAEC,WAAW,QAAQ,yBAAgB;AAGxD;AACA,cAAc,uBAAc;AAC5B,cAAc,8BAAqB;AACnC,SAASC,WAAW,QAAQ,yBAAgB;AAC5C,SAASC,KAAK,QAAQ,kBAAS;AAE/B,SAASC,KAAK,QAAQ,kBAAS;AAE/B,SAASC,UAAU,QAAQ,wBAAe;AAE1C,SAASC,MAAM,QAAQ,mBAAU;AAEjC,SAASC,QAAQ,QAAQ,YAAY;AAGrC;AACA,SAASC,WAAW,QAAQ,yBAAgB;AAG5C;AACA,cAAc,iBAAQ;AACtB,cAAc,kBAAS;AACvB,cAAc,iBAAQ;AACtB,cAAc,iBAAQ;AACtB,cAAc,qBAAY;AAC1B,cAAc,sBAAa;;AAE3B;AACA,cAAc,0BAAiB;AAC/B,SAASC,IAAI,QAAQ,iBAAQ;AAE7B,SAASC,GAAG,QAAQ,gBAAO;AAG3B;AACA,cAAc,uBAAc;AAC5B,cAAc,QAAQ;AACtB,cAAc,WAAW;AACzB,cAAc,UAAU;AACxB,cAAc,gBAAgB;AAC9B,cAAc,WAAW;AACzB,SAASC,WAAW,EAAEC,eAAe,EAAEC,OAAO,QAAQ,gBAAgB;AAMtE,SAASC,OAAO,QAAQ,WAAW;AAGnC;AACA,OAAO,KAAKC,IAAI,MAAM,iBAAQ;;AAE9B;AACA,OAAO,KAAKC,KAAK,MAAM,SAAS","ignoreList":[]}
|
package/lib/module/index.web.js
CHANGED
|
@@ -13,6 +13,10 @@ export { atoms, flatten, Z_INDEX, zIndex } from "./styles/index.js";
|
|
|
13
13
|
export * as tokens from "./styles/tokens.js";
|
|
14
14
|
export { web, native, ios, android, platform, select } from "./styles/platform.js";
|
|
15
15
|
|
|
16
|
+
// Design tokens (Oxy Unified Design Language) — semantic Tailwind/NativeWind
|
|
17
|
+
// vocabulary. The Tailwind preset is consumed from `@oxyhq/bloom/tailwind-preset`
|
|
18
|
+
// in a config file; these named exports cover programmatic/runtime use.
|
|
19
|
+
export { bloomTailwindPreset, bloomThemeCss, bloomThemeBlock, FILL_ROLES, TEXT_ROLES, BORDER_ROLES, SPACING, RADIUS, BORDER_WIDTH, TYPOGRAPHY, FONT_FAMILY_VARS, SHADOW_BOX, bloomShadowStyle } from "./design-tokens/index.js";
|
|
16
20
|
// Hooks
|
|
17
21
|
export { useInteractionState } from "./hooks/useInteractionState.js";
|
|
18
22
|
export { useDelayedLoading } from "./hooks/useDelayedLoading.js";
|
|
@@ -48,7 +52,8 @@ export * as Skeleton from "./skeleton/index.js";
|
|
|
48
52
|
export * as Grid from "./grid/index.js";
|
|
49
53
|
export { Fill } from "./fill/index.js";
|
|
50
54
|
export { IconCircle } from "./icon-circle/index.js";
|
|
51
|
-
|
|
55
|
+
export { ConnectionDots } from "./connection-dots/index.web.js";
|
|
56
|
+
export { BenefitRow, BenefitList } from "./benefit-list/index.js";
|
|
52
57
|
// Form components
|
|
53
58
|
export * from "./text-field/index.js";
|
|
54
59
|
export * from "./segmented-control/index.js";
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["atoms","flatten","Z_INDEX","zIndex","tokens","web","native","ios","android","platform","select","useInteractionState","useDelayedLoading","useThrottledValue","Icons","sizes","iconSizes","useCommonSVGProps","Dialog","DIALOG_SHEET_BACKDROP_TESTID","BloomDialogProvider","alert","useDialogContext","useDialogControl","Fab","ErrorBoundary","AvatarGroup","UserHoverCard","toast","Typography","Skeleton","Grid","Fill","IconCircle","SearchInput","Label","Field","InputGroup","Slider","Combobox","BottomSheet","Item","Kbd","AlertDialog","AlertDialogHost","confirm","Command","Code","Fonts"],"sourceRoot":"../../src","sources":["index.web.ts"],"mappings":";;AAAA;AACA;AACA;AACA;;AAEA;AACA,cAAc,kBAAS;;AAEvB;AACA,SAASA,KAAK,EAAEC,OAAO,EAAEC,OAAO,EAAEC,MAAM,QAAQ,mBAAU;AAE1D,OAAO,KAAKC,MAAM,MAAM,oBAAiB;AACzC,SAASC,GAAG,EAAEC,MAAM,EAAEC,GAAG,EAAEC,OAAO,EAAEC,QAAQ,EAAEC,MAAM,QAAQ,sBAAmB;;AAE/E;AACA,SAASC,mBAAmB,QAAQ,gCAA6B;AACjE,SAASC,iBAAiB,QAAQ,8BAA2B;AAC7D,SAASC,iBAAiB,QAAQ,8BAA2B;;AAE7D;AACA,OAAO,KAAKC,KAAK,MAAM,kBAAS;AAChC,SAAkCC,KAAK,IAAIC,SAAS,EAAEC,iBAAiB,QAAQ,mBAAgB;;AAE/F;AACA,cAAc,uBAAoB;AAClC,SACEC,MAAM,EACNC,4BAA4B,EAC5BC,mBAAmB,EACnBC,KAAK,EACLC,gBAAgB,EAChBC,gBAAgB,QACX,uBAAoB;AAa3B,cAAc,uBAAoB;AAClC,SAASC,GAAG,QAAQ,oBAAiB;AAErC,cAAc,4BAAmB;AACjC,cAAc,oBAAW;AACzB,cAAc,4BAAmB;AACjC,cAAc,wBAAe;AAC7B,SAASC,aAAa,QAAQ,2BAAkB;AAMhD,cAAc,mBAAU;AACxB,SAASC,WAAW,QAAQ,6BAA0B;AAEtD,SAASC,aAAa,QAAQ,4BAAmB;AAEjD,cAAc,wBAAqB;AACnC,cAAc,yBAAgB;AAC9B,cAAc,mBAAU;AACxB,SAASC,KAAK,QAAoB,sBAAmB;;AAErD;AACA,OAAO,KAAKC,UAAU,MAAM,uBAAc;;AAE1C;AACA,OAAO,KAAKC,QAAQ,MAAM,qBAAY;AACtC,OAAO,KAAKC,IAAI,MAAM,iBAAQ;AAC9B,SAASC,IAAI,QAAQ,iBAAQ;AAC7B,SAASC,UAAU,QAAQ,wBAAe
|
|
1
|
+
{"version":3,"names":["atoms","flatten","Z_INDEX","zIndex","tokens","web","native","ios","android","platform","select","bloomTailwindPreset","bloomThemeCss","bloomThemeBlock","FILL_ROLES","TEXT_ROLES","BORDER_ROLES","SPACING","RADIUS","BORDER_WIDTH","TYPOGRAPHY","FONT_FAMILY_VARS","SHADOW_BOX","bloomShadowStyle","useInteractionState","useDelayedLoading","useThrottledValue","Icons","sizes","iconSizes","useCommonSVGProps","Dialog","DIALOG_SHEET_BACKDROP_TESTID","BloomDialogProvider","alert","useDialogContext","useDialogControl","Fab","ErrorBoundary","AvatarGroup","UserHoverCard","toast","Typography","Skeleton","Grid","Fill","IconCircle","ConnectionDots","BenefitRow","BenefitList","SearchInput","Label","Field","InputGroup","Slider","Combobox","BottomSheet","Item","Kbd","AlertDialog","AlertDialogHost","confirm","Command","Code","Fonts"],"sourceRoot":"../../src","sources":["index.web.ts"],"mappings":";;AAAA;AACA;AACA;AACA;;AAEA;AACA,cAAc,kBAAS;;AAEvB;AACA,SAASA,KAAK,EAAEC,OAAO,EAAEC,OAAO,EAAEC,MAAM,QAAQ,mBAAU;AAE1D,OAAO,KAAKC,MAAM,MAAM,oBAAiB;AACzC,SAASC,GAAG,EAAEC,MAAM,EAAEC,GAAG,EAAEC,OAAO,EAAEC,QAAQ,EAAEC,MAAM,QAAQ,sBAAmB;;AAE/E;AACA;AACA;AACA,SACEC,mBAAmB,EACnBC,aAAa,EACbC,eAAe,EACfC,UAAU,EACVC,UAAU,EACVC,YAAY,EACZC,OAAO,EACPC,MAAM,EACNC,YAAY,EACZC,UAAU,EACVC,gBAAgB,EAChBC,UAAU,EACVC,gBAAgB,QACX,0BAAiB;AAYxB;AACA,SAASC,mBAAmB,QAAQ,gCAA6B;AACjE,SAASC,iBAAiB,QAAQ,8BAA2B;AAC7D,SAASC,iBAAiB,QAAQ,8BAA2B;;AAE7D;AACA,OAAO,KAAKC,KAAK,MAAM,kBAAS;AAChC,SAAkCC,KAAK,IAAIC,SAAS,EAAEC,iBAAiB,QAAQ,mBAAgB;;AAE/F;AACA,cAAc,uBAAoB;AAClC,SACEC,MAAM,EACNC,4BAA4B,EAC5BC,mBAAmB,EACnBC,KAAK,EACLC,gBAAgB,EAChBC,gBAAgB,QACX,uBAAoB;AAa3B,cAAc,uBAAoB;AAClC,SAASC,GAAG,QAAQ,oBAAiB;AAErC,cAAc,4BAAmB;AACjC,cAAc,oBAAW;AACzB,cAAc,4BAAmB;AACjC,cAAc,wBAAe;AAC7B,SAASC,aAAa,QAAQ,2BAAkB;AAMhD,cAAc,mBAAU;AACxB,SAASC,WAAW,QAAQ,6BAA0B;AAEtD,SAASC,aAAa,QAAQ,4BAAmB;AAEjD,cAAc,wBAAqB;AACnC,cAAc,yBAAgB;AAC9B,cAAc,mBAAU;AACxB,SAASC,KAAK,QAAoB,sBAAmB;;AAErD;AACA,OAAO,KAAKC,UAAU,MAAM,uBAAc;;AAE1C;AACA,OAAO,KAAKC,QAAQ,MAAM,qBAAY;AACtC,OAAO,KAAKC,IAAI,MAAM,iBAAQ;AAC9B,SAASC,IAAI,QAAQ,iBAAQ;AAC7B,SAASC,UAAU,QAAQ,wBAAe;AAC1C,SAASC,cAAc,QAAQ,gCAA6B;AAE5D,SAASC,UAAU,EAAEC,WAAW,QAAQ,yBAAgB;AAGxD;AACA,cAAc,uBAAc;AAC5B,cAAc,8BAAqB;AACnC,SAASC,WAAW,QAAQ,yBAAgB;AAC5C,SAASC,KAAK,QAAQ,kBAAS;AAE/B,SAASC,KAAK,QAAQ,kBAAS;AAE/B,SAASC,UAAU,QAAQ,wBAAe;AAE1C,SAASC,MAAM,QAAQ,mBAAU;AAEjC,SAASC,QAAQ,QAAQ,yBAAsB;AAG/C;AACA,SAASC,WAAW,QAAQ,yBAAgB;AAG5C;AACA,cAAc,iBAAQ;AACtB,cAAc,kBAAS;AACvB,cAAc,iBAAQ;AACtB,cAAc,iBAAQ;AACtB,cAAc,qBAAY;AAC1B,cAAc,sBAAa;;AAE3B;AACA,cAAc,0BAAiB;AAC/B,SAASC,IAAI,QAAQ,iBAAQ;AAE7B,SAASC,GAAG,QAAQ,gBAAO;AAG3B;AACA,cAAc,uBAAc;AAC5B,cAAc,qBAAkB;AAChC,cAAc,wBAAqB;AACnC,cAAc,uBAAoB;AAClC,cAAc,6BAA0B;AACxC,cAAc,wBAAqB;AACnC,SAASC,WAAW,EAAEC,eAAe,EAAEC,OAAO,QAAQ,6BAA0B;AAMhF,SAASC,OAAO,QAAQ,wBAAqB;AAG7C;AACA,OAAO,KAAKC,IAAI,MAAM,iBAAQ;;AAE9B;AACA,OAAO,KAAKC,KAAK,MAAM,sBAAmB","ignoreList":[]}
|
|
@@ -1,7 +1,8 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
-
import { createContext, useContext, useMemo, useRef } from 'react';
|
|
4
|
-
import { Platform, StyleSheet, TextInput, View } from 'react-native';
|
|
3
|
+
import { createContext, useContext, useEffect, useMemo, useRef } from 'react';
|
|
4
|
+
import { Animated, Platform, StyleSheet, TextInput, View } from 'react-native';
|
|
5
|
+
import { useReducedMotion } from 'react-native-reanimated';
|
|
5
6
|
import { useTheme } from "../theme/use-theme.js";
|
|
6
7
|
import { useInteractionState } from "../hooks/useInteractionState.js";
|
|
7
8
|
import { mergeRefs } from "../hooks/mergeRefs.js";
|
|
@@ -94,6 +95,7 @@ export function TextFieldInput({
|
|
|
94
95
|
isInvalid,
|
|
95
96
|
inputRef,
|
|
96
97
|
style,
|
|
98
|
+
floatingLabel = false,
|
|
97
99
|
...rest
|
|
98
100
|
}) {
|
|
99
101
|
const theme = useTheme();
|
|
@@ -114,11 +116,33 @@ export function TextFieldInput({
|
|
|
114
116
|
value: value,
|
|
115
117
|
onChangeText: onChangeText,
|
|
116
118
|
isInvalid: isInvalid,
|
|
119
|
+
floatingLabel: floatingLabel,
|
|
120
|
+
style: style,
|
|
121
|
+
inputRef: inputRef,
|
|
122
|
+
onFocus: onFocus,
|
|
123
|
+
onBlur: onBlur,
|
|
117
124
|
...rest
|
|
118
125
|
})
|
|
119
126
|
});
|
|
120
127
|
}
|
|
121
128
|
const refs = mergeRefs([ctx.inputRef, inputRef].filter(ref => ref != null));
|
|
129
|
+
if (floatingLabel) {
|
|
130
|
+
return /*#__PURE__*/_jsx(FloatingLabelInput, {
|
|
131
|
+
label: label,
|
|
132
|
+
value: value,
|
|
133
|
+
onChangeText: onChangeText,
|
|
134
|
+
onFocus: onFocus,
|
|
135
|
+
onBlur: onBlur,
|
|
136
|
+
isInvalid: isInvalid,
|
|
137
|
+
refs: refs,
|
|
138
|
+
style: style,
|
|
139
|
+
chromeHover: chromeHover,
|
|
140
|
+
chromeFocus: chromeFocus,
|
|
141
|
+
chromeError: chromeError,
|
|
142
|
+
chromeErrorHover: chromeErrorHover,
|
|
143
|
+
...rest
|
|
144
|
+
});
|
|
145
|
+
}
|
|
122
146
|
const flattened = StyleSheet.flatten([a.relative, a.z_20, a.flex_1, a.text_md, {
|
|
123
147
|
color: theme.colors.text
|
|
124
148
|
}, a.px_xs, {
|
|
@@ -175,6 +199,138 @@ export function TextFieldInput({
|
|
|
175
199
|
})]
|
|
176
200
|
});
|
|
177
201
|
}
|
|
202
|
+
|
|
203
|
+
/** Vertical band the floating label travels between rest (centered) and floated (top). */
|
|
204
|
+
const FLOAT_TRAVEL = 11;
|
|
205
|
+
/** Resting label size (matches the input text) vs. floated caption size. */
|
|
206
|
+
const FLOAT_LABEL_REST_SIZE = a.text_md.fontSize;
|
|
207
|
+
const FLOAT_LABEL_FLOAT_SIZE = a.text_xs.fontSize;
|
|
208
|
+
/**
|
|
209
|
+
* The floating-label rendering of {@link TextFieldInput}.
|
|
210
|
+
*
|
|
211
|
+
* State, not CSS, drives the motion so web and native behave identically:
|
|
212
|
+
* `floated = focused || hasValue`. A single `Animated.Value` (0 → rest, 1 →
|
|
213
|
+
* floated) interpolates the label's `top`, `fontSize`, and `color`; the same
|
|
214
|
+
* `Animated` API maps to CSS transforms on web via react-native-web, so no
|
|
215
|
+
* `:placeholder-shown` / `peer-focus` is needed. Reduced-motion snaps the value
|
|
216
|
+
* (duration 0) instead of animating.
|
|
217
|
+
*
|
|
218
|
+
* The native placeholder is intentionally suppressed — the floating label IS the
|
|
219
|
+
* placeholder at rest. The label still drives `accessibilityLabel`, and the
|
|
220
|
+
* chrome / focus / error / disabled infra is shared with the default variant.
|
|
221
|
+
*/
|
|
222
|
+
function FloatingLabelInput({
|
|
223
|
+
label,
|
|
224
|
+
value,
|
|
225
|
+
onChangeText,
|
|
226
|
+
onFocus,
|
|
227
|
+
onBlur,
|
|
228
|
+
isInvalid,
|
|
229
|
+
refs,
|
|
230
|
+
style,
|
|
231
|
+
chromeHover,
|
|
232
|
+
chromeFocus,
|
|
233
|
+
chromeError,
|
|
234
|
+
chromeErrorHover,
|
|
235
|
+
...rest
|
|
236
|
+
}) {
|
|
237
|
+
const theme = useTheme();
|
|
238
|
+
const ctx = useContext(Context);
|
|
239
|
+
const reduceMotion = useReducedMotion();
|
|
240
|
+
const hasValue = (value?.length ?? 0) > 0;
|
|
241
|
+
const floated = ctx.focused || hasValue;
|
|
242
|
+
const invalid = ctx.isInvalid || isInvalid;
|
|
243
|
+
const progress = useRef(new Animated.Value(floated ? 1 : 0)).current;
|
|
244
|
+
useEffect(() => {
|
|
245
|
+
const target = floated ? 1 : 0;
|
|
246
|
+
if (reduceMotion) {
|
|
247
|
+
progress.setValue(target);
|
|
248
|
+
return;
|
|
249
|
+
}
|
|
250
|
+
const timing = Animated.timing(progress, {
|
|
251
|
+
toValue: target,
|
|
252
|
+
duration: tokens.animation.duration.fast,
|
|
253
|
+
useNativeDriver: false
|
|
254
|
+
});
|
|
255
|
+
timing.start();
|
|
256
|
+
return () => timing.stop();
|
|
257
|
+
}, [floated, reduceMotion, progress]);
|
|
258
|
+
const labelTop = progress.interpolate({
|
|
259
|
+
inputRange: [0, 1],
|
|
260
|
+
outputRange: [16, 16 - FLOAT_TRAVEL]
|
|
261
|
+
});
|
|
262
|
+
const labelSize = progress.interpolate({
|
|
263
|
+
inputRange: [0, 1],
|
|
264
|
+
outputRange: [FLOAT_LABEL_REST_SIZE, FLOAT_LABEL_FLOAT_SIZE]
|
|
265
|
+
});
|
|
266
|
+
const labelColor = progress.interpolate({
|
|
267
|
+
inputRange: [0, 1],
|
|
268
|
+
outputRange: [theme.colors.textSecondary, invalid ? theme.colors.negative : theme.colors.primary]
|
|
269
|
+
});
|
|
270
|
+
const inputStyle = StyleSheet.flatten([a.relative, a.z_20, a.flex_1, a.text_md, {
|
|
271
|
+
color: theme.colors.text
|
|
272
|
+
}, a.px_xs, {
|
|
273
|
+
lineHeight: a.text_md.fontSize * 1.2,
|
|
274
|
+
minWidth: 0,
|
|
275
|
+
paddingTop: 26,
|
|
276
|
+
paddingBottom: 8
|
|
277
|
+
}, android({
|
|
278
|
+
paddingTop: 24,
|
|
279
|
+
paddingBottom: 6
|
|
280
|
+
}), web({
|
|
281
|
+
paddingTop: 25,
|
|
282
|
+
paddingBottom: 7
|
|
283
|
+
}), style]);
|
|
284
|
+
return /*#__PURE__*/_jsxs(_Fragment, {
|
|
285
|
+
children: [/*#__PURE__*/_jsx(Animated.Text, {
|
|
286
|
+
accessibilityElementsHidden: true,
|
|
287
|
+
importantForAccessibility: "no-hide-descendants",
|
|
288
|
+
"aria-hidden": true,
|
|
289
|
+
numberOfLines: 1,
|
|
290
|
+
style: [a.absolute, a.z_30, a.pointer_events_none, {
|
|
291
|
+
left: tokens.space.xs + tokens.space._2xs,
|
|
292
|
+
top: labelTop,
|
|
293
|
+
fontSize: labelSize,
|
|
294
|
+
color: labelColor
|
|
295
|
+
}],
|
|
296
|
+
children: label
|
|
297
|
+
}), /*#__PURE__*/_jsx(TextInput, {
|
|
298
|
+
accessibilityHint: undefined,
|
|
299
|
+
hitSlop: {
|
|
300
|
+
top: 20,
|
|
301
|
+
bottom: 20,
|
|
302
|
+
left: 20,
|
|
303
|
+
right: 20
|
|
304
|
+
},
|
|
305
|
+
...rest,
|
|
306
|
+
accessibilityLabel: label,
|
|
307
|
+
ref: refs,
|
|
308
|
+
value: value,
|
|
309
|
+
onChangeText: onChangeText,
|
|
310
|
+
onFocus: e => {
|
|
311
|
+
ctx.onFocus();
|
|
312
|
+
onFocus?.(e);
|
|
313
|
+
},
|
|
314
|
+
onBlur: e => {
|
|
315
|
+
ctx.onBlur();
|
|
316
|
+
onBlur?.(e);
|
|
317
|
+
},
|
|
318
|
+
placeholder: undefined,
|
|
319
|
+
placeholderTextColor: theme.colors.textSecondary,
|
|
320
|
+
keyboardAppearance: theme.mode === 'light' ? 'light' : 'dark',
|
|
321
|
+
style: inputStyle
|
|
322
|
+
}), /*#__PURE__*/_jsx(View, {
|
|
323
|
+
style: [a.z_10, a.absolute, a.inset_0, {
|
|
324
|
+
borderRadius: 10
|
|
325
|
+
}, {
|
|
326
|
+
backgroundColor: theme.colors.contrast50
|
|
327
|
+
}, {
|
|
328
|
+
borderColor: 'transparent',
|
|
329
|
+
borderWidth: 2
|
|
330
|
+
}, ctx.hovered ? chromeHover : {}, ctx.focused ? chromeFocus : {}, invalid ? chromeError : {}, invalid && (ctx.hovered || ctx.focused) ? chromeErrorHover : {}]
|
|
331
|
+
})]
|
|
332
|
+
});
|
|
333
|
+
}
|
|
178
334
|
export function TextFieldLabel({
|
|
179
335
|
nativeID,
|
|
180
336
|
children
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["createContext","useContext","useMemo","useRef","Platform","StyleSheet","TextInput","View","useTheme","useInteractionState","mergeRefs","atoms","a","web","android","platform","tokens","Text","jsx","_jsx","Fragment","_Fragment","jsxs","_jsxs","Context","inputRef","isInvalid","hovered","onHoverIn","onHoverOut","focused","onFocus","onBlur","displayName","TextField","children","style","state","onIn","onOut","context","Provider","value","flex_row","align_center","relative","w_full","px_md","OS","onClick","current","focus","onMouseOver","onMouseOut","undefined","useSharedInputStyles","theme","hover","borderColor","colors","borderLight","backgroundColor","contrast50","primary","error","negativeSubtle","negative","errorHover","chromeHover","chromeFocus","chromeError","chromeErrorHover","TextFieldInput","label","placeholder","onChangeText","rest","ctx","withinRoot","Boolean","refs","filter","ref","flattened","flatten","z_20","flex_1","text_md","color","text","px_xs","lineHeight","fontSize","textAlignVertical","multiline","minHeight","minWidth","paddingTop","paddingBottom","marginTop","marginBottom","accessibilityHint","hitSlop","top","bottom","left","right","accessibilityLabel","e","placeholderTextColor","textSecondary","keyboardAppearance","mode","z_10","absolute","inset_0","borderRadius","borderWidth","TextFieldLabel","nativeID","text_sm","font_medium","mb_sm","TextFieldIcon","icon","Comp","errorFocus","pr_xs","size","pointerEvents","flexShrink","TextFieldSuffix","numberOfLines","pr_sm","pointer_events_none","TextFieldGhost","native","paddingLeft","space","md","xl","xs","paddingRight","overflow_hidden","max_w_full","accessibilityElementsHidden","importantForAccessibility","textTertiary"],"sourceRoot":"../../../src","sources":["text-field/index.tsx"],"mappings":"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","ignoreList":[]}
|
|
1
|
+
{"version":3,"names":["createContext","useContext","useEffect","useMemo","useRef","Animated","Platform","StyleSheet","TextInput","View","useReducedMotion","useTheme","useInteractionState","mergeRefs","atoms","a","web","android","platform","tokens","Text","jsx","_jsx","Fragment","_Fragment","jsxs","_jsxs","Context","inputRef","isInvalid","hovered","onHoverIn","onHoverOut","focused","onFocus","onBlur","displayName","TextField","children","style","state","onIn","onOut","context","Provider","value","flex_row","align_center","relative","w_full","px_md","OS","onClick","current","focus","onMouseOver","onMouseOut","undefined","useSharedInputStyles","theme","hover","borderColor","colors","borderLight","backgroundColor","contrast50","primary","error","negativeSubtle","negative","errorHover","chromeHover","chromeFocus","chromeError","chromeErrorHover","TextFieldInput","label","placeholder","onChangeText","floatingLabel","rest","ctx","withinRoot","Boolean","refs","filter","ref","FloatingLabelInput","flattened","flatten","z_20","flex_1","text_md","color","text","px_xs","lineHeight","fontSize","textAlignVertical","multiline","minHeight","minWidth","paddingTop","paddingBottom","marginTop","marginBottom","accessibilityHint","hitSlop","top","bottom","left","right","accessibilityLabel","e","placeholderTextColor","textSecondary","keyboardAppearance","mode","z_10","absolute","inset_0","borderRadius","borderWidth","FLOAT_TRAVEL","FLOAT_LABEL_REST_SIZE","FLOAT_LABEL_FLOAT_SIZE","text_xs","reduceMotion","hasValue","length","floated","invalid","progress","Value","target","setValue","timing","toValue","duration","animation","fast","useNativeDriver","start","stop","labelTop","interpolate","inputRange","outputRange","labelSize","labelColor","inputStyle","accessibilityElementsHidden","importantForAccessibility","numberOfLines","z_30","pointer_events_none","space","xs","_2xs","TextFieldLabel","nativeID","text_sm","font_medium","mb_sm","TextFieldIcon","icon","Comp","errorFocus","pr_xs","size","pointerEvents","flexShrink","TextFieldSuffix","pr_sm","TextFieldGhost","native","paddingLeft","md","xl","paddingRight","overflow_hidden","max_w_full","textTertiary"],"sourceRoot":"../../../src","sources":["text-field/index.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import type { BenefitRowProps, BenefitListProps } from './types';
|
|
3
|
+
export declare const BenefitRow: React.NamedExoticComponent<BenefitRowProps>;
|
|
4
|
+
export declare const BenefitList: React.NamedExoticComponent<BenefitListProps>;
|
|
5
|
+
export type { BenefitRowProps, BenefitListProps } from './types';
|
|
6
|
+
//# sourceMappingURL=index.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/benefit-list/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAe,MAAM,OAAO,CAAC;AAapC,OAAO,KAAK,EAAE,eAAe,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAuEjE,eAAO,MAAM,UAAU,6CAA4B,CAAC;AA6CpD,eAAO,MAAM,WAAW,8CAA6B,CAAC;AAGtD,YAAY,EAAE,eAAe,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC"}
|
|
@@ -0,0 +1,35 @@
|
|
|
1
|
+
import type { ReactNode } from 'react';
|
|
2
|
+
import type { StyleProp, TextStyle, ViewStyle } from 'react-native';
|
|
3
|
+
export interface BenefitRowProps {
|
|
4
|
+
/**
|
|
5
|
+
* Leading icon — rendered inside a rounded `fill-secondary` square. Pass a
|
|
6
|
+
* Bloom icon element (e.g. `<Icons.Lock size="sm" />`) or any node.
|
|
7
|
+
*/
|
|
8
|
+
icon: ReactNode;
|
|
9
|
+
/**
|
|
10
|
+
* Caption text. Provide either `label` or `children` (string or nodes).
|
|
11
|
+
* Rendered as `text-secondary` at the `caption` type role.
|
|
12
|
+
*/
|
|
13
|
+
label?: string;
|
|
14
|
+
/** Caption content as children (alternative to `label`). */
|
|
15
|
+
children?: ReactNode;
|
|
16
|
+
/** Accessibility label for the row (defaults to the text content). */
|
|
17
|
+
accessibilityLabel?: string;
|
|
18
|
+
/** NativeWind className passthrough on the row container. */
|
|
19
|
+
className?: string;
|
|
20
|
+
/** Style passthrough on the row container. */
|
|
21
|
+
style?: StyleProp<ViewStyle>;
|
|
22
|
+
/** Style passthrough on the caption text. */
|
|
23
|
+
textStyle?: StyleProp<TextStyle>;
|
|
24
|
+
}
|
|
25
|
+
export interface BenefitListProps {
|
|
26
|
+
/** `BenefitRow`s (or any nodes) stacked with consistent spacing. */
|
|
27
|
+
children: ReactNode;
|
|
28
|
+
/** Accessibility label for the card. */
|
|
29
|
+
accessibilityLabel?: string;
|
|
30
|
+
/** NativeWind className passthrough on the card container. */
|
|
31
|
+
className?: string;
|
|
32
|
+
/** Style passthrough on the card container. */
|
|
33
|
+
style?: StyleProp<ViewStyle>;
|
|
34
|
+
}
|
|
35
|
+
//# sourceMappingURL=types.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/benefit-list/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAEpE,MAAM,WAAW,eAAe;IAC9B;;;OAGG;IACH,IAAI,EAAE,SAAS,CAAC;IAChB;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,4DAA4D;IAC5D,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,sEAAsE;IACtE,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,6DAA6D;IAC7D,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,8CAA8C;IAC9C,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B,6CAA6C;IAC7C,SAAS,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAClC;AAED,MAAM,WAAW,gBAAgB;IAC/B,oEAAoE;IACpE,QAAQ,EAAE,SAAS,CAAC;IACpB,wCAAwC;IACxC,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,8DAA8D;IAC9D,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,+CAA+C;IAC/C,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAC9B"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ConnectionDots.d.ts","sourceRoot":"","sources":["../../../../src/connection-dots/ConnectionDots.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA0B,MAAM,OAAO,CAAC;AAe/C,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAC;AA0HnD,eAAO,MAAM,cAAc,iDAAgC,CAAC"}
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import type { ConnectionDotsProps } from './types';
|
|
3
|
+
/**
|
|
4
|
+
* CSS keyframes powering the ellipsis shimmer. Mirrors the native Reanimated
|
|
5
|
+
* triangle wave: each dot's opacity rises to 1 and falls back to a dim floor,
|
|
6
|
+
* with a per-dot `animation-delay` sweeping the bright crest left→right.
|
|
7
|
+
*
|
|
8
|
+
* A `prefers-reduced-motion: reduce` media query pins every dot to full opacity,
|
|
9
|
+
* matching the native `useReducedMotion` branch — defence-in-depth alongside the
|
|
10
|
+
* JS `matchMedia` gate below (which also stops emitting the `animation` prop).
|
|
11
|
+
*/
|
|
12
|
+
export declare const BLOOM_CONNECTION_DOTS_CSS = "\n@keyframes bloomConnectionDotsWave { 0%, 100% { opacity: 0.25; } 50% { opacity: 1; } }\n@media (prefers-reduced-motion: reduce) {\n [data-bloom-connection-dot] { animation: none !important; opacity: 1 !important; }\n}\n";
|
|
13
|
+
export declare const ConnectionDots: React.NamedExoticComponent<ConnectionDotsProps>;
|
|
14
|
+
//# sourceMappingURL=ConnectionDots.web.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ConnectionDots.web.d.ts","sourceRoot":"","sources":["../../../../src/connection-dots/ConnectionDots.web.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAoC,MAAM,OAAO,CAAC;AAKzD,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAC;AASnD;;;;;;;;GAQG;AACH,eAAO,MAAM,yBAAyB,mOAKrC,CAAC;AA4FF,eAAO,MAAM,cAAc,iDAAgC,CAAC"}
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import type { ConnectionDotsProps } from './types';
|
|
3
|
+
export interface ConnectionDotsBaseProps extends Pick<ConnectionDotsProps, 'left' | 'right' | 'accessibilityLabel' | 'className' | 'style'> {
|
|
4
|
+
/** The platform-specific animated dots row (built by the native/web fork). */
|
|
5
|
+
dots: React.ReactNode;
|
|
6
|
+
}
|
|
7
|
+
/**
|
|
8
|
+
* Shared layout + accessibility chrome for {@link ConnectionDots}:
|
|
9
|
+
*
|
|
10
|
+
* leftSlot · (animated ellipsis dots) · rightSlot
|
|
11
|
+
*
|
|
12
|
+
* The dots themselves are supplied by the platform fork (`ConnectionDots.tsx`
|
|
13
|
+
* native / `ConnectionDots.web.tsx` web) because the shimmer animation impl
|
|
14
|
+
* differs (Reanimated vs CSS). This base owns the row layout, the slot wrappers,
|
|
15
|
+
* and the single accessibility label that stands in for the decorative dots.
|
|
16
|
+
*/
|
|
17
|
+
export declare function ConnectionDotsBase({ left, right, dots, accessibilityLabel, className, style, }: ConnectionDotsBaseProps): import("react/jsx-runtime").JSX.Element;
|
|
18
|
+
//# sourceMappingURL=ConnectionDotsBase.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ConnectionDotsBase.d.ts","sourceRoot":"","sources":["../../../../src/connection-dots/ConnectionDotsBase.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAC;AAEnD,MAAM,WAAW,uBACf,SAAQ,IAAI,CACV,mBAAmB,EACnB,MAAM,GAAG,OAAO,GAAG,oBAAoB,GAAG,WAAW,GAAG,OAAO,CAChE;IACD,8EAA8E;IAC9E,IAAI,EAAE,KAAK,CAAC,SAAS,CAAC;CACvB;AAED;;;;;;;;;GASG;AACH,wBAAgB,kBAAkB,CAAC,EACjC,IAAI,EACJ,KAAK,EACL,IAAI,EACJ,kBAAiC,EACjC,SAAS,EACT,KAAK,GACN,EAAE,uBAAuB,2CA6BzB"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/connection-dots/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAClD,YAAY,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.web.d.ts","sourceRoot":"","sources":["../../../../src/connection-dots/index.web.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAC;AACtD,YAAY,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAC"}
|
|
@@ -0,0 +1,41 @@
|
|
|
1
|
+
import type { ReactNode } from 'react';
|
|
2
|
+
import type { StyleProp, ViewStyle } from 'react-native';
|
|
3
|
+
export interface ConnectionDotsProps {
|
|
4
|
+
/**
|
|
5
|
+
* Left-hand content — typically a logo or avatar of the first party in a
|
|
6
|
+
* link/consent flow. Rendered as-is.
|
|
7
|
+
*/
|
|
8
|
+
left: ReactNode;
|
|
9
|
+
/**
|
|
10
|
+
* Right-hand content — typically a logo or avatar of the second party.
|
|
11
|
+
* Rendered as-is.
|
|
12
|
+
*/
|
|
13
|
+
right: ReactNode;
|
|
14
|
+
/**
|
|
15
|
+
* Number of ellipsis dots animating between the two slots.
|
|
16
|
+
* @default 6
|
|
17
|
+
*/
|
|
18
|
+
dotCount?: number;
|
|
19
|
+
/**
|
|
20
|
+
* Diameter of each dot in px.
|
|
21
|
+
* @default 6
|
|
22
|
+
*/
|
|
23
|
+
dotSize?: number;
|
|
24
|
+
/**
|
|
25
|
+
* Accessibility label for the whole connection band. Read by screen readers in
|
|
26
|
+
* place of the (decorative) dots.
|
|
27
|
+
* @default 'Connecting'
|
|
28
|
+
*/
|
|
29
|
+
accessibilityLabel?: string;
|
|
30
|
+
/** NativeWind className passthrough on the outer row. */
|
|
31
|
+
className?: string;
|
|
32
|
+
/** Style passthrough on the outer row. */
|
|
33
|
+
style?: StyleProp<ViewStyle>;
|
|
34
|
+
/**
|
|
35
|
+
* Force-disable the shimmer regardless of the OS reduced-motion setting.
|
|
36
|
+
* (When omitted, the component reads the platform reduced-motion preference
|
|
37
|
+
* and renders the dots statically when it is on.)
|
|
38
|
+
*/
|
|
39
|
+
reducedMotion?: boolean;
|
|
40
|
+
}
|
|
41
|
+
//# sourceMappingURL=types.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/connection-dots/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAEzD,MAAM,WAAW,mBAAmB;IAClC;;;OAGG;IACH,IAAI,EAAE,SAAS,CAAC;IAChB;;;OAGG;IACH,KAAK,EAAE,SAAS,CAAC;IACjB;;;OAGG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB;;;OAGG;IACH,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB;;;;OAIG;IACH,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,yDAAyD;IACzD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,0CAA0C;IAC1C,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B;;;;OAIG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;CACzB"}
|