@aloudata/aloudata-design 3.0.21 → 3.0.22

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.
Files changed (37) hide show
  1. package/dist/App/index.d.ts +3 -0
  2. package/dist/App/index.js +12 -10
  3. package/dist/App/index.js.map +1 -1
  4. package/dist/Select/BaseSelect.js +2 -1
  5. package/dist/Select/BaseSelect.js.map +1 -1
  6. package/dist/aloudata-design.css +1 -1
  7. package/dist/index.d.ts +1 -1
  8. package/dist/index.js +3 -3
  9. package/dist/theme/contract/baselineResolvedTokenValueManifest.d.ts +22 -0
  10. package/dist/theme/contract/baselineResolvedTokenValueManifest.js +2 -0
  11. package/dist/theme/contract/darkResolvedTokenValueManifest.d.ts +5 -0
  12. package/dist/theme/contract/darkResolvedTokenValueManifest.js +2 -0
  13. package/dist/theme/contract/resolvedTokenValueManifest.d.ts +3 -0
  14. package/dist/theme/contract/resolvedTokenValueManifest.js +2 -0
  15. package/dist/theme/generator/baselineTokenValueDelivery.d.ts +21 -0
  16. package/dist/theme/generator/baselineTokenValueDelivery.js +2 -0
  17. package/dist/theme/index.d.ts +2 -2
  18. package/dist/theme/runtime/colorValueMode/dark.d.ts +1 -0
  19. package/dist/theme/runtime/colorValueMode/dark.js +2 -0
  20. package/dist/theme/runtime/colorValueMode/generated/darkBaselineDeclarations.d.ts +3 -0
  21. package/dist/theme/runtime/colorValueMode/generated/darkBaselineDeclarations.js +125 -0
  22. package/dist/theme/runtime/colorValueMode/generated/darkBaselineDeclarations.js.map +1 -0
  23. package/dist/theme/runtime/colorValueMode/generated/v3BaselineDeclarations.d.ts +3 -0
  24. package/dist/theme/runtime/colorValueMode/generated/v3BaselineDeclarations.js +125 -0
  25. package/dist/theme/runtime/colorValueMode/generated/v3BaselineDeclarations.js.map +1 -0
  26. package/dist/theme/runtime/colorValueMode/index.d.ts +2 -1
  27. package/dist/theme/runtime/colorValueMode/index.js +13 -7
  28. package/dist/theme/runtime/colorValueMode/index.js.map +1 -1
  29. package/dist/theme/runtime/colorValueMode/registry.d.ts +14 -5
  30. package/dist/theme/runtime/colorValueMode/registry.js +15 -8
  31. package/dist/theme/runtime/colorValueMode/registry.js.map +1 -1
  32. package/dist/theme/runtime/colorValueMode/v3.d.ts +1 -98
  33. package/dist/theme/runtime/colorValueMode/v3.js +2 -230
  34. package/dist/theme/runtime/initAldTheme.js +5 -0
  35. package/dist/theme/runtime/initAldTheme.js.map +1 -1
  36. package/package.json +6 -3
  37. package/dist/theme/runtime/colorValueMode/v3.js.map +0 -1
package/dist/index.d.ts CHANGED
@@ -38,7 +38,7 @@ export { default as ConfigProvider } from './ConfigProvider.js';
38
38
  export { EUserType } from './ConfigProvider/getUserList.js';
39
39
  export type { IUserGroup } from './ConfigProvider/getUserList.js';
40
40
  export type { SizeType } from './ConfigProvider/sizeContext.js';
41
- export { aldColorValueModeDataAttribute, aldColorValueModes, aldColorValueModeStyleElementId, applyAldColorValueMode, assertOneWayMigrationMapping, buildAldColorValueModeCss, createTheme, createReviewGateDecision, createAldV3ColorValueModeVars, defaultTheme, getAldColorValueModeDefinition, getAldColorValueModeDefinitions, getMigrationMapping, getPublishedMigrationMappings, formatMigrationValidationReport, formatReviewGateDecision, initAldTheme, migrationMappingRegistry, migrationMappingTableByType, getCanonicalTokenOutputContractEntries, getCompatibilityTokenOutputContractEntries, getTokenOutputContractEntries, getTokenOutputContractEntriesByGroup, getTokenOutputContractEntry, runMigrationReviewGate, scanLegacyVariableUsages, themeToCssVars, tokenOutputContractEntries, isTokenOutputContractName, validateTokenOutputContract, validateMigrationMapping, } from './theme.js';
41
+ export { aldColorValueModeDataAttribute, aldColorValueModes, aldColorValueModeStyleElementId, applyAldColorValueMode, assertOneWayMigrationMapping, buildAldColorValueModeCss, createAldColorValueModeVars, createTheme, createReviewGateDecision, defaultTheme, getAldColorValueModeDefinition, getAldColorValueModeDefinitions, getMigrationMapping, getPublishedMigrationMappings, formatMigrationValidationReport, formatReviewGateDecision, initAldTheme, migrationMappingRegistry, migrationMappingTableByType, getCanonicalTokenOutputContractEntries, getCompatibilityTokenOutputContractEntries, getTokenOutputContractEntries, getTokenOutputContractEntriesByGroup, getTokenOutputContractEntry, runMigrationReviewGate, scanLegacyVariableUsages, themeToCssVars, tokenOutputContractEntries, isTokenOutputContractName, validateTokenOutputContract, validateMigrationMapping, } from './theme.js';
42
42
  export type { AldColorValueMode, AldColorValueModeDefinition, AldColorValueModeLifecycle, AldThemeConfig, AldThemeCssVars, AldThemeToken, LegacyCssVariableName, LegacyVariableUsage, MigrationMappingEntry, MigrationMappingLifecycle, MigrationMappingStrategy, MigrationMappingType, MigrationValidationIssue, MigrationValidationIssueCode, MigrationValidationReport, MigrationValidationSeverity, MigrationValidationSource, MigrationValidationSummary, ResolvedAldTheme, ReplaceableMigrationUsage, ReviewGateDecision, ReviewGateDecisionIssue, ReviewGateDecisionReason, ReviewGateDecisionSummary, ReviewGateDecisionStatus, ReviewGateReasonCode, TokenOutputVariableName, TokenOutputContractCompatibility, TokenOutputContractDeliveryKind, TokenOutputContractEntry, TokenOutputContractGroup, TokenOutputContractLifecycle, TokenOutputContractValidationIssue, TokenOutputContractValidationIssueCode, TokenOutputContractValidationReport, } from './theme.js';
43
43
  export { default as DataPreviewTable } from './DataPreviewTable.js';
44
44
  export type { ITableProps as DataPreviewTableProps, DataPreviewTableRef, PreviewColumn, TValue as DataPreviewTableValue, } from './DataPreviewTable/interface.js';
package/dist/index.js CHANGED
@@ -32,8 +32,8 @@ import { defaultTheme } from "./theme/runtime/defaultTheme.js";
32
32
  import { createTheme } from "./theme/runtime/createTheme.js";
33
33
  import { themeToCssVars } from "./theme/runtime/themeToCssVars.js";
34
34
  import { initAldTheme } from "./theme/runtime/initAldTheme.js";
35
- import { aldColorValueModes, createAldV3ColorValueModeVars, getAldColorValueModeDefinition, getAldColorValueModeDefinitions } from "./theme/runtime/colorValueMode/registry.js";
36
- import { aldColorValueModeDataAttribute, aldColorValueModeStyleElementId, applyAldColorValueMode, buildAldColorValueModeCss } from "./theme/runtime/colorValueMode/index.js";
35
+ import { aldColorValueModes, getAldColorValueModeDefinition, getAldColorValueModeDefinitions } from "./theme/runtime/colorValueMode/registry.js";
36
+ import { aldColorValueModeDataAttribute, aldColorValueModeStyleElementId, applyAldColorValueMode, buildAldColorValueModeCss, createAldColorValueModeVars } from "./theme/runtime/colorValueMode/index.js";
37
37
  import { assertOneWayMigrationMapping, getMigrationMapping, getPublishedMigrationMappings, migrationMappingRegistry, migrationMappingTableByType } from "./theme/governance/migrationMappingRegistry.js";
38
38
  import { formatMigrationValidationReport, scanLegacyVariableUsages, validateMigrationMapping } from "./theme/governance/validateMigrationMapping.js";
39
39
  import { createReviewGateDecision, formatReviewGateDecision, runMigrationReviewGate } from "./theme/governance/reviewGate.js";
@@ -81,4 +81,4 @@ import notification from "./notification/index.js";
81
81
  import AMenu from "./AMenu/index.js";
82
82
  import Tour from "./Tour/index.js";
83
83
  import datePickerLocaleZhCN from "rc-picker/es/locale/zh_CN";
84
- export { AMenu, AProgress, Select_default as AldSelect, Alert, AldApp as App, Avatar, Badge, Breadcrumb, Button_default as Button, Card, Carousel, Checkbox, Col, Collapse, ColorPicker, AldCustomConfigProvider as ConfigProvider, DataPreviewTable_default as DataPreviewTable, DatePicker, DisplayLogicTree, Divider, Drawer, Dropdown, ELogicType, EMemberPicker, ENodeType, EUserType, Empty, Form, HighlightText, IconButton, Input, InputNumber, InputSearch, Layout, List, LogicTree, MemberSelector as MemberPicker, Menu, Modal, OverflowCount, Pagination, Popconfirm, Popover, Progress_default as Progress, Radio, RenameInput, Result, Row, ScrollArea_default as ScrollArea, Select_default as Select, Skeleton, Slider, Space, CustomSpin as Spin, StatusLight, Steps, Switch, Table_default as Table, Tabs, Tag, TextLink, Tooltip, Tour, Tree, Typography, Upload, User, Watermark, addLogicNode, addRecordNode, aldColorValueModeDataAttribute, aldColorValueModeStyleElementId, aldColorValueModes, applyAldColorValueMode, assertOneWayMigrationMapping, buildAldColorValueModeCss, changeRecordData, createAldV3ColorValueModeVars, createReviewGateDecision, createTheme, datePickerLocaleZhCN, defaultTheme, formatMigrationValidationReport, formatReviewGateDecision, getAldColorValueModeDefinition, getAldColorValueModeDefinitions, getCanonicalTokenOutputContractEntries, getCompatibilityTokenOutputContractEntries, getInitialLogicNode, getMigrationMapping, getPublishedMigrationMappings, getTokenOutputContractEntries, getTokenOutputContractEntriesByGroup, getTokenOutputContractEntry, initAldTheme, isTokenOutputContractName, localeValues as localeEnUS, localeValues$1 as localeZhCN, logicTreeIterator, message, migrationMappingRegistry, migrationMappingTableByType, notification, removeNode, runMigrationReviewGate, scanLegacyVariableUsages, themeToCssVars, tokenOutputContractEntries, validateMigrationMapping, validateTokenOutputContract };
84
+ export { AMenu, AProgress, Select_default as AldSelect, Alert, AldApp as App, Avatar, Badge, Breadcrumb, Button_default as Button, Card, Carousel, Checkbox, Col, Collapse, ColorPicker, AldCustomConfigProvider as ConfigProvider, DataPreviewTable_default as DataPreviewTable, DatePicker, DisplayLogicTree, Divider, Drawer, Dropdown, ELogicType, EMemberPicker, ENodeType, EUserType, Empty, Form, HighlightText, IconButton, Input, InputNumber, InputSearch, Layout, List, LogicTree, MemberSelector as MemberPicker, Menu, Modal, OverflowCount, Pagination, Popconfirm, Popover, Progress_default as Progress, Radio, RenameInput, Result, Row, ScrollArea_default as ScrollArea, Select_default as Select, Skeleton, Slider, Space, CustomSpin as Spin, StatusLight, Steps, Switch, Table_default as Table, Tabs, Tag, TextLink, Tooltip, Tour, Tree, Typography, Upload, User, Watermark, addLogicNode, addRecordNode, aldColorValueModeDataAttribute, aldColorValueModeStyleElementId, aldColorValueModes, applyAldColorValueMode, assertOneWayMigrationMapping, buildAldColorValueModeCss, changeRecordData, createAldColorValueModeVars, createReviewGateDecision, createTheme, datePickerLocaleZhCN, defaultTheme, formatMigrationValidationReport, formatReviewGateDecision, getAldColorValueModeDefinition, getAldColorValueModeDefinitions, getCanonicalTokenOutputContractEntries, getCompatibilityTokenOutputContractEntries, getInitialLogicNode, getMigrationMapping, getPublishedMigrationMappings, getTokenOutputContractEntries, getTokenOutputContractEntriesByGroup, getTokenOutputContractEntry, initAldTheme, isTokenOutputContractName, localeValues as localeEnUS, localeValues$1 as localeZhCN, logicTreeIterator, message, migrationMappingRegistry, migrationMappingTableByType, notification, removeNode, runMigrationReviewGate, scanLegacyVariableUsages, themeToCssVars, tokenOutputContractEntries, validateMigrationMapping, validateTokenOutputContract };
package/dist/theme/contract/baselineResolvedTokenValueManifest.d.ts ADDED
@@ -0,0 +1,22 @@
1
+ import { TokenOutputContractEntry } from './tokenOutputContract.js';
2
+ import { TokenOutputVariableName } from '../governance/migrationMappingRegistry';
3
+ export interface BaselineResolvedTokenValueProvenance {
4
+ document: string;
5
+ section: string;
6
+ decisionStatus: 'accepted';
7
+ }
8
+ export interface BaselineResolvedTokenValueManifestRecord {
9
+ name: TokenOutputVariableName;
10
+ group: TokenOutputContractEntry['group'];
11
+ value: string;
12
+ provenance: BaselineResolvedTokenValueProvenance;
13
+ }
14
+ export interface BaselineResolvedTokenValueManifestValidationResult {
15
+ valid: boolean;
16
+ errors: string[];
17
+ fingerprint: string;
18
+ }
19
+ export declare const baselineResolvedTokenValueManifestVersion: "baseline-resolved-token-values-v1";
20
+ export declare const baselineResolvedTokenValueManifest: readonly BaselineResolvedTokenValueManifestRecord[];
21
+ export declare const baselineResolvedTokenValueManifestFingerprint: string;
22
+ export declare function validateBaselineResolvedTokenValueManifest(): BaselineResolvedTokenValueManifestValidationResult;
package/dist/theme/contract/baselineResolvedTokenValueManifest.js ADDED
@@ -0,0 +1,2 @@
1
+ // type-only module stub
2
+ export {};
package/dist/theme/contract/darkResolvedTokenValueManifest.d.ts ADDED
@@ -0,0 +1,5 @@
1
+ import { BaselineResolvedTokenValueManifestRecord, BaselineResolvedTokenValueManifestValidationResult } from './baselineResolvedTokenValueManifest.js';
2
+ export declare const darkResolvedTokenValueManifestVersion: "dark-resolved-token-values-v1";
3
+ export declare const darkResolvedTokenValueManifest: readonly BaselineResolvedTokenValueManifestRecord[];
4
+ export declare const darkResolvedTokenValueManifestFingerprint: string;
5
+ export declare function validateDarkResolvedTokenValueManifest(): BaselineResolvedTokenValueManifestValidationResult;
package/dist/theme/contract/darkResolvedTokenValueManifest.js ADDED
@@ -0,0 +1,2 @@
1
+ // type-only module stub
2
+ export {};
package/dist/theme/contract/resolvedTokenValueManifest.d.ts ADDED
@@ -0,0 +1,3 @@
1
+ import { BaselineResolvedTokenValueManifestRecord, BaselineResolvedTokenValueManifestValidationResult } from './baselineResolvedTokenValueManifest.js';
2
+ export declare function createResolvedTokenValueManifestFingerprint(records: readonly BaselineResolvedTokenValueManifestRecord[]): string;
3
+ export declare function validateResolvedTokenValueManifest(records: readonly BaselineResolvedTokenValueManifestRecord[], fingerprint: string, manifestName: string): BaselineResolvedTokenValueManifestValidationResult;
package/dist/theme/contract/resolvedTokenValueManifest.js ADDED
@@ -0,0 +1,2 @@
1
+ // type-only module stub
2
+ export {};
package/dist/theme/generator/baselineTokenValueDelivery.d.ts ADDED
@@ -0,0 +1,21 @@
1
+ import { BaselineResolvedTokenValueManifestRecord, BaselineResolvedTokenValueManifestValidationResult } from '../contract/baselineResolvedTokenValueManifest';
2
+ export interface TokenValueDeliveryDefinition {
3
+ mode: 'light' | 'dark';
4
+ manifestName: string;
5
+ fingerprint: string;
6
+ selector: string;
7
+ records: readonly BaselineResolvedTokenValueManifestRecord[];
8
+ validate: () => BaselineResolvedTokenValueManifestValidationResult;
9
+ runtimeExportName: string;
10
+ runtimeFingerprintExportName: string;
11
+ }
12
+ export declare const baselineTokenValueDeliveryDefinition: TokenValueDeliveryDefinition;
13
+ export declare const darkTokenValueDeliveryDefinition: TokenValueDeliveryDefinition;
14
+ export declare const tokenValueDeliveryDefinitions: readonly [TokenValueDeliveryDefinition, TokenValueDeliveryDefinition];
15
+ export declare function renderTokenValuesCss(definition: TokenValueDeliveryDefinition): string;
16
+ export declare function renderTokenValueDeclarationsModule(definition: TokenValueDeliveryDefinition): string;
17
+ export declare function renderBaselineTokenValuesCss(): string;
18
+ export declare function renderDarkTokenValuesCss(): string;
19
+ export declare function renderV3BaselineDeclarationsModule(): string;
20
+ export declare function renderDarkBaselineDeclarationsModule(): string;
21
+ export declare function getBaselineTokenValueDeliveryFingerprint(): string;
package/dist/theme/generator/baselineTokenValueDelivery.js ADDED
@@ -0,0 +1,2 @@
1
+ // type-only module stub
2
+ export {};
package/dist/theme/index.d.ts CHANGED
@@ -1,8 +1,8 @@
1
1
  export { createTheme } from './runtime/createTheme.js';
2
2
  export { defaultTheme } from './runtime/defaultTheme.js';
3
3
  export { initAldTheme } from './runtime/initAldTheme.js';
4
- export { aldColorValueModeDataAttribute, aldColorValueModeStyleElementId, applyAldColorValueMode, buildAldColorValueModeCss, } from './runtime/colorValueMode.js';
5
- export { aldColorValueModes, createAldV3ColorValueModeVars, getAldColorValueModeDefinition, getAldColorValueModeDefinitions, } from './runtime/colorValueMode/registry.js';
4
+ export { aldColorValueModeDataAttribute, aldColorValueModeStyleElementId, applyAldColorValueMode, buildAldColorValueModeCss, createAldColorValueModeVars, } from './runtime/colorValueMode.js';
5
+ export { aldColorValueModes, getAldColorValueModeDefinition, getAldColorValueModeDefinitions, } from './runtime/colorValueMode/registry.js';
6
6
  export type { AldColorValueMode, AldColorValueModeDefinition, AldColorValueModeLifecycle, } from './runtime/colorValueMode/registry.js';
7
7
  export { assertOneWayMigrationMapping, getMigrationMapping, getPublishedMigrationMappings, migrationMappingRegistry, migrationMappingTableByType, } from './governance/migrationMappingRegistry.js';
8
8
  export type { LegacyCssVariableName, MigrationMappingEntry, MigrationMappingLifecycle, MigrationMappingStrategy, MigrationMappingType, TokenOutputVariableName, } from './governance/migrationMappingRegistry.js';
package/dist/theme/runtime/colorValueMode/dark.d.ts ADDED
@@ -0,0 +1 @@
1
+ export { aldDarkBaselineDeclarations as aldDarkColorValueModeVars } from './generated/darkBaselineDeclarations.js';
package/dist/theme/runtime/colorValueMode/dark.js ADDED
@@ -0,0 +1,2 @@
1
+ // type-only module stub
2
+ export {};
package/dist/theme/runtime/colorValueMode/generated/darkBaselineDeclarations.d.ts ADDED
@@ -0,0 +1,3 @@
1
+ import { AldThemeCssVars } from '../../types';
2
+ export declare const aldDarkBaselineDeclarations: AldThemeCssVars;
3
+ export declare const aldDarkBaselineDeclarationsFingerprint = "fnv1a-98aa1579";
package/dist/theme/runtime/colorValueMode/generated/darkBaselineDeclarations.js ADDED
@@ -0,0 +1,125 @@
1
+ //#region src/theme/runtime/colorValueMode/generated/darkBaselineDeclarations.ts
2
+ var aldDarkBaselineDeclarations = Object.freeze({
3
+ "--action-primary-normal": "var(--semantic-brand-500)",
4
+ "--action-primary-hover": "var(--semantic-brand-400)",
5
+ "--action-primary-active": "var(--semantic-brand-600)",
6
+ "--action-primary-selected": "var(--semantic-brand-900)",
7
+ "--action-primary-subtle-normal": "var(--semantic-brand-900)",
8
+ "--action-primary-subtle-hover": "var(--semantic-brand-800)",
9
+ "--action-primary-subtle-active": "var(--semantic-brand-700)",
10
+ "--action-primary-subtle-selected": "var(--semantic-brand-900)",
11
+ "--action-neutral-normal": "var(--semantic-neutral-800)",
12
+ "--action-neutral-hover": "var(--semantic-neutral-700)",
13
+ "--action-neutral-active": "var(--semantic-neutral-600)",
14
+ "--action-neutral-selected": "var(--semantic-neutral-800)",
15
+ "--action-neutral-subtle-normal": "var(--semantic-neutral-900)",
16
+ "--action-neutral-subtle-hover": "var(--semantic-neutral-800)",
17
+ "--action-neutral-subtle-active": "var(--semantic-neutral-700)",
18
+ "--action-neutral-subtle-selected": "var(--semantic-neutral-800)",
19
+ "--action-destructive-normal": "var(--semantic-negative-500)",
20
+ "--action-destructive-hover": "var(--semantic-negative-400)",
21
+ "--action-destructive-active": "var(--semantic-negative-600)",
22
+ "--action-destructive-selected": "var(--semantic-negative-900)",
23
+ "--action-destructive-subtle-normal": "var(--semantic-negative-900)",
24
+ "--action-destructive-subtle-hover": "var(--semantic-negative-800)",
25
+ "--action-destructive-subtle-active": "var(--semantic-negative-700)",
26
+ "--action-destructive-subtle-selected": "var(--semantic-negative-900)",
27
+ "--action-ghost-normal": "var(--global-transparent-transparent)",
28
+ "--action-ghost-hover": "var(--global-white-alpha-100)",
29
+ "--action-ghost-active": "var(--global-white-alpha-200)",
30
+ "--action-ghost-selected": "var(--global-white-alpha-100)",
31
+ "--action-ghost-inverted-hover": "var(--semantic-neutral-alpha-100)",
32
+ "--action-ghost-inverted-active": "var(--semantic-neutral-alpha-200)",
33
+ "--action-ghost-inverted-selected": "var(--semantic-neutral-alpha-100)",
34
+ "--action-ghost-destructive-hover": "var(--semantic-negative-900)",
35
+ "--action-ghost-destructive-active": "var(--semantic-negative-800)",
36
+ "--action-ghost-destructive-selected": "var(--semantic-negative-900)",
37
+ "--action-inverted-normal": "var(--semantic-neutral-neutral-0)",
38
+ "--action-inverted-hover": "var(--semantic-neutral-100)",
39
+ "--action-inverted-active": "var(--semantic-neutral-200)",
40
+ "--action-inverted-selected": "var(--semantic-neutral-100)",
41
+ "--background-default": "var(--semantic-neutral-950)",
42
+ "--background-inverted": "var(--semantic-neutral-neutral-0)",
43
+ "--background-brand-muted": "var(--semantic-brand-900)",
44
+ "--background-brand-on-subtle": "var(--semantic-brand-800)",
45
+ "--background-brand-strong": "var(--semantic-brand-500)",
46
+ "--background-neutral-hard": "var(--semantic-neutral-700)",
47
+ "--background-neutral-muted": "var(--semantic-neutral-800)",
48
+ "--background-neutral-on-subtle": "var(--semantic-neutral-800)",
49
+ "--background-neutral-strong": "var(--semantic-neutral-700)",
50
+ "--background-neutral-subtle": "var(--semantic-neutral-900)",
51
+ "--background-neutral-surface": "var(--semantic-neutral-900)",
52
+ "--background-informative-muted": "var(--semantic-informative-900)",
53
+ "--background-informative-on-subtle": "var(--semantic-informative-800)",
54
+ "--background-informative-strong": "var(--semantic-informative-500)",
55
+ "--background-informative-subtle": "var(--semantic-informative-900)",
56
+ "--background-informative-surface": "var(--semantic-neutral-950)",
57
+ "--background-positive-muted": "var(--semantic-positive-900)",
58
+ "--background-positive-on-subtle": "var(--semantic-positive-800)",
59
+ "--background-positive-strong": "var(--semantic-positive-500)",
60
+ "--background-positive-subtle": "var(--semantic-positive-900)",
61
+ "--background-positive-surface": "var(--semantic-neutral-950)",
62
+ "--background-warning-muted": "var(--semantic-warning-900)",
63
+ "--background-warning-on-subtle": "var(--semantic-warning-800)",
64
+ "--background-warning-strong": "var(--semantic-warning-500)",
65
+ "--background-warning-subtle": "var(--semantic-warning-900)",
66
+ "--background-warning-surface": "var(--semantic-neutral-950)",
67
+ "--background-negative-muted": "var(--semantic-negative-900)",
68
+ "--background-negative-on-subtle": "var(--semantic-negative-800)",
69
+ "--background-negative-strong": "var(--semantic-negative-500)",
70
+ "--background-negative-subtle": "var(--semantic-negative-900)",
71
+ "--background-negative-surface": "var(--semantic-neutral-950)",
72
+ "--border-default": "var(--semantic-neutral-700)",
73
+ "--border-default-alpha": "var(--global-white-alpha-200)",
74
+ "--border-inverted": "var(--semantic-neutral-900)",
75
+ "--border-brand-strong": "var(--semantic-brand-500)",
76
+ "--border-brand-subtle": "var(--semantic-brand-700)",
77
+ "--border-neutral-strong": "var(--semantic-neutral-600)",
78
+ "--border-neutral-subtle": "var(--semantic-neutral-800)",
79
+ "--border-informative-strong": "var(--semantic-informative-500)",
80
+ "--border-informative-subtle": "var(--semantic-informative-700)",
81
+ "--border-positive-strong": "var(--semantic-positive-500)",
82
+ "--border-positive-subtle": "var(--semantic-positive-700)",
83
+ "--border-warning-strong": "var(--semantic-warning-500)",
84
+ "--border-warning-subtle": "var(--semantic-warning-700)",
85
+ "--border-negative-strong": "var(--semantic-negative-500)",
86
+ "--border-negative-subtle": "var(--semantic-negative-700)",
87
+ "--content-primary": "var(--semantic-neutral-50)",
88
+ "--content-secondary": "var(--semantic-neutral-200)",
89
+ "--content-tertiary": "var(--semantic-neutral-400)",
90
+ "--content-disabled": "var(--semantic-neutral-600)",
91
+ "--content-brand-primary": "var(--semantic-brand-400)",
92
+ "--content-brand-secondary": "var(--semantic-brand-500)",
93
+ "--content-inverted-primary": "var(--semantic-neutral-900)",
94
+ "--content-inverted-secondary": "var(--semantic-neutral-600)",
95
+ "--content-inverted-tertiary": "var(--semantic-neutral-500)",
96
+ "--content-inverted-disabled": "var(--semantic-neutral-400)",
97
+ "--content-informative-primary": "var(--semantic-informative-300)",
98
+ "--content-informative-secondary": "var(--semantic-informative-400)",
99
+ "--content-positive-primary": "var(--semantic-positive-300)",
100
+ "--content-positive-secondary": "var(--semantic-positive-400)",
101
+ "--content-warning-primary": "var(--semantic-warning-300)",
102
+ "--content-warning-secondary": "var(--semantic-warning-400)",
103
+ "--content-negative-primary": "var(--semantic-negative-300)",
104
+ "--content-negative-secondary": "var(--semantic-negative-400)",
105
+ "--dimension-0": "0px",
106
+ "--dimension-0-5": "2px",
107
+ "--dimension-1": "4px",
108
+ "--dimension-1-5": "6px",
109
+ "--dimension-2": "8px",
110
+ "--dimension-3": "12px",
111
+ "--dimension-4": "16px",
112
+ "--dimension-5": "20px",
113
+ "--dimension-6": "24px",
114
+ "--dimension-8": "32px",
115
+ "--dimension-10": "40px",
116
+ "--dimension-12": "48px",
117
+ "--dimension-14": "56px",
118
+ "--dimension-16": "64px",
119
+ "--dimension-18": "72px",
120
+ "--dimension-20": "80px"
121
+ });
122
+ //#endregion
123
+ export { aldDarkBaselineDeclarations };
124
+
125
+ //# sourceMappingURL=darkBaselineDeclarations.js.map
package/dist/theme/runtime/colorValueMode/generated/darkBaselineDeclarations.js.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":"darkBaselineDeclarations.js","names":[],"sources":["../../../../../src/theme/runtime/colorValueMode/generated/darkBaselineDeclarations.ts"],"sourcesContent":["/* Generated from darkResolvedTokenValueManifest. Do not edit manually. Fingerprint: fnv1a-98aa1579. */\n\nimport type { AldThemeCssVars } from '../../types';\n\nexport const aldDarkBaselineDeclarations = Object.freeze({\n '--action-primary-normal': 'var(--semantic-brand-500)',\n '--action-primary-hover': 'var(--semantic-brand-400)',\n '--action-primary-active': 'var(--semantic-brand-600)',\n '--action-primary-selected': 'var(--semantic-brand-900)',\n '--action-primary-subtle-normal': 'var(--semantic-brand-900)',\n '--action-primary-subtle-hover': 'var(--semantic-brand-800)',\n '--action-primary-subtle-active': 'var(--semantic-brand-700)',\n '--action-primary-subtle-selected': 'var(--semantic-brand-900)',\n '--action-neutral-normal': 'var(--semantic-neutral-800)',\n '--action-neutral-hover': 'var(--semantic-neutral-700)',\n '--action-neutral-active': 'var(--semantic-neutral-600)',\n '--action-neutral-selected': 'var(--semantic-neutral-800)',\n '--action-neutral-subtle-normal': 'var(--semantic-neutral-900)',\n '--action-neutral-subtle-hover': 'var(--semantic-neutral-800)',\n '--action-neutral-subtle-active': 'var(--semantic-neutral-700)',\n '--action-neutral-subtle-selected': 'var(--semantic-neutral-800)',\n '--action-destructive-normal': 'var(--semantic-negative-500)',\n '--action-destructive-hover': 'var(--semantic-negative-400)',\n '--action-destructive-active': 'var(--semantic-negative-600)',\n '--action-destructive-selected': 'var(--semantic-negative-900)',\n '--action-destructive-subtle-normal': 'var(--semantic-negative-900)',\n '--action-destructive-subtle-hover': 'var(--semantic-negative-800)',\n '--action-destructive-subtle-active': 'var(--semantic-negative-700)',\n '--action-destructive-subtle-selected': 'var(--semantic-negative-900)',\n '--action-ghost-normal': 'var(--global-transparent-transparent)',\n '--action-ghost-hover': 'var(--global-white-alpha-100)',\n '--action-ghost-active': 'var(--global-white-alpha-200)',\n '--action-ghost-selected': 'var(--global-white-alpha-100)',\n '--action-ghost-inverted-hover': 'var(--semantic-neutral-alpha-100)',\n '--action-ghost-inverted-active': 'var(--semantic-neutral-alpha-200)',\n '--action-ghost-inverted-selected': 'var(--semantic-neutral-alpha-100)',\n '--action-ghost-destructive-hover': 'var(--semantic-negative-900)',\n '--action-ghost-destructive-active': 'var(--semantic-negative-800)',\n '--action-ghost-destructive-selected': 'var(--semantic-negative-900)',\n '--action-inverted-normal': 'var(--semantic-neutral-neutral-0)',\n '--action-inverted-hover': 'var(--semantic-neutral-100)',\n '--action-inverted-active': 'var(--semantic-neutral-200)',\n '--action-inverted-selected': 'var(--semantic-neutral-100)',\n '--background-default': 'var(--semantic-neutral-950)',\n '--background-inverted': 'var(--semantic-neutral-neutral-0)',\n '--background-brand-muted': 'var(--semantic-brand-900)',\n '--background-brand-on-subtle': 'var(--semantic-brand-800)',\n '--background-brand-strong': 'var(--semantic-brand-500)',\n '--background-neutral-hard': 'var(--semantic-neutral-700)',\n '--background-neutral-muted': 'var(--semantic-neutral-800)',\n '--background-neutral-on-subtle': 'var(--semantic-neutral-800)',\n '--background-neutral-strong': 'var(--semantic-neutral-700)',\n '--background-neutral-subtle': 'var(--semantic-neutral-900)',\n '--background-neutral-surface': 'var(--semantic-neutral-900)',\n '--background-informative-muted': 'var(--semantic-informative-900)',\n '--background-informative-on-subtle': 'var(--semantic-informative-800)',\n '--background-informative-strong': 'var(--semantic-informative-500)',\n '--background-informative-subtle': 'var(--semantic-informative-900)',\n '--background-informative-surface': 'var(--semantic-neutral-950)',\n '--background-positive-muted': 'var(--semantic-positive-900)',\n '--background-positive-on-subtle': 'var(--semantic-positive-800)',\n '--background-positive-strong': 'var(--semantic-positive-500)',\n '--background-positive-subtle': 'var(--semantic-positive-900)',\n '--background-positive-surface': 'var(--semantic-neutral-950)',\n '--background-warning-muted': 'var(--semantic-warning-900)',\n '--background-warning-on-subtle': 'var(--semantic-warning-800)',\n '--background-warning-strong': 'var(--semantic-warning-500)',\n '--background-warning-subtle': 'var(--semantic-warning-900)',\n '--background-warning-surface': 'var(--semantic-neutral-950)',\n '--background-negative-muted': 'var(--semantic-negative-900)',\n '--background-negative-on-subtle': 'var(--semantic-negative-800)',\n '--background-negative-strong': 'var(--semantic-negative-500)',\n '--background-negative-subtle': 'var(--semantic-negative-900)',\n '--background-negative-surface': 'var(--semantic-neutral-950)',\n '--border-default': 'var(--semantic-neutral-700)',\n '--border-default-alpha': 'var(--global-white-alpha-200)',\n '--border-inverted': 'var(--semantic-neutral-900)',\n '--border-brand-strong': 'var(--semantic-brand-500)',\n '--border-brand-subtle': 'var(--semantic-brand-700)',\n '--border-neutral-strong': 'var(--semantic-neutral-600)',\n '--border-neutral-subtle': 'var(--semantic-neutral-800)',\n '--border-informative-strong': 'var(--semantic-informative-500)',\n '--border-informative-subtle': 'var(--semantic-informative-700)',\n '--border-positive-strong': 'var(--semantic-positive-500)',\n '--border-positive-subtle': 'var(--semantic-positive-700)',\n '--border-warning-strong': 'var(--semantic-warning-500)',\n '--border-warning-subtle': 'var(--semantic-warning-700)',\n '--border-negative-strong': 'var(--semantic-negative-500)',\n '--border-negative-subtle': 'var(--semantic-negative-700)',\n '--content-primary': 'var(--semantic-neutral-50)',\n '--content-secondary': 'var(--semantic-neutral-200)',\n '--content-tertiary': 'var(--semantic-neutral-400)',\n '--content-disabled': 'var(--semantic-neutral-600)',\n '--content-brand-primary': 'var(--semantic-brand-400)',\n '--content-brand-secondary': 'var(--semantic-brand-500)',\n '--content-inverted-primary': 'var(--semantic-neutral-900)',\n '--content-inverted-secondary': 'var(--semantic-neutral-600)',\n '--content-inverted-tertiary': 'var(--semantic-neutral-500)',\n '--content-inverted-disabled': 'var(--semantic-neutral-400)',\n '--content-informative-primary': 'var(--semantic-informative-300)',\n '--content-informative-secondary': 'var(--semantic-informative-400)',\n '--content-positive-primary': 'var(--semantic-positive-300)',\n '--content-positive-secondary': 'var(--semantic-positive-400)',\n '--content-warning-primary': 'var(--semantic-warning-300)',\n '--content-warning-secondary': 'var(--semantic-warning-400)',\n '--content-negative-primary': 'var(--semantic-negative-300)',\n '--content-negative-secondary': 'var(--semantic-negative-400)',\n '--dimension-0': '0px',\n '--dimension-0-5': '2px',\n '--dimension-1': '4px',\n '--dimension-1-5': '6px',\n '--dimension-2': '8px',\n '--dimension-3': '12px',\n '--dimension-4': '16px',\n '--dimension-5': '20px',\n '--dimension-6': '24px',\n '--dimension-8': '32px',\n '--dimension-10': '40px',\n '--dimension-12': '48px',\n '--dimension-14': '56px',\n '--dimension-16': '64px',\n '--dimension-18': '72px',\n '--dimension-20': '80px',\n}) as AldThemeCssVars;\n\nexport const aldDarkBaselineDeclarationsFingerprint = 'fnv1a-98aa1579';\n"],"mappings":";AAIA,IAAa,8BAA8B,OAAO,OAAO;CACvD,2BAA2B;CAC3B,0BAA0B;CAC1B,2BAA2B;CAC3B,6BAA6B;CAC7B,kCAAkC;CAClC,iCAAiC;CACjC,kCAAkC;CAClC,oCAAoC;CACpC,2BAA2B;CAC3B,0BAA0B;CAC1B,2BAA2B;CAC3B,6BAA6B;CAC7B,kCAAkC;CAClC,iCAAiC;CACjC,kCAAkC;CAClC,oCAAoC;CACpC,+BAA+B;CAC/B,8BAA8B;CAC9B,+BAA+B;CAC/B,iCAAiC;CACjC,sCAAsC;CACtC,qCAAqC;CACrC,sCAAsC;CACtC,wCAAwC;CACxC,yBAAyB;CACzB,wBAAwB;CACxB,yBAAyB;CACzB,2BAA2B;CAC3B,iCAAiC;CACjC,kCAAkC;CAClC,oCAAoC;CACpC,oCAAoC;CACpC,qCAAqC;CACrC,uCAAuC;CACvC,4BAA4B;CAC5B,2BAA2B;CAC3B,4BAA4B;CAC5B,8BAA8B;CAC9B,wBAAwB;CACxB,yBAAyB;CACzB,4BAA4B;CAC5B,gCAAgC;CAChC,6BAA6B;CAC7B,6BAA6B;CAC7B,8BAA8B;CAC9B,kCAAkC;CAClC,+BAA+B;CAC/B,+BAA+B;CAC/B,gCAAgC;CAChC,kCAAkC;CAClC,sCAAsC;CACtC,mCAAmC;CACnC,mCAAmC;CACnC,oCAAoC;CACpC,+BAA+B;CAC/B,mCAAmC;CACnC,gCAAgC;CAChC,gCAAgC;CAChC,iCAAiC;CACjC,8BAA8B;CAC9B,kCAAkC;CAClC,+BAA+B;CAC/B,+BAA+B;CAC/B,gCAAgC;CAChC,+BAA+B;CAC/B,mCAAmC;CACnC,gCAAgC;CAChC,gCAAgC;CAChC,iCAAiC;CACjC,oBAAoB;CACpB,0BAA0B;CAC1B,qBAAqB;CACrB,yBAAyB;CACzB,yBAAyB;CACzB,2BAA2B;CAC3B,2BAA2B;CAC3B,+BAA+B;CAC/B,+BAA+B;CAC/B,4BAA4B;CAC5B,4BAA4B;CAC5B,2BAA2B;CAC3B,2BAA2B;CAC3B,4BAA4B;CAC5B,4BAA4B;CAC5B,qBAAqB;CACrB,uBAAuB;CACvB,sBAAsB;CACtB,sBAAsB;CACtB,2BAA2B;CAC3B,6BAA6B;CAC7B,8BAA8B;CAC9B,gCAAgC;CAChC,+BAA+B;CAC/B,+BAA+B;CAC/B,iCAAiC;CACjC,mCAAmC;CACnC,8BAA8B;CAC9B,gCAAgC;CAChC,6BAA6B;CAC7B,+BAA+B;CAC/B,8BAA8B;CAC9B,gCAAgC;CAChC,iBAAiB;CACjB,mBAAmB;CACnB,iBAAiB;CACjB,mBAAmB;CACnB,iBAAiB;CACjB,iBAAiB;CACjB,iBAAiB;CACjB,iBAAiB;CACjB,iBAAiB;CACjB,iBAAiB;CACjB,kBAAkB;CAClB,kBAAkB;CAClB,kBAAkB;CAClB,kBAAkB;CAClB,kBAAkB;CAClB,kBAAkB;CACnB,CAAC"}
package/dist/theme/runtime/colorValueMode/generated/v3BaselineDeclarations.d.ts ADDED
@@ -0,0 +1,3 @@
1
+ import { AldThemeCssVars } from '../../types';
2
+ export declare const aldV3BaselineDeclarations: AldThemeCssVars;
3
+ export declare const aldV3BaselineDeclarationsFingerprint = "fnv1a-a5cda374";
package/dist/theme/runtime/colorValueMode/generated/v3BaselineDeclarations.js ADDED
@@ -0,0 +1,125 @@
1
+ //#region src/theme/runtime/colorValueMode/generated/v3BaselineDeclarations.ts
2
+ var aldV3BaselineDeclarations = Object.freeze({
3
+ "--action-primary-normal": "var(--semantic-brand-600)",
4
+ "--action-primary-hover": "var(--semantic-brand-800)",
5
+ "--action-primary-active": "var(--semantic-brand-900)",
6
+ "--action-primary-selected": "var(--semantic-brand-800)",
7
+ "--action-primary-subtle-normal": "var(--semantic-brand-50)",
8
+ "--action-primary-subtle-hover": "var(--semantic-brand-100)",
9
+ "--action-primary-subtle-active": "var(--semantic-brand-300)",
10
+ "--action-primary-subtle-selected": "var(--semantic-brand-100)",
11
+ "--action-neutral-normal": "var(--semantic-neutral-700)",
12
+ "--action-neutral-hover": "var(--semantic-neutral-800)",
13
+ "--action-neutral-active": "var(--semantic-neutral-900)",
14
+ "--action-neutral-selected": "var(--semantic-neutral-800)",
15
+ "--action-neutral-subtle-normal": "var(--semantic-neutral-50)",
16
+ "--action-neutral-subtle-hover": "var(--semantic-neutral-100)",
17
+ "--action-neutral-subtle-active": "var(--semantic-neutral-300)",
18
+ "--action-neutral-subtle-selected": "var(--semantic-neutral-100)",
19
+ "--action-destructive-normal": "var(--semantic-negative-600)",
20
+ "--action-destructive-hover": "var(--semantic-negative-800)",
21
+ "--action-destructive-active": "var(--semantic-negative-900)",
22
+ "--action-destructive-selected": "var(--semantic-negative-800)",
23
+ "--action-destructive-subtle-normal": "var(--semantic-negative-50)",
24
+ "--action-destructive-subtle-hover": "var(--semantic-negative-100)",
25
+ "--action-destructive-subtle-active": "var(--semantic-negative-300)",
26
+ "--action-destructive-subtle-selected": "var(--semantic-negative-100)",
27
+ "--action-ghost-normal": "var(--global-transparent-transparent)",
28
+ "--action-ghost-hover": "var(--semantic-neutral-alpha-50)",
29
+ "--action-ghost-active": "var(--semantic-neutral-alpha-100)",
30
+ "--action-ghost-selected": "var(--semantic-neutral-alpha-50)",
31
+ "--action-ghost-inverted-hover": "var(--global-white-alpha-200)",
32
+ "--action-ghost-inverted-active": "var(--global-white-alpha-300)",
33
+ "--action-ghost-inverted-selected": "var(--global-white-alpha-200)",
34
+ "--action-ghost-destructive-hover": "var(--semantic-negative-50)",
35
+ "--action-ghost-destructive-active": "var(--semantic-negative-100)",
36
+ "--action-ghost-destructive-selected": "var(--semantic-negative-50)",
37
+ "--action-inverted-normal": "var(--global-white-alpha-950)",
38
+ "--action-inverted-hover": "var(--global-white-alpha-900)",
39
+ "--action-inverted-active": "var(--global-white-alpha-800)",
40
+ "--action-inverted-selected": "var(--global-white-alpha-900)",
41
+ "--background-default": "var(--global-white-alpha-950)",
42
+ "--background-inverted": "var(--semantic-neutral-900)",
43
+ "--background-brand-muted": "var(--semantic-brand-200)",
44
+ "--background-brand-on-subtle": "var(--semantic-brand-100)",
45
+ "--background-brand-strong": "var(--semantic-brand-600)",
46
+ "--background-neutral-hard": "var(--semantic-neutral-800)",
47
+ "--background-neutral-muted": "var(--semantic-neutral-200)",
48
+ "--background-neutral-on-subtle": "var(--semantic-neutral-100)",
49
+ "--background-neutral-strong": "var(--semantic-neutral-600)",
50
+ "--background-neutral-subtle": "var(--semantic-neutral-25)",
51
+ "--background-neutral-surface": "var(--semantic-neutral-neutral-0)",
52
+ "--background-informative-muted": "var(--semantic-informative-200)",
53
+ "--background-informative-on-subtle": "var(--semantic-informative-100)",
54
+ "--background-informative-strong": "var(--semantic-informative-600)",
55
+ "--background-informative-subtle": "var(--semantic-informative-25)",
56
+ "--background-informative-surface": "var(--semantic-informative-informative-0)",
57
+ "--background-positive-muted": "var(--semantic-positive-200)",
58
+ "--background-positive-on-subtle": "var(--semantic-positive-100)",
59
+ "--background-positive-strong": "var(--semantic-positive-600)",
60
+ "--background-positive-subtle": "var(--semantic-positive-25)",
61
+ "--background-positive-surface": "var(--semantic-positive-0)",
62
+ "--background-warning-muted": "var(--semantic-warning-200)",
63
+ "--background-warning-on-subtle": "var(--semantic-warning-100)",
64
+ "--background-warning-strong": "var(--semantic-warning-600)",
65
+ "--background-warning-subtle": "var(--semantic-warning-25)",
66
+ "--background-warning-surface": "var(--semantic-warning-0)",
67
+ "--background-negative-muted": "var(--semantic-negative-200)",
68
+ "--background-negative-on-subtle": "var(--semantic-negative-100)",
69
+ "--background-negative-strong": "var(--semantic-negative-600)",
70
+ "--background-negative-subtle": "var(--semantic-negative-25)",
71
+ "--background-negative-surface": "var(--semantic-negative-0)",
72
+ "--border-default": "var(--semantic-neutral-300)",
73
+ "--border-default-alpha": "var(--semantic-neutral-alpha-100)",
74
+ "--border-inverted": "var(--global-white-alpha-950)",
75
+ "--border-brand-strong": "var(--semantic-brand-600)",
76
+ "--border-brand-subtle": "var(--semantic-brand-300)",
77
+ "--border-neutral-strong": "var(--semantic-neutral-600)",
78
+ "--border-neutral-subtle": "var(--semantic-neutral-200)",
79
+ "--border-informative-strong": "var(--semantic-informative-600)",
80
+ "--border-informative-subtle": "var(--semantic-informative-300)",
81
+ "--border-positive-strong": "var(--semantic-positive-600)",
82
+ "--border-positive-subtle": "var(--semantic-positive-300)",
83
+ "--border-warning-strong": "var(--semantic-warning-600)",
84
+ "--border-warning-subtle": "var(--semantic-warning-300)",
85
+ "--border-negative-strong": "var(--semantic-negative-600)",
86
+ "--border-negative-subtle": "var(--semantic-negative-300)",
87
+ "--content-primary": "var(--semantic-neutral-900)",
88
+ "--content-secondary": "var(--semantic-neutral-600)",
89
+ "--content-tertiary": "var(--semantic-neutral-500)",
90
+ "--content-disabled": "var(--semantic-neutral-400)",
91
+ "--content-brand-primary": "var(--semantic-brand-900)",
92
+ "--content-brand-secondary": "var(--semantic-brand-600)",
93
+ "--content-inverted-primary": "var(--global-white-alpha-950)",
94
+ "--content-inverted-secondary": "var(--global-white-alpha-600)",
95
+ "--content-inverted-tertiary": "var(--global-white-alpha-500)",
96
+ "--content-inverted-disabled": "var(--global-white-alpha-400)",
97
+ "--content-informative-primary": "var(--semantic-informative-900)",
98
+ "--content-informative-secondary": "var(--semantic-informative-600)",
99
+ "--content-positive-primary": "var(--semantic-positive-900)",
100
+ "--content-positive-secondary": "var(--semantic-positive-600)",
101
+ "--content-warning-primary": "var(--semantic-warning-900)",
102
+ "--content-warning-secondary": "var(--semantic-warning-600)",
103
+ "--content-negative-primary": "var(--semantic-negative-900)",
104
+ "--content-negative-secondary": "var(--semantic-negative-600)",
105
+ "--dimension-0": "0px",
106
+ "--dimension-0-5": "2px",
107
+ "--dimension-1": "4px",
108
+ "--dimension-1-5": "6px",
109
+ "--dimension-2": "8px",
110
+ "--dimension-3": "12px",
111
+ "--dimension-4": "16px",
112
+ "--dimension-5": "20px",
113
+ "--dimension-6": "24px",
114
+ "--dimension-8": "32px",
115
+ "--dimension-10": "40px",
116
+ "--dimension-12": "48px",
117
+ "--dimension-14": "56px",
118
+ "--dimension-16": "64px",
119
+ "--dimension-18": "72px",
120
+ "--dimension-20": "80px"
121
+ });
122
+ //#endregion
123
+ export { aldV3BaselineDeclarations };
124
+
125
+ //# sourceMappingURL=v3BaselineDeclarations.js.map
package/dist/theme/runtime/colorValueMode/generated/v3BaselineDeclarations.js.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":"v3BaselineDeclarations.js","names":[],"sources":["../../../../../src/theme/runtime/colorValueMode/generated/v3BaselineDeclarations.ts"],"sourcesContent":["/* Generated from baselineResolvedTokenValueManifest. Do not edit manually. Fingerprint: fnv1a-a5cda374. */\n\nimport type { AldThemeCssVars } from '../../types';\n\nexport const aldV3BaselineDeclarations = Object.freeze({\n '--action-primary-normal': 'var(--semantic-brand-600)',\n '--action-primary-hover': 'var(--semantic-brand-800)',\n '--action-primary-active': 'var(--semantic-brand-900)',\n '--action-primary-selected': 'var(--semantic-brand-800)',\n '--action-primary-subtle-normal': 'var(--semantic-brand-50)',\n '--action-primary-subtle-hover': 'var(--semantic-brand-100)',\n '--action-primary-subtle-active': 'var(--semantic-brand-300)',\n '--action-primary-subtle-selected': 'var(--semantic-brand-100)',\n '--action-neutral-normal': 'var(--semantic-neutral-700)',\n '--action-neutral-hover': 'var(--semantic-neutral-800)',\n '--action-neutral-active': 'var(--semantic-neutral-900)',\n '--action-neutral-selected': 'var(--semantic-neutral-800)',\n '--action-neutral-subtle-normal': 'var(--semantic-neutral-50)',\n '--action-neutral-subtle-hover': 'var(--semantic-neutral-100)',\n '--action-neutral-subtle-active': 'var(--semantic-neutral-300)',\n '--action-neutral-subtle-selected': 'var(--semantic-neutral-100)',\n '--action-destructive-normal': 'var(--semantic-negative-600)',\n '--action-destructive-hover': 'var(--semantic-negative-800)',\n '--action-destructive-active': 'var(--semantic-negative-900)',\n '--action-destructive-selected': 'var(--semantic-negative-800)',\n '--action-destructive-subtle-normal': 'var(--semantic-negative-50)',\n '--action-destructive-subtle-hover': 'var(--semantic-negative-100)',\n '--action-destructive-subtle-active': 'var(--semantic-negative-300)',\n '--action-destructive-subtle-selected': 'var(--semantic-negative-100)',\n '--action-ghost-normal': 'var(--global-transparent-transparent)',\n '--action-ghost-hover': 'var(--semantic-neutral-alpha-50)',\n '--action-ghost-active': 'var(--semantic-neutral-alpha-100)',\n '--action-ghost-selected': 'var(--semantic-neutral-alpha-50)',\n '--action-ghost-inverted-hover': 'var(--global-white-alpha-200)',\n '--action-ghost-inverted-active': 'var(--global-white-alpha-300)',\n '--action-ghost-inverted-selected': 'var(--global-white-alpha-200)',\n '--action-ghost-destructive-hover': 'var(--semantic-negative-50)',\n '--action-ghost-destructive-active': 'var(--semantic-negative-100)',\n '--action-ghost-destructive-selected': 'var(--semantic-negative-50)',\n '--action-inverted-normal': 'var(--global-white-alpha-950)',\n '--action-inverted-hover': 'var(--global-white-alpha-900)',\n '--action-inverted-active': 'var(--global-white-alpha-800)',\n '--action-inverted-selected': 'var(--global-white-alpha-900)',\n '--background-default': 'var(--global-white-alpha-950)',\n '--background-inverted': 'var(--semantic-neutral-900)',\n '--background-brand-muted': 'var(--semantic-brand-200)',\n '--background-brand-on-subtle': 'var(--semantic-brand-100)',\n '--background-brand-strong': 'var(--semantic-brand-600)',\n '--background-neutral-hard': 'var(--semantic-neutral-800)',\n '--background-neutral-muted': 'var(--semantic-neutral-200)',\n '--background-neutral-on-subtle': 'var(--semantic-neutral-100)',\n '--background-neutral-strong': 'var(--semantic-neutral-600)',\n '--background-neutral-subtle': 'var(--semantic-neutral-25)',\n '--background-neutral-surface': 'var(--semantic-neutral-neutral-0)',\n '--background-informative-muted': 'var(--semantic-informative-200)',\n '--background-informative-on-subtle': 'var(--semantic-informative-100)',\n '--background-informative-strong': 'var(--semantic-informative-600)',\n '--background-informative-subtle': 'var(--semantic-informative-25)',\n '--background-informative-surface':\n 'var(--semantic-informative-informative-0)',\n '--background-positive-muted': 'var(--semantic-positive-200)',\n '--background-positive-on-subtle': 'var(--semantic-positive-100)',\n '--background-positive-strong': 'var(--semantic-positive-600)',\n '--background-positive-subtle': 'var(--semantic-positive-25)',\n '--background-positive-surface': 'var(--semantic-positive-0)',\n '--background-warning-muted': 'var(--semantic-warning-200)',\n '--background-warning-on-subtle': 'var(--semantic-warning-100)',\n '--background-warning-strong': 'var(--semantic-warning-600)',\n '--background-warning-subtle': 'var(--semantic-warning-25)',\n '--background-warning-surface': 'var(--semantic-warning-0)',\n '--background-negative-muted': 'var(--semantic-negative-200)',\n '--background-negative-on-subtle': 'var(--semantic-negative-100)',\n '--background-negative-strong': 'var(--semantic-negative-600)',\n '--background-negative-subtle': 'var(--semantic-negative-25)',\n '--background-negative-surface': 'var(--semantic-negative-0)',\n '--border-default': 'var(--semantic-neutral-300)',\n '--border-default-alpha': 'var(--semantic-neutral-alpha-100)',\n '--border-inverted': 'var(--global-white-alpha-950)',\n '--border-brand-strong': 'var(--semantic-brand-600)',\n '--border-brand-subtle': 'var(--semantic-brand-300)',\n '--border-neutral-strong': 'var(--semantic-neutral-600)',\n '--border-neutral-subtle': 'var(--semantic-neutral-200)',\n '--border-informative-strong': 'var(--semantic-informative-600)',\n '--border-informative-subtle': 'var(--semantic-informative-300)',\n '--border-positive-strong': 'var(--semantic-positive-600)',\n '--border-positive-subtle': 'var(--semantic-positive-300)',\n '--border-warning-strong': 'var(--semantic-warning-600)',\n '--border-warning-subtle': 'var(--semantic-warning-300)',\n '--border-negative-strong': 'var(--semantic-negative-600)',\n '--border-negative-subtle': 'var(--semantic-negative-300)',\n '--content-primary': 'var(--semantic-neutral-900)',\n '--content-secondary': 'var(--semantic-neutral-600)',\n '--content-tertiary': 'var(--semantic-neutral-500)',\n '--content-disabled': 'var(--semantic-neutral-400)',\n '--content-brand-primary': 'var(--semantic-brand-900)',\n '--content-brand-secondary': 'var(--semantic-brand-600)',\n '--content-inverted-primary': 'var(--global-white-alpha-950)',\n '--content-inverted-secondary': 'var(--global-white-alpha-600)',\n '--content-inverted-tertiary': 'var(--global-white-alpha-500)',\n '--content-inverted-disabled': 'var(--global-white-alpha-400)',\n '--content-informative-primary': 'var(--semantic-informative-900)',\n '--content-informative-secondary': 'var(--semantic-informative-600)',\n '--content-positive-primary': 'var(--semantic-positive-900)',\n '--content-positive-secondary': 'var(--semantic-positive-600)',\n '--content-warning-primary': 'var(--semantic-warning-900)',\n '--content-warning-secondary': 'var(--semantic-warning-600)',\n '--content-negative-primary': 'var(--semantic-negative-900)',\n '--content-negative-secondary': 'var(--semantic-negative-600)',\n '--dimension-0': '0px',\n '--dimension-0-5': '2px',\n '--dimension-1': '4px',\n '--dimension-1-5': '6px',\n '--dimension-2': '8px',\n '--dimension-3': '12px',\n '--dimension-4': '16px',\n '--dimension-5': '20px',\n '--dimension-6': '24px',\n '--dimension-8': '32px',\n '--dimension-10': '40px',\n '--dimension-12': '48px',\n '--dimension-14': '56px',\n '--dimension-16': '64px',\n '--dimension-18': '72px',\n '--dimension-20': '80px',\n}) as AldThemeCssVars;\n\nexport const aldV3BaselineDeclarationsFingerprint = 'fnv1a-a5cda374';\n"],"mappings":";AAIA,IAAa,4BAA4B,OAAO,OAAO;CACrD,2BAA2B;CAC3B,0BAA0B;CAC1B,2BAA2B;CAC3B,6BAA6B;CAC7B,kCAAkC;CAClC,iCAAiC;CACjC,kCAAkC;CAClC,oCAAoC;CACpC,2BAA2B;CAC3B,0BAA0B;CAC1B,2BAA2B;CAC3B,6BAA6B;CAC7B,kCAAkC;CAClC,iCAAiC;CACjC,kCAAkC;CAClC,oCAAoC;CACpC,+BAA+B;CAC/B,8BAA8B;CAC9B,+BAA+B;CAC/B,iCAAiC;CACjC,sCAAsC;CACtC,qCAAqC;CACrC,sCAAsC;CACtC,wCAAwC;CACxC,yBAAyB;CACzB,wBAAwB;CACxB,yBAAyB;CACzB,2BAA2B;CAC3B,iCAAiC;CACjC,kCAAkC;CAClC,oCAAoC;CACpC,oCAAoC;CACpC,qCAAqC;CACrC,uCAAuC;CACvC,4BAA4B;CAC5B,2BAA2B;CAC3B,4BAA4B;CAC5B,8BAA8B;CAC9B,wBAAwB;CACxB,yBAAyB;CACzB,4BAA4B;CAC5B,gCAAgC;CAChC,6BAA6B;CAC7B,6BAA6B;CAC7B,8BAA8B;CAC9B,kCAAkC;CAClC,+BAA+B;CAC/B,+BAA+B;CAC/B,gCAAgC;CAChC,kCAAkC;CAClC,sCAAsC;CACtC,mCAAmC;CACnC,mCAAmC;CACnC,oCACE;CACF,+BAA+B;CAC/B,mCAAmC;CACnC,gCAAgC;CAChC,gCAAgC;CAChC,iCAAiC;CACjC,8BAA8B;CAC9B,kCAAkC;CAClC,+BAA+B;CAC/B,+BAA+B;CAC/B,gCAAgC;CAChC,+BAA+B;CAC/B,mCAAmC;CACnC,gCAAgC;CAChC,gCAAgC;CAChC,iCAAiC;CACjC,oBAAoB;CACpB,0BAA0B;CAC1B,qBAAqB;CACrB,yBAAyB;CACzB,yBAAyB;CACzB,2BAA2B;CAC3B,2BAA2B;CAC3B,+BAA+B;CAC/B,+BAA+B;CAC/B,4BAA4B;CAC5B,4BAA4B;CAC5B,2BAA2B;CAC3B,2BAA2B;CAC3B,4BAA4B;CAC5B,4BAA4B;CAC5B,qBAAqB;CACrB,uBAAuB;CACvB,sBAAsB;CACtB,sBAAsB;CACtB,2BAA2B;CAC3B,6BAA6B;CAC7B,8BAA8B;CAC9B,gCAAgC;CAChC,+BAA+B;CAC/B,+BAA+B;CAC/B,iCAAiC;CACjC,mCAAmC;CACnC,8BAA8B;CAC9B,gCAAgC;CAChC,6BAA6B;CAC7B,+BAA+B;CAC/B,8BAA8B;CAC9B,gCAAgC;CAChC,iBAAiB;CACjB,mBAAmB;CACnB,iBAAiB;CACjB,mBAAmB;CACnB,iBAAiB;CACjB,iBAAiB;CACjB,iBAAiB;CACjB,iBAAiB;CACjB,iBAAiB;CACjB,iBAAiB;CACjB,kBAAkB;CAClB,kBAAkB;CAClB,kBAAkB;CAClB,kBAAkB;CAClB,kBAAkB;CAClB,kBAAkB;CACnB,CAAC"}
package/dist/theme/runtime/colorValueMode/index.d.ts CHANGED
@@ -1,5 +1,6 @@
1
- import { AldColorValueMode } from './registry.js';
1
+ import { AldColorValueMode, AldColorValueModeDefinition } from './registry.js';
2
2
  export declare const aldColorValueModeStyleElementId = "ald-color-value-mode-runtime";
3
3
  export declare const aldColorValueModeDataAttribute = "data-ald-color-value-mode";
4
+ export declare function createAldColorValueModeVars(definition: Pick<AldColorValueModeDefinition, 'mode' | 'selector' | 'declarations'>): string;
4
5
  export declare function buildAldColorValueModeCss(mode: unknown): string;
5
6
  export declare function applyAldColorValueMode(mode: unknown): AldColorValueMode;
package/dist/theme/runtime/colorValueMode/index.js CHANGED
@@ -3,18 +3,24 @@ import { getAldColorValueModeDefinition, isAldColorValueMode } from "./registry.
3
3
  //#region src/theme/runtime/colorValueMode/index.ts
4
4
  var aldColorValueModeStyleElementId = "ald-color-value-mode-runtime";
5
5
  var aldColorValueModeDataAttribute = "data-ald-color-value-mode";
6
- function buildAldColorValueModeCss(mode) {
7
- const definition = getAldColorValueModeDefinition(mode);
8
- const entries = Object.entries(definition.vars);
6
+ function createAldColorValueModeVars(definition) {
7
+ const entries = Object.entries(definition.declarations);
9
8
  if (entries.length === 0) return "";
10
9
  const declarations = entries.sort(([a], [b]) => a.localeCompare(b)).map(([name, value]) => ` ${name}: ${value};`).join("\n");
11
- return `:root[${aldColorValueModeDataAttribute}="${definition.mode}"] {\n${declarations}\n}\n`;
10
+ return `${definition.selector} {\n${declarations}\n}\n`;
11
+ }
12
+ function buildAldColorValueModeCss(mode) {
13
+ return createAldColorValueModeVars(getAldColorValueModeDefinition(mode));
12
14
  }
13
15
  function removeAldColorValueModeLayer() {
14
16
  document.getElementById(aldColorValueModeStyleElementId)?.remove();
15
17
  }
16
- function appendBeforeTenantTheme(style) {
18
+ function placeColorValueModeLayer(style, mode) {
17
19
  const tenantThemeStyle = document.getElementById(themeStyleElementId);
20
+ if (mode === "dark") {
21
+ document.head.appendChild(style);
22
+ return;
23
+ }
18
24
  if (tenantThemeStyle) {
19
25
  document.head.insertBefore(style, tenantThemeStyle);
20
26
  return;
@@ -31,8 +37,8 @@ function injectAldColorValueModeLayer(mode) {
31
37
  if (!style) {
32
38
  style = document.createElement("style");
33
39
  style.id = aldColorValueModeStyleElementId;
34
- appendBeforeTenantTheme(style);
35
40
  }
41
+ placeColorValueModeLayer(style, mode);
36
42
  style.setAttribute(aldColorValueModeDataAttribute, mode);
37
43
  if (style.textContent !== cssText) style.textContent = cssText;
38
44
  }
@@ -44,6 +50,6 @@ function applyAldColorValueMode(mode) {
44
50
  return normalizedMode;
45
51
  }
46
52
  //#endregion
47
- export { aldColorValueModeDataAttribute, aldColorValueModeStyleElementId, applyAldColorValueMode, buildAldColorValueModeCss };
53
+ export { aldColorValueModeDataAttribute, aldColorValueModeStyleElementId, applyAldColorValueMode, buildAldColorValueModeCss, createAldColorValueModeVars };
48
54
 
49
55
  //# sourceMappingURL=index.js.map
package/dist/theme/runtime/colorValueMode/index.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","names":[],"sources":["../../../../src/theme/runtime/colorValueMode/index.ts"],"sourcesContent":["import {\n getAldColorValueModeDefinition,\n isAldColorValueMode,\n type AldColorValueMode,\n} from './registry';\nimport { themeStyleElementId } from '../tokenMap';\n\nexport const aldColorValueModeStyleElementId = 'ald-color-value-mode-runtime';\nexport const aldColorValueModeDataAttribute = 'data-ald-color-value-mode';\n\nexport function buildAldColorValueModeCss(mode: unknown) {\n const definition = getAldColorValueModeDefinition(mode);\n const entries = Object.entries(definition.vars);\n\n if (entries.length === 0) return '';\n\n const declarations = entries\n .sort(([a], [b]) => a.localeCompare(b))\n .map(([name, value]) => ` ${name}: ${value};`)\n .join('\\n');\n\n return `:root[${aldColorValueModeDataAttribute}=\"${definition.mode}\"] {\\n${declarations}\\n}\\n`;\n}\n\nfunction removeAldColorValueModeLayer() {\n document.getElementById(aldColorValueModeStyleElementId)?.remove();\n}\n\nfunction appendBeforeTenantTheme(style: HTMLStyleElement) {\n const tenantThemeStyle = document.getElementById(themeStyleElementId);\n\n if (tenantThemeStyle) {\n document.head.insertBefore(style, tenantThemeStyle);\n return;\n }\n\n document.head.appendChild(style);\n}\n\nfunction injectAldColorValueModeLayer(mode: AldColorValueMode) {\n const cssText = buildAldColorValueModeCss(mode);\n let style = document.getElementById(\n aldColorValueModeStyleElementId,\n ) as HTMLStyleElement | null;\n\n if (!cssText) {\n removeAldColorValueModeLayer();\n return;\n }\n\n if (!style) {\n style = document.createElement('style');\n style.id = aldColorValueModeStyleElementId;\n appendBeforeTenantTheme(style);\n }\n\n style.setAttribute(aldColorValueModeDataAttribute, mode);\n\n if (style.textContent !== cssText) {\n style.textContent = cssText;\n }\n}\n\nexport function applyAldColorValueMode(mode: unknown): AldColorValueMode {\n if (typeof document === 'undefined') return 'legacy';\n\n const normalizedMode = isAldColorValueMode(mode) ? mode : 'legacy';\n\n document.documentElement.setAttribute(\n aldColorValueModeDataAttribute,\n normalizedMode,\n );\n injectAldColorValueModeLayer(normalizedMode);\n\n return normalizedMode;\n}\n"],"mappings":";;;AAOA,IAAa,kCAAkC;AAC/C,IAAa,iCAAiC;AAE9C,SAAgB,0BAA0B,MAAe;CACvD,MAAM,aAAa,+BAA+B,KAAK;CACvD,MAAM,UAAU,OAAO,QAAQ,WAAW,KAAK;AAE/C,KAAI,QAAQ,WAAW,EAAG,QAAO;CAEjC,MAAM,eAAe,QAClB,MAAM,CAAC,IAAI,CAAC,OAAO,EAAE,cAAc,EAAE,CAAC,CACtC,KAAK,CAAC,MAAM,WAAW,KAAK,KAAK,IAAI,MAAM,GAAG,CAC9C,KAAK,KAAK;AAEb,QAAO,SAAS,+BAA+B,IAAI,WAAW,KAAK,QAAQ,aAAa;;AAG1F,SAAS,+BAA+B;AACtC,UAAS,eAAe,gCAAgC,EAAE,QAAQ;;AAGpE,SAAS,wBAAwB,OAAyB;CACxD,MAAM,mBAAmB,SAAS,eAAe,oBAAoB;AAErE,KAAI,kBAAkB;AACpB,WAAS,KAAK,aAAa,OAAO,iBAAiB;AACnD;;AAGF,UAAS,KAAK,YAAY,MAAM;;AAGlC,SAAS,6BAA6B,MAAyB;CAC7D,MAAM,UAAU,0BAA0B,KAAK;CAC/C,IAAI,QAAQ,SAAS,eACnB,gCACD;AAED,KAAI,CAAC,SAAS;AACZ,gCAA8B;AAC9B;;AAGF,KAAI,CAAC,OAAO;AACV,UAAQ,SAAS,cAAc,QAAQ;AACvC,QAAM,KAAK;AACX,0BAAwB,MAAM;;AAGhC,OAAM,aAAa,gCAAgC,KAAK;AAExD,KAAI,MAAM,gBAAgB,QACxB,OAAM,cAAc;;AAIxB,SAAgB,uBAAuB,MAAkC;AACvE,KAAI,OAAO,aAAa,YAAa,QAAO;CAE5C,MAAM,iBAAiB,oBAAoB,KAAK,GAAG,OAAO;AAE1D,UAAS,gBAAgB,aACvB,gCACA,eACD;AACD,8BAA6B,eAAe;AAE5C,QAAO"}
1
+ {"version":3,"file":"index.js","names":[],"sources":["../../../../src/theme/runtime/colorValueMode/index.ts"],"sourcesContent":["import {\n getAldColorValueModeDefinition,\n isAldColorValueMode,\n type AldColorValueMode,\n type AldColorValueModeDefinition,\n} from './registry';\nimport { themeStyleElementId } from '../tokenMap';\n\nexport const aldColorValueModeStyleElementId = 'ald-color-value-mode-runtime';\nexport const aldColorValueModeDataAttribute = 'data-ald-color-value-mode';\n\nexport function createAldColorValueModeVars(\n definition: Pick<\n AldColorValueModeDefinition,\n 'mode' | 'selector' | 'declarations'\n >,\n) {\n const entries = Object.entries(definition.declarations);\n\n if (entries.length === 0) return '';\n\n const declarations = entries\n .sort(([a], [b]) => a.localeCompare(b))\n .map(([name, value]) => ` ${name}: ${value};`)\n .join('\\n');\n\n return `${definition.selector} {\\n${declarations}\\n}\\n`;\n}\n\nexport function buildAldColorValueModeCss(mode: unknown) {\n return createAldColorValueModeVars(getAldColorValueModeDefinition(mode));\n}\n\nfunction removeAldColorValueModeLayer() {\n document.getElementById(aldColorValueModeStyleElementId)?.remove();\n}\n\nfunction placeColorValueModeLayer(\n style: HTMLStyleElement,\n mode: AldColorValueMode,\n) {\n const tenantThemeStyle = document.getElementById(themeStyleElementId);\n\n if (mode === 'dark') {\n document.head.appendChild(style);\n return;\n }\n\n if (tenantThemeStyle) {\n document.head.insertBefore(style, tenantThemeStyle);\n return;\n }\n\n document.head.appendChild(style);\n}\n\nfunction injectAldColorValueModeLayer(mode: AldColorValueMode) {\n const cssText = buildAldColorValueModeCss(mode);\n let style = document.getElementById(\n aldColorValueModeStyleElementId,\n ) as HTMLStyleElement | null;\n\n if (!cssText) {\n removeAldColorValueModeLayer();\n return;\n }\n\n if (!style) {\n style = document.createElement('style');\n style.id = aldColorValueModeStyleElementId;\n }\n\n placeColorValueModeLayer(style, mode);\n style.setAttribute(aldColorValueModeDataAttribute, mode);\n\n if (style.textContent !== cssText) {\n style.textContent = cssText;\n }\n}\n\nexport function applyAldColorValueMode(mode: unknown): AldColorValueMode {\n if (typeof document === 'undefined') return 'legacy';\n\n const normalizedMode = isAldColorValueMode(mode) ? mode : 'legacy';\n\n document.documentElement.setAttribute(\n aldColorValueModeDataAttribute,\n normalizedMode,\n );\n injectAldColorValueModeLayer(normalizedMode);\n\n return normalizedMode;\n}\n"],"mappings":";;;AAQA,IAAa,kCAAkC;AAC/C,IAAa,iCAAiC;AAE9C,SAAgB,4BACd,YAIA;CACA,MAAM,UAAU,OAAO,QAAQ,WAAW,aAAa;AAEvD,KAAI,QAAQ,WAAW,EAAG,QAAO;CAEjC,MAAM,eAAe,QAClB,MAAM,CAAC,IAAI,CAAC,OAAO,EAAE,cAAc,EAAE,CAAC,CACtC,KAAK,CAAC,MAAM,WAAW,KAAK,KAAK,IAAI,MAAM,GAAG,CAC9C,KAAK,KAAK;AAEb,QAAO,GAAG,WAAW,SAAS,MAAM,aAAa;;AAGnD,SAAgB,0BAA0B,MAAe;AACvD,QAAO,4BAA4B,+BAA+B,KAAK,CAAC;;AAG1E,SAAS,+BAA+B;AACtC,UAAS,eAAe,gCAAgC,EAAE,QAAQ;;AAGpE,SAAS,yBACP,OACA,MACA;CACA,MAAM,mBAAmB,SAAS,eAAe,oBAAoB;AAErE,KAAI,SAAS,QAAQ;AACnB,WAAS,KAAK,YAAY,MAAM;AAChC;;AAGF,KAAI,kBAAkB;AACpB,WAAS,KAAK,aAAa,OAAO,iBAAiB;AACnD;;AAGF,UAAS,KAAK,YAAY,MAAM;;AAGlC,SAAS,6BAA6B,MAAyB;CAC7D,MAAM,UAAU,0BAA0B,KAAK;CAC/C,IAAI,QAAQ,SAAS,eACnB,gCACD;AAED,KAAI,CAAC,SAAS;AACZ,gCAA8B;AAC9B;;AAGF,KAAI,CAAC,OAAO;AACV,UAAQ,SAAS,cAAc,QAAQ;AACvC,QAAM,KAAK;;AAGb,0BAAyB,OAAO,KAAK;AACrC,OAAM,aAAa,gCAAgC,KAAK;AAExD,KAAI,MAAM,gBAAgB,QACxB,OAAM,cAAc;;AAIxB,SAAgB,uBAAuB,MAAkC;AACvE,KAAI,OAAO,aAAa,YAAa,QAAO;CAE5C,MAAM,iBAAiB,oBAAoB,KAAK,GAAG,OAAO;AAE1D,UAAS,gBAAgB,aACvB,gCACA,eACD;AACD,8BAA6B,eAAe;AAE5C,QAAO"}
package/dist/theme/runtime/colorValueMode/registry.d.ts CHANGED
@@ -4,26 +4,35 @@ export interface AldColorValueModeDefinition<Mode extends string = string> {
4
4
  mode: Mode;
5
5
  title: string;
6
6
  lifecycle: AldColorValueModeLifecycle;
7
- vars: AldThemeCssVars;
7
+ selector: string;
8
+ declarations: AldThemeCssVars;
8
9
  }
9
10
  declare const colorValueModeRegistry: {
10
11
  readonly legacy: {
11
12
  readonly mode: "legacy";
12
13
  readonly title: "Legacy compatibility values";
13
14
  readonly lifecycle: "stable";
14
- readonly vars: {};
15
+ readonly selector: ":root[data-ald-color-value-mode=\"legacy\"]";
16
+ readonly declarations: {};
15
17
  };
16
18
  readonly v3: {
17
19
  readonly mode: "v3";
18
20
  readonly title: "ALD V3 values";
19
21
  readonly lifecycle: "stable";
20
- readonly vars: AldThemeCssVars;
22
+ readonly selector: ":root[data-ald-color-value-mode=\"v3\"]";
23
+ readonly declarations: AldThemeCssVars;
24
+ };
25
+ readonly dark: {
26
+ readonly mode: "dark";
27
+ readonly title: "ALD Dark values";
28
+ readonly lifecycle: "stable";
29
+ readonly selector: ":root[data-ald-color-value-mode=\"dark\"]";
30
+ readonly declarations: AldThemeCssVars;
21
31
  };
22
32
  };
23
33
  export type AldColorValueMode = keyof typeof colorValueModeRegistry;
24
- export declare const aldColorValueModes: readonly ("legacy" | "v3")[];
34
+ export declare const aldColorValueModes: readonly ("dark" | "legacy" | "v3")[];
25
35
  export declare function isAldColorValueMode(value: unknown): value is AldColorValueMode;
26
36
  export declare function getAldColorValueModeDefinition(mode: unknown): AldColorValueModeDefinition<AldColorValueMode>;
27
37
  export declare function getAldColorValueModeDefinitions(): Array<AldColorValueModeDefinition<AldColorValueMode>>;
28
- export declare function createAldV3ColorValueModeVars(): AldThemeCssVars;
29
38
  export {};