@tekton-ui/core 0.2.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/README.md +758 -0
- package/dist/blueprint.d.ts +44 -0
- package/dist/blueprint.d.ts.map +1 -0
- package/dist/blueprint.js +163 -0
- package/dist/blueprint.js.map +1 -0
- package/dist/component-schemas.d.ts +78 -0
- package/dist/component-schemas.d.ts.map +1 -0
- package/dist/component-schemas.js +1037 -0
- package/dist/component-schemas.js.map +1 -0
- package/dist/css-generator.d.ts +42 -0
- package/dist/css-generator.d.ts.map +1 -0
- package/dist/css-generator.js +339 -0
- package/dist/css-generator.js.map +1 -0
- package/dist/icon-library.d.ts +109 -0
- package/dist/icon-library.d.ts.map +1 -0
- package/dist/icon-library.js +204 -0
- package/dist/icon-library.js.map +1 -0
- package/dist/index.d.ts +36 -0
- package/dist/index.d.ts.map +1 -0
- package/dist/index.js +51 -0
- package/dist/index.js.map +1 -0
- package/dist/layout-css-generator.d.ts +158 -0
- package/dist/layout-css-generator.d.ts.map +1 -0
- package/dist/layout-css-generator.js +901 -0
- package/dist/layout-css-generator.js.map +1 -0
- package/dist/layout-resolver.d.ts +92 -0
- package/dist/layout-resolver.d.ts.map +1 -0
- package/dist/layout-resolver.js +275 -0
- package/dist/layout-resolver.js.map +1 -0
- package/dist/layout-tokens/index.d.ts +16 -0
- package/dist/layout-tokens/index.d.ts.map +1 -0
- package/dist/layout-tokens/index.js +16 -0
- package/dist/layout-tokens/index.js.map +1 -0
- package/dist/layout-tokens/keyboard.d.ts +254 -0
- package/dist/layout-tokens/keyboard.d.ts.map +1 -0
- package/dist/layout-tokens/keyboard.js +407 -0
- package/dist/layout-tokens/keyboard.js.map +1 -0
- package/dist/layout-tokens/mobile-shells.d.ts +78 -0
- package/dist/layout-tokens/mobile-shells.d.ts.map +1 -0
- package/dist/layout-tokens/mobile-shells.js +635 -0
- package/dist/layout-tokens/mobile-shells.js.map +1 -0
- package/dist/layout-tokens/pages.d.ts +100 -0
- package/dist/layout-tokens/pages.d.ts.map +1 -0
- package/dist/layout-tokens/pages.js +576 -0
- package/dist/layout-tokens/pages.js.map +1 -0
- package/dist/layout-tokens/responsive.d.ts +109 -0
- package/dist/layout-tokens/responsive.d.ts.map +1 -0
- package/dist/layout-tokens/responsive.js +167 -0
- package/dist/layout-tokens/responsive.js.map +1 -0
- package/dist/layout-tokens/safe-area.d.ts +156 -0
- package/dist/layout-tokens/safe-area.d.ts.map +1 -0
- package/dist/layout-tokens/safe-area.js +316 -0
- package/dist/layout-tokens/safe-area.js.map +1 -0
- package/dist/layout-tokens/sections-advanced.d.ts +277 -0
- package/dist/layout-tokens/sections-advanced.d.ts.map +1 -0
- package/dist/layout-tokens/sections-advanced.js +593 -0
- package/dist/layout-tokens/sections-advanced.js.map +1 -0
- package/dist/layout-tokens/sections.d.ts +137 -0
- package/dist/layout-tokens/sections.d.ts.map +1 -0
- package/dist/layout-tokens/sections.js +694 -0
- package/dist/layout-tokens/sections.js.map +1 -0
- package/dist/layout-tokens/shells.d.ts +77 -0
- package/dist/layout-tokens/shells.d.ts.map +1 -0
- package/dist/layout-tokens/shells.js +408 -0
- package/dist/layout-tokens/shells.js.map +1 -0
- package/dist/layout-tokens/touch-target.d.ts +119 -0
- package/dist/layout-tokens/touch-target.d.ts.map +1 -0
- package/dist/layout-tokens/touch-target.js +156 -0
- package/dist/layout-tokens/touch-target.js.map +1 -0
- package/dist/layout-tokens/types.d.ts +632 -0
- package/dist/layout-tokens/types.d.ts.map +1 -0
- package/dist/layout-tokens/types.js +49 -0
- package/dist/layout-tokens/types.js.map +1 -0
- package/dist/layout-validation.d.ts +1547 -0
- package/dist/layout-validation.d.ts.map +1 -0
- package/dist/layout-validation.js +628 -0
- package/dist/layout-validation.js.map +1 -0
- package/dist/render.d.ts +23 -0
- package/dist/render.d.ts.map +1 -0
- package/dist/render.js +244 -0
- package/dist/render.js.map +1 -0
- package/dist/schema-validation.d.ts +208 -0
- package/dist/schema-validation.d.ts.map +1 -0
- package/dist/schema-validation.js +205 -0
- package/dist/schema-validation.js.map +1 -0
- package/dist/screen-generation/generators/css-in-js-generator.d.ts +82 -0
- package/dist/screen-generation/generators/css-in-js-generator.d.ts.map +1 -0
- package/dist/screen-generation/generators/css-in-js-generator.js +335 -0
- package/dist/screen-generation/generators/css-in-js-generator.js.map +1 -0
- package/dist/screen-generation/generators/index.d.ts +13 -0
- package/dist/screen-generation/generators/index.d.ts.map +1 -0
- package/dist/screen-generation/generators/index.js +32 -0
- package/dist/screen-generation/generators/index.js.map +1 -0
- package/dist/screen-generation/generators/react-generator.d.ts +100 -0
- package/dist/screen-generation/generators/react-generator.d.ts.map +1 -0
- package/dist/screen-generation/generators/react-generator.js +379 -0
- package/dist/screen-generation/generators/react-generator.js.map +1 -0
- package/dist/screen-generation/generators/tailwind-generator.d.ts +105 -0
- package/dist/screen-generation/generators/tailwind-generator.d.ts.map +1 -0
- package/dist/screen-generation/generators/tailwind-generator.js +355 -0
- package/dist/screen-generation/generators/tailwind-generator.js.map +1 -0
- package/dist/screen-generation/generators/types.d.ts +136 -0
- package/dist/screen-generation/generators/types.d.ts.map +1 -0
- package/dist/screen-generation/generators/types.js +18 -0
- package/dist/screen-generation/generators/types.js.map +1 -0
- package/dist/screen-generation/generators/utils.d.ts +187 -0
- package/dist/screen-generation/generators/utils.d.ts.map +1 -0
- package/dist/screen-generation/generators/utils.js +312 -0
- package/dist/screen-generation/generators/utils.js.map +1 -0
- package/dist/screen-generation/index.d.ts +14 -0
- package/dist/screen-generation/index.d.ts.map +1 -0
- package/dist/screen-generation/index.js +33 -0
- package/dist/screen-generation/index.js.map +1 -0
- package/dist/screen-generation/resolver/component-resolver.d.ts +157 -0
- package/dist/screen-generation/resolver/component-resolver.d.ts.map +1 -0
- package/dist/screen-generation/resolver/component-resolver.js +295 -0
- package/dist/screen-generation/resolver/component-resolver.js.map +1 -0
- package/dist/screen-generation/resolver/index.d.ts +10 -0
- package/dist/screen-generation/resolver/index.d.ts.map +1 -0
- package/dist/screen-generation/resolver/index.js +46 -0
- package/dist/screen-generation/resolver/index.js.map +1 -0
- package/dist/screen-generation/resolver/layout-resolver.d.ts +155 -0
- package/dist/screen-generation/resolver/layout-resolver.d.ts.map +1 -0
- package/dist/screen-generation/resolver/layout-resolver.js +193 -0
- package/dist/screen-generation/resolver/layout-resolver.js.map +1 -0
- package/dist/screen-generation/resolver/screen-resolver.d.ts +174 -0
- package/dist/screen-generation/resolver/screen-resolver.d.ts.map +1 -0
- package/dist/screen-generation/resolver/screen-resolver.js +373 -0
- package/dist/screen-generation/resolver/screen-resolver.js.map +1 -0
- package/dist/screen-generation/resolver/token-resolver.d.ts +170 -0
- package/dist/screen-generation/resolver/token-resolver.d.ts.map +1 -0
- package/dist/screen-generation/resolver/token-resolver.js +260 -0
- package/dist/screen-generation/resolver/token-resolver.js.map +1 -0
- package/dist/screen-generation/types.d.ts +116 -0
- package/dist/screen-generation/types.d.ts.map +1 -0
- package/dist/screen-generation/types.js +33 -0
- package/dist/screen-generation/types.js.map +1 -0
- package/dist/screen-generation/validators.d.ts +286 -0
- package/dist/screen-generation/validators.d.ts.map +1 -0
- package/dist/screen-generation/validators.js +323 -0
- package/dist/screen-generation/validators.js.map +1 -0
- package/dist/screen-templates/__tests__/registry.test.d.ts +6 -0
- package/dist/screen-templates/__tests__/registry.test.d.ts.map +1 -0
- package/dist/screen-templates/__tests__/registry.test.js +247 -0
- package/dist/screen-templates/__tests__/registry.test.js.map +1 -0
- package/dist/screen-templates/__tests__/templates.test.d.ts +6 -0
- package/dist/screen-templates/__tests__/templates.test.d.ts.map +1 -0
- package/dist/screen-templates/__tests__/templates.test.js +179 -0
- package/dist/screen-templates/__tests__/templates.test.js.map +1 -0
- package/dist/screen-templates/index.d.ts +39 -0
- package/dist/screen-templates/index.d.ts.map +1 -0
- package/dist/screen-templates/index.js +79 -0
- package/dist/screen-templates/index.js.map +1 -0
- package/dist/screen-templates/registry.d.ts +177 -0
- package/dist/screen-templates/registry.d.ts.map +1 -0
- package/dist/screen-templates/registry.js +274 -0
- package/dist/screen-templates/registry.js.map +1 -0
- package/dist/screen-templates/templates/account/index.d.ts +6 -0
- package/dist/screen-templates/templates/account/index.d.ts.map +1 -0
- package/dist/screen-templates/templates/account/index.js +6 -0
- package/dist/screen-templates/templates/account/index.js.map +1 -0
- package/dist/screen-templates/templates/account/profile.d.ts +23 -0
- package/dist/screen-templates/templates/account/profile.d.ts.map +1 -0
- package/dist/screen-templates/templates/account/profile.js +249 -0
- package/dist/screen-templates/templates/account/profile.js.map +1 -0
- package/dist/screen-templates/templates/auth/forgot-password.d.ts +23 -0
- package/dist/screen-templates/templates/auth/forgot-password.d.ts.map +1 -0
- package/dist/screen-templates/templates/auth/forgot-password.js +203 -0
- package/dist/screen-templates/templates/auth/forgot-password.js.map +1 -0
- package/dist/screen-templates/templates/auth/index.d.ts +9 -0
- package/dist/screen-templates/templates/auth/index.d.ts.map +1 -0
- package/dist/screen-templates/templates/auth/index.js +9 -0
- package/dist/screen-templates/templates/auth/index.js.map +1 -0
- package/dist/screen-templates/templates/auth/login.d.ts +24 -0
- package/dist/screen-templates/templates/auth/login.d.ts.map +1 -0
- package/dist/screen-templates/templates/auth/login.js +254 -0
- package/dist/screen-templates/templates/auth/login.js.map +1 -0
- package/dist/screen-templates/templates/auth/signup.d.ts +24 -0
- package/dist/screen-templates/templates/auth/signup.d.ts.map +1 -0
- package/dist/screen-templates/templates/auth/signup.js +315 -0
- package/dist/screen-templates/templates/auth/signup.js.map +1 -0
- package/dist/screen-templates/templates/auth/verification.d.ts +23 -0
- package/dist/screen-templates/templates/auth/verification.d.ts.map +1 -0
- package/dist/screen-templates/templates/auth/verification.js +239 -0
- package/dist/screen-templates/templates/auth/verification.js.map +1 -0
- package/dist/screen-templates/templates/feedback/confirmation.d.ts +9 -0
- package/dist/screen-templates/templates/feedback/confirmation.d.ts.map +1 -0
- package/dist/screen-templates/templates/feedback/confirmation.js +107 -0
- package/dist/screen-templates/templates/feedback/confirmation.js.map +1 -0
- package/dist/screen-templates/templates/feedback/empty.d.ts +9 -0
- package/dist/screen-templates/templates/feedback/empty.d.ts.map +1 -0
- package/dist/screen-templates/templates/feedback/empty.js +90 -0
- package/dist/screen-templates/templates/feedback/empty.js.map +1 -0
- package/dist/screen-templates/templates/feedback/error.d.ts +9 -0
- package/dist/screen-templates/templates/feedback/error.d.ts.map +1 -0
- package/dist/screen-templates/templates/feedback/error.js +99 -0
- package/dist/screen-templates/templates/feedback/error.js.map +1 -0
- package/dist/screen-templates/templates/feedback/index.d.ts +10 -0
- package/dist/screen-templates/templates/feedback/index.d.ts.map +1 -0
- package/dist/screen-templates/templates/feedback/index.js +10 -0
- package/dist/screen-templates/templates/feedback/index.js.map +1 -0
- package/dist/screen-templates/templates/feedback/loading.d.ts +9 -0
- package/dist/screen-templates/templates/feedback/loading.d.ts.map +1 -0
- package/dist/screen-templates/templates/feedback/loading.js +77 -0
- package/dist/screen-templates/templates/feedback/loading.js.map +1 -0
- package/dist/screen-templates/templates/feedback/success.d.ts +9 -0
- package/dist/screen-templates/templates/feedback/success.d.ts.map +1 -0
- package/dist/screen-templates/templates/feedback/success.js +99 -0
- package/dist/screen-templates/templates/feedback/success.js.map +1 -0
- package/dist/screen-templates/templates/home/index.d.ts +6 -0
- package/dist/screen-templates/templates/home/index.d.ts.map +1 -0
- package/dist/screen-templates/templates/home/index.js +6 -0
- package/dist/screen-templates/templates/home/index.js.map +1 -0
- package/dist/screen-templates/templates/home/landing.d.ts +24 -0
- package/dist/screen-templates/templates/home/landing.d.ts.map +1 -0
- package/dist/screen-templates/templates/home/landing.js +197 -0
- package/dist/screen-templates/templates/home/landing.js.map +1 -0
- package/dist/screen-templates/templates/settings/index.d.ts +6 -0
- package/dist/screen-templates/templates/settings/index.d.ts.map +1 -0
- package/dist/screen-templates/templates/settings/index.js +6 -0
- package/dist/screen-templates/templates/settings/index.js.map +1 -0
- package/dist/screen-templates/templates/settings/preferences.d.ts +24 -0
- package/dist/screen-templates/templates/settings/preferences.d.ts.map +1 -0
- package/dist/screen-templates/templates/settings/preferences.js +265 -0
- package/dist/screen-templates/templates/settings/preferences.js.map +1 -0
- package/dist/screen-templates/types.d.ts +229 -0
- package/dist/screen-templates/types.d.ts.map +1 -0
- package/dist/screen-templates/types.js +7 -0
- package/dist/screen-templates/types.js.map +1 -0
- package/dist/theme-v2.d.ts +228 -0
- package/dist/theme-v2.d.ts.map +1 -0
- package/dist/theme-v2.js +158 -0
- package/dist/theme-v2.js.map +1 -0
- package/dist/theme.d.ts +60 -0
- package/dist/theme.d.ts.map +1 -0
- package/dist/theme.js +76 -0
- package/dist/theme.js.map +1 -0
- package/dist/token-resolver.d.ts +69 -0
- package/dist/token-resolver.d.ts.map +1 -0
- package/dist/token-resolver.js +122 -0
- package/dist/token-resolver.js.map +1 -0
- package/dist/token-validation.d.ts +432 -0
- package/dist/token-validation.d.ts.map +1 -0
- package/dist/token-validation.js +140 -0
- package/dist/token-validation.js.map +1 -0
- package/dist/tokens.d.ts +158 -0
- package/dist/tokens.d.ts.map +1 -0
- package/dist/tokens.js +10 -0
- package/dist/tokens.js.map +1 -0
- package/dist/types.d.ts +77 -0
- package/dist/types.d.ts.map +1 -0
- package/dist/types.js +7 -0
- package/dist/types.js.map +1 -0
- package/package.json +53 -0
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"sections.js","sourceRoot":"","sources":["../../src/layout-tokens/sections.ts"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,77 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* @tekton-ui/core - Shell Token Definitions
|
|
3
|
+
* Concrete Shell Token implementations for web applications
|
|
4
|
+
* [SPEC-LAYOUT-001] [PHASE-3]
|
|
5
|
+
*/
|
|
6
|
+
import type { ShellToken } from './types.js';
|
|
7
|
+
/**
|
|
8
|
+
* Standard web application layout with header, sidebar, and main content area
|
|
9
|
+
* Suitable for most application UIs with navigation and content sections
|
|
10
|
+
*/
|
|
11
|
+
export declare const SHELL_WEB_APP: ShellToken;
|
|
12
|
+
/**
|
|
13
|
+
* Marketing and landing page layout with full-width hero sections
|
|
14
|
+
* Optimized for marketing content and promotional pages
|
|
15
|
+
*/
|
|
16
|
+
export declare const SHELL_WEB_MARKETING: ShellToken;
|
|
17
|
+
/**
|
|
18
|
+
* Authentication flow layout with centered content
|
|
19
|
+
* Designed for login, signup, and password reset pages
|
|
20
|
+
*/
|
|
21
|
+
export declare const SHELL_WEB_AUTH: ShellToken;
|
|
22
|
+
/**
|
|
23
|
+
* Admin dashboard layout with collapsible sidebar and header
|
|
24
|
+
* Optimized for data-heavy admin interfaces with grid layouts
|
|
25
|
+
*/
|
|
26
|
+
export declare const SHELL_WEB_DASHBOARD: ShellToken;
|
|
27
|
+
/**
|
|
28
|
+
* Admin panel layout with fixed sidebar and tabbed main content
|
|
29
|
+
* Designed for complex admin interfaces with persistent navigation
|
|
30
|
+
*/
|
|
31
|
+
export declare const SHELL_WEB_ADMIN: ShellToken;
|
|
32
|
+
/**
|
|
33
|
+
* Minimal layout with single main content area
|
|
34
|
+
* Perfect for focused single-task interfaces and simple pages
|
|
35
|
+
*/
|
|
36
|
+
export declare const SHELL_WEB_MINIMAL: ShellToken;
|
|
37
|
+
/**
|
|
38
|
+
* Get a shell token by its ID
|
|
39
|
+
*
|
|
40
|
+
* @param shellId - Shell token ID (e.g., "shell.web.app")
|
|
41
|
+
* @returns ShellToken if found, undefined otherwise
|
|
42
|
+
*
|
|
43
|
+
* @example
|
|
44
|
+
* ```typescript
|
|
45
|
+
* const appShell = getShellToken('shell.web.app');
|
|
46
|
+
* if (appShell) {
|
|
47
|
+
* console.log(appShell.description);
|
|
48
|
+
* }
|
|
49
|
+
* ```
|
|
50
|
+
*/
|
|
51
|
+
export declare function getShellToken(shellId: string): ShellToken | undefined;
|
|
52
|
+
/**
|
|
53
|
+
* Get all available shell tokens
|
|
54
|
+
*
|
|
55
|
+
* @returns Array of all ShellTokens
|
|
56
|
+
*
|
|
57
|
+
* @example
|
|
58
|
+
* ```typescript
|
|
59
|
+
* const allShells = getAllShellTokens();
|
|
60
|
+
* console.log(`Available shells: ${allShells.length}`);
|
|
61
|
+
* ```
|
|
62
|
+
*/
|
|
63
|
+
export declare function getAllShellTokens(): ShellToken[];
|
|
64
|
+
/**
|
|
65
|
+
* Get shell tokens filtered by platform
|
|
66
|
+
*
|
|
67
|
+
* @param platform - Target platform ('web', 'mobile', or 'desktop')
|
|
68
|
+
* @returns Array of ShellTokens for the specified platform
|
|
69
|
+
*
|
|
70
|
+
* @example
|
|
71
|
+
* ```typescript
|
|
72
|
+
* const webShells = getShellsByPlatform('web');
|
|
73
|
+
* console.log(`Web shells: ${webShells.length}`);
|
|
74
|
+
* ```
|
|
75
|
+
*/
|
|
76
|
+
export declare function getShellsByPlatform(platform: 'web' | 'mobile' | 'desktop'): ShellToken[];
|
|
77
|
+
//# sourceMappingURL=shells.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"shells.d.ts","sourceRoot":"","sources":["../../src/layout-tokens/shells.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,YAAY,CAAC;AAO7C;;;GAGG;AACH,eAAO,MAAM,aAAa,EAAE,UA2D3B,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,mBAAmB,EAAE,UA0DjC,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,cAAc,EAAE,UAyC5B,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,mBAAmB,EAAE,UAwDjC,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,eAAe,EAAE,UA0D7B,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,iBAAiB,EAAE,UAiC/B,CAAC;AAuBF;;;;;;;;;;;;;GAaG;AACH,wBAAgB,aAAa,CAAC,OAAO,EAAE,MAAM,GAAG,UAAU,GAAG,SAAS,CAErE;AAED;;;;;;;;;;GAUG;AACH,wBAAgB,iBAAiB,IAAI,UAAU,EAAE,CAEhD;AAED;;;;;;;;;;;GAWG;AACH,wBAAgB,mBAAmB,CAAC,QAAQ,EAAE,KAAK,GAAG,QAAQ,GAAG,SAAS,GAAG,UAAU,EAAE,CAExF"}
|
|
@@ -0,0 +1,408 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* @tekton-ui/core - Shell Token Definitions
|
|
3
|
+
* Concrete Shell Token implementations for web applications
|
|
4
|
+
* [SPEC-LAYOUT-001] [PHASE-3]
|
|
5
|
+
*/
|
|
6
|
+
// ============================================================================
|
|
7
|
+
// Shell Token Definitions
|
|
8
|
+
// ============================================================================
|
|
9
|
+
/**
|
|
10
|
+
* Standard web application layout with header, sidebar, and main content area
|
|
11
|
+
* Suitable for most application UIs with navigation and content sections
|
|
12
|
+
*/
|
|
13
|
+
export const SHELL_WEB_APP = {
|
|
14
|
+
id: 'shell.web.app',
|
|
15
|
+
description: 'Standard web application layout with header, sidebar, and main content area',
|
|
16
|
+
platform: 'web',
|
|
17
|
+
regions: [
|
|
18
|
+
{
|
|
19
|
+
name: 'header',
|
|
20
|
+
position: 'top',
|
|
21
|
+
size: 'atomic.spacing.16',
|
|
22
|
+
collapsible: false,
|
|
23
|
+
},
|
|
24
|
+
{
|
|
25
|
+
name: 'sidebar',
|
|
26
|
+
position: 'left',
|
|
27
|
+
size: 'atomic.spacing.64',
|
|
28
|
+
collapsible: true,
|
|
29
|
+
defaultCollapsed: false,
|
|
30
|
+
},
|
|
31
|
+
{
|
|
32
|
+
name: 'main',
|
|
33
|
+
position: 'center',
|
|
34
|
+
size: 'atomic.spacing.full',
|
|
35
|
+
collapsible: false,
|
|
36
|
+
},
|
|
37
|
+
{
|
|
38
|
+
name: 'footer',
|
|
39
|
+
position: 'bottom',
|
|
40
|
+
size: 'atomic.spacing.12',
|
|
41
|
+
collapsible: false,
|
|
42
|
+
},
|
|
43
|
+
],
|
|
44
|
+
responsive: {
|
|
45
|
+
default: {
|
|
46
|
+
sidebarVisible: false,
|
|
47
|
+
headerHeight: 'atomic.spacing.14',
|
|
48
|
+
},
|
|
49
|
+
md: {
|
|
50
|
+
sidebarVisible: true,
|
|
51
|
+
headerHeight: 'atomic.spacing.16',
|
|
52
|
+
},
|
|
53
|
+
lg: {
|
|
54
|
+
sidebarVisible: true,
|
|
55
|
+
sidebarWidth: 'atomic.spacing.64',
|
|
56
|
+
},
|
|
57
|
+
xl: {
|
|
58
|
+
sidebarVisible: true,
|
|
59
|
+
sidebarWidth: 'atomic.spacing.80',
|
|
60
|
+
},
|
|
61
|
+
'2xl': {
|
|
62
|
+
sidebarVisible: true,
|
|
63
|
+
sidebarWidth: 'atomic.spacing.96',
|
|
64
|
+
},
|
|
65
|
+
},
|
|
66
|
+
tokenBindings: {
|
|
67
|
+
headerBackground: 'semantic.background.surface',
|
|
68
|
+
sidebarBackground: 'semantic.background.elevated',
|
|
69
|
+
mainBackground: 'semantic.background.page',
|
|
70
|
+
headerBorder: 'semantic.border.default',
|
|
71
|
+
},
|
|
72
|
+
};
|
|
73
|
+
/**
|
|
74
|
+
* Marketing and landing page layout with full-width hero sections
|
|
75
|
+
* Optimized for marketing content and promotional pages
|
|
76
|
+
*/
|
|
77
|
+
export const SHELL_WEB_MARKETING = {
|
|
78
|
+
id: 'shell.web.marketing',
|
|
79
|
+
description: 'Marketing and landing page layout with full-width hero sections',
|
|
80
|
+
platform: 'web',
|
|
81
|
+
regions: [
|
|
82
|
+
{
|
|
83
|
+
name: 'hero',
|
|
84
|
+
position: 'top',
|
|
85
|
+
size: 'atomic.spacing.full',
|
|
86
|
+
collapsible: false,
|
|
87
|
+
},
|
|
88
|
+
{
|
|
89
|
+
name: 'features',
|
|
90
|
+
position: 'center',
|
|
91
|
+
size: 'atomic.spacing.full',
|
|
92
|
+
collapsible: false,
|
|
93
|
+
},
|
|
94
|
+
{
|
|
95
|
+
name: 'cta',
|
|
96
|
+
position: 'center',
|
|
97
|
+
size: 'atomic.spacing.full',
|
|
98
|
+
collapsible: false,
|
|
99
|
+
},
|
|
100
|
+
{
|
|
101
|
+
name: 'footer',
|
|
102
|
+
position: 'bottom',
|
|
103
|
+
size: 'atomic.spacing.16',
|
|
104
|
+
collapsible: false,
|
|
105
|
+
},
|
|
106
|
+
],
|
|
107
|
+
responsive: {
|
|
108
|
+
default: {
|
|
109
|
+
heroHeight: 'atomic.spacing.full',
|
|
110
|
+
contentPadding: 'atomic.spacing.4',
|
|
111
|
+
},
|
|
112
|
+
md: {
|
|
113
|
+
heroHeight: 'atomic.spacing.full',
|
|
114
|
+
contentPadding: 'atomic.spacing.8',
|
|
115
|
+
},
|
|
116
|
+
lg: {
|
|
117
|
+
heroHeight: 'atomic.spacing.full',
|
|
118
|
+
contentPadding: 'atomic.spacing.12',
|
|
119
|
+
},
|
|
120
|
+
xl: {
|
|
121
|
+
heroHeight: 'atomic.spacing.full',
|
|
122
|
+
contentPadding: 'atomic.spacing.16',
|
|
123
|
+
},
|
|
124
|
+
'2xl': {
|
|
125
|
+
heroHeight: 'atomic.spacing.full',
|
|
126
|
+
contentPadding: 'atomic.spacing.20',
|
|
127
|
+
},
|
|
128
|
+
},
|
|
129
|
+
tokenBindings: {
|
|
130
|
+
heroBackground: 'semantic.background.brand',
|
|
131
|
+
featuresBackground: 'semantic.background.page',
|
|
132
|
+
ctaBackground: 'semantic.background.elevated',
|
|
133
|
+
footerBackground: 'semantic.background.surface',
|
|
134
|
+
},
|
|
135
|
+
};
|
|
136
|
+
/**
|
|
137
|
+
* Authentication flow layout with centered content
|
|
138
|
+
* Designed for login, signup, and password reset pages
|
|
139
|
+
*/
|
|
140
|
+
export const SHELL_WEB_AUTH = {
|
|
141
|
+
id: 'shell.web.auth',
|
|
142
|
+
description: 'Authentication flow layout with centered content (login/signup)',
|
|
143
|
+
platform: 'web',
|
|
144
|
+
regions: [
|
|
145
|
+
{
|
|
146
|
+
name: 'logo',
|
|
147
|
+
position: 'top',
|
|
148
|
+
size: 'atomic.spacing.12',
|
|
149
|
+
collapsible: false,
|
|
150
|
+
},
|
|
151
|
+
{
|
|
152
|
+
name: 'main',
|
|
153
|
+
position: 'center',
|
|
154
|
+
size: 'atomic.spacing.96',
|
|
155
|
+
collapsible: false,
|
|
156
|
+
},
|
|
157
|
+
],
|
|
158
|
+
responsive: {
|
|
159
|
+
default: {
|
|
160
|
+
mainMaxWidth: '100%',
|
|
161
|
+
contentPadding: 'atomic.spacing.4',
|
|
162
|
+
},
|
|
163
|
+
md: {
|
|
164
|
+
mainMaxWidth: 'atomic.spacing.96',
|
|
165
|
+
contentPadding: 'atomic.spacing.8',
|
|
166
|
+
},
|
|
167
|
+
xl: {
|
|
168
|
+
mainMaxWidth: 'atomic.spacing.128',
|
|
169
|
+
contentPadding: 'atomic.spacing.12',
|
|
170
|
+
},
|
|
171
|
+
'2xl': {
|
|
172
|
+
mainMaxWidth: 'atomic.spacing.160',
|
|
173
|
+
contentPadding: 'atomic.spacing.16',
|
|
174
|
+
},
|
|
175
|
+
},
|
|
176
|
+
tokenBindings: {
|
|
177
|
+
logoBackground: 'semantic.background.page',
|
|
178
|
+
mainBackground: 'semantic.background.surface',
|
|
179
|
+
mainBorder: 'semantic.border.default',
|
|
180
|
+
},
|
|
181
|
+
};
|
|
182
|
+
/**
|
|
183
|
+
* Admin dashboard layout with collapsible sidebar and header
|
|
184
|
+
* Optimized for data-heavy admin interfaces with grid layouts
|
|
185
|
+
*/
|
|
186
|
+
export const SHELL_WEB_DASHBOARD = {
|
|
187
|
+
id: 'shell.web.dashboard',
|
|
188
|
+
description: 'Admin dashboard layout with collapsible sidebar and header',
|
|
189
|
+
platform: 'web',
|
|
190
|
+
regions: [
|
|
191
|
+
{
|
|
192
|
+
name: 'header',
|
|
193
|
+
position: 'top',
|
|
194
|
+
size: 'atomic.spacing.16',
|
|
195
|
+
collapsible: false,
|
|
196
|
+
},
|
|
197
|
+
{
|
|
198
|
+
name: 'sidebar',
|
|
199
|
+
position: 'left',
|
|
200
|
+
size: 'atomic.spacing.64',
|
|
201
|
+
collapsible: true,
|
|
202
|
+
defaultCollapsed: false,
|
|
203
|
+
},
|
|
204
|
+
{
|
|
205
|
+
name: 'main',
|
|
206
|
+
position: 'center',
|
|
207
|
+
size: 'atomic.spacing.full',
|
|
208
|
+
collapsible: false,
|
|
209
|
+
},
|
|
210
|
+
],
|
|
211
|
+
responsive: {
|
|
212
|
+
default: {
|
|
213
|
+
sidebarVisible: false,
|
|
214
|
+
sidebarCollapsed: true,
|
|
215
|
+
},
|
|
216
|
+
md: {
|
|
217
|
+
sidebarVisible: true,
|
|
218
|
+
sidebarCollapsed: false,
|
|
219
|
+
},
|
|
220
|
+
lg: {
|
|
221
|
+
sidebarVisible: true,
|
|
222
|
+
sidebarCollapsed: false,
|
|
223
|
+
sidebarWidth: 'atomic.spacing.64',
|
|
224
|
+
},
|
|
225
|
+
xl: {
|
|
226
|
+
sidebarVisible: true,
|
|
227
|
+
sidebarCollapsed: false,
|
|
228
|
+
sidebarWidth: 'atomic.spacing.80',
|
|
229
|
+
},
|
|
230
|
+
'2xl': {
|
|
231
|
+
sidebarVisible: true,
|
|
232
|
+
sidebarCollapsed: false,
|
|
233
|
+
sidebarWidth: 'atomic.spacing.96',
|
|
234
|
+
},
|
|
235
|
+
},
|
|
236
|
+
tokenBindings: {
|
|
237
|
+
headerBackground: 'semantic.background.surface',
|
|
238
|
+
sidebarBackground: 'semantic.background.elevated',
|
|
239
|
+
mainBackground: 'semantic.background.page',
|
|
240
|
+
gridGap: 'semantic.spacing.default',
|
|
241
|
+
},
|
|
242
|
+
};
|
|
243
|
+
/**
|
|
244
|
+
* Admin panel layout with fixed sidebar and tabbed main content
|
|
245
|
+
* Designed for complex admin interfaces with persistent navigation
|
|
246
|
+
*/
|
|
247
|
+
export const SHELL_WEB_ADMIN = {
|
|
248
|
+
id: 'shell.web.admin',
|
|
249
|
+
description: 'Admin panel layout with fixed sidebar and tabbed main content area',
|
|
250
|
+
platform: 'web',
|
|
251
|
+
regions: [
|
|
252
|
+
{
|
|
253
|
+
name: 'header',
|
|
254
|
+
position: 'top',
|
|
255
|
+
size: 'atomic.spacing.16',
|
|
256
|
+
collapsible: false,
|
|
257
|
+
},
|
|
258
|
+
{
|
|
259
|
+
name: 'sidebar',
|
|
260
|
+
position: 'left',
|
|
261
|
+
size: 'atomic.spacing.56',
|
|
262
|
+
collapsible: false,
|
|
263
|
+
},
|
|
264
|
+
{
|
|
265
|
+
name: 'main',
|
|
266
|
+
position: 'center',
|
|
267
|
+
size: 'atomic.spacing.full',
|
|
268
|
+
collapsible: false,
|
|
269
|
+
},
|
|
270
|
+
{
|
|
271
|
+
name: 'footer',
|
|
272
|
+
position: 'bottom',
|
|
273
|
+
size: 'atomic.spacing.8',
|
|
274
|
+
collapsible: false,
|
|
275
|
+
},
|
|
276
|
+
],
|
|
277
|
+
responsive: {
|
|
278
|
+
default: {
|
|
279
|
+
layout: 'stacked',
|
|
280
|
+
sidebarPosition: 'top',
|
|
281
|
+
},
|
|
282
|
+
md: {
|
|
283
|
+
layout: 'side-by-side',
|
|
284
|
+
sidebarPosition: 'left',
|
|
285
|
+
sidebarWidth: 'atomic.spacing.56',
|
|
286
|
+
},
|
|
287
|
+
xl: {
|
|
288
|
+
layout: 'side-by-side',
|
|
289
|
+
sidebarPosition: 'left',
|
|
290
|
+
sidebarWidth: 'atomic.spacing.72',
|
|
291
|
+
},
|
|
292
|
+
'2xl': {
|
|
293
|
+
layout: 'side-by-side',
|
|
294
|
+
sidebarPosition: 'left',
|
|
295
|
+
sidebarWidth: 'atomic.spacing.80',
|
|
296
|
+
},
|
|
297
|
+
},
|
|
298
|
+
tokenBindings: {
|
|
299
|
+
headerBackground: 'semantic.background.surface',
|
|
300
|
+
sidebarBackground: 'semantic.background.elevated',
|
|
301
|
+
mainBackground: 'semantic.background.page',
|
|
302
|
+
footerBackground: 'semantic.background.surface',
|
|
303
|
+
sidebarBorder: 'semantic.border.default',
|
|
304
|
+
},
|
|
305
|
+
};
|
|
306
|
+
/**
|
|
307
|
+
* Minimal layout with single main content area
|
|
308
|
+
* Perfect for focused single-task interfaces and simple pages
|
|
309
|
+
*/
|
|
310
|
+
export const SHELL_WEB_MINIMAL = {
|
|
311
|
+
id: 'shell.web.minimal',
|
|
312
|
+
description: 'Minimal layout with single main content area (no header/sidebar/footer)',
|
|
313
|
+
platform: 'web',
|
|
314
|
+
regions: [
|
|
315
|
+
{
|
|
316
|
+
name: 'main',
|
|
317
|
+
position: 'center',
|
|
318
|
+
size: 'atomic.spacing.128',
|
|
319
|
+
collapsible: false,
|
|
320
|
+
},
|
|
321
|
+
],
|
|
322
|
+
responsive: {
|
|
323
|
+
default: {
|
|
324
|
+
mainMaxWidth: '100%',
|
|
325
|
+
contentPadding: 'atomic.spacing.4',
|
|
326
|
+
},
|
|
327
|
+
md: {
|
|
328
|
+
mainMaxWidth: 'atomic.spacing.128',
|
|
329
|
+
contentPadding: 'atomic.spacing.8',
|
|
330
|
+
},
|
|
331
|
+
xl: {
|
|
332
|
+
mainMaxWidth: 'atomic.spacing.160',
|
|
333
|
+
contentPadding: 'atomic.spacing.12',
|
|
334
|
+
},
|
|
335
|
+
'2xl': {
|
|
336
|
+
mainMaxWidth: 'atomic.spacing.192',
|
|
337
|
+
contentPadding: 'atomic.spacing.16',
|
|
338
|
+
},
|
|
339
|
+
},
|
|
340
|
+
tokenBindings: {
|
|
341
|
+
mainBackground: 'semantic.background.page',
|
|
342
|
+
},
|
|
343
|
+
};
|
|
344
|
+
// ============================================================================
|
|
345
|
+
// Internal Token Map
|
|
346
|
+
// ============================================================================
|
|
347
|
+
/**
|
|
348
|
+
* Internal map for quick shell token lookups by ID
|
|
349
|
+
* Used by getShellToken() for O(1) access
|
|
350
|
+
*/
|
|
351
|
+
const SHELL_TOKENS_MAP = {
|
|
352
|
+
'shell.web.app': SHELL_WEB_APP,
|
|
353
|
+
'shell.web.marketing': SHELL_WEB_MARKETING,
|
|
354
|
+
'shell.web.auth': SHELL_WEB_AUTH,
|
|
355
|
+
'shell.web.dashboard': SHELL_WEB_DASHBOARD,
|
|
356
|
+
'shell.web.admin': SHELL_WEB_ADMIN,
|
|
357
|
+
'shell.web.minimal': SHELL_WEB_MINIMAL,
|
|
358
|
+
};
|
|
359
|
+
// ============================================================================
|
|
360
|
+
// Utility Functions
|
|
361
|
+
// ============================================================================
|
|
362
|
+
/**
|
|
363
|
+
* Get a shell token by its ID
|
|
364
|
+
*
|
|
365
|
+
* @param shellId - Shell token ID (e.g., "shell.web.app")
|
|
366
|
+
* @returns ShellToken if found, undefined otherwise
|
|
367
|
+
*
|
|
368
|
+
* @example
|
|
369
|
+
* ```typescript
|
|
370
|
+
* const appShell = getShellToken('shell.web.app');
|
|
371
|
+
* if (appShell) {
|
|
372
|
+
* console.log(appShell.description);
|
|
373
|
+
* }
|
|
374
|
+
* ```
|
|
375
|
+
*/
|
|
376
|
+
export function getShellToken(shellId) {
|
|
377
|
+
return SHELL_TOKENS_MAP[shellId];
|
|
378
|
+
}
|
|
379
|
+
/**
|
|
380
|
+
* Get all available shell tokens
|
|
381
|
+
*
|
|
382
|
+
* @returns Array of all ShellTokens
|
|
383
|
+
*
|
|
384
|
+
* @example
|
|
385
|
+
* ```typescript
|
|
386
|
+
* const allShells = getAllShellTokens();
|
|
387
|
+
* console.log(`Available shells: ${allShells.length}`);
|
|
388
|
+
* ```
|
|
389
|
+
*/
|
|
390
|
+
export function getAllShellTokens() {
|
|
391
|
+
return Object.values(SHELL_TOKENS_MAP);
|
|
392
|
+
}
|
|
393
|
+
/**
|
|
394
|
+
* Get shell tokens filtered by platform
|
|
395
|
+
*
|
|
396
|
+
* @param platform - Target platform ('web', 'mobile', or 'desktop')
|
|
397
|
+
* @returns Array of ShellTokens for the specified platform
|
|
398
|
+
*
|
|
399
|
+
* @example
|
|
400
|
+
* ```typescript
|
|
401
|
+
* const webShells = getShellsByPlatform('web');
|
|
402
|
+
* console.log(`Web shells: ${webShells.length}`);
|
|
403
|
+
* ```
|
|
404
|
+
*/
|
|
405
|
+
export function getShellsByPlatform(platform) {
|
|
406
|
+
return getAllShellTokens().filter(shell => shell.platform === platform);
|
|
407
|
+
}
|
|
408
|
+
//# sourceMappingURL=shells.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"shells.js","sourceRoot":"","sources":["../../src/layout-tokens/shells.ts"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,119 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* @tekton-ui/core - Touch Target Utilities
|
|
3
|
+
* Validation and application utilities for accessible touch targets
|
|
4
|
+
* [SPEC-LAYOUT-004] [MILESTONE-5]
|
|
5
|
+
*
|
|
6
|
+
* @see https://developer.apple.com/design/human-interface-guidelines/layout
|
|
7
|
+
* @see https://m3.material.io/foundations/accessible-design/accessibility-basics
|
|
8
|
+
* @see https://www.w3.org/WAI/WCAG21/Understanding/target-size.html
|
|
9
|
+
*/
|
|
10
|
+
import type { HitSlopConfig } from './types.js';
|
|
11
|
+
/**
|
|
12
|
+
* Accessibility guideline standards for touch targets
|
|
13
|
+
*/
|
|
14
|
+
export type AccessibilityGuideline = 'apple-hig' | 'material' | 'wcag';
|
|
15
|
+
/**
|
|
16
|
+
* Touch target element interface for type safety
|
|
17
|
+
*/
|
|
18
|
+
export interface TouchTargetElement {
|
|
19
|
+
width: number;
|
|
20
|
+
height: number;
|
|
21
|
+
}
|
|
22
|
+
/**
|
|
23
|
+
* Validate if touch target meets minimum size requirements
|
|
24
|
+
*
|
|
25
|
+
* @param size - Touch target size in points or pixels
|
|
26
|
+
* @param scale - Screen scale factor (1x, 2x, 3x, 4x). Defaults to 1.
|
|
27
|
+
* @returns true if size >= minimum, false otherwise
|
|
28
|
+
*
|
|
29
|
+
* @example
|
|
30
|
+
* ```typescript
|
|
31
|
+
* validateTouchTarget(44); // true (meets 44pt minimum)
|
|
32
|
+
* validateTouchTarget(40); // false (below minimum)
|
|
33
|
+
* validateTouchTarget(88, 2); // true (@2x scale)
|
|
34
|
+
* validateTouchTarget(80, 2); // false (@2x scale, needs 88px)
|
|
35
|
+
* ```
|
|
36
|
+
*/
|
|
37
|
+
export declare function validateTouchTarget(size: number, scale?: number): boolean;
|
|
38
|
+
/**
|
|
39
|
+
* Apply minimum touch target size to an element
|
|
40
|
+
*
|
|
41
|
+
* @param element - Element object to modify (with width/height properties)
|
|
42
|
+
* @param minSize - Minimum size in points. Defaults to TOUCH_TARGET.MIN_SIZE_PT (44).
|
|
43
|
+
* @returns Modified element with minimum size applied
|
|
44
|
+
*
|
|
45
|
+
* @example
|
|
46
|
+
* ```typescript
|
|
47
|
+
* const button = { width: 32, height: 32 };
|
|
48
|
+
* const accessible = applyMinTouchTarget(button);
|
|
49
|
+
* console.log(accessible.width); // 44
|
|
50
|
+
* console.log(accessible.height); // 44
|
|
51
|
+
* ```
|
|
52
|
+
*/
|
|
53
|
+
export declare function applyMinTouchTarget(element: TouchTargetElement, minSize?: number): TouchTargetElement;
|
|
54
|
+
/**
|
|
55
|
+
* Calculate hit slop to extend touch area to minimum size
|
|
56
|
+
*
|
|
57
|
+
* @param currentSize - Current visual size of element (width or height)
|
|
58
|
+
* @param minSize - Minimum target size. Defaults to TOUCH_TARGET.MIN_SIZE_PT (44).
|
|
59
|
+
* @returns HitSlopConfig with top, bottom, left, right values
|
|
60
|
+
*
|
|
61
|
+
* @example
|
|
62
|
+
* ```typescript
|
|
63
|
+
* const hitSlop = getHitSlop(24); // Element is 24pt, needs to be 44pt
|
|
64
|
+
* console.log(hitSlop);
|
|
65
|
+
* // { top: 10, bottom: 10, left: 10, right: 10 }
|
|
66
|
+
* // Total: 24 + 10 + 10 = 44pt
|
|
67
|
+
*
|
|
68
|
+
* const noSlop = getHitSlop(48); // Already meets minimum
|
|
69
|
+
* console.log(noSlop);
|
|
70
|
+
* // { top: 0, bottom: 0, left: 0, right: 0 }
|
|
71
|
+
* ```
|
|
72
|
+
*/
|
|
73
|
+
export declare function getHitSlop(currentSize: number, minSize?: number): HitSlopConfig;
|
|
74
|
+
/**
|
|
75
|
+
* Get minimum touch target size for screen scale
|
|
76
|
+
*
|
|
77
|
+
* @param scale - Screen scale factor (1, 2, 3, 4)
|
|
78
|
+
* @returns Minimum touch target size in pixels
|
|
79
|
+
*
|
|
80
|
+
* @example
|
|
81
|
+
* ```typescript
|
|
82
|
+
* getMinTouchTargetForScale(1); // 44px
|
|
83
|
+
* getMinTouchTargetForScale(2); // 88px
|
|
84
|
+
* getMinTouchTargetForScale(3); // 132px
|
|
85
|
+
* ```
|
|
86
|
+
*/
|
|
87
|
+
export declare function getMinTouchTargetForScale(scale: number): number;
|
|
88
|
+
/**
|
|
89
|
+
* Check if touch target meets accessibility guidelines
|
|
90
|
+
*
|
|
91
|
+
* @param width - Element width in points
|
|
92
|
+
* @param height - Element height in points
|
|
93
|
+
* @param guideline - Accessibility guideline ('apple-hig' | 'material' | 'wcag')
|
|
94
|
+
* @returns true if meets guideline, false otherwise
|
|
95
|
+
*
|
|
96
|
+
* @example
|
|
97
|
+
* ```typescript
|
|
98
|
+
* isAccessibleTouchTarget(44, 44, 'apple-hig'); // true
|
|
99
|
+
* isAccessibleTouchTarget(48, 48, 'material'); // true
|
|
100
|
+
* isAccessibleTouchTarget(40, 40, 'apple-hig'); // false
|
|
101
|
+
* ```
|
|
102
|
+
*/
|
|
103
|
+
export declare function isAccessibleTouchTarget(width: number, height: number, guideline?: AccessibilityGuideline): boolean;
|
|
104
|
+
/**
|
|
105
|
+
* Warn in development if touch target is below minimum
|
|
106
|
+
* Only logs in development mode
|
|
107
|
+
*
|
|
108
|
+
* @param size - Touch target size
|
|
109
|
+
* @param elementId - Optional element identifier for debugging
|
|
110
|
+
*
|
|
111
|
+
* @example
|
|
112
|
+
* ```typescript
|
|
113
|
+
* warnIfBelowMinimum(32, 'submit-button');
|
|
114
|
+
* // Console warning: "Touch target 'submit-button' is 32pt,
|
|
115
|
+
* // below minimum 44pt. Consider increasing size or adding hitSlop."
|
|
116
|
+
* ```
|
|
117
|
+
*/
|
|
118
|
+
export declare function warnIfBelowMinimum(size: number, elementId?: string): void;
|
|
119
|
+
//# sourceMappingURL=touch-target.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"touch-target.d.ts","sourceRoot":"","sources":["../../src/layout-tokens/touch-target.ts"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AAEH,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC;AAGhD;;GAEG;AACH,MAAM,MAAM,sBAAsB,GAAG,WAAW,GAAG,UAAU,GAAG,MAAM,CAAC;AAEvE;;GAEG;AACH,MAAM,WAAW,kBAAkB;IACjC,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;CAChB;AAMD;;;;;;;;;;;;;;GAcG;AACH,wBAAgB,mBAAmB,CAAC,IAAI,EAAE,MAAM,EAAE,KAAK,CAAC,EAAE,MAAM,GAAG,OAAO,CAGzE;AAED;;;;;;;;;;;;;;GAcG;AACH,wBAAgB,mBAAmB,CACjC,OAAO,EAAE,kBAAkB,EAC3B,OAAO,CAAC,EAAE,MAAM,GACf,kBAAkB,CAOpB;AAED;;;;;;;;;;;;;;;;;;GAkBG;AACH,wBAAgB,UAAU,CAAC,WAAW,EAAE,MAAM,EAAE,OAAO,CAAC,EAAE,MAAM,GAAG,aAAa,CAgB/E;AAMD;;;;;;;;;;;;GAYG;AACH,wBAAgB,yBAAyB,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,CAW/D;AAED;;;;;;;;;;;;;;GAcG;AACH,wBAAgB,uBAAuB,CACrC,KAAK,EAAE,MAAM,EACb,MAAM,EAAE,MAAM,EACd,SAAS,GAAE,sBAAoC,GAC9C,OAAO,CAGT;AAED;;;;;;;;;;;;;GAaG;AACH,wBAAgB,kBAAkB,CAAC,IAAI,EAAE,MAAM,EAAE,SAAS,CAAC,EAAE,MAAM,GAAG,IAAI,CAQzE"}
|